/* Bootstrap 990px Breakpoint to 480px */
@media only screen and (max-width: 767px) {
.iphone { display: none; }
.fluid-white { display: none; }
.wrapper { background: #f3f5f8; height: 540px; }
.wp2, .wp4, .wp5, .light-box { margin-bottom: 30px; }
.legals { text-align: center; margin: 0; padding: 0; }
.credit { text-align: center; }
.clientsnew div:nth-child(3n){border-right: none;}
.grey.col-lg-4{ height: 500px;width: 100% !important;margin-right: 0;margin-bottom: 2px;}
#contact .col-md-12 .social a{padding: 20px 5px;}    
.clientsnew div {width: calc(100%/2 - 1px);}
.clientsnew div:nth-child(5n),
.clientsnew div:nth-child(3n) {border-right: 1px solid #f3f3f3;}
.clientsnew div:nth-child(2n),.clientsnew div:last-child {border-right: none;}    
.abouttxt h2{padding: 0;}   
.clientdescr{padding: 0px} 
#fullpage{min-height: 600px}
.capa-list .col-md-4{padding-right: 0px;padding-left: 0px;} 
.capa-list ul li{padding: 30px 30px;}
.aboutcs.clientsnew div{width: 100%}
blockquote:before{margin-right: 0}
.overlayss .overlay-close{width: 70px; height: 70px}
blockquote h1{padding: 0px; margin: 0; font-size: 18px;}
blockquote{padding: 0px; margin: 0; font-size: 9px}
#trigger-overlay{top: 4px; right: -7px;}
#trigger-overlay2{right: -7px;}
.hd-link a{display: none;}
.overlayss ul li a{font-size: 20px;min-height: 30px}
.blogpost .col-md-3 img{width: 100%; height: 100%}
.blog .col-md-2{margin: 0 auto;}
}
@media only screen and (max-width: 567px) {
.clientsnew div {width: calc(100%/2 - 1px);}
.clientsnew div:nth-child(2n) { border-right: none;}
.clientsnew div:nth-child(5n) { border-right: 1px solid #f3f3f3; }
.abouttxt h2{padding: 0;}   
.clientdescr{padding: 0px}    
#fullpage{min-height: 600px}#contact .col-md-12 .social a{padding: 20px 5px;}    
.capa-list .col-md-4{padding-right: 0px; padding-left: 0px;}  
.capa-list ul li{padding: 30px 30px;}
.aboutcs.clientsnew div{width: 100%}
blockquote:before{margin-right: 0}
.overlayss .overlay-close{width: 70px; height: 70px}
blockquote h1{padding: 0px; margin: 0; font-size: 18px;}
blockquote{padding: 0px; margin: 0; font-size: 9px}
.hd-link a{display: none}
#trigger-overlay{top: 4px; right: -7px;}
	.logo-tr img{width: 30px; margin-top: 7px;}
	.overlayss .overlay-close{width: 20px;height: 20px;right: 11px;top: 25px;}
.blog .col-md-2{margin: 0 auto;}


}
@media only screen and (min-width: 320px) and (max-width: 479px) {
.clientsnew div { width: 100%;border-right: none;}
.clientsnew div:nth-child(5n),.clientsnew div:nth-child(3n) { border-right: 0px solid #f3f3f3; }
.abouttxt h2{padding: 0;}   
.clientdescr{padding: 0px}    
.aboutcs.clientsnew div{width: 100%}
#portfolio{padding: 30px 0px!important;}
blockquote h1{padding: 0px; margin: 0; font-size: 18px;}
#fullpage{min-height: 600px}#contact .col-md-12 .social a{padding: 20px 5px;}    
.capa-list .col-md-4{padding-right: 0px; padding-left: 0px;}  
.capa-list ul li{padding: 30px 30px;}
blockquote:before{margin-right: 0}
.overlayss .overlay-close{width: 70px; height: 70px}
#fullpage .textcnt h1{margin: -8% 0px 0px 0px;}
blockquote{padding: 0px; margin: 0; font-size: 9px}
.openps .col-md-3{width: 90%; min-height: 256px}
.grey .text-des p.arrow{margin-top: 20px}
	.overlayss .overlay-close{width: 20px;height: 20px;right: 11px;top: 25px;}

}