/* Arudhra dental care

* Index *
---------

* 1.0 General Styles
	* 1.1 Book an appointment Popup
	* 1.2 Header
	* 1.3 Footer

* 2.0 Home Page Styles

* 3.0 Service Page Styles

* 4.0 Inner Pages
	* 4.1 Package
	* 4.2 Dental Tourism
	* 4.3 Braces
	* 4.4 Full-mouth rehabilitation
	* 4.5 Implants

* 5.0 Service
	* 5.1

* 6.0 Responsive Styles */

/*-------------------------------*/
/*----- 1.0 General Styles ------*/
/*-------------------------------*/

body{
	margin:0;
	padding:0;
	background:#fffbed;
	overflow-x:hidden;
	color:#000!important;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(219, 220, 221,0.5);
}


::-webkit-scrollbar-thumb {
    background: rgba(255,216,0,0.2);
		border: 1px solid rgba(111, 111, 111,0.2);
		border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255,216,0,1);
		border: 1px solid rgba(111, 111, 111,0.1);
		border-radius: 4px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.5);
}

.cls-bt{
transform: rotate(-90deg);
transition-duration: 0.8s;
transition-timing-function: ease;
opacity: 0.5;

}

.galleryIcons{
	width: 50px!important;
}

.knowMoreButton{
	margin:10px 0px;
	padding:7px 10px;
	border:none;
	background:#ffd600;
	border-radius:25px;
	color: #fff!important;
}
.knowMoreButton:hover{
	color: #000!important;
	text-decoration: none;
}

.cls-bt:hover{
transform: rotate(90deg);
transition-duration: 0.7s;
transition-timing-function: ease;
opacity: 0.9;
}

.myInput{
width:300px;
border-color: #fff;
}

.bc-bd{
width:100%;

}
.hrArudhra{
	border-width: medium;
	border-color: #dcb613;
	height: 30px;
}

input::-moz-focus-inner {
  border: 0;
}
h1{
	font-family: 'gotham_boldregular'!important;
}
h2,h3,h4,h5,h6{
	font-family: 'gotham_mediumregular'!important;
}
p,address{
	font-family: 'gotham_bookregular'!important;
	font-size:13px;
	line-height:1.8!important;
}
a,li,li a{
	font-family: 'gotham_bookregular'!important;
}
h1{
        font-size:42px!important;
}
a{
	color:#000!important;
	outline:0;
}
li{
	outline:0!important;
}
a:hover{
	color:#ffd600!important;
	text-decoration:none;
}
a:active,a:focus{
	text-decoration:none!important;
}
.txt-relg{
	font-size:18px;
}
.txt-md{
	font-family: 'gotham_mediumregular'!important;
}
.txt-rg{
	font-family: 'gotham_bookregular'!important;
}
.adc-bkap1{
	margin:15px 0px;
	padding:10px;
	border:none;
	text-transform:uppercase;
	color:#000!important;
	background:#fff;
	border-radius:50px;
	font-family:'gotham_mediumregular'!important;
	font-size:13px;
	box-shadow: 1px 0px 4px rgba(0,0,0,0.2);
}

.adc-bkap1:hover,.adc-bkap1:focus{
	text-decoration:none;
	background:#eeeeee;
	color:#474747;
}

li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}



li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:99;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {text-decoration:none!important;}

.dropdown:hover .dropdown-content {
    display: block;
}
/*-------------------------------*/
/* 1.1 Book an appointment Popup */
/*-------------------------------*/
#app-pop-up{
	background:#ffd800;
	opacity:0.95;
	max-width:100%;
	max-height:100%;
	z-index:108;
	top:0;
	bottom:0;
	left:0;
	right:0;
	position:fixed;
}
.apopup{
	opacity:0!important;
}
.cls{
	float:right;
	top:50;
	right:100;
	padding:12px;
}
.cls:hover{
	background:#ffeb7c;
	border-radius:50px;
	cursor:pointer;
}
.pop-inc{
	margin:75px 0px;
	font-family: 'gotham_bookregular';

}
.pop-inc h3{
	text-transform:uppercase;
}
.ipt{
	margin:25px 0px;
}
.ipt input,select{
	width:300px;
	border:none;
	font-family: 'gotham_bookregular';
	font-size:14px;
	border-radius:3px;
	padding:5px 10px;
}
.button{
	width:200px;
	background:#ffffff;
	border:none;
	font-family: 'gotham_bookregular';
	font-size:14px;
	border-radius:2px;
 	padding:5px 10px;
	margin:20px 0px;
	transition: 0.4s;
}
.button:disabled{
	background:#fee86e;
	color: #737070;
}

/*-------------------------------*/
/* Book an appointment popu ends */
/*-------------------------------*/
.ipt2 input,select{
	width:400px;
	border:1px solid #9d9d9d;
	font-family: 'gotham_bookregular'!important;
	font-size:14px;
	border-radius:3px;
	padding:5px 10px;
}

@media (max-width:605px){
	.ipt2 input,select{
		width:100%;
}
}

.ipt2 .row{
	padding:10px 0px;
}
.ipt2 .button{
	width:200px;
	background-color:#ffd600;
	border:none;
	padding:5px 10px;
	font-family: 'gotham_bookregular'!important;
	font-size:14px;
	font-weight:bold;
	border-radius:25px;
	text-transform:uppercase;
}
.ipt2 .button:hover{
	box-shadow:0px 1px 4px rgba(0,0,0,0.4);
}
.pack-enq{
	padding:25px 0px;
}
.pack-enq h4{
	padding:25px 0px!important;
}
/*-------------------------------*/
/* -------- 1.2 Header --------- */
/*-------------------------------*/
#header{
	z-index:99;
}
.navbar{
	margin:3px 0px!important;
}
.navbar-default{
	background:none!important;
	border:none!important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background:none!important;
}
.header-yl-bg{
	background:#ffd800;
	width:100%;
	height:40px;
	color:#000;
	text-align:right;
	margin: 0 0 0;
    padding: 12px 0 0 0;

}
.adc-yl-in{
	float:right;
	width:550px;
}
.fb-icn{
	float:left;
	padding:10px 0px 10px 8px;
    margin: -13px 0 0 0;
}
.adc-yl-in img{width: 31px!important;}

.header-yl-bg h6{
	padding:2px;
	font-size:11px;
	line-height:1.5;
}
.header-wt-bg{
	height:80px;
	background:#fff;
	z-index:90;
}
.sheader{
	box-shadow:0px 0px 8px rgba(0,0,0,0.2);
}
.adc-lg{
	padding:18px 0px;
	float:left;
}
.navbar {
	float:right;
	padding:12px 0px!important;
	font-family: 'gotham_mediumregular';
	font-size:13px!important;
}
.navbar li a{
	padding:15px 12px!important;
}
.sticky-wrapper{
	max-height:100%;
}
.adc-bkap{
	margin:10px 0px;
	padding:7px 10px;
	border:none;
	background:#ffd600;
	border-radius:25px;
}
.adc-bkap:hover{
	box-shadow:1px 0px 2px rgba(0,0,0,0.2);
	background:#ffe350;
}
/*-------------------------------*/
/* -------- Header Ends -------- */
/*-------------------------------*/

/*-------------------------------*/
/* -------- 1.3 Footer --------- */
/*-------------------------------*/
#map {
	width: 100%;
	height: 350px;
}
#footer{
	font-family: 'gotham_bookregular';
	background:#151515;
	padding:15px 0px;
	color:#545454;
	position:relative;
}

.SEOLayer{
	position: relative;
	background-color: #202020;
	text-align: center;
	padding: 30px 0px;
	color: #505050;
	font-size: 12px;
}
.SEOLayer > div{
	margin: auto;
	width: 1200px;
	max-width: 90%;
	text-align: left;
}


address{
	color:#fff;
	padding:10px 7px;
}
.footer-c p{
	margin:10px;
	font-size:12px;
}
.oo-lnk{
	text-align:right;
}
.oo-lnk a{
	color:#545454;
}
.oo-lnk a:hover{
	color:#ffd800;
	text-decoration:none;
}
.sm-md-lk a{
	color:#fff!important;
}
.sm-md-lk a:hover{
	color:#ffd600!important;
	text-decoration:none;
}
.ytxt{
	color:#ffd600;
}
.sm-md-lk p{
	color:#fff;
}
.sm-md-lk a{
	color:#fff;
	font-size:13px;
}
.sm-md-lk h4{
	color:#ffd600;
	padding:5px 0px;
}
.outofbox-logo{
	background:url('../images/outofbox-logo.png') no-repeat;
	display:block;
	width:50px;
	max-width:100%;
	height:25px;
	position:absolute;
	right:50px;
	top:20px;
	transition:all 1s ease-in;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-moz-transition:all 1s ease;
}
.outofbox-logo:hover{
	background:url('../images/outofbox-logo-hover.png') no-repeat;
}

/*-------------------------------*/
/* -------- Footer Ends -------- */
/*-------------------------------*/

.img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img {
	width:100%;
}

.slideVideo{
	width:100%;
	height:100%;

}

.slideVideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 pointer-events: none;
transform: scale(1.4);
}
.vidOverlay{
	position: absolute;
	top:38%;
	left: 0;
	right:0;
	width: 100%;
	height: 100px;
	z-index: 222;
	text-align: center;
}
#pauseLayer{
	display: none;
	top: 0;
	height: 100%;
}
/*--------------------------------
 1.5 Dental Toruism - home page
------------------------------- */
.plain{
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
	margin-top:-350px;
	margin-left:200px;
}
@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(20, 0px);}
    65% {-webkit-transform:translate(0px, 20px);}
    to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes Floating{
    from {-moz-transform:translate(20, 0px);}
    65% {-moz-transform:translate(0px, 20px);}
    to {-moz-transform: translate(0, -0px);}
}

.cloud1{
	background:url(../images/dental-tourism-img/cloud-1.png) repeat-x;
	animation: cloud_one 15s infinite linear;
	-webkit-animation: cloud_one 15s infinite linear;
	width:100%;
	height:100px;
	position:relative;
}
.cloud2{
	background:url(../images/dental-tourism-img/cloud-2.png) no-repeat;
	animation:cloud_two 10s infinite linear;
	-webkit-animation:cloud_two 10s infinite linear;
	width:100%;
	height:55px;
	position:relative;
	margin-top:-175px;
}
.countries{
	width:100%;
	overflow:hidden;
}
.countries .img_country{
	background:url(../images/dental-tourism-img/country-float-1.png) no-repeat;
	animation:country 25s infinite ease-in-out;
	-webkit-animation:country 25s infinite ease-in-out;
	width:210%;
	height:280px;
	position:relative;
}

@keyframes cloud_one {
from{left: 0px; }
to {left: -1500px; }
}
@-webkit-keyframes cloud_one {
from{left: 0px;}
to {left: -1500px;}
}

@keyframes cloud_two {
from{left: 0px; }
to {left: -1500px; }
}
@-webkit-keyframes cloud_two {
from{left: 0px;}
to {left: -1500px;}
}

@keyframes country {
from{left: 0px; }
to {left: -1600px; }
}
@-webkit-keyframes country {
from{left: 0px;}
to {left: -1600px;}
}

/*-----------------------------
	Dental Tourism Ends
-----------------------------*/

/*-----------------------------
			Header
-----------------------------*/


.ban-lin-lft{
	position:absolute;
	top:0;
	margin:200px;
}
.ban-lin-right{
	position:absolute;
	top:0;
	right:0;
	margin:200px;
}
.ban-lin-lft h1,.ban-lin-lft h4, .ban-lin-right h1,.ban-lin-lft h4{
	text-transform:uppercase;
	margin:0px!important;
	padding:5px!important;
}
.ban-lin-lft h1, .ban-lin-right h1{
	font-family: 'gotham_boldregular'!important;
}
.ban-lin-lft h4, .ban-lin-right h4{
	font-family: 'gotham_bookregular'!important;
}
#adc-abt{
	padding:75px;
}
.rw-pd{
	padding:25px 0px;
}
.aru-abt-h2 img{
	width:450px;
	max-width:100%;
}
.tlt-ul{
	width:100px;
	height:5px;
	background-color:#ffd600;
}
.hm-tlt::after{
	background: none repeat scroll 0 0 #ffd600;
	content: "";
	display: block;
	height: 2px;
	margin: 3px 0px 10px;
	position: relative;
	width: 50px;
}
.aru-abt-h2 h2{
	line-height:1.3;
}
.abt-in h1{
	font-family: 'gotham_boldregular';
	text-transform:uppercase;
	padding:20px 0px 10px;
}
.abt-in  p{
	color:#666666;
	font-family: 'gotham_bookregular';
}
.abt-p{
	margin:15px 0px;
}
.mser-bg{
	background:#ffd600;
	width:100%;
	padding:100px 0px;
	/* margin:25px 0px; */
}
.aru-ser-bc{
	background:url('../images/ser-bg-img1.jpg') no-repeat center;
	background-size:cover;
	width:375px!important;
	max-width:100%;
	height:200px;
	margin:5px;
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
}

.ser-icn1,.ser-icn2,.ser-icn3{
	width: 110px;
	max-width: 100%;
	height: 110px;
	display: block;
	position: absolute;
	top: -66px;
	left: 135px;
}

.ser-icn1{
	background:url('../images/ser-icn1.png') no-repeat;
}
.ser-icn2{
	background:url('../images/ser-icn2.png') no-repeat;
}
.ser-icn3{
	background:url('../images/ser-icn3.png') no-repeat;
}
.related-service{
	background:#f1f1f1;
}
.ser-li a{
	color:#000;
}
.ser-li img{
	float:left;
	width:70px;
}
.ser-li h4{
	padding:15px 0px!important;
}
.ser-item{
	padding:25px 0px;
}
.mser{
	padding:30px!important;
}
.aru-ser-re{
	background:url('../images/ser-bg-img2.jpg') no-repeat center;
	background-size:cover;
	width:375px!important;
	max-width:100%;
	height:200px;
	margin:5px;
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
}
.aru-ser-imp{
	background:url('../images/ser-bg-img3.jpg') no-repeat center;
	background-size:cover;
	width:375px!important;
	max-width:100%;
	height:200px;
	margin:5px;
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
}

#serv{
	padding:75px 0px;
}

.serv-inc p{
	padding:10px 25px;
	font-family: 'gotham_bookregular';
}

.rota:hover img{
	animation-name: spin;
	animation-duration:0.4s;
	animation-timing-function:linear;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
a:hover .txt-rg{
	color:#a0a0a0;
}
#adc-pk{
	background:url(../images/package-bg.jpg) no-repeat;
	background-color:#ffd600;
	background-size:100%;
	max-width:100%;
	height:auto;
	padding:425px 0px 45px;
}

.pk-inc{
	font-family: 'gotham_bookregular';

}

.pk-inc h2{
	color:#000;
	text-transform:uppercase;
}

.pk-inc p{
	color:#000;
	line-height:1.6;
	padding:10px 0px;
}

#dt{
	background:url(../images/dental-tourism-img/dental-tourism-bg.jpg) no-repeat;
	background-color:#000;
	background-size:cover;
	width:100%;
	height:auto;
	padding:425px 0px 45px;
}
.plain{
	background:url(../images/dental-tourism-img/plain.png) no-repeat;
	background-size:100%;
	max-width:5%;
	height:89px;
	z-index:60;
}

.dt-inc{
	font-family: 'gotham_bookregular';

}

.dt-inc h2{
	color:#ffd800;
	text-transform:uppercase;
}

.dt-inc p{
	color:#fff;
	line-height:1.6;
	padding:10px 0px;
}

.fo-enq{
	padding:50px 0px 0px;
}
.fo-enq h3{
	margin:10px 0px !important;
}
.fo-enq h5{
	color:#000;
}
.fo-enq h5::after{
	width:75px;
	height:2px;
	background:#ffd600 repeat;
	display:block;
	content: "";
	margin:10px auto 0px;
}
/* */

/*-------------------------------*/
/* ------- 4.0 Inner Page ------ */
/*-------------------------------*/
.bc-cont,.bc-cont2,.aru-pkg-pd,.idl{
	padding:50px 0px!important;
}
.bc-img1 img{
	width:750px;
	max-width:100%;
	padding:10px 0px;
}
.bc-vid{
	background:url('../images/brac-bd-img2.jpg')no-repeat center;
	background-size:cover;
	width:100%;
	height:750px;
}
.bc-vid{
	padding:150px 0px;
}
.overlay2{
	opacity:0.8;
	position:relative;
}
.overlay2 img{
	box-shadow:0px 1px 8px rgba(0,0,0,2);
}
.vid-h2{
	background:url('../images/ply-icn.png') no-repeat;
	width:75px;
	height:55px;
	display:block;
	position:absolute;
	top:43%;
	left:47%;
}

/* ----- 4.1 Packages ----- */
.aru-pk-1 img{
	width:350px;
	max-width:100%;
}
.ylw-cl h4{
	padding:15px!important;
}
.pk-pc{
	padding:10px;
	border: 2px solid #ffd800;
	border-radius:10px;
	margin:10px 0px;
}
.idl{
	border-bottom:1px solid #dedede;
}
/*--------- Ends -------- */

/* ----- 4.3 Braces ----- */
.bc-banner{
	background:url('../images/braces-hd-bg-v1.jpg') no-repeat center;
	background-size:cover;
	width:100%;
	height:175px;
	padding:45px 50px;
}
.bc-cont p{
	padding:25px 0px;
	text-align: justify;
}
/*--------- Ends -------- */

/*-------------------------------*/
/* ------ Inner Page Ends ------ */
/*-------------------------------*/

.aru-servc{
	padding:75px 0px;
}
.serc-pd{
	padding:25px 0px;
}
.serc-pd a{
	color:#000!important;
}
.serc-pd a:hover{
	color:#a2a2a2!important;
	text-decoration:none;
}
.serc-cnt{
	padding:25px 50px;
}
.aru-ser-cnt{
	box-shadow:0px 1px 8px rgba(0,0,0,0.4);
	width:100%;
	height:400px;
	padding:25px 35px;
}
.aru-ser-cnt h3{
	line-height:1.5;
}


/* Implants */

.ip-banner{
	background:url('../images/implant-hd-bg-v1.jpg') no-repeat center;
	background-size:cover;
	width:100%;
	height:175px;
	padding:45px 50px;
}
.re-banner{
	background:url('../images/reh-hd-bg-v1.jpg') no-repeat center;
	background-size:cover;
	width:100%;
	height:175px;
	padding:45px 50px;
}
.pkg-banner{
	background:url('../images/pkg-hd-bg1.jpg') no-repeat right;
	background-size:cover;
	width:100%;
	height:175px;
	padding:45px 50px;
}



}
.dt-banner{
	background:url('../images/dt-hd-bg1.jpg') no-repeat center;
	background-size:cover;
	width:100%;
	height:175px;
	padding:45px 50px;
}

.ip-img1 img{
	width:350px;
	max-width:100%;
}
.txt-jt{
	text-align:justify;
}

.aru-baa{
	background:url('../images/ser-ft-bg.jpg') no-repeat center;
	background-size:cover;
	width:100%;
	height:150px;
	padding:65px 0px;
	font-size:16px;
}
.sm-md-lk img{
	width:35px;
}
.adc-sm{
	background:#1e1e1e;
	padding:25px 0px;
}
.sm-lk p{
	color:#fff;
	padding:10px 0px;
}
.sm-lk p a{
	color:#fff;
}
.txt-wt{
	color:#fff;
}
.ba-bt{
	margin:0px!important;
	box-shadow:0px 1px 4px rgba(0,0,0,1);
}
.aru-baa p{
	color:#fff;
}


/* Implants Ends */

/* Dental Tourism */
.dt-cont{
	padding:75px;
}
.dt-ct img{
	max-width:100%;
}
/* Dental Tourism Ends */

/* 3.0 Service Page Styles */
.tb-ln{
	width:70%;
	background:#fff;
	display:block;
	padding:2px;
	margin:65px 0px 0px 65px;
}
.ser-bdy-cont{
	padding:25px;
}
.ser-gum-typs{
	display:block;
}
.ser-gum-typs h4{
	margin:20px 15px;
}
.ser-gum-typs h4:hover{
	color:#909090;
}
.ser-typ{
	margin: 0 auto;
	text-align: center;
}
.ser-typ a{
	display:inline-block;
	padding:20px;
	vertical-align: top;
}
.ser-typ a:hover{
	color:#000!important;
	text-decoration:none;
}
.ser-typ a:hover .icn-rul::before{
	transform:translateY(-0.5em);
	transition:all 0.3s ease-in-out;
	box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-o-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
}
.ser-typ h5{
	display:inline-block;
}
.ser-typ h5:hover{
	color:#000!important;
	text-decoration:none;
}
.ser-typ h5:hover .icn-rul::before{
	transform:translateY(-0.5em);
	transition:all 0.3s ease-in-out;
	box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-o-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
}
.ser-typ h5 .icn-rul::before{
	display:block;
	content:'';
	float:left;
	margin-top:-15px;
	margin-right:10px;
	margin-bottom:10px;
	width:50px;
	height:50px;
	border-radius:25px;
	box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-o-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-moz-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
}
.icn-rul::before{
	margin:0 auto;
	display:block;
	content:'';
	width:50px;
	height:50px;
	border-radius:25px;
	box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-o-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-moz-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
}
.stain-icn::before{
	background:url('../images/stain-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.mtreplacement-icn::before{
	background:url('../images/multiple-teeth-replacement-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.streplacement-icn::before{
	background:url('../images/removal-partial-denture.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.pfacrown-icn::before{
	background:url('../images/pfm-crown-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.metalfreecrown-icn::before{
	background:url('../images/metal-free-crown-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.implantsv1-icn::before{
	background:url('../images/implants-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.acde-icn::before{
	background:url('../images/acrylic-denture-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.bpde-icn::before{
	background:url('../images/bps-denture-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.imde-icn::before{
	background:url('../images/complete-implants-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}

.kids-oral-icn::before{
	background:url('../images/goh-kids-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.adults-oral-icn::before{
	background:url('../images/goh-adult-v1.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.singlet-icn::before{
	background:url('../images/singlet-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.multit-icn::before{
	background:url('../images/multiplet-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.complet-icn::before{
	background:url('../images/completet-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.bleeding-icn::before{
	background:url('../images/bleeding-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.mal-alg-icn::before{
	background:url('../images/mal-alg-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-icn::before{
	background:url('../images/cosmetic-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.hygiene-icn::before{
	background:url('../images/hygiene-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.impTooth-icn::before{
	background:url('../images/impTooth-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.impCanine-icn::before{
	background:url('../images/impCanine-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.Pre-impTooth-icn::before{
	background:url('../images/Pre-impTooth-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.Super-impTooth-icn::before{
	background:url('../images/Super-impTooth-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.Other-impTooth-icn::before{
	background:url('../images/Other-impTooth-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-sm::before{
	background:url('../images/cosmetic-icn-sm.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-gg::before{
	background:url('../images/cosmetic-icn-gg.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-d::before{
	background:url('../images/cosmetic-icn-d.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-ob::before{
	background:url('../images/cosmetic-icn-ob.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-di::before{
	background:url('../images/cosmetic-icn-di.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-gc::before{
	background:url('../images/cosmetic-icn-gc.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-tc::before{
	background:url('../images/cosmetic-icn-tc.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-c::before{
	background:url('../images/cosmetic-icn-c.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-v::before{
	background:url('../images/cosmetic-icn-v.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-b::before{
	background:url('../images/cosmetic-icn-b.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.cosmetic-icn-tw::before{
	background:url('../images/cosmetic-icn-tw.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}

.gallery-icn::before{
	background:url('../images/gallery-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.postTreat-icn::before{
	background:url('../images/postTreat-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.gum-recession-icn::before{
	background:url('../images/gum-recession-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.mobility-icn::before{
	background:url('../images/mobility-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.deep-deposite-icn::before{
	background:url('../images/deep-deposite-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.pit-icn::before{
	background:url('../images/pit-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.initialc-icn::before{
	background:url('../images/initialc-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.mod-rootc-icn::before{
	background:url('../images/mod-rootc-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.adv-rootc-icn::before{
	background:url('../images/adv-rootc-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.root-car-icn::before{
	background:url('../images/root-car-icn.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.grossc-icn::before{
	background:url('../images/groosly-decayed-caries.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-removal::before{
	background:url('../images/icn-post-removal.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-orthodontic::before{
	background:url('../images/icn-post-orthodontic.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-filling::before{
	background:url('../images/icn-post-filling.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-crown::before{
	background:url('../images/icn-post-crown.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-implant::before{
	background:url('../images/icn-post-implant.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-gum::before{
	background:url('../images/icn-post-gum.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-bleeching::before{
	background:url('../images/icn-post-bleeching.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-post-artificial::before{
	background:url('../images/icn-post-artificial.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-treatment::before{
	background:url('../images/icn-treatment.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-spacing::before{
	background:url('../images/icn-mal-spacing.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-crowding::before{
	background:url('../images/icn-mal-crowding.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-over::before{
	background:url('../images/icn-mal-over.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-open::before{
	background:url('../images/icn-mal-open.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-cross::before{
	background:url('../images/icn-mal-cross.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-under::before{
	background:url('../images/icn-mal-under.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-mal-jaw::before{
	background:url('../images/abnormal-jaw.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-gdp-sensitivity::before{
	background:url('../images/sensitivity.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-gdp-smokers::before{
	background:url('../images/smokers.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-gdp-jaw-pain::before{
	background:url('../images/jaw-pain.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-gdp-wearing::before{
	background:url('../images/wearing.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.icn-cosmetic-veneer::before{
	background:url('../images/veneer.png') no-repeat;
	background-size:100%;
	display:block;
	content:'';
}
.ser-gum-typs li a{
	padding:0;
}
.ser-gum-typs li a:hover{
	color:#aa9000!important;
	text-decoration:none;
}
.ser-typ{
	padding:10px 0px;
}
.ser-typ ul li{
	list-style:none;
}

.ser-typ2 .lnk{
	display:inline-block;
	padding:20px;
}
.ser-typ2 .lnk:hover{
	color:#000!important;
	text-decoration:none;
}
.ser-typ2 .lnk:hover .icn-rul::before{
	transform:translateY(-0.5em);
	transition:all 0.3s ease-in-out;
	box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-o-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	-moz-box-shadow:3px 0px 8px rgba(0,0,0,0.5);
	padding:10px 0px;
}
.icn-rul2::before{
	margin:10px auto;
	display:block;
	content:'';
	width:50px;
	height:50px;
	border-radius:25px;
	box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-o-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-moz-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
}
.icn-rul::before{
	margin:0 auto;
	display:block;
	content:'';
	width:50px;
	height:50px;
	border-radius:25px;
	box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-o-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-moz-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
}
.ser-li ul{
	visibility:hidden;
	opacity:0;
	list-style-position:outside;
	transition:all 0.5s ease;
	transform: translateY(-2em);
	position:absolute;
}
.ser-li:hover ul{
	visibility:visible;
	position:relative;
	opacity:1;
	transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.ser-li ul li{
	padding:5px 0px;
}
.ser-li li a{
	padding:0px;
}
.ser-li li a:hover{
	color:#aa9000!important;
	text-decoration:none;

}
.ser-li ul .ser-li2 ul{
	visibility:hidden;
	opacity:0;
	list-style-position:outside;
	transition:all 0.5s ease;
	transform: translateY(-2em);
	position:absolute;
}
.ser-li ul .ser-li2:hover ul{
	visibility:visible;
	position:relative;
	opacity:1;
	transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.ser-li ul .ser-li2 ul .ser-li3 ul{
	visibility:hidden;
	opacity:0;
	list-style-position:outside;
	transition:all 0.5s ease;
	transform: translateY(-2em);
	position:absolute;
}
.ser-li ul .ser-li2 ul .ser-li3:hover ul{
	visibility:visible;
	position:relative;
	opacity:1;
	transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.ser-title h3{
	text-decoration:underline;
}

.sr-by-cont li a:hover,.sr-by-cont li a:active{
	color:#000!important;
}


.nav > li > a:hover, .nav > li > a:focus{
	background:transparent!important;
}

.nav-tabs > li > a:hover{
	border:transparent!important;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background:#ffd600!important;
	border-bottom:2px solid #ffd600;
	outline:0;
}

.malTreatment > li > a{
	padding: 5px;
	font-size: 12px;
	font-weight: 600;
}

.malTreatment > li.active > a, .malTreatment > li.active > a:hover, .malTreatment > li.active > a:focus {
	background:#ffffff!important;
	border-bottom:2px solid #ffd600;
	outline:0;
}

.ser-bdy{
	background:url('../images/service-pg-bg.jpg') repeat-y center;
	background-size:cover;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
}
.lf-nav{
	width:290px;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	padding:15px 0px;
	box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-webkit-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-o-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	-moz-box-shadow:3px 0px 4px rgba(0,0,0,0.18);
	z-index: 1000;
}
.lgo{
	position:relative;
}
.panel-group{
	padding:0px 5px;
}
.panel{
	margin:0px!important;
	border-radius:0px!important;
	background-color:transparent!important;
}
.panel-default{
	border-color:transparent!important;
	padding:4px 0px!important;
	border-bottom:1px solid #ffd800!important;
}
.panel-default > .panel-heading{
	background-color:transparent!important;
	border-color:transparent!important;
}
a .panel-heading{
	color:#000;
}
.panel-default a:hover{
	text-decoration:none!important;
}
.panel-heading-l2,.panel-heading-l3,.panel-heading-l4,.panel-heading-l5{
	padding:0px!important;
}
.list-item-h1{
	background-color:#f3f3f3 !important;
}
.list-group-item{
	background-color:#f5f5f5!important;
}
.colp21{
	margin-left:5px!important;
	background-color:#fff!important;
	border-left:3px solid #ffd800;
}
.panel-li-1 > a:hover > .panel-heading,
.panel-li-1 > a.active > .panel-heading-l1,
.panel-li-2  > .panel-heading-l2 > a.active,
.panel-li-3  > .panel-heading-l3 > a.active,
.panel-li-4  > .panel-heading-l4 > a.active,
.panel-li-5  > .panel-heading-l5 > a.active,
.panel-heading-l2>a:hover,
.panel-heading-l3>a:hover,
.panel-heading-l4>a:hover,
.panel-heading-l5>a:hover,
.list-group-item > a:hover{
	background:#282828;
	color:#fff!important;
	border-left:5px solid #ffd800;
	transition:0.5s ease-in-out;
}


.lf-navbar{
	padding:25px 0px;
	height:580px!important;
	overflow-y:auto;
}
.vid{
	position:absolute;
	bottom:10px;
	right:10px;
}
.overlay1{
	background:#000;
	width:150px;
	position:relative;
	border-radius:5px;
}
.overlay1 img{
	opacity:0.8;
	z-index:90;
	transition:all 0.5s ease;
	border-radius:5px;
}
.overlay1 img:hover{
	opacity:0.3;
}
.vid-h{
	position:absolute;
	top:38px;
	left:60px;
	z-index:99;
	background:url('../images/vid-h.png') no-repeat center;
	background-size:100%;
	width:35px;
	height:28px;
}
a:hover .dd-icn,a.active .dd-icn{
	background:url("../images/dd-icn.png") no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	float: right;
}
.list-group-item{
	padding:0px 0px 0px 15px!important;
}
.list-group-item a{
	padding:10px 15px!important;
	display:block;
	color:#000;
}
.dd-icn{
	background:url("../images/dd-icn2.png") no-repeat;
	background-size: 100%;
	width: 20px;
	height: 20px;
	float: right;
}
.ser-by{
	margin-left:300px;
	padding:35px;
}
.tp{
	margin:20px 0px;
}
.ser-hm-icn{
	background:url(../images/hm-icn.png);
	background-size:100%;
	display:block;
	float:right;
	width:30px;
	height:30px;
	margin:10px;
}
.ser-hm-icn:hover{
	background:url(../images/hm-hv-icn.png);
	background-size:100%;
	width:30px;
	height:30px;
	display:block;
}

.tlt h3{
	font-family: 'gotham_boldregular';
	text-transform:uppercase;
	background:#fff;
	color:#000;
	padding:10px;
	border-radius:5px;
	margin:0;
}
.sr-by-cont{
	padding:25px 0px;
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background:transparent!important;
	border:none!important;
}
.nav-tabs{
	border:none!important;
}
.tab-hd{
	margin:0 auto;
}
.nav-tabs  li{
	padding:0px 25px;
}
.nav-tabs li{
	outline:0;
}
.nav-tabs li a{
	color:#000;
}
.ic-intro{
	background:url('../images/intro-icn.png') no-repeat center;
	background-size:100%;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
	transition: all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
.active .ic-intro{
	background:url('../images/intro-icn-hover.png') no-repeat center!important;
	background-size:100%!important;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
	transition: all 0.5s ease;
}
.ic-treat{
	background:url('../images/treat-icn.png') no-repeat center;
	background-size:100%;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.active .ic-treat{
	background:url('../images/treat-icn-hover.png') no-repeat center;
	background-size:100%!important;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.ic-symp{
	background:url('../images/sym-icn.png') no-repeat center;
	background-size:100%;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.active .ic-symp{
	background:url('../images/sym-icn-hover.png') no-repeat center;
	background-size:100%!important;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.ic-prev{
	background:url('../images/prev-icn.png') no-repeat center;
	background-size:100%;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.active .ic-prev{
	background:url('../images/prev-icn-hover.png') no-repeat center;
	background-size:100%!important;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.ic-gal{
	background:url('../images/gal-icn.png') no-repeat center;
	background-size:100%;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.active .ic-gal{
	background:url('../images/gal-icn-hover.png') no-repeat center;
	background-size:100%!important;
	width:65px;
	height:65px;
	margin:5px auto;
	display:block;
}
.ht-rng{
	background-color:#ffd600;
	padding: 0px 8px;
	border-radius: 10px;
}
.tab-content{
	padding:25px;
	background:#fff;
	border-radius:5px;
	height:450px;
	position:relative;
	overflow: auto;
/*	overflow-y: scroll;*/
}
.smallA{
	font-size: 11px;
}

.lactive{
	background:#ffd600!important;
}
.active a .ind{
	background:url('../images/id-icn.png') no-repeat center;
	background-size:100%;
	width:20px;
	height:10px;
	margin:-8px auto;
	display:block;
}
.active a .indNew{
	background-color: rgba(255, 255, 255, 0.8);;
	border-radius: 4px;
	background-size:100%;
	width:220px;
	height:50px;
	margin:-32px auto;
	display:block;
}
.arw-li{
	background:url('../images/arrow-list.png')no-repeat center;
	display:block;
	width:8px;
	height:10px;
	background-size:100%;
	position:absolute;
	margin:15px 0px;
}
.arw-li2{
	background:url('../images/arrow-list.png')no-repeat center;
	display:inline-block;
	width:6px;
	height:8px;
	background-size:100%;
	margin:0px 0px 0px 10px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}

.tab-content p{
	text-align:justify;
}
.tab-pane{
	font-family: 'gotham_bookregular';
	line-height:1.8;
}
.tab-img1 img{
	float:right;
	width:375px;
	padding:0px 25px;
}
.tab-pane p img{
	float:right;
	padding: 0px 0px 0px 20px;
	width:450px;
}
.tab-pane .tab-pane p img{
	float:right;
	padding: 0px 0px 0px 20px;
	width:320px;
}
.tp-img1{
	width:300px;
}
.tab-pane p.tp-vid{
	float:right;
}
.tp-vid{
	width:450px;
	float:right;
}
.vRow{
	margin: 0 auto;
	text-align: center;
}
.tp-vid2{
	width:250px;
	display: inline-block;
	margin: 20px;
}
.tp-vid22{
	width:100%;
	margin: 0 auto;
	margin-top: 50px;
}

.overlay3{
	background:#000;
	width:100%;
	position:relative;
	border-radius:5px;
}
.overlay3 img{
	opacity:0.5;
	z-index:90;
	transition:all 0.5s ease;
	border-radius:5px;
	width: 100%;
}
.overlay3 img:hover{
	opacity:0.3;
}

.vid-h3{
	position:absolute;
	top:40%;
	left:47%;
	z-index:99;
	background:url('../images/ply-icn.png') no-repeat center;
	background-size:100%;
	width:60px;
	height:48px;
}
.vid-ttl{
	position:absolute;
	width: 100%;
	top:70%;
	margin: 0 auto;
	text-align: center;
}
.vid-ttl span{
	color: #fff;
}


.gallery img{
	width:145px;
}
/* Service Page styles Ends */

.nav-menu-icn{
	background:url('../images/menu-bt-gal.png') no-repeat center;
	background-size:100%;
	cursor:pointer;
	width:30px;
	height:30px;
	max-width:100%;
	position:absolute;
	margin:25px 10px;
}







/*-------------------------------*/
/*------- 5.0 Service --------*/
/*-------------------------------*/


/*-------------------------------*/
/*-------- Service Ends ---------*/
/*-------------------------------*/

/*-------------------------------*/
/*------- 6.0 Responsive --------*/
/*-------------------------------*/

@media screen and (min-width:320px) and (max-width:480px){
	.pop-inc{
		margin:25px 0px;
	}
	.ipt,select{
		margin:5px 0px;
	}
	.ipt input, select{
		margin:10px 0px;
		width:235px!important;
	}
	.adc-yl-in {
		width:106%;
	}
.adc-yl-in img {
    width: 27px !important;
}

	.contet-part{display: grid!important;}
	.fb-icn {
		float: left;
		padding: 0px 0px 10px 10px;
        margin:0 0 0 -7px; }

	#adc-abt {
		padding: 35px;
	}
	.mser{
		margin:75px 0px;
	}
	.serc-pd{
		padding:15px 0px;
	}
	.serc-pd-inn{
		padding:15px 0px;
	}
	.aru-servc {
		padding: 35px;
	}
	.aru-ser-cnt h3{
		font-size:18px;
	}
	.header-yl-bg h6{
		padding: 5px 0px;
		font-size:8px;
	}
	.spec-inc h3{
		line-height: 1.4;
	}
	.navbar{
		z-index:100;
		position:absolute!important;
		right:5px;
	}
	#adc-pk {
		padding: 250px 0px 45px;
	}
	#dt {
		padding: 250px 0px 45px;
	}
	.dt-inc p{
		color:#fff;
	}
	#footer{
		text-align:center;
	}
	.oo-lnk {
		text-align:center;
	}

	h3{
		font-size:18px!important;
	}
}
@media screen and (min-width:320px) and (max-width:768px){
	.vid-h3{
		top:10%;
		left:45%;
		z-index:99;
		background:url('../images/ply-icn.png') no-repeat center;
		background-size:80%;
	}
	.vid-ttl{
		font-size: 12px;
	}
	.navbar-collapse{
		background:#f2f2f2!important;
		z-index:999;
	}
	.navbar-toggle:hover{
		background:#ffd800!important;
	}
	.serc-pd{
		padding:15px 0px;
	}
	.serc-pd-inn{
		padding:15px 0px;
	}
	.mser{
		margin:50px auto;

	}
	.aru-servc {
		padding: 35px;
	}
	.tb-ln{
		visibility:hidden;
	}
	.panel-body{
		background:#fff;
	}
	.tab-icn{
		margin:-10px 10px;
		width:35px;
		height:35px;
		display:inline-block;
	}
	.active .ic-intro,.ic-intro,.active .ic-treat,.ic-treat,.active .ic-symp,.ic-symp,.active .ic-prev,.ic-prev,.active .ic-gal,.ic-gal {
		display:none;
	}
	.active a .ind {
		display:none;
	}
	.active a .indNew {
		display:none;
	}

	.tlt {
		padding: 0px 5px 0px 30px;
	}
	.ser-by {
		padding: 20px;
	}
	.tab-content {
		height:100%;
	}
	.tab-pane p img {
    padding: 10px 0px;
    width: 100%;
	}
	.ser-bdy{
		position:relative;
	}
	.lf-nav {
		z-index:9;
	}
	.nav-menu-icn{
		z-index:10;
	}
	.contet-part{display: grid!important;}
	.ban-lin-lft{margin: 10px!important;}
	.ban-lin-right{margin: 10px!important;}
	h1{font-size: 20px!important;}

}
@media screen and (min-width:481px) and (max-width:600px){
	.ipt input, select{
		width:235px!important;
	}
}
@media screen and (min-width:480px) and (max-width:786px){
	.tp{
		margin:110px 0px 10px;
	}
}
@media screen and (min-width:481px) and (max-width:768px){
	.in-r{
		width:50%!important;
		float:left;
	}
	.pop-inc{
		margin:20px 0px;
	}
	.ipt {
		margin:20px 0px;
	}
}
@media screen and (min-width:901px) and (max-width:1280px){
	#dt{
		padding:425px 0px 30px;
	}
.aru-ser-bc{width: 100%!important;}
.aru-ser-re{width: 100%!important;}
.aru-ser-imp{width: 100%!important;}
.ser-icn1, .ser-icn2, .ser-icn3 {left:45%!important;}
.adc-yl-in{width: 100%; display: flex!important;justify-content: center;float: none!important;}
 .fb-icn{margin: -13px 4px 0 0;}

    
	}

	@media screen and (min-width:768px) and (max-width:900px){
	.pk-inc{
		margin-top:-230px;
	}
	#dt{
		margin-top:-110px;
		padding:425px 0px 0px;
	}
	.dt-inc{
		margin-top:-165px;
	}
	.pop-inc{
		margin:50px 0px;
	}
	.ipt,select{
		margin:5px 0px;
	}
	.ipt input, select{
		margin:10px 0px;
	}
}
@media screen and (min-width:768px) and (max-width:1024px){
	.adc-lg{
		width:120px;
		height:50px;
	}
	.adc-lg img{
		max-width:100%;
	}
	.container-fluid{
		padding-right:0px!important;
	}
	.nav > li > a{
		padding:10px!important;
		font-size:12px!important;
	}
	.adc-bkap{
		font-size:11px;
	}
	.navbar-collapse{
		padding:0px!important;
	}
	.ban-lin-lft{
		margin:100px;
	}
	.ban-lin-right{
		margin:100px;
	}

	.ban-lin-lft h1, .ban-lin-right h1{
		font-size:30px!important;
	}

	h1{
		font-size:30px!important;
	}
	h3{
		font-size:16px!important;
	}
	.container{
		width:100% !important;
	}
}
@media screen and (min-width:320px) and (max-width:1200px){
	.ser-by{
		margin:0px;
	}
	.lf-nav{
		overflow-y:scroll;
	}
	.ser-bdy{
		background-repeat:repeat;
		width: 100%;
		background-color:#ffd600;
	}
	#service-bg{
		background-color:#ffd600;
	}

}
@media screen and (min-width:1600px){
	#adc-pk {
		padding: 600px 0px 45px!important;
	}
}

@media screen and (min-width:1024px){
	.resp-tab-active {
		border:none!important;
		background:transparent!important;
	}
	.resp-tab-content{
		border:none!important;
	}
}

/*-------------------------------*/
/*------- Responsive Ends -------*/
/*-------------------------------*/
.tlt{
	text-transform:uppecase;
	font-size:14px;
	line-height:2.5;
	font-weight:700;
}
.outofbox-logo{
	background:url('../images/outofbox-logo.png') no-repeat;
	display:block;
	width:50px;
	max-width:100%;
	height:25px;
	position:absolute;
	right:50px;
	top:20px;
	transition:all 1s ease-in;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-moz-transition:all 1s ease;
}
.outofbox-logo:hover{
	background:url('../images/outofbox-logo-hover.png') no-repeat;
}
.gal-img{
	position: relative;
	margin-top:25px;
	height: 170px;
	overflow: hidden;
}
.gal-img img{
	height: 100%;
	min-width:270px;
}
.panel-title img{
	width:35px;
	max-width:100%;
	margin-right:15px;
}
.mask{
	position:absolute;
	background:#000;
	opacity:0;
	width:270px;
	height:100%;
	top:0;
	visibility:hidden;
	transition:all 0.2s ease;
}
.gal-img:hover .mask{
	visibility:visible;
	opacity:0.6;
	transition:all 0.5s ease;
}
.gal-lnk{
	margin: 25px 0px;
}
.button1{
	border:2px solid #ffd600;
	border-radius:25px;
	padding:10px 15px;
	transition:all .3s ease-in-out;
}
.button1:hover{
	background-color:#ffd600;
	cursor:pointer;
}
.gal-lnk a:hover{
	text-decoration:none;
	color:#000!important;
}
.panel{
	box-shadow: 0 1px 1px rgba(0, 0, 0, .02)!important;
}
.gal-img:hover .icon{
	background:url('../images/plus.png')no-repeat;
	background-size:100%;
	margin: 95px auto;
	width:25px;
	height:25px;
	opacity:1;
	animation: shimmy 1s;
	-webkit-animation: shimmy 1s;
	-moz-animation:shimmy 1s;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
}
@keyframes shimmy {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-webkit-keyframes shimmy{
	0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@-moz-keyframes shimmy{
	0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}



/***about dental care icon css code start***/
.about-dentel-care-icon {
      background-color: #f3f0f0;
      width: 100%;
      display: flex;
	padding: 50px 0;
      justify-content: space-around;
      align-items: center;
    }
    .contet-part {
      display: flex;
      gap: 30px;
      flex-direction: row;
      width: 100%;
	  	justify-content:center;
    }
    .contet-part .box1 {
      position: relative;
      display: block;
      border: 1px solid #000;
      padding: 20px;
      border-radius: 10px;
      width:320px;
      text-align: center;

    }
    .contet-part .box1 h1,h2,h3,h4,h5,h6{margin: 0 0!important;padding: 0 0!important;}
    .box1 img{width: 60px;}
    .box1 a{text-decoration: none; color: #000; font-family: 'gotham_mediumregular' !important;}
    .box1 a:hover{color: rgb(255,214,0);}

/***about dental care icon css code end***/

/***whatsapp chat icon css code start***/
 .whatsapp_icon {
      width: 100%;
      display: flex;
    }
    .whatsapp_icon .contet-part {
      display: flex;
      gap: 30px;
      flex-direction: row;
      width: 100%;
      justify-content: end;
      align-items: flex-end;

    }
    .whatsapp_icon .contet-part .box1 {
      position:absolute;
     text-align: end;
	 z-index: 3;
	 border: 0px;
    }

    .whatsapp_icon .box1 img {
	position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    z-index: 1000;
    }
/***whatsapp chat icon css code start***/