@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1230px){
.wrapper{width:98%;}	
.top-bot-left{width:36%;}
.top-bottom .top-left-heading{font-size: 42px;}
.top-bottom .top-img{width:32%; margin: 0 1% 0 0; height:442px;}
.top-bottom .top-img img{width:100%; top: -19px; height:466px;}
.top-bot-right{width:30%;}
.app-form .input-bg1 input[type="submit"].search-btn{background:url(../images/app-btn-h.png) no-repeat left top;}
.top-bot-left ul li{font-size:16px;}	
.out-clients ul li:first-child{margin-left:0;}
.out-clients ul li{margin:0 1%; width: 15%;}
.out-clients ul li a img{width:100%;}
.third-sec .left{width: 55%; margin: 0 54px 0 0;}
.third-sec .right{width:40%;}
.resp-tabs-list li{width: 16.63%;}
.box-1, .box-2, .box-3{margin: 54px 28px 34px 0;}
}


@media only screen and (max-width: 1220px){
.third-sec .left {width: 55%; margin: 0 4% 0 0;}	
.box-1, .box-2, .box-3, .box-4{width:23%; margin:54px 1.5% 34px 0 /*54px 2.3% 34px 0*/;}	
/*.box-4{width:23%;}	*/
}

/*@media only screen and (max-width: 1196px){
.box-1, .box-2, .box-3{width:23%; margin:54px 2.3% 34px 0;}	
.box-4{width:23%;}	
}*/

@media only screen and (max-width: 1190px){
.top-bottom .top-img {height: 445px;}
.top-bottom .top-img img {top: 14px; height: 438px;}

}

@media only screen and (max-width: 1178px){
.third-sec .right ul li .days{width: 61.91%;}	
.third-sec .right ul li .times{width:36%;}
.third-sec .right .emergency-app h2, .third-sec .right h2{font-size: 2.8vw;}
.call-us b a {font-size: 4vw;}	
.call-us b{line-height: 45px; font-size: 3.8vw;}
}


@media only screen and (max-width: 1160px){
.book-appointment{font-size:32px;}	
.app-form .input-bg1 input[type="submit"].search-btn, .app-form .input-bg1 input[type="submit"].search-btn:hover	{background-size: 100%; width:100%; padding: 18px 0;}
}

@media only screen and (max-width: 1124px){
/*.box-1, .box-2, .box-3{width:23%; margin:54px 1.5% 34px 0;}	*/
.resp-tabs-list li{font-size:15px !important;}
}

@media only screen and (max-width: 1120px){
.logo{width:200px;}
.logo img{width:100%; height:auto;}	
.right-side .email-id p{font-size: 18px;}	
.right-side .email-id b a{font-size:17px;}
.book-appointment {font-size: 30px;}
.top-bottom .top-img {height: 432px;}
.top-bottom .top-img img {height: 421px;}
.top-bottom .top-left-heading {font-size: 38px;}
.third-sec .left h1{font-size: 3.2vw;}
.third-sec .right ul li .days, .third-sec .right ul li .times{font-size:20px;}
.fb_iframe_widget, .fb_iframe_widget span, iframe{width:100% !important;}
}

@media only screen and (max-width: 1024px){
.right-side .email-id p{font-size: 18px;}	
.right-side .email-id b a{font-size:17px;}
.top-bottom .top-img {height: 445px;}
.top-bottom .top-img img {height: 407px; top: 39px;}
.book-appointment {font-size: 2.8vw;}
span.clock-icon{margin-top:0;}
}

@media only screen and (max-width: 980px){
.out-clients ul li, .out-clients ul li a img{height:50px;}
.logo {width: 170px;}

}

@media only screen and (max-width: 966px){
.top-bottom .top-img{display:none;}	
.top-bot-left {width: 43%; margin: 0 7% 0 0;}
.top-bot-right {width: 44%; margin: 0 0 0 5%;}
.book-appointment {font-size: 4vw;}
.third-sec .right ul li .days, .third-sec .right ul li .times{font-size:18px;}
}

@media only screen and (max-width: 933px){
.resp-tabs-list li{width: 16.62%; font-size: 14px !important;}
}

@media only screen and (max-width: 920px){
.logo {display: inline-block; text-align: center; margin:2% 2% 0 2%; width: 220px; vertical-align: top;}
.right-side	{margin:2% 2% 0 2%; width:auto;}
.right-side .email-id{display:block; margin:0;}
.right-side .email-id.phone-num{ margin:5% 0 0 0;}
.right-side .email-id p{text-align:left;}
}
@media only screen and (max-width: 890px){
.box-1 iframe{width:100%; height:230px;}
.box-1, .box-2, .box-3, .box-4{width:47.7%; margin:15px 1% 15px 1%;}	
.box-4{height:auto;}
.box-4 img{height:226px; width:100%;}	
.copyright p{line-height:22px;}
}

@media only screen and (max-width: 860px){
	
.third-sec .right ul li .days {width: 58%;}	
.third-sec .right ul li .times {width: 38%;}	
.third-sec .left {width: 54%; margin: 0 2% 0 0;}
.third-sec .right {width: 43%;}
}

@media only screen and (max-width: 850px){
.logo {width: 200px;}
}
@media only screen and (max-width: 810px){
.top-bot-left {width: 50%; margin: 0;}	
.resp-tabs-list li {font-size: 13px !important;}
}

@media only screen and (max-width: 768px){
h2.resp-tab-active{border:none !important; border-bottom:2px solid #fff !important; background:#fff !important;}
h2.resp-accordion:first-child{border:1px solid #fff;}	
h2.resp-accordion {font-size: 18px; position:relative !important; color:#fff; font-family: "proxima_novaregular"; font-weight:normal; margin: 0 0 10px 0; border:1px solid #fff;}	
h2.resp-accordion span.resp-arrow{width: 0; height: 0;  float: none; margin-top: 3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #fff; position: absolute; bottom: -14px; left: 0; right: 0; margin: 0 auto; display:none;}
h2.resp-tab-active span.resp-arrow {display:inline-block;}	
h2.resp-accordion img {width: 50%; height: 125px; display:none; vertical-align: middle; margin: 0 7% 0 0; padding: 0;}
h2.resp-tab-active span{display:inline-block; vertical-align:middle; color: #000; font-family: 'proxima_novabold'; font-weight: normal;}
.resp-tab-content{padding:20px 0;}
.bullet{margin: 9px 1%;}
}
@media only screen and (max-width: 760px){	
.third-sec .right ul li .days {width: 58%;}	
.third-sec .right ul li .times {width: 38%;}	
.third-sec .left {width: 98%; margin: 0 auto 10px auto; display:block;}
.third-sec .right {width: 98%; display:block; margin:0 1%;}
.third-sec .right .emergency-app h2, .third-sec .right h2 {font-size: 3.8vw;}
.call-us b {font-size: 4vw;}
.call-us b a {font-size: 5vw;}
}


@media only screen and (max-width: 740px){
.logo {display:block; text-align: center; margin:2% auto; width: 200px;}
.right-side	{margin:0; width:100%;}
.right-side .email-id, .right-side .email-id.phone-num {display: inline-block; margin: 0 1%; vertical-align: top;}
}

@media only screen and (max-width: 730px){
/*.right-side .email-id{margin: 0 1% 0 0;}	
.right-side .email-id.phone-num {margin-right: 0;}*/
.right-side .email-id, .right-side .email-id.phone-num{margin: 0 0 2% 22%;}	
.top-bot-left {width: 51%; margin: 0;}
.top-bot-right {width: 44%; margin: 0 0 0 4%;}
.top-bottom .top-left-heading {font-size: 34px; line-height: 40px;}	
}

@media only screen and (max-width: 710px){
.logo{width:180px;}
.right-side	{text-align:left;}
.right-side .email-id, .right-side .email-id.phone-num{margin: 0 0 2% 22%;}	
}

@media only screen and (max-width: 692px){
.box-1, .box-2, .box-3, .box-4{width:47%; margin:15px 1% 15px 1%;}	
}


@media only screen and (max-width: 667px){
.out-clients ul li, .out-clients ul li:first-child{margin: 1%; width: 31%;}	
.right-side .email-id, .right-side .email-id.phone-num{margin: 0 15% 2% 15%;}	
.top-bot-left, .top-bot-right{display:block; width:86%; margin:0 auto;}
.top-bottom .top-left-heading {font-size: 30px; line-height: 30px;}
.top-bot-left ul li{margin:0 0 10px 0;}
.come {font-size: 18px; line-height: 24px;}
.book-appointment {font-size: 4vw; text-align:left;}
.app-form .input-bg1 input[type="submit"].search-btn, .app-form .input-bg1 input[type="submit"].search-btn:hover {background-size: 100%; width: 341px; padding: 13px 0;}
.sucess-msg{margin: 5px 0 15px 0;}
}


@media only screen and (max-width: 568px){
.third-sec .right {width: 98%; display:block; margin:0 auto;}
.third-sec .right .emergency-app h2, .third-sec .right h2 {font-size: 5.8vw;}
.call-us b {font-size: 6vw;}
.third-sec .left h1 {font-size: 5.2vw;}
.box-1 {padding:15px 0 0 0;}
.box-1, .box-2, .box-3, .box-4{width:98%; margin:0 auto 15px auto; display:block;}
.social{float:none; display: inline-block; margin: 15px 0 0 0; padding: 0;}
.social ul {float: none; margin: 0; padding: 0; display: block; width: 100%;}
.box-3 ul li.accredited-logo {margin: 15px 0; padding: 0px 2px 0px 5px; line-height:36px;}
}



@media only screen and (max-width: 536px){
.right-side .email-id, .right-side .email-id.phone-num{margin: 0 10% 2% 10%;}	

}

@media only screen and (max-width: 480px){
/*.right-side{text-align:center;}*/
.right-side .email-id, .right-side .email-id.phone-num {margin: 0 auto 2% auto; width: 100%; display: block;}
.right-side .email-id p {font-size: 15px;}
.right-side .email-id b a {font-size: 14px;}
.top-bot-left, .top-bot-right {width: 88%;}
.top-bottom .top-left-heading {font-size: 6vw; line-height: 30px;}
.come {font-size: 4vw;}
.top-bot-left ul li {font-size: 14px; line-height:20px;}
.book-appointment {font-size: 4.8vw;}
.third-sec .right ul li .days, .third-sec .right ul li .times {font-size: 16px;}
.third-sec .left p{margin:0 0 15px 0;}
.third-sec .right .emergency-app h2, .third-sec .right h2{margin: 15px 0 11px 0;}
.app-form{margin: 17px 0 0 0;}
.box-2 h4, .box-3 h4{font-size: 20px;}
.call-us b {font-size: 9vw; line-height: 55px;}
.call-us b a {font-size: 9vw; line-height: 55px;}

}

@media only screen and (max-width: 430px){
.right-side .email-id span, .right-side .email-id span img{width: 34px; height: auto;}	
.call-us{padding-top:0;}
.call-us b{line-height: 30px;}
}
@media only screen and (max-width: 414px){
h2.resp-accordion{padding:15px !important;}
h2.resp-accordion img {display:block; width:100%;}
h2.resp-tab-active span, h2.resp-accordion span{display:block; text-align:center; padding:10px 0 0 0;}	
h2.resp-accordion span.resp-arrow{bottom: -24px;}
.resp-tabs-container ul li{text-align:left; display:block;}
}

@media only screen and (max-width: 410px){
.top-bot-left, .top-bot-right {width: 96%;}	
.call-us b {line-height: 45px;}
.call-us b a {line-height: 45px;}

}

@media only screen and (max-width: 400px){
.out-clients ul li, .out-clients ul li:first-child{margin: 2%; width: 46%; height: 78px;}	
.out-clients ul li a img {height: 78px;}
}



@media only screen and (max-width: 385px){
.top-bottom .top-left-heading {font-size: 5vw; line-height: 18px;}
.app-form .input-bg1 input[type="submit"].search-btn, .app-form .input-bg1 input[type="submit"].search-btn:hover {width: 332px; padding: 14px 0;}
}

@media only screen and (max-width: 365px){
.app-form .input-bg1 input[type="submit"].search-btn, .app-form .input-bg1 input[type="submit"].search-btn:hover {width: 100%; height: 43px;}
.out-clients ul li a img {height: 58px;}
}

@media only screen and (max-width: 345px){
.app-form .input-bg1 input[type="submit"].search-btn, .app-form .input-bg1 input[type="submit"].search-btn:hover {padding: 10px 0;}
}

@media only screen and (max-width: 345px){
.call-us b span{display:none;}
.call-us b a{display:block; font-size:24px; line-height:30px;}
}