body{background:url(../images/body-bg.jpg); margin:0; padding:0; font-family: 'latoregular' , Arial, Helvetica, sans-serif;  }
h1,h2,h3,h4,h5,h6,ul,ol,li,p,a,span{ margin:0; padding:0; font-weight:normal;}
h1{ font-size:40px; color:#000; margin:0 0 10px 0}
h2{ font-size:28px; margin:0 0 5px 0; color:#333; }
h3{ font-size:22px; margin:0 0 5px 0; color:#666;}
h4{ font-size:18px; margin:0 0 5px 0; color:#cd9c00;}
h5{ font-size:16px; margin:0 0 5px 0; color:#666;}
h6{ font-size:15px; margin:0 0 5px 0; color:#666;}
p{ font-family: 'latolight', Arial, Helvetica, sans-serif; font-size:15px; color:#666; line-height:24px; margin:0 0 20px 0}
hr{ opacity:0.2}
ul{ list-style:none; }
.list-style{ margin:0 0 20px 0}
.list-style li:before{ content:"\f054 "; color:#0fa484; font-size:10px; font-family: 'FontAwesome'; margin:0 8px 0 0; float:left;}
.list-style li{font-family: 'latolight', Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;  padding:0 0 3px 0;  font-size:15px; color:#666; line-height:24px; display:flex}
header{ clear:both; background:#fff; transition: all 0.5s ease 0s; position:relative;} 
header:after{ content:''; background:url(../images/head-shadow.png); height:9px; position:absolute; bottom:-9px; width:100%; z-index:99}
address{ font-style:normal;}
section{ clear:both;}
footer{ clear:both; display:block;overflow:hidden; background: rgb(30,62,82); /* Old browsers */
background: -moz-linear-gradient(top, rgba(30,62,82,1) 0%, rgba(4,40,62,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(30,62,82,1) 0%,rgba(4,40,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(30,62,82,1) 0%,rgba(4,40,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e3e52', endColorstr='#04283e',GradientType=0 ); /* IE6-9 */}
a{ text-decoration:none; color:#016ba9; font-size:15px; outline:none; transition: all 0.5s ease 0s;}
a:hover{ color:#000;}
a:focus{ outline:none;}
img{ max-width:100%; outline:none; border:none; transition: all 0.5s ease 0s;}
.clear{ clear:both;}.clear5{ clear:both; height:5px}.clear10{ clear:both; height:10px}.clear20{ clear:both; height:20px;}.clear30{ clear:both; height:30px;}.clear25{ clear:both; height:25px;}.clear40{ clear:both; height:40px;}
.float_right{ float:right!important;}
.float_right2{ float:right!important;}
.readmore{ background:#0c699f; font-size:15px; color:#fff; padding:10px 15px; text-transform:capitalize; display:inline-block; margin:10px 0 0 0 }
.readmore:hover{ background:#000; color:#fff;}
.readmore2{ background:#0fa484; font-size:15px; color:#fff; padding:8px 25px; text-transform:capitalize; display:inline-block; margin:10px 0 0 0 }
.readmore2:hover{ background:#ff4d62 ; color:#fff;}
.readmore3{ background:#cd9c00; font-family: 'latosemibold', Arial, Helvetica, sans-serif;  font-size:15px; color:#fff; padding:8px 25px; text-transform:capitalize; display:inline-block; margin:10px 0 0 0 }
.readmore3:hover{ background:#000; color:#fff!important;}
.container{ width:100%; max-width:1180px; margin:0 auto;}
.call-us{ float:right; margin:10px 0 0 0}
.call-us p{ color:#000; margin:0; display:inline-block;}
.call-us p:after{ content:'|'; color:#666; margin:0 5px}
.call-us p .fa{ color:#0fa484}
.call-us p a{ color:#000;}
.call-us p a:hover{ color:#0fa484;}
.call-us ul{ display:inline-block;}
.call-us li{ display:inline-block; margin:0 2px; }
.call-us li a{ color:#888;}
.call-us li a:hover{ color:#0fa484;}

.logo{ float:left; margin:15px 0;  }
.logo img{ max-width:100%; transition: all 0.5s ease 0s;}
.white-bg { clear: both; transition: all 0.5s ease 0s; background:#fff; }
.black-bg { clear:both; transition: all 0.5s ease 0s; z-index:99999}
.black-bg .logo{ width:15%;}
.black-bg nav{ margin:12px 0 0 0}
nav{ float:right; margin:5px 0 0 0; }
nav ul{ list-style:none;}
nav li:first-child{ background:none;}
nav li{ position:relative; float:left; display:block; margin:0 20px}
nav li a{font-family: 'latobold', Arial, Helvetica, sans-serif; font-size:17px; color:#616161; padding:10px 0; border-bottom:2px solid transparent; text-transform:uppercase; display:block; }
nav li a:hover{color:#0fa484; }
nav li:hover a{color:#0fa484; }
nav li:hover > .lavel{ display:block; }
.lavel{ display:none; width:250px; background:#fff; position:absolute; z-index:999; top:40px; left:-28px; padding:0 10px 20px 10px ;}
.lavel ul{ list-style:none;}
.lavel li{ text-align:center; float:none; position:relative; text-align:left; background:none; border-bottom:1px solid rgba(255,255,255,0.5); }
.lavel li:last-child{border-bottom:none;}
.lavel li a{ border-radius:0px; font-size:15px; padding:3px 0; color:#000!important; line-height:25px; text-transform:capitalize; display:block; border:none!important  }
.lavel li a:hover{border-radius:0; color:#0fa484!important; background:none;}
nav .act a{color:#0fa484; }
.mobnav{  display:none; padding:8px 0; font-size:16px; text-align:right; float:right; font-weight:bold; color:#000}
.mobnav:before{font-family: 'FontAwesome'; content:"\f0c9"; font-size:30px;cursor:pointer; color:#2e1235; float:right; margin:15px 15px 0 0}
.mobnav2{ display:none; float:right; margin-top:-43px; padding:5px; cursor:pointer}
.mobnav2:before{font-family: 'FontAwesome'; content:"\f103"; font-size:30px;cursor:pointer; color:#fff; float:right; margin:0 0 0 30px}
.banner{ clear:both; position:relative; text-align:center}
.banner img{ min-height:470px; object-fit:cover}
.banner-txt{ position:absolute; text-align:right; right:0;  }
.banner-txt strong{ font-family: 'latobold';}
.banner-txt .icon{ width:100%; text-align:center; height:35px; background:url(../images/heading-bg.png) center no-repeat; margin:20px 0}
.banner-txt p{font-family: 'latoregular', Arial, Helvetica, sans-serif; font-size:51px; line-height:65px; color:#fff; display:inline-table; margin:0; text-shadow:0 5px 5px rgba(0,0,0,0.5);  }
.banner-txt .more{ background:#000; font-size:16px; padding:10px 20px; color:#fff; margin:20px 0 0 0; display:inline-block; float:right}
.banner-txt .more:hover{ background:#0fa484;}
.mid-container{ width:100%; max-width:1375px; margin:0 auto; background:#fff; box-shadow:0 -20px 15px 0 rgba(0,0,0,0.2);}
.welcome-area{ position:relative; top:-50px; padding:0 2.5% 0 2.5%; background:#fff url(../images/welcome-bg.jpg) no-repeat; width:20%; min-height:469px; border-bottom:7px solid #0fa484; box-shadow:0 0 10px rgba(0,0,0,0.3); float:left;}
.welcome-area h2{ font-size:30px; color:#000; display:block; padding:30px 0 10px 0}
.welcome-area h2 strong{font-family: 'latoblack', Arial, Helvetica, sans-serif; color:#0fa484;}
.welcome-area p{ text-align:justify}
.product-area{ width:70%; float:right; margin:68px 0 0 0}
.product-area li{ width:31%; float:left; margin:0 25px 30px 0; border:1px solid #e9e9e9; }
.product-area li:nth-child(3n){ margin:0 0 30px 0;}
.prod-box{ clear:both; overflow:hidden; position:relative}
.product-area li:hover a h3{ background:#016ba9}
.product-area h3 { font-family: 'latosemibold', Arial, Helvetica, sans-serif; transition:all 0.5s ease 0s;  display:block; background:#0fa484; font-size:16px; color:#fff; text-transform:capitalize; padding:7px 12px; margin:0 }
.product-area h3 .fa{ float:right; margin:5px 0 0 0}

.enqaera{ clear:both; padding:0 0 50px 0}
.enqaera h2{ font-size:27px;}
.make-an{ float:left; width:25%; margin:-70px 0 0 0 }
.make-an .formbox{width:86%; background:#016ba9 url(../images/form-bg.png) bottom right no-repeat; overflow:hidden; padding:10% 8%;}
.make-an span{ font-size:20px;}
.makeRow{ width:49%; float:left; margin:0 0 10px 0; overflow:hidden;}
.makeRow2{ width:49%; float:right; overflow:hidden; margin:0 0 20px 0 }
.make-an input{transition: all 0.5s ease 0s; font-size:15px; width:95.5%; padding:0 0 0 10px; outline:none; background:#fff; height:32px; color:#333; line-height:40px; margin:0 0 10px 0; border:none; }
.make-an textarea{transition: all 0.5s ease 0s; width:95.5%; padding:10px 0 0 10px; font-family: 'latoregular'; outline:none; background:#fff; height:125px; margin:0 0 10px 0; color:#333;  border:none; font-size:15px; }
.make-an button{font-family: 'latosemibold', Arial, Helvetica, sans-serif; transition: all 0.5s ease 0s; padding:9px 0; outline:none; border:none; font-size:18px; width:99%; text-transform:uppercase; color:#fff; background:#0fa484; cursor:pointer}
.make-an button:hover{ background:#333; color:#fff}

.testimonail-area{ clear:both}
.testimonail-area li{ width:27%; border:1px solid #e9e9e9; padding:1.5%; margin:10px; background:#f6fffd}
.testimonail-area p{ color:#000;}
.testimonail-area h5{ color:#00a684}
.testimonail-area p:before{ content:'\f10d'; font-size:20px; color:#666; display:inline-block; font-family: 'FontAwesome'; padding:0 10px 0 0}
.testimonail-area p:after{ content:'\f10e'; font-size:20px; color:#666; display:inline-block; font-family: 'FontAwesome'; padding:0 0 0 10px}


.test-area{border-top:1px solid #ccc; width:70%; float:right; margin:0  0 50px 0; padding:30px 0 0 0 }
.test-area h2{ margin:0 0 20px 0}
.test-area p{ font-size:18px; font-style:italic; color:#010000; margin:0 0 10px 0}
.test-area p:before{ content:'\f10d'; font-size:18px; color:#c7c7c7; display:inline-block; font-family: 'FontAwesome'; padding:0 10px 0 0}
.test-area p:after{ content:'\f10e'; font-size:18px; color:#c7c7c7; display:inline-block; font-family: 'FontAwesome'; padding:0 0 0 10px}
.test-area h5{font-family: 'latolight', Arial, Helvetica, sans-serif; font-size:15px; color:#000;}
.test-area h5 span{ color:#0fa484}
.testbox{ clear:both; margin:0 8px 20px 8px; overflow:hidden; text-align:left}
.testbox .test-text{ width:100%; }
.testbox .test-img{ width:25%; float:left;}

.testbox2{ clear:both; margin:0 8px}
.testbox2 .test-text{ width:100%; text-align:left }
.testbox2 .test-img{ width:25%; float:right;}
.test-area .slick-dots {  top:-35px; text-align:right;}
.test-area .slick-dots li { background:#c7c7c7; width:10px; height:10px; border-radius:100%;  margin:4px 5px !important; font-size:0px; text-indent:-999999px;}
.test-area .slick-dots li button { font-size:0px; text-indent:-999999px; }
.test-area .slick-dots li.slick-active {	background:#0fa484; padding:0px;}


.bottom-area{ width:70%; margin:0 auto; padding:50px 0 30px 0; overflow:hidden; text-align:center;}
.bottom-area p{ color:#fff; display:block}
.bottom-area p a{ color:#fff}
.bottom-area p .fa{ margin:3px 10px 0 0}
.bottom-area p a:hover{ color:#ff4d62}
.bottom-area h3{font-family: 'latosemibold', Arial, Helvetica, sans-serif;  color:#fff; font-size:18px; margin:0 0 5px 0}
.bottom-area li{ clear:both; margin:0 0 5px 0; display:inline-block;}
.bottom-area li:before{ content:'/'; color:#fff; margin:0 10px }
.bottom-area li:first-child:before{ display:none;}
.bottom-area li a{font-family: 'latolight', Arial, Helvetica, sans-serif; color:#fff; font-size:15px;}
.bottom-area li a:hover{ color:#0fa484}
.bottom-area .bott-nav{ border-bottom:1px solid #304d60; margin: 0 0 20px 0; padding:0 0 15px 0}
.bottom-area .left{ float:left; width:35%; text-align:left;}
.bottom-area .right{ float:right; width:30%; text-align:right;}


.in-banner{ clear:both; position:relative;}
.breadcrumb { text-align:left; overflow: hidden; display: block; clear:both; padding:0 0 10px 0; border-bottom:1px solid #e9e9e9; margin:0 0 30px 0}
.breadcrumb ul { list-style: none; float:left; margin:10px 0 0 0}
.breadcrumb li { display: inline-block; }
.breadcrumb li { background: url("../images/arrow_icon.png") no-repeat scroll 0 6px; color:#0fa484; font-size: 14px; padding: 0 5px 0 12px; text-decoration: none; }
.breadcrumb li:first-child { background: none; padding: 0 5px 0 0; }
.breadcrumb li a { color:#000; font-size: 14px; text-decoration: none; }
.breadcrumb li a:hover { color:#0fa484; }
.content-full{ width:100%; margin:0 0 50px 0; overflow:hidden}
.content-box{ width:74%; float:left; margin:0 0 150px 0}
.content-box h2{ color:#016ba9; line-height:35px;}
.content-box p{ text-align:justify}
.gallery-area{ width:100%; float:none}
.gallery-area li{ width:29.5%; display:inline-block; position:relative; padding:0; margin:0 20px 20px 0; padding:5px 5px 0 5px; border:1px solid #ccc}
.gallery-area img{ margin:0}
.content-box .dr-list{ border-bottom:1px solid #f9f6ed; padding:0 0 30px 0; overflow:hidden; margin:30px 0 0 0}
.content-box .dr-img{ width:25%; border:1px solid #f9f6ed; padding:5px; margin:6px 30px 0 0; float:left;}
.content-box .gallery-aera{ background:none; padding:0;}
.content-box .gallery-aera .smile-box{ width:40%; margin:0 30px 30px 0; background:#f9f6ed; overflow:hidden; padding:20px 30px 10px 20px; display:inline-block}
.content-box .gallery-aera .line-bar{ margin:10px 0 0 0; text-align:center}
.content-box .gallery-aera .line-bar strong{ background:#f9f6ed; color:#00243e; padding:0 }
.content-box .gallery-aera .right-box{ width:195px;}
.content-box .testbox{ border-bottom:1px solid #e7e7e7; padding:0 0 30px 0; margin:0 0 30px 0; overflow:hidden }
.content-box .testbox2{ border-bottom:1px solid #e7e7e7; padding:0 0 30px 0; margin:0 0 30px 0; overflow:hidden }
.content-box .product-area{ width:100%; margin:20px 0 0 0; padding:0; float:none}
.content-box .prod-box img{ width:100%;}

.in-text{ clear:both;}
.in-text img{ max-width:100%; margin:0 0 20px 0 ;}
.in-text h2{font-size:28px; line-height:30px; color:#666; }
.in-text h3{ font-size:22px; margin:0 0 5px 0; color:#009d9e;}
.in-text h4{ font-size:18px; margin:0 0 5px 0; color:#666;}
.in-text h5{font-size:16px; margin:0 0 5px 0; color:#000;}
.in-text h6{font-size:15px; margin:0 0 20px 0; color:#000;}
.in-text ol{ list-style: decimal outside!important; margin:0 0 15px 20px; }
.in-text li{padding:0 0 5px 0;  font-size:15px; color:#7e7e7e; line-height:24px;}
.left-img{ float:left!important; margin:0 20px 10px 0!important; padding:10px; border:1px solid #e9e9e9}
.right-img{ float:right!important; margin:10px 0 10px 20px!important}
.right-cont{ float:right; width:46% }

.img35wid{ width:35%;}
.img45wid{ width:47%;}


.side-box{ width:23%; float:right; margin:0 0 50px 0; overflow:hidden; }
.side-box h2{font-family: 'latobold', Arial, Helvetica, sans-serif; font-size:26px; line-height:30px; color:#000; text-align:left; padding-bottom:5px;}
.side-box .emergency-area{ width:100%;}
.emergency-area .text h2{ font-size:30px; text-align:center;}
.side-box .make-an{ width:100%;  overflow:hidden; float:none; margin:0;}
.side-box .make-an .formbox{ width:auto; padding-top:15px!important}
.side-box .make-an h2{ text-align:left; color:#fff;}
.side-box .make-an span{ font-size:20px; }
.side-box .make-an input{ height:35px; margin:0 0 10px 0; background:#fff; border-bottom:none;}
.side-box .make-an textarea{ height:80px; margin:0 0 10px 0;  background:#fff; border-bottom:none;}
.side-box .make-an .makeRow3{ margin:0 0 10px 0}
.side-box .make-an button{ padding:10px 10px; font-size:13px;}
.our-special{ background:#e4e6ed; padding:20px 20px; margin:0 0 20px 0; border-bottom:7px solid #0fa484; }
.our-special li:last-child{ border:none;}
.our-special li{ clear:both; border-bottom:1px solid rgba(255,255,255,0.5)}
.our-special li:before{ content:"\f101"; color:#000; font-family: 'FontAwesome'; margin:7px 8px 0 0; float:left; transition:all 0.5s ease 0s  }
.our-special li a{font-family: 'latolight', Arial, Helvetica, sans-serif; font-size:16px; color:#000; display:flex; padding:5px 0 }
.our-special li a:hover{ color:#0fa484;}
.our-special li:hover:before{color:#0fa484}
.our-special .act a{ color:#0fa484!important; }
.our-special .act:before{ color:#0fa484!important; }

.side-box .gallery-aera{ padding:0 20px 20px 20px;}
.side-box .gallery-aera .smile-box{ width:96%; margin:0 0 0 -10px; }
.side-box .gallery-aera .smile-box img{ border:2px solid #fff}
.test-box2{ clear:both; padding:10px 50px 30px 50px; position:relative; border-bottom:1px solid #eee; margin:0 0 30px 0; overflow:hidden}
.test-box2 p{ margin:0 0 10px 0;}
.test-box2:before{ width:30px; height:25px; position:absolute; top:10px; left:10px; content:""; background:url(../images/test-icon.png) no-repeat;}
.test-box2:after{ width:30px; height:25px; position:absolute; bottom:40px; right:10px; content:""; background:url(../images/test-icon2.png) no-repeat;}
.test-box2 .drbox{ width:75px; height:75px; overflow:hidden; border-radius:100%; float:left; margin:0 20px 0 0}
.test-box2 .drbox img{ height:100%; object-fit:cover;}
.test-box2 .dp-area h3{font-family: 'latolight', Arial, Helvetica, sans-serif; margin:10px 0 0 0; float:left;}
.test-box2 .dp-area span{font-family: 'latolight', Arial, Helvetica, sans-serif; font-size:15px; color:#000}
.contact-area{ width:37%; float:left;}
.contact-from{width:48%; float:right; margin:10px 0 50px 0; padding:20px 40px 0 40px; background:#e4e6ed;}
.contact-from  input{ width:94%; border:1px solid #ccc; height:43px; padding:0 0 0 10px; margin:14px 0 0 0}
.contact-from  textarea{font-family: 'latolight', Arial, Helvetica, sans-serif; font-size:13px; color:#000; width:94%; border:1px solid #ccc; height:92px; margin:14px 0 14px 0; padding:10px 0 0 10px;}
.contact-from button{ background:#0fa484; color:#fff; border:none; padding:10px 30px; font-size:16px; float:right; margin:20px 5px 0 0}
.contact-from button:hover{ background:#000;}


.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { }

@media ( max-width :1368px){
nav li a{ font-size:18px;}
.mid-container{ width:96%; max-width:100%; margin:0 auto; background:#fff; box-shadow:none;}

}
@media ( max-width :1110px){
}
@media ( max-width :1025px){ 
.container{ max-width:96%;}
.logo{ width:30%; padding:0}
nav { width:70%;}
nav li{ margin:0 10px }
nav li a{ font-size:15px;}
.lavel{ top:44px;}
.banner img{ min-height:250px;}
.banner-txt{ top:10%;}
.meetdr h2{ font-size:32px;}
.read-more2{ margin:0;}
.nopain h4{ font-size:21px;}
.painimg{ width:195px;}
.stepby h3{ font-size:42px;}
.img-box{width:22%;  margin:5px; }
.in-text .after-sec{ width:43%;}
.make-an{ width:25%; top:-120px;}
.make-an h2{ font-size:24px;}
.content-box .gallery-aera .smile-box{ width:38%}
.content-box .gallery-aera .left-box{ width:55%; text-align:left}
.content-box .gallery-aera .right-box{ width:45.8%; margin-left:-5px}
.content-box .gallery-aera .right-box img{ height:inherit} 
}
@media ( max-width :980px){
header:after{ display:none}
.mobnav{ display:block; margin:0;}
nav{ width:100%; float:none; }
nav li{ float:none; background:none; padding:0}
nav p{ float:left;}
nav li a{ border-bottom:1px solid rgba(255,255,255,0.5); border-radius:0; float:none; line-height:40px; text-align:left;  padding:2px 10px; display:block; color:#fff;}
nav .act{color:#d14621; background:none; border-radius:0; }
.lavel{position:inherit; width:94%; left:0; top:0; padding:0 3%;}
.lavel li{ margin:0;}
.lavel li a{ border:none; color:#000}
#mobopen{ clear:both; display:none; background:#000; padding:10px 0 0 0; top:90px; position:absolute; z-index:999; width:92%; left:auto; right:auto}
#mobopen2{ display:none;}
#menumob{ position:absolute; z-index:99; top:30px; right:0;}
.mobnav2{ display:block;}
.make-an{ top:-45px}
.welcome-area{ width:90%; padding:5%; background:#e9eaef; min-height:inherit; top:30px; text-align:center}
.product-area{ width:100%;}
.prod-box img{ width:99.3%;}
.test-text{ text-align:left}
.test-text p{ font-size:16px;}
.testbox{ width:98%;}
.testbox2{ width:98%;}
.in-banner img{ height:120px; object-fit:cover;}
.left-img{ margin:0!important}
.img45wid{ width:40%;}
.right-cont{ width:50%;}
.testimonail-area li{ width:35%; padding:5%; margin:10px ;}

}
@media ( max-width :860px){
.product-area li{ width:30%;}	
.content-box .product-area li{ width:45%;}
}
@media ( max-width :800px){
.banner img { min-height:inherit;}
.in-banner{ padding:0}
.banner-txt{ display:none;}
header{ padding:0 0 10px 0; overflow:hidden; position:inherit}
.black-bg .logo{ width:auto;}
.black-bg nav{ margin:inherit}
.banner{ padding:0}
.banner-txt{ top:20%;}
.banner-txt span{ font-size:50px;}
.meetdr{ padding:0; width:47%;}
.meetdr h2{ font-size:35px; margin:0 0 10px 0}
.makeRow{ width:46%;}
.makeRow2{ width:46%; margin: 0 3% 0 0}
.gallery-aera{ text-align:center;}
.test-img{ margin:0 auto 20px auto; float:none}
.test-box{ width:100%;}
.drimg2{ display:none}
.make-70p{ width:100%!important;}
.side-box{ width:32%;}
.content-box{ width:65%; margin:0 0 30px 0;}
.content-box .gallery-aera .smile-box{ width:90%}
.contact-area{ width:90%; margin:0 auto 30px auto; float:none}
.contact-from{ width:66%; float:none; margin:0 auto}
.doctor-sec .text-box{ width:100%; padding:30px 0}
.make-an{ width:30%;}
.test-area{ width:65%;}
.bottom-area{ width:100%;}
.welcome-area{ width:90%; padding:5%; background:#e9eaef; min-height:inherit; top:30px; text-align:center}
.product-area{ width:100%; text-align:center}
.product-area li{ width:auto; float:none; display:inline-block; margin:0 0 30px 0;}
.product-area li:nth-child(3n){ margin:0 0 30px 0;}
.contact-area .product-area li:nth-child(3n){ margin:0 0 30px 0;}
.img45wid{ width:90%; margin:0 auto; float:none!important}
.right-cont{ width:100%; float:none;}



}
@media (max-width:767px){ 
.make-an{ width:100%; margin:0 0 30px 0; float:none}
.test-area{ width:100%; float:none}
.drimg{ position:inherit; top:50px; left:0;}
.book-sec{ padding:20px 0}
.blog-img{ width:100%; float:none}
.blog-img img{ height:inherit}
.blog-text{ width:100%; float:none; margin:20px 0 0 0; text-align:center}
.content-box .dr-list{ text-align:left}
.testimonail-area li{ width:90%; padding:5%; margin:10px 0;}
}
@media (max-width:640px){
.logo{ width:100%; padding:0}
.call-us{ text-align:center; float:left}
.top-right{ margin:0 }
.top-right .book-bt{ margin:15px 0 0 0;}
.meetdr{ width:100%; position:inherit; top:0; padding:0 0 20px 0; overflow:hidden; text-align:center}
.meetdr h2{ font-size:28px;}
.meetdr p{ padding:0 10px; }
.meetdr img{ margin:0}
.make-an{position:inherit; top:0; text-align:center; width:75%; margin:10px auto}
.make-an h2{ font-size:28px;}
.makeRow{ float:none; width:100%; margin:0}
.makeRow2{ float:none; width:100%; margin:0 0 10px 0}
.make-an button{ width:90%; margin:0 auto; float:none}
.bottom-sec{ padding:40px 0 100px 0}
.bot-sec{ text-align:center}
.bot-sec p{ float:none;}
.float_right2{float:none!important;}
.content-box{ width:100%; float:none; margin:0 0 20px 0; text-align:center;}
.side-box{ width:100%; float:none; margin:0 0 20px 0;}
.test-area li{ width:100%;}
.blog-area li{ width:100%; margin:0 0 40px 0}





}
@media (max-width:550px){
.gallery-aera .left{ float:none;}
.gallery-aera .right{ float:none;}
.content-box .dr-img{ width:70%; margin:0 auto; float:none}
.content-box .dr-list{ text-align:center}
.bottom-area{ text-align:center}
.banner img{ height:150px; object-fit:cover;}
.content-box .product-area li{ width:75%; margin:0 auto 20px 0;}
.img45wid{ width:90%; margin:0 auto; float:none!important}
.right-cont{ width:100%; float:none;}
}
}
@media (max-width:480px){
.logo{ width:70%;}
.content-box .gallery-aera .smile-box{ width:85%;}

}
@media (min-width:981px){
nav #mobopen{ display:block !important} 
nav #mobopen1 ul{ display:block !important}
}


.right-cont h1{ font-size:26px; line-height:34px; margin-bottom:15px;}






