@media (max-width: 1199px) {
    .h-swiper .button.btn-cart {
        width: 100%;
    }
}


@media (max-width: 991px) {
    .h-slider-banner {
        display: none;
    }

    .top-bar-wrap .inner-top-bar {
        display: flex;
    }


    .pc-btn-popup .btn-quick-order,
    .pc-btn-popup .pc-checkout {
        width: 100%;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto
    }
    .pc-btn-popup .pc-checkout {
        margin-top: 7px;
    }
    .pc-btn-popup {
        margin-top: 30px;
    }
}


@media (max-width: 767px) {
    #main.has_notice #top {
        position: relative !important;
    }
    #top {
        min-height: 60px;
        padding: 0;
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        position: fixed !important;
        top: 0;
        z-index: 1030;
        transform: translateZ(0);
        background: #fff;
    }
    #top > div {
        width: 100%;
    }

    .megamenuToogle-pattern .container {
        padding: 0;
    }



    .header__wrapper {
        align-items: center;
        display: flex;
        height: 60px;
    }
    #main .header__wrapper {
        box-shadow: 0 1px 5px 0 rgba(0,0,0,.3);
    }
    #main.has_notice .header__wrapper {
        box-shadow: none;
    }

    .header__left {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .megaMenuToggle-custom {
        display: block;
    }
    .megamenuToogle-wrapper {
        position: relative;
        z-index: 26;
    }
    .megamenuToogle-wrapper .container > div {
        width: 30px;
        margin: 0px auto;
        padding-top: 15px;
    }
    .hamburger-custom {
        padding-top: 0 !important;
        margin: -8px 15px 0 0 !important;
    }
    .megamenuToogle-wrapper .container span {
        display: none;
    }
    .megamenuToogle-wrapper .container > div span {
        display: block;
        width: 100%;
        height: 2px;
        margin-top: 6px;
        background: #000;
    }

    .header__contacts-mob {
        display: block;
        width: 24px;
        height: 24px;
    }
    .hamburger-custom span, .header__contacts-mob span, .mob-search span {
        transition: transform 0.5s;
    }
    .header__contacts-mob span, .mob-search span {
        display: block;
        width: 100%;
        opacity: 0;
        margin: 0;
        height: 0;
        background: #000;
    }
    .header__contacts-mob img {
        max-width: none;
        width: 24px;
        height: 24px;
    }
    .header__contacts-mob img {
        max-width: none;
        width: 32px;
        height: 32px;
        position: relative;
        top: -4px;
    }


    .header__contacts-phone {
        width: 230px;
        position: relative;
        margin-left: 21px;
    }

    .header__contacts-phone .phone__wrapper i,
    .header__contacts-phone .phone__wrapper .icon_clock_alt,
    .header__contacts-phone .phone__wrapper .icon_pin,
    .footer_contact .icon_phone,
    .footer_contact .icon_clock_alt,
    .footer_contact .icon_pin,
    .footer_contact .icon_mail,
    .footer_contact i {
        width: 22px;
        display: inline-flex;
    }

    .menu-info-pages {
        margin-bottom: 15px;
    }

    .header__contacts {
        position: absolute;
        padding: 10px;
        background: #fff;
        box-shadow: 0 5px 11px rgba(179, 179, 179, .4);
        z-index: 999;
        display: none;
        top: 45px;
        left: 60px;

    }

    .footer_contact_inner a {
        color: #666;
    }
    .footer_contact_inner .fa-telegram {
        filter: brightness(0) saturate(100%) invert(41%) sepia(6%) saturate(0%) hue-rotate(139deg) brightness(93%) contrast(90%);
    }


    .header__contacts-mob.clicked {
        width: 30px;
        flex: none;
    }

    .mob-search.clicked {
        width: 30px;
        position: relative;
        top: -3px;
    }

    .header__contacts-mob.clicked span, .mob-search.clicked span {
        height: 2px;
        margin-top: 6px;
        opacity: 1;
    }

    .header__contacts-mob img, .mob-search i {
        transition: all .3s;
    }

    .header__contacts-mob.clicked img, .mob-search.clicked i {
        position: absolute;
        top: 0;
        opacity: 0;
        transition: all .3s;
    }

    .header__contacts-mob.clicked span:first-child {
        margin: 2px 0;
    }

    .hamburger-custom span, .header__contacts-mob span, .mob-search span {
        transition: transform 0.5s;
    }

    .hamburger-custom.clicked span:nth-of-type(1), .header__contacts-mob.clicked span:nth-of-type(1), .mob-search.clicked span:nth-of-type(1) {
        opacity: 0;
    }

    .hamburger-custom.clicked span:nth-of-type(2), .header__contacts-mob.clicked span:nth-of-type(2), .mob-search.clicked span:nth-of-type(2) {
        transform: translate(0, 0) rotate(45deg);
    }

    .hamburger-custom.clicked span:nth-of-type(3), .header__contacts-mob.clicked span:nth-of-type(3), .mob-search.clicked span:nth-of-type(3) {
        transform: translate(0, -8px) rotate(-45deg);
    }


    .header__contacts-info .info-adress {
        margin-left: 21px;
    }


    .header__contacts-phone .phone__wrapper {
        display: block;
        position: relative;
        padding: 0;
        box-shadow: none;
        left: 0;
        top: 0;
    }

    .header__contacts-phone .phone-btn {
        display: none;
    }
    .header__contacts-phone .phone__wrapper .phone-item i {
        display: none;
    }



    .header .logo-home {
        max-width: 130px;
        margin: 0 auto;
    }
    .header .logo-home {
        text-align: center;
    }
    .logo-home .logo {
        display: table-cell;
        vertical-align: middle;
    }
    .header .logo img {
        vertical-align: middle;
    }


    .form-search {
        display: none;
    }


    .header__right {
        justify-content: flex-start;
        flex-direction: row-reverse;
    }
    .typo-top-cart {
        width: auto;
        margin-left: 15px;
    }
    .top-seach {
        width: auto;
        height: auto !important;
    }
    .top-seach .quick-search {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .mob-search {
        display: block;
        transform: rotateY(180deg);
    }
    .mob-search i {
        font-size: 24px;
        line-height: 28px;
    }


    a:hover.typo-cart-label {
        color: #999;
    }
    .typo-icon-ajaxcart .typo-cart-label .print {
        display: block !important;
    }
    .typo-icon-ajaxcart .typo-cart-label .print span {
        display: none;
    }
    .typo-icon-ajaxcart .icon-dropdown {
        display: none;
    }
    #total_item_ajax {
        display: block;
    }
    .typo-icon-ajaxcart .typo-cart-label .print .items {
        display: block;
    }
    .typo-icon-ajaxcart #total_item {
        display: block;
    }

    .typo-icon-ajaxcart .typo-cart-label .print {
        margin: 0;
        position: absolute;
        top: 23px;
        right: -10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background: #f3a3b4;
        color: #ffffff;
        font-size: 11px;
    }



    .head-search-mob-wrap .form-search1 {
        max-width: 100%;
    }
    header .social-topbar {
        display: none;
    }

    .logo-home {
        height: auto;
    }
    header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .button-search {
        right: 5px;
    }


    #top-bar {
        display: none;
    }





    .menu-header-box {
        position: fixed;
        z-index: 999;
        width: calc(100% + 30px);
        left: -15px;
        overflow: visible;
    }


    #main .menu-header-box {
        top: 60px;
    }
    #main .menu-header-box .navbar-collapse.in {
        height: calc(100vh - 60px) !important;
        overflow: auto;
    }

    #main.has_notice .menu-header-box {
        top: 105px;
    }
    #main.has_notice .menu-header-box .navbar-collapse.in {
        height: calc(100vh - 120px) !important;
        overflow: auto;
    }

    .menu-header-box .navbar-header {
        display: none;
    }
    .menu-header-box #horizontal-menu {
        background-color: #fff;
        margin-bottom: 0;
        min-height: 0;
    }


    .menu-header-box #horizontal-menu .toggle-child {
        width: 44px;
    }



    body #horizontal-menu .navbar-collapse {
        border: none;
        padding-bottom: 100px;
    }
    body #horizontal-menu .navbar-collapse.in,
    body #horizontal-menu .navbar-collapse.collapsing {
        box-shadow: 0 10px 10px 0 rgba(0,0,0,.3);
    }

    #horizontal-menu .nav > li.active > a .arrow,
    #horizontal-menu .nav > li:hover > a .arrow,
    #horizontal-menu .nav > li.open > a .arrow,
    #horizontal-menu .nav > li.active > a,
    #horizontal-menu .nav > li:hover > a,
    #horizontal-menu .nav > li.open > a {
        color: #000 !important;
        background: transparent;
    }







    .footer-bottom {
        display: block;
    }
    .footer-icons {
        margin-top: 30px;
        justify-content: center;
    }
    .footer-icon {
        margin-left: 8px;
        margin-right: 8px;
    }




    .menu-dop {
        display: block !important;
        padding: 30px 0;
    }
    .megamenu_info-item {
        display: flex;
        align-items: center;
    }
    .megamenu_info-item i {
        margin-right: 8px;
    }



    .menu-dop .advanced_grid_columns-social {
        /*display: flex;*/
        /*align-items: center;*/
        /*gap: 10px;*/
        /*position: absolute;*/
        /*top: 5px;*/
        /*right: 15px;*/
        margin-top: 10px;
    }
    .menu-dop .megamenu_info {
        margin-bottom: 15px;
    }
    .menu-dop .advanced_grid_columns {
        position: relative;
    }
    .menu-dop .advanced_grid_columns-social i {
        font-size: 30px;
    }
    body #horizontal-menu li.dropdown .toggle-child .fa.fa-plus.plus,
    body #horizontal-menu li.dropdown.open .toggle-child .fa.fa-plus.plus {
        font-size: 16px;
        font-weight: 600;
    }






    #common-maintenance h1 {
        font-size: 24px;
    }



    /* popupcart */
    .modal-custom .modal-body {
        padding: 40px 15px 40px;
    }
    .modal-custom .pc-title {
        font-size: 20px;
    }
    .pc-item-name a {
        font-size: 12px;
        line-height: 1;
    }
    .pc-item-name {
        line-height: 1.15;
    }
    .pc-item-img {
        width: 60px;
        flex: none;
        margin-right: 10px;
    }
    .pc-item-price {
        width: 80px;
        font-size: 14px;
        line-height: 1.2;
        margin-right: 15px;
        flex: none;
    }
    .pc-item-remove {
        flex: none;
        margin-top: -1px;
    }

    .pc-totals {
        font-size: 15px;
        padding: 12px 0;
        margin-top: 5px;
    }
    .pc-total-text {
        font-size: 17px;
    }
    .pc-item {
        padding: 25px 0;
    }




    .h-slider-item-text-1 {
        font-size: 14px;
    }
    .h-slider-item-text-2 {
        font-size: 12px;
        line-height: 1;
        text-shadow: 0 0 3px rgba(255,255,255,1);
        margin-top: 5px;
    }
    .h-slider-item-text {
        position: absolute;
        left: 50px;
        top: 10px;
    }
    .h-slider .swiper-button-next, .h-slider .swiper-button-prev {
        font-size: 16px;
        width: 34px;
        height: 34px;
    }
    .h-slider .h-slider-item-btn-link {
        font-size: 13px;
        padding: 4px 20px;
        border: 2px solid #000;
    }
    .h-slider-item-btn {
        margin-top: 10px;
    }


    .h-swiper .btn-cart,
    .cat-products .btn-cart {
        width: auto !important;
    }
    .h-swiper,
    .cat-products {
        margin-left: -10px;
        margin-right: -10px;
    }
    .cat-products .product-layout {
        padding: 0;
    }

    .h-swiper-title {
        margin-bottom: 5px;
    }


    .h-main-title {
        font-size: 20px;
        margin: 60px 0;
        line-height: 1.2;
    }


    .h-brands,
    .h-category {
        margin-left: 0;
        margin-right: 0;
        padding: 30px 0 10px;
    }



    .newsletter-wrapper-main {
        padding: 40px 0;
        margin-top: 60px;
    }


    footer {
        margin-top: 0;
        padding-top: 30px;
    }
    footer .information-box {
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 25px;
    }



    .h-slider {
        margin-top: 0;
    }



    .h-swiper .button.btn-cart {
        font-size: 14px;
    }



    #horizontal-menu .nav.navbar-nav > li > a[href*="specials"]:after {
        width: 49px;
    }

    /*#horizontal-menu .nav.navbar-nav > li > a[href*="latest"] {*/
    /*    color: #EFD2CA;*/
    /*}*/
    /*#horizontal-menu .nav.navbar-nav > li > a[href*="specials"] {*/
    /*    color: red;*/
    /*}*/


    body .ocf-btn-mobile-fixed .ocf-btn {
        background-color: rgba(0,0,0,.6);
        font-size: 13px;
        padding: 4px 12px;
    }


    .cat-title {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .cat-list-item-name {
        text-align: center;
        line-height: 1.2;
        font-size: 13px;
    }
    .cat-filters .input-group {
        display: flex;
        flex-flow: wrap;
    }
    .cat-filters label {
        width: 100%;
        text-align: left;
        padding: 0 !important;
        height: auto !important;
    }


    .productShowMore {
        margin-top: 50px;
    }
    .cat-description {
        margin-top: 50px;
    }



    .breadcrumb {
        white-space: nowrap;
        overflow: auto;
        margin-right: -15px;
    }



    .pr-del-pay .contact-map iframe {
        height: 300px;
    }
    .image-additional {
        max-width: 60px;
    }
    .thumbnails {
        margin-left: -5px;
    }
    .thumbnails .image-additional {
        margin-left: 5px;
    }
    .image-additional a {
        padding: 2px;
    }
    .pr-wrap-right h1 {
        font-size: 20px;
    }
    .rating-links a {
        padding: 0 4px;
        font-size: 12px;
    }
    .pr-price-wrap .price {
        font-size: 30px;
    }
    .pr-price-wrap .price-old {
        font-size: 22px;
    }

    .h-advantage p {
        line-height: 1.4;
    }
    .pr-tabs .nav-tabs {
        flex-flow: wrap;
    }
    .pr-del-pay .table-responsive {
        overflow: visible;
    }

    .pr-del-pay .table-responsive>.table>tbody>tr>td,
    .pr-del-pay .table-responsive>.table>tbody>tr>th,
    .pr-del-pay .table-responsive>.table>tfoot>tr>td,
    .pr-del-pay .table-responsive>.table>tfoot>tr>th,
    .pr-del-pay .table-responsive>.table>thead>tr>td,
    .pr-del-pay .table-responsive>.table>thead>tr>th {
        white-space: normal;
    }

    .pr-del-pay blockquote {
        font-size: 14px;
        line-height: 1.5;
    }






    .mproduct-filter {
        display: block;
        text-align: center;
        margin: 0 -15px 10px -15px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .mproduct-filter .msort {
        width: 55%;
        float: left;
        border-right: 1px solid #ddd;
    }
    .mproduct-filter .select {
        position: relative;
    }
    .mproduct-filter .msort select {
        height: 60px;
        font-weight: 600;
        margin: 0;
        position: relative;
        border: none !important;
        appearance: none;
        outline: none;
    }
    .mproduct-filter #mobil_mini {
        height: 60px;
        line-height: 60px;
        font-weight: 600;
        display: inline-block;
        width: 45%;
        text-transform: uppercase;
    }
    .mproduct-filter #mobil_mini span {
        font-size: 28px;
        line-height: 1px;
        vertical-align: middle;
        margin-right: 5px;
    }
    .mproduct-filter .select:after {
        content: "\f107";
        display: block;
        font: normal normal normal 14px / 1 simple-line-icons;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 24px;
        right: 14px;
        z-index: 1;
    }













    /***************** simple **************/
    .s-login {
        border: none;
        margin-bottom: 0;
    }
    .s-login span {
        display: block;
        text-align: center;
        margin: 0;
        margin-bottom: 10px;
    }
    .s-login span:last-of-type {
        margin-bottom: 0;
    }

    .s-form-wrap .form-group {
        width: 100%;
        margin: 8px 0;
    }
    #simplecheckout_shipping .radio,
    #simplecheckout_payment .radio {
        width: 100%;
        margin: 5px 0;
    }

    .s-pickup-text .info-adress {
        margin-bottom: 0;
    }
    body .simple-content .checkout-heading {
        text-align: center;
        font-size: 16px;
    }


    body .simple-content {
        margin: 0;
    }
    body .simplecheckout-left-column {
        margin: 0;
    }
    #simplecheckout_cart {
        padding: 0 15px;
        margin-left: -15px;
        margin-right: -15px;
    }
    #simplecheckout_customer .simplecheckout-block-content {
        padding: 10px 15px;
    }
    .simplecheckout-block .pc-item-info {
        /*min-width: 140px;*/
        /*width: 140px;*/
        /*flex: none;*/
    }
    #simplecheckout_cart .pc-item-price {
        width: 82px;
        margin-right: 15px;
        font-size: 14px;
        line-height: 16px;
    }
    #simplecheckout_cart .pc-item-img {
        width: 55px;
    }
    #simplecheckout_cart .pc-item-name {
        line-height: 1.15;
    }
    #simplecheckout_cart .pc-item-name a {
        font-size: 12px;
    }
    .simple-content .buttons {
        display: flex;
        justify-content: center;
    }


    .row-customer_norecall_wrapper {
        margin-left: -10px;
        margin-right: -10px;
    }
    /***************** simple **************/




    .ocf-btn-mobile-fixed.ocf-mobile {
        display: none !important;
    }



    #prlogin-popup .modal-dialog {
        width: calc(100% - 30px) !important;
    }





    .h-latest .product-thumb:nth-of-type(9),
    .h-latest .product-thumb:nth-of-type(10),
    .h-latest .product-thumb:nth-of-type(11),
    .h-latest .product-thumb:nth-of-type(12){
        display: none;
    }
    .h-sale .product-thumb:nth-of-type(9),
    .h-sale .product-thumb:nth-of-type(10),
    .h-sale .product-thumb:nth-of-type(11),
    .h-sale .product-thumb:nth-of-type(12) {
        display: none;
    }
    .h-bestseller .product-thumb:nth-of-type(9),
    .h-bestseller .product-thumb:nth-of-type(10),
    .h-bestseller .product-thumb:nth-of-type(11),
    .h-bestseller .product-thumb:nth-of-type(12) {
        display: none;
    }




    .form-search input#search {
        font-size: 16px;
    }




    .inst__link-wrap {
        margin-top: 10px;
    }
    .inst__items {
        margin-top: 20px;
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
    }
    .inst__item {
        width: calc(100% - 10px);
        margin: 0 5px;
        border-radius: 10px;
    }




    .ric-item-btn {
        font-size: 11px !important;
        padding: 0 5px !important;
    }
    .ric-title {
        font-size: 14px;
    }
    .pc-item-price-old {
        font-size: 13px;
    }



    .top-text-slider {
        display: none;
    }
    .top-text-slider .header-notice-slide {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 12px;
        white-space: normal;
        height: initial;
        line-height: 1;
    }
    .top-text-slider .header-notice-slide a {
       line-height: 1.7;
    }
    .top-text-slider .swiper-button-prev svg, .top-text-slider .swiper-button-next svg {
        width: 24px !important;
        height: 24px !important;
    }



    .fod-title.newsletter-title {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 10px;
    }
    .fod-btn-wrap input {
        font-size: 16px !important;
        padding-left: 10px;
        padding-right: 120px;
    }
    .fod-btn-wrap button {
        padding-left: 10px;
        padding-right: 10px;
    }


    .s-total-del {
        text-align: left;
    }
    .s-total-del-value {
        white-space: nowrap;
    }


    .fod-btn-wrap {
        margin-bottom: 50px;
    }



    .pc-bonus {
        text-align: center;
        margin-top: 10px;
        font-weight: 400;
        font-size: 11px;
        line-height: 1.3;
    }
    .s-bonus.simplecheckout-cart-total {
        line-height: 1.3;
        font-size: 12px;
    }
    .s-bonus-login {
        margin-top: 5px;
    }




    .gift-info-item {
        padding: 5px;
        font-size: 12px;
        line-height: 20.36px;
    }
    .gift-stage-wrap .product-thumb .button-group button {
        font-size: 11px;
        padding-left: 8px;
        padding-right: 8px;
        line-height: 1.4;
    }
    .gift-stage-wrap .pr-special-offer-label {
        font-size: 10px;
    }




    .fixed-progress-bar-wrap {
        display: none;
    }



    .h-brands-wrap {
        margin-top: 40px;
    }




    .h-swiper-wrap {
        margin-top: 40px;
    }



    .hg-popup .form-control {
        font-size: 16px !important;
    }


}








@media (max-width: 480px) {
    .pr-cart .add-to-cart .button-1 {
        width: 100%;
        max-width: 400px;
    }
}




@media (min-width: 414px) and (max-width: 1024px) {
    .pr-info span {
        width: 101px;
    }
}
@media (min-width: 300px) and (max-width: 413px) {
    .pr-info .col-md-12.logobrand img {
        max-height: 69px;
        float: none;
    }
    .pr-info span {
        width: 110px;
    }
    .pr-info div.col-md-12.logobrand {
        max-width: 100px;
        max-height: 69px;
        float: none;
        padding: 0;
        margin-bottom: 5px;
    }
}




@media (max-width: 1199px) and (min-width: 768px) {
    body .ocf-between {
        flex-flow: wrap;
    }
    body .ocf-between button:last-of-type {
        margin-top: 10px;
    }
}





@media (max-width: 1366px) and (min-width: 1200px) {
    .menu-header-box #horizontal-menu .nav > li > a {
        margin-left: 3px;
        margin-right: 3px;
    }
}




@media (min-width: 768px) {
    a.dropdown-img[href="podarunkovi-sertyfikaty"] {
        display: none !important;
    }
}