/*
Theme Name: Global Kidz
Description: Custom Wordpress Theme
Author: Clever Starfish


---------------------------------------
BASIC STUFF AND TYPOGRAPHY
------------------------------------ 

typekit.com:
font-family: "raleway", Helvetica, sans-serif;
font-family: "brandon-grotesque", Helvetica, sans-serif;
*/

html { overflow-y: scroll; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }

body {
    font-size: 14px;
    font-family: "raleway", Helvetica, sans-serif;
    font-weight: normal;
    line-height: normal;
    color: #403c3c;
    margin:0;
    background:#f0f0f0;
} 

p {
    line-height: 1.6em;
    margin: 1em 0;
}
a {
    text-decoration: none;
    color: #0331b6;
    background: transparent;
}
p a:hover, a.edit:hover, .woocommerce .product-name a:hover {
    text-decoration: none;
    border-bottom: 1px dashed #0331b6;	
}
a img {
    border: 0;
}
img {
    max-width: 100%;
    height: auto;
}
h1, h2, h3, h4, h5, h6 {
    font-size:15px;
    margin: 0.8em 0 0.4em;
    font-weight: 500; 
}
h1 {
    font-size: 42px;
    margin: 0;
}
h2 {
    font-size: 34px;
}
h3 {
    font-size: 28px;
}
h4 {
    font-size: 25px;
}
#content ul, #content ol {
    margin: 1em 0;
    padding: 0 0 0 50px;
}
#content ul li, #content ol li {
    padding: 5px 0;
    line-height: 1.6em;
}

/* ------------------------------------
GENERAL LAYOUT
------------------------------------ */

.wrapper {
    max-width: 960px;  
    margin: 0 auto;
    position: relative;
    padding: 0 15px;
}

#main {
    padding: 25px 0 50px;
    overflow: hidden;
    background: #fff;
}

#content {
    min-height: 400px;
    overflow: hidden;
}

#main-column {
    width: 75%;    
    float:right;
} 

#main-column.fullwidth {
    width: 100%;
    float: none;    
}

#sidebar {
    width: 21%;
    margin-right: 3%;
    float:left;
}

/* ------------------------------------
HEADER
------------------------------------ */

.global-message-top {
    background: #09b3eb;
    text-transform: uppercase;
    color:#fff;
    padding: 8px 0 7px;
    text-align: center;
    font-family: "brandon-grotesque", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.5px;
    line-height: 18px;
    position: relative;
    z-index: 10;
}

header#page-header {
    background: -moz-linear-gradient(left, rgba(39,89,184,0.91) 0%, rgba(39,89,184,0.91) 33%, rgba(85,85,179,0.91) 41%, rgba(90,84,178,0.91) 42%, rgba(100,83,178,0.91) 43%, rgba(107,82,177,0.91) 44%, rgba(110,82,176,0.91) 45%, rgba(134,80,173,0.91) 48%, rgba(161,77,169,0.91) 52%, rgba(177,75,168,0.91) 56%, rgba(190,72,165,0.91) 60%, rgba(198,71,164,0.91) 65%, rgba(202,69,164,0.91) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,89,184,0.91)), color-stop(33%,rgba(39,89,184,0.91)), color-stop(41%,rgba(85,85,179,0.91)), color-stop(42%,rgba(90,84,178,0.91)), color-stop(43%,rgba(100,83,178,0.91)), color-stop(44%,rgba(107,82,177,0.91)), color-stop(45%,rgba(110,82,176,0.91)), color-stop(48%,rgba(134,80,173,0.91)), color-stop(52%,rgba(161,77,169,0.91)), color-stop(56%,rgba(177,75,168,0.91)), color-stop(60%,rgba(190,72,165,0.91)), color-stop(65%,rgba(198,71,164,0.91)), color-stop(100%,rgba(202,69,164,0.91))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(39,89,184,0.91) 0%,rgba(39,89,184,0.91) 33%,rgba(85,85,179,0.91) 41%,rgba(90,84,178,0.91) 42%,rgba(100,83,178,0.91) 43%,rgba(107,82,177,0.91) 44%,rgba(110,82,176,0.91) 45%,rgba(134,80,173,0.91) 48%,rgba(161,77,169,0.91) 52%,rgba(177,75,168,0.91) 56%,rgba(190,72,165,0.91) 60%,rgba(198,71,164,0.91) 65%,rgba(202,69,164,0.91) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(39,89,184,0.91) 0%,rgba(39,89,184,0.91) 33%,rgba(85,85,179,0.91) 41%,rgba(90,84,178,0.91) 42%,rgba(100,83,178,0.91) 43%,rgba(107,82,177,0.91) 44%,rgba(110,82,176,0.91) 45%,rgba(134,80,173,0.91) 48%,rgba(161,77,169,0.91) 52%,rgba(177,75,168,0.91) 56%,rgba(190,72,165,0.91) 60%,rgba(198,71,164,0.91) 65%,rgba(202,69,164,0.91) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(39,89,184,0.91) 0%,rgba(39,89,184,0.91) 33%,rgba(85,85,179,0.91) 41%,rgba(90,84,178,0.91) 42%,rgba(100,83,178,0.91) 43%,rgba(107,82,177,0.91) 44%,rgba(110,82,176,0.91) 45%,rgba(134,80,173,0.91) 48%,rgba(161,77,169,0.91) 52%,rgba(177,75,168,0.91) 56%,rgba(190,72,165,0.91) 60%,rgba(198,71,164,0.91) 65%,rgba(202,69,164,0.91) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(39,89,184,0.91) 0%,rgba(39,89,184,0.91) 33%,rgba(85,85,179,0.91) 41%,rgba(90,84,178,0.91) 42%,rgba(100,83,178,0.91) 43%,rgba(107,82,177,0.91) 44%,rgba(110,82,176,0.91) 45%,rgba(134,80,173,0.91) 48%,rgba(161,77,169,0.91) 52%,rgba(177,75,168,0.91) 56%,rgba(190,72,165,0.91) 60%,rgba(198,71,164,0.91) 65%,rgba(202,69,164,0.91) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e82759b8', endColorstr='#e8ca45a4',GradientType=1 ); /* IE6-9 */
    position: relative;
    z-index: 16;
}
header#page-header #logo {
   width: 211px;
   height: 47px;
   overflow: hidden;
   text-indent: -9999px;
   display: block;
   position: relative;
   background: url("_inc/img/logo.png");
   float:left;
   margin-top: 35px;
}
#contact-info {
    text-align: right;
    padding-top: 10px;
}  
.contact-phone, .contact-phone a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-family: "brandon-grotesque", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.contact-phone {
    background: url("_inc/img/tel.png") no-repeat left center;
    padding-left: 16px;
}
.social-links, .social-links ul, .social-links li {
    font-size: 0;
    display: inline-block;
    list-style: none;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.social-links {
    margin-left: 8px;
}
.social-links a {
     width: 31px;
     height: 31px;
     background: url("_inc/img/social-links.png") no-repeat 0 0;
     display: inline-block;
     text-indent: -9999px;
     overflow: hidden;
     margin: 0 0 0 7px;
     -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.social-links a:hover {
    opacity: .8;
}
.social-links .facebook {
     background-position: -38px 0;
}
.social-links .instagram {
     background-position: -76px 0;
}
.social-links .pinterest {
     background-position: -115px 0;
}

#cart-panel {
    float:right;
    margin: 16px 0 13px;
}
#cart-panel ul li a {
    font-size: 14px;
}
#cart-panel ul li.my-order a {
    background: transparent url("_inc/img/bag.png") no-repeat 0px 4px;
    padding: 8px 0 8px 26px; 
}

#shop-header {
    background: #fff;
    padding-top: 20px;
}
#shop-search-panel {
    float:right;
}
#shop-search-panel label {
    display: none;
}
#shop-search-panel #searchsubmit {
    height: 30px;
    width: 30px;
    border:none;
    background: url("_inc/img/search.png") no-repeat center center;
    padding: 0;
    font-size: 0;
    vertical-align: middle;
}
#shop-search-panel #s {
    border: none;
    background: url("_inc/img/dotted-grey.png") repeat-x bottom left;
    padding: 0 10px;
    height: 31px;
    width: 171px;
    line-height: 30px;
    font-size: 13px;
    font-family: "raleway", Helvetica, sans-serif;
}
#shop-global-message {
    background: #fff;
}
.global-message {
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    color: #403c3c;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 14px 12px 12px;
}
.global-message a {
    color: #403c3c;
}
.global-message a:hover {
    color: #0331b6;
}

/* ------------------------------------
NAVIGATION
------------------------------------ */

nav {
    margin:0;
    z-index: 11;
    position: relative;
}
nav ul {
    position: relative;
    font-family: "brandon-grotesque", Helvetica, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.5px;
}
nav ul ul.sub-menu, nav ul ul.children {
    display: none;
}
nav ul ul.sub-menu ul.sub-menu, nav ul ul.children ul.children {
    display: none !important;
}
nav ul, nav ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index:10;
}
nav ul li a, #shop-tag-nav ul li .tag-nav-label {
    line-height: 15px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    padding:8px 12px;
    overflow: hidden;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#shop-tag-nav ul li .tag-nav-label {
    padding-left: 0;
}
#main-nav {
    display: inline-block;
    margin: 15px 0 14px 90px;
}
#main-nav ul li a, #cart-panel ul li.my-account a {
    margin: 0 -12px;
}
#main-nav ul li, #cart-panel ul li.my-account {
    margin: 0 22px 0 12px;
}
#main-nav ul li:last-child, #shop-tag-nav li:last-child {
    margin-right:0;
}
#main-nav ul li:hover, #cart-panel ul li:hover {
    background: url("_inc/img/dotted-white.png") repeat-x bottom left;
}
#main-nav ul li.current-menu-item a, #main-nav ul li.current_page_parent a, #main-nav ul li.current-page-ancestor a,
#cart-panel ul li.current-menu-item a, #cart-panel ul li.current_page_parent a {
    background-color: #002fb5;
} 

#shop-tag-nav {
    padding-bottom: 10px;
    display: inline-block;
}
#shop-tag-nav ul li a, #shop-tag-nav ul li .tag-nav-label {
    color: #4b4747; 
    border-right: 2px solid #ccc;
    padding: 0 22px;
    margin: 8px -22px;
}
#shop-tag-nav li {
    margin: 0 22px;
}
#shop-tag-nav li:first-child {
    margin: 0;
    background: 0 !important;
}
#shop-tag-nav li:last-child a, #shop-tag-nav ul li .tag-nav-label {
    border-right: none;
}
#shop-tag-nav ul li:hover, #shop-tag-nav ul li.current-menu-item, #shop-tag-nav ul li.current_page_parent {
    background: url("_inc/img/dotted-grey.png") repeat-x bottom left;
}

#shop-category-nav {
    background: #002fb5;
    z-index: 12;
}
#shop-category-nav ul li a {
    padding: 12px;
}
#shop-category-nav ul li:first-child a {
    padding-left: 18px;
}
#shop-category-nav > ul > li.cat-parent > a {
    padding-right: 30px;
    background: url("_inc/img/arrow-down.png") no-repeat right center;
}
#shop-category-nav ul li:hover, #shop-category-nav ul li.current-cat, #shop-category-nav ul li.current-cat-parent {
    background-color: rgb(0,192,239);
}
#shop-category-nav ul li ul.children {    
    position: absolute;
    left:0;
    top: 39px;
    width: 177px;
    padding: 12px 10px;
    background: rgb(0,192,239); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,192,239,1) 0%, rgba(0,187,237,1) 13%, rgba(0,173,230,1) 31%, rgba(28,165,226,1) 39%, rgba(61,152,218,1) 52%, rgba(146,121,196,1) 81%, rgba(168,114,191,1) 90%, rgba(185,108,185,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,192,239,1)), color-stop(13%,rgba(0,187,237,1)), color-stop(31%,rgba(0,173,230,1)), color-stop(39%,rgba(28,165,226,1)), color-stop(52%,rgba(61,152,218,1)), color-stop(81%,rgba(146,121,196,1)), color-stop(90%,rgba(168,114,191,1)), color-stop(100%,rgba(185,108,185,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,192,239,1) 0%,rgba(0,187,237,1) 13%,rgba(0,173,230,1) 31%,rgba(28,165,226,1) 39%,rgba(61,152,218,1) 52%,rgba(146,121,196,1) 81%,rgba(168,114,191,1) 90%,rgba(185,108,185,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,192,239,1) 0%,rgba(0,187,237,1) 13%,rgba(0,173,230,1) 31%,rgba(28,165,226,1) 39%,rgba(61,152,218,1) 52%,rgba(146,121,196,1) 81%,rgba(168,114,191,1) 90%,rgba(185,108,185,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,192,239,1) 0%,rgba(0,187,237,1) 13%,rgba(0,173,230,1) 31%,rgba(28,165,226,1) 39%,rgba(61,152,218,1) 52%,rgba(146,121,196,1) 81%,rgba(168,114,191,1) 90%,rgba(185,108,185,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,192,239,1) 0%,rgba(0,187,237,1) 13%,rgba(0,173,230,1) 31%,rgba(28,165,226,1) 39%,rgba(61,152,218,1) 52%,rgba(146,121,196,1) 81%,rgba(168,114,191,1) 90%,rgba(185,108,185,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c0ef', endColorstr='#b96cb9',GradientType=0 ); /* IE6-9 */
}
#shop-category-nav ul li:hover ul.children {
    display: block;
}
#shop-category-nav ul li ul.children li {
    display: block;
}
#shop-category-nav ul li ul.children li a {
    display: block;
    padding: 8px 12px;
    font-size: 14px;
}
#shop-category-nav ul li ul.children li.current-cat,
#shop-category-nav ul li ul.children li:hover {
    background-color: #002fb5;
} 

.mobile-menu, #mobile-main-nav {
    display: none;
}

/* ------------------------------------
HOMEPAGE
------------------------------------ */

#homebanner {
    width:100%;
    position: relative;
    height: auto;
    z-index: 1;
}
#homebanner .slides { 
    background: #fff;
}
#homebanner .slides li {
    width: 100%; 
    height: auto;
    max-height: 590px;
    overflow: hidden;
    display: none;
    padding:0;
    margin-top: -100px;        
}
#homebanner .slides li img {
    width: 100%; 
    height: 100%;
}
#homebanner .slides li a, #homebanner .slides li, #homebanner .slides {
    vertical-align: top;
    line-height: 0;
}
#homebanner .banner-text {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    line-height: normal;
}
#homebanner .banner-content {
    display: block;
    overflow:hidden;
    max-width: 900px;
    padding: 0 30px;
}
#homebanner .title, #homebanner .description {
    font-size: 19px;
    line-height: normal;
    color: #fff;
    font-weight: 500;
    display: block;
}
#homebanner .title {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 10px;
}
#homebanner .flex-direction-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#homebanner .flex-direction-nav li {
    margin: 0 auto;
    position: relative;
    max-width: 960px;
    padding: 0 15px;
    display: block;
    height: 50%;
}
#homebanner .flex-direction-nav li a {
    opacity: 1;
    right: 0px;
    background: url("_inc/img/slider-buttons.png") no-repeat bottom left;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
    top: 0;
    margin: -50px 0 0;
}
#homebanner .flex-direction-nav li a:before {
    content: '';
    display: none;
}
#homebanner .flex-direction-nav li a.flex-prev { 
    left: 0px;
    top: auto;
    bottom: 0;
    margin: 0;
    background-position: top left;
}
#homebanner .flex-direction-nav li a:hover, #homebanner .flex-direction-nav li a:focus {
    
}

#featured-products {
    margin: -30px 0 25px;
    border-bottom: 1px solid #e5e5e5;
    position: relative; 
}
#featured-products .button-eye {
    position: absolute;
    right: 0;
    top: -5px;
}
#featured-products .featured-listing {
    margin: 20px 0 5px;
}

body.home #content {
    min-height: 0;
}

/* ------------------------------------
SIDEBAR
------------------------------------ */
#sidebar ul, #sidebar ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

nav.sidebar-navigation ul, nav.sidebar-navigation li {
    display: block;
}
nav.sidebar-navigation li a {
    color: #2455a4;
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
nav.sidebar-navigation li a:hover {
    color: #09b3eb;
}
nav.sidebar-navigation li.current_page_item a,
nav.sidebar-navigation .current-cat > a {
    background-color: rgb(0, 192, 239);
    color: #fff !important;
} 

#page-subnav {
    margin-top: 25px;
}

#shop-category-subnav {
    padding-top: 10px;
    margin-top: 65px;
    background: url("_inc/img/dotted-yellow.png") repeat-x 1px 0;
}
#shop-category-subnav .product-categories > li {
    display: none;
}
#shop-category-subnav .product-categories > li.current-cat,
#shop-category-subnav .product-categories > li.current-cat-parent,
#shop-category-subnav .product-categories > li > ul.children,
#shop-category-subnav .product-categories > li > ul.children li {
    display: block;
}
#shop-category-subnav .product-categories > li > a:before {
    content: 'All '
}

.shop-sidebar-feature {
    background: rgb(0, 192, 239);
    margin-top: 40px;
    padding: 25px 30px 10px;
    color: #fff;
}
.shop-sidebar-feature h4 {
    margin: 0;
    font-size: 17px;
    line-height: normal;
}

/* ------------------------------------
PRODUCT LISTING
------------------------------------ */

ul.products {
    overflow:hidden;
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; 
}
ul.products li.product {
    margin-bottom: 40px;
    float:left;
    margin-right: 4%;
    width: 30.66%;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0 0 48px !important;
    text-align: center;
    font-family: "brandon-grotesque",Helvetica,sans-serif;
}
ul.products li.product a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
} 
ul.products li.product a:hover {
    opacity: 0.8;
}
ul.products li.product.first {
    clear: both;
}
ul.products li.product.last {
    margin-right: 0;
} 
.columns-4 ul.products li.product {
    width: 22%;
}
.columns-2 ul.products li.product {
    width: 48%;  
}

ul.products li.product img {
    width: 100%;
    height: auto;
}
ul.products li.product h3,
ul.products li.product h2 {
    line-height: 18px;
    font-size: 14px;
    margin: 5px 0;
    color: #5bcf00;
    text-transform: uppercase;   
}
ul.products li.product .price {
    font-weight: 500;
    font-size: 13px;
    color: #4b4a4a;
}
.product .price del {
    color: #8b8a8a;
    margin-right: 4px;
}
.product .price ins {
    text-decoration: none;
}
ul.products li.product .add_to_cart_button, ul.products li.product .button {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 6px 10px;
    width: 148px;
}
span.onsale {
    position: absolute;
    display: inline-block;
    top: 5px;
    right: 5px;
    font-size: 12px;
    padding: 6px 8px;
    text-align: center;
    font-family: "brandon-grotesque", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background: #ff5806;
    line-height: 14px;
}
.button.loading:before {
    background: url("_inc/img/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.button.added:before {
    position:absolute;
    background: url("_inc/img/tick.png") no-repeat center center;
    height:14px;
    width:18px;
    top:10px;
    color: #403c3c;
    right:-26px;
    content:""
}
.wc-forward.added_to_cart {
    display: none;
}

.woocommerce-result-count {
    width: 100%;
    font-size: 13px;
    background: url("_inc/img/dotted-yellow.png") repeat-x left bottom;
    padding: 30px 0 18px;
    margin: 0 0 35px;
}
form.woocommerce-ordering {
    float: right;
    padding: 10px 0 0;
}
form.woocommerce-ordering div.selector {
    width: 170px !important;
}

ul.page-numbers {
    padding: 0 !important;
    margin-top: 25px !important;
}
ul.page-numbers li {
    float:left;
}
ul.page-numbers .page-numbers, ul.page-numbers a.page-numbers {
    display: inline-block;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #c2c2c2;
    color: #fff;
    font-size: 13px;
    padding: 0;
    margin-right: 1px;
    float:left;
}
ul.page-numbers .page-numbers.current, ul.page-numbers a.page-numbers:hover {
    background-color: #aaa;
}
ul.page-numbers .page-numbers.prev,
ul.page-numbers .page-numbers.next {
    background-image: url("_inc/img/pagination-arrows.png");
    background-repeat: no-repeat;
    background-position: left center;
    text-indent: -9999px;
    overflow: hidden;
}
ul.page-numbers .page-numbers.next {
    background-position: right center;
}

/* ------------------------------------
PRODUCT DETAIL
------------------------------------ */

.single-product .summary {
    float:right;
    width: 220px;
}
.single-product .product .price {
    font-weight: 500;
    font-size: 23px;
    font-family: "brandon-grotesque",Helvetica,sans-serif;
    color: #4b4a4a;
    line-height: 25px;
}
.variations_form .price {
    margin: 30px 0 20px;
    display: block;
}
.variations_form table, .variations_form table td, .variations_form table th,
table.group_table, table.group_table td, table.group_table th {
    border:none;
    padding: 0;
    margin: 0;
}
table.group_table td.label {
    padding-left: 12px;
}
table.group_table .amount {
    font-weight: 500;
}
.variations_form .reset_variations {
    display: block;
    margin-top: 5px;
    font-size: 13px;
}
.variations_form .variations .label,
.variations_form .variations .value {
    display: block;
}
.variations_form .variations .label label {
    padding: 8px 0;
    display: block;
}
.variations_form .variations div.selector {
    width: 100% !important;
}
.variations_form .variations .value .hide-variation-select {
    display: none;
}
.single-product .summary .single_add_to_cart_button, .single-product .variations_button {
    margin-top: 20px;
}
.single-product .images {
    position: relative;
    margin-right: 250px;
}
.single-product .images img {
    width: 100%;
}
/*.product img {
    border: 1px solid #ccc;
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
} */
div.thumbnails {
    padding: 10px 0;
    overflow: hidden;
}
div.thumbnails > a {
    float: left;
    margin-right: 3.05%;
    margin-bottom: 10px;
    width: 31.3%;
}
div.thumbnails > a.last {
    margin-right: 0;
}
div.pp_woocommerce div.ppt {
    display: none !important;
}
.woocommerce-tabs {
    clear:both;
}
.woocommerce-tabs .tabs, .woocommerce-tabs > div  {
    display: none;
}
.woocommerce-tabs > div.tab-description {
    display: block;
}
#tab-description h2 {
    font-size: 20px;
}
.upsells.products h2 {
    font-size: 30px;
    margin: 35px 0 20px;
    clear:both;
}

.variation-swatches {
    overflow: hidden;
}
.variation-swatch {
    background-color: #fbfbfb;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    display: block;
    float:left;
    font-size: 14px;
    line-height: 15px;
    color: #7f7f7f;
    margin: 3px 6px 3px 0;
    padding: 7px 10px;
    position: relative;
    text-transform: uppercase;
    min-width: 9px;
    text-align: center;
    font-family: "brandon-grotesque",Helvetica,sans-serif;
}
.variation-swatch.selected {
    color: #fff;
    background: #333;
}
.variation-swatch.soldout {
    background-image: url(_inc/img/soldout.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    color: #c2c2c2;
    cursor: default;
}

/* ------------------------------------
FOOTER
------------------------------------ */

footer {
    background: url(_inc/img/dotted-orange.png) left 15px repeat-x;
    padding: 30px 0;
    font-size: 13px;
}
footer h5 {
    color: #666565;
    text-transform: uppercase;
    font-family: "brandon-grotesque",Helvetica,sans-serif;
}

footer .footer-column {
    float:left;
    margin-right: 4%;
    width: 29%;
} 
footer .footer-column h5 {
    margin-bottom: 15px;
}
footer nav ul, footer nav ul li {
    display: block;
}
footer nav ul li a {
    color: #ff5806;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    font-size: 14px; 
    padding: 6px 0;   
}
footer nav ul li a:hover {
    color: #09b3eb;    
}
footer .footer-nav, footer .footer-connect {
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

footer .newsletter-form label {
    display: none;
}
footer .newsletter-form form div, footer .newsletter-form span {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: auto;
}
footer .newsletter-form .ginput_container {
    display: block;
}
footer .newsletter-form form {
    padding-bottom: 25px;
}
footer .newsletter-form .gform_heading {
    margin-bottom: 15px;
    display: block;
}
footer .newsletter-form .gform_body {
    width: 66%;
    margin-right: 1%;
}
footer .newsletter-form .gform_footer {
    width: 31%;
    position: relative;
}
footer .newsletter-form .validation_error {
    display: none;
}
footer .newsletter-form input[type='text'] {
    border: none;
    background: #fff;
    width: 100%;    
}
footer .newsletter-form input[type='submit'] {
    background: #a1a2a2;
    width: 100%;
    padding: 6px 10px;
}
footer .newsletter-form .gform_confirmation_wrapper  {
    padding: 10px 0 25px;
}
footer .newsletter-form .gform_ajax_spinner   {
    position: absolute;
    top: 0px;
    right: -35px;
}

footer .footer-connect {
    width: 39%;
}
footer .social-links {
    margin-left: 0;
}
footer .social-links a {
    background-image: url(_inc/img/social-links-pink.png);
}
footer .social-links h5 {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

.footer-note {
    padding: 20px 0 0;
    border-top: 1px solid #dbdbdb;
    overflow: hidden;
    margin-top: 25px; 
}
.footer-note .copyright {
    float:left;
    color: #717171;
}
a#starfish { 
    background: url(_inc/img/starfish.png) top left no-repeat; 
    vertical-align: text-bottom;
    width: 84px; 
    height: 23px; 
    display: inline-block; 
    text-align:left; 
    overflow: hidden; 
    text-indent: -9999em;  
    float: right;
}
a#starfish:hover { 
    background-position: bottom left; 
}

#top {
    position: fixed;
    bottom: 73px;
    width: 100%;
    z-index: 999;
    display: none;
}
#top div {
    margin: 0 auto;
    position: relative;
    width: 960px;
}
#top a {
    width:33px;
    height:73px;
    background: url("_inc/img/top.png") no-repeat center center;
    position: absolute;
    right: -70px;
    bottom: 0;
    text-indent: -9999px;
    overflow:hidden;
}

/* ------------------------------------
FORMS
------------------------------------ */

input[type='text'], input[type='password'], input[type='tel'], input[type='number'], input[type='email'], input[type='search'], textarea,
button, input[type='submit'], .button,
div.selector span, .select2-container .select2-choice > .select2-chosen,
.select2-container .select2-selection--single .select2-selection__rendered {
    display: inline-block; 
    background: transparent;
    border:2px solid #abacac;
    color: #29292b;
    font-size: 13px;
    font-family: "raleway", Helvetica, sans-serif;
    line-height:24px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}

input[type='text'], input[type='password'], input[type='tel'], input[type='number'], input[type='email'], input[type='search'],
.select2-container .select2-choice > .select2-chosen,
.select2-container .select2-selection--single .select2-selection__rendered {
    padding:4px 10px;    
    height:36px;
}

.select2-container .select2-choice,
.select2-container .select2-selection {
    width: 100% !important;
    max-width: 100%;
}
.select2-container .select2-choice,
.select2-container .select2-selection {
    padding: 0;
    border: 0;
    border-radius: 0;
    height: auto;
}
.select2-container .select2-choice > .select2-chosen,
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    background-image: url("_inc/img/select.png");
    background-position: right center;
    background-repeat: no-repeat;
    width: auto !important;
    padding-right: 40px;
    margin: 0;
}
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-selection__arrow {
    display: none;
}
.select2-search {
    padding: 4px;
}
.select2-search input[type="text"],
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-width: 1px;
}

textarea {
    padding:10px; 
} 

button, input[type=submit], .button {
    padding: 6px 28px;
    text-align: center;
    cursor: pointer;
    text-decoration: none !important;
    font-family: "brandon-grotesque", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 13px;
    border:none;
    text-transform: uppercase;
    color: #fff;
    background: #ff5806;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input[type=submit] {
    height: 36px;
    background: #ff2089;
}
button:hover, input[type=submit]:hover, .button:hover {
    opacity: 0.8; 
    border: 0;
}
.button-green {
    background: #5bcf00;
}
.button-eye {
    background: #5bcf00 url("_inc/img/eye.png") no-repeat 22px 13px;
    padding-left: 40px;
}

input[type='number'] {
    width: 60px;
    padding-right: 4px; 
    -moz-font-feature-settings: "tnum";
    -ms-font-feature-settings: "tnum";
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";   
}
div.quantity {
    position: relative;
    padding-right: 22px;
    width: 40px;
}
div.quantity input[type='number'] {
    height: 40px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}
div.quantity .plus,
div.quantity .minus {
    position: absolute;
    right:0;
    top:0;
    width: 24px;
    height: 20px;
    background: #abacac;
    border: none;
    text-align: center;
    line-height: 17px;
    font-size: 16px;
    border-radius: 0;
    cursor: pointer;
    color: #fff;
    font-family: Helvetica,sans-serif;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    padding:0;
}
div.quantity .minus {
    top:auto;
    bottom:0;
}

::-webkit-input-placeholder { color: #6a655d; }
::-moz-placeholder { color: #6a655d; }
div.selector, .chosen-container .chosen-single {
    padding: 0;
    width: auto !important;   
    border: none; 
    background: transparent !important; 
}
div.selector span, .chosen-container .chosen-single span {
    display: block;
    background:  #fff url("_inc/img/select.png") no-repeat right center !important;    
    width: auto !important;
    padding: 0 48px 0px 10px; 
    text-shadow: none;   
}
div.selector select {
    width: 100%;
    top:0px; 
    left:0px; 
} 
div.selector, div.selector span, div.selector select, 
.chosen-container-single .chosen-single span, .chosen-container-single .chosen-single,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
    height:36px;
    line-height:33px;
    color: #29292b;
}

div.checker, div.radio {
    margin: 0px 10px 4px 0;
    vertical-align: text-bottom;
} 
div.checker, div.checker span, div.checker input,
div.radio, div.radio span, div.radio input {
    height: 15px;
    width:15px;
    vertical-align: middle;
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
} 
div.checker input, div.radio input {
    left: 0;
    position: absolute;
    top: 0;
}
div.checker span {
    background: #fff;
    border: 2px solid #abacac;    
    vertical-align: top;
}
div.checker span.checked {
    background: #fff url("_inc/img/check.png") no-repeat center center !important;
}
div.radio, div.radio span, div.radio input {
    height: 15px;
    width:15px;
}
div.radio span {
    border: 2px solid #abacac;
    vertical-align: top;
    background:  #fff;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    position: relative;
}
div.radio span.checked:after {
    background: #000;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    content: " ";
    height: 7px;
    left: 2px;
    position: absolute;
    top: 2px;
    width: 7px;   
} 

.gform_wrapper ul, .gform_wrapper ol, .gform_wrapper li,
#content .gform_wrapper ul, #content .gform_wrapper ol, #content .gform_wrapper li {
    list-style:none;
    padding:0;
    margin:0;
}
.gform_wrapper .validation_message {
    display: block;
    padding: 5px 0;
    color: #ff5806;
    font-family: "brandon-grotesque",Helvetica,sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    line-height: normal;
}
.gform_ajax_spinner {
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
}

#content .gform_wrapper {
    overflow: hidden;
    max-width: 460px;
}
#content .gform_body {
    margin: 10px 0 15px;
}
#content .gform_wrapper .gform_validation_container {
    display: none;
}
#content .gform_wrapper ul li {
    padding:6px 0;
    position: relative;
} 
#content .gform_wrapper label.gfield_label {
    font-size:14px;
    padding: 4px 0;
    display: block; 
}
#content .gform_wrapper input[type='text'], #content .gform_wrapper textarea, #content .gform_wrapper div.selector {
    width: 100% !important;
} 
#content .gform_wrapper .gfield_radio input[type='text'] {
    width: 265px !important;
    max-width: 100%;
} 
#content .gform_wrapper .gfield_radio li, 
#content .gform_wrapper .gfield_checkbox li {
   line-height: normal;
}
#content .gform_wrapper .gfield_radio li label, 
#content .gform_wrapper .gfield_checkbox li label {
   max-width: 90%;
   display: inline-block;
   vertical-align: top;
}
#content .gform_wrapper textarea {
    width: 100%;
    height: 100px;
}
#content .gform_wrapper .validation_error {
    margin: 15px 0;
    line-height: 1.6em;
}
#content .gform_confirmation_message {
    margin: 30px 0;
}
#content .gform_wrapper ul li.two-column {
    display: inline-block;
    width: 48%;    
}
#content .gform_wrapper ul li.two-column.left {
    margin-right: 4%;    
}

#payment .payment_method_anz_egate label img {
    margin: 5px 0 5px 25px;
    vertical-align: middle;
}

.woocommerce .cart-collaterals .shipping_calculator a:after {
    content: "";
    margin-left: 5px;
    background: url("_inc/img/mobile-nav-arrows.png") no-repeat right -50px;
    height: 20px;
    width:20px;
    display: inline-block;
}

.woocommerce #payment .woocommerce-terms-and-conditions-wrapper {
    padding: 0 1em;
    text-align: left;
    float:left;
}

/* ------------------------------------
EVERYTHING ELSE, MISCELLANEOUS STUFF
------------------------------------ */
.clear {
    clear:both;
}
.flex-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.transition-all {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
hr {
    border: none;
    clear: both;
    display: block;
    height: 3px;
    margin: 15px 0;
    padding: 0;
    background: url("_inc/img/dotted-yellow.png") repeat-x;
}
#content > hr {
    margin-bottom: 5px;
}
.alignright {
    clear: right;
    float: right;
    margin: 8px 0px 20px 30px;
    max-width: 100%;
}

.alignleft {
    clear: left;
    float: left;
    margin: 8px 30px 20px 0px;
    max-width: 100%;
}

.aligncenter {
    margin: 5px auto 0px;
    max-width: 100%;
    display: block;
}

.alignnone {
   margin: 5px 0 0px; 
   max-width: 100%;
}

.wp-caption-text {
    font-style: italic;
    font-size: 13px;
    line-height: 20px;
    margin-top: 3px;
}

blockquote {
    color: #888;
    font-size: 17px;
    font-style: italic;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    color: #352f26;
    margin: 25px 0;
}
table td, table th {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px 10px;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
}
table th {
    background: #f0f0f0;
}
.navigation {
    display: block;
    clear: both;
    overflow: hidden;
}
.navigation .alignleft, .navigation .alignright {
    margin: 0;
}
.navigation .alignleft a, .navigation .alignright a {
    margin: 20px 0;
    display: block;
    font-weight: bold;
}
#commentform label {
    float: none;
    width: auto;
    display: block;
    padding-bottom: 2px;
}
#content .commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
}
#comments {
    border-top: 1px solid #e5e5e5;
    padding-top: 28px;
    margin-bottom: 22px;
}
#respond {
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
    padding-top: 5px;
}

/* ------------------------------------
MEDIA QUERIES
------------------------------------ */

@media screen and (max-width:960px) {
    #main-nav {
        margin-left: 15px;
    }
    #homebanner .slides li {
        margin-top: 0;
    }
    #homebanner .flex-direction-nav li a.flex-prev {
        left: 16px;
    }
    #homebanner .flex-direction-nav li a.flex-next {
        right: 16px;
    }
}

@media screen and (max-width:860px) {
    .global-message-top {
        background: #c1409e;
        position: absolute;
        top: 152px;
        left:0;
        width:100%;
        display: none;
    }
    body.home .global-message-top {
        display: block;
    }
    header#page-header .wrapper { 
        background: #0bb4eb; 
        height: 152px;    
    }
    header#page-header #logo {
        width: 184px;
        height: 40px;
        background-image: url("_inc/img/logo-mobile.png");
        margin: 0 auto;
        top: 50px;
        float:none;
    }
    header#page-header .contact-phone {
        position: absolute;
        top: 5px;
        left: 15px;
        background: transparent;
        padding-left: 0;
    }
    header#page-header .social-links {
        position: absolute;
        top: 8px;
        right: 15px;
    }
    #cart-panel {
        border-top: 1px solid rgba(255, 255, 255, 0.3);
        position: absolute;
        float:none;
        left: 0;
        bottom: 0;
        text-align: right;
        width: 100%;
        margin-bottom: 0;
        padding: 7px 0;
    }
    #cart-panel ul.menu {
        margin-right: 15px;
    }
    
    body.home .global-message {
        border-top: 1px solid #e5e5e5;
    }
    
    #homebanner .slides li .img-inner {
        float:right;
        position: relative;
        right: 50%;
    }
    #homebanner .slides li img {
        max-width: none;
        height: 321px;
        width: auto;
        position: relative;
        right: -50%;
    }    
    #homebanner .flex-direction-nav li {
        height: 35%;
    }
    #homebanner .flex-direction-nav li a.flex-prev {
        bottom: -25px;
    }
    #homebanner .flex-direction-nav li a.flex-next {
        top: 25px;
    }
    #homebanner .banner-text {
        position: static;
        clear: both;
        display: block;
    }
    #homebanner .banner-content {
        padding: 15px 15px 25px;
    }
    #homebanner .title,
    #homebanner .description {
        color: #403c3c;
        font-weight: normal;
    }
    #homebanner .title {
        font-size: 27px;
        line-height: 28px;
    }
    #homebanner .description {
        font-size: 15px;
    }
    
    #sidebar, #main-nav {
        display: none;
    }
    #main-column {
        float: none;
        width: 100%;
    }
    #shop-header {
        position: absolute;
        top: 107px;
        left:-275px;
        width:275px;
        background:#fff;
        z-index:1000;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;        
    }
    #shop-header, #shop-header .wrapper {
        padding: 0;
    }
    .mobile-menu {
        display: block;
        position: absolute;
        background: url("_inc/img/mobile-menu.png") no-repeat center center;
        height: 45px;
        width: 45px;
        top: 0;
        right: -45px;
    }
    body.mobile-menu-expanded #shop-header {
        left:0;
    }
    body.mobile-menu-expanded #shop-header .mobile-menu {
        background-color: #002fb5;
    }
    body.mobile-menu-expanded:before {
        content:'';
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        position: fixed;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        z-index: 15;        
    }
    #shop-header nav,
    #shop-header nav ul,
    #shop-header nav ul li,
    #shop-header nav ul li a,
    #shop-category-nav ul li ul.children li a {
        margin:0;
        padding: 0;
        display: block;
        color: #4b4747;
        background: #fff;
        border-right: 0;
    }
    #shop-header nav ul li a, #shop-category-nav ul li ul.children li a {
        display: block;
        font-size: 14px;
        line-height: 14px;
        padding: 12px 17px;
        border-bottom: 1px solid #ccc;
    }  
    #shop-category-nav ul li ul.children li a,
    #shop-header nav ul li ul.sub-menu li a {
        padding: 12px 28px;
        background: #f0f0f0;
    }
    #shop-category-nav ul li ul.children,    
    #shop-category-nav ul li:hover ul.children,
    #shop-header nav ul li ul.sub-menu {    
        position: static;
        width: auto;
        padding: 0;
        display: none;
        background: transparent;
    }
    #shop-category-nav ul li.expanded ul.children,
    #shop-header nav ul li.expanded ul.sub-menu {
        display: block;   
    }
    #shop-category-nav ul li:hover, #shop-category-nav ul li.current-cat, #shop-category-nav ul li.current-cat-parent {
        background-color: #fff;
    }
    #shop-header > ul > li.cat-parent > a {
        padding-right: 80px;
    }
    #shop-header ul li.cat-parent:before {
        content: " ";
        font-size: 40px;
        font-weight: bold;
        right: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 80px;
        height: 40px;
        display: block;
        cursor: pointer;
        background: url("_inc/img/mobile-nav-arrows.png") no-repeat 48px -43px;
    }
    #shop-header ul li.cat-parent.expanded:before {
        background-position: 48px top;
    }
    
    #shop-tag-nav ul li .tag-nav-label {
        display: none;
    }
    #shop-header .wrapper {
        padding-top: 55px;
    }
    #shop-search-panel {
        position: absolute;
        top: 10px;
        left: 15px;
    }
    
    #mobile-main-nav {
        display: block;
    }
    
    h1 {
        font-size: 28px;
    }
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    
    #main {
        padding-bottom: 82px;
    }
    footer {
        position: relative;
    }
    #top, #top div {
        position: static;
    }
    #top a {
        right: 15px;
        top: -90px;
    }
    
    footer .footer-connect,
    footer .footer-nav,
    footer .footer-column {
        width: 100%;
        display: block;
        clear:both;
    }
    footer .footer-nav {
        padding-top: 10px;
    }
    footer .footer-column h5, footer .footer-column ul.menu a {
        line-height: 14px;
        padding: 12px 40px 12px 15px;
        border-bottom: 1px solid #ccc;
        margin:0 -15px;
        cursor: pointer; 
        position: relative;
        display: block;       
    }
    footer .footer-column h5:before {
        content: " ";
        right: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 40px;
        height: 40px;
        display: block;
        cursor: pointer;
        background: url("_inc/img/mobile-nav-arrows.png") no-repeat 0 -43px;
    }
    footer .footer-column.expanded h5:before {
        background-position: 0 top;
    }
    footer .footer-column ul.menu {
        display: none;
    }
    footer .footer-column ul.menu a {
        padding: 12px 28px;
        background: #fff;
    }
    footer .footer-column.expanded ul.menu {
        display: block;
    }
    
    footer .footer-connect {
        padding-top: 15px;
    }
    footer .newsletter-form {
        max-width: 400px;
    }
    
    .social-links a {
        margin: 0 0 0 5px;
    }
    footer .social-links h5 {
        margin-right: 8px;
        margin-bottom: 5px;
    }
    
    .columns-4 ul.products li.product {
        width: 48%;
    }     
    .columns-4 ul.products li.product:nth-child(2n) {
        margin-right: 0;
    }
    .columns-4 ul.products li.product:nth-child(2n+1) {
        clear: both;
    } 

}

@media screen and (max-width:700px) {
    
    ul.products li.product,
    ul.products li.product.first,
    ul.products li.product.last {
        width: 48%;
        margin-right: 4%;
        clear:none;
    }
    ul.products li.product:nth-child(2n+1) {
        clear: both;
    }
    ul.products li.product:nth-child(2n) {
        margin-right: 0;
    }
    
}

@media screen and (max-width:520px) {
    
    .single-product .images {
        margin-right: 0;
    }
    .single-product .summary {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .variations_form .variations div.selector {
        max-width: 220px;
    }

}


@media screen and (max-width:480px) {
    
    #content .gform_wrapper ul li.two-column,
    #content .gform_wrapper ul li.two-column.left {
        display: inline-block;
        width: 100%;  
        margin-right: 0;  
    }

    ul.products li.product {
        width: 100% !important;
        margin-right: 0;
        clear:both;
        text-align: left;
        margin-bottom: 15px;
        padding-bottom: 0 !important;
    }
    ul.products li.product img {
        width: 135px;
        float:left;
        margin-right: 15px;
    }
    ul.products li.product .add_to_cart_button, ul.products li.product .button {
        display: none;
    }
    ul.products li.product span.onsale {
        right: auto;
        left: 83px;
    }
    ul.products li.product span.comingsoon {
        left: 63px;
    }
    #featured-products .button-eye {
        position: static;
    }
    #featured-products .featured-listing {
        margin: 25px 0;
    }
    
    form.woocommerce-ordering {
        float:none;
    }
    .woocommerce-result-count {
        padding-top: 15px;
    }
    
}

@media screen and (max-width:360px) {
    footer .newsletter-form .gform_body,
    footer .newsletter-form .gform_footer {
        width: 100%;
        margin:0 0 10px 0;
    }
    .footer-note .copyright {
        margin-bottom: 12px;
    }
}