@media only screen and (max-width: 1200px) {
    html, body { zoom: 0.9; }
}

@media only screen and (max-width: 1024px) {
    html, body { zoom: 0.8; }
}

@media only screen and (max-width: 768px) {
    html, body { zoom: 0.7; }
}

@media only screen and (max-width: 667px) {
    html, body { zoom: 0.65; }
}

@media only screen and (max-width: 500px) {
    html, body { zoom: 1; }
    
    body { font-size: 14px; }
    
    img { max-width: 100%; }
    
    div.all_lines { max-width: 100%; margin-left: 10px; margin-right: 10px; }
    header { height: 764px; background: #0B0E44; position: relative; }
    header._opened { height: 1200px; }
    header div.menulink { position: absolute; left: 0px; top: 0px; bottom: auto; width: auto; right: 0px; height: 59px; }
    header div.menulink img.bon { bottom: auto; top: -42px; left: 70px; transform: rotate(90deg); }
    header div.menulink img.menu { top: 25px; left: auto; right: 8px; }
    header div.menulink img.close { position: absolute; top: 16px; cursor: pointer; right: 12px; }
    header div.menulink img.close_show { display: inline; }
    
    header div.workzone { left: 0px; top: 59px; bottom: auto; right: 0px; height: 764px; }
    header._opened div.workzone { height: 1200px; }
    header div.workzone div.logo { position: absolute; top: 45px; left: 10px; }
    header div.workzone div.logo svg { width: 180px; height: 32px; }
    header div.workzone div.phone { display: none; }
    header div.workzone div.main div.text { position: relative; margin-left: 10px; margin-top: 111px; top: auto; width: auto; margin-right: 10px; left: auto; }
    header div.workzone div.main div.text div.tit { font-size: 34px; }
    header div.workzone div.main div.text h1.tit { font-size: 34px; }
    header div.workzone div.main div.text div.tex { margin-top: 13px; font-size: 14px; line-height: 18px; }
    header div.workzone div.main div.block { right: 10px; left: 10px; bottom: 140px; }
    header div.workzone div.main div.circle { bottom: 50px; right: auto; left: 50%; margin-left: -200px; width: 400px; height: 400px; border-radius: 400px; }
    header div.workzone div.main div.fon { left: -10px; right: -10px; }
    header div.workzone div.main div.play { width: 110px; height: 110px; right: 30px; top: auto; bottom: 140px; background-size: cover; }
    
    
    header div.workzone div.main_menu { }
    header div.workzone div.main_menu img.close { display: none; }
    header div.workzone div.main_menu div.textdssdsda { position: relative; left: auto; top: auto; margin-top: 158px; margin-left: 10px; }
    header div.workzone div.main_menu div.textdssdsda div.elem { margin-bottom: 15px;  }
    header div.workzone div.main_menu div.textdssdsda div.elem a { font-size: 20px; }
    header div.workzone div.main_menu div.textdssdsda div.adr { margin-top: 30px; }
    header div.workzone div.main_menu div.textdssdsda div.adr div { display: block; margin-right: 0px; font-size: 14px; margin-top: 10px; }
    header div.workzone div.main_menu div.textdssdsda div.adr div a { font-size: 20px; color: rgba(255,255,255,1); display: block; }
    header div.workzone div.main_menu div.textdssdsda div.adr div a.tell { display: block; margin-top: 10px; }
    header div.workzone div.main_menu div.circle { display: none; }
    header div.workzone div.main_menu div.form { position: relative; bottom: auto; right: auto; background: none; box-shadow: none; backdrop-filter: none; width: auto; height: auto; padding-left: 0px; padding-top: 0px; }
    header div.workzone div.main_menu div.form div.tit { width: 80%; margin-top: 50px; }
    header div.workzone div.main_menu div.form div.input { margin-right: 0px; }
    header div.workzone div.main_menu div.form div.checkbox { margin-top: 20px; }
    
    
    div.fb div.in { background: #fff; padding-top: 85px; padding-bottom: 85px; }
    div.fb div.in div.text { width: 100%; font-size: 14px; line-height: 18px; box-sizing: border-box; padding-right: 0px; }
    div.fb div.in div.elems { width: 100%; margin-top: 75px; }
    div.fb div.in div.elems div.elem { display: inline-block; width: 48%; vertical-align: top; padding-top: 70px; height: 60px; }
    div.fb div.in div.elems div.elem span { font-size: 10px; line-height: 13px; }
    
    div.fb div.in div.newelem { height: auto; margin-bottom: 70px; }
    div.fb div.in div.newelem div.e { width: 100%; }
    div.fb div.in div.newelem div.e div.t { width: 100%; font-size: 30px; line-height: 1.3; }
    div.fb div.in div.newelem div.e img { margin-top: 40px; max-height: 424px; width: 90%; }
    
    div.sb div.in { padding-top: 0px; padding-bottom: 70px; }
    div.sb div.in div.tit { font-size: 34px; }    
    div.sb div.bottomblock { position: absolute; bottom: -1px; left: 50%; margin-left: -110px; height: 34px; width: 220px; }
    div.prim_mobile { display: block; margin-top: 40px; }
    div.prim_mobile div.text { display: inline-block; width: 100%; vertical-align: top; font-size: 14px; line-height: 18px; box-sizing: border-box; margin-top: 0px; }
    div.prim_mobile div.text p { max-width: 90%; box-sizing: border-box; padding-left: 30px; margin-bottom: 5px; margin-top: 0;
        /* background: url(/files/icon.png) no-repeat;  */
        background-position-x: left; background-position-y: 3px; }
    
    div.sb div.in div.landscape div.action { display: none; }
    div.sb div.in div.landscape div.action {
        display: block;
        margin-left: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 100;
    }
    div.sb div.in div.landscape div.action div.comment { display: none; }
    div.sb div.in div.landscape { height: auto; margin-top: 0px; }
    div.sb div.in div.landscape img.fon { position: relative; left: auto; margin-left: 0; width: 100%; height: auto; top: auto; z-index: 0; }
    
    div.tb div.in { padding-top: 40px; padding-bottom: 56px; }
    div.tb div.in div.text { width: 100%; font-size: 14px; line-height: 18px; padding-right: 0px; }
    div.tb div.in div.text div.tit { font-size: 34px; margin-bottom: 0px; }
    div.tb div.in div.text div.iblock { display: block; margin-top: 40px; margin-bottom: 40px; }
    div.tb div.in div.block { display: none; }
    
    div.fub div.in { padding-top: 80px; padding-bottom: 56px; }
    div.fub div.in div.text { width: 100%; font-size: 14px; line-height: 18px; padding-right: 0px; }
    div.fub div.in div.text div.tit { font-size: 34px; margin-bottom: 0px; }
    div.fub div.in div.block { display: none; }
    div.fub div.in div.text div.iblock { display: block; margin-top: 40px; margin-bottom: 40px; }
    div.fub div.topblock { position: absolute; top: -1px; margin-left: -110px; height: 34px; width: 220px; }
    
    
    div.ffb div.in { padding-top: 70px; padding-bottom: 80px; }
    div.ffb div.in div.tit { font-size: 34px; }    
    div.ffb div.in div.text { width: 100%; font-size: 14px; line-height: 18px; margin-top: 0px; }    
    div.ffb div.in div.block { width: 100%; height: 250px; padding-top: 15px; background-size: cover; }
    div.ffb div.in div.block span { display: inline-block; width: 50%; }
    div.ffb div.in div.block div.play { position: absolute; width: 50px; height: 50px; background: url(/files/playyt.png); background-size: cover; top: 50%; left: 50%; margin-left: -25px;  margin-top: -25px; }
    div.ffb div.bottomblock { position: absolute; bottom: -1px; left: 50%; margin-left: -110px; height: 34px; width: 220px; }
    
    
    div.sixb div.in { background: #fff; padding-top: 70px; padding-bottom: 20px; }
    div.sixb div.in div.tit { font-size: 34px; }
    div.sixb div.in div.textblock { margin-top: 30px; height: auto; background-image: none !important; padding-top: 230px; }
    div.sixb div.in div.textblock div.tb { position: relative; font-size: 14px; line-height: 18px; background-color: rgba(158, 172, 213, 0.2); padding: 24px; box-sizing: border-box; margin-top: 4px; }
    div.sixb div.in div.textblock div.t_1 { left: auto; top: auto; width: auto; }
    div.sixb div.in div.textblock div.t_2 { left: auto; top: auto; width: auto; }
    div.sixb div.in div.textblock div.t_3 { left: auto; top: auto; width: auto; }
    div.sixb div.in div.textblock div.t_4 { right: auto; top: auto; width: auto; text-align: left; }
    div.sixb div.in div.textblock div.t_5 { right: auto; top: auto; width: auto; text-align: left; }
    div.sixb div.in div.textblock div.t_6 { right: auto; top: auto; width: auto; text-align: left; }
    div.sixb div.in div.textblock div.t_7 { right: auto; top: auto; width: auto; text-align: left; }
    div.sixb div.in div.textblock div.galery { position: absolute; left: 0px; margin-left: 0px; width: 100%; height: 230px; top: 0px; }
    div.sixb div.in div.textblock div.galery div.pleft { left: 35%; top: 80%; margin-top: 0px; z-index: 6; }
    div.sixb div.in div.textblock div.galery div.pright { right: 35%; top: 80%; margin-top: 0px; z-index: 5; }
    div.sixb div.in div.textblock div.galery div.img { z-index: 4; }
    
    div.videoblock div.in { padding-bottom: 0px; padding-top: 0px; margin-top: 40px; }
    div.videoblock div.in div.vb { height: 170px; }
    div.videoblock div.in div.vb div.i div.play { position: absolute; width: 50px; height: 50px; background: url(/files/playyt.png); background-size: cover; margin-left: -25px;  margin-top: -25px; }
    
    
    div.nextsb {  }
    div.nextsb div.in { padding-top: 55px; padding-bottom: 80px; }
    div.nextsb div.in div.block { display: inline-block; width: 100%; vertical-align: top; }
    div.nextsb div.in div.block div.tit { font-size: 34px; }
    div.nextsb div.in div.block div.text { margin-top: 30px; font-size: 14px; line-height: 18px; }
    div.nextsb div.in div.comp { display: none; }
    div.nextsb div.in div.iblock { display: block; margin-top: 40px; margin-bottom: 40px; }
    div.nextsb div.bottomblock { margin-left: -110px; height: 34px; width: 220px; }
    
    
    div.z div.in div.bottomform { background: none; box-shadow: none; backdrop-filter: none; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }    
    div.z div.in div.bottomform div.checkbox { display: inline-block; width: 100%; margin-top: 35px; padding-left: 36px; font-size: 14px; color: rgba(255,255,255,0.5); box-sizing: border-box; vertical-align: top; text-align: left;  }
    div.z div.in div.bottomform div.but { display: inline-block; width: 50%; margin-top: 22px; padding: 15px; text-align: center; font-size: 14px; color: #0B0E44; line-height: 22px; background: #fff; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: translateZ(0); vertical-align: top; }
    div.z div.in div.bottomform div.leftb { display: inline-block; width: 100%; vertical-align: top; padding-right: 0px; box-sizing: border-box; }
    div.z div.in div.bottomform div.rightb { display: inline-block; width: 100%; vertical-align: top; padding-left: 0px; box-sizing: border-box; text-align: left; }
    
    footer { height: auto; padding-top: 50px; padding-bottom: 50px; }
    footer div.elem { width: 100%; margin-top: 0px; height: auto; }
    footer div.elem div.logo { padding-bottom: 30px; }
    footer div.elem_middle { width: 100%; }
    footer div.elem_last { width: 100%; text-align: left !important; margin-top: 30px; }
    footer div.elem img.bon { display: none; }
    footer div.elem div.textdssdsda div.adr { display: none; }
    footer div.vbline { margin-top: 20px; }
    footer div.elem_last div.adr { display: block; color: rgba(255,255,255,0.5); font-size: 14px; font-weight: normal; text-decoration: none !important; margin-top: 10px; margin-bottom: 20px; }
    footer div.elem_last div.adr div { margin-top: 10px; }
    footer div.elem_last div.adr a { font-weight: normal; text-decoration: underline; color: rgba(255,255,255,0.5); }
    footer div.pm div.adr div { text-decoration: none !important; }
    footer div.vbline img.bon { display: block; margin-top: 20px; margin-bottom: 20px; opacity: 0.3; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: translateZ(0); }
    footer div.vbline img.bon:hover { opacity: 1; }
    
    div.overWindow { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;  background-color: rgba(0,0,0,0.8); z-index: -10000; opacity: 0; }
    div.overWindow.showed { z-index: 100; opacity: 1; }
    div.overWindow div.in { position: absolute; top: 50%; margin-top: -110px; left: 0px; margin-left: 0px; width: 100%; height: 220px; background-color: #fff; overflow-y: auto; line-height: 0; } 
    div.overWindow img.xxx { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 20px; }
}