/*MEDIA*/
@media (min-width: 1900px){
      body {
        background-position: top left;
    }
}
@media (max-width: 1800px) {

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



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

}
@media (min-width: 1200px){
    .wrap-slider-product .slider-for {
        order: 2;
    }
}
@media (max-width: 1199px){
    .form_search_w input.form_search{
        padding-left: 20px;
    }
   .form_search_w button.srch_b{
        right: 10px;
   }
   .top-header {
        grid-template-columns: 200px minmax(105px, 1fr) 170px minmax(240px, 280px) 120px;
    }
    .wrap-slider-product {
        grid-template-columns: 100%;
        gap: 8px;
    }
    .wrap-slider-product .slider-nav-product .box-image{
        margin: 0 4px;
    }
    .slider-nav-product {
        margin: 0 -4px;
    }

}

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



}

@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;
    }*/
    /**/
    .top-header .column-callback,
    .top-header .column-phone{
        display: none;
    }
    .top-header {
        grid-template-columns: 200px minmax(105px, 1fr) 120px 40px;
    }
    .top-footer {
        grid-template-columns: minmax(166px, 185px) 1fr 1fr 190px;
    }
    .mnu-header ul.wrap-mnu {
        flex-direction: column;
        row-gap: 15px;
        margin-bottom: 25px;
    }
    header .mobile-block{
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        padding-bottom: 20px;
    }
    header .mobile-block .phone{
        font-weight: 400;
        font-size: 18px;
    }
    header .mobile-block .form_search_w{
        max-width: 100%;
    }
    header .dropdown-menu {
        position: static;
        width: calc(100% - 40px);
        margin-left: 20px;
        float: none;
    }
    .block-slider .grid-slide {
        grid-template-columns: 6fr 6fr;
        min-height: auto;
    }
    .slick-dots li{
        margin: 0 6px;
    }
    .index-products {
        grid-template-columns: repeat(2, minmax(10px, 1fr));
    }
    .block-reviews .index-reviews {
        grid-template-columns: repeat(2, 1fr);
    }
    .block-reviews .index-reviews .item-review:last-child{
        grid-column: 1 / -1;
    }
    header{
        padding-bottom: 0;
    }
    .index-promotions {
        grid-template-columns: repeat(2, 1fr);
    }
    .page-promotion .grid {
        grid-template-columns: 1fr;
    }
    .index-product-category .item-category {
        grid-column: span 6;
    }
    .index-product-category .item-product {
        grid-column: span 6;
    }
    .wrapper-price-btn {
        grid-template-columns: 1fr;
    }
    .wrapper-price-btn .box-price {
        text-align: right;
    }
    .card{
        grid-template-columns: 113px 1fr 103px 20px;
    }


}

@media (min-width: 769px) {
    .grid-card .column-card{
        order: 2;
    }
    
}

@media (max-width: 768px) {
    .top-footer {
        grid-template-columns: 1fr 1fr;
        row-gap: 35px;
    }   
    .top-footer .column-logo{
        order: 3;
    }
    .top-footer .column-contacts{
        order: 4;
    }
    .bottom-footer {
        grid-template-columns: 1fr;
    }
    .block-slider {
        background-image: url("data:image/svg+xml,%3Csvg width='899' height='910' viewBox='0 0 899 910' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_f_0_460)'%3E%3Cellipse cx='449.5' cy='455' rx='221.5' ry='227' fill='%23548B78' fill-opacity='0.43' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_0_460' x='0.800003' y='0.800003' width='897.4' height='908.4' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeGaussianBlur stdDeviation='113.6' result='effect1_foregroundBlur_0_460' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .block-slider .grid-slide {
        grid-template-columns: 1fr;
        
    }
    .slider-home .column-img{
        order: 2;
        background: none;
    }
    /*.slider-home .column-img img {
        max-width: 300px;
    }*/
    .slider-home .wrap-slide {
        padding-right: 0;
    }
    .slider-home .column-img:after {
        width: 100%;
        height: 50px;
        background: linear-gradient(to bottom, #153930, transparent);
    }
    .slider-home .column-text{
        padding-left: 20px;
        padding-right: 20px;
    }
    .slider-home .heading-slide,
    .slider-home .descr-slide{
        text-align: left;
    }
    .slider-home a.btn-main{
        margin-left: 0;
        margin-right: auto;
    }
    .index-category {
        grid-template-columns: 1fr 1fr;
        gap: clamp(15px, 2.2vw, 30px);
    }
    .index-category .item:last-child {
        grid-column: 1 / -1;
    }

    .grid-gallery .item-gallery{
        grid-column: span 4 !important;
        grid-row: span 1 !important;
    }

    .grid-top-page {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-bottom: 0;
    }
    .grid-top-page img {
        width: 100%;
    }
    .grid-top-page .main-content {
        text-align: left;
    }
    .grid-page-reviews {
        grid-template-columns: 1fr;
    }
    .product-top-grid {
        grid-template-columns: 100%;
    }
    .wrap-slider-product .slider-for .box-image{
        height: auto;
    }
    .grid-card {
        grid-template-columns: 1fr;
    }
    .grid-account {
        grid-template-columns: 1fr;
    }
    .grid-account .sidebar-account {
        order: 2;
    }
    .box-sidebar-account a.btn-main {
        max-width: 100%;
    }
    .block-video .grid{
        grid-template-columns: repeat(2, 1fr);
    }
    
}

@media (max-width: 575px) {
   .top-header .column-search{
        display: none;
   }
   .top-header {
        grid-template-columns: minmax(100px, 200px) 1fr 40px;
        justify-content: space-between;
   }
   .top-header .column-cart {
        width: 120px;
        margin-left: auto;
    }
    button.btn.close-modal {
        right: 15px;
        top: 12px;
    }
    textarea.form-control {
        height: 120px;
        border-radius: 20px;
    }
    .block-reviews .index-reviews {
        grid-template-columns: repeat(1, 1fr);
    }
    .block-reviews .index-reviews .item-review:last-child{
        display: none;
    }
    .slider-img-product .slick-dots {
        line-height: 1;
    }
    .slider-img-product .slick-dots li {
        margin: 0 4px;
    }
    .index-product-category .item-category {
        grid-column: span 12;
    }

    .tabs-wrapper .tabs .tab{
        border-radius: 19px;
        margin-right: 5px;
        border: 1px solid rgba(255, 255, 255, 0.6);
    }
    .tabs-wrapper .tabs-content{
        border-radius: 15px;
        margin-top: 5px;
    }
    .product-top-grid .column-right{
        gap: 10px;
    }

}
@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;
    }
    
    /**/
    .top-header .column-cart {
        width: 100px;
    }
    .box-cart a.btn-cart, 
    .box-account a{
        width: 45px;
        height: 45px;
    }
    .box-cart a.btn-cart span.cart-number {
        width: 23px;
        height: 23px;
        line-height: 23px;
        font-weight: 400;
    }
    
    .item-product .grid-price-btn {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .item-product a.btn_to_basket.btn-main{
        max-width: 100%;
    }
    .grid-gallery .item-gallery{
        grid-column: span 6 !important;
        grid-row: span 1 !important;
    }
    .grid-gallery {
        grid-auto-rows: 160px;
    }
    .grid-gallery .item-gallery:last-child{
        grid-column: span 12 !important;
        grid-row: span 1 !important;
    }
    .index-category {
        grid-template-columns: 1fr;
    }
    .index-category .item{
        min-height: 200px;
    }
    .index-promotions {
        grid-template-columns: repeat(1, 1fr);
    }
    .index-product-category .item-category .box-img{
        height: 180px;
    }
    .card {
        grid-template-columns: 113px 1fr;
        row-gap: 15px;
        border-radius: 25px;
    }
    .itog{
        padding-top: 0;
    }
    .modal-form .descr-form br{
        display: none;
    }
    .modal-form .modal-content,
    .modal_flash .modal_content{
        border-radius: 20px;
    }
    li.orders-item{
        flex-wrap: wrap;
    }
    li.orders-item .box{
        max-width: 100%;
    }
    .order-user-info {
        grid-template-columns: 1fr;
    }
    ul.order li.order__item{
        border-radius: 20px;
        flex-wrap: wrap;
        row-gap: 15px;
    }
    ul.order li.order__item .order__name {
        width: calc(100% - 132px);
    }
    
}

@media (max-width: 400px) {

    .wrap-slider-product .slider-nav-product .box-image{
        height: 100px;
    }
    .gallery-review {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .gallery-review .item {
        height: 120px;
        width: 100%;
    }
    
}
@media (max-width: 340px) {
    
}