/*
Theme Name:			The Lip Lab
Theme URI:			http://www.theliplab.com.au
Author: 			Philboss Design
Author URI: 		http://www.philbossdesign.com.au
Version: 			1.0
*/

.screen-reader-text {display: none}

.woocommerce-column__title {
    display: none;
}
.wc-item-meta {
    list-style: none;
}
.wc-item-meta p {
    margin: 0 !important;
}

.woocommerce-table--order-downloads td, .woocommerce-table--order-downloads th {
    padding: 10px 0;
}

.download-remaining {
    display: none;
}
.woocommerce-table__product-name.product-name {
    color: #323232;
	padding:10px 0 !important
}

.woocommerce-cart-form{margin: 40px 0 0}

th.product-name {
    color: #fff;
}
th.product-remove:after {
    content: 'Product';
}

/*
.zippay{color: #bbb; background: #282828; text-transform: uppercase; padding:10px 0; letter-spacing:1px; font-size:14px; position:absolute; width:100%; z-index:1; display:none; transition:1s ease}
.zippay a{color:#fff; text-decoration:none}
.zippay a:hover{text-decoration:underline}

.woocommerce-page .zippay, .fp-viewing-home .zippay{display:block; transition:1s ease}
.woocommerce-page .zippay{position:relative}
*/
.vivid-promo{
   /* color: #fbe4e8; */
color: #fff;
    background: #282828;
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 20px 0;
    display:none;
position:absolute;
z-index:999;
text-shadow: 0 0 10px rgba(255,255,255,1) , 0 0 20px rgba(255,255,255,1) , 0 0 30px rgba(255,255,255,1) , 0 0 40px #ff00de , 0 0 70px #ff00de , 0 0 80px #ff00de , 0 0 100px #ff00de;
}

.fp-viewing-home .vivid-promo{
display:block
}

.half {
    width: 46%;
margin:0 2%;
    float: left;
    text-align: left;
}
.half strong {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: normal;
    display: block;
margin:40px 0 0;
}
.location {
    color: #fff !important;
    text-transform: uppercase;
    display: block;
    height: 40px;
}
.location-title {
    float: left;
    line-height: 40px;
opacity:0.5;
transition:.5s ease
}
.location:hover .location-title{opacity:1; transition:.5s ease}
.location-link {
    float: right;
background:#2f2f2f;
transition:.5s ease;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
    padding: 0 20px;
    border-radius: 30px;
    margin: 3px 0 0;
color:#aaa
}
.location:hover .location-link{ 
transition:.5s ease;
    background: #e51937;
color:#fff
}

.location-popup {
    color: #323232;
width:100%;
height:100%;
top:0 !important
}

.location-popup iframe {
    height: 100%;
    width: 100%;
}



.location-map {
    width: 50%;
height:100%;
    background: #323232;
    float: left;
}
.location-info {
    width: 50%;
height:100%;
float:right;
    background: #fff;
text-align:left;
}

.location-wrapper{padding:120px 60px 0}

.location-info strong{text-transform:uppercase}
.location-info a{text-decoration:none; color:#e51937}
.location-info p{line-height:24px}
.location-book-btn{
display:inline-block;
color:#fff !important;
text-transform:uppercase;
    background: #e51937;
    height: 40px;
    line-height: 40px;
    padding: 0 40px;
    border-radius: 30px;
margin:30px 0 0;
}
/*
.select2-container .select2-choice, .select2-results {
    padding: 0 0 0 2% !important;
    width: 98% !important;
}
*/

.select2-container .select2-choice, .select2-results {
    width: 100% !important;
}

#billing_state_field > .select2-container {
    float: left;
    width: 70% !important;
}
.demo_store {
    background: #E51937;
    color: #fff;
    height: 20px;
    padding: 10px 0;
    position: fixed;
    top: -15px;
    width: 100%;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #fff;
    display: none;
}
#video, #video-mobile, #cruelty-free-statement, .location-popup{display:none}
#video-mobile {margin: 40px 0 0}
.modal_close{background:url('images/icon-modal-close.svg') center center no-repeat; width:60px; height:60px; text-indent:-9999px; display:block; position:fixed; top:0; right:0}

#section10 .container {
    margin: 0 auto;
    max-width: 1000px;
}
#section10 .container .column {
    float: left;
    width: 33%;
}
#section10 .container a {
    color: #e51937;
    text-decoration: none;
}
#section10 .container a:hover {text-decoration:underline}
/*#section10 .container h1 {
    margin-bottom: 40px;
}*/

.fp-viewing-home .video-wrapper{opacity:1; transition:0.5s ease; display:block}
.fp-viewing-about .video-wrapper{display:none}

.video-wrapper.mobile{display:none}

.video-wrapper {
    background: #f2f2f2;
box-shadow:0 6px 8px #000;
    bottom: 0;
    display: none;
    height: 60px;
    position: fixed;
    width: 100%;
    z-index: 1;
transition:0.5s ease;
opacity:0
}

.video-wrapper .video-btn {
display:inline-block;
    margin: 0 auto;
    width:50%;
float:left;
text-align:right;
    padding: 8px 0;
}
.video-icon {
    float: right;
    height: 40px;
    width: 40px;
opacity:0.5;
transition:0.5s ease;
margin:0 10px 0 0;
}
.video-content {
    color: #323232;
    float: right;
margin:0 10px 0 0;
    text-transform: uppercase;
}
.video-content p {
    margin: 12px 0 0 0;
opacity:0.5;
transition:0.5s ease
}

.video-btn:hover p, .video-btn:hover .video-icon{opacity:1; transition:0.5s ease}

.video-wrapper .cruelty-free-btn {
display:inline-block;
    margin: 0 auto;
    width:50%;
float:right;
text-align:left;
    padding: 8px 0;
}
.cruelty-free-icon {
    float: left;
    height: 40px;
    width: 40px;
opacity:0.5;
transition:0.5s ease;
margin:0 0 0 10px;
}
.cruelty-free-content {
    color: #323232;
    float: left;
margin:0 0 0 10px;
    text-transform: uppercase;
}
.cruelty-free-content p {
    margin: 12px 0 0 0;
opacity:0.5;
transition:0.5s ease
}

.cruelty-free-btn:hover p, .cruelty-free-btn:hover .cruelty-free-icon{opacity:1; transition:0.5s ease}

#cruelty-free-statement h1, #cruelty-free-statement p{color:#323232}
.cruelty-free-wrapper {
    max-width: 700px;
    margin: 80px auto 0;
padding:0 20px
}
#section6 .fp-tableCell {display: table}
#sb_instagram #sbi_load{padding:0 !important}

@media all and (max-width: 800px){
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:25% !important}
}
@media all and (max-width: 767px){
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:33.33% !important}
}
@media all and (max-width: 400px){
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item{width:50% !important}
}


*{margin: 0; padding: 0; outline: 0; border: 0}
img{max-width: 100%; width: 100%; height: auto}
html{height: 100%}
body{-webkit-text-size-adjust: 100%; height: 100%; text-align: center; color: #fff; font-family: 'proximasansregularregular'}
input[type=submit], input[type=text], textarea{-webkit-appearance: none; border-radius: 0}

h1{font:32px "accolade_serialregular"; text-transform: uppercase; margin: 0 0 20px}
h2{font:18px "accolade_serialregular"; text-transform: uppercase; margin:50px auto 0}
h3 {
    background: #f4f4f4 url('images/icon-expand.svg') top right no-repeat;
    color: #323232;
    font-size: 15px;
    font-weight: normal;
    margin-top:1px;
    padding: 10px 30px 10px 10px;
    text-align: left;
    cursor: pointer;
    line-height: 20px
}

h4 {
    font: 16px/22px "proximasansregularregular";
}
h6 {clear: both; color: #323232; font-size: 14px; font-weight: normal; padding: 10px 0 30px}
p{font-size: 15px; line-height: 20px; margin-top: 15px; position: relative; z-index: 1}

.prev {
    opacity: 0.2;
    position: fixed;
    top: 46%;
    left:20px
}
.next {
    opacity: 0.2;
    position: fixed;
    top: 46%;
    right: 20px;
    transform:rotate(180deg)
}
.single .main-footer {
    margin-top: -20px;
}
.single h2 {
    color: #fff;
    font-size: 24px;
    margin: 20px 0 40px;
}
.prev:hover, .next:hover{opacity: 0.5}
body.blog, body.single{background: #f2f2f2; color: #323232}
.single .container .posts{margin-bottom: 0}
.container .posts {max-width: 1140px; margin: 20px auto}
.container .the-post {max-width: 850px; margin: 20px auto 60px; text-align: left; padding: 0 25px}
.container .the-post h4 {
    font: 22px/28px "proximasansregularregular"; margin:20px 0 0
}
.block {
    background: #323232;
    padding: 20px;
    position: relative;
}

.single-post .date, .blog .date, .home .date {
    background:#E51937;
    border-radius: 50%;
    bottom: 175px;
    color: #fff;
    height: 60px;
    position: absolute;
    right: 20px;
    width: 60px;
}
.day {
    display: block;
    font-size: 26px;
    padding: 8px 0 0;
}
.month {
    display: block;
    font-size: 12px;
    margin: -5px 0 0;
    text-transform: uppercase;
}
.posted {
    color: #ccc;
    float: right;
    font-size: 14px;
    margin: -24px 0 0;
}
.posts ul{list-style: none; /* padding: 0 20px */}
.posts ul li{float: left; width:29%; border-radius: 2px; background: #FFF; margin: 0 2% 4%; position: relative /* max-width: 330px */}
/* .posts ul li:nth-child(3n+1) {clear:both} */

.posts ul li img, .the-post img{border-top-left-radius: 2px; border-top-right-radius: 2px}
.posts ul li .blurb{padding: 20px; text-align: left}
.posts ul li .blurb h4{height: 25px; overflow: hidden}
.posts ul li .blurb p{margin-bottom: 20px; height: 80px; overflow: hidden}
.posts ul li .blurb a{color:#e31b23; text-decoration: none}
.posts a, .the-post a{color:#e51937; text-decoration: none}

.blog-logo{display: none}

.blog .blog-logo, .single .blog-logo{display: block}
.blog .shop-logo, .single .shop-logo{display: none}

.single-product .blog-logo{display: none}
.single-product .shop-logo{display: block}

.blog .footer, .single .footer{position: relative; clear: both}
.blog .footer .container, .single .footer .container{margin: 0 auto; max-width: 1024px; padding: 0 20px}
    
.mobile, .tablet{display: none}

.cart-contents {
    height: auto;
    position: absolute;
    right: 20px;
    top: 10px;
display:none
}

.woocommerce-page .cart-contents{display:block; margin:30px 0 0}
.header .cart-contents img {
    float: right;
    margin: 0;
    max-width: 30px;
}
.cart-contents span {
    color: #323232;
    display: inline-block;
    float: left;
    font-size: 13px;
    padding: 8px;
opacity:0;
transition:0.5s ease
}
.cart-contents:hover span {
opacity:1;
transition:0.5s ease
}
/*
.menu{position:fixed; opacity: 0; transition:.25s; top:0; left:0; height: 40px; z-index: 1; width: 100%; background: url('images/menu-bground.png')}
*/
.menu{height: 40px; width: 100%; display:none}
.woocommerce .menu, .woocommerce-page .menu{display:block}
.menu{list-style: none}
/*
.menu li {
    border: 1px solid #aaa;
    border-radius: 3px;
    display: inline-block;
    margin: 0 -2px;
    padding: 0 10px;
    text-align: center;
}
.menu li:first-child {
    border-right: 0;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.menu li:last-child {
    border-left: 0;
border-top-left-radius:0;
border-bottom-left-radius:0;
}
*/
.menu li a {
    color: #ccc;
    font-size: 14px;
    line-height: 36px;
    margin: 0 5px;
display:block;
    text-decoration: none;
    text-transform: uppercase;
}


.menu li {
    border: 1px solid #ccc;
    border-radius: 25px;
    display: inline-block;
    padding: 0 20px;
    text-align: center;
}


.menu li.current-menu-item, .menu li.current-product-parent, .menu li:hover {
    background: #ccc;
}
.menu li.current-menu-item a, .menu li.current-product-parent a, .menu li:hover a{color: #FFF;}
/*
.menu li a:hover, .menu li.current-menu-item a{color: #D21A3A;}
*/
.fp-viewing-about .menu, .fp-viewing-process .menu, .fp-viewing-faqs .menu, .fp-viewing-vouchers .menu{opacity: 1; transition: 1s; transition-delay: .3s;}
.fp-viewing-about .menu ul li a {color: #323232}

.fp-viewing-pricelist #fp-nav ul li a span {
    background: #f4f4f4;
}

#section1, #section2, #section3, #section4, #section8, #section5 .container{padding: 0 40px}
#section1 .container{max-width: 400px; margin:0 auto 100px}
#section1 .container .mouse{border: 1px solid #999999; border-radius: 15px;  bottom: 130px; height: 45px; left: 50%; margin: 0 auto 0 -19px; position: absolute; transform: none; width: 28px; z-index: 20; opacity:1; transition: 0.5s ease}
#section1 .container .mouse .wheel {background: none repeat scroll 0 0 #666666; border-radius: 5px; display: block; height: 7px; margin: 8px auto; position: relative; width: 4px}

#section2 .container{max-width: 650px; margin: 0 auto}
#section2 .button{background:#323232; color:#fff; border-radius: 40px; font: 15px "roboto_condensedlight"; height: 40px; line-height: 38px; text-transform: uppercase; padding: 0 20px; margin: 20px 5px; display: inline-block; text-decoration: none}

#section2 .container a{text-decoration-style:dashed; color: #FFFFFF}
#section2 .container a.book {display: none}
#section2 .container .timely a {
    background-color: #323232 !important;
    background-image: none !important;
    border-radius: 20px;
    text-decoration: none;
    width: 130px !important;
margin:20px 0;
}
#section2 .container .timely a::before {
    content: "Book Online";
    font: 15px/38px "roboto_condensedlight";
    text-transform: uppercase;
}

#section3 .container{max-width: 1024px; margin: 0 auto}
#section3 .container .intro{max-width: 700px; margin: 0 auto}
#section3 .container h1, #section3 .container p{color: #f2f2f2}
#section3 .container ul{list-style: none; margin: 50px 0 0}
#section3 .container ul li{
    border-radius: 300px;
    display: inline-block;
    height: 240px;
    margin: 0 1px 20px;
    padding: 90px 50px 0;
    width: 230px;
    position: relative;
    cursor: help;
    transition: 1s
}
#section3 .container ul li:hover{background: #E51937; transition: 1s}
#section3 .container ul li span {
    color: #f2f2f2;
    font: 300px "accolade_serialregular";
    left: 75px;
    position: absolute;
    top: -10px;
    transition: .25s
}
#section3 .container ul li:hover span{color: #363636; transition: .25s}

#section3 .container ul li p{color:#f2f2f2; opacity: 0; transition: 1s}
#section3 .container ul li:hover p{opacity: 1; transition: 1s}

#section3 .container ul li h2{color:#f2f2f2; transition: .5s}
#section3 .container ul li:hover h2{color: #363636; transition: .5s}

#section3 .container ul li a{color:#f2f2f2; text-decoration: underline; text-decoration-style: dashed}

#section3 .container a{ color: #E51937; text-decoration: none}

#section4{color: #323232}
#section4 .fp-tableCell {
    display: table;
    margin-top: 40px;
}
#section4 .container {
    margin: 30px auto 0; 
max-width: 750px
}
#section4 .intro{max-width: 700px; margin: 0 auto}
#section4 .accordion p {
    background: #323232 none repeat scroll 0 0;
    color: #CCC;
    margin: 0;
    padding: 0 10px 15px;
    text-align: left;
}

#section4 h3{transition: .5s}
#section4 h3:hover{
    background: #222 url('images/icon-expand-hover.svg') top right no-repeat;
    color: #fff;
    transition: .5s
}
#section4 h3.ui-state-active {
    background: #323232 url('images/icon-close.svg') top right no-repeat;
    color: #fff;
    transition: .5s
}
#section4 a{text-decoration: none; color: #E51937}

#section5{color:#323232}
#section5 .container{max-width: 550px; margin: -60px auto 0}
#section5 .button{background:#323232; color:#fff; border-radius: 40px; font: 15px "roboto_condensedlight"; height: 40px; line-height: 38px; text-transform: uppercase; padding: 0 20px; margin: 20px 5px 60px; display: inline-block; text-decoration: none}

#section5 form{margin: 20px 0 60px}
#section5 form input[type=text]{background:#FFFFFF; color:#b8b8b8; border-radius: 40px; font: 15px "roboto_condensedlight"; height: 40px; line-height: 38px; text-transform: uppercase; padding: 0 10%; width:80%; text-align: left}
#section5 form input[type=submit]{background:#323232; color:#fff; border-radius: 40px; font: 15px "roboto_condensedlight"; height: 40px; line-height: 38px; text-transform: uppercase; padding: 0 !important; margin: 0 !important; cursor: pointer; width:100%}

.footer {
    background: #fff;
    color: #323232;
    min-height: 60px;
    text-transform: uppercase;
    width: 100%;
    font:12px "accolade_serialregular";
    position: absolute;
    bottom: 0;
}
#section5 .footer .container{ max-width: 1024px;
    margin: 0 auto; padding: 0 20px}
.footer .container .left{float: left}
.footer .container .right{float: right}
.footer .container .right p{float:left}
.footer .container p{font:14px/30px "accolade_serialregular"}
.footer .container .right ul{float: right; list-style: none; margin: 10px 0 0 10px}
.footer .container .right ul li{float: left; max-width: 40px}

.footer .container .left a{color:#E51937; text-decoration: none}

.lippy {
    bottom: 80px !important;
    max-width: 160px !important;
    position: absolute !important;
    right: 30px !important;
}
.powder-top {
    left: 0 !important;
    max-width: 350px !important;
    position: absolute !important;
    top: 0 !important;
}
.powder-bottom {
    right: 0 !important;
    max-width: 400px !important;
    position: absolute !important;
    bottom: 50px !important;
}

.soon {
    font-size: 12px;
}
#section5 .soon {
    margin-bottom: 40px;
    margin-top: -50px;
}

#section5 .gform_wrapper {
    margin: 0 auto;
    max-width: 400px;
}
#section5 form label{display: none}
#section5 form {
    margin: 0 0 30px;
}
.gform_body {
    float: left;
    width: 70%;
}
.gform_footer.top_label {
    float: right;
    width: 28%;
}
#section5 form ul {
    list-style: outside none none;
}
#section5 .validation_error {
    color: #e51937;
    font-size: 10px;
    margin: 10px 0;
}
#section5 .validation_message {
    display: none;
}
#section5 .gform_ajax_spinner{
    margin:5px 0 0 10px;
    max-width: 30px;
    position: absolute
}
#section5 .gform_confirmation_message {
    margin: 20px 60px 40px;
    text-transform: uppercase;
}

#section6{display: block !important}
#section6 ul {list-style: none; height: 100%; overflow: hidden}
.si_feed_widget .si_item img{float:left}
.si_feed_widget .si_item{width:20% !important}
/*
#section6 .fp-tableCell {
    background: url('images/grey-block.jpg') repeat-x bottom left
}
*/

#section7 .container, #section8 .container{
    margin: 0 auto;
    max-width: 1140px;
}

#section7 {
    color: #323232;
    padding: 0 40px;
}
#section7 .intro p {
    margin: 0 0 40px;
}
#section7 .intro a, #section8 a {
    color: #e51937;
    text-decoration: none;
}
.round-btn {
    border: 2px solid;
    border-radius: 100%;
    display: inline-block;
    font-size: 14px;
    height: 120px;
    line-height: 120px;
    text-transform: uppercase;
    width: 120px;
    margin-bottom: 40px
}

.col {
    float: left;
    margin: 20px 5%;
    width: 40%;
}
.col div {
    border-bottom: 1px dotted;
    height: 14px;
    margin: 0 0 6px;
}
.the-product {
    background: #323232;
    float: left;
    padding-right: 10px;
}

.the-product em{font-style:normal}

.the-price {
    background: #323232;
    float: right;
    padding-left: 10px;
    text-align: left;
    width: 60px;
}
.conditions{max-width: 90%; margin: 0 auto}

.col-small p {
    margin: 0 auto;
    max-width: 300px;
}

.col-small {
    float: left;
    margin: 20px 5%;
    width: 40%;
}

body.blog .main-footer {
    margin: -20px 0 0;
}

.call-to-action {
    background: #e51937;
    color: #fff;
    padding: 0 40px;
}
.call-to-action a.book {display: none}
.call-to-action .timely a {
    background-color: #323232 !important;
    background-image: none !important;
    border-radius: 20px;
    text-decoration: none;
    width: 130px !important;
margin:20px 0;
    color:#FFF;
}
.call-to-action .timely a::before {
    content: "Book Online";
    font: 15px/38px "roboto_condensedlight";
    text-transform: uppercase;
}

.arrow-up {
    border-bottom: 5px solid #e51937;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    height: 0;
    left: 49%;
    margin: -5px 0 0;
    position: relative;
    right: 49%;
    width: 0;
}
.call-to-action p {
    margin: 0 auto;
    max-width: 550px;
    padding: 40px 0 0;
}

.call-to-action .button {
    background: #323232 none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font: 15px/38px "roboto_condensedlight";
    height: 40px;
    margin: 20px 5px 40px;
    padding: 0 20px;
    text-decoration: none;
    text-transform: uppercase;
}

/* WooCommerce Shop */

.product_cat-candles .images {
    margin-top: -4%;
}

.wpn_buttons .previous{margin-left:20px; position:fixed; margin-top:-22px}

.wpn_buttons .next {
    transform: rotate(180deg) !important;
}

.wpn_buttons img {
    max-width: 50px;
}
.wpn_buttons .previous img {
    opacity: 0.2;
}
.wpn_buttons {
    left: 0;
    position: absolute;
    top: 50%;
}

.wpn_buttons .next {
transform:rotate(0deg)
}

.product_cat-lipsticks .images {
    margin-top: 0px;
}

.product_cat-lipsticks .images .attachment-shop_single {
    width: 80%;
}

.shipping-calculator-button {
    display: none;
}
/*
.select2-results li{
padding:1% 0
}
*/
.select2-container .select2-selection--single .select2-selection__rendered{padding-left:15px !important; padding-right:15px !important}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#e51937 !important}

.select2-results li {
    padding: 1% 0px 0 2%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
}
.select2-search--dropdown{padding:0 !important}
.select2-container--default .select2-search--dropdown .select2-search__field{display:none}
.select2-container .select2-selection--single{height:40px !important}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:40px !important; color:#aaa !important}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px !important; right: 8px !important;}
.select2-container--default .select2-selection--single {
    background-color: #f2f2f2 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.select2-dropdown{border:0 !important; box-shadow:0 0 5px #ddd}

.select2-container .select2-choice {
    border-radius: 0;
}
.page-id-21 .shipping th, .page-id-21 .shipping td {
    padding: 0 5px;
}
.shipping td {
text-align:right
}
.select2-chosen {
    color: #aaa;
    font: 14px/40px "proximasansregularregular";
    padding: 0 1%;
}

.select2-drop-active {
    border: 0 none !important;
}
/*
.select2-results {
    color: #aaa;
    font: 14px "proximasansregularregular";
    position: absolute !important;
    right: 0.2%;
    text-align: left;
    width: 68.7%;
}
*/
.select2-results {
    text-align: left;
}
#billing_address_2 {
    float: right;
}
#select2-drop .select2-search {
    display: none !important;
}
#billing_country_field strong {
    background: #f2f2f2;
    color: #aaa;
    display: block;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0 2.5%;
    width: 65%;
}

.select2-choice {
    width: 68.3%;
}
/*
.woocommerce-billing-fields p, .select2-container {
    position: unset !important;
margin:0;
}
*/
.woocommerce-billing-fields h3 {
    margin-bottom: 15px;
}

.header {
    margin: 0 auto;
    max-width: 980px;
    padding: 20px 40px;
    position: relative;
}
.header img {
    margin: 30px auto 0px;
    max-width: 350px;
}
.home .header, .home .main-footer{display: none}
body.woocommerce, body.woocommerce-cart,  body.woocommerce-checkout{
    background: #fff; /* #f2f2f2 */
    color: #323232;
}

/*
body.woocommerce .menu, body.woocommerce-cart .menu{display: none; opacity:1; position: relative; background: none}
*/

/* Adjust This Later !!!!! 
ul.products li.post-467{display:none}
*/

body.woocommerce .footer, body.woocommerce-cart .footer, body.woocommerce-checkout .footer{position: relative; background:#f2f2f2}
body.woocommerce .footer .container, body.woocommerce-cart .footer .container, body.woocommerce-checkout .footer .container {
    margin: 0 auto;
    max-width: 1024px;
    padding: 0 20px;
}
body.woocommerce #container, body.woocommerce-cart .woocommerce, body.woocommerce-checkout .woocommerce {
    margin: 0 auto;
    max-width: 1024px;
    min-height: 500px;
    padding: 0 20px;
}

form.cart {
    margin: 20px 0 0;
}
.product_meta {
    display: none;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}

.products {
    list-style: outside none none;
    margin: 20px 0 0;
}
.related{clear:both}
.related h2 {
    color: #323232;
    text-align: left;
font:20px "proximasansregularregular";
margin:140px 0 20px;
height:20px;
overflow:hidden
}
.related h2.woocommerce-loop-product__title{
margin:0;
text-align:center
}

.woocommerce-breadcrumb, .woocommerce-ordering, .woocommerce-result-count, #sidebar{display: none}
.products li {
    float: left;
    margin: 0 2% 2%;
    max-width: 300px;
    width: 21%;
    position:relative
}
.products li:last-child {
    margin-bottom: 60px;
}
.woocommerce .products h3 {
    background: none;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 0 5px;
    font-size:20px
}
.woocommerce .products a {
    text-decoration: none;
    float: left;
    width:100%;
    color: #323232    
}
.woocommerce .products a.button {
    clear: both;
    background: #323232 none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font: 15px/38px "roboto_condensedlight";
    height: 40px;
    margin: 10px 0;
    padding: 0 20px;
    text-decoration: none;
    text-transform: uppercase;
    float: none;
    max-width: 100px;
    display: none;
}
.images {
    float: left;
    margin: 40px 2% 40px 0;
    max-width: 500px;
    width: 48%;
}
.summary {
    float: left;
    max-width: 50%;
    text-align: left;
    margin: 40px 0;
}
.woocommerce h1 {
    font:20px "proximasansregularregular";
    margin: 0;
    display: none
}
.summary h1 {
    display: block;
}
.price {
    color: #aaa;
    font-size: 16px;
    margin: 0 0 10px;
}

.related.products .price{
height:40px;
display:inline-block
}

.price::before {
    content: "VALUE: ";
}
/*
.price del {
    display: none;
}
*/
.price ins {
    text-decoration: none;
}
.onsale {
    position: absolute;
    background: #E51937;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    right: 10px;
    margin:40px 0 0;
display:none
}
.single .onsale{display:none}

#product-24 .images, #product-29 .images, #product-30 .images, #product-130 .images, #product-132 .images, #product-134 .images, #product-4500 .images, #product-4484 .images {
    margin-top: -20px;
}
h5 {
    color: #aaa;
    font-size: 14px;
    margin: 20px 0;
    font-weight: normal;
    line-height: 16px
}
.woocommerce .summary input {
    background: #f2f2f2;
    float: left;
    font: 14px "proximasansregularregular";
    height: 40px;
    max-width: 50px;
    padding: 0 2%;
    color:#aaa;
}

.woocommerce .summary select {
    background: #f2f2f2;
    float: left;
    font: 14px "proximasansregularregular";
    height: 40px;
    max-width: 250px;
    padding: 0 2%;
    color:#aaa;
margin:0 5px 20px 0
}
.reset_variations {
    display: block !important;
    font-size: 13px;
    line-height: 40px;
    width: 240px;
}
.page-id-21 table {
    border-collapse: collapse;
}
.page-id-21 .shop_table .cart_item{
	height:50px
}
/*
.page-id-21 .shop_table tbody tr:nth-child(2n+1) {
    background: #ddd;
}
.page-id-21 .shop_table tbody tr:nth-child(2n) {
    background: #323232 none repeat scroll 0 0;
    color: #f2f2f2;
}

.page-id-21 .shop_table tbody tr{border-top:8px solid #fff; background: #f2f2f2}

.page-id-21 .shop_table thead {
    display: none;
}
*/

.page-id-21 .shop_table tbody tr{
	border-top:4px solid #323232;
}


.product_cat-lipsticks .variations .label {
    display: none;
}

dt.variation-Finish {
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 5px 0 0;
}
dd.variation-Finish p {
    font-size: 13px;
    line-height: 16px;
    margin: 0;
}
/*
.woocommerce-order-received tfoot tr th:first-child {
    padding: 10px 0 0;
}
*/

.woocommerce-order-received tfoot tr th, .woocommerce-order-received tfoot tr td {
    padding: 0;
}

.woocommerce-order-received .shop_table.customer_details tbody tr {
    background: #fff;
}
.woocommerce .summary button, .order-again .button {
    clear: both;
    background: #323232 none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font: 15px/38px "roboto_condensedlight";
    height: 40px;
    margin: 0 10px;
    padding: 0 20px;
    text-decoration: none;
    text-transform: uppercase;
    float: none;
    max-width: 150px;
    cursor: pointer

}

.order-again .button{margin:0}

.woocommerce .summary a, .woocommerce-message a {
    color: #e51937;
    text-decoration: none;
}
.woocommerce-message a{display: none}
.woocommerce-message {
    background: #323232 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    margin: 20px 0;
    padding: 12px 15px;
    text-align: left;
}

.main-footer {
    margin: 50px 0 0;
}

/* WooCommerce Cart */

.woocommerce .shop_table_main {
    float: left;
    padding: 40px 0 0;
    text-align: left;
    width: 70%;
    margin:0
}

.cart-discount td {
    text-align: right;
}
#order_review .cart-discount th, #order_review .cart-discount td {
    padding: 0 5px;
}
.woocommerce-remove-coupon {
    color: #e51937;
    text-decoration: none;
}

.woocommerce .shop_table {
    width: 100%;
}

.woocommerce .shop_table .product-thumbnail img {
    height: auto;
    max-width: 100px;
}
.woocommerce .shop_table thead th {
    text-transform: uppercase;
}
.woocommerce .return {
    clear: both;
    color: #e51937;
    float: left;
    font-size: 13px;
    margin: 5px 0 20px;
    text-decoration: none;
}
.woocommerce .return-link{
    font-size: 13px;
    color: #e51937;
    margin-left: 10px;
}
.woocommerce .product-remove{
    text-align: center;
    width: 50px;
}
.woocommerce .product-thumbnail{
    text-align: center
}
.woocommerce .product-remove a {
    background: #e51937 none repeat scroll 0 0;
    border-radius: 20px;
    color: #f2f2f2;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 30px;
}
.woocommerce .product-name a, .woocommerce-order-received a {
    color: #e51937;
    text-decoration: none;
}

.shop_table_summary {
    border-top: 1px solid #ddd;
    width: 100%;
    text-align: left;
    min-height: 40px;
    display: block;
    clear: both;
    line-height: 40px;
    padding: 10px 0;
}
.coupon label{display:none}

#coupon_code {
    background: #f2f2f2;
    height: 40px;
    font: 14px "proximasansregularregular";
    padding: 0 10px;
	float:left;
	margin:20px 0 0;
}

.coupon .button {
    height: 40px;
    background: #282828;
    color: #fff;
    padding: 0 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font: 15px/38px "roboto_condensedlight";
    margin: 0 0 0 5px;
cursor:pointer;
	float:left;
	margin:20px 10px 0
}

input.button{
    height: 40px;
    background: #f2f2f2;
    padding: 0 40px;
    border-radius: 20px;
    text-transform: uppercase;
    font: 15px/38px "roboto_condensedlight";
    margin: 0 0 0 5px;
cursor:pointer;
	float:left;
	margin: 20px 0
}


.woocommerce .product-quantity input{
     background: #f2f2f2;
    font: 14px "proximasansregularregular";
    height: 40px;
    max-width: 30px;
    padding: 0 20%;
    color:#aaa;
    text-align: center
}

.woocommerce .cart-collaterals{
    text-align: left
}

.woocommerce .cart-collaterals h2{
    font: 16px "proximasansregularregular";
    margin: 0
}
.woocommerce .cart-collaterals {
    float: right;
    padding: 40px 0 0;
    text-align: left;
    width: 20%;
}

.woocommerce-loop-product__title{
margin:0;
font:18px "proxima-nova",sans-serif
}


.woocommerce .cart_totals table {
    width: 100%;
    padding: 10px 0 20px
}

.woocommerce .cart-subtotal td, .woocommerce .order-total td{
    text-align: right;
    padding: 5px 0;
}
.checkout-button.button.alt.wc-forward {
    margin: 5px 0 20px;
}
.woocommerce .cart-collaterals .button {
    clear: both;
    background: #323232 none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    display: inline-block;
    font: 15px/38px "roboto_condensedlight";
    height: 40px;
    margin: 5px 0 0;
    text-decoration: none;
    text-transform: uppercase;
    float: none;
    width: 100%;
    cursor: pointer;
    text-align: center

}
.woocommerce .cart-collaterals input.button{
    background: #ddd !important;
color:#282828;
}
/*
.woocommerce .cart-collaterals input.button:hover{
    background: #323232
}
*/

.cart-empty {
    margin: 100px 0 0;
    text-transform: uppercase;
}
.return-to-shop a {
    color: #e51937;
    text-decoration: none;
}
/* WooCommerce Checkout */
.create-account, .woocommerce-info {
    display: none;
}
.woocommerce #customer_details {
    margin: 10px 0;
}
.woocommerce .woocommerce-checkout{text-align: left}
.woocommerce .woocommerce-checkout h3 {
    background: none;
    text-align: left;
    text-transform: uppercase;
    padding: 10px 0 0;
    font-size: 16px;
    font-weight: bold;
}
.woocommerce .woocommerce-checkout .col-1 {
    float: left;
    width: 65%;
}
h3#order_review_heading, #order_review{
    float: right;
    width: 30%;
margin-bottom:7px
}

.woocommerce .woocommerce-checkout .col-2{display: none}

.woocommerce-billing-fields label {
    clear: both;
    float: left;
    width: 25%;
    margin: 0 5% 10px 0;
    height: 40px;
    line-height: 40px;
    white-space:nowrap;
}
.woocommerce-billing-fields input {
    background: #f2f2f2;
    color: #aaa;
    float: left;
    font: 14px "proximasansregularregular";
    height: 40px;
    margin: 0 0 10px;
    padding: 0 2.5%;
    width: 65%;
}
/*
.woocommerce-billing-fields input#billing_phone {
    margin-bottom: 40px;
}
*/
.select2-container .select2-choice{background:#f2f2f2 !important}
.select2-container .select2-choice{height:38px; line-height:38px; border:0 !important}

.woocommerce .woocommerce-checkout-review-order .shop_table thead th {
    padding: 22px 0;
    text-transform: capitalize;
}
.woocommerce .woocommerce-checkout-review-order .product-total {
    text-align: right;
padding:5px
}
.shop_table tbody .product-name {
    font-size: 14px;
    padding: 5px;
	text-align:left
}

.woocommerce-checkout #payment .payment_method_paypal img{max-width: 100px}

/*
.woocommerce-checkout .payment_methods.methods {
    display: none;
}
*/

.payment_method_zipmoney p{display:none !important}
ul.payment_methods{list-style:none; margin:10px 0}
ul.payment_methods li{float: left}
ul.payment_methods input{float: left; position:relative; top:5px; cursor:pointer}
ul.payment_methods label{float:left; font-size:0; cursor:pointer; padding: 0 15px 0 5px; display:none}
#zipMoneyErrorDiv ul {list-style: none}

.zipmoney-overlay img {
    width: auto !important;
}
#order_review p {
    float: left;
}

.woocommerce-checkout input#place_order {
    background: #323232 none repeat scroll 0 0;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    font: 15px/38px "roboto_condensedlight";
    height: 40px;
    margin: 20px 0 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    max-width: 200px;
clear:both;
float:left
}
.woocommerce-checkout-review-order .cart-subtotal td, .woocommerce-checkout-review-order .cart-subtotal th {
    padding: 20px 0 0;
}
.page-id-21 .woocommerce-checkout-review-order .cart-subtotal td, .page-id-21 .woocommerce-checkout-review-order .cart-subtotal th {
padding:20px 5px 0
}
.page-id-21 .order-total th, .page-id-21 .order-total td span {
    padding: 0 5px;
}
.woocommerce-checkout .return {
    margin: -20px 0 5px;
display:none
}
.woocommerce-error {
    background: #e51937 none repeat scroll 0 0;
    color: #fff;
    font-size: 13px;
    margin: 10px 0;
    padding: 15px;
    text-align: left;
}
ul.woocommerce-error{list-style: none}
.woocommerce-billing-fields h3::before {
    content: "Contact Information";
    font-size: 16px;
}
.woocommerce-billing-fields h3, h3#order_review_heading {
    font-size: 0 !important;
}
h3#order_review_heading::before {
    content: "Order Summary";
    font-size: 16px;
}

/* WooCommerce Order Received */
.woocommerce-order-received p {
    margin: 20px 0;
    text-align: left;
}
.order_details {
    list-style: outside none none;
    margin: 0 0 20px;
    text-align: left;
}
/*body.page-id-21 .woocommerce {
    padding: 0;
}*/
.wc-item-downloads {
    list-style: none;
}
.woocommerce-order-received h2 {
    margin: 0 0 20px;
    text-align: left;
    font-family: "proxima-nova",sans-serif;
}
.woocommerce-order-received table.order_details, .woocommerce-order-received table.customer_details {
    max-width: 50%;
    text-align: left;
}
.woocommerce-order-received .title, .woocommerce-order-received address {
    display: none;
}

/*
.woocommerce-order-received dl.variation{margin-bottom: 20px}
*/

/* Gift Voucher Customisation */
.woo-vou-recipient-fields{width: 100%}
.woo-vou-recipient-fields td.label {
    line-height: 40px;
    min-width: 160px;
    padding-right: 0 !important;
    width: 35%;
}
.woo-vou-recipient-fields td{width: 65%}
.woo-vou-recipient-fields input[type="text"]{max-width: 96%}

.woo-vou-recipient-fields textarea {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #aaa;
    font: 14px/40px "proximasansregularregular";
    height: 40px;
    padding: 0 2%;
    resize: none;
    max-width: 96%
}
.woo-vou-recipient-fields label {
    font-size: 15px;
    font-weight: normal !important;
}


.woocommerce #product-24 .summary .quantity input, .woocommerce #product-29 .summary .quantity input, .woocommerce #product-30 .summary .quantity input, .woocommerce #product-130 .summary .quantity input, .woocommerce #product-132 .summary .quantity input, .woocommerce #product-134 .summary .quantity input, .woocommerce #product-4484 .summary .quantity input, .woocommerce #product-4500 .summary .quantity input{display: none}

.woocommerce #product-24 .summary .quantity, .woocommerce #product-29 .summary .quantity, .woocommerce #product-30 .summary .quantity, .woocommerce #product-130 .summary .quantity, .woocommerce #product-132 .summary .quantity, .woocommerce #product-134 .summary .quantity, .woocommerce #product-4484 .summary .quantity, .woocommerce #product-4500 .summary .quantity{float: left;height: 20px; width: 35%; min-width: 160px}

.woocommerce #product-24 .summary button, .woocommerce #product-29 .summary button, .woocommerce #product-30 .summary button, .woocommerce #product-130 .summary button, .woocommerce #product-132 .summary button, .woocommerce #product-134 .summary button, .woocommerce #product-4484 .summary button, .woocommerce #product-4500 .summary button{margin: -20px 0 0}

dl.variation {
    padding-right: 10px;
}
dt.variation-RecipientName {
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px 0 0;
	clear:both
}
dd.variation-RecipientName p, dd.variation-RecipientMessage p {
    font-size: 13px;
    line-height: 16px;
    margin: 5px 0 0;
	clear:both
}
dt.variation-RecipientMessage {
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 0 5px 0 0;
	clear:both
}
dd.variation-RecipientMessage {
    line-height: 16px;
    max-width: 350px;
}
dd.variation-RecipientMessage p {
    display: inline;
    font-size: 13px;
    line-height: 16px;
}

@media(max-height:700px){
#section10 .container h1 {
    display: none;
}
}

@media(max-height:750px) and (min-width:767px){
    .round-btn{display: none}
}

@media(max-width:1080px) {

#section3 .container ul li:last-child {
    clear: both;
    float: none;
    margin: 0 auto;
}   
}

@media(max-width:1023px) {
.prev, .next, .wpn_buttons{display: none}
}
@media(max-width:1000px) {
.the-product em{display:none}
    .woocommerce .return-link{
        float: left;
        margin: 10px 0 0 160px;
}
    .woocommerce .cart-collaterals{width:25%}
}

@media(max-width:950px){
.footer .container .right ul li{margin-bottom: 10px}
    .footer .container .right ul{float: none; width: 120px; margin: 0 auto}
    .footer .container .right p{margin: 10px 0; float: none}
    .footer .container .right, .footer .container .left{float: none}
    .footer .container .left{padding-top: 10px}

}

@media(max-width:800px){
.vivid-promo{font-family:arial}
    .si_feed_widget .si_item{width:25% !important}
    #fp-nav{display: none}
    .tablet{display: inline-block}
    #section3 .desktop{display: none}
    body.woocommerce .footer, body.woocommerce-cart .footer, body.woocommerce-checkout .footer{padding: 10px 0 0; margin: 40px 0 0}
    .woocommerce-order-received table.order_details, .woocommerce-order-received table.customer_details {
    max-width: 75%}

.location-map {
    width: 100%;
height:33%;
    float: none;
}
.location-info {
    width: 100%;
height:67%;
float:none;
}
.location-wrapper{padding:60px 60px 0}

}
 @media(max-width:768px){   
        .si_feed_widget .si_item{width:33.33% !important}
.products li{width:29%}
.product_cat-lipsticks .images .attachment-shop_single{width:100%}

 }
@media(max-width:767px){

.location-map{display:none}
.location-info{height:100%}
.location-wrapper{padding:20px 20px 0}
.half {
    width: 90%;
    margin: 0 auto;
    float: none;
}

#section10 .container {
    margin: 0 auto 60px;
}
#section10 .container .column {
    float: none;
    margin: 0 auto;
    max-width: 320px;
    width: 100%;
}
#section10 .column p {
    margin: 40px 0 0;
}

.fp-viewing-home .video-wrapper.mobile{display:block}
.video-wrapper.desktop{display:none}

    #section6{display: table !important}
    #section6 ul{height: auto}
    .posts ul li{width:46%; margin:0 2% 4%} 
    .single-post .posts ul li:last-child, .home .posts ul li:last-child{display: none}
    /*.posts ul li:nth-child(3n+1) {clear:none}
     .posts ul li:nth-child(2n+1) {clear:both}
     .posts ul li:last-child{display: none} */
    

#section2 .container a.book, .call-to-action a.book{display: inline-block; margin:15px 0}
#section2 .container .timely a, .call-to-action .timely a {display:none !important}
    #section5 .container{margin: 0 auto}
    #section5 .soon{margin-top: 10px}
    #section3 .fp-tableCell, #section4 .fp-tableCell, #section5 .fp-tableCell{display: table}
    #section3 .container ul li {
    clear: both;
    float: none;
    margin: 20px auto;
}   
    #section3 .container ul li:last-child, #section4 .container{margin-bottom: 40px}
    h1{margin-top: 40px}
    .lippy, .powder-top, .powder-bottom{display: none}
    #section4 .fp-tableCell{margin-top: 0}
    #section5 .button{margin-bottom: 0}
    .footer .right{margin-top: -10px}
    #section5 .gform_wrapper{margin-bottom: 270px}
    #section5 .gform_confirmation_message {
    margin: 20px;
    min-height: 220px;
}
    .woocommerce .shop_table_main{width: 100%; padding: 40px 0 0; margin: 0}
    .woocommerce .cart-collaterals{width:35%; padding: 20px 0 0; margin:0 0 40px}
    .product-subtotal {
    text-align: right;
}
    .woocommerce .return{margin: 20px 0 0}
    .woocommerce .woocommerce-checkout .col-1 {
    float: none;
    width: 100%;
}
    h3#order_review_heading, #order_review {
    float: none;
    width: 100%;
clear:both
}
}

@media(max-width:650px){
.the-product em{display:inline-block; padding-left:5px}
    .video-drop{display:none}
.video-wrapper .container{max-width:310px}

.cruelty-free-wrapper {
    margin: 0 auto;
}

    .col{width:90%}
    .col.top {margin-bottom:0}
.col.bottom {margin-top:0}

.related .products li {
    float: left;
    width: 50%;
}

.products{margin:-60px 0 0}
.related .products, .related.products{margin:0}
 .products li {
    float: none;
    margin: 0 auto 2%;
    width: 100%;
}   
    .woocommerce .products h3{
        margin: -20px 0 0; height:17px; overflow:hidden}
    
    .images {
    float: none;
    margin: 10px auto 0 !important;
    max-width: 300px;
    width: 100%;
}
    .summary {
    float: none;
    margin: 20px 0;
    max-width: 100%;
}
    .woocommerce .return-link{
        float: none;
        margin: 0 0 0 10px;
}
    .product-thumbnail, .void {
    display: none;
}
    .woocommerce .product-quantity input{margin: 10px 0}
    .woocommerce .cart-collaterals{width: 46%; margin:0 0 20px}
}
@media(max-width:550px){
.select2-choice {
    width: 67.7%;
}
}

@media(max-width:500px){
.zipmore{display:none}
.the-product em{display:none}
    .process{display: none !important}
    .col-small{width:90%}
    .posted{float: none; margin: 0}
    .blog .posts{padding: 0 20px}
    .posts ul li {
    float: none;
    margin: 0 auto 8%;
    max-width: 320px;
    width: 96%;
}
    .the-post{max-width: 320px; padding: 0 20px}
        .single-post .posts ul li:last-child, .home .posts ul li:last-child{display: block}

 .woocommerce .return-link{
        float: left;
        margin: 10px 0 0 160px;
}   
    .product-price {
    display: none;
}
    .woocommerce-order-received table.order_details, .woocommerce-order-received table.customer_details {
    max-width: 100%;
}
@media(max-width:400px){
.vivid-promo{font-size:14px}
}

@media(max-width:400px){

.location-book-btn {padding: 0px 25px; margin: 30px 5px 0 0}

.vivid-promo{font-size:13px}
#billing_state_field > .select2-container{width:100% !important}
.paddington-website{display:none}
.location{font-size:14px}
.hide{display:none}
#paddington h1{height:32px; overflow:hidden}
.cruelty-free-wrapper {
    margin: -60px auto 0;
}

#coupon_code {
    padding: 0 3%;
    width: 94%;
margin:0 0 10px
}
.coupon .button{width:100%; margin:0}

.menu li{padding:0 10px}
.woocommerce-checkout input#place_order{
max-width:400px
}
.select2-choice {
    width: 98%;
}
#billing_country_field strong{
width:95%
}
    #section5 .button, #section2 .button{padding: 0; width:100%; margin:10px auto 0}
    #section2 .container p, #section5 .container p {
    margin-bottom: 10px;
}
    #section5 form input[type="text"]{width:90%; padding: 0 5%}
    #section5 form input[type="submit"]{margin: 10px 0 0 !important; width: 100%}
    #section3, #section3 .container ul li p{padding: 0}
    #section3 .container p{padding: 0 40px}
    
    #section3 .container ul li{height: 240px; width: 200px; padding: 60px 50px 0}
    #section3 .container ul li span{left:60px; top:-20px}
    #section3 .container ul li h2{display: none}
    
    #section4{padding: 0 20px}
    .mobile{display: inline-block}
    .desktop{display: none}
    
    .soon{margin: 10px 0}
    
    .gform_footer.top_label, .gform_body{width: 100%}
    #section5 .gform_wrapper {
    margin-bottom: 320px;
}
    #section5 .gform_ajax_spinner{
    margin:15px 0 0 5px;
}
    .copyright{display: none !important}
    .call-to-action .process{display: block !important; margin-bottom: 0}
    .call-to-action a.book{display: block; margin-top: 20px}
    .call-to-action{padding-bottom: 20px}
    table.woo-vou-recipient-fields, .woo-vou-recipient-fields thead, .woo-vou-recipient-fields tbody, .woo-vou-recipient-fields th, .woo-vou-recipient-fields td, .woo-vou-recipient-fields tr {
    display: block;
}
    .woo-vou-recipient-fields td.label{width:100%; clear: both; line-height: 10px}
    .woo-vou-recipient-fields td{width: 100%}
    .woo-vou-recipient-fields input[type="text"]{margin-bottom: 10px}
  
 .woocommerce #product-24 .summary .quantity, .woocommerce #product-29 .summary .quantity, .woocommerce #product-30 .summary .quantity, .woocommerce #product-130 .summary .quantity, .woocommerce #product-132 .summary .quantity, .woocommerce #product-134 .summary .quantity, .woocommerce #product-4484 .summary .quantity, .woocommerce #product-4500 .summary .quantity{display: none}

    .woocommerce #product-24 .summary button, .woocommerce #product-29 .summary button, .woocommerce #product-30 .summary button, .woocommerce #product-130 .summary button, .woocommerce #product-132 .summary button, .woocommerce #product-134 .summary button, .woocommerce #product-4484 .summary button, .woocommerce #product-4500 .summary button{margin: 20px 0 0; float: left}

    .woocommerce .return-link{margin: 30px 0 0 10px}
    .product-subtotal{display: none}
    .product-quantity {
    text-align: right;
}
    .woocommerce .cart-collaterals {
    width: 100%;
}
    .woocommerce-billing-fields input{width:95%}
    .woocommerce-billing-fields label{width: 100%; margin: 0}
#section2 .container .timely a, .call-to-action .timely a{width:100% !important}
    
}
@media(max-width:370px){
.vivid-promo{font-size:12px}
.half{width:96%}
}

@media(max-width:350px){
    .woocommerce .return-link{float: left; clear: both; margin: 10px 0 0}
}