/* ////////////// header responsive ////////////// */







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

#header a.navbar-brand img { display: block;max-width: 271px;margin: 14px auto 0;width: 100%;transition: all 0.3s;}



}













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

ul.nav.navbar-nav.navbar-right.topnav li { float: none; display: inline-block;}

ul.nav.navbar-nav.navbar-right.topnav{ text-align:right;}

ul.nav.navbar-nav.navbar-right.topnav li ul{ text-align:left;}

ul.nav.navbar-nav.navbar-right.topnav li a { font-weight: bold; font-size: 13px; color: #333; padding: 15px 11px;}	

	

}



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

	

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav{float: none !important; width: 100%; margin-left: auto;}

}



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

ul.nav.navbar-nav.navbar-right.topnav li a {  font-size: 13px; padding: 15px 6px;}

	

}

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

ul.nav.navbar-nav.navbar-right.topnav { text-align: center; margin: 0;}

.navbar-header.logo { float: none; text-align: center;}

.navbar-header.logo a.navbar-brand { float: none;}

header.smaller ul.nav.navbar-nav.navbar-right.topnav { margin-top: -24px; transition: all 0.3s;}

header#header.smaller a.navbar-brand img { margin: -17px auto 12px !important; max-width: 249px;}

#header a.navbar-brand img { display: block; max-width: 271px; margin: -13px auto -10px; width: 100%; transition: all 0.3s;}



	

}











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

.headerContainer{width: 100%; }

.headerCont-fluid{ width: 100%; }

.DentalLeftSec,.DentalRightSec{width: 50%;}

.testimonials a.left.carousel-control img, .testimonials a.right.carousel-control img{ width: 40px;top: -60px;}

ul.nav.navbar-nav.navbar-right.topnav li a { padding: 10px 7px; font-size: 13px;}

li.arrow:after { top: 13px; right: 8px;}

.gary img.img-responsive { display: block; margin: 0px auto 23px;}

.main-bl-wrp-box { max-width: 500px; margin: 0 auto 24px;}





}



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

.innerdivcont img { margin: 0 auto 16px !important; display: block;}

.innerdivcont h3 {  text-align: center; margin: 0 0 9px;} 

.innerdivcont {  padding-top: 25px;}

.innerdiv h1 { font-size: 28px; margin: 0 0 17px; text-align: center; line-height: 36px;}









}





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

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav{width: 100%;}

ul.nav.navbar-nav.navbar-right.topnav li a{padding: 10px 10px;}

.innermain.our-t-mainwrp .innerdivcont.clearfix { max-width: 545px; margin: 0 auto 30px; text-align: center;}









}



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

ul.nav.navbar-nav.navbar-right.topnav li a{padding: 10px 7px;}

}



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

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav{width: 95%;}

ul.nav.navbar-nav.navbar-right.topnav li a { padding: 10px 4px !important; font-size: 12px;}

li.arrow:after {

    top: 18px;

    right: 7px;

    border-right: 3px solid transparent;

    border-left: 3px solid transparent;

    border-top: 4px solid #222;

}

ul.nav.navbar-nav.navbar-right.topnav li.arrow > a {

    padding-right: 18px !important;

    padding-left: 8px !important;

}

}



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

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav{width: 100%;}

ul.nav.navbar-nav.navbar-right.topnav li a{padding: 10px 5px;}



}





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

#header{position: relative;}

.logo{width: 100%; max-width: 100%; min-width: 100%;}

.banner{padding-top: 0px;}

.banner .carousel-control {top: 0px;}

.headerCont-fluid .navbar-brand {float: none;} 

.headerCont-fluid .navbar-toggle { top: 24px; margin-right: 0px;}

ul.nav.navbar-nav.navbar-right.topnav li { float: none; display: block; text-align: left;}

li.arrow:after{ display:none;}

.topnav li ul { position: static; background: #e8e8e8;  display: block;}

.topnav li ul li a { color: #444 !important; text-decoration: none;}

.innerdiv h1 { color: #555; font-size: 28px; font-weight: 300; margin-bottom: 35px; text-align: center;}

#header a.navbar-brand img{ margin:0px;}

div#bs-example-navbar-collapse-1 { background: #e8e8e8;margin-bottom: 15px;}

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav li { border-bottom: 1px solid #c1c1c1;}

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav li ul { padding-top: 0; width: 100%;}

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav li ul li { border-bottom: 1px solid #d8d8d8; padding-top: 4px;}

#bs-example-navbar-collapse-1 ul.nav.navbar-nav.navbar-right.topnav li ul li:last-child { border: 0;}

.innerdiv { padding: 0 15px;}

.img-main-awd { min-height: auto; }

.topnav li.arrow ul li a.active { color: #174e88 !important; background: transparent;}

.topnav li a:hover {border: 1px solid #e8e8e8; }

.topnav li a.active { background:#e8e8e8; border: 1px solid #e8e8e8; }

.topnav li.arrow:hover a {border: 1px solid #e8e8e8; background:#e8e8e8;}

.topnav li.arrow:hover ul li a { color: #28166f !important;}

.topnav li.arrow:hover ul li a:hover {color: #a9d2f3 !important;}

.topnav li.arrow > a {color: #28166f !important; border: 1px solid #e8e8e8; background:#e8e8e8;}



}



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

.DentalLeftSec,.DentalRightSec{width: 100%;}

.dentalimg{max-width: 300px;margin: 0 auto;float: none;}

.main-bl-wrp-box { padding: 15px; background: #2a629c;}

ul.foot-anavvmain li { display: block; margin-bottom: 9px;}



}





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

#header a.navbar-brand img{max-width: 260px;margin: 0 auto;}

.headerCont-fluid .navbar-toggle{top:40px;}

.darkblue h1 { font-size: 28px;  margin-bottom: 29px;}

.testimonials h1 { font-size: 28px;  margin-bottom: 18px;}

.lightblue h1 { font-size: 28px; margin-bottom: 18px;}

.innerdiv h1 { font-size: 28px; margin-bottom: 25px;}

.innerdivcont { padding-top: 12px !important; padding: 40px 0px;}

.innerdivcont h3{ margin-top:0px;}

.gary { padding: 15px 0;}

.gary img.img-responsive { width: 100%;}

hr.style1 { margin-bottom: 10px; margin-top: 10px;}

.imgdiv.clearfix { text-align: center;}

.imgdiv img { float: none; margin-bottom: 15px;}

.footeradd h2 { font-weight: 700; font-size: 20px;}





}





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

.headerCont-fluid .navbar-toggle {top: 15px; right: -20px;}

#header a.navbar-brand img { max-width: 218px; margin: -12px 0 0 6px;}

.testimonials a.left.carousel-control img,

.testimonials a.right.carousel-control img{width: 35px;top: -50px;}



}