.main-page-container{
    max-width: 1540px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.main-page-wrapper{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: 12fr;
    grid-template-rows: auto 10fr auto;
    grid-template-areas:
        "header"
        "mainBody"
        "footer";
    grid-gap: 50px;
    background-color: #FFFFFF;
}

/*HEADER START*/
.header-container{
    width: 100%;
    min-width: 0;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
    padding-bottom: 10px;
    z-index: 100;
}

.header-nav-holder{
    width: 100%;
    margin-bottom: 10px;
    background: #B60606;
    transition: height 400ms;
    z-index: 99;
}

.nav-container{
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-cont-inner{
    position: relative;
}

.nav-holder{
    height: 100%;
}

.nav-bar {
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
    position: relative;
    cursor: pointer;
}

.nav-bar-item {
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-transform: capitalize;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color 240ms;
}

.nav-bar-item:hover{
    color: rgba(255, 255, 255, 0.8);
}

.main-header-holder{
    width: 100%;
    background-color: #FFFFFF;
}

.main-header{
    width: 100%;
    display: flex;
    gap: 35px;
}

.logo-container{
    max-width: 298px;
    min-width: 80px;
}

.logo{
    max-width: 115px;
    display: block;

    img{
        width: 100%;
        display: block;
        object-fit: contain;
    }
}

.main-header-cont{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.main-header-cont-inner{
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.search-form {
    max-width: 668px;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    overflow: hidden;
}

.search-form input {
    flex: 1;
    height: 100%;
    border: 1px solid #D0D0D0;
    border-radius: 8px 0 0 8px;
    padding: 0 25px;
    font-size: 16px;
    text-transform: capitalize;
    outline: none;
    color: #868585;
}

.search-form input::placeholder {
    color: #A7A7A7;
}

.search-form button {
    flex: 0 0 auto;
    width: 70px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #B60606;
    border: none;
    cursor: pointer;
    outline: none;
    transition: background-color 240ms;
}

.search-form button span {
    font-size: 30px;
    color: #FFFFFF;
}


.search-btn{
    width: 40px;
    height: 40px;
    background-color: #324972;
    border-radius: 8px;
    border: none;
    display: none;
}

.search-btn:active{
    background-color: #1e3150;
}

.search-btn span {
    font-size: 20px;
    color: #FFFFFF;
}

.main-header-items{
    display: flex;
    align-items: center;
    gap: 30px;
}

.favorites, .cart{
    position: relative;
}

.favorites:after, .cart:after{
    content: attr(data-count);
    min-width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    background-color: #B60606;
    font-size: 12px;
    color: #FFFFFF;
    box-shadow: 0 0 0 2px #FFFFFF;
}

.favorites span{
    font-size: 24px;
    color: #324972;
}

.cart span{
    font-size: 28px;
    color: #324972;
}

.login-btn{
    height: 40px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    background-color: #B60606;
    outline: none;
    border: none;
}

.login-btn:hover {
    color: #ffffff;
}

.login-btn .icon-user{
    display: none;
    font-size: 16px;
}

.language-dropdown {
    position: relative;
    width: 65px;
}

.dropdown-button {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #F1F1F1;
    font-size: 16px;
    line-height: 40px;
    color: #000000;
    padding: 0 10px;
    position: relative;
    border: none;
    cursor: pointer;
}

.dropdown-button p{
    flex: 1;
    margin-bottom: 0;
}

.dropdown-button span{
    flex: 0 0 auto;
    font-size: 8px;
    color: #909090;
    transition: transform 240ms;
}

.dropdown-el-menu {
    display: none;
    width: 100%;
    max-height: 0;
    position: absolute;
    top: 101%;
    left: 0;
    background-color: #F1F1F1;
    border-radius: 8px;
    overflow: hidden;
    border: none;
    margin: 0;
    z-index: 10;
    transition: max-height 240ms ease-in;
}

.dropdown-item {
    width: 100%;
    height: 30px;
    display: block;
    line-height: 30px;
    color: #909090;
    padding: 0 10px;
    cursor: pointer;
}

.dropdown-item:first-child{
    border-radius: 8px 8px 0 0;
}

.dropdown-item:last-child{
    border-radius: 0 0 8px 8px;
}

.dropdown-item:hover {
    background-color: #cfcece;
}

.language-dropdown.open .dropdown-button span{
    transform: rotate(180deg);
}

.language-dropdown.open .dropdown-el-menu {
    max-height: 1000px;
    transition: max-height 240ms ease-in;
}


.language-dropdown-mob {
    position: relative;
    width: 65px;
    display: none;
}

.language-dropdown-mob select {
    width: 100%;
    padding: 5px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    background-color: #F1F1F1;
    cursor: pointer;
    outline: none;
    color: #000000;
}

.language-dropdown-mob select:focus {
    border-color: #2d4373;
    box-shadow: 0 0 5px rgba(45, 67, 115, 0.5);
}

/*HEADER END*/

/*MAIN START*/
.main-container{
    width: 100%;
    min-width: 0;
    background-color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.main-container-holder{
    display: flex;
    gap: 35px;
    margin-bottom: 60px;
}

.categories-holder{
    flex: 0 0 auto;
    width: 298px;
    position: relative;
    z-index: 8;
}

.menu-burger{
    padding: 10px 7px 10px 3px;
    display: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #324972;
    border-radius: 0 15px 15px 0;
    transition: background-color 240ms;
}

.close-btn{
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
    outline: none;
    border: none;
    font-size: 16px;
    color: #dfdede;
    cursor: pointer;
    z-index: 1;
    transition: color 240ms;
}

.menu-burger.active ~ .categories-bl-holder{
    opacity: 1;
    pointer-events: initial;
}

.menu-burger.active ~ .categories-bl-holder >.categories{
    left: 0;
}

.menu-burger.active ~ .categories-bl-holder:after{
    opacity: 1;
}

.menu-burger:hover {
    background-color: #1e3150;
}

.close-btn:hover{
    color: #DFDEDE;
}

.categories{
    width: 298px;
    margin: 0;
    height: auto;
    overflow: unset;
}

.categories-header{
    height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 13px 13px 0 0;
    background-color: #B60606;
    padding: 0 20px 0 26px;
}

.categories-title{
    flex: 1;
    font-weight: 700;
    font-size: 18px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.categories-header span{
    font-size: 20px;
    color: #FFFFFF;
}

.categories-container{
    display: flex;
    flex-direction: column-reverse;
    border: 1px solid #D0D0D0;
    border-top: none;
    border-radius: 0 0 13px 13px;
    transform: translateX(0);
}

.categories-container ul {
    max-height: 450px;
    overflow: hidden;
    transition: max-height 300ms ease-in;
}

.categories-container .see-more-btn{
    padding: 20px;
}

.toggle-checkbox {
    display: none;
}

.toggle-checkbox:checked ~ ul {
    max-height: 10000px;
    transition: max-height 300ms ease-in;
}

.categories-container ul li{
    width: 298px;
    position: relative;
}

.categories-container ul li p{
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 0;
}

.categories-container ul li a {
    flex: 1;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0 20px;
}

.categories-container ul li button{
    flex: 0 0 auto;
    width: 40px;
    height: 100%;
    outline: none;
    border: none;
    cursor: pointer;
}

.categories-container ul li button span{
    font-size: 8px;
    color: #000000;
    transition: transform 240ms;
}

.categories-container ul li:hover button span{
    transform: rotate(180deg);
}

.categories-container ul li:hover .inner-opening-category{
    opacity: 1;
    pointer-events: initial;
}

.inner-opening-category{
    transform: translateX(0);
}

.inner-opening-category, .second-inside-category-bl{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 8px 0 #D0D0D8;
    border-left: none;
    pointer-events: none;
    z-index: 10;
    transition: opacity 240ms;
}

.inner-opening-category ul li:hover .second-inside-category-bl{
    opacity: 1;
    pointer-events: initial;
}

.see-more{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.see-more-btn{
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    text-decoration: underline;
    color: #676767;
    padding: 20px 0;
    text-align: right;
    outline: none;
    border: none;
}

.main-slider-holder{
    min-width: 0;
    flex: 1;
    position: relative;
}

.main-slider-holder .main-page-slider{
    width: 100%;
}

.main-slider-holder .owl-dots{
    position: absolute;
    bottom: 35px;
    left: 50%;
    transform: translateX(-50%);
}

.main-slider-holder .owl-carousel .owl-dots .owl-dot{
    min-width: 10px;
    height: 10px;
    margin: 0 4px;
    border-radius: 50%;
    background-color: rgba(217, 217, 217, 0.5);
    transition: background-color 240ms;
}

.main-slider-holder .owl-carousel .owl-dots .owl-dot.active{
    background-color: rgba(217, 217, 217, 1);
}

.slider-item-holder{
    width: 100%;
}

.slider-item-holder img{
    width: 100%;
    display: block;
    object-fit: contain;
}

.special-products-holder{
    width: 100%;
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.special-products-holder:last-child{
    margin-bottom: 100px;
}

.special-products-holder.left-banner{
    flex-direction: initial;
}

.special-products-holder.right-banner{
    flex-direction: row-reverse;
}

.special-products-holder .see-more-btn{
    font-size: 20px;
    line-height: 24px;
    color: #000000;
}

.products-banner{
    flex: 1;
    max-width: 591px;
}

.products-banner img{
    width: 100%;
    display: block;
    object-fit: contain;
}

.special-products-cont{
    flex: 1;
    min-width: 0;
}

.special-products-title{
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    color: #000000;
    text-transform: capitalize;
    margin-bottom: 30px;
}

.products-slider-holder{
    width: 100%;
    position: relative;
}

.products-slider-holder .owl-nav{
    position: absolute;
    top: -32px;
    right: 0;
}

.products-slider-holder .owl-nav button{
    width: 24px;
    height: 24px;
}

.products-slider-holder .owl-nav span{
    font-size: 14px;
    color: #CCCCCC;
    transition: color 240ms;
}

.products-slider-holder .owl-nav span:hover{
    color: #858585;
}

.special-product-bl-holder{
    display: block;
}

.special-product-block{
    width: 100%;
    border-radius: 13px;
    border: 1px solid #D0D0D0;
}

.special-product-bl-top{
    /*height: 210px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
}

.special-product-bl-image{
    width: 220px;
}

.special-product-bl-image img{
    width: 100%;
    display: block;
    object-fit: contain;
}

.favorite-btn{
    position: absolute;
    top: 11px;
    right: 3px;
    padding: 10px;
    font-size: 21px;
    color: #242424;
    outline: none;
    border: none;
    cursor: pointer;
}

.favorite-btn.active {
    color: #ff0000;
}

.product-label-holder{
    display: flex;
    gap: 10px;
    position: absolute;
    top: 0;
    left: 16px;
}

.product-label{
    height: 36px;
    border-radius: 0 0 3px 3px;
    border: 2px solid;
    padding: 0 1px 1px;
}

.product-label span{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 3px 3px;
    padding: 0 5px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.product-label.sold-out{
    border-color: #B60606;
}

.product-label.sold-out span{
    background-color: #B60606;
}

.product-label.new{
    border-color: #006A00;
}

.product-label.new span{
    background-color: #006A00;
}

.special-product-bl-info{
    padding: 12px 13px 20px;
}

.special-product-bl-info p {
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.price-bl{
    margin-bottom: 16px;
}

.old-price{
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    color: #969696;
    position: relative;
}

.old-price:after{
    content: '';
    width: 100%;
    height: 1px;
    background-color: #D5291D;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(10deg);
    left: 0;
}

.price{
    display: block;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
    position: relative;
}

.price:first-child {
    padding-top: 21px;
}

.add-to-cart-btn{
    width: 100%;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    background-color: #B60606;
    border-radius: 7px;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
    outline: none;
    cursor: pointer;
    transition: background-color 240ms;
}

.add-to-cart-btn:hover{
    background-color: #980a0a;
}

.add-to-cart-btn span{
    font-size: 17px;
    color: #FFFFFF;
    margin-right: 11px;
}
/*MAIN END*/

/*FOOTER START*/
.footer-container{
    width: 100%;
    border-top: 2px solid #E9E9E9;
    margin-top: 0;
}

.contact-us-holder{
    width: 100%;
    min-height: 315px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 30px 90px 20px 90px;
    background-color: #B60606;
}

.contact-us-bl .address-title, .contact-us-bl .address-txt{
    margin-bottom: 6px;
}

.contact-us-bl{
    flex: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.footer-logo{
    width: 83px;
    margin-bottom: 23px;
}

.footer-logo img{
    width: 100%;
    display: block;
    object-fit: contain;
}

.footer-info-block{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.address-title{
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-transform: capitalize;
    display: block;
}

.address-txt{
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-transform: capitalize;
    display: block;
    text-align: left;
}

.address-txt.bold{
    font-weight: 700;
}

.contact-info .address-title:after{
    content: "";
    display: block;
    width: 38px;
    height: 2px;
    background-color: #FFFFFF;
    margin: 10px 0;
}

.icon-bl{
    padding: 5px;
    border-radius: 3px;
    background-color: #FFFFFF;
    font-size: 12px;
    color: #B60606;
}

.contact-info address a{
    color: #DADADA;
}

.contact-info address .address-txt{
    display: inline-block;
    margin-right: 10px;
}

.about-us-bl{
    flex: 0 0 auto;
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.about-us-cont{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.about-us-cont:not(:last-child) ul{
    border-right: 1px solid #FFFFFF;
}

.about-us-cont .address-title{
    padding: 0 30px;
}

.about-us-cont ul{
    height: 100%;
    margin: 16px 0;
    padding: 0 30px;
}

.about-us-cont ul li{
    margin-bottom: 20px;
}

.more-info-bl{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.subscribe-bl{
    margin-bottom: 20px;
}

.subscribe{
    max-width: 392px;
    height: 48px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #FFFFFF;
    margin-top: 6px;
    overflow: hidden;
}

.subscribe input{
    flex: 1;
    height: 100%;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #8f8f8f;
    padding: 0 4px 0 16px;
    margin-right: 4px;
    outline: none;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subscribe input::placeholder{
    color: #D7D7D7;
}

.subscribe button{
    flex: 0 0 auto;
    width: 121px;
    height: calc(100% - 8px);
    border-radius: 8px;
    background-color: #B60606;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 4px;
    outline: none;
    border: none;
    transition: background-color 240ms;
    cursor: pointer;
}

.subscribe button:hover{
    background-color: #930505;
}

.social-media-bl{
    display: flex;
    gap: 10px;
    margin-bottom: 34px;
}

.soc-media{
    width: 35px;
}

.soc-media img{
    width: 100%;
    display: block;
    object-fit: contain;
}

.payment-img{
    width: 255px;
    display: block;
    object-fit: contain;
}

.footer-copyrights{
    height: 43px;
    display: flex;
    align-items: center;
    padding: 30px 90px 20px 90px;
    background-color: #FFFFFF;
}

.developed-by{
    flex: 1;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.copyright{
    flex: 1;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding: 0;
}
/*FOOTER END*/


/*MEDIA START*/

@media screen and (max-width: 1440px) {
    .product-label span{
        font-size: 10px;
    }
    .add-to-cart-btn{
        font-size: 12px;
    }
    .contact-us-holder, .footer-copyrights{
        padding: 30px 40px 20px 40px;
    }
    .contact-us-holder{
        flex-wrap: wrap;
    }
    .contact-us-bl{
        flex-direction: initial;
        gap: 20px;
        width: 100%;
        justify-content: space-between;
    }
    .footer-info-block{
        flex: initial;
    }
    .about-us-bl{
        width: 100%;
        flex-wrap: wrap;
    }
    .about-us-cont:not(:last-child) ul {
        border: none;
    }
    .see-more-btn, .special-products-holder .see-more-btn{
        font-size: 14px;
    }
    .special-products-title{
        font-size: 22px;
    }
    .more-info-bl, .subscribe-bl{
        width: 100%;
    }
    .subscribe{
        max-width: 100%;
        width: 100%;
    }
}


@media screen and (max-width: 1024px) {
    .main-page-wrapper{
        grid-gap: 20px;
    }
    .main-container{
        padding: 20px 0;
    }
    .main-container-holder{
        margin-bottom: 20px;
    }
    .contact-us-holder{
        row-gap: 30px;
        flex-direction: column;
    }
    .about-us-cont ul{
        padding: 0;
    }
    .categories-holder{
        width: auto;
        position: fixed;
        left: 0;
        z-index: 110;
    }
    .menu-burger, .close-btn{
        display: block;
    }
    .categories-bl-holder{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        z-index: 100;
        transition: opacity 240ms;
    }
    .categories-bl-holder:after{
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0, 0.4);
        opacity: 0;
        transition: opacity 300ms;
    }
    .categories{
        height: 100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        left: -100%;
        z-index: 1;
        transition: left 240ms;
    }
    .categories-header{
        display: none;
    }
    .categories-container{
        flex: 1;
        overflow: auto;
        border-radius: initial;
    }
    .categories-container ul{
        max-height: initial;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        background-color: #FFFFFF;
    }
    .categories-container ul li{
        overflow: initial;
    }
    .categories-container ul li button:focus span{
        transform: rotate(180deg);
    }
    .categories-container ul li button:focus .inner-opening-category{
        opacity: 1;
    }
    .inner-opening-category ul li button:focus .second-inside-category-bl{
        opacity: 1;
    }

    .categories-container ul li a{
        font-size: 14px;
    }
    .login-btn{
        height: 28px;
        padding: 0 6px;
    }
    .login-btn span{
        display: none;
    }
    .login-btn .icon-user{
        display: block;
        font-size: 14px;
    }
    .search-form{
        display: none;
        position: absolute;
        top: 105px;
        left: 10px;
        height: 26px;
        right: 10px;
        width: auto;
    }
    .search-form.active {
        display: flex;
    }
    .search-form button {
        width: 40px;
    }
    .search-form button span {
        font-size: 15px;
    }
    .search-form input {
        padding: 0 10px;
        font-size: 13px;
    }
    .search-btn{
        width: 28px;
        height: 28px;
        display: block;
    }
    .search-btn span{
        font-size: 14px;
    }
    .language-dropdown{
        display: none;
    }
    .language-dropdown-mob{
        display: block;
    }
    .categories-container .see-more-btn{
        display: none;
    }
    .header-nav-holder{
        margin-bottom: 10px;
    }
    .nav-bar{
        padding: 0 6px;
    }
    .nav-bar-item{
        font-size: 8px;
    }
    .nav-container{
        height: 30px;
    }
    .main-header-items{
        gap: 15px;
        flex: 0 0 auto;
        justify-content: flex-end;
    }
    .contact-us-holder, .footer-copyrights{
        padding: 20px 10px;
    }
    .inner-opening-category, .second-inside-category-bl{
        max-height: 0;
        position: relative;
        left: 0;
        opacity: 1;
        overflow: hidden;
        transition: max-height 240ms ease-out;
    }
    .categories-container ul li.open .inner-opening-category{
        max-height: 1000px;
        transition: max-height 240ms ease-in;
    }
    .categories-container ul li.open .inner-opening-category li a{
        padding-left: 40px;
    }
    .inner-opening-category ul li.open .second-inside-category-bl{
        max-height: 1000px;
        transition: max-height 240ms ease-in;
    }
    .inner-opening-category ul li.open .second-inside-category-bl li a{
        padding-left: 60px;
    }
    .developed-by, .copyright{
        font-size: 12px;
    }
    .address-title, .address-txt{
        font-size: 12px;
        line-height: 16px;
    }
    .about-us-cont .address-title {
        padding: 0;
    }
    .subscribe input, .subscribe button{
        font-size: 12px;
        line-height: 16px;
    }
    .special-products-title{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .product-label span {
        font-size: 8px;
    }
    .special-product-bl-info p{
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .old-price{
        font-size: 12px;
        line-height: 16px;
    }
    .price{
        font-size: 14px;
        line-height: 18px;
    }
    .special-product-bl-top{
        /*height: 160px;*/
        padding: 10px;
    }
    .special-products-holder{
        margin-bottom: 20px;
    }
    .special-products-holder:last-child{
        margin-bottom: 20px;
    }
    .favorites span{
        font-size: 16px;
    }
    .cart span{
        font-size: 20px;
    }
    .favorites:after, .cart:after{
        min-width: 16px;
        height: 16px;
        top: -10px;
        right: -12px;
        font-size: 8px;
    }
    .products-banner{
        display: none;
    }
}


@media screen and (max-width: 360px){
    .main-header{
        gap: 15px;
    }
    .main-header-cont{
        gap: 10px;
    }
    .nav-bar{
        padding: 0 2px;
    }
    .logo{
        max-width: 50px;
    }
    .footer-copyrights{
        height: 30px;
        padding: 0 10px;
    }
    .footer-copyrights .copyright, .footer-copyrights .developed-by{
        font-size: 8px;
    }
    .product-label-holder{
        left: 6px;
    }
    .product-label{
        height: 28px;
    }
    .categories{
        width: 80%;
    }
    .categories ul li{
        width: 100%;
    }
}

/*MEDIA END*/

.owl-carousel {
    padding-left: 0;
    padding-right: 0;
}