@media(min-width:0px) and (max-width:779px){.wrapper{ width:100%; margin:0 auto; }
.header { width: 100%; text-align: center;}
.logo { display: inline-block; text-align: center;}
.phone { text-align: center; font-size:30px;}
.bannerBox h1 { font-size: 40px; line-height: 52px; text-align:center;}
.formarea { margin: 0; padding: 0;}
.head { font-size: 22px; text-align: center; }ul.graylist li { margin: 15px auto; width: 100%!important; font-size: 18px;}
.whitebox h2 { font-size: 30px; line-height: 44px; }
.whitebox ul.service li { width: auto; float: none;}
.whitebox ul.service li p { text-align:center;}
.blueBox .top-head { font-size: 30px; margin: 0 0 2px;}
.whitebox h2.title-new { font-size: 30px;}ul.social-icons { display: inline-block; margin: 10px 0; padding: 0;}
.logo{ text-align:center;}
.footer-call { margin: 20px 0;}
.formbtm{ display:none;}
.actform .form .checkbox { margin: 6px 10px 0 2px;}
.thankyou-banner{ width:100%; text-align:center;}
.logot img{ width:100%;}
.formbtm img{ width:100%;} ul.menu{ display:none;}
.mobile_menu{ display:block; padding:0; margin:20px 0 10px 0; clear:both;}
.mobile_menu .menu_nav{background:#f58220 no-repeat; cursor:pointer;width:100%; color:#fff; text-transform:uppercase; font-size:14px; font-weight:bold; padding:2%;}
.mobile_menu ul.mobile_nav{ margin:0; padding:0px; list-style-type:none;}
.mobile_menu ul.mobile_nav li{ margin:0; list-style-type:none; border-bottom:1px solid #fff; color:#fff; background:#333;}
.mobile_menu ul.mobile_nav li a{color:#fff; display:block;padding:2%; text-transform:uppercase; text-decoration:none;}
.mobile_menu ul.mobile_nav li a:hover{background:#000000;}
.top-brands ul.brandlist-top li { float: none; list-style-type: none; margin: 15px 0; padding: 0; width: 100%;}
.top-brands ul.brandlist-top li .logobox { min-height: auto; }
.top-brands ul.brandlist-top li .logobox .logo {width: 100%; text-align:center;}
.services_box ul.service li{  padding:15px; float:none; width:auto; min-height:auto; margin:0 0 40px 0;} 
}
@media(min-width:0px) and (max-width:480px){.logo { display: inline-block; text-align: center; width:auto;}ul.brand li { float: none; width: 100%; text-align: center; background:#fff;}ul.brand li img{ width: auto;}ul.graylist li{ width:auto;}
}
@media(min-width:360px) and (max-width:799px){ul.graylist li { font-size: 18px; margin: 0 3% 15px 3%; width: 44%!important;}ul.graylist li:last-child { display: block;}
.whitebox ul.service li { float: left; width: 45%;}ul.brand { margin: 0 3%; padding: 0;}
}
@media(min-width:768px) and (max-width:1024px){ul.tickblue li { background: rgba(0, 0, 0, 0) url(../images/tick-blue.png) no-repeat scroll left 0px; }
.header .phone { font-size: 30px;}
.whitebox ul.service li { min-height:180px;}ul.segments li { width: 20%;}ul.segments li .blue { font-size: 18px;}
.top-brands ul.brandlist-top li { float: left; list-style-type: none; margin:10px 7px ; padding: 0; width: 48%;}
.top-brands ul.brandlist-top li .logobox { min-height: 560px; }ul.menu li a { padding: 20px 7px;}ul.menu li a:hover{ padding: 20px 7px;}ul.social-top li a{ margin: 0 -2px;}}
/**--11-05-2016 CSS---**/
@media(min-width:0px) and (max-width:480px){.logo { display: inline-block; text-align: center; width:auto;}ul.brand li { float: none; width: 100%; text-align: center; background:#fff;}ul.brand li img{ width: auto;}ul.graylist li{ width:auto;}}