.clear{ clear:both; height:1px;}





::-webkit-input-placeholder{color:#757977;}



:-moz-placeholder{color:#757977;}



::-moz-placeholder{color:#757977;}



:-ms-input-placeholder{color:#757977;}



@font-face {

    font-family: 'swis721_md_btmedium';

    src: url('../fonts/swz721m-webfont.eot');

    src: url('../fonts/swz721m-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/swz721m-webfont.woff') format('woff'),

         url('../fonts/swz721m-webfont.ttf') format('truetype'),

         url('../fonts/swz721m-webfont.svg#swis721_md_btmedium') format('svg');

    font-weight: normal;

    font-style: normal;



}





@font-face {

    font-family: 'swis721_th_btthin';

    src: url('../fonts/swz721t-webfont.eot');

    src: url('../fonts/swz721t-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/swz721t-webfont.woff') format('woff'),

         url('../fonts/swz721t-webfont.ttf') format('truetype'),

         url('../fonts/swz721t-webfont.svg#swis721_th_btthin') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'swis721_lt_btlight';

    src: url('../fonts/tt0001m_-webfont.eot');

    src: url('../fonts/tt0001m_-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/tt0001m_-webfont.woff') format('woff'),

         url('../fonts/tt0001m_-webfont.ttf') format('truetype'),

         url('../fonts/tt0001m_-webfont.svg#swis721_lt_btlight') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'HelveticaLTStdCondensed';

    src: url('../fonts/helveticaltstd-cond.eot');

    src: url('../fonts/helveticaltstd-cond.eot') format('embedded-opentype'),

         url('../fonts/helveticaltstd-cond.woff') format('woff'),

         url('../fonts/helveticaltstd-cond.ttf') format('truetype'),

         url('../fonts/helveticaltstd-cond.svg#HelveticaLTStdCondensed') format('svg');

}

@font-face {

    font-family: 'helveticaUltraLight';

    src: url('../fonts/helveticaneueltstd-ultlt.eot');

    src: url('../fonts/helveticaneueltstd-ultlt.eot') format('embedded-opentype'),

         url('../fonts/helveticaneueltstd-ultlt.woff') format('woff'),

         url('../fonts/helveticaneueltstd-ultlt.ttf') format('truetype'),

         url('../fonts/helveticaneueltstd-ultlt.svg#helveticaUltraLight') format('svg');

}

::scrollbar {
    width: 7px;
}
::scrollbar-track {
    background-color: transparent;
   
}
::scrollbar-thumb {
    background-color: #6db142;
}
::scrollbar-thumb:hover {
  background-color: #aaa;
}


::-moz-scrollbar {
    width: 7px;
}
::-moz-scrollbar-track {
    background-color: transparent;
   
}
::-moz-scrollbar-thumb {
    background-color: #6db142;
}
::-moz-scrollbar-thumb:hover {
  background-color: #aaa;
}



::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background-color: transparent;
   
}
::-webkit-scrollbar-thumb {
    background-color: #6db142;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #aaa;
}



body{margin:0; padding:0; font-family:'swis721_lt_btlight', Arial, Helvetica, sans-serif; }

img{border:none;}

a:link, a:visited{text-decoration:none;}

.clear{clear:both; height:1px;}

.responsive-slider {

  width: 100%;

  position: relative;

  margin-top:85px;

}
.product-detail {
    height: 100vh !important;
        position: absolute;
    right: 0;
}

.responsive-slider .touch-surface {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.responsive-slider .slides {

  position: relative;

  overflow: hidden;

}

.responsive-slider .slides ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

  white-space: nowrap;

  font-size: 0;

}

.responsive-slider .slides ul li {

  display: inline-block;

  width: 100%;

}

.responsive-slider .slides ul li .slide-body {

  display: inline-block;

  position: relative;

  width: 100%;

  font-size: 14px;

  top:0px;



}





.responsive-slider .slides ul li .slide-body img {

  width: 100%;

}

.responsive-slider .slides ul li .slide-body .caption {

  position: absolute;

  color: #208737;

}

.responsive-slider .slides ul li .slide-body .caption.header {

	top: 26%;

	right: 10%;

}

.responsive-slider .slides ul li .slide-body .caption.header h2 {

  font-size: 40px;

}

  .responsive-slider .slides ul li .slide-body .caption.header h2 i {font-size: 35px;}

  .slide-body img{width:100%; height:auto;}

  .close{position:absolute; right:10px; top:10px; cursor:pointer;}

  .close_pro{position:absolute; left:5px; top:5px; cursor:pointer;}

  .mob-foot{display:none; position:fixed; bottom:0px; left:0px; width:100%; background:#208737; z-index:9999999;}

  .mob-foot .half{width:48%; padding:0px 1%; float:left; font:12px/30px 'swis721_lt_btlight', Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; text-align:center;}

  .mob-foot .half a{font:12px/30px 'swis721_lt_btlight', Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; display:block;}

  

  .showimg a img{width:160px;}

  .qty{text-align:left; color:#008035; font-size:13px !important; font-weight:bold !important; padding:0 10% 0 15px !important; margin:0 0 5px !important;}

@media (min-width: 481px) and (max-width: 767px) {

  .responsive-slider .slides ul li .slide-body .caption.header h2 {font-size: 25px;}

  .responsive-slider .slides ul li .slide-body .caption.header h2 i {font-size: 20px;}

  #mob-menu{height:275px; overflow-x:hidden; overflow-y:scroll; width:60% !important; right:0;}

}

@media (max-width: 480px) {

	

	

	

	

	

	.s-face{ width:100% !important; background:url(../img/face.jpg) no-repeat; height:50%; float:left; background-size:100%; position:relative;}

.s-body{ width:100% !important; background:url(../img/body.jpg) no-repeat; height:50%; float:left; background-size:100%;}

/*.salon-service ul{ position:absolute; right:-52px !important; top:-35px !important; }*/

.salon-service ul li{ list-style:none; color:#333;	 padding:5px 20px; font:16px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important;}

.salon-service ul li.active{ color:#FFF; font:24px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important;}

.salon-service ul li:last-child{ font:10px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important; margin-top:5px !important;}

/*.salon-service ul{ position:absolute; right:-12px !important; top:50px !important; }

.salon-service .s-body ul{ position:absolute; right:20px; top:407px !important; }

*/.salon-service .s-body ul li:nth-child(3){margin-top:-3px !important; }

.salon-service ul li:nth-child(2){margin-top:-7px !important; }

.salon-service ul li:nth-child(3){margin-top:-9px !important; }

	

	

	

  .responsive-slider .slides ul li .slide-body .caption.header h2 {font-size: 16px;}

  .responsive-slider .slides ul li .slide-body .caption.header h2 i {font-size: 14px;}

  .txt2{ font-size:42px !important; padding-left:5px !important;}

  .footer{margin-top: 60px;}

  .product-items div.padleft{ border:1px solid #208737 !important;}

  .product-detail{ margin-bottom:0px !important;}

  /*.goldsheen {

    float: right;

    left: 25%;

    margin-left: 0;

}*/



.product-detail ul{ padding-left:0px;}

.txt2{ padding-left:0px !important;}

.txt3{ padding-left:0px !important;}

.login_popup, .change-password{position:fixed !important;}

}

.responsive-slider .slides ul li .slide-body .caption.sub {bottom: -8px; right: -20px; font-weight: bold;

}

@media (min-width: 481px) and (max-width: 767px) {

  .responsive-slider .slides ul li .slide-body .caption.sub {font-size: 11px; bottom: 0px; right: -10px;}

}



@media (max-width: 480px) {

  .responsive-slider .slides ul li .slide-body .caption.sub {font-size: 10px; bottom: 5px; right: 0;}

  .side_bar2{ width:276px !important; right:-254px !important; top:60% !important;}

  .side_bar{ top:27% !important; width:276px !important; right:-254px !important;}

  .indiv{ width:245px !important; }

  .page_bar2{ float:left !important; margin-bottom:44px !important;}

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom:50px !important; left:220px !important;}

  /*.bx-wrapper .bx-prev{ left:155px !important;}*/

}

.responsive-slider .slides ul li .slide-body .caption.img-html5 {

  top: 13%;

  right: 8%;

  width: 30%;

}

.responsive-slider .slides ul li .slide-body .caption.img-html5 img {

  max-width: 100%;

}

.responsive-slider .slides ul li .slide-body .caption.img-css3 {

  top: 57%;

  right: 12%;

  width: 10%;

}

.responsive-slider .slides ul li .slide-body .caption.img-css3 img {

  max-width: 100%;

}

.responsive-slider .slides ul li .slide-body .caption.img-bootstrap {

  top: 48%;

  right: 12%;

  width: 11%;

}

.responsive-slider .slides ul li .slide-body .caption.img-bootstrap img {

  max-width: 100%;

}

.responsive-slider .slides ul li .slide-body .caption.img-twitter {

  top: 19%;

  right: 12%;

  width: 11%;

}

.responsive-slider .slides ul li .slide-body .caption.img-twitter img {

  max-width: 100%;

}

.responsive-slider .slides ul li .slide-body .caption.img-jquery {

  top: 66%;

  right: 12%;

  width: 33%;

}

.responsive-slider .slides ul li .slide-body .caption.img-jquery img {

  max-width: 100%;

}

.responsive-slider .slider-control {

  position: absolute;

  font-size: 20px;

  color: #000;

  top: 40%;

  background-color: #fff;

  padding: 10px;

}

.responsive-slider .slider-control.left {

  left: 0;

  padding-left: 0;

  -webkit-border-radius: 0px 6px 6px 0px;

  border-radius: 0px 6px 6px 0px;

}

.responsive-slider .slider-control.left:hover {

  text-decoration: none;

  padding-left: 10px;

}

.responsive-slider .slider-control.right {

  right: 0;

  padding-right: 0;

  -webkit-border-radius: 6px 0px 0px 6px;

  border-radius: 6px 0px 0px 6px;

}

.responsive-slider .slider-control.right:hover {

  text-decoration: none;

  padding-right: 10px;

}



.responsive-menu-icon{position:absolute; top:10px; right:10px; cursor:pointer;}



.responsive-slider .pages {

  position: absolute;

  bottom:7%;

  bottom:5%\0/;

  left: 0;

  width: 100%;

  text-align: center;

  z-index:999999;

}

.responsive-slider .pages .page {

  display: inline-block;

  background:#ccc;

 height: 9px;

width: 9px;

cursor: pointer;

border-radius: 50%;

text-indent:-99999px;

}

.responsive-slider .pages .page.active {

  background:#4D9F3D;

}





.navbar{ width:100%;   height:87px; position:fixed; top:0px; background:url(../img/bg3.jpg) no-repeat; z-index:99999999; background-size:cover;}

.containner{ width:98%; margin:0 auto;}

.logo{ width:155px; float:left; margin-top:15px; margin-left:15px;}

.logo img{ margin-top:-2px;}

.menu{ float:right; list-style:none; margin-bottom:0; margin-top:22px;}

.menu li{ float:left; color:#FFF; position:relative;}

.menu li a{text-decoration:none; color:#FFF; padding:20px 18px 16px; font:17px 'swis721_md_btmedium', Arial, Helvetica, sans-serif; letter-spacing:0.5px; text-transform:capitalize;}

.menu li:hover a, .menu li.active a, .menu li.active:hover a{  background:url(../img/arrow.png) no-repeat center bottom;}



.menu li ul:hover >  .menu li a{background:url(../img/arrow.png) no-repeat center bottom;}



.menu li .submenu-new{ text-transform:uppercase;position:absolute; visibility:hidden; opacity:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;  min-width:265px; top:32px; top:26px\0/; padding:10px 120px 10px 10px; min-height:150px; right:0;}

.menu li.menudrop .submenu-new{}

.menu li .submenu-new li{ display:block; list-style:none; float:none !important;}

.menu li .submenu-new li a:link, .menu li .submenu-new li a:visited{display:block; text-decoration:none; padding:7px 10px 7px 20px !important;font:14px 'swis721_md_btmedium', Arial, Helvetica, sans-serif;}

.menu li .submenu-new li a:hover{background:#fff; color:#4d9f3d; transition:0.2s; }

.menu li:hover .submenu-new{visibility:visible; opacity:1; transition:1s;}

.submen-sub{display:none; margin:0; padding:0;}

.submen-sub a{ background:#4d9f3d !important; color:#fff !important; font-size:13px !important; text-transform:capitalize !important;}

.menu li .submenu-new li:hover a{color:#fff ;}

.menu li .submenu-new li .submen-sub{display:block !important; background:#7c7b7b; margin:0 10px 15px 0;}

.menu li .submenu-new li .submen-sub li a{font-size:13px !important;}

.menu li .submenu-new li ul  li:hover a{color:#393939 ;}

.newsub li a{background:none !important;}



.newsub li a:hover{background:url(arrow-right.png) no-repeat #063;}

.about-sub li.bgmenu{ background:url(../img/arrow-right.png) no-repeat; border-bottom:1px solid #575757;}

.about-sub li.bgmenu a:hover{ background:url(../img/arrow-right-h.png) no-repeat #fff; transition:none !important;}

.about-sub li a:hover{ background:/*url(../img/arrow-right-over.png) no-repeat  */#fff !important; color:#393939 !important;}



.about-sub li{  border-bottom:1px solid #5b5a5a;  }



.menu2{ float:right; list-style:none; margin-bottom:8px; margin-top:6px;}

.menu2 li{ float:left; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:9px; position:relative;}

.menu2 li a{ font-size:12px; font-family:swis721_lt_btlight; text-decoration:none; height:11px; color:#FFF; padding:1px 12px; transition:0.5s; border-right:1px solid #cde7b7; margin-top:5px;}

.menu2 li a:hover, .menu2 li a.active, .menu2 li a.active:hover{color:#000; background:#fff;}



.social_icon:hover{background:none !important;}

.social_icon:hover img{transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -otransform:scale(1.2);}

.search-top{background:none !important; padding:5px 5px 0px !important; border:1px solid #fff; border-bottom:none !important; position:relative; z-index:9999;}

.search-top:hover img{transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -otransform:scale(1);}

.search-section{display:none;}

.disBlk{display:block !important;}

.seach-sub{background:#fff; height:28px; width:28px; border:none; cursor:pointer; color:#83c34b; padding:5px; border-left:1px solid #fff; position:absolute; top:26px; z-index:9999;}

.search-text{border:1px solid #fff; background:#83c34b; width:150px; position:absolute; right:0; top:26px; z-index:99; padding:5px 30px 5px 5px;}

.seTp{position:absolute; top:20px; right:5px;}

.menu2 li:last-child{ margin-top:2px;}



.footer{ background:url(../img/footer.jpg) no-repeat #6db142; height:25px; width:100%; position:fixed; bottom:0; z-index:99999;}

.search{ background:none !important; border:none !important; }

.search:hover{ background:none !important;}

.search input.search-text{ background:url(../img/serach-icon.png) no-repeat right center; border:1px solid #c1e1a5; padding:3px; padding-left:13px; padding-right:20px; border-radius:3px; color:#FFF; font-size:12px; font-family: swis721_lt_btlight; margin-top:0px; margin-bottom:-5px; background-color:rgba(124,185,61,71); height:10px; margin-right:9px; width:130px; height:20px;}

.noborder{ border:none !important;}

.socail{ margin-top:4px; float:left;}

.socail img{ margin-right:10px; }

.socail a{ border:none; cursor:pointer;}

.slide-list{ margin-top:-14px !important;}



.menu3{ float:right; list-style:none; margin-bottom:41px; margin-top:3px;}

.menu3 li{ float:left; color:#FFF; font-family:'swis721_lt_btlight',Arial, Helvetica, sans-serif; font-size:11px; line-height:20px;}

.menu3 li a{ text-decoration:none; color:#FFF; padding:0px 10px; transition:0.5s; border-right:1px solid #FFF;}



.menu3 li a:hover, .menu3 li a.active, .menu3 li a.active:hover{ background:#fff; color:#000; transition:0.5s;}

.copyright{ text-align:center; float:left;  font-size:11px; color:#afceae; margin-top:6px;  font-family:Arial, Helvetica, sans-serif;}

.copyright2{ text-align:center; float:left; margin-left:27%;  font-size:11px; color:#fff; margin-top:6px;  font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold;}



.side_bar{ position:fixed; right:-345px; top:25%; z-index:999; height:150px; cursor:pointer; width:367px; transition:0.5s; background:#FFF; border:1px solid #008035;}

.side_bar img{ float:left;}

.side_bar2 img{ float:left;}

.side_barh{ right:0 !important; box-shadow:2px 2px 7px #666; transition:0.5s;}

.indiv{ height:150px;  width:354px;  padding-left:20px;}

.side_bar2{ position:fixed; right:-345px; top:50%; margin-top:-9px; z-index:99999; height:150px; cursor:pointer; width:367px; transition:0.5s; background:#FFF; border:1px solid #008035;}

.side_bar2h{ right:0 !important; box-shadow:2px 2px 7px #666; transition:0.5s;}

.bx-viewport{ height:150px !important;}

.caption{ font-family:Arial, Helvetica, sans-serif; z-index:99; margin-left:0px; color:#fff; padding:4px 10px; margin-top:0px; text-align:left; position:absolute; font-size:14px\0/; font-size:13px; bottom:0px;}

.slide .caption{width:95%; background:rgba(0,0,0,0.7); background:#000\0/;}

.caption span{ font-size:14px;}

.page_bar{  padding:10px 2%; width:46%; float:left; height:400px; margin-top:20px;}

.page_bar2{  padding:10px 2%; width:46%; float:right; height:400px; margin-top:20px;}

.text01{ font:55px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:55px;}

.text01_p{ font:55px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#008035; font-weight:normal; line-height:55px;}

.bigfont{ font:93px 'swis721_th_btthin', Arial, Helvetica, sans-serif;}

.text02{ font:90px 'helveticaUltraLight', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:90px;}

.text03{ font:32px 'helveticaUltraLight', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal;}

table.expert{width:80%; margin:10px 20px 0;}

table.expert tr td input[type="text"],table.expert tr td textarea{border:1px solid #ccc; width:100%; color:#999; margin-bottom:5px; outline:none; resize:none !important; padding:3px 5px; font:13px Arial, Helvetica, sans-serif;}

textarea{height:35px;}

table.expert tr td input[type="text"]:focus, table.expert tr td textarea:focus{color:#208737; border:1px solid #208737;}

table.expert tr td input[type="submit"]{background:#208737; border:none; font:13px Arial, Helvetica, sans-serif; color:#fff; padding:3px 10px; cursor:pointer;}

.page_bar .containner, .page_bar2 .containner{background:#008035; text-align:center;}



#mob-menu{padding:0; position:fixed; top:28px; z-index:9999999; background:#5b5a5a; font-family:'swis721_lt_btlight',Arial, Helvetica, sans-serif; width:100%; display:none;}

#mob-menu li{position:relative; list-style:none; width:100%; border-bottom:1px solid #929191;}

#mob-menu li a{text-decoration:none; color:#FFF; padding:10px 20px; font:14px 'swis721_lt_btlight',Arial, Helvetica, sans-serif;letter-spacing:0.5px; text-transform:capitalize; text-align:left; display:block; text-transform:uppercase;}

#mob-menu li span.ex-sub, #mob-menu li ul li span.ex-sub-sub{position:absolute; top:0px; right:0px; z-index:9999; background:url(../img/expand-menu.png) no-repeat center center; width:38px; height:38px; cursor:pointer;}

#mob-menu li span.active, #mob-menu li ul li span.active{position:absolute; top:0px; right:0px; z-index:9999; background:url(../img/collapse-menu.png) no-repeat center center; width:38px; height:38px; cursor:pointer;}

.mob-sub-menu{padding:0px; background:#7c7b7b; display:none;}

.mob-sub-sub-menu{padding:0px; background:#525151; display:none;}





::-webkit-input-placeholder {

   color: #757977;

   opacity:1;

}



:-moz-placeholder { /* Firefox 18- */

   color: #757977;

   opacity:1;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #757977;

   opacity:1; 

}



:-ms-input-placeholder {  

   color: #757977;

   opacity:1;

}







.product{ position:absolute; width:25%; right:150px; top:130px; display:none;}



.dropdownhover{  opacity:1; transition:1s; display:block;}

.dropdown{ position:absolute; width:200px; margin:0; padding:0; background:#208737; opacity:0; display:none;}

.dropdown li { float:left; text-decoration:none; list-style:none; display:block; width:100%; text-align:center;}

.dropdown li a{display:block;}













/*------------------ohter page demo----------------------*/

.layout_img{ width:50%; float:left;}

.margin_9p{ margin-top:87px;}

.layout_img_full{ width:100%;}



.caption_face{ margin-top:16%; margin-left:29.5%;}

.caption_body{ margin-top:15%; margin-left:76.9%;}





/*-------------------------spaciality-treatment--------------------------*/



.banner_img{ float:left; width:50%; position: fixed;}

.banner_img img{width:100%; height:auto !important;}

.product-detail{ float:left; width:40%; padding:0 5%;}

.product-detail ul { margin-top:6px; float:left; padding-left:0px; margin-left:-8px;}

.product-detail ul li a{ color:#000; border-color:#000;   font-family: 'swis721_lt_btlight'; text-transform:uppercase; font-size:11px; padding: 2px 10px; height:9px;}

.product-detail ul li:last-child a{ border:none;}

.product-detail ul li:last-child{ margin-top:0px;}

.product-detail ul li.active a{ color:#208737;}

.product-detail h4{font:14px/18px 'swis721_lt_btlight', Arial, Helvetica, sans-serif; color:#555;}

.product-detail p, .product-detail .smallpfon{font:14px/18px 'swis721_lt_btlight', Arial, Helvetica, sans-serif; color:#555; position:relative;}

.product-detail font{color:#555 !important;}



.smallpfon ul{margin:10px 0 15px; padding:0px 0 0 16px;}

.smallpfon ul li{list-style-image:url(../img/bullet.png); font-size:15px; margin-bottom:6px; padding-bottom:0px; }



.strtoupper{ text-transform:uppercase;}

.txt2{font:42px/40px 'swis721_th_btthin',Arial,Helvetica,sans-serif; margin-top:20px; color:#208737;}

.txt2 img{ margin-bottom:-2px;}

.event-head{font:24px/30px 'swis721_th_btthin',Arial,Helvetica,sans-serif; color:#fff; margin-bottom:2px; padding:10px 10px 7px; border-bottom:1px solid #ddd; background:url(../img/collapse-event.png) no-repeat right center #4d9f3d; cursor:pointer;}

.event-head-active{font:24px/30px 'swis721_th_btthin',Arial,Helvetica,sans-serif; color:#fff; margin-bottom:2px; padding:10px 10px 7px; border-bottom:1px solid #ddd; background:url(../img/expand-event.png) no-repeat right center #4d9f3d !important;}

.popup-gallery{display:none; margin-bottom:30px;}

.smallhfon{font:12px 'swis721_th_btthin',Arial,Helvetica,sans-serif; margin-top:25px; color:#208737;  font-weight:bold; letter-spacing:1.0px; margin-left:7px;}

.smallhfon2{font:11px/12px 'swis721_th_btthin',Arial,Helvetica,sans-serif;  color:#208737;  font-weight:bold; letter-spacing:0.7px; margin-left:7px;}



.smallpfon{font:12px/18px 'swis721_md_btmedium',Arial,Helvetica,sans-serif; margin-top:10px; color:#646464;  margin-left:7px;}

.smallpfon3{font:11px 'swis721_md_btmedium',Arial,Helvetica,sans-serif !important;color:#646464; margin-top:0px;}

.smallpfon2{font:10px 'swis721_md_btmedium',Arial,Helvetica,sans-serif; margin-top:2px; color:#646464;  margin-left:6px; float:left; margin-right:20px;}

.smallpfon2{margin-bottom:10px;}

.smallpfon2 span{width:35px; height:28px; margin-right:15px;font:14px/18px 'swis721_md_btmedium',Arial,Helvetica,sans-serif; color:#008035; text-align:center; padding-top:7px;}

.smallpfon2 p{margin:0px !important; float:left;}



.txt3{ color:#646464; font:15px/33px 'swis721_lt_btlight',Arial,Helvetica,sans-serif; padding-left:3px; margin-top:18px;}

.txt3_2{ color:#646464; font:29px/33px 'swis721_lt_btlight',Arial,Helvetica,sans-serif; margin-top:17px; margin-left:5px;}

.txt3_3{ color:#000; font:20px/24px 'swis721_lt_btlight',Arial,Helvetica,sans-serif;}

.txt3_4{ color:#555; font:14px/18px 'swis721_lt_btlight',Arial,Helvetica,sans-serif; margin-top:5px;}

.shop_de{padding:10px; border-bottom:1px solid #ccc; width:40%; margin:10px 5% 10px 0; float:left;}

.shop_de:hover{background:#eee;}

.shop_de a:link, .shop_de a:visited{text-decoration:none;}



.product-items{ width:100%; border:1px solid #208737; min-height:222px; margin:0 auto; display:block; margin-top:40px; border-radius:15px; -webkit-box-shadow: 3px 5px 15px 5px rgba(50, 50, 50, 0.16);-moz-box-shadow:    3px 5px 15px 5px rgba(50, 50, 50, 0.16); box-shadow:3px 5px 15px 5px rgba(50, 50, 50, 0.16); padding:0; padding-bottom: 27px;     overflow: hidden;}



.product-items div.padleft{ width:21%; height:100%;  border-right:1px solid #CCC; float:left; text-align:center; padding:20px 2%; margin-bottom:1px; margin-right:-1px; overflow:hidden;}

.product-items div.padleft:last-child{ border:none;}

.product-items div.padleft img{ height:auto; width:100%;}

.product-items div.padleft p{ margin:2px; text-align:center;}

.product-items div.padleft p.phead{font:18px 'swis721_th_btthin',Arial,Helvetica,sans-serif;  color:#208737; margin-bottom:7px; text-align:center;}

.product-items div.padleft p.phead a{font:13px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important;  color:#208737 !important; display:block;}

.product-items div.padleft p.pdetails{ color:#000; font:13px 'swis721_th_btthin',Arial,Helvetica,sans-serif; margin-bottom:8px;}

.product-items div.padleft p sup{ font-size:8px;}

sup{ font-size:7px;  margin-top:2px;}

.product-items div.padleft a{ text-decoration:none; background:#208737; color:#FFF; border-radius:3px; padding:2px 8px; font:13px 'swis721_lt_btlight',Arial,Helvetica,sans-serif;}

.nostyle{background:none !important; border-radius:0px !important; padding:0px !important;}

.clickbtn{ background:url(../img/bg_popup.jpg) repeat-x #fff; color:#FFF; margin-bottom:20px; text-decoration:none; font:12px Arial,Helvetica,sans-serif; padding:5px 18px 40px 18px; border-top-left-radius:4px; border-top-right-radius:4px; letter-spacing:0.5px; position:relative; z-index:99999; cursor:pointer; box-shadow:0 9px 15px #ccc; -moz-box-shadow:0 9px 15px #ccc; -webkit-box-shadow:0 9px 15px #ccc; -ms-box-shadow:0 9px 15px #ccc; -o-box-shadow:0 9px 15px #ccc;}

.quickexp{float:left; width:50%; /*border-bottom:1px solid #008035;*/}



.enquire-now-btn{background:#008035; padding:5px 10px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; font:bold 13px 'swis721_th_btthin',Arial,Helvetica,sans-serif; color:#fff; text-decoration:none; float:left; margin:10px 10px 0px;}







.clickdivbor{ padding-top:15px; position:relative; 	margin-bottom:30px;}

.goldsheen{   float: right;

    margin-left: 0;

    margin-top: -46px;}

	

.pro_pop{height: 325px; width: 287px;  margin-top:-344px; border:1px solid #208737; position:absolute; background:#FFF; border-bottom:none; -webkit-box-shadow: 2px 8px 15px 0px rgba(0,0,0,0.5);

-moz-box-shadow: 2px 8px 15px 0px rgba(0,0,0,0.5);

box-shadow: 2px 8px 15px 0px rgba(0,0,0,0.5); z-index:99; display:none; overflow:auto;}





.vertical-track {

    width: 8px; /* How wide is the scrollbar going to be? */

    background-color: #fff; /* What color should the vertical track be? */



}

.vertical-handle {

    width: 8px; /* How wide is the scrollbar handle? */

   /* What color should the handle be? */

   opacity:0.8;



}



.vertical-h{

   background-color: #208737 !important; /* What color should the handle be? */

}



.pro_pop div{ width:42%; height:145px; float:left; padding:10px; text-align:center;}

.pro_pop div img{ width:100%;}



.show{ display:block;} 

.opacity{ opacity:0.6;}

.pro_pop div a{ text-decoration:none;}

.product-detail ul.disblock li a{ display:block !important;}

.product-detail2{ width:94% !important; padding:0 3% !important; margin-bottom:40px; position: relative;}

.width20p{ width:20%; float:left;}

.width80p{ width:80%;  float:left;}



.rightpanel li{ list-style:none; }

.rightpanel li.active a{  color:#FFF; background:#008035 url(../img/rightmenuall_bg.jpg) no-repeat right  center;}





.rightpanel li.active a:hover{  color:#FFF; background:#008035 url(../img/rightmenuall_bg.jpg) no-repeat right  center;}

.rightpanel li a:hover{ background:#008035; color:#FFF;}

.rightpanel li a{ padding:8px 20px; background:#dddddd; display:block; text-decoration:none; color:#6d6d6d; font-family:"swis721_lt_btlight"; font-size:16px; border-bottom:1px solid #ffffff;}



.ex-filter{ display:none; width:84%; background:#008035 url(../img/filter-bg.jpg) no-repeat right  center ;  color:#FFF; padding:7px 20px; margin-left:8px; font-family:"swis721_lt_btlight"; font-size:16px; cursor:pointer;}

.width25p{ width:21%; float:left; padding:25px 2%; text-align:center; margin-bottom:60px;}



.width25p p.phead{font:18px 'swis721_th_btthin',Arial,Helvetica,sans-serif;  color:#208737; margin-bottom:7px; height:56px;}

.width25p p.phead a{font:18px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important;  color:#208737 !important; display:block;}

.width25p p.pdetails{ color:#000; font:13px 'swis721_th_btthin',Arial,Helvetica,sans-serif; margin-bottom:8px;}

.width25p a{ text-decoration:none; background:#208737; color:#FFF; border-radius:3px; padding:2px 8px; font:13px 'swis721_lt_btlight',Arial,Helvetica,sans-serif;}

.salon-service{ width:100%; height:100%; position:relative;}



.posRel{position:relative; display:block; width:50%; height:100%; float:left;}

.s-face{ width:100%; height:100%; float:left; background-size:100%; position:relative; z-index:999;}

.s-body{ width:100%; background:url(../img/body.png) no-repeat; height:100%; float:left; background-size:100%; position:relative; z-index:999;}

.salon-service ul{width:260px;}

.salon-service ul li{ list-style:none; color:#333; padding:7px 20px 7px 0; height:20px; overflow:hidden; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -ms-transition:height 0.5s; -o-transition:height 0.5s;}

.salon-service ul li:hover{height:60px; transition:height 0.5s; -moz-transition:height 0.5s; -webkit-transition:height 0.5s; -ms-transition:height 0.5s; -o-transition:height 0.5s;}

.salon-service ul li.active{height:30px; padding-top:8px;}

@-moz-document url-prefix() { 

 .salon-service ul li.active {

     padding-top:6px;

  }

  .menu li a{padding:20px 18px 11px; padding-bottom:11px;}

  .menu li .submenu-new{top:32px;}

}



.salon-service ul li a{ text-decoration:none; color:#333;}

.salon-service ul li a span.mainTxt{ font:18px 'swis721_th_btthin',Arial,Helvetica,sans-serif; display:block; padding-top:7px; padding-bottom:5px;}

.salon-service ul li a span.subTxt{display:block; font:13px 'swis721_th_btthin',Arial,Helvetica,sans-serif; line-height:12px; color:#777;}

.salon-service ul li a:hover{color:#000;}

.salon-service ul li a:hover span.subTxt{color:#555;}

.salon-service ul li.active a{ color:#ffffff !important;}

.salon-service ul li.active{ color:#FFF; font:32px 'swis721_th_btthin',Arial,Helvetica,sans-serif; }

.salon-service ul li:last-child{ font:12px 'swis721_th_btthin',Arial,Helvetica,sans-serif; margin-top:15px;}

.salon-service ul li:last-child a{ color:#018136; font-weight:bold;}

.salon-service ul{float:right; margin:97px 0 0; padding:0;}

.salon-service ul li:nth-child(3){margin-top:4px !important; }

.green-strip{ background:#018136; height:35px; position:absolute; top:100px; right:20px; width:70%; z-index:9; border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; -webkit-border-radius:0 5px 0 0; -ms-border-radius:0 5px 0 0; -o-border-radius:0 5px 0 0;}



.bredcrumbs{position:absolute; top:10px; left:10px; z-index:9999;}

.bredcrumbs a:link, .bredcrumbs a:visited{font:12px 'swis721_th_btthin',Arial,Helvetica,sans-serif; color:#018136; text-transform:uppercase; display:inline-block; padding:0 5px; border-right:1px solid #018136; text-decoration:none;}

.bredcrumbs a.active{cursor:default; color:#000;}

.bredcrumbs a:last-child{border:none;}



/* header css */



.login_popup{ display:none; width:491px; height:auto; z-index:99999999999999999 !important; position:absolute; left:50%; margin-left:-248px; top:50%; margin-top:-148px; border:3px solid #008035; padding:3px; background:#fff;}

.enquire_popup{ display:none; width:491px; height:auto; z-index:99999999999999999 !important; position:absolute; left:50%; margin-left:-248px; top:50%;border:3px solid #008035; padding:3px; background:#fff; margin-top:-250px;}

.login_popup .login_table, .enquire_popup .login_table{border:1px solid #008035;}

.displaywhitebl{z-index:9999999 !important; width:100%; height:100%; position:fixed; opacity:0.8; display:none; background:#FFF;}

.login_table{ width:100%; padding:40px 40px 0;}

.login_table span{ font-family:'swis721_th_btthin'; font-size:32px; color:#008035;}

.change{font-size:14px !important; display:block; margin-bottom:10px; cursor:pointer;}

.change-password{

    background:#fff;

    border: 3px solid #008035;

    display: none;

    height: auto;

    left: 50%;

    margin-left: -175px;

    margin-top: -148px;

    padding: 3px;

    position: fixed;

    top: 50%;

    width: 320px;

    z-index: 2147483647 !important;

}

.bordallr{border: 1px solid #008035; margin:2px; padding:40px 40px 0;}

.bordallr input[type="password"]{margin-bottom:7px;}

.login_table tr td{ margin-bottom:10px; padding-bottom:10px; vertical-align:top;}

.login_table input[type="text"], .login_table input[type="password"], .bordallr input[type="password"]{ width:95%; border:1px solid #afafaf; padding:5px 10px; color:#757977;  font-family:'swis721_lt_btlight'; font-size:14px;}

input.submit_btn{ width:95%; border:1px solid #afafaf; padding:5px 10px; color:#757977;  font-family:'swis721_lt_btlight'; font-size:14px;}

.login_table input:focus, .login_table textarea:focus, .login_table select:focus{ border:1px solid #008035;}

.login_table textarea{ width:95%; border:1px solid #afafaf; padding:5px 10px; color:#757977;  font-family:'swis721_lt_btlight'; font-size:14px; resize:none; outline:none; height:75px;}

.login_table textarea:focus{ border:1px solid #008035;}

.selectDiv{width:102%; background:url(../img/select-drop.jpg) no-repeat center right;}

.login_table select{ width:100%; border:1px solid #afafaf; padding:5px 10px; color:#757977;  font-family:'swis721_lt_btlight'; font-size:14px; resize:none; outline:none; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; text-indent: 0.01px;

    text-overflow: ''; background:none;}

span.checkbox{ font-family:'swis721_lt_btlight'; font-size:12px; color:#757977; position:absolute; margin-top:2px;}

label{ font-family:'swis721_lt_btlight'; font-size:14px; color:#757977; margin-bottom:15px;}

label em{color:#F00 !important;}

big{ font-family:'swis721_lt_btlight'; font-size:24px; color:#333; padding-bottom:5px; border-bottom:1px solid #ddd; margin-bottom:10px; display:block;}

.submit_btn{width:140px !important; background:#008035; color:#FFF !important; padding-top:10px; font-size:16px;   font-family: 'swis721_md_btmedium'; text-transform:uppercase;}

.submit_btn:hover{ background:#060; cursor:pointer;}

.regis{ text-decoration:none; color:#666;}

.regis:hover{ color:#000;}

/*.resgistration{width:360px;}*/

.resgistration input[type="text"], .resgistration input[type="password"], .resgistration textarea{margin-bottom:5px;}

.checkarea{width:40%; margin-right:5%; float:left; margin-bottom:10px;}

.checkarea label{font-size:12px !important;}

.resgistration .login_table{padding:40px 0px;}

.resgistration tr td:first-child{width:40%; padding-right:5%;}

.resgistration tr td:last-child{width:55%;}

/* header css */





/* download page css */

.download-item-main{ width:100%;  margin-top:5%;  overflow:hidden;}



.download-item{ width:23%; border-radius:5px; float:left; margin-left:2%; margin-bottom:3%; position:relative; cursor:pointer;  overflow:hidden;}

.download-item:hover .overimg{ display:block;}



.download-cap{text-align:left; z-index:99999; position:relative;}



.download-cap a{ padding:9px 10px; display:block;   color:#FFF; text-decoration:none; background:#929292;  border-bottom-left-radius: 5px;     border-bottom-right-radius: 5px; font:14px  'swis721_md_btmedium',Arial,Helvetica,sans-serif;}

.download-cap span{ padding:9px 10px; display:block;   color:#FFF; text-decoration:none; background:#929292;  border-bottom-left-radius: 5px;     border-bottom-right-radius: 5px; font:14px  'swis721_md_btmedium',Arial,Helvetica,sans-serif; display:block;}

.download-image:link, .download-image:visited{padding:10px 0px; width:150px; display:inline-block; text-align:center; font:16px 'swis721_md_btmedium',Arial,Helvetica,sans-serif; color:#fff; position:fixed; bottom:20px; left:50%; margin-left:-70px; background:#208737; z-index:9999999999999; display:none;}

.full-body{ position:fixed; right:0; left:0; top:0; bottom:0; z-index:999999999; display:none;}

.green-strip-enquire{text-align:left; margin-top:20px; height:26px; font:14px  'swis721_md_btmedium',Arial,Helvetica,sans-serif; color:#333; line-height:26px;}

.green-strip-enquire .inqnow{ margin:0px; background:#208737 !important; color:#fff !important;}

.img-cap{ text-align:center; overflow:hidden; height:105px; margin-bottom:-5px;      border-top-left-radius: 5px;     border-top-right-radius: 5px;}

.img-cap img{width:100%; }

.download-cap a:hover{}

.d-lab{ background:url(../img/download-item-lab.png) no-repeat; position:absolute; height:22px; width:23px; top:-3px; right:-3px; z-index:999999;}

.overimg{ position:absolute; width:100%; height:100%;  z-index:99; display:none;}

.overimg a:link, .overimg a:visited{display:block; height:100%; width:100%; text-decoration:none;}

.overimgpdf{ position:absolute; width:100%; height:100%;  z-index:99; background:url(../img/download-hover-pdf.png) no-repeat center 40px #208737; }

.overimgfrm{ position:absolute; width:100%; height:100%;  z-index:99; background:url(../img/download-hover-form.png) no-repeat center 40px #208737;}

.overimgvid{ position:absolute; width:100%; height:100%;  z-index:99; background:url(../img/download-hover-video.png) no-repeat center 40px #208737;}

.overimggly{ position:absolute; width:100%; height:100%;  z-index:99; background:url(../img/download-hover-gallary.png) no-repeat center 40px #208737;}

.overimgaudio{ position:absolute; width:100%; height:100%;  z-index:99; background:url(../img/download-hover-audio.png) no-repeat center 40px #208737;}

.overimgimg{ position:absolute; width:100%; height:100%;  z-index:99; background:url(../img/download-hover-image.png) no-repeat center 40px #208737;}

/* download page css */



.popup-gallery{margin-bottom:50px;}

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



.tvc-area{ text-align:center\0/; position:fixed\0/; right:-152px\0/; bottom:78px\0/; padding:1px 1px 1px 25px\0/; background:url(../img/tvc.png) no-repeat #008035\0/;}

.RightTvc{right:0px\0/;}



@media (max-width:320px){

	.page_bar .containner, .page_bar2 .containner, .indiv{width:300px !important;}

	.page_bar2{margin-bottom:30px; padding-bottom:0 !important;}

	.bx-wrapper{max-width:300px !important; margin:0 !important;}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{left:270px !important;}

	.bx-prev{left:20px !important;}

	.clickbtn {padding: 5px 13px 2px !important;}

		.menu2 li a{ padding:1px 9px;}

.pro_pop{height: 338px; width:277px !important; border:#000 1px solid;}

.flo-head p{ font:15px/27px "swis721_th_btthin",Arial,Helvetica,sans-serif !important;}



.enquire_popup{top:60% !important; }

		.banner_img{ float:left; width:100%;}
		.product-detail {    width: 90%; padding:0 5%;}



}

@media (max-width:400px){

		.banner_img{ float:left; width:100%;}
		.product-detail {    width: 90%; padding:0 5%;}
.text01{ font:20px 'swis721_th_btthin',Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:20px; float:left; margin-right:5px;}

.text01_p{ font:20px 'swis721_th_btthin',Arial, Helvetica, sans-serif; color:#008035; font-weight:normal; line-height:20px; float:left; margin-right:5px;}

.text02{ font:24px 'swis721_th_btthin',Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:30px; clear:both;}

.text03{ font:14px 'swis721_th_btthin',Arial, Helvetica, sans-serif; color:#208737; font-weight:normal;}

	.login_popup, .change-password{width:300px; height:auto; z-index:999999999999; position:fixed; left:50%; margin-left:-150px; top:50%; margin-top:-148px; }

	.enquire_popup{width:300px; height:auto; z-index:999999999999; position:absolute; left:50%; margin-left:-150px; top:10%; }

	



	

.login_table{ width:100%; padding:27px; }

}



@media (min-width:401px) and (max-width:600px){
		.banner_img{ float:left; width:100%;}
		.product-detail {    width: 90%; padding:0 5%;}
	.text01_p{ font:20px 'swis721_th_btthin',Arial, Helvetica, sans-serif; color:#008035; font-weight:normal; line-height:20px; float:left; }

	.responsive-slider{margin-top:25px;}

.text01{ font:20px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:24px;}

.text02{ font:24px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:30px;}

.text03{ font:15px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal;}





}



@media (min-width:601px) and (max-width:767px){

	.responsive-slider{margin-top:25px;}

	.text01_p{ font:24px 'swis721_th_btthin',Arial, Helvetica, sans-serif; color:#008035; font-weight:normal; line-height:24px;}

.text01{ font:24px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:24px;}

.text02{ font:36px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:48px;}

.text03{ font:20px 'swis721_th_btthin', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal;}

	.marleft30{margin-left:15px !important;}

	

}



@media (max-width: 480px) {

  .responsive-slider .slider-control.left,

  .responsive-slider .slider-control.right{display: none;}



}



@media (min-width: 480px) and (max-width: 639px) {

	.ex-filter{ width:88% !important;}

	.width80p{ width:100% !important;}

	.width25p{ width:36% !important;} 

	

.txt2{ font-size:42px !important;}

.product-items{ border:none !important; box-shadow:none !important; margin-top:0px !important;}

.product-items div{ width:44% !important; border-bottom:1px solid #CCC; padding-top:20px !important;}

.product-items div:last-child{border-bottom:1px solid #CCC !important; border-right:1px solid #CCC !important;}

.product-items div img{ width:37% !important;}





/*.footer {

    margin-top: 155px !important;

}*/

}



@media (max-width: 639px) {

 

  .copyright2{ text-align:center; width:100%; display:inline-block; margin-left:0%;}



}





@media (max-width: 479px) {

  .responsive-slider{ margin-top:44px;}

  .responsive-slider .slides ul li .slide-body {width: 140%;}

  .responsive-slider .slides ul li .slide-body .caption.header{ left:38% !important; padding-right:119px;}

  .text01{ line-height:1.2;}

  .width80p .clear{ clear:none !important;}

	/*.banner_img { width:100% !important;}*/

  #mob-menu{height:275px; overflow-x:hidden; overflow-y:scroll; width:100% !important;}

}



@media (min-width:321px) and (max-width:767px){

	.page_bar .containner, .page_bar2 .containner, .indiv{width:320px !important;}

	.page_bar2{margin-bottom:30px; padding-bottom:0 !important;}

	.bx-wrapper{max-width:320px !important; margin:0 !important;}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{left:256px !important;}

	.bx-prev{left:20px !important;}

	

  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:80px !important;}

}



@media (min-width:361px) and (max-width:767px){

.banner-cap{max-width:100% !important;}

}



/*@media (min-width:360px) and (max-width:361px){

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{left:292px !important;}



		.s-face{ width:100% !important; background:url(../img/face.jpg) no-repeat; height:44% !important; float:left; background-size:100%; position:relative;}

.s-body{ width:100% !important; background:url(../img/body.jpg) no-repeat; height:44% !important; float:left; background-size:100%;}

.salon-service ul li{ list-style:none; color:#333;	 padding:6px 20px !important; font:14px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important;}



.salon-service ul li:last-child{ font:10px 'swis721_th_btthin',Arial,Helvetica,sans-serif !important; margin-top:5px !important;}

.salon-service ul{ position:absolute; right:0px !important; top:-35px !important; }

.salon-service .s-body ul{ position:absolute; right:20px; top:343px !important; }

.salon-service .s-body ul li:nth-child(3){margin-top:-7px !important; }

.salon-service ul li:nth-child(2){margin-top:-7px !important; }

.salon-service ul li:nth-child(3){margin-top:-1px !important; }

}*/



@media(min-width:480px) and (max-width:481px){

.responsive-slider .slides ul li .slide-body .caption.header {

	top: 21%;

	left: 40% !important;

	

}	

.text01{font-size:20px !important;}

.salon-service ul{right:0px !important; width:230px;}

  #mob-menu{height:175px; overflow-x:hidden; overflow-y:scroll; width:60% !important; right:0;}

  #mob-menu li a{padding:5px 20px !important; font-size:11px !important;}

  #mob-menu li span.ex-sub, #mob-menu li ul li span.ex-sub-sub{top:0px !important;}

}



@media(min-width:480px) and (max-width:639px){

	

	.slide-body img{width:131%;}

	.responsive-slider .slides ul li .slide-body img{ max-width:127%;}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ left:200px !important;}

	  .page_bar, .page_bar2{ width:44% !important;}

	  .text01{  font: 26px/24px 'swis721_th_btthin',Arial,Helvetica,sans-serif;}

	   .text01_p{  font: 26px/24px 'swis721_th_btthin',Arial,Helvetica,sans-serif;}

	    .responsive-slider .slides ul li .slide-body .caption.header{ top:30% !important;}	

  .page_bar .containner, .page_bar2 .containner, .indiv{ width:220px !important;}



}



@media(max-width:639px){

.footer{ background:url(../img/footer.png) no-repeat #6db142; height:82px !important; padding-top:10px; width:100%; position:relative !important; z-index:99999;}	

}

@media(min-width:481px) and (max-width:767px){

 .width80p .clear{ clear:none !important;}

	.banner_img { width:100% !important; /*position:fixed;*/}	

	.product-detail{width:100% !important; margin-left:0 !important; float:right !important;}

	.product-items div.padleft{width:46% !important;}

	.enquire_popup{position:absolute !important; top:0 !important; margin-top:0px !important;}

	.goldsheen img{width:100% !important; height:auto !important;}

	.salon-service ul{margin-top:83px !important;}

	.footer{position:relative !important;}

	.caption{font-size:8px !important;}

}



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

	.ex-filter{ width:91% !important;}

	.width80p{ width:100% !important;}

	.width25p{ width:25% !important;}

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

		   .text01_p{  font: 26px/24px 'swis721_th_btthin',Arial,Helvetica,sans-serif;}

		  .text01{  font: 26px/24px 'swis721_th_btthin',Arial,Helvetica,sans-serif;}

	    .responsive-slider .slides ul li .slide-body .caption.header{ top:30% !important;}	

	  .page_bar, .page_bar2{ width:44% !important;}

  .page_bar .containner, .page_bar2 .containner, .indiv{ width:277px !important;}	

  .footer{ height:30px; background:#6db142;}

  .copyright2{ float:right;}

  .footermenu{ float:left; margin-left:26%; margin-top: -26px;}

  .menu3{ margin-top:8px;}

  .margin_9p {

    margin-top: 7% !important;

}





}



@media (max-width: 767px){

	.rightpanel{ display:none;}

	.rightpanel{ padding:7px; margin:0; padding-top:1px !important;}

	

	.width20p{ width:94% !important;}

	.ex-filter{ display:block !important;}

	

	.navbar{height:45px;}

	.containner{width:95%;}

	.logo{width:75px; margin-top:7px;}

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

	.responsive-menu-icon{display:block;}

	.noMob{display:none;}

	.menu2{padding:0; margin-right:25px; margin-bottom:0;}

	.menu{width:100%; padding:0; display:none; background:#4d9f3d; margin-top:0px; position:relative; z-index:999999;}

	.menu li{float:none;}

	.menu li a{width:100%; display:block; padding:9px 0px !important; text-align:center;}

	.menu li a:hover{ background:#fff; color:#000;}

	.responsive-slider .slides ul li .slide-body .caption.header{top:14%;}

	.responsive-slider .slides ul li .slide-body .caption.header{right:0px;}

	.page_bar, .page_bar2{width:95%; height: auto;}

	table.expert{width:100%; margin:0; background:#fff; padding-top:20px;}

	table.expert tr td input[type="text"],table.expert tr td textarea{width:100%; margin-bottom:10px; padding:5px 2%;}

	.product-detail{height:auto !important;}

	.banner_img img{height:auto; width:100% !important;}

	  	.bx-pager{width:auto !important;}

		.margin_9p{margin-top:45px !important;}

		.goldsheen{display:block; float:none; text-align:center;}

		.mob-foot{display:block;}

		.footer{margin-bottom:32px;}

		.page_bar{margin-left:auto; margin-right:auto;}

		

	.weght-pd{position:relative !important;}

	.weght-pd02{position:relative !important;}

	.display768{display:none !important;}

}





@media (min-width: 768px){

	.rightpanel{display:block !important; padding:0;}

	.responsive-menu-icon{display:none;}

	.noMob{display:block;}

	.menu{display:block !important;}

	.marleft30{margin-left:40px !important;}



.display768{display:block;}

.rightpanel{position:fixed; margin-top:-6px;}

}



@media (min-width:768px) and (max-width: 1120px){

		.text01_p{ font: 41px/39px 'swis721_th_btthin',Arial,Helvetica,sans-serif ;}	

		.text01{ font: 41px/39px 'helveticaUltraLight',Arial,Helvetica,sans-serif !important;}	

	.menu2{ padding-left:0px !important; margin-top:15px; margin-bottom:35px;}

	.logo{width:100px; margin-top:25px;}

	.logo img{ width:100% !important;}

	.menu li a{ padding:20px 10px 20px !important; letter-spacing:0; font-size:15px;}

	.menu{ margin-top:0px; padding:0;}

	

		.salon-service ul{ margin-top:100px !important;}

		

	.banner_img img{height:auto; width:100% !important;}

}





@media (max-width: 980px) {

	.menu li{ font-size:12px !important;}

	.indiv{ padding-left:0px !important;}	

	.responsive-slider .slides ul li .slide-body .caption.header {

	top: 21%;

	left: 45%;

}

}







/*@media (min-width:980px) and (max-width:981px){

	.menu{ float:none;}	

	.logo{ margin-top:0px;}

	.logo img{ width:80%;}

}*/





@media (max-width: 1279px){

	.indiv{width:320px; height:auto !important;}

	.side_bar,.side_bar2{ display:none;}

	.responsive-slider .pages{bottom:10px !important;}

	.bx-wrapper .bx-controls-direction a{top:115% !important;}

	

.desktop{display:none;}

.mobile{display:block;}

.tvc-area img.pull-left{display:none;}

}

@media (max-width:599px){	

.menu li a{ font-size:12px;}

.page_bar2{margin-bottom:100px;}

.footer{background:#6db142; height:auto;}

.socail{float:none; width:100%; text-align:center; margin-bottom:5px;}

.copyright{float:none; width:100%; text-align:center; margin:0 0 5px 0;}

.menu3{float:left; width:100%; text-align:center; margin:0 !important; padding:0 !important; text-align:center;}

.menu3 li{display:inline; text-align:center; float:none;}

	.menu3 li a{padding:0 5px;}

	.clickbtn{font-size:10px; padding:5px 7px 2px;}



}



@media (max-width:500px){

	.salon-service ul{right:0 !important;}

	.goldsheen img{height:auto !important; width:100% !important;}	

	.responsive-slider .pages{ bottom:110px !important;}	

}



@media (min-width:501px) and (max-width:640px){

	

	.responsive-slider .pages{ bottom:10% !important;}

}



@media (max-width:640px){

	.product-detail2{ margin-left:10px;}

	.menu2{ margin-top:10px;}

	.page_bar,.page_bar2{margin-top:-9px !important; margin-bottom:42px;}

	.product-items{ width:100% !important;}

/*	.product-detail{ padding: 0 !important;}
*/
	

	.responsive-slider{ margin-top:35px !important; }

	

	.submenu-new{background:none !important; position:static !important; padding:10px !important; min-height:30px !important;}

	.menu li a{ width:auto !important; border-bottom:1px solid #5db54c;}

	.download-item{ width:48% !important;}

}



@media (min-width:600px) and (max-width:767px){	





	.responsive-slider .slides ul li .slide-body .caption.header{left:60% !important;}

	.copyright{margin-left:5px; font-size:10px;}

	.menu3{padding:0px !important;}

	.menu3 li {font-size:10px;}

	.menu3 li a{padding:0 3px;}



}



@media (min-width:768px) and (max-width:780px){	

	.login_popup, .change-password{position:fixed !important;}

	.about-sub{ min-width:215px !important; background-position:245px 10px !important;}

}



@media (min-width:768px) and (max-width:979px){	

	.margin_9p{ margin-top:13% !important;}

	.menu2 li a{ padding:1px 6px; font-size:11px !important;}

	.logo{ width:134px;}

	.navbar{ height:106px;}

	.copyright2{ margin-left:10%;}

	.menu3{ padding-left:0px;}

	.menu3 li {font-size:10px;}

	.menu3 li a{padding:0 7px;}

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

	

	.width25p{ width:25% !important;}

	

	.page_bar, .page_bar2{width:96% !important;}

	.indiv{height:auto !important;}

	.page_bar2{float:left;}

	.weght-pd{position:relative !important;}

	.weght-pd02{position:relative !important;}

.rightpanel li a{font-size:14px !important;}

.menu{ margin-top:-2px !important;}

}

@media (min-width:768px) and (max-width:1279px){

	.responsive-slider .pages{ bottom:45px !important;}

	.marleft30{ margin-left:25px !important;}

	.text01{ font:30px 'helveticaUltraLight', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:30px;}

	.text02{ font:60px 'helveticaUltraLight', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal; line-height:60px;}

	.text03{ font:20px 'helveticaUltraLight', Arial, Helvetica, sans-serif; color:#208737; font-weight:normal;}

	.page_bar, .page_bar2{width:45%; height: auto; margin-top:0 !important;}

	.page_bar .containner, .page_bar2 .containner{width:320px;}

	table.expert{width:100%; margin:0 0 30px; background:#fff; padding-top:20px;}

	table.expert tr td input[type="text"],table.expert tr td textarea{width:100%; margin-bottom:10px; padding:5px 2%;}

	.bx-wrapper{max-width:320px !important; margin:0 !important;}

	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{left:280px !important;}

	.bx-prev{left:235px !important;}

	.indiv{padding-left:0 !important;}

}

@media (min-width:980px) and (max-width:1279px){

	.product-items div{ width:19% !important;}

	.product-items div p.phead{ font-size:12px !important;}

	.product-items div p.pdetails{ font-size:11px !important;}

	.margin_9p{ margin-top:11% !important;}

	.logo{ width:155px;}

	.navbar{ height:113px;}

	.copyright{}

	.copyright2{margin-left:15%;}

	.menu3 li {font-size:10px;}

	.menu3 li a{padding:0 7px;}

	.menu2{ margin-bottom:45px;}

	.page_bar .containner, .page_bar2 .containner{width:300px !important;}

	.indiv{width:300px !important;}

	.one-third-area{width:29% !important; float:left !important; padding:10px 0 !important; display:block; margin:0 2%;}

	.popup-yt-format img{ width:100%;}

	.menu{margin-top:-12px !important;}

	.logo img{ margin-top:-12px !important;}

}





@media (max-width:767px){

	.quickexp{width:100%;}

	.goldsheen{width:100%; margin:0px 0 15px !important;}

	.goldsheen img{margin:0 auto;}

	

	.mob-foot li{display:none !important;}

}





@media (max-width:979px){

	/*.banner_img { width:100%;

	}*/

	

	.banner_img img{ width:100%;}

	

	.product-detail {

		/*width:90%;*/ margin-bottom:80px;

	}

	.home-care-product .product-detail {

		width:90%; margin-bottom:0px !important;

	}

	.popup-yt-format{display:block; text-align:center;}

	.popup-yt-format img{margin:10px auto;}

	.page_bar2{margin-bottom:50px;}

}





@media (min-width:768px) and (max-width:1023px){

	.width80p .clear{ clear:none !important;}

/*	.banner_img { width:100% !important;

}
*/


	.menu li a{ padding:20px 10px 18px;}

.menu li .submenu-new{ top:34px;}



}



@media (min-width:1024px)and (max-width:1170px){

	.goldsheen {

    float: left !important;

    margin-left: 0;

    margin-top: 0;

    position: relative !important;

    right: 0;

    top: 0 !important;

}

	

	.salon-service ul li{ padding-left:15px;}

.product-items div.padleft p.phead a{font-size:12px !important;}

}



@media (min-width:1024px)and (max-width:1279px){

	.width25p{ width:27% !important;}

	.quickexp{width:100%;}

}



@media (min-width:980px) and (max-width:1023px){

	.banner_img {

    float: left;

    width: 30% !important;

}







	.banner_img img{ width:100%;}



.product-items {

    border: 1px solid #208737;

    border-radius: 15px;

    box-shadow: 3px 5px 15px 5px rgba(50, 50, 50, 0.16);

    display: block;

    height: 222px;

    margin: 40px auto 0;

    padding: 25px 0;

    width: 100%;

}







.product-detail {

    float: left;

    padding: 0 40px;

    width: 60% !important;

	margin-bottom:50px;

}

.product-items div {

    border-right: 1px solid #ccc;

    float: left;

    height: 100%;

    padding: 0 12px;

    text-align: left;

    width: 21% !important;

}

}

@media (min-width: 768px){

	.goldsheen {

    float: right;

    margin-left: 0;

    margin-top: 0;

	width:45%;

}





}

@media (min-width: 1280px){

	.page_bar{ display:none}

	.page_bar2{ display:none}

	.desktop{display:block;}

	.mobile{display:none;}

	

	.goldsheen02 {

		float: right;

		margin-left: 0;

		margin-top: 0;

		/* width:40%; */

		position:absolute;

		right:20px;

		bottom:0;

	}



.detailpage .smallpfon{width:55% !important;}

/*.pull-left{float:left; cursor:pointer;}

.tvc-area{position:absolute; top:333px; right:-200px; z-index:99; background:#eee; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}

.popup-yt-format .tvc img{width:150px; height:auto; margin:25px 25px 0 25px;}

.slideRightTvc{right:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s;}

.tvc-area img.pull-left{display:block !important;}*/





	

	

	.tvc-area img.pull-left{display:none;}

	.popup-yt-format .tvc img{width:150px; height:auto;}



}



@media (min-width: 1280px) and (max-width:1281px){

	#errorq{font-size:10px !important;}

}





@media (max-width: 360px){



	.width80p{ width:100% !important;}

	.width25p{ width:80% !important;}

	.width25p:last-child{ margin-bottom:112px !important;}

	.product-detail2{  margin-top:10px;}

	.txt3{ padding-left:18px;}

	.txt2{ font-size:36px !important; padding-left:18px;}

	.product-items{ border:none !important; box-shadow:none !important; margin-top:0px !important;}

	.product-items div{ width:96% !important; border-bottom:1px solid #CCC; padding-top:20px !important;}

	.product-items div img{ width:75% !important;}

	.product-items div.padleft, .product-items div.padleft p{text-align:center;}

	.product-items div.padleft p.phead, .product-items div.padleft p.pdetails{margin-bottom:5px;}

	.product{ display:block !important;}

	.slide-body img{width:157%;}

	.responsive-slider .slides ul li .slide-body img{ max-width:137%;}

	.responsive-slider .slides ul li .slide-body .caption.header {top: 100% !important; left: 0 !important; 

		background-color: rgba(255, 255, 255, 0.8); padding:10px 0px 10px 10px;; width:330px;

	}



	.text01{ font-weight:bold; letter-spacing:0.4px;}

	.text01_p{ font-weight:bold; letter-spacing:0.5px;}

	.page_bar2{margin-bottom:-22px !important;}

	.slides ul{padding-bottom:160px !important;}

	.responsive-slider .slides ul li .slide-body img{margin:0 auto;}

	.responsive-slider .slides ul li .slide-body .caption.header{text-align:center;}

	.banner-cap{float:none !important;}

}





@media (max-width: 320px){

	.ex-filter{ width:82% !important;}

	.responsive-slider .slides ul li .slide-body .caption.header { top: 70%; left: 0% !important; background-color: rgba(255, 255, 255, 0.8);

		  padding:10px 0px 10px 10px;;

		  width:310px;

	}



	.text01{ font-weight:bold; letter-spacing:0.4px; font-size:18px;}

	.text01_p{ font-weight:bold; letter-spacing:0.5px; font-size:18px;}



}









@media (min-width:480px) and (max-width:640px){

	.text01{  margin-left:5px;}

	.marleft30{ margin-left:15px;}

	

}







@media (min-width:600px) and (max-width:601px){

	.footer{ position:absolute !important; height:30px !important; }

	.menu3{ margin-bottom:0px;}	

}



@media (max-width:330px){

	.margin_9p{height:735px !important;}

}



@media (max-width:400px){

	.margin_9p{margin-top:35px !important; }

	.posRel{width:100%; height:100%;}

	.salon-service ul{float:none !important; margin:295px 0 0 5% !important; width:95%;}

	.s-body ul{margin-top:-25px !important;}

	.green-strip{top:46%; width:100%;}

}

@media (min-width:401px) and (max-width:767px){

	.posRel{width:100%; height:150%;}

}

@media (min-width:768px) and (max-width:1023px){

	.posRel{width:100%; height:75%;}

}



@media (min-width:1025px){

	.margin_9p .banner_img{width:	

	}

	

}

@media (min-width:1024px) and (max-width:1200px){

	.salon-service ul{width:220px;}

	.salon-service ul li.active{font-size:24px;}	

	.download-item{ width:36% !important; margin-left:10% !important;}

}



@media (min-width: 1360px) {

	 

	.clickdivbor{margin-bottom:0px !important;    padding-bottom: 50px;}

	.rightpanel{width:230px;}

}





	@-moz-document url-prefix(){

	.responsive-slider {margin-top:85px;}	

	

}





@media (min-width:1300px) and (max-width:1600px){

		

	.banner_img{ float:left; width:43%;}

	.banner_img img{width:100%; height:auto !important;   }

	.product-detail{ float:left; width:47%; padding:0 5%;}

	.slimScrollDiv .product-detail{ float:left; width:90% !important;}

/*.salon-service ul{ position:absolute; right:20px;}

.salon-service .s-body ul{ position:absolute; right:20px;}	*/

}





/*@media screen and (device-width: 480px) and (device-height: 800px){

	.footer{ position:absolute !important;}

}*/



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

	table.expert tr td input[type="text"]{ margin-bottom:5px;}

	table.expert tr td textarea{ margin-bottom:0px;}

}

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

	.menu{ float:right; list-style:none; margin-bottom:0; margin-top:22px; }

	.menu li a{padding-bottom:13px;}

	/*.salon-service ul{float:right; margin:92px 0 0; padding:0;}*/

	.salon-service ul li a span.mainTxt{ font:18px 'swis721_th_btthin',Arial,Helvetica,sans-serif; display:block; padding-top:7px; padding-bottom:5px;}

	.salon-service ul li:last-child a{letter-spacing:-0.5px}

	.seach-sub{top:28px;}

	.seTp{top:21px;}

	.search input.search-text{margin-top:2px;}

}





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

    /* Safari and Chrome */

   .responsive-slider .pages{bottom:30px;}

    /* Safari only override */

    ::i-block-chrome,.responsive-slider .pages{

       bottom:10% !important;

    }

	

	::i-block-chrome,.side_bar2{ top:52% !important;}

	::i-block-chrome,.enquire-now-btn{ font-size:11px; padding:5px 8px;}

	::i-block-chrome, .tvc-area{bottom:50px !important;}

	

}





@media (max-width:360px){

	.selectDiv{ width:104%;}



}







@media (min-width:360px) and (max-width:361px){

	.enquire_popup{ position:fixed !important; top:50% !important;}

	.login_popup, .change-password{ position:fixed;}

.flo-head p{ font:15px/31px "swis721_th_btthin",Arial,Helvetica,sans-serif !important;}

}





@media (min-width:540px) and (max-width:639px){

	.salon-service ul{width:225px;}



}





@media (min-width:480px){

	.selectDiv{ width:101% ;}

}

@media (min-width:1281px){

	.selectDiv{ background-color:none;}

	.product-detail p{width:100%; //float:left!important;}

	.quickexp p{width:auto !important;}

}









@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

  /* Portrait iPad display */

  	.menu{ margin-top:0px;}

  	.salon-service ul li.active{ margin-top:-8px;}

  	.width80p{ width:77%;}

	.width20p{ width:23%;}

}





@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {

  /* Landscape iPad display */

    .menu{ margin-top:0px;}

	.menu li:hover a, .menu li.active a, .menu li.active:hover a{  background:url(../img/arrow.png) no-repeat center 32px;}

	.menu li .submenu-new{ top:22px;}

	.width80p{ width:77%;}

	.width20p{ width:23%;}



	

}



	.enscroll-track{ color:none; background:none;}

	.vertical-track{ color:none; background:none;}

	.txt4{color: #555; font: 14px/18px "swis721_lt_btlight",Arial,Helvetica,sans-serif;}

	

	

@media (min-width:1360px) and (max-width:1361px){

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

	  .salon-service ul li.active{ margin-top:-7px;}	

	  .menu li:hover a, .menu li.active a, .menu li.active:hover a{background:url(../img/arrow.png) no-repeat center 42px;}

}



}

	

@media (min-width:1360px){

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

  

	.banner_img{height:555px; overflow:hidden;}

	.banner_img img{height:100% !important;}

}

	@-moz-document url-prefix() { 

		.banner_img{height:100vh; overflow:hidden;}

		.banner_img img{height:auto !important; width:100%;}

	}



}



	

@media (min-width:1360px){

	

  

	.banner_img{height:530px\0/; overflow:hidden\0/;}

	.banner_img img{height:100%\0/ !important; width:auto\0/;}





}





@media (min-width:480px) and (max-width:1024px){

	.tvc-area{ text-align:center;}



}







@media(max-width:360px){

	.tvc-area{ text-align:center;}

	.tvc-hr{width:90%; background:#008035; margin:0 4%;}	

}



@media (min-width:1281px){

	

	.horiz-tvc{display:none;}

	.tvc-area{ text-align:center; position:fixed; right:-152px; bottom:78px; padding:1px 1px 1px 25px; background:url(../img/tvc.png) no-repeat #008035; transition:0.5s; cursor:pointer; -webkit-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; -moz-transition:0.5s; z-index:9999999;}

	.RightTvc{right:0px; transition:0.5s; -webkit-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; -moz-transition:0.5s;}

	.horiz-tvc{ text-align:center;}	

}







	.flo-head{ width:100%; height:35px; background:url(../img/phyto-bg.jpg) no-repeat #81cb3c; display:inline-block;}

	.flo-head p{ font:24px "swis721_th_btthin",Arial,Helvetica,sans-serif;  color:#FFF; margin-left:141px; line-height:40px; margin-top:0px; }



	.product-item-new{ width:28%; float:left; padding-top:2%; padding-left:0%; position:relative;}

	.weght-pd{position:absolute; bottom:0px; left:0px;}

	.weght-pd02{position:absolute; bottom:0px; right:0px;}

	.product-item-new img{}

	.product-item-des-new{ width:32%; float:left; margin-top:5%;   border-right:2px solid #063; }

	.product-item-des-new p{font:14px/20px "swis721_lt_btlight",Arial,Helvetica,sans-serif; padding:0 10% 0 15px;}

	.product-item-des-two{width:33%; float:left; margin-top:5%; padding-left:3%; font:18px "swis721_th_btthin",Arial,Helvetica,sans-serif; }

	.product-item-des-two p{color:#008035;}

	.product-item-ul{ margin:0; padding:0; padding-left:15px; font:14px/18px "swis721_lt_btlight",Arial,Helvetica,sans-serif;}

	.product-item-ul li{ margin-bottom:6px;}

	.phyorx-bg{ margin-right:10px; font-size:22px;}

	.main-item-con{ padding:30px; padding-right:0px; padding-top:0px; margin-top:15px; display:inline-block;}

	.main-detail{ font-weight:bold;}



@media (min-width:768px) and (max-width:1279px){

	.main-item-con{margin-top:14px;}

	.inqnow{ margin-top:-7px !important; padding-top:3px;} 

	.menu{ margin-top:-19px;}

	.flo-head p{ font:15px "swis721_th_btthin",Arial,Helvetica,sans-serif;  color:#FFF; margin-left:150px; padding-top:12px;}

	.product-item-new{ width:17%;}

	.product-item-new img{ width:100%;}

	.product-item-des-new{width:42%;  margin-top:4%;}

	.product-item-des-new  p{font:13px/1.4 "swis721_th_btthin",Arial,Helvetica,sans-serif; }

	.product-item-des-two{font:16px "swis721_th_btthin",Arial,Helvetica,sans-serif;   margin-top:4%; padding-left:2%; width:38%;}

	.product-item-ul{font:13px/1.4 "swis721_th_btthin",Arial,Helvetica,sans-serif;}

	.menu li a{ margin-bottom:9px !important; padding:6px 10px !important;}

	.slimScrollDiv{ height:100vh !important;}

	.menu li .submenu-new{ top:21px;}

	

}





@media (max-width:767px){

	.main-item-con{padding-left:0px; padding-right:10px; display:inline-block; margin-top:20px !important;}

	

	.product-item-new{ width:100%; text-align:center;}

	.product-item-new img{ width:60%;}

	.product-item-des-new{ width:100%; float:left; margin-top:5%; border-right:none;}

	.product-item-des-new p{font:14px/1.4 "swis721_th_btthin",Arial,Helvetica,sans-serif; border-bottom:2px dotted #063; border-right:0; padding-bottom:5%;}

	.product-item-des-two{width:96%; float:left; margin-top:5%; padding-left:3%; font:14px/1.3 "swis721_th_btthin",Arial,Helvetica,sans-serif;}

	.width80p{ width:100%;  float:left;}

	.flo-head p{ font-size:20px;}

}





@media (min-width:480px) and (max-width:639px){

	.banner-cap{width:70% !important; float:right;}	

	.flo-head p{ margin-top:5px; font:13px/28px "swis721_th_btthin",Arial,Helvetica,sans-serif;}

	.inqnow{margin-top:3px; padding-top:-3px;}

	.flo-head{ height:64px; background:url(../img/phyto-bg.jpg) no-repeat;}

	.inqnow{ margin-top:1px !important; margin-bottom:5px;  font-size:10px; padding:2px 5px !important; border:1px solid #357f1e !important; }

}



@media (max-width:479px){

	.banner-cap{width:70% !important; float:right;}	

	.flo-head p{ margin-top:5px; font:15px/26px "swis721_th_btthin",Arial,Helvetica,sans-serif;}

	.inqnow{margin-top:3px; padding-top:-3px;}

	.flo-head{ height:94px; background:url(../img/phyto-bg.jpg) no-repeat #357f1e;}

	.inqnow{ margin-top:5px !important; margin-bottom:5px;  font-size:10px; padding:2px 5px !important; border:1px solid #357f1e !important; }

	.responsive-slider .pages{ bottom:155px !important;}

	.slide .caption{ margin-top:126px;}

	

}





	.inqnow{ float:right; border:1px solid #fff; border-radius:3px; background:#fff; color:#000; margin-right:5px; padding:3px 8px; cursor:pointer; margin-top:5px;}

	.menu li:last-child a{ padding-right:0px !important;}





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





	

}









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

   /* Safari only override */

    ::i-block-chrome, .menu li .submenu-new{transition:none !important; -webkit-transition:none !important;}

		

}





@media (min-width:1360px){

	.caption{bottom:0px;}

}