/*This is responsive css*/


@media (max-width: 991.98px) {

    .header .header-wrapper-right {
        margin: 5px 0;
    }
    .about-info.cms-content img {
        width: calc(50% - 20px);
        margin-right: 40px;
    }

    .shop-all-product.active .btn-category {
        width: 161px;
        padding-bottom: 44px;
    }

}
@media (max-width: 935.98px) {
    .header .header-wrapper-left {
        width: 45%;
    }
    .header .header-wrapper-right {
        width: 55%;
    }
    .sticky .header.content {
        padding: 15px;
    }
    .sticky .header .logo {
        max-width: 45%;
    }

    .header-right-search .header-mobile-no > a {
        font-size: 16px;
    }

}
@media (max-width: 899.98px) {
    .header.content {
        padding: 15px;
    }
    .header .logo img {
        margin-left: 0;
    }
    .minicart-wrapper .action.showcart::before{
        left: 0px;
    }

    .header-right-search .header-mobile-no > a {
        font-size: 14px;
        margin-left: 0;
    }
    .header .navigation {
        max-width: 740px;
    }
    .shop-all-product.active .btn-category {
        padding-bottom: 47px;
        width: 141px;
        z-index: 99;
    }

    .page-footer .footer.content .block {
        width: calc(50%);
    }

}

@media (max-width: 767.98px) {

    .contact-index-index .page-main .page-title-wrapper, .contact-index-index .page-title{
        font-size: 35px; 
    }

    .contact-index-index .page-main .contact-right {
        float: none;
        width: 100%;
        color: #fff;
    }
    .contact-index-index .page-main .contact-right .fname, 
    .contact-index-index .page-main .contact-right .company, 
    .contact-index-index .page-main .contact-right .lname, 
    .contact-index-index .page-main .contact-right .telephone,
    .contact-index-index .page-main .contact-right .email{
        width: 100%;
        float: none; 
    }
    .contact-index-index .page-main .contact-right .actions-toolbar {
        float: none;
        width: 38%;
        margin: 0 auto
    }

    .header .navigation .level0.submenu {
        width: 100%;
        background-color: #21a9e0;
        color: #fff;
        padding: 10px 0;
    }

    .header .navigation .level0.submenu li a{
        color: #fff;
    }


    .header .logo img {
        width: 150px !important;
        height: 30px;
    }

    .page-header.sticky {

        position: relative;

    }
    .sticky .header .logo,.sticky .header .logo img {
        margin: 0 !important;
        max-width: unset;
    }
    .header .header-wrapper-left {
        width: calc(50% + 77px);
    }
    .page-header{
        margin-bottom: 0;
    }
    .header.content {
        text-align: right;
        padding: 10px 0 !important;
    }
    .logo {
        max-width: 40%;
        left: 40%;
        text-align: center;
    }

    .header-wrapper-left .action.nav-toggle {
        display: none;
    }

    .navigation .level0.parent > .level-top {
        max-width: 100%;
        margin-bottom: 0;
        padding: 5px 15px;
    }
    .header .navigation li.level0.level-top.ui-menu-item{
        width: 100%;
        border: none;
    }
    .header .header-wrapper-right{
        margin: 10px 0 0 !important;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .header-right-search .block-search .control{
        border-top: none;
    }
    .header-right-search .header-mobile-no{
        float: left;
        height: 30px;
        width: 30px;
        margin-right:10px;
    }
    .header-right-search .header-mobile-no a{
        display: none;
        position: absolute;
        top: 25px;
        right: 0px;
        z-index: 9999;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        background: #fff;
        padding: 3px 10px;
        border: 1px solid rgba(58, 102, 55, 0.6);
        border-radius: 3px;
        -webkit-box-shadow: 1px 1px 3px #3A6637;
        box-shadow: 1px 1px 3px #3A6637;
    }
    .header-right-search .header-mobile-no span {
        display: block;
        font-size: 0;
        position: relative;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .webp .header-right-search .header-mobile-no span::after, 
    .webp .header-right-search .header-mobile-no span::before, 
    .webp a.authorization-link::before, .webp a.authorization-link::before {
        background-image: url("https://d3nq2h121j69v6.cloudfront.net/images/css_sprites.webp") 
    }
    .header-right-search .header-mobile-no span::after,.header-right-search .header-mobile-no span::before, a.authorization-link::before, a.authorization-link::after {
        background-image: url("https://d3nq2h121j69v6.cloudfront.net/images/css_sprites.png");
        position: absolute;
        content: "";
        background-repeat:no-repeat;
    }
    .header-right-search .header-mobile-no span::after, .header-right-search .header-mobile-no span::before{
        top: 2px;
        left: 0px;
        zoom:0.94;
        -moz-transform:scale(0.94);
        -moz-transform-origin: 0 0;       
        height: 30px;
        width: 30px;
        cursor: pointer;
    } 
    .header-right-search .header-mobile-no span::after {
        background-position:-55px -10px;       
    }

    .header-right-search .header-mobile-no span::before {
        background-position:-7px -10px;        
        display: none;
    }
    .header-right-search .header-mobile-no span:hover::before{
        display: block;
    }
    .header-right-search .header-mobile-no span:hover::after{
        display: none;
    }
    .header .block-search{
        float: none;
        margin: 0px;
        width: 5%;
        display: inline-block;
    }
    .block-search .label::before{
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        margin-right: 2px;
    }

    .minicart-wrapper .action.showcart::before,
    .minicart-wrapper .action.showcart.active::before,
    .minicart-wrapper .action.showcart.active,
    .minicart-wrapper .action.showcart.active::after,
    .minicart-wrapper .action.showcart::after,
    .minicart-wrapper .action.showcart::before {
        left: unset;
        right: 0px;
    }
    .header .minicart-wrapper .action.showcart, 
    .header .header-account .header-account-link,
    .header .header-account .header-account-link::before,
    .header .header-account .header-account-link::after{
        margin: 0
    }

    .header-wrapper-right .header-right-search {
        width: auto;
        position: relative;
    }
    .block-search .label::before{
        color: #989898;
    }
    .block-search .form.minisearch.active input {
        top: 50px;
        left: unset;
        position: absolute;
        width: 240px;
        z-index: 9;
        right: 10px;
        margin: 0;
    }
    .header-wrapper-right .header-account .header.links {
        right: 15px;
        left: unset;
    }
    .minicart-wrapper .action.showcart .counter.qty{
        right: -8px;
        top: -8px;
    }

    .checkout.methods.items.checkout-methods-items .item{
        margin: 0 auto;
        display: block;
        max-width: 380px;
        margin-bottom: 10px;
    }
    .header .links .authorization-link > a{position: relative;font-size: 0;width: 30px;height: 30px;display: block;vertical-align: top;}

    /*    .header .links .authorization-link > a{
            width: auto;
            font-size: 16px;
        }*/
    .header .links .authorization-link > a::after{
        /*        position: absolute;
                left: 0;
                content: "";
                height: 30px;
                width: 30px;
                background-position: -107px -9px;
                background-size: auto;*/
        display: none
    }

    .header .shopall-container{
        position: relative;
        text-align: left;
    }

    .header .shop-all-product {
        float: left;
        display: inline-block;
        position: absolute;
        z-index: 9;
        left: 0;
    }
    .header .navigation {
        display: none;
        top: 51px;
        max-width: 740px;
        z-index: 5;
        max-height: 80vh;
        position: absolute;
        width: 100%;
        background-color: #014872;
        color: #fff;
    }

    .header .shop-all-product .btn-category,
    .shop-all-product.active .btn-category{
        position: relative;
        padding: 0;
        margin: 0;
        border: none;
        min-width: 30px;
        font-size: 0;
        height: 30px;
        display: inline-block;
        width: auto;
        background: none;
        float: left;
        left: 15px;
    }
    .header .shop-all-product .btn-category::after{
        display: none;
    }
    .header .shop-all-product .btn-category::before{
        position: absolute;
        top: 0px;
        left: 0px;
        width: 30px;
        height: 30px;
        content: "";
        background: url("https://d3nq2h121j69v6.cloudfront.net/images/menu.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .about-banner {
        z-index: 0;
    }
    .about-info.cms-content img {
        width: calc(100% - 20px);
        margin-right: 0;
        margin-bottom: 30px;
    }
    .breadcrumbs {
        display: block;
    }
    .homeCategory .single-homeCategory{
        display: inline-block;
        float: left;
        width: 50%;
    }
    .page-footer {
        margin-top: 0px;
    }
    .page-footer .footer.content {
        border: none;
        height: 100%;
    }
    .page-footer .footer-block-2 .navigation ul li,
    .page-footer .footer-block-3 .navigation ul li{
        border: none;
    }

    .page-footer .navigation .level0 > .level-top{
        padding: 2px 0;
    }

    .navigation .level0 > .level-top{

        padding: 5px 0;
    }
    .page-footer .footer.content .block {
        width: 50%;
    }
    .page-main {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .page-products .columns{
        padding-top: 10px;
    }
    .search-autocomplete {
        top: 125px;
        right: 0;
    }
    .search-autocomplete ul li{
        display: block;
    }

    .navigation .level0.parent > .level-top span.ui-icon {
        position: absolute;
        right: 15px;
    }


    .header .navigation .parent .level-top::after {
        display: none;
    }

    /*    .navigation .level0 > .all-category {
            font-weight: 600;
        }*/
    .header-wrapper-right .header-account {
        width: 30px;
        height: 30px;
        overflow: hidden;
        margin-right:10px
    }
    a.authorization-link{
        font-size: 0;
        line-height: 26px;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: relative;
        transition: all .3s;
        margin-top: 0;
    }
    a.authorization-link::before, a.authorization-link::after{
        top: -3px;
        right: 1px;
        height: 30px;
        width: 30px;

    }
    a.authorization-link::before{		
        background-position:-105px -7px;        
    }

    a.authorization-link::after{
        background-position:-105px -54px;         
        display: none
    }

    a.authorization-link:hover::after{
        display: block;
    }

    a.authorization-link:hover::before{
        display: none;
    }
    .header-account .my-account::after{
        top: -15px;
        right: 0px;
    }
    .navigation .submenu:not(:first-child) > li > a{
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .about-info.cms-content p{
        font-size: 18px;
        line-height: 24px;
    }
    .minicart-wrapper{
        bottom: 4px;
    }

    .links-cart {
        margin-right: 15px;
    }
    #minicart-content-wrapper .paypal.checkout.paypal-logo::before,
    #minicart-content-wrapper .paypal.checkout.paypal-logo{
        width: 165px;
        background-size: 165px auto;
    }
    .block-minicart .items-total,
    .block-minicart .subtotal{
        line-height: 22px;
        margin-left: 5px;
        display: inline-block;
    }
    .minicart-wrapper .action.close,
    .minicart-wrapper .action.close:before{
        height: 15px;
        width: 15px;
        background-size: 10px;
    }

    .header.links .authorization-link{
        position: relative;
        font-size: 0;
        vertical-align: top;
    }
    .header.links .authorization-link > a{
        z-index: 10;
    }
    .header.links  .authorization-link::after{
        position: absolute;
        top: 0;
        left: 5px;
        background-image: url(https://d3nq2h121j69v6.cloudfront.net/images/css_sprites.png);
        background-repeat:no-repeat;
        content: "";
        height: 30px;
        width: 30px;
        background-position: -110px -10px;
        z-index: 9;
        zoom: 1;
        cursor: pointer;
    }
    .customer-welcome .header.links .authorization-link > a{
        font-size: 18px;
        width: auto;
    }
    .customer-welcome .header.links .authorization-link::after{
        display: none;
    }


}

@media (max-width: 639.98px) {

    .search-autocomplete {
        top: 105px;
    }
    .logo {
        left: 38%;
    }
}
@media (max-width: 599.98px) {
    .block-search .form.minisearch.active input {
        top: 45px;
        width: 230px;
    }

    .product-info-main .product-info-price .price-box,
    .product-info-price > *:last-child {
        padding-right: 0px;
    }
}

@media (max-width: 575.98px) {
    .header .header-wrapper-left {
        width: calc(50% + 50px);
    }
    .logo {
        max-width: 60%;
        left: 32%;
    }

    .header .logo img{
        width: 150px;
    }
    .block-search .form.minisearch.active input {
        width: 200px;
    }
    .search-autocomplete {
        top: 100px;
    }
    .header-right-search .header-mobile-no a {
        top: 28px;
        left: unset;
        right: 0;
    }
    .minicart-wrapper .action.showcart .counter.qty {
        right: -3px;
        top: -13px;
    }

    .breadcrumbs .items {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page-footer .footer.content .block {
        width: 100%;
        margin-bottom: 30px !important;
    }
    .footer-block-1.block p, 
    .footer-block-1.block p a {
        margin: 5px 0;
    }
    .modal-popup.confirm .modal-inner-wrap {
        width: 90%;
    }

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

    .header .header-account .header-account-link::before,
    .header .header-account .header-account-link::after{
        top: 0;
        left: unset;
        right: -5px;
    }
    .header .header-wrapper-left {
        width: 60%;
    }
    .block-search .label::before{
        margin: 0;
    }
    .header .block-search {
        margin-top: 0px;
    }

    .homeCategory .single-homeCategory{
        display: block;
        float: none;
        width: 50%;
    }
    .page-footer .footer.content .block {
        width: 100%;
        display: block;
    }

    .header-right-search .header-mobile-no{
        float: left;
        margin: 0;
    }
    .header-right-search .header-mobile-no span::after,
    .header-right-search .header-mobile-no span::before{
        top: 2px;
    }
    .header .header-wrapper-right{
        margin: 5px 0 0;
    }
    .minicart-wrapper .action.showcart .counter.qty {
        right: -5px;
        top: -8px;
        margin-top: 5px;
    }
    .logo {
        max-width: unset;
    }
    .block-minicart .items-total,
    .block-minicart .subtotal{
        margin: auto 0;
    }
    .header-account .my-account::after {
        top: -13px;
    }
    .catalogsearch-result-index .page-products .sorter {
        position: relative;
        left: 0;
        right: unset;
        float: left;
    }
    /* .product-image-container{
        display: inline;
    } */
    .logo {
        left: 25%;
    }
}

@media (max-width: 359.98px) {

    .header .shop-all-product .btn-category, 
    .shop-all-product.active .btn-category {
        height: 28px;
    }
    .header .shop-all-product .btn-category::before {
        top: 0;
    }
    .block-search .form.minisearch.active input{
        top: 45px;
    }

    .header-right-search .header-mobile-no,    
    .header .minicart-wrapper .action.showcart,    
    .header .header-account .header-account-link {
        width: 25px;
        height:25px;
    }
    /*    a.authorization-link::after,
        a.authorization-link::before,
        .header-account .my-account::after,
        .header-right-search .header-mobile-no span::after,
        .header-right-search .header-mobile-no span::before,
        .minicart-wrapper .action.showcart::after,
        .minicart-wrapper .action.showcart::before,
        .header .header-account .header-account-link::after,
        .header .header-account .header-account-link::before,
        .minicart-wrapper .action.showcart.active::after,
        .minicart-wrapper .action.showcart.active::before{
            zoom:0.7;
            -moz-transform:scale(0.7);
            -moz-transform-origin: 50% 0%;
        }*/

    a.authorization-link::before,
    a.authorization-link::after{
        top: -2px;
    }
    .block-search .label::before{
        font-size: 20px;
        line-height: 24px;
    }

    .search-autocomplete{
        top: 89px;
    }
    .header .block-search {
        margin-left: 5px;
    }
    .logo {
        left: 18%;
    }

    .webp .header .header-account .header-account-link::after, .webp .header .header-account .header-account-link::before, .webp .header-account .my-account::after, .webp .minicart-wrapper .action.showcart::after, .webp .minicart-wrapper .action.showcart.active::after, .webp .minicart-wrapper .action.showcart::before, .webp .minicart-wrapper .action.showcart.active::before,.webp .header .links .authorization-link > a::after{
        height: 30px;
        width: 30px;
        transform: scale(1);
        left: 0px;
    }
}
@media (max-width: 320px) {
    .header .header-wrapper-left{
        width: 59%
    }
    .block-search .form.minisearch.active input {
        top: 32px;
    }
    .header-right-search .header-mobile-no a {
        top: 15px;
    }
    .block-search .label::before {
        margin-top: 0px;
    }
    .block-search .label::before {
        margin-top: -4px;
    }
    .header .header-account .header-account-link::after,
    .header .header-account .header-account-link::before{
        left: unset;
        right: -5px;
    }
}