/*MEDIA*/
@media (max-width: 1800px) {

}
@media (max-width: 1550px) {
    .slider-products-home .slick-prev {
        left: 50%;
        top: 100%;
        margin-top: 0;
        margin-left: -40px;
    }
    .slider-products-home .slick-next {
        right: 50%;
        top: 100%;
        margin-top: 0;
        margin-right: -40px;
    }



}
@media (max-width: 1350px) {
    .top-header .grid {
        grid-template-columns: 87px 120px 1fr auto auto 150px;
        gap: 20px;
    }
    ul.header-mnu li a {
        font-size: var(--fz18);
    }
    label.radio-btn{
        padding: 10px 15px;
    }
    section.block-slider .grid {
        min-height: 450px;
    }

}
@media (min-width: 1200px){
  
}
@media (max-width: 1199px){
    .top-footer {
        grid-template-columns: 200px auto auto 250px;
    }
    .catalog-grid {
        grid-template-columns: 200px minmax(200px, 1fr);
    }
    .product-top-grid {
        grid-template-columns: minmax(20%, 550px) 1fr;
        gap: 20px;
    }
    .wrap-form-product .characteristic .grid-size input{
        width: 160px;
    }

}

@media (min-width: 992px) {
    button.navbar-toggler,
    .mobile-block,
    .filter-mobile{
        display: none;
    }
    header li.nav-item.dropdown:hover .dropdown-menu {
        display: block;
    }
    header .dropdown-menu a.dropdown-item-link:first-child {
        display: none;
    }


}

@media (max-width: 991px) {
    body, html{
        font-size: 16px;
    }
    .main-content img[style*="float: left;"], 
    .main-content img.img-left {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .main-content img[style*="float: right;"], 
    .main-content img.img-right {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .main-content img {
        margin-bottom: 20px;
    }
    
    button.btn.close-modal svg {
        width: 100%;
        height: 100%;
    }
    button.btn.close-modal svg path {
        stroke: #000;
    }
    button.btn.close-modal {
        right: 10px;
        top: 10px;
        padding: 0;
        width: 25px;
        height: 25px;
    }
    /**/
    header .column-contacts{
        display: none;
    }
     .top-header .grid {
        grid-template-columns: 87px 120px 1fr auto auto 32px;
    }
    .top-footer {
        grid-template-columns: 1fr 1fr;
        align-items: start;
        row-gap: 35px;
    }
    .top-footer .column-mnu-01{
        order: 1;
    }
    .top-footer .column-mnu-02{
        order: 2;
    }
    .top-footer .column-logo{
        order: 3;
    }
    .top-footer .column-contacts{
        order: 4;
    }
    ul.header-mnu {
        flex-direction: column;
        gap: 15px;
    }
    header .dropdown-menu {
        box-shadow: 0 5px 6px 0px rgba(0, 0, 0, 0.25);
        position: static;
        max-width: 100%;
        width: 100%;
    }
    .catalog-header .wrap-list-catalog {
        column-count: 2;
    }
    .mobile-block {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    header .box-contacts {
        font-size: var(--fz16);
        gap: 7px;
    }
    .item-product {
        grid-column: span 6;
    }
    .item-category{
        grid-column: span 6;
    }
    .catalog-grid {
        grid-template-columns: 100%;
        gap: 0;
    }
    nav.sidebar-catalog{
        display: none;
    }
    .grid-main.grid-9-col {
        grid-template-columns: repeat(12, 1fr);
    }
    .product-top-grid {
        grid-template-columns: 100%;
    }
    .wrap-slider-product {
        grid-template-columns: 100%;
        height: auto;
        gap: 10px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .wrap-slider-product .slider-for {
        order: 1;
    }
    .wrap-slider-product .slider-nav-product {
        order: 2;
        padding: 0 0;
    }
    .wrap-slider-product .slider-for .box-image {
        height: auto;
        aspect-ratio: 4 / 3;
    }
    .slider-nav-product .box-image{
        height: auto;
        aspect-ratio: 4 / 3;
    }
    .slider-nav-product{
        margin-left: -5px;
        margin-right: -5px;
    }
    .slider-nav-product .slick-slide{
        padding-right: 5px;
        padding-left: 5px;
    }

    section.block-slider .grid {
        grid-template-columns: 100%;
        min-height: auto;
    }
    .slider-home, 
    .slider-home .slick-list, 
    .slider-home .slick-track{
        height: auto;
    }
    .slider-home .my-video,
    .slider-home .box-img {
        aspect-ratio: 1920 / 1080;
    }
    .grid-category-home .parent-category {
        grid-column: span 12 !important;
        grid-row: span 1 !important;
    }
    .grid-category-home .parent-category:nth-child(5) {
        display: none;
    }
    .parent-category .box-text .name,
    .parent-category:nth-child(1) .box-text .name {
        font-size: var(--fz18);
    }
    section.block-about .grid {
        grid-template-columns: 100%;
        gap: 20px;
    }
    .grid-works-home .item-work {
        grid-column: span 6 !important;
        grid-row: span 1 !important;
    }
    .grid-works-home .item-work:nth-child(5){
        display: none;
    }
    .item-work .box-text .name,
    .item-work:first-child .box-text .name {
        font-size: var(--fz18);
    }


}

@media (min-width: 769px) {
    
    
}

@media (max-width: 768px) {
    /*CookieBarActions*/
    #pjAcceptCookieBar {
        left: 10px !important;
        width: calc(100% - 20px) !important;
    }
    #pjAcceptCookieBar p {
        font-size: 11px !important;
    }
    /*end CookieBarActions*/

    .bottom-footer {
        grid-template-columns: 1fr 1fr;
    }
    section.block-form .grid {
        grid-template-columns: 100%;
        gap: 20px;
    }
    header .column-search,
    header .column-callback{
        display: none;
    }
    .top-header .grid {
        grid-template-columns: 87px 1fr auto 32px;
    }
    .top-header .btn-catalog{
        max-width: 120px;
        margin-left: auto;
    }
    .mobile-block .callback a.btn-main {
        width: 100%;
        max-width: 100%;
    }
    section.block-contacts .grid {
        grid-template-columns: 100%;
    }
    section.block-contacts .box-map{
        height: 320px;
    }
    .grid-works .item-work {
        grid-column: span 6;
    }
    .page-404 .num-404 {
        font-size: 130px;
    }


}

@media (max-width: 575px) {
    .item-product .preview, 
    .item-product .art{
        display: none;
    }
    .item-product .box-btn {
        padding: 15px 15px;
    }
    .gallery-main {
        grid-template-columns: repeat(2, 1fr);
    }
    .wrap-question{
        margin-bottom: 10px;
    }
    .spoiler_body {
        margin-top: 15px;
        padding-left: 10px;
    }
    .slider-products-home{
        margin-left: -3px;
        margin-right: -3px;
    }
    .slider-products-home .wrap-slide {
        padding-left: 3px;
        padding-right: 3px;
    }
    .slider-about-nav .slick-slide {
        padding-left: 5px;
        padding-right: 5px;
    }
    .slider-about-nav {
        margin-left: -5px;
        margin-right: -5px;
    }
/*    .grid-category-home {
        grid-template-columns: 100%;
        grid-auto-rows: 160px;
        gap: 5px;
    }*/
    .grid-category-home {
        grid-template-columns: 100%;
    }
    .grid-category-home .parent-category {
        grid-column: span 1 !important;
    }
    /*.parent-category .box-text:after{
        display: none;
    }
    .parent-category .box-text{
        gap: 0;
    }*/
    .grid-works-home .item-work {
        grid-column: span 12 !important;
    }
    .my-video .icon-play{
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        background-size: contain;
    }
}

@media (min-width: 481px) {
   
}

@media (max-width: 480px) {
    body, html {
        font-size: 15px;
    }    
    .main-content img[style*="float: left;"], 
    .main-content img.img-left{
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .main-content img[style*="float: right;"], 
    .main-content img.img-right{
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    
    /**/
/*    .btn-catalog:after{
        display: none;
    }*/
    .btn-catalog {
        gap: 7px;
        cursor: pointer;
        padding: 13px 15px;
    }
    .btn-catalog:after{
        width: 14px;
        min-width: 14px;
        height: 14px;
    }
    .top-header .btn-catalog {
        max-width: max-content;
    }
    header nav.catalog-header .container{
        padding-left: 0;
        padding-right: 0;
    }
    .bottom-footer .column:nth-child(1),
    .bottom-footer .column:nth-child(2) {
        grid-column: 1/-1;
        margin-top: -10px;
    }
    .top-footer .column-logo,
    .top-footer .column-contacts {
        order: 4;
        grid-column: 1 / -1;
    }

    .heading-main{
        font-size: var(--fz32);
    }
    .heading-second {
        font-size: var(--fz28);
    }
    section.block-form .box-text .heading{
        font-size: var(--fz40);
    }
    .wrap-form-product .characteristic {
        margin-bottom: 10px;
    }
    .wrap-form-product .characteristic .grid-size input {
        width: calc(50% - 15px);
    }
    .tabs-wrapper .tabs {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .tabs-wrapper .tabs span.tab,
    .tabs-wrapper a.btn-download{
        padding: 10px;
        height: 40px;
    }
    .grid-main{
        gap: 5px;
    }
    .catalog-header .list-main .box-img{
        display: none;
    }
    .catalog-header .wrap-list-catalog>ul{
        padding-left: 0;
    }
    .catalog-header .list-child{
        padding-left: 10px;
    }
    .gallery-work .photo {
        grid-column: span 6 !important;
        aspect-ratio: 327 / 234;
    }

    .gallery-work .photo:nth-child(10n+1),
    .gallery-work .photo:nth-child(10n) {
        grid-column: 1 / -1 !important;
        grid-row: span 1;
        aspect-ratio: 327 / 234;
    }
    .grid-works .item-work {
        grid-column: span 12;
    }
    .content-with-img .box-img-top-page {
        max-width: 100%;
        float: none;
        margin-right: 0;
    }
    section.block-slider .heading {
        font-size: var(--fz38);
    }
    section.block-slider .column-text{
        padding: 30px 20px;
    }

    section.block-works .grid-heading .btn-border{
        display: none;
    }
    section.block-form .box-text .descr, 
    section.block-form .box-text .descr p {
        font-size: var(--fz18);
    }
    .my-video{
        border-radius: 15px;
    }
    form .box-input.class_fio, form .box-input.class_phone, form .box-input.class_email {
        float: none;
        width: 100%;
        margin-right: 0;
    }
        
}

@media (max-width: 400px) {
    .top-header .soc-but a{
        width: 30px;
        height: 30px;
    }
    .top-header .grid{
        grid-template-columns: auto 1fr auto 32px;
        gap: 15px;
    }
    
}
@media (max-width: 340px) {
    
}