@media screen and (min-width: 1200px) and (max-width: 1366px) {
.leftBlock p {
	font-size:20px;
    }
}

@media screen and (min-width: 760px) and (max-width: 1200px) {
   .navbar-collapse.collapse {
       display: none !important;
   }

   .navbar-toggle { display:inline-block; float:right; }
   .navbar-header { width:100%; }

   .clientList li:nth-child(3n+0) { margin-right:21px; }
}

/******************** TABLET *********************/

@media only screen and (max-width:1170px) { 

   .subHeader.classic h1 { font-size:73px; }
    .subHeader.classic h1 span { font-size:28px; }
	.subHeader.classic .col-lg-8.col-md-8.col-sm-8 { margin-top:30px; }
	.subHeader.classic .button.cart { display:none; }

   #screenMiddle { margin-left:18%; }

	.services3Col_big .row.services.animated, #screenMiddle.animated, #screenRight.animated, #screenLeft.animated, .featuresImg.animated, .features ul.animated {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		transition-delay: 0.0s;
	}

	.serviceText { max-width:63%; } 

   /** TESTIMONIALS **/
	.image img, .text { float:none; text-align:center; margin:0 auto; }
	.image .testimonialImg { margin-bottom:30px; margin-left:42%; }
	.text .quote { font-size:18px; }
	.image .testimonialDivider { display:none; }

	/* SHORTCODES */
	.tabContent {margin-bottom:30px;}
	.confirmOrder .button.grey { margin-bottom:30px; }

}

/******************** MOBILE *********************/

@media only screen and (min-width: 480px) and (max-width: 980px) {

	/** HEADER **/
	.verticalDivider { display:none; }

	.searchDropdown {
		margin-right:-620px;
		margin-left:150px;
		margin-top:-70px;
	}
    
    .logo img {width: 100% !important;}

	/** SUBHEADER **/
    
	.subHeader.split { 
        height:350px !important;
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-size:contain;
        background-color: #67666C;
        background-position: top center;
        color:white;
    }
	.subHeader.split h1 { font-size:60px;}

	.leftBlock { 
		width:100%; 
		text-align:center; 
		padding-left:30px; 
		padding-top:30px;
		padding-bottom:10px;
	}
    .leftBlock h2  { font-size: 30px;}
    .leftBlock h2 span { color:#FFCD4A; display: block; font-size: 40px;}
    .workFullWidth { padding-top: 50px !important; clear: both;}
    .workFullWidth h5 {font-size: 16px;}
    .features { padding-top: 50px !important; clear: both;}
	.rightBlock { width:100%; padding-top:30px; padding-bottom:0px; }
	.rightBlock .subHeaderList li { margin-left:37px; margin-right:37px; }
	.rightBlock .subHeaderGraphic { max-width:345px; }

	.subHeaderList { margin-bottom:50px;}

	/** WORK PREVIEW SECTION **/
	#screenLeft, #screenRight { display:none; }
	#screenMiddle { position:relative; margin:0 auto;}
	#screenMiddle.animated { margin-top:0px; }

	.workFullWidth_list .image { width:50%; }

	/** REMOVE ANIMATIONS ON SCROLL **/
	.services3Col_big .row.services, .featuresImg, .features ul, #screenMiddle { 
		opacity:1; 
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition:none; 
	}
    
    .services3Col_big {
	padding:20px 0px 20px 0px;
    }

	/** BLOG **/
	.blogPostMasonry { margin:0 auto; }

	/** TESTIMONIALS **/
	.image img, .text { float:none; text-align:center; margin:0 auto; }
	.image .testimonialImg { margin-bottom:30px; margin-left:38%; }
	.text .quote { font-size:18px; }
	.image .testimonialDivider { display:none; }
	.sliderControls span { margin-top:-47%; }

	/* PROMOBOX */
	.promoBox { text-align:center; }
	#mailIcon { float:none; }
    
    .bottomBar p {float:none;}
    .bottomBar {text-align:center; }
    
    .socialIcons { float:none; }
    .socialIcons li {
        display:inline;
        margin-right:10px;
    }
}

@media only screen and (max-width: 600px) { 

	/** BLOG **/
	.blogPostMasonry { float:none; margin:0 auto; margin-bottom:30px; } 
}

@media only screen and (max-width: 770px) { 
    .mdnone {display: none;}
	.aboutTeam .col-lg-3, .process.col-lg-3 { float:none; margin:0 auto; margin-bottom:20px; }
    .leftBlock p { font-size:25px; width: 100%; }
	/* SKILLS SECTION */
	.skillDivider { display:none; }
	.skills p { float:none; margin-top:0px; }
	.skillsList { float:none; margin:0 auto; }
	.skillsList li { float:none; margin:0 auto; display:block; margin-bottom:40px; }
	.skillsList li:nth-child(4) { margin-left:auto; margin-right:auto; }
    .workFullWidth { padding-top: 50px !important;}
	.serviceText { width:100%; }
    .logo img {width: 100% !important;}
}

@media only screen and (max-width: 479px) {
    .mdnone {display: none;}
	/** HEADER **/
	.nav.navbar-nav { float:left; }
	.nav.navbar-nav li a {
		padding-top:15px;
		padding-bottom:15px;
	}
    .workFullWidth { padding-top: 50px !important;}
	.verticalDivider { display:none; }

	.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
		margin-top:0px;
	}

	.nav.navbar-nav .search { margin-right:35px; }
	.searchDropdown {
		margin-right:-620px;
		margin-left:150px;
		margin-top:-70px;
	}

	.italicSmall.top { margin-bottom:10px; }
	.topBar .socialIcons { float:left; margin-bottom:10px; }

	/** SUBHEADER **/

	.subHeader.split { 
        height:350px !important;
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-size:contain;
        background-color: #67666C;
        background-position: top center;
        color:white;
    }

	.subHeader.split h1 { font-size:55px; }
	.leftBlock p { font-size:25px; width: 100%; }

	.leftBlock { 
		width:100%; 
		text-align:center; 
		padding-left:30px; 
		padding-top:30px;
		padding-bottom:15px;
	}
    
    .leftBlock h2 {font-size: 30px;}
    .leftBlock h2 span {font-size: 40px;}
    .leftBlock p {font-size: 16px;}
    .leftBlock .button {font-size: 16px;}
    
	.divider { max-width:300px; }

	.rightBlock { width:100%; padding-top:20px; padding-bottom:0px;}
	.rightBlock h2 { font-size:30px; }
	.rightBlock .subHeaderList li { font-size:15px; margin-left:20px; margin-right:20px; }
	.rightBlock .subHeaderGraphic { max-width:290px; }

	.subHeaderList {margin-bottom:50px;}

	.subHeader.classic { }
	.subHeader.classic h1 { font-size:40px; float:none; }
	.subHeader.classic h1 span { font-size:15px; }
	.subHeader.classic p { font-size:14px; }
	.subHeader.classic .col-lg-8.col-md-8.col-sm-8 { margin-top:0px; }
	.subHeader.classic .iphone { max-width:75%; margin:20px auto; }
	.subHeader.classic .divider { display:none; }

	/** WORK PREVIEW SECTION **/
	#screenLeft, #screenRight { display:none; }
	#screenMiddle { position:relative; margin:0 auto;}
	#screenMiddle.animated { margin-top:0px; }
    .workFullWidth h5 {font-size: 16px;}
	.workFullWidth_list .image { width:50%; }
    .features { padding-top: 30px !important; clear: both;}
    .features h3 {font-size: 22px !important; padding-bottom: 0; margin-bottom: 0;}
    .features ul li h2 {font-size: 28px !important;padding-top: 0; margin-top: 0;}
    .features ul li h4 {font-size: 16px !important; padding-top: 10px; }
    
	.portfolioCat_list li a {width:100%;}

	/** REMOVE ANIMATIONS ON SCROLL **/
	.services3Col_big .row.services, .featuresImg, .features ul, #screenMiddle { 
		opacity:1; 
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition:none; 
	}
    
    .bottomBar p { float:none; }
    .bottomBar { text-align:center; }
    .socialIcons { float:none; }
    .socialIcons li {
        display:inline;
        margin-right:10px;
    }
    
    .services3Col_big {
	   padding:20px 0px 20px 0px;
    }

	/** BLOG **/
	.blogPostCreative.wide { max-width:100%; }

	.serviceText { width:100%; float:none; } 

	/** TESTIMONIALS **/
	.image img, .text { float:none; text-align:center; margin:0 auto; }
	.image .testimonialImg { margin-bottom:20px; margin-left:33%; }
	.text .quote { font-size:18px; }
	.image .testimonialDivider { display:none; }
	.sliderControls span { margin-top:-70%; }

	/* PROMOBOX */
	.promoBox { text-align:center; }
	#mailIcon { float:none; }

	/* FOOTER */
	footer .col-lg-4 { margin-bottom:50px; }
	footer h4 {  }

	.button.red.shopForm { float:none; margin-top:20px; width:100%; }
	.enqForm .button { width:100%; }

}