/*
Theme Name: Tranquility Spa Retreat by Giant Media
Description: Custom responsive theme for Tranquility Spa Retreat
Version: 1.0
Author: GiantMedia.com.au
*/
/*  RESET ALL  ============================================================================= */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/*  Standard styling site wide  ============================================================================= */
::selection { background: #004772; color:#fff; } ::-moz-selection { background: #004772; color:#fff; }
body, textarea { font-family: 'PT Sans', sans-serif; line-height:1.8; font-size:17px; color:#393a3d; background:#fff; text-rendering: optimizeLegibility; }
p { font-family: 'PT Sans', sans-serif; margin-bottom:15px; color:#393a3d; line-height:1.7; font-size:17px; font-weight:300; }
ol { font-family: 'PT Sans', sans-serif; margin:10px 0px; color:#393a3d; margin-left:30px; font-weight:300; }
ul { font-family: 'PT Sans', sans-serif; margin:10px 0px; color:#393a3d; margin-left:30px; font-weight:300; }
li { font-family: 'PT Sans', sans-serif; line-height:1.7; font-weight:300; }
a { color:#004772; text-decoration:none; font-weight:300; }
a:hover { color:#004772; }
p a { text-decoration: underline; }
a img { -webkit-transition: all 500ms; transition: all 500ms;  }
strong { font-weight:600; }
hr { height:1px; width:100%; background:#222429; display:block; position:relative; border:none; outline:none; margin: 40px 0;}
/*  stops iphone changing color of phone numbers
============================================================================= */
a[href^=tel] { text-decoration:inherit; color:inherit; }
/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {	width: device-width; }
@viewport {	width: device-width; }
/* headings  ================================================== */
h1,h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a { font-family: 'adobe-caslon-pro', serif; color:#004772; display:block; width:auto; text-decoration:none; font-weight:400; line-height:1.2em; text-transform:none; -webkit-transition: all 500ms; transition: all 500ms; }
h1, h1 a { font-size:50px; margin-bottom:30px; }
h2, h2 a { font-size:35px; margin-bottom:20px; }
h3, h3 a { font-size:27px; margin-bottom:20px; }
h4, h4 a { font-size:24px; margin-bottom:20px; }
h5, h5 a { font-size:20px; margin-bottom:5px; }
iframe { max-width:100%!important; display:block; margin:0px auto; }
img  { max-width:100%; height:auto; display:block; }

/*  HEAD  ============================================================================= */
/* .logged-in .header { padding-top:28px!important; } */ 
.header .block { position: absolute; top:-35px; right:0; }
.main-menu { display: inline-block; margin-top: 0px; width: auto; float:right; clear: both; padding: 35px 0px; }
.header { z-index:200;   display:block;   overflow:visible; position:absolute;   box-sizing: border-box; -webkit-transition: all 500ms; transition: all 500ms;padding: 0;height: 200px;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);}
.home .header { background: url(images/fade.png) repeat-x 50% 50%; background-size: contain; }
.header .div_row { width:inherit; position: absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#logo { background:url('images/logo-white.svg') 50% no-repeat; background-size:contain !important; position: absolute;   height:140px; z-index:1200;    width:231px; -webkit-transition: all 500ms; transition: all 500ms; max-width: 100%;display: block;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.home #logo { background:url('images/logo-white.svg') 50% no-repeat; }
.banner { display:block; position:relative; padding:300px 0 80px; background: #004772;}
.banner:after { content:''; display: block; position: absolute; top:0; left:0; width:100%; height:100%; background:url(images/overlay.png) repeat; z-index: 1; display: none;}
.banner .div_row { position: relative; z-index: 100; }
.banner h1, .banner h2, .banner h3, .banner h4, .banner p { color: #fff; margin: 0; }
.banner h3, .banner h4 { margin-bottom:0; }
#breadcrumbs a { font-size:95% !important; margin:0 5px; color: #393a3d; -webkit-transition: all 500ms; transition: all 500ms; }
#breadcrumbs span { font-size:95% !important; margin:0 5px; color: #aaa; -webkit-transition: all 500ms; transition: all 500ms; }
#breadcrumbs a:hover { color:#004772; }
#breadcrumbs a:first-child, #breadcrumbs span:first-child { margin-left:0; }

/*  HOME  ============================================================================= */
.accomm { background:#eeece7 !important; padding:60px 0 50px !important;  }
.accomm img { padding:9px 50px; display:inline-block; vertical-align:middle; /*! margin-right:2em; */ max-height:115px;  max-width:300px; }
.accomm a:nth-child(2) img {
	width: 25%;
}
.treatment { padding:40px 40px 20px; border:1px solid #004772; margin-bottom:5px; }
.home .treatment { padding:0; border:none; margin-bottom:0; }

div.wpcf7-response-output { margin:0 !important; padding:20px; font-size:14px; text-align:center; background:#eee; border-width: 1px; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color:red; }
span.wpcf7-not-valid-tip { font-size:14px; margin-bottom:5px; }

.cart-tab { background:#0E5580; padding:15px 0; color:#fff; text-align:right; font-size:11px; text-transform:uppercase; position: relative;z-index: 1;border-bottom: 1px solid rgba(255,255,255,0.1);}
.cart-tab a { color:#fff; margin-left:10px;  }
.cart-tab a:before { content:'|';  color:#fff; margin-right: 10px;}

.price-block { border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; margin-bottom:2em; padding:20px 0; }
.price-block .duration { border-right:1px solid #e3e3e3; box-sizing: border-box; }
.price-block .cost {padding-left:2em;box-sizing: border-box;}
.price-block .text {display:inline-block;width: 70%;vertical-align: middle;}
.price-block .cost-icon {background:url(images/cost.png) center no-repeat #004772;display:inline-block;width:55px;height:55px;border-radius:50%;vertical-align: top;margin-right: 1.5em;}
.price-block .duration-icon {background:url(images/duration.png) center no-repeat #004772;display:inline-block;width:55px;height:55px;border-radius:50%;vertical-align: top;margin-right: 1.5em;}
.treat .cost-icon { margin-right: 0px; margin-bottom: 10px;}
.treat .duration-icon { margin-right: 0px; margin-bottom: 10px;}
.gift-vouchers { padding:150px 0 !important; }
.gift-vouchers h3 { font-size:55px; color:#fff; width: 620px;max-width: 100%; }
.gift-vouchers .more { color:#fff; text-decoration: none; }

.stock { display:none !important; }

.slider { position: relative; }

.welcome .image { width:50%; display:inline-block; vertical-align: middle; margin-right:9%; position:relative; }
.image .image-one { margin-bottom:100px; display:block; height:550px; width:65%;  background-size:cover; box-shadow: 0px 0px 60px -20px rgba(0,0,0,0.2);position: relative;z-index: 5;}
.image .image-two { position:absolute; display:block; height:450px; width:52%; top:200px; left:40%; max-width:60%; background-size:cover; box-shadow: 0px 0px 60px -20px rgba(0,0,0,0.2);z-index: 10;}

.welcome .text { width:40%; display:inline-block; vertical-align: middle; position:relative; }

.box { position:relative; top:0; -webkit-transition:all 500ms ease; transition:all 500ms ease; }
.box:hover { top:-5px; }
.box .info { padding-top:30px; }
#main-slider .box .info { text-align:center; }
.box .info h3 { margin-bottom:10px; }
.box .info p { margin-bottom:0; }
.box .date {  font-weight: 800; background:#004772; color:#fff; padding:15px 25px 12px; display: inline-block;font-size: 16px;position: absolute;top: 45px; left:45px; font-family: 'adobe-caslon-pro', serif;}
.box .news-image { height: 350px; background-size: cover !important; background-color: #f7f5f0 !important;}

.more { text-align:center; padding:0; background:none; color:#004772; text-transform:none !important; letter-spacing:0 !important; font-size:18px; font-weight:400; -webkit-transition: all 500ms; transition: all 500ms; display: inline-block;font-family: 'adobe-caslon-pro', serif;margin-top: 10px;top: 0; position: relative; box-sizing: border-box;border-bottom: 1px solid;} 
.more:hover { top:-3px; }

.button { text-align:center; padding:0; background:#004772 !important; color:#fff !important; text-transform:none !important; letter-spacing:0 !important; font-size:18px; font-weight:400; -webkit-transition: all 500ms; transition: all 500ms; display: inline-block;font-family: 'adobe-caslon-pro', serif;margin-top: 10px;top: 0; position: relative; box-sizing: border-box;border-bottom: 1px solid;} 
.button:hover { top:-3px; }

.box .more { margin-top:20px; }

.whitebutton { background:#fff; color:#393a3d; }
.whitebutton:hover { background:#ddd; color:#393a3d; }

/* WOO ==================================================================================*/
.coupon .button { width:200px; margin:0 !important; }
.actions .button { float:right !important; }
.actions { padding:10px !important; }


/*  BODY/PAGE/CONTENT  ============================================================================= */
.intro { width: 1200px; margin:0px auto; max-width: 100%; text-align: center; margin-bottom: 40px;}

.head-center { text-align:center; width:1200px; margin:0px auto; max-width:100%; }

.enquiry h2 { color:#fff; }
.enquiry p { color:#fff; }
.enquiry form { margin-top:2em; max-width: 1100px; }
.enquiry form input[type="text"], .enquiry form input[type="email"], .enquiry form textarea { background:#fff; margin: 15px 0 auto;}
.enquiry form p { margin-bottom:5px !important; }

.enquire-box { padding:50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.su-expand-link-less { display: none !important; }
.su-expand-collapsed .su-expand-link-more { display:inline-block !important; }

.su-expand-link a span { text-align: center; padding: 0px 45px !important; background: #004772; color: #fff; text-transform: none !important; letter-spacing: 0 !important; font-size: 17px; font-weight: 400; -webkit-transition: all 500ms; transition: all 500ms; display: inline-block; font-family: 'adobe-caslon-pro', serif; border-radius: 40px; height: 65px; line-height: 65px; top: 0; position: relative; box-sizing: border-box; }
.su-expand-link a span:hover { background:#004772; }

.su-accordion { margin-top:1em; margin-bottom:0 !important;  }
.desktop { display:block; }
.mobi { display:none; }

.wcflex-direction-nav .wcflex-prev { background:url('images/flex-left.png') no-repeat center !important; background-size: contain !important; opacity:0.5; width:60px; height:60px; }
.wcflex-direction-nav .wcflex-next { background:url('images/flex-right.png') no-repeat center !important; background-size: contain !important; opacity:0.5; width:60px; height:60px; }



.smbox {
  text-align: right;
  margin-bottom: 18px;
}
.smbox a {
  display: inline-block;
}
.smbox a img{
 transition: all 300ms;
 -webkit-transition: all 300ms;
}

.smbox a img:hover{
transform: scale(1.1, 1.1);
}


  .desktop {
    display: block;
  }
  .mob {
    display: none;
  }



/* ============================================================================= */
/* rusable elements below */
.page-numbers { font-size:20px; padding:23px 5px; color:#666; text-decoration:none; display:inline-block; }
 .page-numbers:hover { color:#ccc; text-decoration:none; }
 .current:before { content: "["; } 
 .current:after { content: "]"; } 
.sitemap li a { text-decoration:none; font-size:22px; }
.sitemap li a:hover { color:#666; }
.page_link h3 { color:#fff; font-size:24px; display:block !important;  border-bottom:2px solid; margin-bottom:25px; padding-bottom:13px; width:100%; }
.page_link h3:hover { color:#fff; border-bottom:2px solid; }
form { }
form p { width:100%; margin:3px auto; }
form .col { margin-top:0; margin-bottom:0; }
form h4 { margin-top:10px; margin-bottom:5px; font-size: 20px;font-weight: 800; }
form br { height: 0px; display: block; }

input[type="email"],
select, 
input[type="password"],
input[type="text"], 
.form-phone, 
textarea, 
input[type="tel"], 
input.payyourprice_contribution {
    border:1px solid #ccc !important;
    background:#f5f5f5;
    color: #222;
    padding: 0px 25px;
    width: 100% !important;
    margin:5px auto;
    display: block;
    font-size:15px;
    font-weight:400;
    font-family:inherit;
    box-sizing: border-box;
    border-radius:0;
    height: 70px;
    line-height: 70px;
}
::-webkit-input-placeholder { color:#555; font-family:inherit; font-weight:300; }
:-moz-placeholder { color:#555; font-family:inherit; font-weight:300; }
::-moz-placeholder { color:#555; font-family:inherit; font-weight:300; }
:-ms-input-placeholder { color:#555; font-family:inherit; font-weight:300; }
textarea, .inpage textarea { height:120px; max-width: 100%;}
input[type="submit"] { cursor:pointer; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#fff; background:#004772;  font-size:19px;  padding:0px 40px; display:block; text-align:center; font-weight:400; text-transform:none; -ms-transition:all 500ms; -webkit-transition: all 500ms; transition: all 500ms; height: 70px;line-height: 70px;margin-top: 20px !important;font-family: 'adobe-caslon-pro', serif;width: 100%;}
input[type="submit"]:hover { background:#004772; }
.navigation { display:block; padding:50px 0px; }
.navigation .alignleft a, .alignright a { padding:15px 30px; background:#fff; border-radius:9px; color:#666; border:1px solid #666; -webkit-transition: all 500ms; transition: all 500ms; }
.navigation .alignleft a:hover, .alignright a:hover { background:#666; color:#fff;  }

/*  FOOT  ============================================================================= */
[class^="socicon-"] { position:relative; background:#3e3e3e; color:#fff; height:45px; width: 45px; border-radius:50%;  display: inline-block; text-align: center; vertical-align: middle; font-size:18px; }
[class^="socicon-"]:before { top:50%; position: absolute; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);left: 50%;}
#footer_wrap { padding:80px 0px 70px; background:#f7f5f0 !important; background-size:cover; position:relative; z-index: 20;  overflow: hidden; }
#footer_wrap .footlogo {   width: 168px;background: url(images/logo.svg) no-repeat center;background-size: contain !important;display: block;position: relative;height: 150px;max-width: 90%;}
#footer_wrap ul { text-align:left; float:right; /*! width:100%; */  margin: 0; margin-top:15px; }
#footer_wrap li { margin:0px; margin-right:40px;  float:none; width:auto; text-align:left; padding:0px 0px; display: inline-block; }
#footer_wrap li:last-of-type { margin-right:0; }
#footer_wrap li:last-of-type a { margin-right:0; }
#footer_wrap li.button { background:none; padding:0 !important; }
#footer_wrap li.button:hover { box-shadow:none !important; top:0 !important; }
#footer_wrap ul li ul { margin-top:20px;}
#footer_wrap ul li ul li { display: block; margin:0;  }
#footer_wrap ul li ul li a { font-weight:400; padding:3px 0;  }
#footer_wrap ul li a { display: block; text-decoration: none; color:#004772;    -webkit-transition: all 500ms; transition: all 500ms; font-size: 17px; /*! margin-right: 30px; */ font-family: 'adobe-caslon-pro',sans-serif;}
#footer_wrap ul li a:hover { color:#004772!important; text-decoration: none; }
#footer_wrap ul li ul { /*! display:none; */ }
#footer_wrap .copyright { margin:40px 0; }
#footer_wrap .copyright p { font-size:14px; /*! color:#fff !important; */ font-weight:400; text-align:right; }
#footer_wrap .copyright a { /*! color:#fff !important; */ }
#footer_wrap .copyright a:hover { color:#004772 !important; }

/*  SECTIONS  ============================================================================= */
.wrapper { width:100%; padding:100px 0px; clear: both; position: relative; z-index:20;  }
.inpage {  padding-top: 80px;}
.div_row { margin:0px auto!important; max-width:1500px; position:relative; }
.fifty { width:50% !important; float:left; margin:0px; }
.map p { margin-bottom:0px !important; }
#sliderBlk { margin:0px auto!important; max-width:1400px!important; position:fixed; z-index:2;   }

.bumpit { display:block; height:895px; width:100%; position:relative; z-index:1; visibility:visible; }

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.blk { display:block; }
/*  GROUPING  ============================================================================= */
.group:before,
.group:after {
    content:"";
    display:table;

}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}
/*  GRID COLUMN SETUP   ==================================================================== */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */
/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
}

/*  GRID OF TWELVE   ============================================================================= */
.span_12_of_12 { width: 100%; }
.span_11_of_12 { width: 91.53%; }
.span_10_of_12 { width: 83.06%; }
.span_9_of_12 {	width: 74.6%; }
.span_8_of_12 {	width: 66.13%; }
.span_7_of_12 {	width: 57.66%; }
.span_6_of_12 {	width: 49.2%; }
.span_5_of_12 {	width: 40.73%; }
.span_4_of_12 {	width: 32.26%; }
.span_3_of_12 {	width: 23.8%; }
.span_2_of_12 {	width: 15.33%; }
.span_1_of_12 {	width: 6.86%; }
.fourty{ width:40%; float:left; }
.sixty{ width:60%; float:left; }
.half{ width:50%; float:left;  }
.third { width:30%; float:left; }
.two-thirds { width:70%; float:left; }

/*  SUNDRIES  ============================================================================= */
.absolute { position:absolute; top:0px; left:0px; }
.fr { float:right; }
.fl { float:left; }
.tl { text-align:left; }
.tr { text-align:right; }
.white { color:#fff!important; text-decoration:none; }
.blue { color:#004772!important; }
.grey { color:#655e4e!important; }
.pink{ color:#ff3692!important; }
.black { color:#333; font-size:16px;  }
.light-orange { color:#f58220!important; }
.green { color:#2e7a32!important; }
.center { text-align:center!important; display: block; }
.clear { clear:both; }
.bgwhite { background:#fff; }
.rounded { border-radius:5px; overflow:hidden; }
.inline { display:inline; }
.ML0 { margin-left:0px!important; }
.M0 { margin:0px!important; }
.M1 { margin:13px!important; }
.MR0 { margin-right:0px!important; }
.MR2 { margin-right:2em!important; }
.MR3 { margin-right:3em!important; }
.MT0 { margin-top:0px!important; }
.MT1 { margin-top:20px !important; }
.MT2 { margin-top:2em !important; }
.MT65 { margin-top:65px!important; }
.MB0 { margin-bottom:0!important;}
.MB1 { margin-bottom:1em !important;}
.MB2 { margin-bottom:2em !important;}
.MB2-5 { margin-bottom:2.5em!important;}
.MB3 { margin-bottom:3.0em!important;}
.MB5 { margin-bottom:5.0em!important;}
.MR0 { margin-right:0!important;}
.MR1 { margin-right:1em!important;}
.ML2 { margin-left:2em; }
.ML3 { margin-left:3em; }
.MT3 { margin-top:3em; }
.MT80 { margin-top:-80px !important; }
.PB0 { padding-bottom:0!important;}
.PB1 { padding-bottom:1.0em!important;}
.PB2 { padding-bottom:2.0em!important;}
.PB4 { padding-bottom:4.0em!important;}
.PT0 { padding-top:0!important;}
.PT1 { padding-top:1em!important;}
.PT2 { padding-top:2em!important;}
.PT3 { padding-top:3em!important;}
.bb1 { border-bottom:1px solid #666; margin-bottom:13px!important; padding-bottom:13px; }
.bb2 { border-bottom:1px solid #ccc; margin-bottom:8px!important; padding-bottom:8px; }
.br1 { border-right:1px solid #c5c5c5; margin:0px; }
.bl1 { border-left:1px solid #c5c5c5; margin:0px; }
.alignright { float:right; padding-left:40px; }
.alignleft { float:left; padding-right:40px; }
.small { font-weight:300; font-size:16px; }

@media only screen and (max-width: 1620px) {
    .div_row { max-width: 95% !important;  }
    .slider h2 { margin-left:4% !important; }
    .slider a { margin-left:3.5% !important; }
}

@media only screen and (max-width: 1280px) {
    .divider { background-size:100%;  }
	h1, h1 a { font-size:35px; }
	h2, h2 a { font-size:35px; }
	h3, h3 a { font-size:25px; }
	h4, h4 a, h5, h5 a { font-size:20px; }
    .banner h1 { font-size: 40px;}
  
  .price-block.group .duration {
    width: 50%!important;
    text-align:  center;
  }
   .price-block.group .cost {
    width: 50%!important;
    text-align:  center;
    padding-left: 0px;
  }

  .price-block .text {
    width: 100%;
  }


.price-block .duration-icon {
    margin-right: 0em;
    margin-bottom: 13px;
}
.price-block .cost-icon {
	  margin-right: 0em;
    margin-bottom: 13px;
}
  
}

/* RESPONSIVE ipad */ 
@media only screen and (max-width: 1080px) { 
    .woocommerce-cart .woocommerce-cart-form { width:100% !important; }
    .woocommerce-cart .cart-collaterals { width:100% !important; float:none !important; min-width: 100%;}
    .image .image-one { height:400px; }
    .image .image-two { height:370px; top: 100px;}
    .gift-vouchers { padding:80px 0 !important; }
    .gift-vouchers h3 { font-size:45px; }
    .enquire-box .head h2 { font-size:25px; }
    .enquire-box .head::before { height:20px; }
    .banner { padding:180px 0 80px; }
    .banner h1 { font-size:35px; }
    .divider { height:50px; background-size:100% 100%; }
    .box .info, .enquire-box form { padding:30px 15px; }
    .box .news-image { height: 200px; }
    .span_2_of_12 { width:31%; }
    .header { height:100px; padding: 20px 0;}
    .header .div_row { position: relative; /*! top:auto; */ left:auto; transform: none; }
    .gallery { display:block; position: relative; }
    #footer_wrap ul { text-align: left; margin-bottom:10px; }
    .wrapper { padding:50px 0px; }
    #footer_wrap .footlogo { width: 200px !important; margin-bottom: 10px; margin: 0px auto;}
    #footer_wrap .span_9_of_12 { margin-left:0; width: 100%;}
    #footer_wrap .copyright { padding-top:0px; max-width: 400px; }
    #footer_wrap { padding: 50px 0px 30px; }
    #footer_wrap .image { position: absolute; bottom: -150px; right:0; }
    #footer_wrap img { max-width:400px !important; }
    h1, h1 a { font-size:30px; }
    h2, h2 a { font-size:30px; }
    h3, h3 a { font-size:20px; }
    h4, h4 a, h5, h5 a { font-size:20px; }
    .div_row { max-width: 85% !important; }
    #logo img { max-width:250px !important; }
    .span_3_of_12 { width: 48%; }
    .icons:nth-of-type(2):after { display: none !important; }
    .span_3_of_12:nth-of-type(odd) { margin-left:0; }
    .header .div_row {  width:90%; }
    #logo { height:60px; width: 60%; }
}

/*  GO FULL WIDTH AT LESS THAN 640 PIXELS */
@media only screen and (max-width: 680px) {
    .accomm img { margin-right:0 !important; margin-bottom:2em; max-width:80% !important; box-sizing: border-box;padding: 0;}
    .woocommerce-cart table.cart td.actions .coupon .input-text, .coupon .button { min-width:100% !important; float:none !important; }
    .woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce table.shop_table tr { padding:0 !important; }
    .image .image-two { height:250px; }
    .image .image-one { height:300px; }
    .gift-vouchers h3 { font-size:30px !important; }
    .banner h1 { font-size:25px; margin-bottom: 0;}
	.banner { padding:150px 0 50px; }
    .divider { height:30px; }
    input[type="submit"] { font-size:16px; display:block; width:100%; }
    .category-box img { max-height: 200px; margin-top: -70px;}
    .category-box { margin-top:10px; padding: 40px;}
    #footer_wrap .copyright p { text-align: center; }
    #footer_wrap .copyright { width: 100%; float:none; }
    body { text-align: center;}
    .welcome .image { width: 100%; margin:0; margin-bottom: 2em;}
    .welcome .text, .range .text { width: 100%; margin:0; }
    .icons:after { display: none !important; }
    .icons img { margin-bottom:10px !important; margin-top:20px !important; }
    .icons:first-of-type img { margin-top:0 !important; }
    .icons h4 { margin-bottom:5px; }
    .span_2_of_12 { width:50%; }
	.desktop { display:none !important; }
	.mobi { display:block !important; }
	#footer_wrap .menu { display:none; }
	.MR2, .MR3, .ML3, .MT3, .MT80 { margin:0 !important; }
	.inpage .shadow { margin-top:1.5em; }
    .button { width:100%; display: block;font-size: 16px;height: auto;line-height: 1.3;padding: 20px !important;}
    #footer_wrap ul li { display: block; }
    .slider h2 { display:none !important; }
    .slider a { display:none !important; }
    .MR2 { margin-right:0 !important; }
    .testi { max-width: 90% !important; padding: 30px 60px 30px 40px;}
    #footer_wrap .image { display: none; }
    #footer_wrap .copyright { padding-top:20px; margin: 0px auto;}
    #footer_wrap .span_10_of_12 { display: none; }
    p { font-size:16px; }



    h1, h1 a { font-size:25px;  }
    h2, h2 a { font-size:22px; margin-bottom:20px;  }
    h3, h3 a { font-size:20px !important; }
    h4, h4 a, h5, h5 a { font-size:20px; }
    .main-menu { padding:0px; float: none; width:100%; clear: both; }
    .wrapper { padding: 40px 0px !important; }
    .PB0 { padding-bottom:0 !important; }
    .col { margin-left:0px; }
   .span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_3_of_12, .span_4_of_12, .span_1_of_12, .homeU { width: 100%!important; }
	.quater { width:50%; float:left; }
	.half { width:100%; float:left; }
	.third { width:100%; float:left; }
	.two-thirds { width:100%; float:left; }
	.menu { margin:0px!important; }
	#footer_wrap .nav-menu li { display:block; color:#fff; }
	#footer_wrap .nav-menu li a { padding-left:0px; }
}

@media only screen and (max-width: 580px) {
    .divider { height:20px; }
    #logo { height:50px; }
	.span_12_of_12, .span_11_of_12, .span_10_of_12, .span_9_of_12, .span_8_of_12, .span_7_of_12, .span_6_of_12, .span_5_of_12, .span_4_of_12, .span_3_of_12, .span_1_of_12, .homeU { width: 100% !important; margin:10px 0px 0px; padding:0px; }
	.quater { width:100%; float:left; }
  .price-block .text {
    width: 100%;
  }
  
  
  .price-block .duration-icon {
    margin-right: 0em;
    margin-bottom: 13px;
  }
  
  .treatment {
    padding: 40px 15px 20px;
  }
  
  .price-block .cost-icon {
    margin-right: 0em; 
    margin-bottom: 13px;
}
  
  .price-block .text h5 {
    font-size: 18px;
  }
  .price-block .cost {
    padding-left: 0;
  }
  
  .desktop {
    display: none;
  }
  .mob {
    display: block;
  }
  
}


@media only screen and (max-width: 375px) {
  
  .fifty.price {
    font-size: 14px;
  }
  
}



.woo-vou-fields-wrapper-variation tr:last-of-type .label { /*! margin-top:15px !important; */ }
table.woo-vou-recipient-fields td.label { width:100%; /*! margin-top: -30px; */font-size: 15px; position:relative !important; display:block !important; }
.woo-vou-fields-wrapper-variation > table > tbody > tr > td:nth-child(1) > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(2) > td:nth-child(1) { margin-top:-15px; }
table.woo-vou-recipient-fields td { display:block; width:100%; padding-bottom: 0 !important;box-sizing: border-box;font-size: 15px;}
table.woo-vou-recipient-fields td.value { /*! margin-top:-30px; */ margin-bottom: 20px;}
.woo-vou-recipient-delivery-method { box-shadow: none !important; border:1px solid #ccc !important; background: #f5f5f5;padding: 7px;}
.woocommerce div.product form.cart .variations td { display:block; }
.woocommerce div.product form.cart .pyp_custom_dropdown select, .woocommerce div.product form.cart .variations select, .woo-vou-recipient-fields input[type="text"], .woo-vou-recipient-fields textarea  { border:1px solid #ccc !important; background: #f5f5f5; border-radius:0; }
.woocommerce div.product form.cart .reset_variations { display:none !important; }
.summary .price { display:none !important; color: #004772 !important;font-family: 'adobe-caslon-pro', serif;font-size: 25px !important;}
.woocommerce div.product form.cart .variations label, 
.woo-vou-recipient-fields label,
table.woo-vou-recipient-fields:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > strong:nth-child(1),
table.woo-vou-recipient-fields:nth-child(1) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > strong:nth-child(1),
.woocommerce div.product form.cart .pyp_custom_dropdown label { font-weight:400; color: #004772 !important;font-family: 'adobe-caslon-pro', serif;font-size: 20px !important; }
.woocommerce-variation-price .price { display:block !important; }
.woo-vou-recipient-fields label { font-weight:400; /*! font-size:18px !important; */ }
.woo-vou-recipient-delivery-method { margin-bottom:10px; }
.woocommerce div.product form.cart div.quantity { display:none !important; }
.woo-vou-delivery-method-wrapper .label { margin-top:0 !important; }
.woo-vou-recipient-fields td { padding:0; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { background:#004772 !important; border-radius:0 !important; font-weight:400 !important; height:70px; line-height:70px; padding:0px 30px !important; border:none !important; display:block; /*! width:100%; */ box-sizing: border-box; font-size: 20px; }
.product_meta { display:none !important; }
table.woo-vou-recipient-delivery-method tbody tr.woo-vou-delivery-method-wrapper input { margin:0; margin-right:10px; }
.woo-vou-recipient-fields .woo-vou-recipient-delivery-method tr:last-of-type > td { margin-top: -20px; } 
.summary h2:first-of-type { display:none; }
.woocommerce div.product .summary form.cart { margin-top:2em; }
.woocommerce-cart table.cart td.actions .coupon .input-text { width:200px !important; padding:0 25px; box-sizing: border-box; text-align: center;}
.woocommerce-cart .woocommerce-cart-form { width:58%; float:left; }
.woocommerce-cart .cart-collaterals { width:40% !important; float:right; }
.woocommerce-cart .cart-collaterals .cart_totals { width:100%; }
.woocommerce-cart .cart-collaterals .cart_totals h2 { display: none; }
.woocommerce table.shop_table { border-radius:0 !important; }
.woocommerce table.shop_table td, .woocommerce table.shop_table th { padding:20px !important; }
.woocommerce table.shop_table .variation { margin-top:20px; }
.woocommerce table.shop_table .variation dt { display:block !important; width:100%; font-weight:700; font-size:14px; margin-bottom:0 !important; float: none !important;line-height: 1; }
.woocommerce table.shop_table .variation p { display:block !important; width:100%; font-weight:400; font-size:14px; margin-top: 0 !important;margin-bottom: 10px !important; }
.woocommerce-variation-description { display:none !important; }
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { border-radius:0 !important; }
#payment .button { display:block; float:none !important; width:100% !important; }
tr .fifty:first-child {	border-right: 1px solid #e3e3e3; box-sizing: border-box; } 
th.fifty { border-right: 0px!important; }
tr.fifty {  }
#woo-vou-fields-wrapper-96 > table:nth-child(1) > tbody:nth-child(1) > tr:nth-child(3) .woo-vou-recipient-delivery-method { border:3px solid #004772 !important; }
.woo-vou-recipient-fields { margin-bottom:0 !important; }