/*.:::: Boblay Marketing ::::. 
Contact: info@bobaly.es */

:root{
--color-light-blue: #a2d9de;
--color-dark-blue: #26acba;

--color-white: #fff;
--color-soft-grey: #f6f6f8;
--color-vermilion: #ff6f61;
--color-nearly-black: #666666;
--color-black: #000;
--color-red: #c81517;
--color-dark-red: #850016;
}
body{color: var(--color-nearly-black)}
/* Bobaly Group colors*/
 .blackfriday, #vacaciones{background-color: var(--color-black);}
.blackfriday, #vacaciones, .block-compare .action.primary, .block-compare .action.primary:not(:focus), .block-compare .action.primary:focus, .review-form .action.submit.primary, .review-form .action.submit.primary:hover{color: var(--color-white)}
.checkout-cart-index .actions-toolbar .action{color: var(--color-white) !important}
a, .alink, .checkout-payment-method .payment-option-title .action-toggle, .action-auth-toggle,.opc-progress-bar-item._complete>span, .compare.wrapper .action.compare, .compare.wrapper .action.compare:visited, .unavailable{color: var(--color-red)}
.reviews-actions a, .minimal-price-link,.breadcrumbs a, .breadcrumbs a:active, .filter-options-content .item a:hover, .cms-page-view #maincontent .column.main a, .category-description a, .pages-item-previous .link, .pages a.page, .minicart-items .product-item-name a, .cart-discount .block > .title strong, .action.viewcart,.block.related .action.select, .account .column.main .block:not(.widget) .block-title > .action, .product.attribute.description a{color: var(--color-red) !important}
a:hover, .alink:hover, .action-auth-toggle:hover{color: var(--color-dark-red); text-decoration: none}
/*#vacaciones,*/ .review-form .action.submit.primary:hover{background-color: var(--color-dark-red);}
a:visited{color: var(--color-dark-red);}
.filter-options-content .items.-am-singleselect .amshopby-link-selected, .filter-options-content .swatch-option.selected + .am-shopby-swatch-label{color: var(--color-dark-blue)}
.minicart-wrapper .action.showcart .counter.qty, .page-product-bundle .bundle-options-container .bundle-options-wrapper .product-options-wrapper .type-gallery .accodion-items .choice.active:after, .mst-nav__label .mst-nav__label-item._mode-checkbox input[type=checkbox]:checked:before {background: var(--color-red)}
.bundle-options-wrapper .product-info-price .price-box .price-container .price-wrapper .price, .bundle-options-container .product-add-form .block-bundle-summary .content .price-box .price-as-configured .price-wrapper .price, .product-info-price .price-box .price-container{color: var(--color-red)}
.page-product-bundle .bundle-options-container .bundle-options-wrapper .product-options-wrapper .type-gallery .accodion-items .choice.active, .block-collapsible-nav .item.current > strong, .block-collapsible-nav .item.current a, .mst-searchautocomplete__autocomplete{border-color: var(--color-red) !important}

/* End Bobaly Group colors*/

/* Bobaly font-family*/
body{font-family: system-ui, 'Helvetica Neue', Tahoma, Helvetica, Arial, sans-serif; font-size: 140%;}
.page-main > .page-title-wrapper .page-title, #homegrid h2, #homegrid strong, #homegrid > div:nth-child(6) h3, .content-heading h2, .page-product-bundle .bundle-options-wrapper .product-info-price h1, #claims .wide-banner > div h3, #claims .small-banner > div h3, .cms-home h2, .category-description h1, #homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{font-family: BebasNeueRegular; font-weight: lighter; letter-spacing: 1.5px;}
/* End Bobaly font-family*/

.cms-page-view h2{font-weight: 400;}

.page-wrapper{min-width: 303px;}

.page-header .header.panel > a{color: var(--color-soft-grey)}
.page-header .header.panel > a:hover{color: var(--color-red); text-decoration: none}
.page-header .header.panel a .icon, .footer.content a .icon, #maincontent .envios .icon, #maincontent .return .icon {display:inline-block;}
.page-header .header.panel a .icon, .footer.content a .icon{background-color: var(--color-soft-grey)}
#maincontent .envios .icon span, #maincontent .return .icon span{background-color: var(--color-white)}
.page-header .header.panel a.phone {margin-right: 10px}
.page-header .header.panel a.phone .icon{
    -webkit-mask-image: url(../images/phone.svg);
    mask-image: url(../images/phone.svg);
    margin-bottom: -4px;
    width: 20px; 
    height: 20px;
    margin-right: 4px
}

.page-header .header.panel a.support .icon, #homegrid .small-banner.todouble ul li.support .icon, .box-design-inquiries.support .icon span{
    -webkit-mask-image: url(../images/support.svg);
    mask-image: url(../images/support.svg);
}
.page-header .header.panel a.support .icon{
    margin-bottom: -2px;
    width: 16px; 
    height: 16px;
    margin-right: 6px
}
.box-design-inquiries.support .icon span{
    width: 22px;
    height: 22px;
    margin: 9px 10px;
}
.page-header .header.panel a.mobile .icon{
    -webkit-mask-image: url(../images/mobile.svg);
    mask-image: url(../images/mobile.svg);
    margin-bottom: -2px;
    width: 16px; 
    height: 16px;
    margin-right: 6px
}
.page-header .header.panel a.email .icon, #homegrid .small-banner.todouble ul li.email .icon, .box-design-inquiries.email .icon span{
        -webkit-mask-image: url(../images/email.svg);
        mask-image: url(../images/email.svg);
}
.page-header .header.panel a.email .icon{        
    margin-bottom: -6px;
    width: 22px; 
    height: 22px;
    margin-right: 7px
}
.box-design-inquiries.email .icon span{
        width: 24px;
        height: 24px;
        margin: 8px;
    }
.page-header .header.panel a.facebook .icon, .box-design-inquiries.facebook .icon span{
    -webkit-mask-image: url(../images/facebook.svg);
    mask-image: url(../images/facebook.svg);
}
.page-header .header.panel a.facebook .icon{
    margin-bottom: -5px;
    width: 19px; 
    height: 19px;
    margin-right: 2px

}
.box-design-inquiries.facebook .icon span{
    width: 22px;
    height: 22px;
    margin: 9px 10px;
}
.page-header .header.panel a.twitter .icon{
    -webkit-mask-image: url(../images/twitter.svg);
    mask-image: url(../images/twitter.svg);
    margin-bottom: -5px;
    width: 19px; 
    height: 19px;
    margin-right: 4px
}
.page-header .header.panel a.xtwitter .icon{
    -webkit-mask-image: url(../images/x.svg);
    mask-image: url(../images/x.svg);
    margin-bottom: -5px;
    width: 19px; 
    height: 19px;
    margin-right: 4px
}
.page-header .header.panel a.instagram .icon{
    -webkit-mask-image: url(../images/instagram.svg);
    mask-image: url(../images/instagram.svg);
    margin-bottom: -5px;
    width: 19px; 
    height: 19px;
    margin-right: 6px
}
.footer.content a.facebook .icon{
    -webkit-mask-image: url(../images/facebook.svg);
    mask-image: url(../images/facebook.svg);
    margin-bottom: -6px;
    width: 23px; 
    height: 23px;
    margin-right: 5px
}
.footer.content a.twitter .icon, .box-design-inquiries.twitter .icon span{
    -webkit-mask-image: url(../images/twitter.svg);
    mask-image: url(../images/twitter.svg);
    margin-bottom: -5px;
    width: 19px; 
    height: 19px;
    margin-right: 4px
}
.footer.content a.xtwitter .icon{
    -webkit-mask-image: url(../images/x.svg);
    mask-image: url(../images/x.svg);
    margin-bottom: -5px;
    width: 22px; 
    height: 22px;
    margin-right: 11px
}
.footer.content a.instagram .icon{
    -webkit-mask-image: url(../images/instagram.svg);
    mask-image: url(../images/instagram.svg);
    margin-bottom: -5px;
    width: 21px; 
    height: 21px;
    margin-right: 4px
}
.box-design-inquiries.twitter .icon span{
    width: 22px;
    height: 22px;
    margin: 9px 10px;
}
.page-header .header.panel a.seguimiento .icon, #maincontent .envios .icon span{
    -webkit-mask-image: url(../images/truck.svg);
    mask-image: url(../images/truck.svg);

}
.page-header .header.panel a.seguimiento .icon{    margin-bottom: -7px;
    width: 21px; 
    height: 21px;
    margin-right: 6px}

#homegrid .small-banner.todouble ul li.whatsapp .icon,  .box-design-inquiries.whatsapp .icon span{
    -webkit-mask-image: url(../images/whatsapp.svg);
    mask-image: url(../images/whatsapp.svg);
}
.box-design-inquiries.whatsapp .icon span{
    width: 22px;
    height: 22px;
    margin: 9px 10px;
}
#homegrid .small-banner.todouble ul li.contact-form .icon{
    -webkit-mask-image: url(../images/contact-form.svg);
    mask-image: url(../images/contact-form.svg);
}
.header.content #accessIcons a.contacto .icon, #homegrid .small-banner.todouble ul li.contacto .icon, .box-design-inquiries.contacto .icon span{
    -webkit-mask-image: url(../images/chat.svg);
    mask-image: url(../images/chat.svg);
}
.header.content #accessIcons a.contacto .icon{
    width: 26px; height: 26px
}
.box-design-inquiries.contacto .icon span{
    width: 22px;
    height: 22px;
    margin: 9px;
}
#maincontent .envios .icon span, #maincontent .return .icon span{
    width: 30px;
    height: 30px;
    margin: 9px;
}
.header.content #accessIcons a.cuenta .icon{
    -webkit-mask-image: url(../images/account.svg);
    mask-image: url(../images/account.svg);
    width: 25px; height: 25px
}
#maincontent .return .icon span{
    -webkit-mask-image: url(../images/return.svg);
    mask-image: url(../images/return.svg);
}
.contact-index-index .box.box-design-inquiries, .sales-guest-form .box.box-design-inquiries, #maincontent .envios .icon span, #maincontent .return .icon span{display: inline-block;}
.box-design-inquiries .icon span{
    background-color: var(--color-white);
    display: inline-block;
    background-repeat: no-repeat;
}



.page-header .header.panel a:hover .icon{background-color: var(--color-red)}
.logo{max-width: 400px; z-index: 4;}
.page-header .header.panel a.email, .page-header .header.panel a.seguimiento{margin-left: 20px}

.header.content #accessIcons ul{list-style: none;margin: 5px 0 0 0}
.header.content #accessIcons ul li{display: inline-block}
.header.content #accessIcons a{color: var(--color-nearly-black); font-weight: bold}
.header.content #accessIcons a .icon{display:inline-block; background-color: var(--color-nearly-black)}
.header.content #accessIcons a:hover .icon{background-color: var(--color-soft-grey)}
.header.content #accessIcons a:hover{color: var(--color-soft-grey); text-decoration: none}
.header.content #accessIcons a.contacto .icon, .header.content #accessIcons a.cuenta .icon{ display:inline-block; margin: 0 6px -6px 0}
.minicart-wrapper .action.showcart:before{color: var(--color-nearly-black)}
.minicart-wrapper .action.showcart:hover::before{color: var(--color-soft-grey)}
.minicart-wrapper .action.showcart .text{width: auto; height: auto; position: relative; color: var(--color-nearly-black); font-weight: bold; top: 9px; padding-right: 5px}
.minicart-wrapper .action.showcart .text:hover, .minicart-wrapper .action.showcart:hover .text{color: #fff}
.action-primary:focus{background: var(--color-dark-blue) !important; color: #fff !important; border: 0}
.action-primary{color: #fff !important}
.header.content #accessIcons a:hover{border-color: var(--color-red)}

.category-description h2{margin: 10px 0 20px; font-size: 200%; font-weight: normal}
.page-products .product-item-info{width: 100%}
.rating-summary .rating-result > span:before{color: var(--color-vermilion)}
.product-item .tocart{background-color: var(--color-vermilion); border: 0}
.action.primary, .action-primary, a.action.primary{background: var(--color-red) !important; background-color: var(--color-red); border: 0; border-radius: 0;}
.action.primary:hover, .action-primary:hover, a.action.primary:hover{border: 0; background-color: var(--color-dark-red); background: var(--color-dark-red) !important}

#product-addtocart-button{background: var(--color-red); border:0}
#product-addtocart-button:hover{background: var(--color-dark-red); border-color: var(--color-dark-red)}
[data-content-type='row'][data-appearance='contained'] { max-width: 100%}
[data-content-type='row'][data-appearance='contained'] [data-element='inner']{padding: 0 !important; margin: 0 !important;}
.fotorama__wrap{text-align: center}
.fotorama__thumb-border{border-color: var(--color-light-blue)}

#homegrid, #homebanner, #claims{display: contents}
#homegrid > div, #homebanner > div, #claims > div{display: grid; position:relative;overflow: hidden;}
#homegrid > div img, #homebanner > div img, #homegrid > div a, #homebanner > div a{margin: auto}
#homegrid > div a, #homebanner > div a{display: contents}
#homegrid .slider-container li, #homegrid .slider-container li img{margin: 0}
.slider-item-helper .slider-container>*{background-color: white !important}
#homegrid .small-banner h2, #homegrid .small-banner span, #homegrid .small-banner strong, #homegrid .small-banner.todouble ul, #homegrid .small-banner h3{position: absolute;}
#homegrid .small-banner h2{top: 25%; right: 4%; color: var(--color-white); text-align: right; margin: 0; letter-spacing: 3px; line-height: 80px; }
#homegrid > div:nth-child(5) h2, #homegrid > div:nth-child(4) h2{top: 6%;}
#homegrid > div:nth-child(2) h2{letter-spacing: 2px;top: 6%; right: 5%}
#homegrid > div h2, #homegrid > div:nth-child(4) strong,#homegrid .small-banner.todouble h3, #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong, #homegrid > div h3{text-shadow: -2px 2px 6px var(--color-black);}
#homegrid .small-banner strong{ color: var(--color-white)}
#homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{top: 1.5%; left: 20%; font-size: 150%; letter-spacing: 1.5px;}
#homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{top: 27%; right: 4%; color: var(--color-white); text-align: right; margin: 0; letter-spacing: 3px; line-height: 80px;font-size: 416%;}
#homegrid > div:nth-child(6) h2, #homegrid > div:nth-child(6) h3{width: 100%; text-align: center; color: var(--color-white); right: 0}

#homegrid .small-banner span{bottom: 6%; right: 5%; color: var(--color-white); }
#homegrid .small-banner span.action-primary{font-size: 112%;}

#homegrid .small-banner.todouble{overflow: hidden; width: 100%; text-align: center;}
#homegrid .small-banner.todouble img{max-width: unset}
#homegrid .small-banner.todouble h2{text-align: center; width: 100%; left: 0; top: 6%;}
#homegrid .small-banner.todouble h3{text-align: center; width: 90%; padding: 5%; color: var(--color-white); top: 18%; position: absolute;}
#homegrid .small-banner.todouble ul{color: var(--color-white); list-style: none; bottom: 5%;; padding: 0; width: 100%; margin-bottom: 0; left: -5px;}
#homegrid .small-banner.todouble ul li{display: inline-block; max-width: 16%;}
#homegrid .small-banner.todouble ul li > span{width: 60px; height: 60px; transform: skew(-10deg, 0deg); display: block; position: relative}
#homegrid .small-banner.todouble ul li .icon{background-color: var(--color-white); transform: skew(10deg, 0deg); position: relative; margin: 15px auto; display: inline-block;width: 35px; height: 35px; left: 1px;}
#homegrid .small-banner.todouble ul li:hover  > span{box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.8) inset}

#claims .small-banner, #claims .wide-banner{width: 100%;}
#claims .small-banner > div, #claims .wide-banner > div{width: auto}
#claims .small-banner > div{max-width: 500px;margin: auto}
#claims .wide-banner > div{max-width: 1000px;}
#claims .small-banner > div .icon, #claims .wide-banner > div .icon, #claims .small-banner > div h3, #claims .wide-banner > div h3, #claims .small-banner > div p, #contact .box-design-inquiries .icon{display: inline-block; vertical-align: top;}
#claims .small-banner > div .icon span, #claims .wide-banner > div .icon span, #contact .box-design-inquiries .icon{transform: skew(10deg, 0deg)}
#claims .small-banner > div p{text-align: justify; font-size: 105%}
#claims .small-banner > div .icon, #claims .wide-banner > div .icon, #contact .box-design-inquiries .icon, #maincontent h2.envios .icon, #maincontent h2.return .icon {background-color: var(--color-red);transform: skew(-10deg, 0deg);}
#claims .small-banner > div .icon{width: 60px; height: 60px;margin: 10px 15px 10px 10px; }
#claims .wide-banner > div .icon{width: 40px; height: 40px; margin: 10px 15px 10px 10px; }
#contact .box-design-inquiries .icon{width: 40px; height: 40px;  float: left;}
#maincontent h2.envios .icon, #maincontent h2.return .icon{width: 47px; height: 47px;  float: left;margin: -9px 18px 0px 5px}
#contact .box-design-inquiries .icon{margin: 0px 15px 15px 0px;}


#claims .small-banner > div h3, #claims .wide-banner > div h3{text-align: left; font-weight: 600;}
#claims .small-banner > div h3{margin: 7px 0 10px; letter-spacing: 3px;}
#claims .wide-banner > div h3{margin: 15px 0 10px;font-size: 225%;letter-spacing: 2px;}
#claims .wide-banner{border-bottom: 1px solid var(--color-soft-grey); padding: 10px 0;}
#claims .wide-banner:last-child{border: none}
#claims .small-banner a{color: var(--color-nearly-black);}
#claims .small-banner > div .icon span, #claims .wide-banner > div .icon span{
    width: 30px;
    height: 30px;
    background-color: var(--color-white);
    display: inline-block;
    background-repeat: no-repeat;
}
#claims .small-banner > div .icon span{margin: 15px;}
#claims .wide-banner > div .icon span{margin: 6px;}
#claims .small-banner:nth-child(1) > div .icon span, #claims .wide-banner:nth-child(1) > div .icon span{
    -webkit-mask-image: url(../images/mejor-precio.svg);
    mask-image: url(../images/mejor-precio.svg);
}
#claims .small-banner:nth-child(2) > div .icon span, #claims .wide-banner:nth-child(2) > div .icon span{
-webkit-mask-image: url(../images/comprobados.svg);
    mask-image: url(../images/comprobados.svg);
}
#claims .small-banner:nth-child(3) > div .icon span, #claims .wide-banner:nth-child(3) > div .icon span{
-webkit-mask-image: url(../images/garantia.svg);
mask-image: url(../images/garantia.svg)
}

._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus{box-shadow: 0 0 15px 5px var(--color-red);transition: all 0.2s ease-in-out}
input[type="radio"]:focus {box-shadow: none}

.page-footer{background-color: var(--color-black); color: var(--color-soft-grey)}
.footer.content{border-top: none;}
.footer.content .block.newsletter input{background-color: #222529; border: 0;height: 50px; padding-left: 40px; color: var(--color-soft-grey)}
.footer.content .block.newsletter .field .control:before{line-height: 50px; margin-left: 15px}
.footer.content .block.newsletter .action.primary{background-color: var(--color-red); border: 0; height: 50px;transform: skew(-10deg, 0deg); border-radius: 0; margin-left: -5px}
.footer.content .block.newsletter .action.primary:hover{background-color: var(--color-dark-red)}
.footer.content a{color:#88898d}
.footer.content a .icon{background-color: #88898d}
.footer.content a:hover .icon{background-color: var(--color-red)}
.footer-links hr{border-color:#515154}
.footer.content a:hover{color:var(--color-red); text-decoration: none}
.footer-links li{margin-bottom: 5px !important}
#copyright{padding: 20px 0}
#copyright, .copyright{background-color: #222529}
#copyright .payments{float: right; margin-top: -30px}

.content-heading {
    position: relative;
    text-align: center;
    margin: 10px 0 25px;
}
.content-heading h2{font-size: 220%; font-weight: bolder; margin-bottom: 15px !important; letter-spacing: 2px;}
.content-heading p{font-size: 120%}

.custom-bobaly-info .brandimage{margin-top: 20px; display: inline-block; max-width: 150px; height: auto}
.filter-options .items .items-children.-folding{padding-left: 10px}
.contact50, .contact48{float: right}
.contact48 .cms-content-important{margin: 0; line-height: normal;}
.product-info-main .product-add-form .table-wrapper.grouped .old-price{margin-left: 5px}
.cms-page-view #maincontent p, .cms-page-view #maincontent ul,  .cms-page-view #maincontent ol{font-size: 120%}
.ambrands-letters-filter .ambrands-letter.-active {
    border-color: var(--color-dark-blue);
    background: #dff1ff;
    color: var(--color-dark-blue);
}
.ambrands-letters-filter .ambrands-letter:hover, .ambrands-letter .ambrands-brand-item .ambrands-inner:hover, .ambrands-letter .ambrands-brand-item .ambrands-inner:focus {
    border-color: var(--color-dark-blue);
    background: #ffffff;
}


.catalog-category-view .product-item-info a, .catalogsearch-result-index .product-item-info a {position: relative; display: block}
.catalog-category-view .bobaly-label-gratis, .catalogsearch-result-index .bobaly-label-gratis{   
    color: var(--color-soft-grey);
    background-color: var(--color-dark-blue); 
    position: absolute;
    z-index: 1;
    transform: rotate(-25deg);
    width: 65px;
    height: 65px;
    border-radius: 65px;
    text-align: center;
    top: 5px;
    font-weight: bold}
.catalog-category-view .bobaly-label-gratis span, .catalogsearch-result-index .bobaly-label-gratis span {
    margin-top: 12px;
    display: inline-block
}
.catalog-product-view .bobaly-label-gratis, .catalog-product-view  .bobaly-label-sinstock {
    padding: 10px 20px; 
    text-align: center;
    font-weight: bold;  
    margin-bottom: 15px;
    display: inline-block
}
.catalog-product-view .bobaly-label-gratis {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}
.catalog-product-view  .bobaly-label-sinstock {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border: 1px solid #faebcc
}
.catalog-product-view .product.info.detailed{clear: left}

.col.subtotal .action.update{margin: 0 -30px 20px 0; display: block; min-width: 147px}
.checkout-cart-index .action.update{
    background: var(--color-red);
    color: var(--color-soft-grey);
    border: 0;
}
.checkout-cart-index .action.update:hover{
    background: var(--color-dark-red)
}

.page-product-bundle .bundle-options-wrapper .product-info-price{padding: 0; min-height: 460px; position: relative; display: inline-block}
.page-product-bundle  .bundle-options-wrapper .product-info-price h1{padding: 11px 15px 7px; font-size: 195%; color: var(--color-nearly-black); font-weight: 300; position: relative}
.page-product-bundle  .bundle-options-wrapper .product-info-price .bundle-product-image{position: relative; float: left;}
.page-product-bundle .bundle-options-wrapper .product-info-price p{padding: 20px 30px;}
.page-product-bundle .product.media{display: none}
.page-product-bundle .bundle-options-container .bundle-options-wrapper .product-options-wrapper .type-gallery .accodion-items .choice label.label .action .price-notice{display: none}
.advance-summery-container .subtitle{border: 0}
.page-product-bundle .product-options-wrapper .field.choice .label span span span.product-name{margin-bottom: -20px;min-height: 38px}
.page-product-bundle .gallery-label-container img {margin-bottom: 35px;margin-top: -30px}
.page-product-bundle .product-add-form .product-options-wrapper .fieldset .field h3.bundle-toggle, .page-product-bundle .product-add-form .product-options-wrapper .fieldset .field h2.bundle-toggle, .page-product-bundle .advance-summery-container .subtitle, .page-product-bundle .bundle-options-container .bundle-options-wrapper .product-options-wrapper .combobox-container .input-group-addon, .page-product-bundle .bundle-options-wrapper .product-options-wrapper .combobox-container .input-group .combobox-item-view, .bundle-options-wrapper .product-info-price h1{background-color: #f6f6f6 !important; background: #f6f6f6}
.page-product-bundle .modal-content .productDesc ul{margin-top: 5px !important}

#paypal-smart-button{margin-top: 20px}

.swiffy-slider button:hover,.swiffy-slider button:focus, .swiffy-slider button:active{background: none;border: none}

.contact-index-index .form.contact{margin-bottom: 20px}

.swatch-attribute-options{padding: 5px 5px 0px}

.product.attribute.description h2{margin-bottom: 35px}

.product.attribute.description ul {margin: 5px 0 15px}

.product-add-form .product-options-wrapper .fieldset .field h2.bundle-toggle {
    color: #333;
    font-size: 20px;
    border: 1px solid #e4e4e4;
    padding: 13px 15px;
    width: auto;
    display: block;
    margin: 0;
    box-sizing: border-box;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}
.page-product-bundle .modal-inner-wrap .modal-header h3.modal-title {
    border-bottom: 0;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 24px;
    margin-top: 0;
}
.page-product-bundle .modal-inner-wrap .modal-content .productDesc ul li{list-style: disc}
#bundle-summary h4{margin: 0}

.category-view [class^="column-"] {
    display: inline-block;
    vertical-align: top;
}

.trendborder .column-2 p{transition: all .2s; position: relative; margin-bottom: 30px;}
.trendborder .column-2:hover p:after{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    height: 0;
    width: 0;
    z-index: 1;
    border-top: 5px solid var(--color-red);
    animation: grow .2s linear;
    animation-fill-mode: forwards;
    transform: skewX(-10deg);
}
@keyframes grow {
    100% {
      width: 100px;
    }
  }
    
.account ul.nav.items{padding-left: 15px;}
.sales-guest-view ul.items.order-links{padding-left: 0;}
.account ul.nav.items li, .sales-guest-view ul.items.order-links li{list-style: none;}
.category-view{text-align: center}
.category-image .image{display: inline-block;}
.products{margin: 0;}
.category-cms, .category-image, .category-description{margin-bottom: 5px;}
.category-cms h2{margin-top: 5px;}
.BRelated .block.widget .products-grid .product-item{width: 100% !important}
.blackfriday{text-align: center; padding: 10px; font-weight: bold; width: 100px;}
.catalog-product-view .blackfriday{display: inline-block; margin-bottom: 20px; margin-top: 0;}
.towishlist{margin-bottom: 10px;}
.block-compare .action.primary, .block-compare .action.primary:not(:focus){box-shadow: none; border-radius: 0; border: none;}
.checkout-index-index  .breadcrumbs .items{clear: both;}
.opc-wrapper .step-title{border-radius: 0 !important;}
.amgdprcookie-buttons-block .amgdprcookie-button.-allow, .amgdprcookie-buttons-block .amgdprcookie-button.-save {flex-basis: 34%;}
.account .items, .sales-guest-invoice  .items,  .items, .sales-guest-shipment {
    margin: 0;
    padding: 0;
    list-style: none none;
}


#vacaciones{text-align: center; padding: 10px; margin-bottom: -20px}

/* Responsive time! */
@media only screen and (max-width: 320px) {
    .slider-container li{min-height: 100px !important}
}
@media only screen and (max-width: 374px) {
    .minicart-wrapper .action.showcart .counter.qty{display:none}
    .slider-container li{min-height: 120px !important}
    #vacaciones{font-size: 86%;}
}
@media only screen and (min-width: 375px) and (max-width: 767px) {
    .slider-container li{min-height: 120px !important}
}
@media only screen and (max-width: 479px) {
    .nav-toggle{top: 13px}
    /*.logo img{height: 32px; width: 180px}*/
        /*navidad*/
        .logo img{height: auto; width: 180px}
        /*end navidad*/
    #homegrid > div, #homebanner > div{margin-bottom: 20px}
    .page-products .sorter{position:relative}
    .page-products .columns{padding-top: 40px}
    h1.page-title{margin-bottom: 10px}
    .logo{max-width: 180px; left: 50%; margin-left: -100px; display: inline-block}
    #homegrid > .wide-banner, #homebanner > .wide-banner {max-width: 400px; margin: 0 auto 1%}
    .filter-title strong{right: 0}
    .page-with-filter .toolbar-amount{text-align: center}
    .checkout-index-index .authentication-wrapper{margin: -12px 0px}
    .columns .sidebar-main{max-width: 100%}
    ol.promotional-products li:nth-child(4n+1){clear: unset}
    .page-product-bundle .type-gallery .accodion-items .gallery-main{width: 96% !important}
    .page-product-bundle .gallery-label-container img{margin-top: -15px}
    .page-product-bundle .sticky-add-to-cart .price-box .price-as-configured .price-wrapper .price{display: none}
    .category-view .column-2 {max-width: 297px;}
    #homegrid > div a, #homebanner > div a{display: inline-block}
    #homegrid > div:nth-child(2) h2{font-size: 300%; line-height: 40px;}
    #homegrid .small-banner h2{font-size: 18vw; line-height: 90%;letter-spacing: 2px}
    #homegrid > div:nth-child(2) h2{font-size: 11vw; line-height: normal;}
    #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{font-size: 4.2vw; left: 19%;}
    #homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{top:22%;font-size: 14vw}
    #homegrid > div:nth-child(3) h2/*, #homegrid > div:nth-child(4) h2*/{top: 50%;}
    #homegrid > div:nth-child(3) h2{font-size: 9.5vw;}
   /* #homegrid > div:nth-child(4) h2{font-size: 7.85vw;}*/
    #homegrid > div:nth-child(6) h2{font-size: 23vw; top: 14%;}
    #homegrid > div:nth-child(6) h3{font-size: 20vw; top: 35%;}
    #homegrid .small-banner.todouble{height: 65vw;}
    #homegrid .small-banner.todouble ul li > span{max-width: 80%;}
    #homegrid .small-banner.todouble img{margin-left: -55%}
    #homegrid .small-banner.todouble h2{font-size: 8vw}
    #homegrid .small-banner.todouble h3{font-size: 7vw;}
    #homegrid .small-banner.todouble ul li{margin: 1%; font-size: 3vw;}
    #homegrid .small-banner.todouble ul li > span{max-width: 100%; right: 0;}
    #claims .small-banner{text-align: left; margin-bottom: 20px;}
    #claims .small-banner > div{padding-left: 15px;}
    #claims .small-banner > div h3{font-size: 225%}
    .page-products .columns{padding-top: 5px;}
    .toolbar-products {margin-bottom: 10px;}
}/*END @media only screen and (max-width: 479px) */  

@media only screen and (min-width: 480px) {
    /*.logo img{height: 70px}*/
    /*navidad*/
    .logo img{height: auto}
     /*end navidad*/
    .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before{color: var(--color-soft-grey)}
    ol.promotional-products li:nth-child(4n+1){clear: unset}
    .nav-toggle{top: 30px}
    .block-search .label{margin-top: 15px;}
    #homegrid .high-banner, #homegrid .small-banner{max-width: 48.8%;  margin-bottom: 2.4%; float: left}
    #homegrid .wide-banner, #claims .small-banner{margin-bottom: 2.4%}
    #homebanner .small-banner{width: 32.25%;float: left}
    #homebanner .small-banner{ margin-bottom: 1.61%;margin-right: 1.61% }
    #homebanner .wide-banner{margin-bottom: 1.61%; float: right; width: 66.1%}
    #homebanner{display: inline-block; width: 100%}
    #homegrid .small-banner h2{font-size: 8vw; line-height: 90%;letter-spacing: 2px}
    #homegrid > div:nth-child(3), #homegrid > div:nth-child(5), #homegrid > div:nth-child(7){float: right;}
    #homegrid > div:nth-child(2) h2{font-size: 6vw; line-height: normal;}
    #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{font-size: 2vw;}
    #homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{top:18%;font-size: 6vw}
    #homegrid > div:nth-child(3) h2/*, #homegrid > div:nth-child(4) h2*/{top: 51%;}
    #homegrid > div:nth-child(3) h2{font-size: 4.1vw;}
    /*homegrid > div:nth-child(4) h2{font-size: 3.35vw;}*/
    #homegrid > div:nth-child(6) h2{font-size: 9.1vw; top: 20%;}
    #homegrid > div:nth-child(6) h3{font-size: 8vw; top: 36%;}
    #homegrid .small-banner.todouble{height: 33vw;}
    #homegrid .small-banner.todouble img{margin-left: -100%}
    #homegrid .small-banner.todouble h2{font-size: 3.5vw;}
    #homegrid .small-banner.todouble h3{font-size: 3vw; margin: 0; padding-top: 5%;}
    #homegrid .small-banner.todouble ul li{margin: 1%; font-size: 1.9vw;}
    #homegrid .small-banner.todouble ul li > span{max-width: 100%; right: -4%}
    #claims .small-banner{text-align: center;}
    #claims .small-banner > div h3{font-size: 220%}
    #claims .wide-banner{text-align: left;}
} /*END @media only screen and (min-width: 480px) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .logo{left: 50%; margin-left: -140px;max-width:280px; display: inline-block}
    #homegrid .high-banner{float: right}
    #homegrid > div, #homebanner > div {display: inline-block}
    .product.attribute.description h2{font-size: 2.5vw}
    .category-view .column-2 {width: 42%; margin: 0 3.7%;}
    #homegrid .small-banner.todouble{max-width: 100%;}
    #homegrid .small-banner.todouble img{margin-left: 0;}
    #homegrid .small-banner.todouble h2{font-size: 6vw; top: 10%;}
    #homegrid .small-banner.todouble h3{font-size: 4vw; top: 15%;}
    #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{left: 18%; top: 2%;}
    .minicart-wrapper {margin-top: 25px}
}
@media only screen and (max-width: 639px) {
    .page-product-bundle  .bundle-options-wrapper .product-info-price .bundle-product-image{max-width: 100%}
    .column.main .product-item{text-align: center; margin-bottom: 10px}
    .BRelated .widget.block-products-list{width: calc((100% - 2%) / 2); display: inline-block;}
    .BRelated .widget.block-products-list:nth-child(2n + 1){margin: 0;}
    .blackfriday {padding: 10px 0;width: 100%;}
    .footer-links li{font-size: 120%; margin-top: 8px;}
    #claims .wide-banner>div h3{ letter-spacing: 0px;font-weight: normal;}
    .page-product-bundle  .bundle-options-wrapper .product-info-price .bundle-product-image{margin:20px 0; text-align: center;}
}
@media only screen and (min-width: 640px) {
    .products-grid .product-item-info:hover{

        z-index: 2;
        box-shadow: 0 18px 20px rgb(0 0 0 / 20%);
        border-color: transparent;
        transition: box-shadow 400ms ease-out;
        -moz-transition: box-shadow 400ms ease-out;
        -webkit-transition: box-shadow 400ms ease-out;
        -o-transition: box-shadow 400ms ease-out}
    .products-grid .product-item-inner,.block.widget .products-grid .product-item .product-item-inner, .page-layout-1column .block.widget .products-grid .product-item .product-item-inner{
        border: 0; box-shadow: 0px 20px 20px 0 rgb(0 0 0 / 20%); 
        text-align: center;
        transition: box-shadow 400ms ease-out;
        -moz-transition: box-shadow 400ms ease-out;
        -webkit-transition: box-shadow 400ms ease-out;
        -o-transition: box-shadow 400ms ease-out
    }
    .BRelated .widget.block-products-list{width: calc((100% - 4%) / 3); display: inline-block; margin-left: 1.2%}
    .BRelated .widget.block-products-list:nth-child(3n + 1){margin: 0;}
    .blackfriday{margin-top: -39px}
    .page-product-bundle  .bundle-options-wrapper .product-info-price .bundle-product-image{margin:20px 25px 15px 20px}

}
@media only screen and (min-width: 640px) and (max-width: 767px){
}
@media only screen and (max-width: 767px) {
    #accessIcons, .whatsappLink.desktop, .footer.footer-top, .header.content .minicart-wrapper .text{display: none}
    .amshopby-morefrom ol li{width:calc((100% - 2%)/2) !important}
    .checkout-index-index .logo{margin-left: -145px}
    .post-list-item{margin-bottom: 30px}
    #chat-application{bottom: 55px !important}
    .page-product-bundle  .advance-summery-container .block-bundle-summary .price-box .price-as-configured .price-wrapper .price{display: block !important}
    .header.content{background-color: var(--color-black)}
    .navigation .level0.active>a:not(.ui-state-active), .navigation .level0.has-active>a:not(.ui-state-active), .navigation .submenu:not(:first-child) .active>a{border-color: var(--color-red)}
    .bundle-options-container .product-add-form .bundle-options-wrapper{padding-right: 0px !important}
    .page-product-bundle #maincontent .bundle-options-container .advance-summery-container{width: 100%}
    .breadcrumbs{display: block}
    .bundle-options-container{margin-top: -15px}
    .bundle-options-container .input-text.qty, .box-tocart .input-text.qty{float: right; margin-bottom: 15px}
    .footer.content .column-4.sellos{text-align: left}
    .contact-index-index .column-4, .sales-guest-form .column-4{width: 100%;}
    [class^=sales-guest-] .column.main .block:not(.widget) .box-title{margin: 0;}
    .page-product-bundle .bundle-options-container .product-options-bottom{margin: 0; padding: 0;}
    .page-product-bundle #copyright .payments{margin-bottom: 60px;}
    .catalog-product-view  .tocompare{margin-bottom: 10px;}
    .block-content.filter-content{margin-top: 40px;}
    .filter .filter-current.active .items{margin: 0 20px;}
    .checkout-index-index .breadcrumbs{margin-bottom: 25px; margin-top: 10px;}
    .minicart-wrapper .action.showcart .counter.qty{height:22px; width:22px; line-height:22px;margin-left:2px; padding:0}

}
@media only screen and (min-width: 768px) {
    .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main{max-width: 1349px}
    .header.content {height: 120px}
    ul.header > .authorization-link, ul.header > li:last-child, .whatsappLink.mobile{display: none !important}
    .page-header .header.panel > a{margin-right: 30px}
    .page-header .panel.wrapper{border-bottom: 0px solid var(--color-nearly-black); background-color: var(--color-black)}
    .page-header{background-color: var(--color-black)}
    .logo {margin: -10px auto 19px 0}
    .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before{font-size: 29px; line-height: 35px; margin-right: 5px}
    .nav-sections, .navigation {background-color: var(--color-red)}
    .customer-menu > ul.header.links > .authorization-link, .customer-menu > ul.header.links > li:nth-child(3){display: initial !important}
    #accessIcons{float: right}
    .minicart-wrapper{margin-left: 0}
    .minicart-wrapper .action.showcart .counter.qty{transform: skew(-10deg, 0deg); position: absolute; top:4px; right: 0}
    .minicart-wrapper .action.showcart .counter.qty.empty{display:block}
    .minicart-wrapper .action.showcart .counter.qty.empty .counter-number:empty:before{content: "0"}
    .navigation .level0 > .level-top{color: var(--color-soft-grey)}
    .block-search{width: 200px; left: 50%; margin: 0px 0 0 -65px; position: absolute; padding-left: 0}
    .block-search input{border-radius: 5px; height: 40px; border: 2px solid var(--color-red); padding-left: 15px}
    .block-search .action.search{top: 0px; right: -5px !important; opacity: 1 !important; background: var(--color-red); width: 50px; height: 40px; border-radius: 0;pointer-events: all !important; cursor: pointer !important; transition: all 400ms ease-out; transform: skew(-10deg, 0deg)}
    .block-search .action.search:hover, .block-search .action.search:focus {background: var(--color-red); transition: all 400ms ease-out}
    .block-search .action.search:before,.block-search .action.search:hover:before{line-height: 36px; color: #fff}
    .block-search .action.search:hover:before{opacity: .5}
    .navigation .level0.active > .level-top, .navigation .level0.has-active > .level-top, .navigation .level0 > .level-top:hover{ color: var(--color-soft-grey); border-color:var(--color-dark-red) ; box-shadow: 0 2px 15px 1px var(--color-red)}
    .block-search .block-title{display: block; margin-bottom: 7px; text-align: center; font-style: italic}
    h1.page-title{margin-bottom: 10px; font-size: 285%}
    .product-info-main{position: sticky; top: 0}
    .page-layout-1column .product.media {width: 30%; padding-right: 1%}
    .page-layout-1column .product-info-main {width: 30%; padding-top: 10px}
    .page-layout-1column .product-info-main .product-add-form{padding: 20px 15px 0px 15px}
    .product-info-main .product-info-price{text-align: left}
    .page-layout-1column .product.info.detailed, .block.amshopby-morefrom, .catalog-product-view .block.upsell, .catalog-product-view .block.related {width: 67%}
    .amshopby-morefrom ol li{text-align: center}
    .amshopby-morefrom ol li .product-item-name, .amshopby-morefrom ol li .price-box{text-align: left}
    .box-tocart .action.tocart{width: 100%}
    .custom-bobaly-info{width:35%; float: left}
    .custom-bobaly-info h1{font-size: 250%}
    .product-info-main .product-info-stock-sku{display: block; float: none}
    #product-addtocart-button{margin-bottom: 0%;border-radius: 0}
    .box-tocart .field.qty{text-align: right}
    .footer.footer-top{background-color: #f6f6f8}
    .footer-top .footer.content, #copyright .footer.content{padding-top: 0}
    .footer.content [class^="column-"], .cms-page-view #maincontent [class^="column-"]{display: inline-block; vertical-align: top}
    .footer.content .newsletter{vertical-align: bottom}
    .footer.content .block.newsletter{width: 100%}
    .footer.content .block.newsletter .field.newsletter{max-width: 70%; width: 70%}
    .footer.content .block.newsletter .actions{max-width: 30%; width: 30%}
    .footer.content .newsletter .widget{margin:0; width: 100%}
    .footer.footer-top .column-2{width: 24.6%}
    .footer.footer-top .column-2:nth-child(1) img,.footer.footer-top .column-2:nth-child(2) img{margin-left: -17%}
    .footer.footer-top .column-2:nth-child(3) img{margin-left: -13%}
    .footer.footer-top .column-2:nth-child(4) img{margin-left: -3%}
    .page-footer a{color: var(--color-soft-grey)}
    .footer.content ul{padding-right: 35px}
    .footer.content .column-4.sellos{text-align: right}
    .column-1{width: 12.3%}
    .column-2{width: 24.7%}
    .column-3{width: 36.9%}
    .column-4{width: 49.3%}
    .column-5{width: 61.5%}
    .column-6{width: 74.7%}
    .column-7{width: 86.1%}
    .category-view .column-2 {width: 22.7%; margin: 0 .9%;}
    .block.newsletter{max-width: 100%}
    .footer.content h3{font-size: 120%}
    .content-heading:before {
        content: '';
        display: block;
        height: 1px;
        width: 100%;
        background: -moz-radial-gradient(center, ellipse cover, #fff 30%, #cecece 100%);
        background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(30%, #fff), color-stop(100%, #cecece));
        background: -webkit-radial-gradient(center, ellipse cover, #fff 30%, #cecece 100%);
        background: -ms-radial-gradient(center, ellipse cover, #fff 30%, #cecece 100%);
        background: radial-gradient(ellipse at center, #fff 30%, #cecece 100%);
        position: absolute;
        top: 50%;
        z-index: 0;
    }
    .content-heading h2 {line-height: 0.1em}
    .page-layout-1column .block.widget .products-grid .product-item {width: calc((100% - 4%) / 3)}
    .checkout-index-index .authentication-wrapper{margin: -37px 65px}
    .checkout-index-index #maincontent{margin-top: 10px}
    .opc-progress-bar-item._active:before, .opc-progress-bar-item._active > span:before{
        background: var(--color-red);
        border-color: var(--color-red);
    }
    .opc-progress-bar-item._active>span:after{border-color: var(--color-red)}
    .ambrands-list-popup{right: 0}
    .ambrands-letters-list .ambrands-brand-item {margin: 0 7px 20px}
    .free-samples-gift-normal #prepare-item li.item:hover a.product-image {border: 0px}
    ol.promotional-products li:nth-child(4n+1){clear: unset}
    .navigation .level0 .submenu .active>a{border-color: var(--color-red)}
    .page-product-bundle .input-group input[type="text"]{height: 60px !important}
    .page-product-bundle .bundle-options-wrapper .dropdown-menu li{width: 95%}
    .page-product-bundle .bundle-options-container .bundle-options-wrapper .product-options-wrapper .combobox-container .input-group{width: 98%}
    .page-product-bundle .bundle-options-container .product-options-bottom{margin: 0; padding: 0}
    .page-product-bundle .bundle-options-container{margin-bottom: 0}
    .modal-inner-wrap .modal-content .addbutton .addItem{background: var(--color-red); margin-bottom: 25px;}
    .modal-form .itemAdded{background: var(--color-nearly-black); color: var(--color-soft-grey); padding: 8px 15px; border-radius: 2px; border-bottom: 25px solid #fff;}
    .slider-container li{min-height: 167px !important}
    .minicart-wrapper .action.showcart{margin-right: 30px}

    
    .product.attribute.description h2 {position:relative; line-height: 35px;}
    .product.attribute.description h2:after{
        content: "";
        width: 100px;
        height: 5px;
        position: absolute;
        left: 0;
        top: 30px;
        background: var(--color-red);
        transform: skewX(-10deg);
        box-sizing: border-box;
    }
    .cms-home .page-main .widget{margin-bottom: 0;}
    #homegrid .high-banner, #homegrid .small-banner{max-width: 32.26%}
    #homegrid .small-banner, #homegrid .small-banner img, #homegrid .wide-banner, #homegrid .wide-banner img{height: auto}
    #homegrid .high-banner, #homegrid .high-banner img{height:auto}
    #homegrid .wide-banner{max-width: 66.12%}
    #homegrid .high-banner, #homegrid .small-banner, #homegrid .wide-banner, #claims .small-banner{margin-bottom: 1.9%}
    #homegrid > div:nth-child(1), #homegrid > div:nth-child(3), #homegrid > div:nth-child(7),#claims .small-banner{float: left}
    #homegrid > div:nth-child(2), #homegrid > div:nth-child(5),#homegrid > div:nth-child(8){float:right}
    #homegrid > div:nth-child(6), #homegrid > div:nth-child(3), #claims .small-banner:nth-child(1), #claims .small-banner:nth-child(2){margin-right: 1.61%}
    #homegrid > div:nth-child(2), #homegrid > div:nth-child(5){margin-left: 1.6%}
    #homegrid > div:nth-child(3){clear: left}
    #homegrid .small-banner h2{font-size: 6vw}
    #homegrid > div:nth-child(2) h2{font-size: 4vw}
    #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{font-size: 1.4vw}
    #homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{top:18%;font-size: 5vw}
    #homegrid > div:nth-child(3) h2/*, #homegrid > div:nth-child(4) h2{top: 50%;}*/
    #homegrid > div:nth-child(3) h2{font-size: 3.4vw;}
    /*#homegrid > div:nth-child(4) h2{font-size: 2.8vw;}*/
    #homegrid > div:nth-child(6) h2{font-size: 7.7vw; top: 13%;}
    #homegrid > div:nth-child(6) h3{font-size: 6.7vw; top: 35%;}
    #homegrid .small-banner.todouble{height: 22vw;}
    #homegrid .small-banner.todouble img{margin-left: -60%}
    #homegrid .small-banner.todouble h2{font-size: 2.5vw;}
    #homegrid .small-banner.todouble h3{font-size: 2vw; margin: 0; padding-top: 13px;}
    #homegrid .small-banner.todouble ul li{margin: 1%; font-size: 1.2vw;}
    #homegrid .small-banner.todouble ul li > span{max-width: 100%; border: 0; right:-3px}
    #claims .small-banner{max-width: 32.25%}
    #claims .small-banner > div h3{font-size: 180%;}
    .category-view{text-align: left}
    .category-image, .category-description{display: inline-block; vertical-align: top;}
    .category-image{width: 25%; text-align: center;}
    .category-image + .category-description{width: 71%;}
    .breadcrumbs{margin-bottom: 20px;}
    #vacaciones{font-size: 115%;}
    .page-layout-1column .toolbar-products{position: relative;}
    .catalog-product-view .product-social-links{text-align: right}
    .compare.wrapper{margin-top: -90px;}
    .checkout-index-index .breadcrumbs{margin-bottom: 10px; margin-top: 0px;}
}/*END @media only screen and (min-width: 768px)*/

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .block-search .block-title{font-size: 74%}
    .block-search input::-webkit-input-placeholder{font-size: 75%}
    .block-search .action.search {top: 0px}
    .custom-bobaly-info h1{font-size: 200%}
    .amshopby-morefrom ol li{width: 50% !important}
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(4n + 1){margin-left: 2%}
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1){margin-left: 0}
    .navigation ul{text-align: center}
    .page-product-bundle  .bundle-options-wrapper .product-info-price .bundle-product-image{width: 100%}
    .navigation .level0 > .level-top{font-size: 77%}
    .block-search{position: relative; left: 0%; width: 100%; margin: auto auto 15px}
    .header.content #accessIcons ul{padding: 0}
    .header.content #accessIcons ul li, .minicart-wrapper .action.showcart .text {margin-right: 14px; font-size: 85%}
    #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{letter-spacing: 1px;}
}
@media only screen and (min-width: 768px) and (max-width: 1349px) {
    .product-info-main .product-add-form .table-wrapper.grouped{max-height: 440px; overflow-x: hidden; overflow-y: auto}
    .product.attribute.description h2{font-size: 1.5vw}
}
@media only screen and (max-width: 1023px) {
    .page-header .header.panel{display: none}
    #copyright .payments{display: table; margin: 0 auto; float: none}
    .contact48, .contact50{width: 100%}
    .bundle-options-wrapper .sequra-promotion-widget{clear: both}
}
@media only screen and (min-width: 1024px) {
    .block-search {width: 280px;margin: 5px 0 0 -90px}
    .amshopby-morefrom ol li, .catalog-product-view .block.upsell ol li, .catalog-product-view .block.related ol li{width: 25% !important}
    .copyright{text-align: left; display: inline-block}
    .page-products .products-grid .product-item{margin-left: 2% !important;}
    .page-layout-1column .block.widget .products-grid .product-item{width: calc((100% - 10%) / 6)}
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(5n + 1){margin-left: 2%}
    .page-layout-1column .block.widget .products-grid .product-item:nth-child(6n + 1){margin-left: 0}
    .page-products.page-layout-1column .products-grid .product-item{margin-left: 0;width: calc((100% - 4%) / 3); padding: 9px}
    .page-products.page-layout-1column .product-item-name{font-size: 115%}
    .panel.header h1, .panel.header h2 { margin: 5px 0 0; font-weight: bold;float: right}
    .panel.header h1{font-size: 103%}
    .panel.header h2{font-size: 100%}
    .contact50{width: 50%}
    .contact48{width: 48%; margin-left: 2%}
    .contact50 .form.contact{min-width: 100% !important}
    ol.promotional-products li:nth-child(4n+1){clear: unset}
    .page-product-bundle  .bundle-options-wrapper .product-info-price .bundle-product-image{width: 393px}
    .bundle-options-wrapper .sequra-promotion-widget{display: inline-block;width: 36%}
    .page-product-bundle  .modal-popup._inner-scroll .modal-inner-wrap{max-width: 1000px}
    #homegrid .small-banner h2{font-size: 6vw; line-height: 100%}
    #homegrid > div:nth-child(3) strong, #homegrid > div:nth-child(4) strong{font-size: 1.4vw; top: 2.5%;}
    #homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{top:17%;font-size: 3.95vw}
    #homegrid > div:nth-child(3) h2/*, #homegrid > div:nth-child(4) h2{top: 53%;}*/
    #homegrid > div:nth-child(3) h2{font-size: 2.7vw}
    /*#homegrid > div:nth-child(4) h2{font-size: 2.21vw}*/
    #homegrid > div:nth-child(6) h2{font-size: 8.5vw; top: 10%;}
    #homegrid > div:nth-child(6) h3{font-size: 7.4vw; top: 40%;}
    #homegrid .small-banner.todouble{height: 22.3vw;}
    #homegrid .small-banner.todouble img{margin-left: -55%}
    #homegrid .small-banner.todouble h2{font-size: 2.8vw}
    #homegrid .small-banner.todouble h3{font-size: 2.5vw; margin: 0; padding-top: 30px;}
    #homegrid .small-banner.todouble ul li{margin: 1%}
    #homegrid .small-banner.todouble ul li > span{max-width: 100%; right: -5px}
    #claims .small-banner > div h3{font-size: 227%;}
    .category-description p{font-size: 110%; line-height: 25px;}
    .BRelated .widget.block-products-list{width: calc((100% - 10%) / 6); display: inline-block; margin-left: 2%}
    .BRelated .widget.block-products-list:first-child, .BRelated .widget.block-products-list:last-child{margin: 0;}
    #vacaciones{font-size: 120%;}
    .compare.wrapper{margin: -28px 20px 0 0;}
    .page-product-bundle .product-info-stock-sku,  .page-product-bundle .product-reviews-summary{text-align: right;}
    .page-product-bundle  .product-reviews-summary .reviews-actions{padding: 5px 20px;}
}/*END @media only screen and (min-width: 1024px) */

@media only screen and (min-width: 1024px) and (max-width: 1280px){
    .navigation .level0 > .level-top{font-size: 1vw}
    .page-product-bundle .product-options-wrapper .type-gallery .gallery-main.row-4g{width: 22.9% !important}
    .header.content #accessIcons ul li, .minicart-wrapper .action.showcart .text {margin-right: 5px; font-size: 80%}
    .minicart-wrapper .action.showcart .text{top: 10px}
}
@media only screen and (min-width: 1024px) and (max-width: 1439px){
}
@media only screen and (max-width: 1349px) {
}
@media only screen and (min-width: 1350px) {
    #homegrid .small-banner, #homegrid .small-banner img, #homegrid .wide-banner, #homegrid .wide-banner img{height: 300px}
    #homegrid .high-banner, #homegrid .high-banner img{height:625px}
    .header.content #accessIcons ul li{margin-right: 44px}
    .block-search {width: 390px;margin: 5px 0 0 -190px}
    .product.attribute.description h2{font-size: 160%}
    .bundle-options-wrapper .sequra-promotion-widget{display: inline-block;width: 460px}
    #homegrid .small-banner h2{font-size: 600%; line-height: 80px}
    #homegrid > div:nth-child(2) h2{font-size: 385%}
    #homegrid > div:nth-child(3) strong,#homegrid > div:nth-child(4) strong{font-size: 140%; top:1.8%}
    #homegrid > div:nth-child(3) h3, #homegrid > div:nth-child(4) h3{font-size: 416%;}
    #homegrid > div:nth-child(3) h2/*, #homegrid > div:nth-child(4) h2*/{top: 33%;}
    #homegrid > div:nth-child(3) h2 {font-size: 283%}
    /*#homegrid > div:nth-child(4) h2{font-size: 234%;}*/
    #homegrid > div:nth-child(6) h2{font-size: 850%; top: 18%;}
    #homegrid > div:nth-child(6) h3{font-size: 740%; top: 39%;}
    #homegrid .small-banner.todouble{height: inherit}
    #homegrid .small-banner.todouble img{margin-left: -40%}
    #homegrid .small-banner.todouble h2{font-size: 275%;}
    #homegrid .small-banner.todouble h3{font-size: 200%;margin: 25px 0; padding-top: 10px;}
    #homegrid .small-banner.todouble ul li{margin: 1%; font-size: 100%;}
    #homegrid .small-banner.todouble ul li > span{max-width: 100%; border: 2px solid var(--color-white); right: -10%;}
}/* End responsive time! */