/* MEDIA QURIES RESPONSIVE */
/* For Mobile */
@media (max-width:768px)
{
[class*="col-"] {width: 100%;}
.align-left,.align-center, .align-right{text-align: center!important;}
.header{padding:10px 0px;}
#home #logo{display:block;background-size: auto;width: 200px;height: 40px;background-size: auto 100%;margin:0; background-position:left+18px center;}
.header input[type=checkbox] {position: absolute; top: -9999px; left: -9999px; background:none;}
.header input[type=checkbox]:fous{background:none;}
.header label {float:right; padding:8px 0px; display:inline-block; cursor:pointer; }
.header input[type=checkbox]:checked ~ nav {display:block;}
.header nav{display:none; position:absolute; right:20px; top:40px; background-color:#0f3c61; padding:0px; z-index:99;}
.header nav ul{width:auto;}
.header nav ul li{float:none; padding:0px; width:100%; display:table;}
.header nav ul li a{color:#FFF; font-size:18px; padding:5px 40px; display:block; border-bottom: 1px solid rgba(225,225,225,0.1); line-height:30px}
.header nav ul li a i{color:#fde428; padding-right:13px;}
.header .toggle-menu{ margin-right:20px;}
#banner { padding: 0 0 30px 0; text-align:center; }
#banner .logosection{display:none;}
.aboutus-text{ font-size:16px;}
.aboutsection{padding:0 20px;}
.aboutsection .title{ width:100%;}
#services .section-text{ background-color:rgba(0,0,0,0.5); margin:0 20px; width:calc(100% - 40px); padding:30px 20px;}
#services .section-title{font-size:24px;}
#services #fanimg{height:400px; margin: 0 5%; width:90%; }
#clients { padding:40px 20px;  text-align:center;}
#clients .section-title{font-size:24px;}
.rc-rcbrand-item {text-align:center}
.rc-rcbrand-item img{ height:75px;}

ul.squaretype { width:85%; margin:0 auto; padding-top:10px;}
#contactus .content{ padding:40px 0;}
#contactus #cimg { width:220px; float:left}
#contactus h4{ text-transform:none;margin:30px 0 5px 0;}
}