@charset "utf-8";
@media (min-width: 1025px) {
    #hamburger,#megamenu-menu{display: none}
    .menu{display:flex;list-style:none;padding-inline-start: 0;margin-bottom: 0;}
    .podmenu{position:absolute;padding-inline-start:0;list-style:none;background:#FFF;padding:15px;left:-15px;animation:fadeEffect 1s;display:none;width: 290px;padding-top: 40px;}
}
@media (max-width: 1024px) {
    a#hamburger{display:block;position:fixed;top: 61px;right: 15px;background: #27bdce;padding:10px 10px 6px;z-index:1011;width:50px;}
    .flexsl{margin-right:90px}
    .baner{height:600px}
    .pcblock p{font-size:16px}
    .banerzayav{height:650px}
    .flexoa{padding:50px 50px 20px}
    .flexoa .wid40,.flexoa .wid60{width:100%}
    .mar-100{margin-top:-70px}
    .foot2,.foot3{display:none}
    .modal-backdrop.fade.in,.ocblock br{display:none}
    .modal:before{content:"";position:absolute;width:100%;height:100%;background:#00000080}
    .footer{padding-bottom:100px}
    .ocblock{max-width:40%}
    .ocinfo{width:calc(100% - 40px);flex-wrap: wrap;}
    #menu2 li{margin-right:0;padding:15px 0}
    #menu2 li a{font-size:20px;font-weight: 400;color: #151515;text-transform: lowercase;overflow:unset;white-space:unset}
    .mm-panels>.mm-panel>.mm-listview{padding-top:20px}
    #menu2 li a:first-letter{text-transform:uppercase}
    .flexmagcont a{color:#666;transition:.7s}
    .magazblock:hover .flexmagcont a{color:#ffff}
    .flexmagaz{align-items:unset}
}
@media (max-width: 768px) {
    .docum{max-width:44%}
    a#hamburger{top:80px}
    .foot{max-width:48%}
    .col-sm-9{width:100%}
    .ocblock{width:48%;margin-bottom:30px}
    .flexmagcont:last-child{flex-wrap:wrap}
    .magazblock:first-child .flexmagcont:last-child a:last-child{margin-left:40px}
}
@media (max-width: 480px) {
    body{font-size:14px;line-height:17px}
    .container{padding:0 15px}
    .docum{max-width: calc(100% - 70px);margin-bottom:10px;}
    .headcont{display:none}
    .flexsl{margin-right:0}
    .logo{width:calc(100% - 150px)}
    a#hamburger{top:15px}
    .baner h1{font-size:32px}
    .baner p{padding-top:15px;font-size:17px}
    .zaglov p, .banerzayav p, .modal-title{font-size:29px}
    .zaglov span{margin-top:5px}
    .pad100{padding-top:50px}
    .pcblock{width:100%;padding:15px}
    .flexoa{padding:15px 15px 0}
    .preim, .otzblock, .wid60,.wid49,.wid46,.ocblock,.modal-content img,.zayavk,.zayavk input,.wid40,.wid55,.flexsps img,.konop input, .konop textarea{width:100%}
    .zaglov{margin-bottom:30px}
    .column-2{column-count:1;column-gap:0}
    .infootz{flex-direction:column-reverse;align-items:flex-start}
    .stars,.wid49,.header{margin-bottom:20px}
    .otzblock{padding:25px}
    .foot,.ocblock{max-width:100%}
    .flexseti{margin-top:40px}
    .foot4,.mar100{margin-top:50px}
    .footer hr,.mapcont{margin-top:20px}
    .preiminfo p{font-size:18px}
    .modal-content,.konop{flex-wrap:wrap}
    .backnazad{margin-top:40px;margin-bottom:30px}
    .baner{margin-top:-20px}
    .modal-content img{height:220px}
    .zayavk{padding:25px}
    button.close{color:#151515;text-shadow:unset;font-weight:500}
    #menu2 li a{font-size:16px}
    .h1beforka {font-size: 21px}
    .magazblock{width:100%}
    .flewrap{flex-wrap:wrap}
    .magazblock:first-child{margin-bottom:40px}
    [dir="rtl"] .docum{margin-right:auto;margin-top:10px}
}