/* Large desktop & notebooks */ @media (min-width: 980px) { /* sidebar */ /* body container */ #wrap{width:100%; float:left; background:#f7f7f7;} .main-header{background:#FFFFFF; width:100%; float:left; border-bottom:#802b0d solid 3px;} .sub-header{width:1000px; margin:0 auto;} .logo{float:left; margin:20px 0 20px 0;} .menu-main-box{width:556px; float:right;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; font-weight:bold; color:#585858; padding-left:20px; padding-right:20px; padding-top:45px; padding-bottom:20px; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; font-weight:bold; color:#fff; padding-left:20px; padding-right:20px; padding-top:45px; padding-bottom:20px; background:#802b0d; text-decoration:none;} .current_page_item a{background:#802b0d;float:left; color:#FFF !important;} .header-links-box{width:165px; float:right; margin:20px 20px 0 0;} .fb-link{float:right;} .tweet-link{float:right; margin:0 10px 0 10px;} .linked-link{float:right;} .slider-main-box{width:100%; float:left; border-bottom:#802b0d solid 3px;} .slider-big-img{background:#000000; width:100%; float:left;} .body-box{width:100%; float:left;} .content-main-box{width:1000px; height:1485px; margin:0 auto;} .circle-main-box{width:280px; float:left; margin-top:40px;} .circle-img-cntr-box{width:280px; float:left;} .circle-image{text-align:center;} .circle-title{width:280px; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:280px; color:#919191; margin-top:5px;} .more-buton-box{width:280px; float:left; margin-top:15px;} .more-button{text-align:center;} .circle-main-box-b{width:280px; float:left; margin:40px 0 0 80px;} .left-main-box{width:620px; float:left; margin-top:30px;} .offer-heading{background:url(images/offer-heading.png); width:150px; height:27px; float:left;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:619px; height:191px;} .span{display:none;} .face-massage-title{width:620px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin-top:5px; text-align:justify; color:#8b8b8b;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:615px; height:281px;} .right-main-box{width:315px; float:right; margin-top:30px;} .form-box{width:313px; height:409px; float:left; background:#f7f7f7; border:#802b0d solid 1px;} .form-head{background:url(images/form-head.png); width:315px; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px;} .form-field{width:290px; height:45px; float:left; margin:28px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:315px; float:left; margin-top:30px;} .submit-buton{text-align:center;} .facebook-box{width:313px; /*height:279px;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px;} .facebook-head{background:url(images/facebook-head.png); width:312px; height:62px; float:left;} .facebook-smal-box{width:295px; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-img{float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:235px; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:235px; margin-left:10px; margin-top:2px;} .clients-main-box{width:1000px; float:left; margin-top:30px;} .clients-head{background:url(images/clients--head.png); width:150px; height:27px; float:left;} .clients-box{width:998px; float:left; /*height:180px;*/ border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 30px;} .environ-logo{float:left; margin:20px 0 0 40px;} .orly-logo{float:left; margin:90px 0 0 40px;} .matrix-logo{float:left; margin:90px 0 0 40px;} .footer-main-box{width:100%; height:100px; float:left; background:#2f343a;} .sub-footer{width:1000px; height:100px; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:1000px; text-align:center; color:#FFF; margin-top:25px; line-height:10px;} /* Treatmenst */ .treat-body-main-box{width:1000px; /*height:1920px;*/ margin:0 auto;} .treat-head-main-box{background:#7e4a34; width:100%; float:left;} .treat-head-smal-box{width:1000px; margin:0 auto; /*height:70px;*/} .treat-head-text{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; font-size:24px; float:left; margin-top:20px;} .treat-top-para{width:1000px; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#8a8a8a; text-align:justify; line-height:20px;} .treat-content-box{width:1000px; float:left; height:245px; border-bottom:#481605 solid 3px; margin-top:40px;} .treat-cirlce-box{width:210px; float:left;} .treat-circle-img{text-align:left;} .treat-img-para-box{width:770px; float:left; margin:30px 0 0 20px;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868;} .treat-imag-descrip{width:770px; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:justify; line-height:20px; color:#8a8a8a;} .treat-img-para-box-b{width:770px; float:left; margin:30px 20px 0 0;} .treat-form-box{width:1000px; float:left; margin-top:40px;/* margin-left:128px;*/} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; float:left; font-style:italic; color:#676767; margin-top:15px;} .treat-field-box{width:266px; height:42px; float:left; margin:0 0 0 20px; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:left; margin-left:20px;} /* Products */ .product-body-main-box{width:1000px; /*height:1340px;*/ margin:0 auto;} .product-content-box{width:460px; float:left; margin-top:40px;} .product-circle-img-box{width:460px; float:left;} .product-circle-img{text-align:center;} .product-img-descrip{width:460px; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} /* Gift Voucher */ .git-body-main-box{width:1000px; height:1270px; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; /*height:183px;*/ float:left; border-bottom:#481605 solid 3px;} .gift-smal-head-box{width:1000px; /*height:183px;*/ margin:0 auto;} .gift-smal-thum{float:right; margin:30px 0 0 15px;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:75px;} .gift-content-smal-box{width:1000px; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px;} .gift-content-smal-box-b{width:1000px; float:left; margin-top:0px; border-bottom:#7a402c dotted 1px;} .gift-cirlce-box{width:210px; float:left;} .gift-circle-img{text-align:left;} .gift-img-para-box{width:1000px; float:left; margin:30px 0 0 0;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:1000px;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; width:1000px;} .gift-img-descrip{width:1000px; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-align:justify; line-height:20px; color:#8a8a8a;} .gift-btn-box{float:right; width:87px; margin:10px 0 0;} .gift-pric-img{float:left; margin:35px 0 0 28px;} .gift-buy-button{text-align:right;} /* Contact US */ .contact-body-box{width:1000px; margin:0 auto; height:1000px;} .contact-map-image{border:#7e4a34 solid 5px; float:left; margin:40px 0 0 35px; background:url(images/contact-image1.png); width:920px; height:330px;} .contact-detail-box{width:490px; float:left; margin:40px 0 0 35px;} .contact-heading-box{background:url(images/contact-head.png); width:315px; height:62px; float:left;} .address-box{width:480px; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#434343; float:left; line-height:20px; text-align:justify; margin:2px 0 0 10px; width:400px;} .contact-day-box{width:240px; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:240px;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:240px; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:240px; float:right; margin-top:30px;} .mail-icon{background:url(images/mail-icon.png); width:47px; height:35px; float:left;} .mail-title{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#434343; float:left; text-decoration:underline; margin:5px 0 0 10px;} .phone-icon{background:url(images/phone-icon.png); width:47px; height:47px; float:left;} .phone-title{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#434343; float:left; margin:15px 0 0 10px;} .contac-form-box{width:313px; /**/ float:right; background:#f7f7f7; border:#802b0d solid 1px; margin:30px 35px 0 0;} .contac-form-head{background:url(images/enquiry-head.png); width:315px; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px;} .contac-form-field{width:290px; height:45px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:290px; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:315px; float:left; margin-top:20px;} .contac-submit-buton{text-align:center;} } /* dashboard date range button for all device size */ @media (max-width: 966px) { .sub-header{width:100% !important; margin:0 auto; height:160px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:60% !important; float:right !important; margin-left:65px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:24px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:24px !important; text-decoration:none;} .header-links-box{width:30% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:1470px !important; margin:0 auto;} .circle-main-box{width:250px !important; float:left; margin:40px 0 0 40px !important;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:250px !important; float:left; margin:40px 0 0 40px !important;} .left-main-box{width:60% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:34.6% !important; float:left !important; margin-top:30px; margin-left:49px !important;} .form-box{width:315px !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:315px !important; /*height:277px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:22px !important; margin-left:0px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 20px !important;} .environ-logo{float:left; margin:50px 0 15px 20px !important;} .orly-logo{float:left; margin:110px 0 0 20px !important;} .matrix-logo{float:left; margin:110px 0 15px 20px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:2890px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:auto !important; text-align:left !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:239px !important; height:40px !important; float:left; margin:0 0 0 10px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:0px !important;} .product-body-main-box{width:91% !important; height:2160px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:97% !important; height:1280px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:right !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:70px;width:auto !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 15px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1000px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:45% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:46% !important; float:right !important; background:#f7f7f7; border:none !important; margin:40px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* dashboard date range button for all device size */ @media (max-width: 853px) { .sub-header{width:100% !important; margin:0 auto; height:160px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:63% !important; float:right !important; margin-left:24px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:16px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:16px !important; text-decoration:none;} .header-links-box{width:30% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:1950px !important; margin:0 auto;} .circle-main-box{width:270px !important; float:left; margin-top:40px !important; margin-left:0 !important;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:270px !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:94% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:619px !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:615px !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:left !important; margin-top:30px; margin-left:0px !important;} .form-box{width:315px !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:315px !important; /*height:375px !important; */float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:0px !important; margin-left:80px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 40px !important;} .environ-logo{float:left; margin:50px 0 0 40px !important;} .orly-logo{float:left; margin:110px 0 0 40px !important;} .matrix-logo{float:left; margin:50px 0 15px 40px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3020px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:auto !important; text-align:left !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:188px !important; height:40px !important; float:left; margin:0 0 0 10px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:0px !important;} .product-body-main-box{width:91% !important; height:2160px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1470px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:right !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:70px;width:auto !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 90px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1000px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:45% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:46% !important; float:right !important; background:#f7f7f7; border:none !important; margin:40px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} .singl_nav{top:-30px !important;} .singl_nav a{display:block; margin:10px 0; width:100%;} .singl_nav a:hover{ padding-top:0px !important;} } /* dashboard date range button for all device size */ @media (max-width: 800px) { .sub-header{width:100% !important; margin:0 auto; height:160px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:63% !important; float:left !important; margin-left:24px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:16px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:16px !important; text-decoration:none;} .header-links-box{width:30% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:1950px !important; margin:0 auto;} .circle-main-box{width:250px !important; float:left; margin-top:40px !important; margin-left:0 !important;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:250px !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:619px !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:615px !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:left !important; margin-top:30px; margin-left:0px !important;} .form-box{width:315px !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:315px !important;/* height:375px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:0px !important; margin-left:80px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 40px !important;} .environ-logo{float:left; margin:50px 0 0 40px !important;} .orly-logo{float:left; margin:110px 0 0 40px !important;} .matrix-logo{float:left; margin:50px 0 15px 40px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3020px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:auto !important; text-align:left !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:164px !important; height:40px !important; float:left; margin:0 0 0 10px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:0px !important;} .product-body-main-box{width:91% !important; height:2160px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1470px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:right !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:70px;width:auto !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 90px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1000px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:45% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:46% !important; float:right !important; background:#f7f7f7; border:none !important; margin:40px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* dashboard date range button for all device size */ @media (max-width: 768px) { .sub-header{width:100% !important; margin:0 auto; height:160px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:61% !important; float:left !important; margin-left:24px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:14px !important; float:left; color:#585858; padding:13px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:14px !important; float:left; color:#fff; padding:13px !important; text-decoration:none;} .header-links-box{width:30% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:1950px !important; margin:0 auto;} .circle-main-box{width:240px !important; float:left; margin-top:40px !important; margin-left:0 !important;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:240px !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:619px !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:615px !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:left !important; margin-top:30px; margin-left:0px !important;} .form-box{width:315px !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:315px !important; /*height:375px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:0px !important; margin-left:80px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 40px !important;} .environ-logo{float:left; margin:50px 0 0 40px !important;} .orly-logo{float:left; margin:110px 0 0 40px !important;} .matrix-logo{float:left; margin:50px 0 15px 40px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3020px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:auto !important; text-align:left !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:149px !important; height:40px !important; float:left; margin:0 0 0 10px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:0px !important;} .product-body-main-box{width:91% !important; height:2280px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1470px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:right !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:70px;width:auto !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 90px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1000px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:45% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:46% !important; float:right !important; background:#f7f7f7; border:none !important; margin:40px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* Landscape phones and down */ @media (max-width: 640px) { .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:28.7px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:28.7px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:2750px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:left !important; margin-top:30px; margin-left:0px !important;} .form-box{width:48% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:50% !important; /*height:375px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:0px !important; margin-left:8px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 40px !important;} .environ-logo{float:left; margin:50px 0 0 100px !important;} .orly-logo{float:left; margin:50px 0 0 50px !important;} .matrix-logo{float:left; margin:50px 0 15px 75px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3150px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:auto !important; text-align:left !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:90px !important; height:40px !important; float:left; margin:0 0 0 10px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:0px !important;} .product-body-main-box{width:91% !important; height:2400px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1870px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 130px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1455px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:85% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* Landscape phones and down */ @media (max-width: 603px) { .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:25px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:25px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3080px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:left !important; margin-top:30px; margin-left:0px !important;} .form-box{width:55% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:125px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:55% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:30px !important; margin-left:125px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 40px !important;} .environ-logo{float:left; margin:50px 0 0 100px !important;} .orly-logo{float:left; margin:50px 0 0 50px !important;} .matrix-logo{float:left; margin:50px 0 15px 75px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3340px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:530px !important; height:40px !important; float:left; margin:20px 0 0 0px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:20px !important;} .product-body-main-box{width:91% !important; height:2570px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1870px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 130px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1630px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:85% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* Landscape phones and down */ @media (max-width: 600px) { .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:25px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:25px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3080px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:left !important; margin-top:30px; margin-left:0px !important;} .form-box{width:55% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:125px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:55% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:30px !important; margin-left:125px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 40px !important;} .environ-logo{float:left; margin:50px 0 0 100px !important;} .orly-logo{float:left; margin:50px 0 0 50px !important;} .matrix-logo{float:left; margin:50px 0 15px 75px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3450px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:530px !important; height:40px !important; float:left; margin:20px 0 0 0px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:0px !important; margin-top:20px !important;} .product-body-main-box{width:91% !important; height:2570px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1870px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 130px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1630px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:85% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* Landscape phones and down */ @media (max-width: 568px) { /* dashboard daterange containers */ .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:21.7px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:21.7px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3100px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:62% !important; float:left !important; margin-top:30px; margin-left:50px !important;} .form-box{width:99% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:40px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:99% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px !important; margin-left:40px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 35px !important;} .environ-logo{float:left; margin:50px 0 0 65px !important;} .orly-logo{float:left; margin:50px 0 0 35px !important;} .matrix-logo{float:left; margin:50px 0 15px 55px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3445px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:463px !important; height:42px; float:left; margin:15px 0 0 19px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:18px !important; margin-top:15px !important;} .product-body-main-box{width:91% !important; height:2570px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:1870px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 130px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1640px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:100% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} } /* Landscape phones and down */ @media (max-width: 533px) { /* dashboard daterange containers */ .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#585858; padding:18px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:15px !important; float:left; color:#fff; padding:18px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3100px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:62% !important; float:left !important; margin-top:30px; margin-left:50px !important;} .form-box{width:99% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:40px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:99% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px !important; margin-left:40px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 20px !important;} .environ-logo{float:left; margin:50px 0 0 65px !important;} .orly-logo{float:left; margin:50px 0 0 20px !important;} .matrix-logo{float:left; margin:50px 0 15px 30px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3445px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:463px !important; height:42px; float:left; margin:15px 0 0 0px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:18px !important; margin-top:15px !important;} .product-body-main-box{width:91% !important; height:2670px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:93% !important; height:1870px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 130px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1640px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:100% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} .single_box{width:90% !important;} } /* Landscape phones and down */ @media (max-width: 480px) { /* dashboard daterange containers */ .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#585858; padding:20.7px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#fff; padding:20.7px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 20px 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3100px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:70% !important; float:left !important; margin-top:30px; margin-left:20px !important;} .form-box{width:99% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:40px !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:99% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px !important; margin-left:40px !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 10px !important;} .environ-logo{float:left; margin:50px 0 0 30px !important;} .orly-logo{float:left; margin:50px 0 0 10px !important;} .matrix-logo{float:left; margin:50px 0 15px 10px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3570px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:383px !important; height:42px; float:left; margin:15px 0 0 19px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:18px !important; margin-top:15px !important;} .product-body-main-box{width:91% !important; height:2690px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:2000px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 105px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1640px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:100% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} .single_box{width:90% !important;} } /* Landscape phones and down */ @media (max-width: 385px) { /* style switcher */ /* page title*/ /* sidebar */ .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#585858; padding:10.7px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#fff; padding:10.7px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 0 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3420px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:90% !important; float:left !important; margin-top:30px; margin-left:20px !important;} .form-box{width:99% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0 !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:99% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px !important; margin-left:0 !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 90px !important;} .environ-logo{float:left; margin:20px 0 0 65px !important;} .orly-logo{float:left; margin:50px 0 0 95px !important;} .matrix-logo{float:left; margin:50px 0 15px 45px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:91% !important; height:3840px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:295px !important; height:42px; float:left; margin:15px 0 0 19px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:18px !important; margin-top:15px !important;} .product-body-main-box{width:91% !important; height:2930px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:91% !important; height:2000px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 60px !important;} .contact-body-box{width:91% !important; margin:0 auto; height:1640px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:100% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} .single_box{width:90% !important;} } /* Landscape phones and down */ @media (max-width: 360px) { /* dashboard daterange containers */ .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#585858; padding:8.7px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#fff; padding:8.7px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 0 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:97% !important; height:3420px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:right !important; margin-top:30px; margin-left:0 !important;} .form-box{width:99% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0 !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:99% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px !important; margin-left:0 !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 80px !important;} .environ-logo{float:left; margin:20px 0 0 50px !important;} .orly-logo{float:left; margin:50px 0 0 80px !important;} .matrix-logo{float:left; margin:50px 0 15px 30px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:97% !important; height:3840px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:295px !important; height:42px; float:left; margin:15px 0 0 19px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:18px !important; margin-top:15px !important;} .product-body-main-box{width:97% !important; height:2930px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:97% !important; height:2000px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-buy-button{text-align:center !important;} .gift-pric-img{float:left; margin:35px 0 0 60px !important;} .contact-body-box{width:97% !important; margin:0 auto; height:1640px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:100% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:315px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:295px !important;} .contac-form-field{width:295px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:292px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} .single_box{width:90% !important;} } /* Landscape phones and down */ @media (max-width: 320px) { /* dashboard daterange containers */ .sub-header{width:100% !important; margin:0 auto; height:250px !important;} .logo{float:left; margin:20px 0 20px 5px !important;} .menu-main-box{width:100% !important; float:left !important; margin-left:0px !important;} .menu-main-box ul li a{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#585858; padding:4.7px !important; text-decoration:none;} .menu-main-box ul li a:hover{font-family:Arial, Helvetica, sans-serif; font-size:11px !important; float:left; color:#fff; padding:4.7px !important; text-decoration:none;} .header-links-box{width:100% !important; float:right; margin:20px 0 0 0 !important;} .linked-link{float:right; margin-right:5px !important;} .content-main-box{width:100% !important; height:3420px !important; margin:0 auto;} .circle-main-box{width:100% !important; float:left; margin-top:40px;} .circle-img-cntr-box{width:100% !important; float:left;} .circle-title{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#565656; text-align:center;} .circle-desrcrip{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; text-align:center; width:100% !important; color:#919191; margin-top:5px;} .more-buton-box{width:100% !important; float:left; margin-top:15px;} .circle-main-box-b{width:100% !important; float:left; margin:40px 0 0 0 !important;} .left-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .face-massage-img{float:left; margin-top:10px; background:url(images/face-massage-img.png); width:100% !important; height:191px;} .face-massage-title{width:100% !important; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#595959; font-size:16px; margin-top:10px;} .face-massage-para{font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:5px; text-align:left !important; color:#8b8b8b; width:100% !important;} .gift-voucher{float:left; margin-top:30px; background:url(images/gift-voucher.png); width:100% !important; height:281px; margin-left:0px !important;} .right-main-box{width:100% !important; float:right; margin-top:30px; margin-right:0 !important;} .form-box{width:99% !important; height:375px; float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-left:0 !important;} .form-head{background:url(images/form-head.png); width:100% !important; height:62px; float:left;} .form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 8px !important; text-align:center; color:#949494; width:95% !important;} .form-field{width:91% !important; height:40px; float:left; margin:25px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .submit-buton-box{width:100% !important; float:left; margin-top:25px;} .facebook-box{width:99% !important; /*height:279px !important;*/ float:left; background:#f7f7f7; border:#802b0d solid 1px; margin-top:28px !important; margin-left:0 !important;} .facebook-head{background:url(images/facebook-head.png); width:100% !important; height:62px; float:left;} .facebook-smal-box{width:92% !important; height:60px; border-bottom:#738cc0 solid 1px; margin:10px 0 0 10px; float:left;} .thum-title{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#3b5998; width:78% !important; margin-left:10px;} .thum-descrip{font-family:Tahoma, Geneva, sans-serif; font-size:12px; float:left; color:#808080; width:78% !important; margin-left:10px; margin-top:2px;} .clients-main-box{width:100% !important; float:left; margin-top:30px; margin-left:0px !important;} .clients-box{width:99% !important; float:left; height:auto !important; border:#dfdfdf solid 1px; border-radius:6px; margin-top:15px; background:#FFFFFF;} .surmantis-logo{float:left; margin:20px 0 0 67px !important;} .environ-logo{float:left; margin:20px 0 0 38px !important;} .orly-logo{float:left; margin:50px 0 0 72px !important;} .matrix-logo{float:left; margin:50px 0 15px 22px !important;} .footer-main-box{width:100%; height:auto !important; float:left; background:#2f343a;} .sub-footer{width:100% !important; height:auto !important; margin:0 auto;} .footer-text{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; width:100% !important; text-align:center; color:#FFF; margin:25px 0 25px 0 !important; line-height:20px !important;} .treat-body-main-box{width:100% !important; height:3840px !important; margin:0 auto;} .treat-head-smal-box{width:100% !important; margin:0 auto; /*height:70px;*/} .treat-top-para{width:100% !important; float:left; margin:20px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#8a8a8a; text-align:center !important; line-height:20px;} .treat-content-box{width:100% !important; float:left; height:auto !important; border-bottom:#481605 solid 3px; margin-top:40px; padding-bottom:20px !important;} .treat-cirlce-box{width:100% !important; float:left;} .treat-circle-img{text-align:center !important;} .treat-img-para-box{width:100% !important; float:left; margin:15px 0 0 0px !important;} .treat-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; text-align:center !important; width:100% !important;} .treat-imag-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px !important; text-align:center !important; line-height:20px; color:#8a8a8a; padding-bottom:20px !important;} .treat-img-para-box-b{width:100% !important; float:left; margin:30px 20px 0 0;} .treat-form-box{width:100% !important; float:left; margin-top:40px;} .treat-form-title{font-family:Georgia, "Times New Roman", Times, serif; font-size:20px !important; width:100% !important; text-align:center !important; float:left; font-style:italic; color:#676767; margin-top:5px;} .treat-field-box{width:266px !important; height:42px; float:left; margin:15px 0 0 19px !important; background:#d8d8d8; border:#8f8f8f solid 1px;} .treat-form-submit{float:right !important; margin-right:18px !important; margin-top:15px !important;} .product-body-main-box{width:100% !important; height:3040px !important; margin:0 auto;} .product-content-box{width:100% !important; float:left; margin-top:40px;} .product-circle-img-box{width:100% !important; float:left;} .product-img-descrip{width:100% !important; float:left; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#9c9b9b; line-height:20px;} .git-body-main-box{width:100% !important; height:2000px !important; margin:0 auto;} .gift-head-main-box{background:url(images/voucher-bg.png); width:100%; height:auto !important; float:left; border-bottom:#481605 solid 3px; padding-bottom:20px !important;} .gift-smal-head-box{width:100% !important; height:auto !important; margin:0 auto;} .gift-smal-thum{float:left !important; margin:30px 0 0 20px !important;} .gift-heading-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#864b39; font-size:24px; float:left; margin-top:25px;width:100% !important; text-align:center !important;} .gift-content-smal-box{width:100% !important; float:left; margin-top:40px; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-content-smal-box-b{width:100% !important; float:left; margin-top:0px !important; border-bottom:#7a402c dotted 1px; height:auto !important;} .gift-brown-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px; float:left; margin-top:10px; color:#7e4a34; text-align:center !important; width:100% !important;} .gift-cirlce-box{width:100% !important; float:left;} .gift-circle-img{text-align:center !important;} .gift-img-para-box{width:100% !important; float:left; margin:30px 0 0 0 !important;} .gift-img-title{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; float:left; color:#686868; width:100% !important; text-align:center !important;} .gift-img-descrip{width:100% !important; float:left; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center !important; line-height:20px; color:#8a8a8a; width:100% !important;} .gift-btn-box{float:right; width:100% !important; margin-top:20px !important; margin-bottom:15px !important;} .gift-pric-img{float:left; margin:35px 0 0 40px !important;} .gift-buy-button{text-align:center !important;} .contact-body-box{width:100% !important; margin:0 auto; height:1640px !important;} .contact-map-image{border:none !important; float:left; margin:40px 0 0 0 !important; background:url(images/contact-image1.png); width:100% !important; height:330px;} .contact-detail-box{width:100% !important; float:left; margin:40px 0 0 0 !important;} .contact-heading-box{background:url(images/contact-head.png); width:305px !important; height:62px; float:left;} .address-box{width:100% !important; float:left; margin-top:20px;} .address-icon{float:left; background:url(images/address-icon.png); width:40px; height:56px; margin-top:5px !important;} .address-para{font-family:Arial, Helvetica, sans-serif; font-size:12px !important; color:#434343; float:left; line-height:20px; text-align:left; margin:0 0 0 10px; width:83% !important;} .contact-day-box{width:45% !important; float:left; margin-top:30px;} .contact-day-title{font-family:Arial, Helvetica, sans-serif; font-size:16px; float:left; color:#8a8a8a; margin-top:12px; width:100% !important;} .contact-time-title{font-family:Arial, Helvetica, sans-serif; width:100% !important; font-size:16px; float:left; color:#8a8a8a; margin-top:12px;} .contact-time-box{width:55% !important; float:left !important; margin-top:30px;} .contac-form-box{width:100% !important; float:left !important; background:#f7f7f7; border:none !important; margin:30px 0 0 0 !important;} .contac-form-head{background:url(images/enquiry-head.png); width:305px !important; height:62px; float:left;} .contac-form-para{font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; margin:20px 0 0 10px; text-align:center; color:#949494; width:285px !important;} .contac-form-field{width:282px !important; height:45px; float:left; margin:18px 0 0 10px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-form-text-area{width:279px !important; height:80px; float:left; margin:18px 0 0 12px; background:#FFF; border-radius:6px; border:#e0e0e0 solid 1px;} .contac-submit-buton-box{width:100% !important; float:left; margin-top:20px;} .single_box{width:87% !important;} }