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



.container{ width:300px;}

#banner { height:127px;}

#main_top { position:static;}

#banner { float:left;}

.top_icon{ width:85%;}

.top_icon a{ width:100%; font-size:12px; padding-bottom:3px; background-size:12px;}

.top_icon a.massage{ width:100%; padding-left:35px; font-size:12px; background-size:12px; background-position:0px 7px;}

.logo{ width:55%; padding:15px 0 0px;}

.logo img{ width:84%; height:auto;}

.top { padding:9px 0px;}

.nav{ overflow:visible; position:relative; padding:0px !important;}

.book{ width:30%; top:-61px; right:0px; position:absolute;}

.book a { font-size:12px;}

.nav{ position:relative; width:100%; float:left; padding:34px 0 0px;}

.nav .mobile_nav{ width:23px; height:23px; float:left; margin:0px; padding:5px 0 5px 30px; overflow:hidden; display:block; background: url(../images/mobile_menu_img.png) center center no-repeat; cursor:pointer; position:absolute; top:-25px; right:0px;}

.nav ul{ display:none;}

.nav ul li{ width:100%;}

.inner_banner_caption{ top:20%; }

.banner h2{ width:100%; font-size:15px; line-height:25px; padding:0px 0px;}

#about{ margin:10px 0 0;}

.about_us_left{ width:100%; padding:0px;}

.about_us_left p{ width:100%; font-size:12px; line-height:20px; padding:10px 0 0px; text-align:center;}

.about h1{ font-size:25px; }

/*.about h1::before{ left:32%;}*/

.service_img{ padding:20px 0px 0;}

.about_us_left span{ width:100% !important; font-size:12px; line-height:25px; padding:10px 0 0px; text-align:center;}

.read{ padding:10px 0 0px;}

.read a{ width:30%; float:none; margin:auto; text-align:center;}

.about_us_right{ width:70%; padding:20px 0px 0; margin:0 15%; float:none; text-align:center;}

.about_us_right img{ width:100%; height:auto;}

#treatments{ padding:20px 0px;}

.treatments h1{ font-size:25px;}

.treatments h1::before{ left:32%;}

.body ul{ padding:0px;}

.body ul li{ width:100%; margin:130px 0 0 0; padding:110px 0 35px;}

.treatments_img{ left:62px;}

.body ul li h3{ font-size:20px;}

.body ul li p{ font-size:12px; line-height:25px; width:92%; margin:0 4%; padding:10px 0 0px;}

.talking_left{ width:100%; padding:10px 0 0px;}

.talking_text{ width:100%; padding:10px 0 0px;}

.talking_text h1{ width:100%; font-size:25px; }

.talking_text h1::before{ left:32%; top:85%;}

.talking_img{ width:90%; padding:20px 0;}

.talking_img img{ width:100%; height:auto;}

.talking_right{ width:90%; padding:20px 0 0 20px;}

.talking_right::after{ width:50%; float:left;}

#footer{  padding:20px 0px; margin:0;}

.footer{ width:100%; padding:0px;}

.contact{ width:90%; padding:10px 0 0 10px;}

.contact img{width:70%;height:auto; text-align:center; margin:0 15%;}

.contact h3{ width:99%;}

.telephone{ width:95%; padding:20px 0 0 10px;}

.open{ width:97%; padding:10px 0 0px 10px; margin:0px;}

.open ul{ width:96%; padding:10px 10px 0 0px;}

.copy{ width:96%; margin:0 2%;}

.copy_right h5{ font-size:12px;}

.copy_right{ width:80%; text-align:center;}

.social_icon{ width:9%; padding:0px 0px;}

#home_banner { float:left;}

#home_banner .bx-wrapper .bx-viewport ul { margin:0px !important;}

.nav ul li a { font-size:14px;}

.nav ul li.current-menu-item a::before { top:84%;}



/*............about_page..........*/



#gallery{ padding:20px 0 0px;}

.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}



.about_us_right{ width:100%; margin:0px;}

.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:100%; padding:10px 0px;}

.gallery_img{ margin:auto; text-align:center;}



/*............about_page_end..........*/



/*............service..........*/



.service_text { padding-top:24px;}

.service_text p { width:100%; margin:0px;}

.service_img ul li { width:100%; padding:0 0 20px;}

.service_left { width:100%; text-align:center;}

.service_left img {width:23%;}

.service_right { width:100%; text-align:center;}

.service_right h3{ font-size:18px;}

.service_right p { width:100%; padding:0px;}

.now a { width:40%; font-size:15px;}

/*............service end..........*/



/*............meet the team..........*/

.meat_team ul li { width:100%; margin-bottom:20px;}

.meat_team_img img { width:100%; height:auto;}

.meat_team { padding-bottom:0px;}



/*............meet the team end..........*/


/*............prices..........*/

.price ul li { width:100%;}

.price ul { padding:0px;}

/*............prices end..........*/

.address_left  { width:100%; margin-bottom:10px;}

.address_right { width:100%;}

.address_left  { width:100%; margin-bottom:35px;}
.our p { font-size:12px;}

.call_left { width:100%; margin-bottom:30px;}

.address_right { width:100%;}

.row { width:90%; margin:0px 5% 0;}

.row p { width:90%; padding:23px 5% 0;}

.row_left input[type="text"], .row_left input[type="tel"], .row_left input[type="email"], .row_right input[type="text"], .row_right input[type="tel"], .row_right input[type="email"] { padding:10px 5px; width:95%;}
.row_left, .row_right { width:100%; padding-top:5px;}

.mess { padding-top:5px;}

.our h4 { font-size:15px;}

.call_left a { font-size:12px;}

.mess_next input[type="submit"] { padding:5px 0px; width:24%;}

.fore_area { padding-bottom:10px;}

#address { padding:20px 0px;}



} 

 

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



.container{ width:440px;}

#main_top { position:static;}

#banner { float:left; height:177px;}

.top_icon{ width:92%;}

.top_icon a{ width:41%; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.top_icon a.massage{ width:93%; float:right; font-size:12px; padding:5px 0 5px 26px; background-position:0 5px;}

.logo{ width:40%; padding:15px 0 0px;}

.logo img{ width:82%; height:auto;}

.nav{ overflow:visible; position:relative;}

.book{ width:20%; top:-67px; right:0px; position:absolute;}

.book a{ font-size:13px;}

.nav{ position:relative; width:100%; float:left; padding:34px 0 0px;}

.nav .mobile_nav{ width:23px; height:23px; float:left; margin:-27px 0px 0px; padding:5px 0 5px 30px; overflow:hidden; display:block; background: url(../images/mobile_menu_img.png) center center no-repeat; cursor:pointer; position:absolute; top:-5px; right:0px;}

.nav { padding:0px;}

.nav ul{ display:none;}

.nav ul li{ width:100%;}

.inner_banner_caption{ top:25%; }

.banner h2{ width:100%; font-size:20px; line-height:35px; padding:0px 0 0px;}

#about{ margin:10px 0 0;}

.about_us_left{ width:100%; padding:0px;}

.about_us_left p{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px; text-align:center;}

.about h1{ font-size:25px; }

.about h1::before{ left:38%;}

.about_us_left span{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.read a{ width:20%; float:none; margin:auto; text-align:center;}

.about_us_right{ width:100%; padding:20px 0px 0; margin:0; display:inline-block; text-align:center;}

.about_us_right img{ width:30%; height:auto;}

#treatments{ padding:20px 0px;}

.treatments h1{ font-size:25px;}

.treatments h1::before{ left:38%;}

.body ul{ padding:0px;}

.body ul li{ width:70%; margin:130px 15% 0; padding:120px 0 35px;}

.treatments_img{ left:60px;}

.body ul li h3{ font-size:20px;}

.body ul li p{ font-size:12px; line-height:25px; width:92%; margin:0 4%; padding:10px 0 0px;}

.talking_left{ width:100%; padding:10px 0 0px;}

.talking_text{ width:100%; padding:10px 0 0px;}

.talking_text h1{ width:100%; font-size:25px; }

.talking_text h1::before{ left:38%; top:85%;}

.talking_img{ width:90%; padding:20px 0;}

.talking_img img{ width:100%; height:auto;}

.talking_right{ width:60%; padding:20px 0 0 20px;}

.talking_right::after{ width:50%; float:left;}

.talking_right { width:90% !important;}

#footer{ width:100%; padding:20px 0px ;}

.footer{ width:100%; padding:0px;}

.contact{ width:97%; padding:10px 0 0 10px;}

.contact img{width:50%;height:auto; text-align:center; margin:0 25%;}

.contact h3{ width:99%;}

.telephone{ width:95%; padding:20px 0 0 10px;}

.open{ width:90%; padding:10px 5%; margin:0px;}

.open ul{ width:96%; padding:10px 10px 0 0px;}

.copy_right{ width:80%; text-align:center;}

.social_icon{ width:8%;}



/*............about_page..........*/



#gallery{ padding:20px 0 0px;}

.about_us_left.text > p { text-align:left; line-height:25px;}

#about .about_us_right img { width:70%;}

.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}





.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:48%; padding:10px 0px;}

.gallery_img img{ width:100%;}





/*............about_page_end..........*/



/*............service..........*/



.service_text { padding-top:24px;}

.service_text p { width:100%; margin:0px;}

.service_img ul li { width:100%;}

.service_left { width:100%; text-align:center;}

.service_left img {width:23%;}

.service_right { width:100%; text-align:center;}

.service_right h3{ font-size:18px;}

.service_right p { width:100%; padding:0px;}

/*............service end..........*/



/*............meet the team..........*/



.meat_team ul { display:inline-block; text-align:center;}

.meat_team ul li { width:60%; margin-bottom:20px; float:none; display:inline-block;}

.meat_team_img img { width:100%; height:auto;}

.meat_team { padding-bottom:0px;}



/*............meet the team end..........*/


/*............prices..........*/

.price ul { display:inline-block; text-align:center;}

.price ul li { width:84.3%; float:none; display:inline-block; margin:0px;}
.body_treatment { width:100%;}
.spray p { text-align:left;}

.now a { width:28%;}

.price ul { padding:0px;}

/*............prices end..........*/


.address_left  { width:100%; margin-bottom:10px;}

.address_right { width:100%;}

.address_left  { width:100%; margin-bottom:35px;}
.our p { font-size:12px;}

.call_left { width:100%; margin-bottom:30px;}

.address_right { width:100%;}

.row { width:90%; margin:0px 5% 0;}

.row p { width:90%; padding:23px 5% 0;}

.row_left input[type="text"], .row_left input[type="tel"], .row_left input[type="email"], .row_right input[type="text"], .row_right input[type="tel"], .row_right input[type="email"] { padding:10px 5px; width:98%;}
.row_left, .row_right { width:100%; padding-top:5px;}

.mess { padding-top:5px;}

.our h4 { font-size:15px;}

.call_left a { font-size:12px;}

.mess_next input[type="submit"] { padding:5px 0px; width:24%;}

.fore_area { padding-bottom:10px;}

#address { padding:20px 0px;}


}



@media only screen and (min-width: 510px) and (max-width: 639px) {



.container{ width:470px;}

#main_top { position:static;}

#banner { float:left; height:186px;}

.top_icon{ width:92%;}

.top_icon a{ width:40%; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.top_icon a.massage{ width:66%; float:left; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.logo{ width:40%; padding:15px 0 0px;}

.logo img{ width:100%; height:auto;}

.nav{ overflow:visible; position:relative;}

.book{ width:22%; top:-67px; right:0px; position:absolute;}

.book a{ font-size:15px;}

.nav{ position:relative; width:100%; float:left; padding:34px 0 0px;}

.nav .mobile_nav{ width:23px; height:23px; float:left; margin:0px; padding:5px 0 5px 30px; overflow:hidden; display:block; background: url(../images/mobile_menu_img.png) center center no-repeat; cursor:pointer; position:absolute; top:-5px; right:0px;}

.nav ul{ display:none;}

.nav ul li{ width:100%;}

.banner h2{ width:100%; font-size:20px; line-height:35px; padding:73px 0 80px;}

#about{ margin:20px 0 0;}

.about_us_left{ width:100%; padding:0px;}

.about_us_left p{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px;}

.about h1{ font-size:25px; }

.talking_text { width:100%; padding-left:0px;}

.talking_text h1 { width:100%;}

.talking_text h1::before { left:37%;}



.about_us_left span{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.read a{ width:20%; float:none; margin:auto; text-align:center;}

.about_us_right{ width:100%; padding:20px 0px 0; margin:0 0; display:inline-block; text-align:center;}

.about_us_right img{ width:30%; height:auto;}

#treatments{ padding:20px 0px;}

.treatments h1{ font-size:25px;}

.body ul{ padding:0px;}

.body ul li{ width:70%; margin:130px 15% 0; padding:150px 0 35px;}

.treatments_img{ left:62px;}

.body ul li h3{ font-size:20px;}

.body ul li p{ font-size:12px; line-height:25px; width:92%; margin:0 4%; padding:10px 0 0px;}

.talking_left{ width:100%; padding:10px 0 0px;}

.heading{ width:100%; padding:10px 0 0px;}

.heading h1{ width:100%; font-size:25px; }

.heading h1::before{ left:100px;}

.talking_img{ width:90%; padding:20px 0;}

.talking_img img{ width:100%; height:auto;}

.talking_right{ width:60%; padding:20px 0 0 20px;}

.talking_right::after{ width:50%; float:left;}

.talking_right { width:90% !important;}

.footer{ width:100%; padding:0px;}

.contact{ width:97%; padding:10px 0 0 10px;}

.contact img{width:50%;height:auto; text-align:center; margin:0 25%;}

.contact h3{ width:99%;}

.telephone{ width:95%; padding:20px 0 0 10px;}

.open{ width:90%; padding:10px 5%; margin:0px;}

.open ul{ width:96%; padding:10px 10px 0 0px;}

.copy_right{ width:80%; text-align:center;}

.social_icon{ width:8%;}


.nav .mobile_nav { margin-top:-6% !important;}


/*............about_page..........*/



#gallery{ padding:20px 0 0px;}

.about_us_left.text > p { text-align:left; line-height:25px;}

#about .about_us_right img { width:70%;}

.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}





.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:48%; padding:10px 0px;}

.gallery_img img{ width:100%;}



/*............about_page_end..........*/



/*............service..........*/



.service_img ul li, .service_right p { width:100%; font-size:13px; line-height:16px;}

.service_right h3 { font-size:20px; padding:0px;}

.read a { width:25%; float:left; font-size:12px; padding:3px 0px;}

.service_text p{ width:100%; margin:0px;}

/*............meet the team..........*/



/*.about h1::before { left:37%;}*/
.service_text{ padding:20px 0 0px;}

.service_img{ padding:20px 0 0px;}

.service_img ul li{ padding:0 0 30px;}

.meat_team ul { display:inline-block; text-align:center;}

.meat_team ul li { width:60%; margin-bottom:20px; float:none; display:inline-block;}

.meat_team_img img { width:100%; height:auto;}

.meat_team { padding-bottom:0px;}



.meat p { width:97%; margin:0px 1%;}

.meat_team .owner p { width:100%;}



/*............meet the team end..........*/
/*............prices..........*/

.price ul { display:inline-block; text-align:center;}

.price ul li { width:78%; float:none; display:inline-block;}
.body_treatment { width:100%;}
.spray p { text-align:left;}

.now a { width:28%;}
.price ul { padding:0px;}

/*............prices end..........*/


.address_left  { width:100%; margin-bottom:10px;}

.address_right { width:100%;}

.row { width:90%; margin:0px 5% 0;}

.row p { width:90%; padding:23px 5% 0;}

.row_left input[type="text"], .row_left input[type="tel"], .row_left input[type="email"], .row_right input[type="text"], .row_right input[type="tel"], .row_right input[type="email"] { padding:10px 5px;}

.mess_next input[type="submit"] { padding:5px 0px; width:24%;}

.fore_area { padding-bottom:10px;}

#address { padding:20px 0px;}


}



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

.price ul { padding:0px;}

.container{ width:610px;}

#main_top { position:static;}

#banner { float:left; height:235px;}

.top_icon{ width:92%;}

.top_icon a{ width:30%; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.top_icon a.massage{ width:60%; float:right; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.logo{ width:30%; padding:15px 0 0px;}

.logo img{ width:80%; height:auto;}

.nav{ overflow:visible; position:relative;}

.book{ width:18%; top:-66px; right:0px; position:absolute;}

.book a{ font-size:13px; padding:5px 0px;}

.nav{ position:relative; width:100%; float:left; padding:34px 0 0px;}

.nav .mobile_nav{ width:23px; height:23px; float:left; margin:0px; padding:5px 0 5px 30px; overflow:hidden; display:block; background: url(../images/mobile_menu_img.png) center center no-repeat; cursor:pointer; position:absolute; top:-34px; right:0px;}

.nav ul{ display:none;}



.nav ul li{ width:100%;}

.inner_banner_caption{ top:34%; }

.banner h2{ width:63%; font-size:20px; line-height:35px; padding:0px;}

#about{ margin:20px 0 0;}

.about_us_left{ width:62%; padding:0px;}

.about_us_left p{ width:100%; font-size:12px; line-height:20px; padding:20px 0 0px;}

.about h1{ font-size:25px; }

/*.about h1::before{ left:41%;}*/

.about_us_left span{ width:100%; font-size:12px; line-height:20px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.talking_text { width:100%; padding-left:0px;}

.talking_text h1 { width:100%;}

.talking_text h1::before { left:37%;}



.about_us_left span{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px;}

.read{ padding:20px 0 0px;}

.read a{float:none; margin:auto; text-align:center; padding:6px 15px;}

.about_us_right{ width:38%; padding:20px 0px 0; margin:0 0; display:inline-block; text-align:center;}

.about_us_right img{ width:75%; height:auto; margin-bottom:-4px;}

#treatments{ padding:20px 0px;}

.treatments h1{ font-size:25px;}

.treatments h1::before { left:41%;}

.body ul{ padding:0px;}

.body ul li{ width:70%; margin:130px 15% 0; padding:150px 0 35px;}

.treatments_img{ left:88px;}

.body ul li h3{ font-size:20px;}

.body ul li p{ font-size:12px; line-height:25px; width:92%; margin:0 4%; padding:10px 0 0px;}

.talking_left{ width:100%; padding:10px 0 0px;}

.heading{ width:100%; padding:10px 0 0px;}

.heading h1{ width:100%; font-size:25px; }

.heading h1::before{ left:100px;}

.talking_img{ width:90%; padding:20px 0;}

.talking_img img{ width:100%; height:auto;}

.talking_right{ width:90%; padding:20px 0 0 20px;}

.talking_right::after{ width:50%; float:left;}

.footer{ width:100%; padding:0px;}

.contact{ width:45%; padding:10px 0 0 10px;}

.contact img{width:50%;height:auto; text-align:center; margin:0 25%;}

.contact h3{ width:99%;}

.telephone{ width:95%; padding:20px 0 0 10px;}

.open{ width:40%; padding:10px 5%; margin:0px;}

.open ul{ width:96%; padding:10px 10px 0 0px;}

.copy_right{ width:80%; text-align:center;}

.social_icon{ width:8%;}

.nav { padding:0px;}



/*............about_page..........*/



#gallery{ padding:20px 0 0px;}

.about_us_left.text > p { text-align:left; line-height:25px;}

#about .about_us_right img { width:70%;}

.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}





.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:48%; padding:10px 0px;}

.gallery_img img{ width:100%;}





/*............about_page_end..........*/



/*............service..........*/

.service_img ul li, .service_right p { width:100%; font-size:14px; line-height:20px;}

.service_right h3 { font-size:20px; padding:0px;}

.read a { width:25%; float:left; font-size:12px; padding:3px 0px;}

.service_text p{ width:100%; margin:0px;}
.service_text{ padding:20px 0 0;}
.service_img{ padding:20px 0 0px;}
.service_img ul li{ padding:0 0 30px;}



/*............meet the team..........*/



.meat_team ul { display:inline-block; text-align:center;}

.meat_team ul li { width:30%; margin-bottom:20px; float:none; display:inline-block;}

.meat_team_img img { width:100%; height:auto;}

.meat_team { padding-bottom:0px;}



.meat p { width:97%; margin:0px 1%;}

.meat_team .owner p { width:100%;}



/*............meet the team end..........*/



/*............prices..........*/

.price ul { display:inline-block; text-align:center;}

.price ul li { width:60%; float:none; display:inline-block;}
.body_treatment { width:100%;}
.spray p { text-align:left;}


.now a { width:21%;}


/*............prices end..........*/


.address_left  { width:100%; margin-bottom:10px;}

.address_right { width:100%;}

.row p { width:90%; padding:23px 5% 0;}
.row_left input[type="text"], .row_left input[type="tel"], .row_left input[type="email"], .row_right input[type="text"], .row_right input[type="tel"], .row_right input[type="email"] { padding:10px 5px;}

.mess_next input[type="submit"] { padding:5px 0px; width:24%;}


#footer{ padding:20px 0px;}
}





@media only screen and (min-width: 768px) and (max-width: 959px) {

.container{ width:740px;}

#main_top { position:static;}

#banner { float:left; height:282px;}

.top_icon{ width:92%;}

.top_icon a{ width:25%; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.top_icon a.massage{ width:66%; float:right; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.logo{ width:30%; padding:15px 0 0px;}

.logo img{ width:70%; height:auto;}

.nav{ overflow:visible; position:relative;}

.book{ width:14%; top:-75px; right:0px; position:absolute;}

.book a{ font-size:14px; padding:5px 0px;}

.nav{ position:relative; width:100%; float:left; padding:34px 0 0px;}

.nav .mobile_nav{ width:23px; height:23px; float:left; margin:0px; padding:5px 0 5px 30px; overflow:hidden; display:block; background: url(../images/mobile_menu_img.png) center center no-repeat; cursor:pointer; position:absolute; top:-34px; right:0px;}

.nav ul{ display:none;}



.nav ul li{ width:100%;}

.inner_banner_caption{ top:34%; }

.banner h2{ width:63%; font-size:20px; line-height:35px; padding:0px 0 0px 0px;}

#about{ margin:20px 0 0;}

.about_us_left{ width:52%; padding:0px;}

.about_us_left p{ width:100%; font-size:12px; line-height:20px; padding:20px 0 0px;}

.about h1{ font-size:25px; }

/*.about h1::before{ left:41%;}*/

.about_us_left span{ width:100%; font-size:12px; line-height:20px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.talking_text { width:100%; padding-left:0px;}

.talking_text h1 { width:100%; font-size:20px;}

.talking_text h1::before { left:37%;}



.about_us_left span{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.read a{float:none; margin:auto; text-align:center; padding:3px 6px;}

.about_us_right{ width:42%; padding:20px 0px 0; margin:0 0; display:inline-block; text-align:center;}

.about_us_right img{ width:57%; height:auto;}

#treatments{ padding:20px 0px;}

.treatments h1{ font-size:25px;}

.treatments h1::before { left:41%;}

.body ul{ padding:0px;}

.body ul li{ width:31%; margin:130px 1% 0; padding:100px 0 35px;}

.treatments_img{ left:19%; top:-19%;}

.body ul li h3{ font-size:20px;}

.body ul li p{ font-size:12px; line-height:25px; width:92%; margin:0 4%; padding:10px 0 0px;}

.talking_left{ width:36%; padding:10px 0 0px;}

.heading{ width:100%; padding:10px 0 0px;}

.heading h1{ width:100%; font-size:25px; }

.heading h1::before{ left:100px;}

.talking_img{ width:90%; padding:20px 15%;}

.talking_img img{ width:60%; height:auto;}

.talking_right{ width:60%; padding:20px 0 0 20px;}

.talking_right::after{ width:50%; float:left;}

.footer{ width:100%; padding:0px;}

.contact{ width:45%; padding:10px 0 0 10px;}

.contact img{width:50%;height:auto; text-align:center; margin:0 25%;}

.contact h3{ width:99%;}

.telephone{ width:95%; padding:20px 0 0 10px;}

.open{ width:45%; padding:10px 5%; margin:0px;}

.open ul{ width:96%; padding:10px 10px 0 0px;}

.copy_right{ width:80%; text-align:center;}

.social_icon{ width:8%;}

.readmore a { width:40%;}

.contact:last-child { width:40%;}





/*............about_page..........*/



#gallery{ padding:20px 0 0px;}



.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}



.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:100%; padding:10px 0px;}

.gallery_img{ margin:auto; text-align:center;}



/*............about_page..........*/



#gallery{ padding:20px 0 0px;}

.about_us_left.text > p { text-align:left; line-height:25px;}

#about .about_us_right img { width:70%;}

.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}





.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:23%; padding:10px 0px;}

.gallery_img img{ width:100%;}





/*............about_page_end..........*/



/*............service..........*/

.service_right h3 { font-size:15px; padding:0px;}

.read a { width:25%; float:left; font-size:12px;}

.service_right p { font-size:12px; padding-top:3px;}

.service_img { padding:20px 0 0px;}
.service_text{ padding:20px 0 0px;}
.service_text p{ width:100%; margin:0px;}
.service_img ul li{ padding:0 0 30px;}


/*............meet the team..........*/



.meat_team ul { display:inline-block; text-align:center;}

.meat_team ul li { width:30%; margin-bottom:20px; float:none; display:inline-block;}

.meat_team_img img { width:100%; height:auto;}

.meat_team { padding-bottom:0px;}



.meat p { width:97%; margin:0px 1%;}

.meat_team .owner p { width:100%;}



/*............meet the team end..........*/




.price_img img  { width:100%; height:auto;}

.body_treatment h4 { font-size:16px;}
.spray p { font-size:12px;}

.now a { width:15%;}

#footer{ padding:20px 0px;}

}



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

.container{ width:910px;}

#main_top { position:static;}

#banner { float:left; height:353px;}

.top_icon{ width:92%;}

.top_icon a{ width:19%; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.top_icon a.massage{ width:66%; float:right; font-size:12px; padding:5px 0 5px 25px; background-position:0 5px;}

.logo{ width:30%; padding:15px 0 0px;}

.logo img{ width:60%; height:auto;}

.nav{ overflow:visible; position:relative;}

.book{ width:10%; top:-72px; right:0px; position:absolute;}

.book a{ font-size:14px; padding:5px 0px;}

.nav{ position:relative; width:100%; float:left; padding:34px 0 0px;}

.nav .mobile_nav{ width:23px; height:23px; float:left; margin:0px; padding:5px 0 5px 30px; overflow:hidden; display:block; background: url(../images/mobile_menu_img.png) center center no-repeat; cursor:pointer; position:absolute; top:-34px; right:0px;}

.nav ul{ display:none;}



.nav ul li{ width:100%;}

.inner_banner_caption{ top:34%; }

#home_banner .bx-viewport{ float:left; }

.banner h2{ width:63%; font-size:20px; line-height:35px; padding:0px 0 0px 0px;}

#about{ margin:20px 0 0;}

.about_us_left{ width:52%; padding:0px;}

.about_us_left p{ width:100%; font-size:12px; line-height:20px; padding:20px 0 0px;}

.about h1{ font-size:25px; }

/*.about h1::before{ left:41%;}*/

.about_us_left span{ width:100%; font-size:12px; line-height:20px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.talking_text { width:100%; padding-left:0px;}

.talking_text h1 { width:100%; font-size:24px;}

.talking_text h1::before { left:32%;}



.about_us_left span{ width:100%; font-size:12px; line-height:25px; padding:10px 0 0px;}

.read{ padding:10px 0 0px;}

.read a{float:none; margin:auto; text-align:center; padding:6px 15px;}

.about_us_right{ width:42%; padding:20px 0px 0; margin:0 0; display:inline-block; text-align:center;}

.about_us_right img{ width:57%; height:auto;}

#treatments{ padding:20px 0px;}

.treatments h1{ font-size:25px;}

.treatments h1::before { left:44%;}

.body ul{ padding:0px;}

.body ul li{ width:31%; margin:130px 1% 0; padding:115px 0 35px;}

.treatments_img{ left:19%; top:-19%;}

.body ul li h3{ font-size:20px;}

.body ul li p{ font-size:12px; line-height:25px; width:92%; margin:0 4%; padding:10px 0 0px;}

.talking_left{ width:36%; padding:10px 0 0px;}

.heading{ width:100%; padding:10px 0 0px;}

.heading h1{ width:100%; font-size:25px; }

.heading h1::before{ left:100px;}

.talking_img{ width:80%; padding:20px 65px 0px;}

.talking_img img{ width:65%; height:auto;}

.talking_right{ width:60%; padding:20px 0 0 20px;}

.talking_right::after{ width:50%; float:left;}

.footer{ width:100%; padding:0px;}

.contact{ width:45%; padding:10px 0 0 10px;}

.contact img{width:50%;height:auto; text-align:center; margin:0 25%;}

.contact h3{ width:99%;}

.telephone{ width:95%; padding:20px 0 0 10px;}

.open{ width:45%; padding:10px 5%; margin:0px;}

.open ul{ width:96%; padding:10px 10px 0 0px;}

.copy_right{ width:80%; text-align:center;}

.social_icon{ width:8%;}

.readmore a { width:40%;}

.contact:last-child { width:40%;}

.nav { padding:0px;}





/*............about_page..........*/



#gallery{ padding:20px 0 0px;}

.about_us_left.text > p { text-align:left; line-height:25px;}

#about .about_us_right img { width:70%;}

.gallery h1::before{ left:32%;} 

.gallery h1{ font-size:25px;}





.inner{ padding:10px 0 0px;}



.gallery_page{ padding:20px 0px;}

.gallery_page ul{ padding:0px;}

.gallery_page ul li{ width:23%; padding:10px 0px;}

.gallery_img img{ width:100%;}





/*............about_page_end..........*/



/*............service..........*/

.service_right h3 { font-size:20px; padding:0px;}

.read a { float:left; padding:3px 6px;}

.service_right p { font-size:12px; padding-top:3px;}

.service_img { padding:20px 0 0px;}
.service_text{ padding:20px 0 0px; }

.service_img ul li{ padding:0 0 20px;}


/*............meet the team..........*/



.meat_team ul { display:inline-block; text-align:center;}

.meat_team ul li { width:30%; margin-bottom:20px; float:none; display:inline-block;}

.meat_team_img img { width:100%; height:auto;}

.meat_team { padding-bottom:0px;}



.meat p { width:97%; margin:0px 1%;}

.meat_team .owner p { width:100%;}



/*............meet the team end..........*/


.price_img img  { width:100%; height:auto;}

.body_treatment h4 { font-size:16px;}
.spray p { font-size:12px;}

.now a { width:15%;}

#footer{ padding:20px 0 0px;}


}

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

#header { background:#000;}



}

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


.nav { padding:0px !important;}

.nav ul li a { font-size:14px !important;}
#home_banner { float:left;}

#home_banner .bx-wrapper .bx-viewport ul { margin:0px !important;}


}