body{ margin:0; padding: 0;font-family: 'Roboto', sans-serif;    margin-top: 137px; }
img{ max-width: 100%; }

/*HEADER START*/
header{ background-color: #fff;
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0px;}
ul.header_topsec{ background-color: #148e97; color: #fff;padding: 5px 0;margin-bottom: 0px; padding-left: 20px;text-align: right; }
ul.header_topsec li{     list-style: none;
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #20b2bd;
    font-size: 15px;
    font-weight: normal; }
ul.header_topsec li:last-child{border:none;}
ul.header_topsec li a{text-decoration: none; color:#fff; }
ul.header_topsec li a:hover{ color: #ccf8fd; }
.nav{margin-bottom: 0px;}
.nav ul{ float: right; }
.nav ul li { display: inline-block; padding: 12px 15px; }
.nav ul li a{color: #148f99;font-size: 19px;font-weight: 400;text-decoration: none;background-color: transparent;}
.nav ul li a:hover{color: #000;}
.nav ul li.active a{ color:#000; }

.nav ul li{position:relative;}
.nav ul li ul{position:absolute;top:100px;left:13px;width:200px;background:#ccf8fd;color:#fff;border-radius:3px;z-index:99;
					padding:10px 20px;transition:all 0.5s ease;text-align:left;visibility:hidden;opacity:0;}
.nav ul li ul li{display:block;margin:0;}
.nav ul li ul li a{color:#000;display:block;padding:0;font-size:14px;line-height:1.5;}
.nav ul li ul li a:hover{color:#148e97;} 
.nav ul li:hover ul{opacity:1;visibility:visible;top:63px; }


.nav ul li ul li ul{ position: absolute; visibility: hidden !important; top:0px !important; left:180px; right: 0; opacity: 0 	!important;}
.nav ul li ul li ul li{ display: block; }
.nav ul li ul li:hover ul{ visibility: visible !important; opacity: 1 !important; }


ul.navbar-fixed-top { margin-bottom: 0px; padding-bottom:0px; margin-top: 5px; padding: 0px; }

.mainHeader { margin-top: 20px; margin-bottom: 20px; }

.banner { position: relative; text-align: center; background: #9edde2; }
.banner h1{ position: absolute;top: 50%;right: 18%;transform: translateY(-50%);font-size: 35px;color: #fff;line-height: 2; line-height: 40px; }
.pagebanner { min-height: 150px; background: #9edde2;}


/*HEADER END*/

/*BOXES SECTION*/
.box_sec{ padding: 80px 0; }
.boxes {border: 1px solid #e5e5e4; max-width: 300px;    min-height: 227px; margin-bottom: 20px !important; margin: 0 auto;}
.boxes h3{ padding: 10px; text-transform: uppercase; padding-bottom: 0;color: #148f99;line-height: 1.5; font-size: 16px; font-weight: 700; min-height:60px; }
.boxes p{ font-size: 14px; padding: 10px;padding-bottom: 0; min-height: 115px; margin-bottom: 0px; font-weight: 300; margin-bottom: 14px; }
.boxes a{ padding-top: 0; padding: 10px; font-size: 12px;display: inline-block;}
.boxes a:hover{color: #148f99;}
.box_sec ul{ padding:0; }
.box_sec ul li{ width: 32.3%; display: inline-block; vertical-align: top;margin-bottom: 45px; }
.boxes p a { margin-top: 10px; display: inline-block; }
/*BOXES SECTION*/

/*MAP SECTION*/
.map_sec{ background-color: #ccf8fd; padding: 80px 0;   }
.map_sec .maparea_content h3{ font-size: 20px;color: #148f99; font-weight: 600; padding: 0px 0 10px 0; }
.map_sec .maparea_content p{ font-size: 13px; }
/*MAP SECTION*/


/*CONTACT SECTION*/
.contact_sec{ padding:80px 0; }
.contact_sec h2{ color:#148f99; font-size: 30px; }
.contact_sec p{ line-height: 2;}
.contact_sec p span{ color: #148f99; }

/*CONTACT SECTION*/

/*APPOINTMENT START*/
.appointment_sec{ padding: 80px 0; }
.appointment_sec h2{ font-size: 40px; color: #148f99; }
#appointment_form input[type="text"], #appointment_form input[type="number"],
#appointment_form input[type="email"] 
{ margin-top: 30px;outline: 0; box-shadow: none;border-radius: 0; border: 0; background: transparent; 
			border-bottom: 1px solid #000; }
#appointment_form textarea{ width: 100%;  resize: none; margin: 30px 0; outline: none;  }
.appointment_sec #submit{ color: #fff; background-color: #148e97;font-size: 18px; padding: 5px 25px; margin-top: 20px;border:1px solid #148e97;  }
.appointment_sec #submit:hover{ background-color: #fff; color: #148e97;  }
/*APPOINTMENT END*/

/*CHEMICAL PEELS START*/
#chemicalpage p{ padding-top: 10px;}
#chemicalpage h4{ margin-bottom: 0; }
#chemicalpage h5{ margin: 20px 0; }
.alumier_img{ max-width: 400px;margin: 0 auto;margin-top: 20px;margin-bottom: 25px; }
.alumier_rightpara{padding-top: 100px;}



/*CHEMICAL PEELS END*/

/*FOOTER START*/
footer{ background-color: #148e97; padding: 30px 0 10px 0; font-weight:300; }
.footer_contactsec{ color:#fff; padding-top: 20px; }
.footer_contactsec a{ color: #ccf8fd; }
.footer_nav ul { float: left; padding:0;padding-top: 20px; text-transform: uppercase; }
.footer_nav ul li{ display: inline; padding: 0 10px; border-right: 1px solid #fff; }
.footer_nav ul li:last-child{ border-right: none; }
.footer_nav ul li:first-child{padding-left:0;}
.footer_nav ul li a{ color: #fff; }
.footer_nav ul li a:hover{ text-decoration: none; color: #ccf8fd;}
.footer_hostingby { font-size: 12px; margin-top: 57px; text-align: center; color: #fff;}
/*FOOTER END*/



/*MY STYLE START*/
.section_padding { padding: 80px 0;}
.content_padding{ padding-bottom: 30px; }
.laser_hair_removal p, .hyperhidrosis_sec p, .sclerotherapy_sec p, .latisse_sec p, .obaji_sec p,
.compressionsocks_sec p{font-size: 14px;}
.compressionsocks_sec small{ padding-bottom: 20px; }
.obaji_sec p strong{ font-size: 16px; line-height: 1.5; }
.hyperhidrosis_sec h2, .latisse_sec h2, .obaji_sec h2{ padding-bottom: 25px; color: #148e97; }
 .compressionsocks_sec h2{ padding-bottom: 25px; color: #148e97; margin-bottom: 0; }
.img_center { text-align: center; margin-bottom: 20px;}
.img_paddingbtm img{ padding-bottom: 20px; }
.sclerotherapy_sec p{ padding-top: 35px; }
label.error{ color:#f00; }

/*MY STYLE END*/

/*MEDIA START*/

@media(max-width:1440px)
{
	.banner h1 { right: 16%; font-size: 30px;}
}

@media(max-width:1200px)
{
	.nav ul li { padding: 10px 12px;}
	.nav ul li a{ font-size: 16px; }
    .box_sec ul { text-align: center; }
	.banner h1 { font-size: 26px; right: 14%; }
	.box_sec ul li { width: 30%; padding-bottom: 0px; margin-bottom: 0px;  }
	.boxes p { min-height: 110px; }
}


@media(max-width:1024px)
{
	.nav ul{ padding-left: 0; float: right; }
	.nav ul li{ padding: 5px 10px; }
	.nav ul li a { font-size: 16px;}

	.banner h1{ font-size: 25px; right:5%; }

	.boxes h3{font-size: 16px;}

	.map, .map iframe{height: 100%;}

	.footer_nav ul li{padding: 0 5px; font-size: 14px;}
	.mainHeader .col-md-4, .mainHeader .col-md-8 { width: 100%; text-align: center; }

	
}

@media(max-width:990px)
{

	.box_sec .col-sm-6 { width: 50% !important;     -webkit-box-flex: unset !important;
    -ms-flex: unset !important;
    flex: unset !important;
    max-width: unset !important; }

}


@media(max-width:840px)
{
	.banner h1 { right: 12%; font-size: 20px;}
}

@media(max-width:770px){
	.nav,.header_topsec{ display: none; }

	.banner h1{     font-size: 16px;
    right: 53px;
    line-height: 22px; }

	.box_sec {  padding: 60px 0; }

	.maparea_content{ padding: 10px 20px; }
.rd-mobilepanel_toggle { top: 27px !important; }
.box_sec ul li {  width: 100%; padding-bottom: 30px; margin-bottom: 20px; }
body {     margin-top: 109px; }
}

@media(max-width:535px)
{
	.banner h1 { right: 10%; font-size: 20px;}
}

@media(max-width:600px)
{
	.map iframe{ max-height: 200px; padding-bottom: 20px; display: block;}

	.banner h1{ font-size: 12px; right:10%; }
}

@media(max-width:425px)
{
	.banner h1{ font-size: 10px; right:35px; }
}

@media(max-width:375px)
{
	.banner h1{ font-size: 10px; right:5%; }
}

@media(max-width:320px)
{
	.logo{ visibility: hidden; }
	header{ background-color: transparent; }

	.banner h1{ font-size: 9px; right:12px; }
}



/*MEDIA END*/