@media (max-width:1300px) {
    .nav-item[data-id="katalog"] .nav-sublist .nav-sublist-link {padding: 15px 8px;}

}


@media (max-width:1200px) {
    .centrovka {width:94%;}
    .header {padding-bottom: 30px;     padding-top: 75px;}
    .topbar {position: fixed; top: 0;left: 0;width: 100%;     z-index: 20;}
    .btnmobmenu {
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px;
        background: transparent;
        border: none;
    }
    .lineBurger {
        width: 100%;
        margin: 2px 0;
        display: block;
        background: #fff;
        height: 3px;
    }
    .menuintblok {overflow: hidden;  width: 100%; position: fixed; top: 0; bottom: 0; left: -100%; z-index: 105; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; background-color: #fff; max-width: 300px; padding: 30px 0 0 0;}
    .mobilmenu .menuintblok {left: 0;}
	.mobilmenu .bigexit {display: block; background-color: rgba(0, 0, 0, 0.4); position: fixed; top: 0;left: 0;right: 0;bottom: 0; z-index: 101;}
	.nav-sublist {opacity: 0; visibility: hidden; background: #fff; overflow: hidden auto; z-index: 1; position: fixed; top: 0; left: -110%; height: 100%; width: 250px; -webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;transition:all 0.6s ease; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
	.mobilmenu .nav-sublist.active {left:0; opacity: 1; visibility: visible!important;     z-index: 3;}
	.mobilmenu .nav-sublist.active.oldActive {overflow:hidden;}
    .nav-item[data-id="katalog"] {position: initial; background-color: initial;}
    .nav-list {display: block;}
    .nav-item[data-id="katalog"] .nav-sublist {display: block;     padding: 0;}
    .nav-item[data-id="katalog"] > .nav-link {display: block;}
    .nav-link {color: #333;}
    .nav-link-parent::after {
        width: 4px;
        height: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 20px;
        border-width: 2px;
	border-color: #333;
	border-style: solid;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	margin: auto;
	z-index: 1;
	content: "";
	-webkit-transform: rotate( -45deg );
	             -ms-transform: rotate(-45deg);
	             transform: rotate( -45deg );
    }
    .btn_exit {
        cursor: pointer;
        background-image: url(sidebar_menu-button_close.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px auto;
        width: 52px;
        height: 40px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        background-color: transparent;
        border: none;
        display: block;
    }
    .mkat_btnBack {
        font-size: 14px;
        width: 100%;
        border: none;
        background: #fff;
        text-align: left;
        display: block;
        padding: 12px 20px 12px 50px;
        position: relative;
        font-weight: bold;
        cursor: pointer;
    }
    .mkat_btnBack::after {
        width: 4px;
        height: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        border-width: 2px;
	border-color: #000;
	border-style: solid;
	border-bottom: 2px solid transparent;
	border-right: 2px solid transparent;
	margin: auto;
	z-index: 1;
	content: "";
	-webkit-transform: rotate( -45deg );
	             -ms-transform: rotate(-45deg);
	             transform: rotate( -45deg );
    }
    .mkat_titleLink {
        display: block;
        padding: 12px 20px 12px 50px;
        color: #FFFFFF;
        font-weight: bold;
        text-decoration: none;
        border-top: 1px solid #E9E9E9;
        position: relative;
        z-index: 0;
        background-color: #333333;
    }
    .mkat_titleLink::after {
        width: 4px;
        height: 4px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 20px;
        border-width: 2px;
	border-color: #fff;
	border-style: solid;
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	margin: auto;
	z-index: 1;
	content: "";
	-webkit-transform: rotate( -45deg );
	             -ms-transform: rotate(-45deg);
	             transform: rotate( -45deg );
    }
    .nav-item[data-id="katalog"] .nav-sublist .nav-sublist-link,
    .nav-item[data-id="katalog"] .nav-sublist.sublist_lv3 .nav-sublist-link.sublist-link_lv3  {padding: 12px 30px 12px 20px; color: #333; display: block;    text-align: left;}
    .sublist-item_lv2.nav-item-parent:hover .nav-sublist.sublist_lv3 {visibility: hidden;}
    .sublist-item_lv2.nav-item-parent>a::before {display: none;}
    .nav-sublist.sublist_lv3 {    top: 0!important; display: block!important; background: #fff;}
    .nav-item[data-id="katalog"] .nav-sublist.sublist_lv3[data-id="professionalnye-semena-ovoshchej"] .nav-sublist-item {width: 100%;}
    .nav-item[data-id="katalog"].fix {position: initial; background-color: initial;}
    #global1 {width: 80%;}
}/*@media*/




@media (max-width:990px) {
    .centrovka {width: 92%;}

    .katalog_object {    flex: 1 1 48%;
        -webkit-flex: 1 1 48%;
        -ms-flex: 1 1 48%;
        -webkit-box-flex: 1 1 48%;
        max-width: 48%;}
        .katalog_object:after {padding-top: 30%!important;}
        .katalog_object:before {top: 10%;}
        .kont_blok .contentText p {width: 100%;}
        .settov .contentBody .object {width:31.333%;}
        
}/*@media*/

@media (max-width:890px) {
    .garantii_object {width: 30%;}
    .contentTitle {font-size: 30px;}
    .bloklogo {width: 100%; order: 0;
        -webkit-order: 0;
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1; margin-bottom: 20px;}
    .heder-card.adreswt { order: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;}
    .heder-card.telkart     {order: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;}
        .valid_anonsi .contentBody {justify-content: center;}
        .popular_object {width: 31.333%; margin-bottom: 20px;}
        .copiraitblok {width: 100%; display: flex;
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            -webkit-box-pack: space-between;
            -ms-flex-pack: space-between; margin-bottom: 20px;}
    #global3 {width: 100%;}
    .cont_txt .contentImage, .cont_txt .objectImage {display: block; margin: 0 auto 20px auto; float: none; }
    .settov .contentBody .object {width:48%;} 
    .full_content .btn_blok {width: 100%;}
    .full_content .btn_blok .buttonSend {display: inline-block; width: auto;}
    .full_content .objectNote {width: 50%;}


}
@media (max-width:770px) {
    #smeta .stroka .nazvanie, #smeta .stroka .cenkolsum {width: 100%; margin-bottom: 20px;}
    #smeta .stroka .cena {width: auto;}
    .kozin .knop_blok {display: block;}
    .kozin .knop_blok .knopka {    margin-bottom: 10px;        display: block;        max-width: 300px;        text-align: center;}
    .full_content .objimage {width: 50%; margin-bottom: 15px;}
    .full_content .blokdats {width: 100%;}
}

@media (max-width:600px) {
    .katalog_object, .big.katalog_object.obj1, .big.katalog_object.obj6 {    flex: 1 1 100%;
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        -webkit-box-flex: 1 1 100%;
        max-width: 100%;}
    .garantii_object {width: 100%; min-height: 60px; position: relative; text-align: left; padding-left: 80px;}
    .garantii_object .objectImage {width: 60px; height: 60px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
    #global1 {width: 80%;}
    #searchForm {max-width: 200px;}

    #global3 .content {width: 100%; margin-bottom: 20px;     text-align: center;}
    #global3 .content.contcat {display: none;}
    .footer .contentTitle {text-align: center;}
    #global3 .cont_txt .object {max-width: 140px;     margin-left: auto;        margin-right: auto;}

}/*@media*/

@media (max-width:550px) {
    .contentTitle {font-size: 25px;}
    .heder-card {width: 100%; margin-bottom: 10px;     max-width: 100%; display: flex; }
    .adres, .worktime {width: 50%;    }
    .phone, #global2 {width: 50%;}
    .linkGoCart {margin-top: 0;}
    .popular_object {width: 48%;}
    .copiraitblok {display: block; text-align: center;}
    .settov .cenakolvo, .settov .btn_blok {width: 100%; position: relative; bottom: 0;right: 0;}
    .settov .cenakolvo {margin-bottom: 15px;}
    .full_content .objimage,.full_content .objectNote {width: 100%; margin-bottom: 10px;} 
    #smeta .pole {display: block;}
    #smeta .stroka .risunok {margin: 0 auto 20px auto;}
    #smeta .stroka .cont {width: 100%;}
    #smeta .stroka .nazvanie {text-align: center;} 
    #smeta .stroka .cenkolsum {justify-content: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;}
        #smeta .stroka .stoim {width: auto;}
}


@media (max-width:400px) {
    #global1 #menuLink {display: none;}
    #smeta .stroka .cenkolsum {display: block;}
    #smeta .stroka .cena, #smeta .stroka .stoim {text-align: center;}
    #smeta .stroka .kolvo {margin: 10px auto;}
 }

 @media (max-width:350px) {
    .heder-card {flex-wrap: wrap;     text-align: center;}
    .linkGoCart {max-width: 140px;     margin: auto;}
    .adres, .worktime {width: 100%;    }
    .phone, #global2 {width: 100%;}

 }