@import "../../../atlanta/assets/css/style.min.css";


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



/* -- ***** Anti alias all the text 
---------------------------------------------------------------*/ 

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* -- ***** Prevent x-axis scrolling
---------------------------------------------------------------*/
html,
body {
   /* overflow-x: hidden;*/
}


/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 

#header {
    position: relative;
}


.archive #header {
    border-bottom: 1px solid #BDBDBD;
}


/* -- ***** Logo
---------------------------------------------------------------*/
    


@-moz-document url-prefix() {
    .logo-img a > img {
        min-width: 300px;
    }
}


@-moz-document url-prefix() {
    .sticky-header .logo-img a > img {
        min-width: 175px;
    }
}


/* -- ***** Phone bar
---------------------------------------------------------------*/

#phone-bar {
    background: #F7886B;
    color: #fff;
    padding: 5px 0;
}



#phone-bar p {
    display: inline-block;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: bold;
}



#phone-bar ul.hl-phones {
    list-style: none;
    padding: 0 2em 0 0;
    margin: 0;
    display: inline-block;
}


#phone-bar .hl-phones li {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}


#phone-bar .hl-phones li:after {
    content: '|';
    color: #fff;
    padding: 0 1.8em;
}



#phone-bar .hl-phones li:last-child:after {
    display: none;
}


#phone-bar .hl-phones li img {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-left: 3px;
}


#phone-bar .hl-phones li a {
    color: #fff;
}


/* -- ***** Topbar
---------------------------------------------------------------*/


#top-bar {
    padding: 10px 0 14px;
}


#top-bar p {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

#top-bar .widget {
    vertical-align: top;
}


#top-bar #search-2 {
    margin-right: 10px;
}


#top-bar .form-search .field {
    border-radius: 30px;
    font-size: 16px;
}


.form-search button {
    top: 8px;
    font-size: 1.2em;
}



#top-bar #text-4 {
    vertical-align: sub;
}


#top-bar #text-10 strong {
    vertical-align: middle;
}

#top-bar #text-10 img {
    vertical-align: baseline;
    position: relative;
    top: 2px;
}




/* -- ***** Menu
---------------------------------------------------------------*/

nav.nav-main {
    position: absolute;
    top: 45px;
    left: 0;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 100vw;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    font-size: 17px;
    font-weight: 600;
    text-align: right;
}    
    
    
.mega-sub-menu .side-image .widget_pojo_image,
.mega-sub-menu .mega-side-image .widget_media_image {
    padding: 0 !important;
}    


#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    padding-right: 60px;
}




#mega-menu-wrap-primary #mega-menu-primary > li > ul.mega-sub-menu {
    top: 55px !important;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    font-weight: 700;
}


#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 15px 15px 5px;
}


body:after {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,.8);
    z-index: 15;
    position: absolute;
    top: 200px;
    left: 0;
    visibility: hidden;
    pointer-events: none;
      
}



body.mega-menu-open:after {
    visibility: visible;
}



nav.nav-main .pojo-menu-cart-contents .icon-cart {
    display: inline-block;
    vertical-align: sub;
    width: 25px;
    height: 25px;
    background: url(/wp-content/themes/atlanta-child/assets/images/bag.svg) no-repeat;
    position: relative;
}


nav.nav-main .pojo-menu-cart-contents .icon-cart  .badge.cart-badge {
    position: absolute;
    top: -3px;
    right: -9px;
    padding: 3px 5px;
    font-size: 10px;
    background-color: #eb5970;
    color: #fff;
}




nav.nav-main .pojo-menu-cart-contents {
    padding: 0 3em 0 3em !important;
}


nav.nav-main li ul.sub-menu.cart-contents {
    right: auto !important;
    left: 0 !important;
    top: 59px !important;
    width: 280px !important;
}




.nav-main .pojo-menu-cart li.cart-content a img {
    float: left !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
    border-radius: 50%;
}
    


.nav-main .pojo-menu-cart li.cart-content a {
    display: block;
    border-bottom: 1px solid #c4c4c436 !important;
}


.nav-main .pojo-menu-cart li.cart-content .cart-desc {
    text-align: right;
    margin-right: 15px;
}

.nav-main .pojo-menu-cart li.cart-checkout a,
.nav-main .pojo-menu-cart li.cart-content  a {
    color: #0068B2 !important;
}


.nav-main .pojo-menu-cart li.cart-checkout {
    padding: 15px 15px 37px 15px;
}


.nav-main .pojo-menu-cart li.cart-checkout {
    padding: 15px 15px 37px 15px;
}



#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    text-align: right;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-item-colored > a {
    color: #d4556c !important;
    font-weight: bold !important;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.menu-item-colored > a:hover {
    color: #d4556c;
    font-weight: bold;
}


#mega-menu-wrap-primary_mobile {
    display: none;
}


/* -- ***** Sticky Menu
---------------------------------------------------------------*/


.sticky-header nav.nav-main {
    top: 10px;
}

.sticky-header.logo-left .logo {
    float: right;
    width: 170px;
    height: 60px;
    max-height: 60px;
    padding: 0;
    top: 1px;
    position: relative;
}


.sticky-header .logo .logo-img img {
    max-height: 60px;
}


.sticky-header #mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link.pojo-menu-cart-contents {
    top: 4px;
}


.sticky-header #mega-menu-wrap-primary #mega-menu-primary > li > ul.mega-sub-menu {
    top: 50px !important;
}


/****************************************************************
 
-------------------------- Footer  ------------------------------
 
****************************************************************/


footer#footer {
  background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 83, 145, 1) 0%,rgba(0, 113, 191, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(0, 83, 145, 1) ),color-stop(1,rgba(0, 113, 191, 1) ));
  background : -o-linear-gradient(0deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#005391', endColorstr='#0071BF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005391',endColorstr='#0071BF' , GradientType=1);
  
  padding-bottom: 25px;
  /*margin-top: 32px;*/    
  position: relative;    
  overflow: hidden;
}



/* Newslleter */

.newsletter-container {
  background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 83, 145, 1) 0%,rgba(0, 113, 191, 1) 100%);
  background : -webkit-linear-gradient(0deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(0, 83, 145, 1) ),color-stop(1,rgba(0, 113, 191, 1) ));
  background : -o-linear-gradient(0deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  background : -ms-linear-gradient(0deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#005391', endColorstr='#0071BF' ,GradientType=0)";
  background : linear-gradient(90deg, rgba(0, 83, 145, 1) 0%, rgba(0, 113, 191, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005391',endColorstr='#0071BF' , GradientType=1);
  margin-top: 0;/*32px;*/
  padding: 20px 0; 
  position: relative;    
  overflow: hidden;
  border-bottom: 1px solid rgba(0, 113, 191, 1);
}


.newsletter-container input:not(input[type="submit"]) {
    direction: rtl;
    text-align: right;
}


.newsletter-container .submit-col input {
    float: right;
}


.newsletter-title {
    text-align: center;
    color: #ffffff;
    font-family: 'Open Sans Hebrew', Arial, sans-serif;
    font-weight: normal;
    font-size: 25px;
    text-transform: none;
    line-height: 1.5em;
    margin-bottom: 20px;
}



footer#footer:before {
    content: '';
    display: block;
    background: url(/wp-content/themes/atlanta-child/assets/images/footer-overlay.svg) no-repeat;
    width: 100%;
    height: 100%;
    max-width: 430px;
    max-height: 475px;
    position: absolute;
    top: 20px;
    right: -23px;
    z-index: 1;
    background-size: cover;
    pointer-events: none;
}



#copyright {
    border-top: 1px solid #005ea3;
    line-height: 25px !important;
    position: relative;
    z-index: 1;
}




#footer #sidebar-footer .widget-title {
    border: none;
}
    

.widget-title:after {
    display: none;
}     




#footer #sidebar-footer .widget-inner {
    font-size: 17px;
    line-height: 2.1em;
    font-weight: 400;
    text-align: center;
}




#black-studio-tinymce-4 .hl-social-icons li:last-child {
    display: none;
}





#black-studio-tinymce-3 .hl-phones {
    list-style: none;
    margin: 0 auto;
    /*display: table;*/
}


#black-studio-tinymce-3 .hl-phones li {
    list-style-image: none !important; 
    /*text-align: right;*/
    text-align: center;
}



#black-studio-tinymce-3 img {
    width: 15px;
    height: 15px;
}


#black-studio-tinymce-4 ul.hl-social-icons { 
    margin: 0;
}


#black-studio-tinymce-4 ul.hl-social-icons li:nth-child(4) {
    margin: 0;
}

#black-studio-tinymce-4 ul.hl-social-icons li:last-child {
    margin: 0;
}




/***************************************************************
 
-------------------------- Pages ------------------------------
 
****************************************************************/ 


#primary #content #main {
    margin-top: 0;
    margin-bottom: 0;
}



/* -- ***** The American Method
---------------------------------------------------------------*/

.american-method-slider {
    margin-bottom: 20px;
}


.american-method-slider .ms-skin-pojo .ms-info {
    bottom: auto !important;
    left:auto !important;
    top: 14%;
    right: 75px;
    width: 33%;
    text-align: center;
    background: transparent;
    opacity: 1;
    direction: rtl;
}


.american-method-slider .hl-slide-title {
    font-size: 40px;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 15px;
}


 .hl-slide-text {
    font-size: 37px;
    font-weight: 700;
    min-width: 160px;
}


.american-method-slider .ms-bullets.ms-dir-h {
    opacity: 1 !important;
    display: block !important;
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: -42px !important;
}



.american-method-slider .ms-bullets-count .ms-bullet {
    background: none;
}


.american-method-slider .ms-bullets-count .ms-bullet:before {
    text-align: center;
    font-size: 24px;
    color: #C56C80;
    opacity: 1;
    margin: 0 !important;
}


.american-method-slider .ms-bullets-count .ms-bullet:nth-child(1):before {
    content: '1';
}

.american-method-slider .ms-bullets-count .ms-bullet:nth-child(2):before {
    content: '2';
}

.american-method-slider .ms-bullets-count .ms-bullet:nth-child(3):before {
    content: '3';
}

.american-method-slider .ms-bullets-count .ms-bullet:nth-child(3):before {
    content: '3';
}

.american-method-slider .ms-bullets-count .ms-bullet:nth-child(4):before {
    content: '4';
}

.american-method-slider .ms-bullets-count .ms-bullet:nth-child(5):before {
    content: '5';
}


.american-method-slider .ms-bullets-count .ms-bullet:nth-child(6):before {
    content: '6';
}


.american-method-slider .ms-bullets-count .ms-bullet.ms-bullet-selected:before {
    color: #000;
}


/* -- ***** Archives
---------------------------------------------------------------*/


body.archive h1.page-title {
    color: #2AABED;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    margin-top: 27px !important;    
}



/* -- ***** WooCommerce
---------------------------------------------------------------*/


/* WooCommerce -> Prodect Item */

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
    color: #010101;
    font-size: 20px !important;
    font-weight: 600 !important;
}


.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .sku {
    display: inline-block;
    color: #010101;
    font-size: 18px !important;
    font-weight: 400 !important;
}



.woocommerce ul.products li.product .price {
    padding-left: 18px;
}

.woocommerce ul.products li.product .sku {
    padding-right: 18px;
}


.woocommerce ul.products li.product .htmline-product-meta {
        text-align: center;
}



.woocommerce ul.products li.product .button {
    border-radius: 0;
    background: #010101;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    min-width: 155px;
    padding-right: 20px;
}


.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.add_to_cart_button {
    margin-left: 1px;
}




.woocommerce ul.products li.product .button.add_to_cart_button:before {
    content:'';
    display: inline-block;
    background: url(/wp-content/themes/atlanta-child/assets/images/cart-icon.svg) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 8px;
    right: 13px;
}


.woocommerce ul.products li.product .button.btn-view-product {
        padding-right: 45px;
}



.woocommerce ul.products li.product .button.btn-view-product:before {
    content:'';
    display: inline-block;
    background: url(/wp-content/themes/atlanta-child/assets/images/view-icon.svg) no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 13px;
    right: 34px;
}


.inner-product-wrapper {
    text-align: center;
}


.woocommerce span.onsale {
    background-color: #2AABED;
}




.product.type-product .archive-img-wrap {
    position: relative;
    display: block;
    overflow: hidden;
    height: 500px;
}


.product.type-product .archive-img-wrap img {
    width: 100% !important;
    height: 450px !important;
    object-fit: contain;
    margin: 0 auto !important;
    
    position: absolute !important;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}



.sold-out-badge {
    top: 15px;
    right: 15px;
    color: #fff;
    display: block;
    position:absolute;
    text-align: center;
    text-decoration: none;
    letter-spacing: .06em;
    background-color: #A00;
    padding: 0.5em 1em 0.5em 1em;
    text-shadow: 0 0 0.75em #444;
    box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    font: bold 16px/1.2em Arial, Sans-Serif;
    -webkit-text-shadow: 0 0 0.75em #444;
    -webkit-box-shadow: 0 0 0.5em rgba(0,0,0,0.5);
    /*-webkit-transform: rotate(45deg) scale(0.75,1);*/
    z-index:10;
}

.sold-out-badge:before {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: -0.3em -1.4em;
    transform: scale(0.7);
    -webkit-transform: scale(0.7);
    border: 2px rgba(255,255,255,0.7) dashed;
}




/* Single */


body.rtl.woocommerce #content div.product div.images, 
body.rtl.woocommerce div.product div.images, 
body.rtl.woocommerce-page #content div.product div.images, 
body.rtl.woocommerce-page div.product div.images {
    float: left;
}


.woocommerce div.product .product_title {
    color: #2AABED;
    font-size: 35px;
    font-weight: 700;
}



.single-product .woocommerce-product-gallery .flex-viewport {
    max-height: 500px;
} 


.single-product  div.product div.images {
    padding: 0 !important;
}


.woocommerce ul.products li.product .onsale {
    top: 15px;
    left: 15px;
}


.single-product .woocommerce-product-gallery .flex-viewport .woocommerce-product-gallery__wrapper img {
    width: 100% !important;
    height: 500px !important;
    object-fit: contain;
    margin: 0 auto !important;
}



.single-product .single_add_to_cart_button {
    font-size: 18px !important;
    font-weight: bold !important;
    background-color: #1385D6 !important;
    border-radius: 33px 33px 33px 33px !important;
    width: 80%;
    margin: 0 15px 0 0 !important;
    padding: .8em 1em !important;
}


.single-product .single_add_to_cart_button:before {
    content:'';
    display: inline-block;
    background: url(/wp-content/themes/atlanta-child/assets/images/cart-icon.svg) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 8px;
    right: -122px;
    left: 0;
    margin: 0 auto;  
}


.single-product .related.products {
    clear: both;
}


.single-product .price {    
    color: #010101 !important;
    font-size: 18px !important;
}


.single-product .product_meta .sku_wrapper,
.single-product .product_meta .posted_in {
    display: block;
}


.single-product .product_meta .posted_in {
    margin-bottom: 15px;
}


.single-product .related.products h2 {
    text-align: center;
    font-size:40px !important;
    font-weight: bold !important;
    color:#5B7BAC;
    margin: 100px 0 65px 0;
}


.single-product .related.products ul {
    text-align: center;
}

.single-product .related.products ul.products li.product {
    /*float: none !important;*/
    display: inline-block;
}



.single-product .related.products ul.products li.product {
    float: left !important;
    width: 25% !important;
}



#product-notes-container .product-notes-inputs {
    display: inline-block;
    width: 87%;
    margin-bottom: 40px;
}

/* Category */

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size: 20px;
    text-align: center;
    font-weight: 400;
    color: #1496E9;
}


.woo-category-button.button {
    font-size: 18px !important;
    font-weight: bold !important;
    background-color: #1385D6 !important;
    border-radius: 33px 33px 33px 33px !important;
    width: 80%;
    margin: 20px auto 0 !important;
    font-weight: 300 !important;
    padding: 6px 0 !important;
    display: block;
    border: none;
}


.woo-category-button.button .elementor-button-icon svg {
    max-width: 18px;
    display: inline-block;
    position: relative;
    top: -2px;
    right: 10px;
}



/* Cart */
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	background-color:#1385D6;
}


.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
	background-color:#0065AD;
}


/****************************************************************
 
-------------------------- General  ------------------------------
 
****************************************************************/


.page-header-title.container {
    max-width: 1920px;
    padding: 2px 60px 0;
}


#page-header {
    margin: 35px 0;
}

 
ul.hl-social-icons {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-left: 10px;
}


ul.hl-social-icons li { 
    display: inline-block;
    margin-left: 8px;
}


ul.hl-social-icons li img {
    
    width: 34px;
    height: 34px;    
    -webkit-box-shadow: 7px 1px 15px -2px #000000; 
    box-shadow: 7px 1px 15px -7px #000000;
    border-radius: 50%;
}




.title-separator .elementor-heading-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.title-separator .elementor-heading-title:before,
.title-separator .elementor-heading-title:after {
    content: '';
    border-top: 3px solid #1385d6;
    margin: 0 0 0 43px;
    flex: 1 0 43px;
    max-width: 315px;
    position: relative;
    top: 4px;
}

.title-separator .elementor-heading-title:after {
    margin: 0 43px 0 0;
}





.captioned-image .wp-caption {
    position: relative;
}


.captioned-image .wp-caption {
    position: relative;
}


.captioned-image .widget-image-caption {
    
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight : bold;
    font-size : 45px;
    color : #FFFFFF;
    text-shadow : 0px 0px 8.5px rgba(0, 0, 0, 0.85);
    line-height: 1.2em;
    pointer-events: none;
}



input[type=submit] {
    
    font-size: 18px !important;
    font-weight: bold !important;
    background-color: #1385D6 !important;
    color: #fff;
    border:none;
    border-radius: 33px 33px 33px 33px !important;
    min-width: 100px;
    margin: 0 15px 0 0 !important;
    padding: .8em 1em !important;  
}



.order-form-padding {
    padding-left:30px; 
}



/* Newsletter */


.boxzilla-center-container .boxzilla {
    width: 100%;
    max-width: 800px;
    text-align: right !important;
    position: relative;
    z-index: 3;
}

/*
.boxzilla-center-container .boxzilla:before {
    content: '';
    display: block;
    background: url(/wp-content/themes/atlanta-child/assets/images/logo-newsletter.png) no-repeat;
    width: 100%;
    height: 100%;
    max-width: 430px;
    max-height: 475px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    opacity: 0.8;
    background-size: cover;
    pointer-events: none;
}
*/

.boxzilla-center-container .newsletter-title {
    text-align: center;
    color: #1385d6;
    font-weight: bold !important;
}


#boxzilla-overlay, 
.boxzilla-overlay,
.boxzilla-center-container {
    z-index: 9999999 !important;
}



#mc_embed_signup {
    
}


#mc_embed_signup .asterisk {
    color: red;
}


#mc-embedded-subscribe {
    margin: 25px 0 0 !important;
    width: 100%;
}


#mc_embed_signup .mc-field-group {
    margin-bottom: 15px;
}

#mc_embed_signup .mc-field-group input {
    border-color: #3e4444;
    border-radius: 4px;
    width: 100%;
}

/*-------------------------------*/
/*-------- Responsive ----------*/
/*-----------------------------*/



/* Large Screens */

@media (min-width: 980px) {

/* Make the defalut theme container to be like Elemntor's */

#phone-bar  .container,
#top-bar .container,
#copyright .container,
header .container,
.sticky-header .container, 
#primary .container,
footer .container {
    max-width: calc(100% - 60px) !important;
}

.inside-page-header + style + .container {
    max-width: calc(100% - 60px) !important;
}

} /* 980 */



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

    #phone-bar  .container,
    #top-bar .container,
    #copyright .container,
    header .container,
    footer .container {
        max-width: calc(100% - 10px) !important;
    }
    
    #primary > .container {
        max-width: 100%;
    }
    
    
    .single-product #primary #content #main {
        padding: 0;
    }
    
    .single-product .related.products ul.products li.product {
        width: 47% !important;
        padding: 0;
    }

} /* 768 - 991 */




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

/****************************************************************
 
-------------------------- Footer  ------------------------------
 
****************************************************************/


    footer#footer:before {
        top: auto;
        bottom: -180px;
        right: 0px;
    }
    
    
    #text-12 {
        display: none;
    }


    footer .col-sm-2,
    footer .col-sm-3 {
        width: 50%;
    }

    
    
} /* 768 - 1280 */




@media (min-width: 1259px) and (max-width: 1459px) { 
    
    
/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 


/* -- ***** Phone bar
---------------------------------------------------------------*/

    #phone-bar .hl-phones li:after {
        padding: 0 0.5em;
    }
    

} /* 1259 - 1459 */





@media screen and (max-width: 1258px) {
   
/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 


/* -- ***** Phone bar
---------------------------------------------------------------*/

    #phone-bar .hl-phones li:nth-child(3),
    #phone-bar .hl-phones li:nth-child(4),
    #phone-bar .hl-phones li:nth-child(5) {
        display: none;
    }
    
    
    #phone-bar .hl-phones li:after {
        padding: 0 0.8em;
    }
    
 

/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 


/* -- ***** Phone bar
---------------------------------------------------------------*/
   
    #top-bar #text-10 {
        display: none;
    }

} /* 1258 */







@media (max-width: 839px) {
    
/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 


/* -- ***** Phone bar
---------------------------------------------------------------*/
    #top-bar #text-4 {
        vertical-align: unset;
    }
    
    
    #top-bar #text-4 p {
        font-size: 13px;
    }
    
} /* 839 */





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

/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 

header {
    height: 145px;
}

/* -- ***** Logo
---------------------------------------------------------------*/    
   
   #header.logo-left .nav-main {
        float: none;
        top: 95px;
        left: 0;
        right: 0;
        margin: 0 auto;
        display: block;
   }
   
    
   #header.logo-left .logo {
        float: none !important;
        max-width: 250px;
        margin: 5px auto 5px;
   }
   

/* -- ***** Menu
---------------------------------------------------------------*/    

   #mega-menu-wrap-primary #mega-menu-primary {
        text-align: center;
   }
   
   #mega-menu-wrap-primary_mobile #mega-menu-primary {
        text-align: center;
   }
   
   body:after {
    display: none;
   }
   
   #mega-menu-wrap-primary_mobile #mega-menu-primary > li > ul.mega-sub-menu {
        top: 48px !important;
   }
   
   
   #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
        width: 24.66667%;
        padding-right: 0;
   }
   
   

   #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12.side-image {
        display: none;
        padding-right: 0;
        width: 100%;
   }

    nav.nav-main .pojo-menu-cart-contents {
        padding: 0 3em 0 0 !important;
    }
    
    
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
        font-size: 14px;
        font-weight: normal;
    }
    

    #mega-menu-primary > li.mega-menu-item-colored ul >li.side-image.earrings {
        display: block !important;
        width: 33.33333%  !important;
    }
    
    #mega-menu-primary > li.mega-menu-item-colored ul > li.side-image.earrings img {
        display:none;
    }
    
    
    #mega-menu-primary #mega-menu-1642-0-2 {
        padding-right:0 !important;
    }

/* -- ***** Sticky
---------------------------------------------------------------*/  

    .sticky-header .container {
        max-width: 100% !important;
    }


    .sticky-header  #mega-menu-wrap-primary_mobile #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
        font-size: 15px;
    }    
        
    
    .sticky-header  #mega-menu-wrap-primary_mobile {    
        right: -46px;
    }
 
    
    .sticky-header #mega-menu-wrap-primary_mobile #mega-menu-primary > li > ul.mega-sub-menu {
       left: -46px;
    }
    
    
    .sticky-header #mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
        padding-right: 0 !important;
    }
    
    .sticky-header #mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12.side-image.earrings {
        display: block;
        position: relative;
        top: 35px;
        width: 30%;
   }
   
   .sticky-header #mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12.side-image.earrings img {
        display: none;
   }


@-moz-document url-prefix() {
    .logo-img a > img {
        min-width: 255px;
    }
}



/***--------- Single Product  -------- */


    .product.type-product .archive-img-wrap img {
        height: auto !important;
        object-fit: contain;
        margin: 0 auto !important;
        position: unset !important;
        transform: none;
        top: auto;
        left: auto;
        max-width: 260px;
    }
    
    
    .product.type-product .archive-img-wrap {
        height: auto;
    }    
    
} /* 768 - 1199 */
   
   
   
   
@media (min-width: 767px) and  (max-width: 889px) {
    
    
/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 


/* -- ***** Sticky
---------------------------------------------------------------*/ 

    .sticky-header  nav.nav-main .pojo-menu-cart-contents {
        padding: 0 1em 0 0 !important;
    }
    
    /* -- ***** Sticky - logo
---------------------------------------------------------------*/ 
    
    .sticky-header.logo-left .logo {
        width: 47px;
        height: 60px;
        max-height: 60px;
        top: 1px;
        position: relative;
        right: 27px;
    }
    
    .sticky-header .logo .logo-img img {
        max-width: 92px;
        max-height: 77px;
        height: 59px;
        top: 0px;
        position: relative;
        right: -5px;
        object-position: -43% 55%;
        object-fit: cover;
    }


@-moz-document url-prefix() {

    .sticky-header .logo .logo-img img {
        max-width: 92px;
        max-height: 77px;
        height: 59px;
        top: 0px;
        position: relative;
        right: -122px !important;
        object-position: -43% 55%;
        object-fit: cover;
    }
}
    
    
    
} /* 768 - 889 */




@media only screen and (max-width: 767px) {
    

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


/* -- ***** Prevent x-axis scrolling
---------------------------------------------------------------*/
html,
body {
   overflow-x: hidden;
}

    

/****************************************************************
 
-------------------------- Header ------------------------------
 
****************************************************************/ 

#header {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(41,41,41,.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(41,41,41,.25);
    box-shadow: 0px 0px 5px 0px rgba(41,41,41,.25);
}

/* -- ***** Phone bar
---------------------------------------------------------------*/

#phone-bar ul.hl-phones li:nth-child(2),
#phone-bar ul.hl-phones li:nth-child(6),
#phone-bar .hl-phones li:after {
    display:none;
}


#phone-bar p,
#phone-bar .hl-phones li {
    font-size: 13px;
}


/* -- ***** Logo
---------------------------------------------------------------*/


#header .logo {
    padding: 2px 0;
}

.logo-img a > img {
    max-width: 170px;
}

@-moz-document url-prefix() {
    .logo-img a > img {
        min-width: 170px;
    }
}


/* -- ***** Menu
---------------------------------------------------------------*/

nav.nav-main {
    position: absolute;
    top: 11px;
    left: 13px;
}


body:after {
    display: none;
}


#mega-menu-wrap-primary_mobile {
    display: block;
}

#mega-menu-wrap-primary_mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-primary_mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-primary_mobile .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #0070BE;
}


#mega-menu-wrap-primary_mobile .mega-menu-toggle {
    background: transparent !important;
}


#mega-menu-wrap-primary_mobile .mega-menu-toggle.mega-menu-open + #mega-menu-primary {
    top: 51px;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {    
    padding: 0 23px !important;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    float: left;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    padding-right: 0;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #666;
    font-size: 14px;
    font-weight: 400;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 10px 0 4px 5px;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.mega-menu-clear.side-image {
    width: 100%;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column.col-first {
    top: -37px;
}

#mega-menu-wrap-primary_mobile #mega-menu-primary > li.mega-menu-item.cart-item {
    display: none;
}


.mobile-cart-icon {
    position: absolute;
    top: 8px;
    right: -35px;
}


body .mobile-cart-icon .pojo-menu-cart-contents {
    padding: 0 !important;
}

.mobile-cart-icon ul {
    list-style: none;
    padding: 0;
}

.mobile-cart-icon  .icon-cart {
    width: 20px !important;
    height: 20px !important;
}


.sticky-header {
    display: none !important;
}


#header {
    position: fixed;
    width: 100%;
    top: 38px;
    z-index: 9999999;
}


.sticky-header-on #header {
    top:0;
}


#mega-menu-wrap-primary_mobile #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    max-height: 70vh;
    overflow-y: scroll;
}



#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-4-of-12.side-image {
    display: none;    
}

#mega-menu-wrap-primary_mobile #mega-menu-primary li.mega-menu-megamenu.menu-item-colored > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {
    float: right;
}

/****************************************************************
 
-------------------------- Pages  ------------------------------
 
****************************************************************/

#primary #content #main {
    margin-top: 75px;
}


.page-header-title.container {
    max-width: 1920px;
    padding: 0;
    margin: 66px auto 0;
    text-align: center;
}


.page-header-title.container  .pull-right,
.page-header-title.container  .pull-left {
    float: none !important;
}
 

/***--------- Home -------- */

.home-revslider-container .elementor-element-populated  {
    padding: 0 !important;
}


/***--------- Archives  -------- */

body.archive h1.page-title {
    margin-top: 20px !important;
}


.woocommerce ul.products li.product .button {
    font-size: 13px;
    font-weight: 400;
    min-width: 130px;
    /*padding-right: 0;*/
}



/***--------- Single Product  -------- */

.single-product .single_add_to_cart_button.button {
    margin-right: 0;
    width: 72%;
}


    
.single-product #primary #content #main {
    padding: 0;
}

.single-product .related.products ul.products li.product {
    width: 100% !important;
    padding: 0;
}


.product.type-product .archive-img-wrap {
    height: auto;
}

.product.type-product .archive-img-wrap img {
    height: auto !important;
    object-fit: contain;
    margin: 0 auto !important;
    position: unset !important;
    transform: none;
    top: auto;
    left: auto;
}



/****************************************************************
 
-------------------------- Footer  ------------------------------
 
****************************************************************/


    footer#footer:before {
        background: url(/wp-content/themes/atlanta-child/assets/images/footer-overlay-mobile.svg) no-repeat;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        top: 45px;
        right: 0;
        left: 0;
        margin: 0 auto;
        opacity: 30%;
        background-size: cover;
    }
    
    
    .woocommerce ul.products li.product .button.btn-view-product:before {
        top: 8px;
    }


/****************************************************************
 
-------------------------- General  ------------------------------
 
****************************************************************/


.order-form-padding {
    padding: 0;
}


.newsletter-container input {
    margin-bottom: 15px;
}

.newsletter-container .submit-col input {
    margin-right: 0 !important;
}


} /* 767 */






@media (max-width: 549px) {


/****************************************************************
 
-------------------------- Footer  ------------------------------
 
****************************************************************/


    #copyright  .pull-left,
    #copyright  .pull-right {
        float: none !important;
        text-align: center;
    }

    
} /* 549 */









@media (max-width: 1170px) { 
    
    .american-method-slider .hl-slide-title {
        font-size: 38px;
    }
    
    .hl-slide-text {
        font-size: 2.4em;
    }
    
} /* 1170 */




@media (max-width: 999px) { 
    
    .american-method-slider .ms-skin-pojo .ms-info {

        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: #EE6B81;
    }
    
    
    .ms-bullets.ms-dir-h .ms-bullets-count {
        right: -40% !important;
    }
    
    .american-method-slider .ms-view {
        min-height: 200px;
        background: #EE6B81;
        margin-bottom: 50px;
    }
    
    .hl-slide-text {
        font-size: 2em;
    }
    
} /* 999 */





/***********************************************************************************************************/



/* Menu */

.sf-menu li { border-width: 3px; }

.sf-menu li a { padding: 0 1.16em; }

.sf-menu li.menu-always-selected > a span { 
                                            background: #C8B5C6; 
                                            color: #585757; 
                                            padding: 2px; 
                                          }
                                          

.sf-menu li.current-menu-parent.current-product_cat-ancestor > a { color: #90648b !important; }


.nav-main .sf-menu .sub-menu {
    z-index: 999999;
}


/* Homepage */
/*.homepage-products-cats .woocommerce ul.products li.product a img { min-height: 212.5px !important }*/

.home ul.products li h2 { font-size: 20px; }

                                          

/* Page */
/*-Page title*/

header.page-title { text-align: center; }
/*
#primary .page-title h1 {
                            text-align: center;
                            border-style: solid;
                            border-width: 1px;
                            border-color: rgb(144, 94, 136);
                            background-color: rgba(238, 238, 238, 0.361);
                            padding: 10px;
                            display: inline-block;
                        }
  */                                        
                                          
/* Rev Slider */
.rectangle-title {
                      border-style: solid;
                      border-width: 1px;
                      border-color: rgb(144, 94, 136);
                      background-color: rgba(238, 238, 238, 0.361);
                      width: 405px;
                      height: 63px;
                      font-size: 40px;
                      font-family: "Alef";
                      color: rgb(144, 94, 136);
                      line-height: 58px !important;
                      text-align: center;
                 }
                 
                 

/* Woocommerce */


/*
.woocommerce ul.products, 
.woocommerce-page ul.products { list-style: none !important; }


.woocommerce ul.products li.product .sku {
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: .957em;
}    


.woocommerce div.product p.price, 
.woocommerce div.product span.price { color: #90648B !important; font-size: 1.2em !important; }

.woocommerce span.onsale { background-color: #90648B !important; }

.woocommerce ul.products li.product h3 { font-size: 1.3em; }



 div.related.products { width: 100% !important; }



body.product-cat-watches.woocommerce ul.products li.product, 
body.product-cat-watches.woocommerce-page ul.products li.product { width: 19%; margin: 0px 4px 30px; }



body.product-cat-watches #content {
                                    padding-right: 15px;
                                    padding-left: 15px;
                                    margin-right: auto;
                                    margin-left: auto;
                                  }


.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
                                            width: 23%;
                                            margin: 0px 6px 30px;
                                            position: relative;
                                            padding: 15px;
                                            border: 1px solid #C8B5C6;
                                            text-align: center;
                                        }




.woocommerce ul.products li.product .onsale { top: -12px; left: 1px; }


.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button { white-space: normal; }


.woocommerce-custom-notice {
        display: block;
        position: relative;
        margin: 0 0 1.5em;
        width: 100%;
        font-size: 1.5em;
        padding: 1em 0;
        text-align: center;
        background-color: #a46497;
        color: #fff;
        z-index: 99998;
        -webkit-box-shadow: 0 1px 1em rgba(0,0,0,.2);
        box-shadow: 0 1px 1em rgba(0,0,0,.2);
}
*/

/*--yith plugin */
.woocommerce table.shop_table { text-align: right !important; }


/* Contact Form 7 (Order Form) */

#order-form  .col-sm-1, 
#order-form  .col-sm-2, 
#order-form  .col-sm-3, 
#order-form  .col-sm-4, 
#order-form  .col-sm-5, 
#order-form  .col-sm-6, 
#order-form  .col-sm-7, 
#order-form  .col-sm-8, 
#order-form .col-sm-9,
#order-form .col-sm-10, 
#order-form .col-sm-11,
#order-form .col-md-1, 
#order-form .col-md-2, 
#order-form .col-md-3, 
#order-form .col-md-4, 
#order-form .col-md-5,
#order-form .col-md-6, 
#order-form .col-md-7, 
#order-form .col-md-8, 
#order-form .col-md-9, 
#order-form .col-md-10,
#order-form .col-md-11 {
    float: left;
}    


/* Order Form Lightbox */
/* Styles the thumbnail */
#order-form a.lightbox img {
  /*height: 150px;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  margin: 94px 20px 20px 20px;*/
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */
#order-form .lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.89);
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */
#order-form .lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0%;
  max-width: 0%;
  border: 3px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */
#order-form a.lightbox-close {
  display: block;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  background: white;
  color: black;
  text-decoration: none;
  position: absolute;
  top: -80px;
  right: 0;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}

/* Provides part of the "X" to eliminate an image from the close link */
#order-form a.lightbox-close:before {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */
#order-form a.lightbox-close:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */
#order-form .lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9999;
}

#order-form .lightbox-target:target img {
  max-height: 100%;
  max-width: 100%;
}

#order-form .lightbox-target:target a.lightbox-close {
  top: 0px;
}
         


/* Instegram Feed plugin */

/* Instegram Feed plugin -> RTL support */

#sb_instagram .sbi_header_text .sbi_bio, 
#sb_instagram .sbi_header_text h3,
#sb_instagram .sbi_header_img,
#sb_instagram .sbi_header_text,
#sb_instagram .sb_instagram_header a,
#sb_instagram .sb_instagram_header {  float: right; }


#sb_instagram .sbi_header_img {
	margin: 0 -100% 0 0!important;
}


#sb_instagram .sbi_header_text .sbi_bio, #sb_instagram .sbi_header_text h3 {
    float: right;
    margin: 0 60px 0 0!important;
}




/* Mobile Footer Icons */
#mobile-footer { display: none; }


/* mobile footer */
#mobile-footer { border-top: 2px solid #90648b; }

@media only screen and (max-width: 767px) {
    
    #pojo-scroll-up { bottom: 76px !important; }
    #mobile-footer { display: block; }
}
         
/* Helper Classes */

.padding-left30  { padding-left: 44px; }
.padding-right30 { padding-right: 61px; } 
.regualr-pointer { cursor: default; } 


/*-------------------------------------- Responsive Display --------------------------------------------*/




@media only screen and (min-width: 767px) and (max-width: 991px) {
    
    
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product { width: 21.2%; margin: 0px 10px 30px; }
    
    body.product-cat-watches.woocommerce ul.products li.product, 
    body.product-cat-watches.woocommerce-page ul.products li.product {  width: 18%; margin: 0px 6px 30px; }
    
    .woocommerce.single-product.collateral-product-columns-4 ul.products li.product, 
    .woocommerce-page.single-product.collateral-product-columns-4 ul.products li.product, 
    .woocommerce.single-product.collateral-product-columns-4 .upsells.products li.product, 
    .woocommerce-page.single-product.collateral-product-columns-4 .upsells.products li.product { width: 44%; }
    
}



@media only screen and (max-width: 768px) {
    
    #mega-menu-wrap-primary_mobile .mega-menu-toggle.mega-menu-open + #mega-menu-primary_mobile {
        top: 50px;
    }
    
    #mega-menu-wrap-primary_mobile #mega-menu-primary_mobile li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
        float: left;
    }
    
    #mega-menu-wrap-primary_mobile #mega-menu-primary_mobile > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item {
        text-align: right;
        direction: rtl;
        float: right;
    }
    
    
    #mega-menu-wrap-primary_mobile #mega-menu-primary_mobile.mega-no-js li.mega-menu-item:hover > ul.mega-sub-menu, 
    #mega-menu-wrap-primary_mobile #mega-menu-primary_mobile.mega-no-js li.mega-menu-item:focus > ul.mega-sub-menu, 
    #mega-menu-wrap-primary_mobile #mega-menu-primary_mobile li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
        visibility: visible;
        height: 55vh;
        overflow: hidden;
        overflow-y: scroll;
    }
    

} /* 768 */


@media only screen and (max-width: 767px) {


  .woocommerce ul.products, 
  .woocommerce-page ul.products { padding:0 !important; }

  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
    width: 49%;
    padding: 10px;
    margin: 0 1px 30px !important;
  }
    
  body.product-cat-watches.woocommerce ul.products li.product, 
  body.product-cat-watches.woocommerce-page ul.products li.product { width: 48%; }
  
  

  
  .woocommerce.single-product.collateral-product-columns-4 ul.products li.product, 
  .woocommerce-page.single-product.collateral-product-columns-4 ul.products li.product, 
  .woocommerce.single-product.collateral-product-columns-4 .upsells.products li.product, 
  .woocommerce-page.single-product.collateral-product-columns-4 .upsells.products li.product { width: 49%; }  
  
  /* Woocommerce -> Related products */
  .related.products  { float: none !important; padding: 0 15px; }
  
  
  /*  .archive-img-wrap { height: auto !important; }*/
}
       


@media only screen and (max-width: 499px) {
    
  .woocommerce ul.products li.product, 
  .woocommerce-page ul.products li.product {
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0!important;
  }
  
} 


@media only screen and (max-width: 460px) { 
    
      body.product-cat-watches.woocommerce ul.products li.product, 
      body.product-cat-watches.woocommerce-page ul.products li.product { width: 49%;  margin: 0px 0px 30px; }
  
}