/* ==========================================================================
   2500
   ========================================================================== */
@media only screen and (min-width: 2500px)  {
}
/* ==========================================================================
   1920
   ========================================================================== */
@media only screen and (max-width: 1950px)  {
  .table>.product_cat>.img_product_cat {
    height: 400px;
  }
  .xzoom5{
    width: 350px;
  }
}
/* ==========================================================================
   1600
   ========================================================================== */
@media only screen and (max-width: 1680px)  {
  #sl1 {
    background: url("../img/home_banner/1600/1.jpg") no-repeat;
  }
  #sl2 {
    background: url("../img/home_banner/1600/2.jpg") no-repeat;
  }
  #sl3 {
    background: url("../img/home_banner/1600/3.jpg") no-repeat;
  }
  #bg_cat1 {
    background: url("../img/home_banner/1600/4.jpg") no-repeat;
  }
  #bg_cat2 {
    background: url("../img/home_banner/1600/6.jpg") no-repeat;
  }
  #bg_cat3 {
    background: url("../img/home_banner/1600/5.jpg") no-repeat;
  }
  #bg_cat4 {
    background: url("../img/home_banner/1600/7.jpg") no-repeat;
  }
  #sl1, #sl2, #sl3, #bg_cat1, #bg_cat2, #bg_cat3, #bg_cat4 {
    background-position: center center;
    background-size: cover;
  }
  .table>.product_cat{
    width: calc(25% - 7px);
  }
  .table>.product_cat>.img_product_cat {
    height: 350px;
  }
  .copyright-right {
    padding: 20px 5% 0 5%;
  }
}
@media only screen and (max-width: 1400px){
  .table>.product_cat>.img_product_cat {
    height: 300px;
  }
  .footer_box{
    margin: 0 3%;
  }
  .filter_label{
    padding-left: 10px;
    padding-right: 3px;
    font-size: 14px;
    padding-top: 27px;
  }
  .form-show {
    font-size: 16px;
    max-width: 150px;
  }
  .form-show option{
    font-size: 12px;
  }
  .xzoom5{
    width: 300px;
  }
}
@media only screen and (max-width: 1500px){
  .product_calc{
    width: 22%;
  }
}
@media only screen and (max-width: 1400px){
  .product_calc{
    width: 30%;
  }
}
/* ==========================================================================
   1280
   ========================================================================== */
@media only screen and (max-width: 1300px)  {
  #sl1 {
    background: url("../img/home_banner/1280/1.jpg") no-repeat;
  }
  #sl2 {
    background: url("../img/home_banner/1280/2.jpg") no-repeat;
  }
  #sl3 {
    background: url("../img/home_banner/1280/3.jpg") no-repeat;
  }
  #bg_cat1 {
    background: url("../img/home_banner/1280/4.jpg") no-repeat;
  }
  #bg_cat2 {
    background: url("../img/home_banner/1280/6.jpg") no-repeat;
  }
  #bg_cat3 {
    background: url("../img/home_banner/1280/5.jpg") no-repeat;
  }
  #bg_cat4 {
    background: url("../img/home_banner/1280/7.jpg") no-repeat;
  }
  #sl1, #sl2, #sl3, #bg_cat1, #bg_cat2, #bg_cat3, #bg_cat4 {
    background-position: center center;
    background-size: cover;
  }
  #category{
    height: 564px;
  }
  .con_cat, .footer_box{
    flex-wrap: wrap;
    flex: 1;
  }
  .home_cat{
    width: 50%;
    height: 282px;
    border: none;
  }
  #cb1{
    border-right: #ffffff 3px solid;
    border-bottom: #ffffff 3px solid;
  }
  #cb2{
    border-left: #ffffff 3px solid;
    border-bottom: #ffffff 3px solid;
  }
  #cb3{
    border-right: #ffffff 3px solid;
    border-top: #ffffff 3px solid;
  }
  #cb4{
    border-left: #ffffff 3px solid;
    border-top: #ffffff 3px solid;
  }
  footer {
    height: auto;
  }
  .footer_box{
    margin: 0 0;
    padding-bottom: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .footer_section{
    padding: 0;
    margin: 0 50px;
    flex-basis: 290px;
    height: auto;
  }
  #fs1 H3, #fs2 H3 {
    padding-top: 32px;
  }
  #fs3 H3, #fs4 H3 {
    padding-top: 17px;
  }
  .footer_section a{
    font-size: 12px;
  }
  .table>.product_cat{
    width: calc(33.33% - 7px);
  }
  .table>.product_cat>.img_product_cat {
    height: 300px;
  }
  .form-show {
    max-width: 100px;
  }
  .category_menu{
    display: none;
  }
  .category_content{
    border-right: none;
  }
  .product_desk{
    font-size: 0.9em;
  }
  .product_gallery{
    width: auto;
  }
  .product_calc{
    margin-right: 10px;
  }
  .copyright-right {
    padding: 0 5% 10px 5%;
    margin-top: -30px;
  }
}
@media only screen and (max-width: 1250px){
  .product_box{
    flex-wrap: wrap;
  }
  .product_gallery{
    flex-grow: 1;
  }
  .product_desk{
    flex-grow: 1;
  }
  .product_calc{
    flex-grow: 2;
    width: 100%;
  }
  .price_prod{
    margin-left: 30px;
  }
  .mod_prod{
    width: 50%;
    height: auto;
    float: left;
  }
  .table_mod{
    margin-left: 10px;
  }
  .quantity_prod{
    width: 45%;
    float: right;
  }
  .clr-prod{
    display: unset;
  }
  .total_price{
    width: 41%;
    float: right;
    margin-right: 0;
  }
  .add_cart_prod{
    width: 22%;
    margin-right: 16%;
    float: right;
  }
  .header_menu_link{
    margin: 0 10px;
  }
  .text_menu a{
    font-size: 20px;
  }
}
@media only screen and (max-width: 1100px){
  .header_menu_link{
    margin: 0 5px;
  }
  .text_menu a{
    font-size: 18px;
  }
}
/* ==========================================================================
   800
   ========================================================================== */
@media only screen and (max-width: 999px)  {
  header {
    position: absolute!important;
    height: 200px;
    align-items: flex-end;
  }
  .header_logo {
    top: 45px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%);
  }
  .header_menu_link{
    margin: 0 10px;
  }
  .text_menu a{
    font-size: 22px;
  }
  .icon_open{
    display: none;
  }
  #content {
    padding: 415px 0 0 0;
  }
  .header_menu{
    align-items: flex-end;
  }
  .header_menu_link{
    padding-bottom: 16px;
  }
  #right_menu {
    position: absolute;
    left: 0;
    top: 200px;
    width: 100%;
    height: 214px;
    background-color: #dcdcdc;
  }
  .content_menu {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    padding: 0;
  }
  #lm1{
    display: block;
    order: 1;
  }
  #lm2{
    display: block;
    order: 3;
  }
  #cml1{order: 4}
  #cml2{
    order: 2;
    width: 92%;
    margin-bottom: 7px;
  }
  #cml3{order: 5}
  #cml4{order: 6}
  #cml5{order: 7}
  .img_search{display: none}
  #cml2 .search_activ {
    opacity: 1;
    min-width: 100%;
  }
  #cml2:hover .search_activ,
  #cml2:focus .search_activ {
    opacity: 1;
    min-width: 100%;
  }
  .search_inp{width: 60%}
  .content_menu_link {
    margin: 0 3px;
  }
  .content_box{
    margin: 0;
  }
  .contact_activ{
    top: 85px;
    right: 0;
  }
  #footer{
    #width: calc(100% - 30px);
  }
  .footer_section {
    margin: 0 2%;
  }
  .top_scroll {
    background-color: unset;
  }
  .top_scroll:hover{
    border-radius: 50%;
  }
  .table>.product_cat{
    width: calc(50% - 7px);
  }
  .form-show {
    max-width: 150px;
  }
}
@media only screen and (max-width: 880px){
  .form-show {
    max-width: 80px;
  }
  .copyright-right .br {
    display: block; /* или inline-block */
  }
}
@media only screen and (max-width: 800px){
  #sl1 {
    background: url("../img/home_banner/800/1.jpg") no-repeat;
  }
  #sl2 {
    background: url("../img/home_banner/800/2.jpg") no-repeat;
  }
  #sl3 {
    background: url("../img/home_banner/800/3.jpg") no-repeat;
  }
  #bg_cat1 {
    background: url("../img/home_banner/800/4.jpg") no-repeat;
  }
  #bg_cat2 {
    background: url("../img/home_banner/800/6.jpg") no-repeat;
  }
  #bg_cat3 {
    background: url("../img/home_banner/800/5.jpg") no-repeat;
  }
  #bg_cat4 {
    background: url("../img/home_banner/800/7.jpg") no-repeat;
  }
  #sl1, #sl2, #sl3, #bg_cat1, #bg_cat2, #bg_cat3, #bg_cat4 {
    background-position: center center;
    background-size: cover;
  }
  .footer_section {
    margin: 0 0;
  }
  .filter_l_box{
    display: none;
  }
  .form-show {
    width: auto;
    max-width: unset;
  }
}
/* ==========================================================================
   320-520-640
   ========================================================================== */
@media only screen and (max-width: 640px){
  footer {
    height: auto;
  }
  #footer{
    #width: calc(100% - 50px);
  }
  .footer_box{
    flex-direction: column;
    align-items: center;
  }
  .footer_section{
    padding: 0;
    margin: 0;
    width: 290px;
    flex-basis: auto;
    height: auto;
    #border: none;
  }
  #fs1 H3, #fs2 H3, #fs3 H3, #fs4 H3 {
    padding-top: 17px;
  }
  #fs1{
    margin-top: 15px;
  }
  .filter_r_box{
    flex-direction: column;
    width: 100%;
    background-color: #dcdcdc;
  }
  .filter_r_box div{
  }
  .f_show{
    width: 180px;
    margin: 0 auto;
    background-color: #FFFFFF;
  }
  .f_show_span{
    height: 7px;
    background-color: #dcdcdc;
  }
  .f_sort{
    background-color: #FFFFFF;
    width: auto;
    margin: 0 auto;
  }
  .filter_label{
    padding-left: 0;
  }
  .filter_cat{
    height: auto;
  }
}
@media only screen and (max-width: 580px){
  #conteiner {
    min-width: 200px; /* Изменяем min-width для мобильных устройств */
  }
  header {
    height: 275px;
  }
  .header_menu{
    flex-wrap: wrap;
    height: 140px;
  }
  .header_menu_link{
    height: 30px;
  }
  #hml1{
    margin-top: 115px;
    margin-left: 25%;
    order: 1;
  }
  #hml2{
    margin-top: 30px;
    margin-left: 3px;
    order: 3;
  }
  #hml3{
    margin-right: 3px;
    order: 4;
  }
  #hml4{
    margin-right: 25%;
    order: 2;
  }
  #content {
    padding: 490px 0 0 0;
  }
  #right_menu {
    top: 275px;
    height: auto;
  }
  .content_menu {
    flex-wrap: wrap;
    padding: 0;
  }
  .content_menu_link{
    margin-bottom: 7px;
  }
  #category{
    height: auto;
  }
  .con_cat{
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .home_cat{
    width: 100%;
    height: 458px;
    border: none;
  }
  #cb1, #cb2, #cb3, #cb4{
    border: none;
  }
  #cb1, #cb2, #cb3{
    border-bottom: #ffffff 6px solid;
  }
  .gallery_pic img{
    width: 150%;
    height: auto;
  }
  .add_prod_form{
    display: inline-block;
    width: 100%;
  }
  .mod_prod{
    width: auto;
    float: none;
  }
  .quantity_prod{
    width: auto;
    float: none;
  }
  .total_price{
    width: 90%;
  }
  .add_cart_prod{
    width: auto;
    margin: 80px 0 5px 10px;
    padding-right: 5px;
    padding-left: 30px;
    float: unset;
  }
}
@media only screen and (max-width: 500px){
  #hml1{
    margin-left: 21%;
  }
  #hml4{
    margin-right: 21%;
  }
  .sort_mob{
    max-width: 200px;
  }
}
@media only screen and (max-width: 450px){
  #hml1{
    margin-left: 17%;
  }
  #hml4{
    margin-right: 17%;
  }
  .sort_mob{
    max-width: 180px;
  }
}
@media only screen and (max-width: 375px)  {
  #banner, .home_cat{
    height: 282px;
  }
  .text_menu a{
    font-size: 20px;
  }
  #content {
    padding: 597px 0 0 0;
  }
  #lm3{
    display: block;
    order: 7;
  }
  #cml5{order: 8}
  #cml5:hover .contact_activ,
  #cml5:focus .contact_activ{
    opacity: 0;
    cursor: pointer;
  }
  #hml1{
    margin-left: 14%;
  }
  #hml4{
    margin-right: 14%;
  }
  .sort_mob{
    max-width: 160px;
  }
  .filter_label{
    font-size: 10px;
  }
}
@media only screen and (max-width: 320px){
  #sl1 {
    background: url("../img/home_banner/320/1.jpg") no-repeat;
  }
  #sl2 {
    background: url("../img/home_banner/320/2.jpg") no-repeat;
  }
  #sl3 {
    background: url("../img/home_banner/320/3.jpg") no-repeat;
  }
  #sl1, #sl2, #sl3 {
    background-position: center center;
    background-size: cover;
  }
  #bg_cat1 {
    background: url("../img/home_banner/320/4.jpg") no-repeat;
  }
  #bg_cat2 {
    background: url("../img/home_banner/320/6.jpg") no-repeat;
  }
  #bg_cat3 {
    background: url("../img/home_banner/320/5.jpg") no-repeat;
  }
  #bg_cat4 {
    background: url("../img/home_banner/320/7.jpg") no-repeat;
  }
  #bg_cat1, #bg_cat2, #bg_cat3, #bg_cat4 {
    background-position: center center;
    background-size: cover;
  }
  .text_menu a{
    font-size: 18px;
  }
  #hml2{
    margin: 7px 6px 0 0;
  }
  #hml3{
    margin: 7px 0 0 6px;
  }
  #hml1{
    margin-left: 12%;
  }
  #hml4{
    margin-right: 12%;
  }
  .sort_mob{
    max-width: 140px;
  }
  .form-show option {
    font-size: 10px;
  }
}
@media only screen and (max-width: 270px){
  .text_menu a{
    font-size: 14px;
  }
  #hml2{
    margin: 10px 3px 0 0;
  }
  #hml3{
    margin: 10px 0 0 3px;
  }
  #hml1{
    margin-left: 15%;
  }
  #hml4{
    margin-right: 15%;
  }
}
@media only screen and (max-width: 240px){
  #hml1{
    margin-left: 10%;
  }
  #hml4{
    margin-right: 10%;
  }
}
@media only screen and (max-width: 220px){
  #hml1{
    margin-left: 8%;
  }
  #hml4{
    margin-right: 8%;
  }
}