/* Устройства с очень маленьким экраном (смартфоны, меньше 768px) */

/* Стили CSS (по умолчанию) - для ширины viewport <768px */


.stylyte{

    width: 20px;
    margin: 26px 5px;
    float: right;
    display: none;
    z-index: 1;
    position: relative;
}

.img_search{
    display: none;
}
.text_search{
    display: block;
}
#menu-ulForm a{

    color: #002f34;

}

/* Стили для устройств с шириной viewport, находящейся в диапазоне 320px - 480px

@media (min-width: 240px) {

.stylyte {margin: 15px 5px;}


.logo {margin: 2px 0px 0px 0px;}


.home_menu{width: auto;}

.menu-blok-left-activ{width: 80%;}
.navs{display: none;} 

.home_mans{height: 180px;}

.oporimg{width: 70px;margin: auto;}

.direct_seach{width: auto;padding: 100px 0px 30px 0px;padding-right: 14px;padding-left: 14px;}

.direct{margin-bottom: 0;width: auto; height: auto;display: flex; overflow-x: auto;}

.direct_rub{

    width: auto;

    padding-right: 0px;

    padding-left: 0px;

}

.blok_searchmenu{

    width: auto;

    padding: 0px;

    float: none;

}

#blokmenu-bottom{display: none;}

.linerubrik{

    margin: 40px 0px 10px 0px;

}



.top_menu_all{width: auto;}

.bitcord{width: auto;height: auto;}

.imag-1{margin: 5px 0px 0px 15px;}

.seht{height: 50px;}

.opor{width: 35%; margin: 0px 15px;}



.vip_menu { width: auto;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;}

.pod_vip_menu {

    margin: 0px 1% 0px 1%;

    display: block;

}

.mesto-r{height: auto; display: flow-root;}

.img-cart{display: none;}

.line-search{display: none;}

#myDropdown {width: 180px; margin-top: -5px;}

#myInput {width: 150px;height: 9px;}

#myDropdown2{display: none;}

.submit_seht{display: block;margin: 0px 0px 0px 10px;}





.test-rubric-in{

    text-align: left;

    margin: 40px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

    line-height: 2;

}





.test-rubric-in-vip{

    text-align: left;

    margin: 20px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

}



.lob{float: none;}



.blok_m{

    width: auto;

    margin: 20px 9px 0px 8px;

}



.obj-onla{width: 100%;}



.but_info_busnese{margin: 37px 0px 37px 25px;}



.form-img-onla {

    float: left;

    margin: 0;

}



.flooter {width: 100%;height: auto;}

.styleblokbootom{height: auto;}



.menu-m-active{display: block;}

.logo_obj2{display: none;}

.main-nav{display: none;}



.lob{padding-bottom: 40px;}





.bod_chop{

    max-height: 805px;

    max-width: 500px;

    width: auto;

    float: none;

    margin: 50px 50px 0px 20px;

}

.css-1tknza{width: -webkit-fill-available;}





.cookes{height: 200px;}

.textCookes{display: grid;}

.cookes_button{margin: 35px 30px 0px 0px;}

.textCookes-act{margin: -40px 10px 0px 10px;position: absolute;}

.imgCookes{float: none;margin: -30px 30px 0px 40%;}



.img_search{
    display: block;
}
.text_search{
    display: none;
}
.submit_seht{padding: 7px 12px 7px 12px;height: 49px;}

.imag-1{display: none;}
}


*/








/* Стили для устройств с шириной viewport, находящейся в диапазоне 320px - 480px*/

@media (min-width: 320px) {

.img_search{
    display: block;
}
.text_search{
    display: none;
}
.imag-1{display: none;}

.submit_seht{padding: 7px 12px 7px 12px;height: 49px;}





.stylyte{margin: 15px 5px;}

.logo {margin: 2px 0px 0px 0px;}



.home_menu{width: auto;}

.menu-blok-left-activ{width: 80%;}
.navs{display: none;} 


.home_mans{height: 110px;}

.oporimg{width: 70px;margin: auto;}

.direct_seach{width: auto;padding: 20px 0px 30px 0px;padding-right: 14px;padding-left: 14px;}

.direct{margin-bottom: 0;width: auto; height: auto;display: flex; overflow-x: auto;}

.direct_rub{

	width: auto;

    padding-right: 0px;

    padding-left: 0px;

}

.blok_searchmenu{

	width: auto;

    padding: 0px;

    float: none;

}

#blokmenu-bottom{display: none;}

.linerubrik{

	margin: 40px 0px 10px 0px;

}



.top_menu_all{width: auto;}

.bitcord{width: auto;height: auto;}

.imag-1{margin: 5px 0px 0px 15px;}

.seht{height: 50px;}

.opor{width: 35%; margin: 0px 15px;}



.vip_menu { width: auto;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;}

.pod_vip_menu {

	/*margin: 0px 1% 0px 1%;*/

    display: block;

}

.mesto-r{height: auto; display: flow-root;}

.img-cart{display: none;}

.line-search{display: none;}

#myDropdown {width: 180px; margin-top: -5px;}

#myInput {width: -webkit-fill-available;height: 9px;}

#myDropdown2{display: none;}

.submit_seht{display: block;margin: 0px 0px 0px 10px;}





.test-rubric-in{

	text-align: left;

    margin: 40px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

    line-height: 2;

}





.test-rubric-in-vip{

    text-align: left;

    margin: 20px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

}



.lob{float: none;}



.blok_m{

	width: auto;

	margin: 10px 0px 0px 10px;

}



.obj-onla{
  display:inline-block;
  vertical-align:top;
  width:calc(50% - 5px);                   /* 8px = половина промежутка */
  font-size:16px;                          /* вернуть текстовый размер */
}



.but_info_busnese{margin: 37px 0px 37px 25px;}



.form-img-onla {

    float: left;

    margin: 0;

}



.flooter {width: 100%;height: auto;}

.styleblokbootom{height: auto;}



.menu-m-active{display: block;}

.logo_obj2{display: none;}

.main-nav{display: none;}



.lob{padding-bottom: 40px;}





.bod_chop{

    max-height: 805px;

    max-width: 500px;

    width: auto;

    float: none;

    margin: 50px 50px 0px 20px;

}

.css-1tknza{width: -webkit-fill-available;}





.cookes{height: 200px;}

.textCookes{display: grid;}

.cookes_button{margin: 35px 30px 0px 0px;}

.textCookes-act{margin: -40px 10px 0px 10px;position: absolute;}

.imgCookes{float: none;margin: -30px 30px 0px 40%;}



.stylyte{visibility: hidden;}

}





/* Стили для устройств с шириной viewport, находящейся в диапазоне 480px - 768px*/

@media (min-width: 480px) {
.logo {margin: 2px 0px 0px 0px;}
.bod_chop{

    max-height: 805px;

    max-width: 500px;

    width: auto;

    float: none;

    margin: 50px 50px 0px 20px;

}
.img_search{
    display: block;
}
.text_search{
    display: none;
}
.submit_seht{padding: 7px 12px 7px 12px;height: 49px;}
.css-1tknza{width: -webkit-fill-available;}

.imag-1{display: none;}

.stylyte{visibility: hidden;}

.stylyte{margin: 15px 5px;}







#blokmenu-bottom{display: none;}
.navs{display: none;} 
	

.home_menu{width: auto;}	

.oporimg{width: 70px;margin: auto;}

.home_mans{height: 110px;}

.menu-blok-left-activ{width: 60%;}

.direct_seach{width: auto;padding: 20px 0px 30px 0px;padding-right: 14px;padding-left: 14px;}

.direct{margin-bottom: 0;width: auto; height: auto;display: flex; overflow-x: auto;}

.direct_rub{

	width: auto;

    padding-right: 0px;

    padding-left: 0px;

}

.blok_searchmenu{

	width: auto;

    padding: 0px;

    float: none;

}



.linerubrik{

	margin: 40px 0px 10px 0px;

}

.form-img-onla {

    float: left;

    margin: 0;

}

.mesto-r{height: auto; display: flow-root;}



.vip_menu { width: auto;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;}

.pod_vip_menu {margin: 0px 0% 0px 0%;display: inline;}



.seht{height: 50px;}

.top_menu_all{width: auto;}

.bitcord{width: auto;height: auto;}

.flooter {width: 100%;height: auto;}

.opor{width: 30%;margin: 0px 15px;}



.imag-1{margin: 5px 0px 0px 15px;}

.img-cart{display: none;}

.line-search{display: none;}

#myDropdown {width: 320px; margin-top: -5px;}

#myInput {width: -webkit-fill-available;height: 9px;}

#myDropdown2{display: none;}

.submit_seht{display: block;margin: 0px 0px 0px 10px;}



.test-rubric-in{

	text-align: left;

    margin: 40px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

    line-height: 2;

}



.test-rubric-in-vip{

    text-align: left;

    margin: 20px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

}



.lob{float: none;}



.lob{padding-bottom: 40px;}

.blok_m{

	margin: 10px 0px 0px 10px;

}



.but_info_busnese{margin: 37px 0px 37px 120px;}

.obj-onla{
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 5px);
        font-size: 16px;

}

.styleblokbootom{height: auto;}





.menu-m-active{display: block;}

.logo_obj2{display: none;}

.main-nav{display: none;}







.cookes{height: 165px;}

.textCookes{display: grid;}

.cookes_button{margin: 65px 30px 0px 0px;}

.textCookes-act{margin: -20px 10px 30px 10px;position: absolute;}

.imgCookes{float: left;margin: -20px 30px;}

    

}







@media (min-width: 640px) {
.imag-1{display: block;}
.submit_seht{
    padding: 7px 40px 7px 40px;
    height: 45px;
}
.stylyte{visibility: visible;}

.img_search{
    display: none;
}
.text_search{
    display: block;
}

.logo {margin: 2px 0px 0px 0px;}
.textCookes-act{margin: -32px 5px;position: unset;}

.cookes{height: 100px;}

.textCookes{display: flex;}

.cookes_button{margin: -12px 30px;}





.css-1tknza{width: 86%;}

.bod_chop {

    max-height: 805px;

    max-width: 500px;

    width: 1250px;

    float: none;

    margin: 100px auto;

}



}



























/* Стили для устройств с шириной viewport, находящейся в диапазоне 768px - 991px */

@media (min-width: 768px) {
.logo {margin: 2px 0px 0px 20px;}






.textCookes-act{margin: auto;}







.lob{padding-bottom: 0px;}



#blokmenu-bottom{display: none;}

.menu-blok-left{display: none;}
.navs{display: block;}   
	

.home_menu{width: auto;}

.oporimg{width: 70px;margin: auto;}

.home_mans{height: 180px;}



.direct_seach{width: auto;padding: 100px 0px 30px 0px;padding-right: 14px;padding-left: 14px;}

.direct{margin-bottom: 0;width: auto; height: auto;display: flex; overflow-x: auto;}

.direct_rub{

	width: auto;

    padding-right: 0px;

    padding-left: 0px;

}

.blok_searchmenu{

	width: auto;

    padding: 0px;

    float: none;

}



.linerubrik{

	margin: 40px 0px 10px 0px;

}



.vip_menu { width: auto;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;}

.pod_vip_menu {margin: 0px 0% 0px 0%; display: inline;}



.top_menu_all{width: auto;}

.bitcord{width: auto; height: 330px;}

.flooter {width: 100%;height: 330px;}

.opor{width: 15%;margin: 0px 20px;}


.stylyte {width: 20px;margin: 15px 5px;}
.seht{height: 50px;}

.imag-1{margin: 5px 0px 0px 15px;}

.img-cart{display: none;}

.line-search{display: none;}

#myDropdown {width: max-content; margin-top: -5px;}

#myInput {width: -webkit-fill-available;height: 9px;}

#myDropdown2{display: none;}

.submit_seht{display: block; margin: 0px 0px 0px 10px;}



.mesto-r{height: auto;display: flow-root;}



.test-rubric-in{

	text-align: left;

    margin: 40px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

    line-height: 2;

}



.lob{float: left;}







.test-rubric-in-vip{

    text-align: left;

    margin: 20px 20px 20px 20px;

    font-size: 22px;

    border-bottom: 1px solid;

}





.blok_m{
	margin: 10px 0px 0px 10px;

}

.form-img-onla {

    float: left;

    margin: 8px 10px 10px 90px;

}



.obj-onla{
        display: inline-block;
        vertical-align: top;
        width: calc((100% - 12px) / 3);
        font-size: 16px;
}

.styleblokbootom{height: 330px;}



.menu-m-active{display: none;}

.logo_obj2{display: block;}

.main-nav{display: block;}

}



/* Стили для устройств с шириной viewport, находящейся в диапазоне 992px - 1199px */

@media (min-width: 992px) {

.stylyte{margin: 26px 5px;}


#blokmenu-bottom{display: block;}




.oporimg{width: 70px;margin: auto;}

.home_mans{height: 180px;}

.seht{height: 70px;}

.direct_seach{width: auto;padding: 100px 0px 30px 0px;padding-right: 24px;padding-left: 24px;}

.direct{margin-bottom: 40px;width: auto; height: auto;display: flow-root;overflow-x: hidden;}

.direct_rub{

	width: 1029px;

    padding-right: 24px;

    padding-left: 24px;

}

.blok_searchmenu{

	width: 100%;

    padding: 0px;

    float: none;

}



.linerubrik{

	margin: 20px 0px;

}



.vip_menu { width: auto;margin-right: auto;margin-left: auto;padding-right: 0px;padding-left: 0px;}

.pod_vip_menu {margin: 0px 1% 0px 1%; display: inline;}



.top_menu_all{width: auto;}

.bitcord{width: auto;}



.opor{width: 10%;margin: 0px 8px;}



.imag-1{margin: 15px 0px 0px 25px;}

.img-cart{display: block;}

.line-search{display: block;}

#myDropdown {width: 350px; margin-top: 0px;}

#myInput {width: -webkit-fill-available;;height: 19px;}

#myDropdown2{display: block;}

.submit_seht{display: block;margin: 13px 20px 0px 10px;}



.mesto-r{height: auto;display: flow-root;}

.test-rubric-in{

    text-align: center;

    margin: 60px 0px 0px 0px;

    font-size: 28px;

    border-bottom: none;



}





.test-rubric-in-vip{

    text-align: center; 

    margin: 40px 0px 40px 0px; 

    font-size: 28px; 

    border-bottom: none;

}





.blok_m{
	margin: 10px 0px 0px 8px;
}





.obj-onla{
        width: calc((100% - 8px) / 4);
        font-size: 16px;
    }

}



/* Устройства с большим экраном (компьютеры, 1200px и выше) */

/* Стили для устройств с шириной viewport >1200px */

@media (min-width: 1200px) {

.oporimg{width: 70px;margin: auto;}

.home_mans{height: 340px;}



.direct_seach{width: 1130px;padding: 160px 0px 30px 0px;padding-right: 24px;padding-left: 24px;}

.direct{width: 1029px;height: auto;display: flow-root; overflow-x: hidden;}



.direct_rub{

	width: 1029px;

    padding-right: 24px;

    padding-left: 24px;

}

.blok_searchmenu{

	width: 100%;

    padding: 0px;

    float: none;

}

.linerubrik{

	margin: 20px 0px;

}

.vip_menu { width: 1130px;margin-right: auto;margin-left: auto;padding-right: 24px;padding-left: 24px;}

.pod_vip_menu {margin: auto; display: inline;}





.top_menu_all{width: 1130px;}

.bitcord{width: auto;}



.seht{height: 70px;}

.opor{width: 10%;;margin: 0px 10px;}



.img-cart{display: block;}

.line-search{display: block;}

#myDropdown {width: 550px; margin-top: 0px;}

#myInput {width: 520px;height: 19px;}

.imag-1{margin: 15px 0px 0px 25px;}

#myDropdown2{display: block;}

.submit_seht{display: block;}





.mesto-r{height: 90px; display: block;}





.test-rubric-in{

    text-align: center;

    margin: 60px 0px 0px 0px;

    font-size: 28px;

    border-bottom: none;



}



.test-rubric-in-vip{

    text-align: center; 

    margin: 40px 0px 40px 0px; 

    font-size: 28px; 

    border-bottom: none;

}







.blok_m{
	margin: 10px 0px 0px 10px;
}







.obj-onla{
        width: calc((100% - 5px) / 4);
        font-size: 16px;
}



}




/*
@media (min-width: 320px) {#myDropdown{width: 190px;}}
@media (min-width: 330px) {#myDropdown{width: 210px;}}
@media (min-width: 350px) {#myDropdown{width: 230px;}}
@media (min-width: 370px) {#myDropdown{width: 250px;}}
@media (min-width: 390px) {#myDropdown{width: 270px;}}

@media (min-width: 410px) {#myDropdown{width: 290px;}}
@media (min-width: 430px) {#myDropdown{width: 310px;}}
@media (min-width: 460px) {#myDropdown{width: 340px;}}
@media (min-width: 490px) {#myDropdown{width: 370px;}}

@media (min-width: 520px) {#myDropdown{width: 400px;}}
@media (min-width: 550px) {#myDropdown{width: 420px;}}
@media (min-width: 580px) {#myDropdown{width: 460px;}}
@media (min-width: 610px) {#myDropdown{width: 490px;}}
*/


@media (min-width: 320px) {#myDropdown{width: 240px;}}
@media (min-width: 330px) {#myDropdown{width: 250px;}}
@media (min-width: 350px) {#myDropdown{width: 270px;}}
@media (min-width: 370px) {#myDropdown{width: 290px;}}
@media (min-width: 390px) {#myDropdown{width: 310px;}}

@media (min-width: 410px) {#myDropdown{width: 330px;}}
@media (min-width: 430px) {#myDropdown{width: 350px;}}
@media (min-width: 460px) {#myDropdown{width: 380px;}}
@media (min-width: 490px) {#myDropdown{width: 410px;}}

@media (min-width: 520px) {#myDropdown{width: 440px;}}
@media (min-width: 550px) {#myDropdown{width: 470px;}}
@media (min-width: 580px) {#myDropdown{width: 500px;}}

@media (min-width: 610px) {#myDropdown{width: 530px;}}




@media (min-width: 640px) {#myDropdown{width: 390px;}}
@media (min-width: 670px) {#myDropdown{width: 420px;}}

@media (min-width: 710px) {#myDropdown{width: 460px;}}
@media (min-width: 740px) {#myDropdown{width: 490px;}}
@media (min-width: 770px) {#myDropdown{width: 520px;}}

@media (min-width: 810px) {#myDropdown{width: 560px;}}
@media (min-width: 840px) {#myDropdown{width: 590px;}}
@media (min-width: 870px) {#myDropdown{width: 620px;}}

@media (min-width: 910px) {#myDropdown{width: 660px;}}
@media (min-width: 940px) {#myDropdown{width: 690px;}}

@media (min-width: 970px) {#myDropdown{width: 720px;}}
@media (min-width: 992px) {#myDropdown{width: 360px;}}


@media (min-width: 1010px) {#myDropdown{width: 380px;}}
@media (min-width: 1030px) {#myDropdown{width: 400px;}}
@media (min-width: 1060px) {#myDropdown{width: 430px;}}
@media (min-width: 1080px) {#myDropdown{width: 450px;}}
@media (min-width: 1110px) {#myDropdown{width: 480px;}}
@media (min-width: 1130px) {#myDropdown{width: 500px;}}
@media (min-width: 1160px) {#myDropdown{width: 530px;}}
@media (min-width: 1180px) {#myDropdown{width: 550px;}}