/*------------------------------------------------------------------------------------------*/
/*  MEDIA QUERIES */
/*------------------------------------------------------------------------------------------*/

@media (min-width: 992px) {
    html,
    body {
        height: auto !important;
        overflow-y: auto !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1210px;
    }


    .navbar .dropdown:hover>.dropdown-menu {
        display: block;
    }

    .navbar .dropdown>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
}

@media (max-width: 1650px) {
    .slick-prev {
        left: -40px;
    }

    .slick-next {
        right: -40px;
    }

    .production {
        height: 700px;
    }
}

@media (max-width: 1340px) {
    .slick-prev {
        left: -40px;
    }

    .slick-next {
        right: -40px;
    }

    .production {
        height: 600px;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .production {
        height: 550px;
    }

    .menu {
        margin-left: 20px;
    }

    .page-header-top .search {
        margin-left: 8px;
        margin-right: 8px;
    }

    .navbar-brand {
        max-width: 150px;
        width: 100%;
        margin-right: 10px;
    }

    .navbar-brand img {
        max-width: 100%;
        height: auto
    }

    .dropdown-menu {
        padding: 20px 18px 25px;
    }


    .slick-prev {
        left: 0px;
    }

    .slick-next {
        right: 0px;
    }

    .filter {
        padding: 10px 12px;
    }

    .gallery {
        margin-right: 0px;
    }

    .object-head {
        max-width: 100%;
    }

    .sidebar {
        margin-top: 0px;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {

    .production {
        height: 500px;
    }

    .shop-search {
        display: none;
    }

    .ml-lg-25 {
        margin-left: 0px !important;
    }

    .navbar-nav .nav-item {
        border-top: 1px solid #f3f3f3;
    }

    .navbar-nav .nav-link {
        padding: 10px 15px;
        font-size: 1rem;

    }

    .page-header.navbar {
        padding-top: 70px;
        position: relative;
    }

    .navbar .dropdown-toggle::after {
        content: '';
        vertical-align: .1rem;
    }

    .navbar .nav-item.dropdown {
        position: relative;
    }

    .dropdown-toggle-split {
        content: '';
        position: absolute;
        right: 10px;
        top: .5px;
        height: 40px;
        border: none;
        background: #eee;
        display: inline-block;
        width: 60px;
        padding: 0;
        cursor: pointer;
    }


    .navbar-nav {
        margin-top: 0px;
        padding: 0 0 15px;

    }

    .page-header-nav {
        padding: 10px 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .page-header-nav .container {
        position: relative;
    }

    .navbar-collapse {
        position: absolute;
        left: 0;
        right: 0;
        top:100%;
        z-index: 100;
        margin: 10px 0 0px;
        pointer-events: none;
        background: #fff;
        -webkit-box-shadow: 0rem 0.5rem 0.5rem rgba(0,0,0,.1);
        box-shadow: 0rem 0.5rem 0.5rem rgba(0,0,0,.1);


        opacity: 0;
        width: auto;
        height: auto !important;
        max-height: none;
        display: block !important;
    }

    .navbar-collapse.show {
        height: calc(100vh - 70px) !important;
        max-height: 90vh;
        overflow-y: scroll;
        opacity: 1;
        pointer-events: inherit;
        -webkit-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        transition: opacity .3s linear;
    }

    .navbar-collapse .search {
        padding: 10px 15px;
    }



    .navbar-brand {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0 15px 0px 0;
        max-width: 150px;
    }

    .navbar-brand img {
        max-width: 100%;
    }

    .dropdown-menu-title {
        font-size: 1.125rem;
        margin: 0 0 20px;
    }

    .dropdown-menu {
        padding: 10px 10px;
    }

    .dropdown-item {
        font-size: .875rem;
        line-height: 1.125rem;
        padding: 8px 10px;
    }

    .dropdown-menu-list {
        margin-bottom: 20px;
    }

    .intro-item {
        overflow: hidden;
    }

    .text-right .intro-item img {
        right: -50%;
        float: right;
    }

    .text-left .intro-item img {
        left: -50%;
        float: left;
    }


    .brand {
        height: auto;
        text-align: center;
    }

    .brand:before {
        content: none;
    }



    .advantages {
        margin-left: 0;
    }


    .subscribe-head {
        padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .subscribe-inner {
        height: 206px;
        padding-left: 220px;
    }

    .subscribe-inner:after {
        height: 100%;
        background-size: cover;
    }

    .subscribe-form {
        margin-bottom: 22px;
        margin-left: 0;
    }

    .subscribe-inner:before {
        margin-top: 67px;
    }


    .card-footer {
        display: block;
    }

    .card:hover {
        position: relative;
    }

    .advantages {
        padding-left: 0px;
    }

    .advantages:before {
        content: none;
    }

    .advantages-name {
        white-space: inherit;
    }



    .filter .form-group {
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .filter {
        margin: 10px 0;
    }

    .catalog {
        margin-top: 30px;
    }

    .sidebar-group,
    .sidebar-title {
        margin-bottom: 20px;
    }



    .gallery {
        margin-bottom: 30px;
    }

    .object-head {
        margin-top: 0px;
    }

    .object-title {
        text-align: left;
    }

    .object-brand {
        text-align: left;
        margin-bottom: 20px;
    }

    .size-info {
        padding-left: 0px;
        margin-top: 20px;
    }

    .object-price .card-price-current {
        text-align: left;
    }

    .object-price .card-price-old {
        text-align: left;
    }




    .navbar .dropdown-item.active,
    .navbar .dropdown-item:active {
        color: #fff;
        background: #15b67f;
    }



    #collapseCatalog {
        background: #f4f4f4;
        padding: 10px;
        border-radius: 10px;
        margin-top: 10px;
    }

    .sidebar-group + .sidebar-group {
        border-top: 1px solid #ccc;
        padding-top: 14px;
    }

    .sidebar-list ul {
        color: #000;
    }




    .object-filter-group .dropdown-toggle {
        margin-bottom: 0px;
    }

    .object-filter-group .dropdown {
        margin-bottom: 20px;
    }

    .object-filter-group .dropdown-menu {
        position: relative !important;
        top: 0 !important;
        width: 100%;
        margin-top: -4px;
        margin-bottom: 10px;
    }

    /*Stop Hover*/

    .btn-success,
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success:not(:disabled):not(.disabled).active:focus,
    .btn-success:not(:disabled):not(.disabled):active:focus,
    .show>.btn-success.dropdown-toggle:focus,
    .btn-success:not(:disabled):not(.disabled).active,
    .btn-success:not(:disabled):not(.disabled):active,
    .show>.btn-success.dropdown-toggle {
        background: #15b67f;
        color: #f5f5ec;
        -webkit-box-shadow: none;
        box-shadow: none;
    }


    .btn-warning,
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning:not(:disabled):not(.disabled).active:focus,
    .btn-warning:not(:disabled):not(.disabled):active:focus,
    .show>.btn-warning.dropdown-toggle:focus,
    .btn-warning:not(:disabled):not(.disabled).active,
    .btn-warning:not(:disabled):not(.disabled):active,
    .show>.btn-warning.dropdown-toggle {
        background: #ecc93c;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
    }




    .new .card-footer,
    .catalog .card-footer {
        opacity: 1;
        visibility: visible;
        display: block;
        position: static;
    }

    .new .card-col,
    .catalog .card-col {
        margin-bottom: 20px;
    }

    .new .card,
    .catalog .card {
        border: 2px solid #f1f1f1;
        -webkit-box-shadow: 0px 0px 24px #e8e8e8;
        box-shadow: 0px 0px 24px #e8e8e8;
        padding-left: 5px;
        padding-right: 5px;
    }

    .new .card {
        -webkit-box-shadow: 0px 0px 4px rgba(232, 232, 232, 0.28);
        box-shadow: 0px 0px 4px rgba(232, 232, 232, 0.28);
    }

    .new .card:before,
    .catalog .card:before {
        content: none;
    }

    .dropdown-menu .dropdown-menu-title a.active,
    .dropdown-menu .navbar-light .navbar-nav .nav-link.active {
        left: 0;
    }

    .sort-by-wrap {
        display: none;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .container {
        max-width: 100%;
    }

    .production {
        height: 500px;
        margin-bottom: 35px;
    }


    .page-header-top {
        padding: 15px 0;
    }

    .navbar-collapse .search {
        padding: 5px 10px;
    }

    .search-btn {
        top: 0;
        padding-top: 2px;
    }

    .subscribe-inner {
        height: auto;
        padding-left: 0px;
        text-align: center;
    }

    .subscribe-inner:before,
    .subscribe-inner:after {
        content: none;
    }

    .subscribe-form {
        margin-left: auto;
        margin-right: auto;
    }



    .text-right .intro-item img {
        right: -70%;
        float: right;
    }

    .text-left .intro-item img {
        left: -70%;
        float: left;
    }

    .subscribe {
        margin: 0px 0 20px;
    }

    .page-link {
        width: 40px;
        height: 40px;
        font-size: 1rem;
        padding: .55rem .25rem
    }





    .object-filter-group .btn-xl {
        font-size: 1.3125rem;
        padding: 12px 60px 18px;
    }

    .object-filter-group .btn-xl .icon {
        left: 16px;
    }

    .review-thumb {
        margin: 0 auto 20px;
    }

    .review-body {
        width: 100%;
    }

    .nav-pills .nav-item {
        margin-right: 20px;
    }


    .page-item {
        margin: 0 0px;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .production {
        height: 350px;
        margin-bottom: 35px;
    }

    .review #comments INPUT[type="text"] {
        width: 100%;
    }

    .js_shop_id .object-price .card-price-old {
        margin-bottom: 7px;
    }

    .param-wrap + .param-wrap {
        margin-top: 30px;
        padding-top: 20px;
    }

    .cart_count INPUT[type="text"] {
        width: 35px;
    }

    .shop_block_coupon form {
        display: block;
    }

    .coupon-inptext-wrap {
        margin-left: 0;
        margin-top: 5px;
    }

    .coupon-subm-wrap {
        margin-left: 0;
        margin-top: 10px;
    }

    .coupon-text-wrap,
    .coupon-inptext-wrap,
    .coupon-subm-wrap {
        display: block;
    }

    .sidebar-title {
        font-size: 1.8rem;
        margin-bottom: 12px;
    }

    .navbar-brand {
        margin: 0 auto 10px;
    }

    .page-header .cb {
        max-width: 100%;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;

        -ms-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center;
    }

    .page-header .cb a {
        margin: 0 20px;
    }

    .menu {
        margin-left: 0;
        text-align: center;
    }

    .menu li {
        display: inline-block;
        margin: 10px 10px;
    }



    .intro-item {
        height: 320px;
    }

    .text-right .intro-item img {
        right: 0%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .text-left .intro-item img {
        left: 0%;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }


    .filter {
        padding: 10px 12px;
    }


    .btn-more .icon {
        left: 16px;
    }

    .breadcrumb {
        padding: 15px 0;
    }


    .object-price {
        margin-bottom: 20px;
    }

    .object-filter-group .list-inline-item:not(:last-child) {
        margin-right: 10px;
    }

    .object-filter-label {
        margin-bottom: 20px;
        display: block;
        margin-right: 15px;
    }

    .quant {
        margin-bottom: 20px;
    }

    .review-body:before {
        border-left: 12px solid transparent;
        border-bottom: 12px solid #f4f4f4;
        border-right: 12px solid transparent;
        border-top: none;
        position: absolute;
        left: 26px;
        top: -12px;
    }

    .object-status [class*="status-"] {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .object-filter-group {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .object-filter-group_price {
        padding-bottom: 0 !important;
    }

    .shop-info-b {
        padding-top: 51px;
    }

    .js_cart_one_click {
        margin-top: 34px;
    }

    .object-title {
        font-size: 2rem;
    }

    .card-price-current,
    .card-price-old,
    .card-price-new {
        position: static;
        width: 100%;
        text-align: center;
        padding: 0;
    }

    .card-price {
        display: block;
        margin-bottom: 0;
    }

    .new + .new {
        margin-top: -198px;
    }


    .prev-slider-wrap .slick-slide {
        height: 77px; /* высота элементов карусели превью */
    }

    .prev-slider-wrap .slick-slide img {
        max-height: 77px; /* высота элементов карусели превью */
    }

    .card-img {
        height: 356px; /* высота основного фото в карточке */
    }


    .about {
        padding-top: 11px;
    }

    /* для того чтобы сокращенная карточка помещалась на мобильных

    .catalog-list .card-col {
        height: 90vh !important;
    }

    .new .card,
    .catalog .card {
        height: 90vh !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .catalog-list {
        display: flex !important;
        justify-content: center !important;
    }

    .catalog-list .card-thumb {
        display: flex !important;
        justify-content: center !important;
    }

    .catalog-list .card-price {
        margin-bottom: 10px !important;
    }

    .catalog-list .card-thumb {
        position: static;
    }
    */

}