@media(max-width: 1199px){
    .search-input-middle-header{
        width: 200px !important;
    }
    .search-input-middle-header[type="search"]::-webkit-input-placeholder { font-size: 13px; }
    .search-input-middle-header[type="search"]:-ms-input-placeholder { font-size: 13px; }
    .search-input-middle-header[type="search"]::-ms-input-placeholder { font-size: 13px; }
    .search-input-middle-header[type="search"]::placeholder { font-size: 13px; } 
    .form-group select{
        font-size: 13px;
        background-position: right 3px top 12px;
    }
    .form-select{
        width: 135px;
        padding-right: 0px;
    }
    .form-inline .form-group:first-child{
        width: 185px;
    }
    .btn-search{
        margin-left: 5px;
    }
    .callback-btn{
        width: 100%;
    }
    .circle-cart{
        right: -55px;
    }
    .menu a{
        font-size: 14px;
    }
    .left-blockbackground-parfume{
        width: 190px;
    }
    .block-parfummianpage, .right-blockbackground-kosmetika{
        width: 190px;
    }
    .tovar-parfume-background{
        height: 190px;
    }
    .class-open-tovar-parfume-block{
        top: 150px;
        left: 10px;
    }
    .lupa-open-tovar-parfume-block{
        top: 150px;
        left: 150px;
    }
    .about-mainpage{
        background-size: 50% 70%;
    }
    .menu-footer{
        grid-template-columns: 0.5fr 2fr 1.5fr 1.5fr 1fr 0.5fr;
    }
}
@media(max-width: 991px){
    .middle-header-block{
        grid-template-columns: 0.8fr 1fr;
    }
    .top-header{
        text-align: center;
    }
    .menudva{
        display: block;
    }
    .navbar-default{
        background: #343f54;
        font-family: 'Comfortaa', cursive;
    }
    .navbar-default .navbar-nav > li > a{
        color: #fff;
        transition: 0.3s ease;
    }
    .navbar-default .navbar-nav > li > a:hover{
        color: #ff6094;
        transition: 0.3s ease;
    }
    .menu-header{
        display: none;
    }
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
        text-align: left;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
    .autorization{
        padding-left: 0px;
    }
    .navbar-default .navbar-nav > li > a{
        text-align: left;
    }
    .navbar-default .navbar-toggle{
        background: #ff6094;
        border: 1px solid #ff6094;
        transition: 0.3s ease;
    }
    .navbar-default .navbar-toggle .icon-bar{
        background: #fff;
        transition: 0.3s ease;
    }
    .navbar-default .navbar-toggle:hover{
        background: #fff;
        transition: 0.3s ease;
    }
    .navbar-default .navbar-toggle:hover .icon-bar{
        background: #ff6094 !important;
        transition: 0.3s ease;
    }
    .navbar-default{
        margin-bottom: 0px;
    }
    .cart{
        text-align: center;
    }
    .circle-cart{
        right: -180px;
    }
    .img-preim img{
        width: 100%;
    }
    .about-mainpage{
        background: none;
    }
    .title-about{
        margin-bottom: 20px;
    }
    .block-akciya{
        padding-left: 0px;
    }
    .kupit-tovar-mainpage{
        display: block;
    }
    .top-header-three-link{
        grid-template-columns: 1fr;
    }
    .navbar-nav > li{
        padding-left: 10px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar-header{
        border: none;
    }
}
@media(max-width: 767px){
    .top-header-three-link{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .number-top{
        display: block;
        margin-top: 10px;
    }
    .middle-header-block{
        grid-template-columns: 1fr;
        text-align: center;
    }
    .search-middle-header .form-group{
        display: inline-block;
    }
    .search-middle-header .form-inline{
        text-align: left;
    }
    .form-inline .form-group:first-child, .search-middle-header .form-group{
        width: 35%;
    }
    .btn-search{
        width: 25%;
        text-align: center;
    }
    .circle-cart{
        right: -325px;
    }
    .autorization{
        border: none;
    }
    .list-preim{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .img-preim img{
        width: auto;
    }
    .preim:hover .line-preim{
        width: 30%;
    }
    .block-parfummianpage, .right-blockbackground-kosmetika{
        width: 80%;
        margin: 0 auto;
        
    }
    .tovar-parfume-background{
        height: 220px;
    }
    .class-open-tovar-parfume-block{
        top: 180px;
        left: 45px;
    }
    .lupa-open-tovar-parfume-block{
        top: 180px;
        left: 235px;
    }
    .block-preim{
        background: none;
    }
    .footer-bigmenu{
        grid-template-columns: 1fr;
        gap: 10px;
        text-align: center;
    }
    .logo-footer{
        padding-top: 0px;
    }
    .menu-footer{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .callback-bottom-footer{
        margin: 0 auto;
    }
    .bottom-footer{
        text-align: center;
    }
    .shild{
        float: none;
        margin-top: 20px;
    }
    .title-kosmetika-mainpage, .title-parfume-mainpage{
        text-align: center;
        width: 100%;
        background: none;
    }
    .line-top-block{
        display: none;
    }
    .link-all-catalog-mainpage{
        text-align: center;
    }
    .class-open-tovar-parfume-block{
        display: none !important;
    }
    .lupa-open-tovar-parfume-block{
        display: none !important;
    }
    .tovar-parfume-background{
        height: 250px;
    }
    .logo2{
        margin-top: 20px;
        text-align: center;
    }
    .openabout{
        text-align: center;
    }
    .link1{
        text-align: center;
    }
    .cart img{
        margin-right: 0px;
        margin-bottom: 10px;
        display: inline-block;
    }
    .circle-cart{
        position: inherit;
        margin: 0 auto;
        display: inline-block;
    }
    .search-middle-header{
        border: none;
        height: auto;
    }
    .search-middle-header .form-group{
        display: block;
    }
    .form-inline .form-group:first-child{
        width: 100%;
    }
    .search-middle-header .form-group, .btn-search{
        width: 100%;
    }
    .search-input-middle-header{
        width: 100% !important;
        border: 1px solid #343f54; 
        border-radius: 20px;
    }
    .form-group select, .form-select{
        border: none;
        background-position: right 10px top 12px;
    }
    .form-select{
        border: 1px solid #343f54; 
        border-radius: 20px;
    }
    
    .block-parfummianpage, .right-blockbackground-kosmetika{
        text-align: center;
    }
    .block-parfummianpage{
        height: 500px;
    }
    .filter_left_menu{
        display: none;
    }
    .filter_left_menu .owl-carousel{
        display: none !important;
    }
    #input-limit{
        width: 100% !important;
        text-align: right;
        padding-right: 30px;
    }
}
@media(max-width: 600px){
    .block-parfummianpage, .right-blockbackground-kosmetika{
        width: 90%;
    }
    .tovar-parfume-background{
        height: 300px;
    }
    .tovar-parfume-background img{
        width: 65% !important;
    }
}
@media(max-width: 550px){
    .tovar-parfume-background{
        height: 280px;
    }
    .baner img{
        height: 300px;
        object-fit: cover;
    }
}
@media(max-width: 440px){
    .tovar-parfume-background img{
        width: 75% !important;
    }
}
@media(max-width: 400px){
    .menu-footer{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .tovar-parfume-background img{
        width: 85% !important;
    }
}
@media(max-width: 350px){
    .tovar-parfume-background img{
        width: 95% !important;
    }
}
@media(max-width: 1199px){
    .block-akciya{
        background-position: center;
        background-size: cover;
    }
    .specpredlojenie-block img{
        height: 300px;
    }
}
@media(max-width: 991px){
    .specpredlojenie-block img{
        height: 215px;
    }
}
@media(max-width: 767px){
    .specpredlojenie-block img {
        height: auto;
        object-fit: contain;
    }
}
@media(max-width: 450px){
    .baner img{
        height: 250px;
        object-fit: cover;
    }
}
@media(max-width: 390px){
    .baner img{
        height: 200px;
        object-fit: cover;
    }
}
@media(max-width: 1199px){
    .spisok-tovarov-caralog-page{
        grid-template-columns: 1fr 1fr 1fr;
    }
    .block-parfumcatalog{
        width: 217px;
    }
    .tovar-parfume-background-catalog{
        height: 200px;
    }
    .circle-item-tovar{
        height: 220px;
        width: 220px;
    }
    .list-recomenduem-catalog{
        gap: 20px;
    }
    .tovarlist-parfume-background-catalog{
        height: 280px;
    }
}
@media(max-width: 991px){
    .spisok-tovarov-caralog-page{
        grid-template-columns: 1fr 1fr;
    }
    .block-parfumcatalog{
        width: 250px;
    }
    .tovar-parfume-background-catalog{
        height: 230px;
    }
    .list-recomenduem-catalog{
        grid-template-columns: 1fr;
    }
    .item-recomenduem{
        margin-bottom: 0px;
    }
    .price-listtovar-opt, .price-listtovar-rozn{
        text-align: left;
    }
    .tovarlist-parfume-catalog{
        grid-template-columns: 1fr;
        margin-bottom: 40px;
        text-align: center;
    }
    .price-listtovar-opt, .price-listtovar-rozn{
        text-align: center;
    }
    .tovarlist-parfume-background-catalog img{
        width: 50%;
    }
    .kupit-tovar-cataloglist{
        margin: 0 auto;
    }
    .list-recomenduem-catalog .item-recomenduem{
        height: 380px;
        width: 60%;
        margin: 0 auto;
    }
}
@media(max-width: 767px){
    .sortblock-catalog{
        grid-template-columns: 1fr;
        margin-top: 20px;
    }
    .kolvo-tovara-sort{
        text-align: center;
        margin-bottom: 20px;
    }
    .otobrajenie-tovara-block{
        text-align: center;
    }
    .menu-left-click{
        display: none;
    }
    .spisok-tovarov-caralog-page{
        grid-template-columns: 1fr;
    }
    .block-parfumcatalog{
        width: 300px;
        height: 450px;
        margin: 0 auto;
    }
    .tovar-parfume-background-catalog{
        height: 270px;
    }
    .info-tovar-catalog{
        width: 100%;
    }
    .name-tovar-parfume{
        text-align: center;
    }
    .open-leftmenu{
        display: block;
    }
    .tovarlist-parfume-background-catalog{
        height: 250px;
        width: 250px;
        margin: 0 auto;
    }
    .tovarlist-parfume-background-catalog img{
        width: 33%;
    }
    .item-recomenduem{
        width: 60%;
        margin: 0 auto;
    }
    .block-img-recomenmduem:hover.block-img-recomenmduem img{
        width: 80% !important;
    }
    .list-recomenduem-catalog .item-recomenduem{
        height: 380px;
        width: 300px;
        margin: 0 auto;
    }
    .tovarlist-parfume-background-catalog img{
        width: 90%;
    }
}
@media(max-width: 360px){
    .block-parfumcatalog{
        width: 100%;
    }
}
@media(max-width: 340px){
    .tovar-parfume-background-catalog{
        height: 255px;
    }
}
@media(max-width: 330px){
    .tovar-parfume-background-catalog{
        height: 245px;
    }
}
@media(max-width: 500px){
    .item-recomenduem{
        width: 90%;
        height: auto;
        margin-bottom: 70px !important;
    }
    .list-recomenduem-catalog .item-recomenduem{
        height: auto;
        margin-bottom: 20px !important;
    }
}
@media(max-width: 400px){
    .list-recomenduem-catalog .item-recomenduem{
        height: 340px;
        width: 90%;
        margin: 0 auto;
    }
    .block-parfumcatalog{
        width: 90%;
    }
}