@media (max-width:1849px) {
	.banner > figure {
		left: 12%;
	}
}
@media (max-width:1749px) {
	.banner > figure {
		left: 6%;
	}
}
@media (max-width:1699px) {
	.banner > figure {
		left: 0%;
	}
}

/* responsive styles for desktop */

@media (max-width:1549px) {
	.case-study-btn {
		text-align: center;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		max-width: 360px;
	}
}
@media (max-width:1399px) {
	.design-block a {
		max-width: 170px;
	}
	.latest-work-carousel {
		margin-left: 0;
		padding-top: 7%;
	}
	.owl-nav {
		left: 0;
		top: 0;
	}
	.banner > figure {
		max-width: 43%;
	}
	h2 {
		font-size: 100px;
	}
	.work-content > p {
		padding: 10px 0 35px 0;
	}
	.amazing-customers img {
		max-width: 80%;
	}
	.scoop-carousel {
		margin-left: -150px;
	}
	.scoop-slide {
		padding: 30px 15px;
	}
	h3 {
		font-size: 26px;
		line-height: 32px;
	}
	.scoop-content p {
		font-size: 18px;
	}
	.scoop-content {
		min-height: 250px;
	}
	.what-u-see-head {
		top: 20px;
	}
	.scoop-slide::before {
		border-width: 0 150px 90px 0;
	}
	.get-quote-btn {
		padding: 10px 50px;
		font-size: 44px;
	}
	h4 {
		font-size: 22px;
	}
	.services {
		padding-left: 50px;
	}
	.services li a {
		font-size: 17px;
	}
}

/* responsive styles for laptop */

@media (max-width:1199px) {
	.banner {
		height: 750px;
	}
	h2,
	.works-banner-text h2,  {
		font-size: 80px;
	}
	.what-do-head p,
	.design p {
		font-size: 19px;
	}
	.design-block a {
		max-width: 150px;
	}
	.we-do-images {
		max-width: 700px;
	}
	.work-content > p {
		font-size: 15px;
		line-height: 26px;
		padding: 10px 0 25px;
	}
	.case-study-btn {
		font-size: 20px;
		line-height: 50px;
		border-width: 3px;
	}
	h3 {
		font-size: 22px;
	}
	.scoop-content {
		min-height: 190px;
	}
	.scoop-content p {
		font-size: 16px;
		line-height: 22px;
	}
	h4 {
		font-size: 18px;
	}
	.get-quote-btn {
		font-size: 38px;
		padding: 5px 50px;
	}
	.what-u-see-head h2 {
		padding-bottom: 0;
	}
	.digi-market {
		padding: 25px 40px 30px;
	}
	.digi-market h3 {
		font-size: 60px;
		letter-spacing: 0;
	}
	.digi-market > span {
		font-size: 30px;
	}
	.digi-market address {
		font-size: 24px;
		line-height: 32px;
		padding-top: 10px;
	}
	.works-main-right p {
		font-size: 18px;
	}
	.services {
		width: 100%;
		margin-bottom: 25px;
	}
	.serv-right h4 {
	    font-size: 30px;
	    line-height: 35px;
	}
	.serv-right p {
	    font-size: 20px;
	    line-height: 30px;
	}
	.serv-footer p {
	    font-size: 52px;
	    line-height: 50px;
	}
	.serv-right {
		padding-right: 2%;
	}
	.menu-catgs-menu-container ul li a {
		font-size: 21px;
	}
	.blog-post-listing-item {
		padding: 30px 270px 30px 50px;
		line-height: 28px;
	}
	.blog-post-listing-item .blog-page-image {
		right: 50px;
		width: 200px;
	}
	.blog-post-listing-item .post-date, .single-post-item .post-date {
		font-size: 21px;
	}
	.blog-post-listing-item h5, .single-post-item h5 {
		font-size: 28px;
	}
	.blog-post-listing-item p, .single-post-item p {
		font-size: 21px;
	}
	.single-post-item {
		padding: 80px 50px;
	}
	.share-article {
		font-size: 21px;
	}
}

/* responsive styles for tablet/ipad */

@media (max-width:1181px) {
	.banner {
		height: 550px;
	}
	.work-content {
		max-width: inherit;
	}
	.mobile-menu-button {
		display: inline-block;
		width: 30px;
		height: 30px;
	}
	.lines,
	.lines:before,
	.lines:after {
		display: inline-block;
		width: 30px;
		height: 3px;
		background: #b60000;
	}
	.lines {
		position: relative;
	}
	.lines:before,
	.lines:after {
		position: absolute;
		left: 0;
		content: '';
		transition-delay: 0.3s, 0s;
		-webkit-transition-delay: 0.3s, 0s;
		transition-duration: 0.3s, 0.3s;
		-webkit-transition-duration: 0.3s, 0.3s;
		transition-property: top, transform;
		-webkit-transition-property: top, transform;
	}
	.lines:before {
		top: 10px;
	}
	.lines:after {
		top: -10px;
	}
	.menu-block {
		background: rgba(0, 0, 0, 0.7);
		display: none;
		left: 0;
		margin-top: 40px;
		padding: 15px;
		position: absolute;
		right: 0;
		text-align: left;
		z-index: 99;
	}
	.navbar li + li {
		margin-left: 0;
	}
	.header-menu {
		padding: 15px 120px 15px 25px;
	}
	.mobile-menu-button.active .lines {
		background: transparent;
	}
	.mobile-menu-button.active .lines:before,
	.mobile-menu-button.active .lines:after {
		transition-delay: 0s, 0.3s;
		-webkit-transition-delay: 0s, 0.3s;
		top: 0;
	}
	.mobile-menu-button.active .lines:before {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	.mobile-menu-button.active .lines:after {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	.logo {
		width: auto;
		position: relative;
		z-index: 10;
	}
	.header-right {
		position: absolute;
		padding-right: 120px;
		width: 100%;
		left: 0;
		transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
	}
	.navbar {
		margin-right: 0;
	}
	.navbar,
	.navbar li,
	.social-links {
		display: block;
	}
	#header.active .menu-block {
		margin-top: 20px;
	}
	#header.active .navbar li a,
	#header.active .social-links li a {
		color: #fff;
	}
	h2 {
		font-size: 65px;
		letter-spacing: 0;
	}
	.what-do-head {
		padding: 30px 15px 20px;
	}
	.design {
		top: 15px;
	}
	.design-block a span {
		font-size: 16px;
	}
	.design-block a {
		max-width: 120px;
	}
	.we-do-images {
		max-width: 500px;
	}
	.tv-block,
	.latest-work-carousel {
		width: 100%;
	}
	.latest-work-carousel {
		padding: 75px 0 30px;
	}
	.scoop-carousel {
		width: 100%;
		margin: auto;
	}
	.girl-image {
		width: 100%;
		margin: 0 0 20px;
	}
	.girl-image img {
		margin: auto;
	}
	.the-scoop {
		padding: 25px 15px;
	}
	.scoop-carousel .item {
		padding: 0 30px 0 120px;
	}
	.scoop-carousel .owl-dots {
		right: 0;
	}
	.digi-market {
		max-width: 92%;
	}
	#footer > p br {
		display: none;
	}
	.form-wrap {
		width: 750px;
	}
	.what-u-see {
		height: 700px;
	}
	.banner > figure {
		max-width: 36%;
	}
	.works-banner-text h2 {
		font-size: 55px;
	}
	.works-main-right h4 {
		font-size: 24px;
	}
	.works-main-right p {
		font-size: 15px;
		line-height: 21px;
	}
	.services-solutions {
		margin: 25px 0 50px;
	}
	.launch-btn {
		font-size: 20px;
		line-height: 50px;
	}
	.works-main-block {
		padding-bottom: 50px;
	}
	.works-banner {
		min-height: 400px;
	}
	#header.active .navbar li a,
	#header.active .social-links li a,
	#header.fixed .navbar li a,
	#header.fixed .social-links li a {
		color: #fff;
	}
	#header.active .navbar li a:hover,
	#header.active .social-links li a:hover,
	#header.fixed .navbar li a:hover,
	#header.fixed .social-links li a:hover {
		color: #b60000;
	}
	.serv-right h4 {
	    font-size: 18px;
	    line-height: 22px;
	}
	.serv-right p {
	    font-size: 16px;
	    line-height: 20px;
	}
	.serv-footer p {
	    font-size: 40px;
	    line-height: 45px;
	}
    .sub-nav-icon {
        text-align: center;
        line-height: 30px;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        color: #fff;
        cursor: pointer;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        display: block;
    }
    .sub-menu {
        position: static;
        padding-top: 0;
        visibility: visible;
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px); 
        width: 100%;
        display: none;
        transition: none;
        -webkit-transition: none;
    }
    #header.fixed .navbar .sub-menu li a, #header.active .navbar .sub-menu li a {
      background: rgba(0, 0, 0, 0.5);
    }
    .navbar .sub-menu li a:hover,
    .navbar .sub-menu li a:focus{
        background: #35acaa;
    }
    .sub-nav-icon.active{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    #header.fixed.active .sub-menu,
    #header.fixed .sub-menu{
        padding-top: 0;
    }
	
	.menu-catgs-menu-container ul li a {
		font-size: 18px;
	}
	.blog-post-listing-item {
		padding: 30px 270px 30px 50px;
		line-height: 24px;
	}
	.blog-post-listing-item .blog-page-image {
		right: 50px;
		width: 200px;
	}
	.blog-post-listing-item .post-date, .single-post-item .post-date {
		font-size: 18px;
	}
	.blog-post-listing-item h5, .single-post-item h5 {
		font-size: 24px;
	}
	.blog-post-listing-item p, .single-post-item p {
		font-size: 18px;
	}
	.blog-list-bg h4 {
		font-size: 21px;
	}
    
}

/* responsive styles for mobile */

@media (max-width:767px) {
	.banner {
		height: 630px;
	}
	.banner > figure {
		margin: auto;
		max-width: 450px;
		position: relative;
		right: 0;
		padding: 100px 5px 0;
		height: calc(100vh - 30px);
		height: -webkit-calc(100vh - 30px);
	}
	.banner > figure img {
		height: 100%;
		margin: auto;
	}
	.banner {
		height: calc(100vh - 30px);
		height: -webkit-calc(100vh - 30px);
	}
	.custom-logo {
		max-width: 50px;
	}
	h2,
	.works-banner-text h2 {
		font-size: 40px;
		line-height: 44px;
	}
	.what-do-head p,
	.design p {
		font-size: 18px;
		margin-top: 0;
		line-height: 26px;
	}
	.we-do-images {
		max-width: 70%;
	}
	.design-block a span {
		font-size: 10px;
	}
	.design-block a {
		max-width: 65px;
	}
	.design p {
		font-size: 16px;
		line-height: 20px;
	}
	.customers {
		padding: 20px 0;
	}
	.amazing-customers li {
		margin-bottom: 20px;
		width: 50%;
	}
	.scoop-carousel .item {
		padding: 0 30px;
	}
	.scoop-slide figure {
		width: 100%;
	}
	.scoop-content {
		min-height: inherit;
		width: 100%;
		padding-left: 0;
	}
	.scoop-slide {
		padding: 10px 15px;
		border-radius: 20px;
		-webkit-border-radius: 20px;
	}
	.scoop-slide::before {
		border-width: 0 40px 25px 0;
	}
	h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.scoop-content p {
		font-size: 14px;
		margin-bottom: 0;
	}
	.scoop-carousel .owl-item img {
		margin: auto;
	}
	.read-more {
		position: static;
		float: right;
		font-size: 16px;
	}
	.what-u-see-head {
		padding: 15px;
	}
	.what-u-see {
		height: 500px;
	}
	.get-quote-btn {
		font-size: 20px;
		padding: 0;
		width: 100%;
		max-width: 400px;
		margin-top: 15px;
	}
	.digi-market {
		padding: 20px 10px;
	}
	.digi-market h3 {
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 5px;
	}
	.digi-market > span {
		font-size: 20px;
		letter-spacing: 2px;
		line-height: 20px;
	}
	.pin {
		top: 15px;
		max-width: 40px;
	}
	.digi-market address {
		font-size: 16px;
		line-height: 22px;
	}
	#footer {
		padding: 100px 15px 40px;
	}
	.dbm {
		padding-bottom: 10px;
	}
	.dbm li a {
		display: block;
		font-size: 15px;
		line-height: 20px;
	}
	.dbm li + li {
		padding-left: 20px;
	}
	.dbm li + li::before {
		height: 8px;
		left: 4px;
		top: 4px;
		width: 8px;
	}
	.quote {
		display: block;
		padding: 10px 0;
	}
	.quote li a {
		font-size: 16px;
		line-height: 30px;
	}
	.quote li + li {
		padding-left: 20px;
	}
	.social-links.soicla-footer {
		padding: 10px 0;
	}
	.social-links.soicla-footer a {
		display: block;
	}
	.social-links.soicla-footer a .fa {
		font-size: 35px;
	}
	.social-links.soicla-footer li + li {
		margin-left: 20px;
	}
	#footer > p {
		font-size: 16px;
		line-height: 24px;
		padding-bottom: 10px;
	}
	.forkit-curtain .title {
		letter-spacing: 0;
		font-size: 24px;
		line-height: 28px;
	}
	.form-wrap {
		position: static;
		width: 100%;
		padding: 35px 15px 0;
		transform: none;
		-webkit-transform: none;
	}
	.column-30,
	.column-40,
	.checkbox-left,
	.checkbox-right {
		width: 100%;
	}
	#conactSubmit {
		width: 100%;
		max-height: 450px;
	}
	.checkbox-left {
		padding: 0;
	}
	.column-40 {
		margin-bottom: 30px;
	}
	.header-menu {
		padding: 15px 15px 5px; 
	}
	.header-right {
		padding: 10px 15px 0 0;
	}
	.forkit {
		display: none;
	}
	.forkit-btn .tag {
		width: 100%;
		font-size: 16px;
		line-height: 35px;
		height: 35px;
	}
	.hidden-xs {
		display: none;
	}
	.visible-xs {
		display: block;
	}
	.forkit.forkit-btn {
		bottom: 0;
		display: block;
		position: fixed;
		right: 0;
		top: auto;
		height: 35px;
		width: 100%;
	}
	.forkit-curtain {
		pointer-events: none;
		visibility: hidden;
	}
	.forkit-curtain.active {
		pointer-events: auto;
		visibility: visible;
	}
	.works-main-left,
	.works-main-right {
		padding: 0;
		width: 100%;
	}
	.south-arthritis {
		max-width: inherit;
		padding: 40px 0;
	}
	.portfolio-nav-block {
		font-size: 13px;
		padding: 30px 15px;
	}
	.portfolio-nav .prev img {
		margin-right: 10px;
	}
	.portfolio-nav .next img {
		margin-left: 10px;
	}
	.services-solutions {
		margin: 20px 0;
	}
	.grid-item {
		width: 100%;
	}
	.filter-button-group {
		padding: 25px;
		text-align: center;
	}
	.filter-button-group li {
		padding: 5px 10px;
	}
	.owl-nav {
		width: 100%;
		text-align: center;
	}
	.feature-btn,
	#scroll-icon {
		display: none;
	}
	.custom-btn-zaigo{
		display: none;
	}
	.wwd-container {
		height: 250px;
	}
	.mobile-menu-button {
		position: relative;
		z-index: 11;
	}
	.works-main-block {
		padding-bottom: 0;
	}
	.filter-button-group li a{
		font-size: 15px;
	}
	.portfolio-wrap{
		margin-top: 76px;
	}
	#header.active .header-right{
		padding-top: 10px;
	}
	.services-bg {
		height: 450px !important;
	}
	.works-banner-text p {
	    font-size: 20px;
	    line-height: 24px;
	}
	.ser-btn {
	    font-size: 20px;
	    line-height: 40px;
	    padding: 0 15px;
	}
	.services-content {
		margin: 0;
	}
	.serv-left {
	    width: 100%;
	}
	.serv-right {
	    margin: 20px 0 0;
	    padding: 0 5%;
	    width: 100%;
	}
	.serv-footer p {
	    font-size: 20px;
	    line-height: 24px;
	}
	.serv-footer {
		margin: 40px auto 70px;
		padding: 20px 0;
	}
	
	.blog-post-listing-item {
		padding-right: 50px;
	}

	.single-post-content, .post-sidebar {
		width: 100%;
	}

	.post-sidebar {
		margin-top: 30px;
	}

	.blog-post-listing .blog-page-image {
		width: 100%;
		position: static;
		float: none;
		margin-top: 25px;
		text-align: center;
	}

	.blog-post-listing .blog-page-image a {
		display: inline-block;
	}
	
	.blog-post-listing {
		overflow: hidden;
		padding-right: 0;
	}
	
	.menu-catgs-menu-container ul li a {
		padding: 0;
		font-size: 16px;
	}
	
	.menu-catgs-menu-container ul li {
		margin: 15px 10px;
	}

	.share-article {
		margin: 15px auto 0;
	}
	
	.single-post-item {
		padding: 30px 20px;
	}
}