@media only screen and (max-width : 320px){
    body {width:300px;padding:0}
    #header .logo {margin-left:10px}
    .block1 ol {margin:0}
    .block1 li {margin-left:45px}
    .block2, .block5 {padding:30px}
    .block2c, .block2r {width:100% !important}
    .block3l, .block3l1, .block3l2, .block3r, .block4l {width:100% !important;margin:0px}
    .block3, .block4 {margin:0px;padding:30px}
    .block5 .block5r {float:left}
}
@media only screen and (max-width : 700px){
    .block5 .block5r {float:left}
    .block5 .block5l, .block5 .block5r {width:100% !important;min-height:100px}
    .block5 h4, .block5 p {margin-right:100px}
    .contform {width:90%}
    #tabservs * {padding-left:0 !important;margin-left:0 !important}
    .ullistdoc {min-width:96% !important;min-height:60px !important}
}
@media only screen and (max-width : 1140px){
    #header #hdr .minitel{display:none}
    #page {width:100%}
    #header {width:100%;padding-bottom:15px}
    .headmain {height:auto;overflow:hidden}
    .headmain li span {height:0 !important}
    #header ul li {margin:8px 4% 5px 4%}
    #header ul li:first-child {width:100%;margin:65px 0 0 0}
    #header .logo {margin-top:65px;text-align:center}
    #varmesg {position:relative;display:none}
    #header #hdr .tel {position:absolute;top:15px;right:10px;font-size:18px}
    #header #hdr .mail {position:absolute;top:35px;right:10px}
    #header #hdr p {position:absolute;top:15px;left:10px;margin:0;padding:0;text-align:left}
    #header #hdr2 {display:none}
    #header #hdl {width:100%;margin:15px 0 0 0;text-align:center}
    #hdl * {padding:0 5px}
    .block3, .block4, .block5  {padding:30px}
    .block5 .block53 {width:32%}
    .padt100 .block53 {width:48%}
    .block5 .marg {margin-right:1%}
    .block3l .block3l1, .block3l .block3l2 {width:32%;overflow:hidden}
    .block3 .block3l, .block3 .block3r {width:100%;margin:0;padding:0;float:none;overflow:hidden}
    .block3 img {display:none}
    .block4 {background:#dcdcdc}
    .block4 .block4l {width:100%}
    .block4 .block4r {display:none}
    .block4 .block4l .frm input {width:50%;margin-left:130px;float:right}
    .block4 .block4l .frm #frmbtn2 {margin-top:-23px;float:left}
    .block4 .block4l textarea {width:100%}
    .block2 li {display:block;height:auto;overflow:hidden}
    .block2 .nav {width:100%}
    .block5 .block5l, .block5 .block5r {width:50%;min-width:200px}
    #footer {overflow:hidden}
    #page .main .wrap{display:flex;flex-direction:column}
    .mainl {order:2;position:unset !important;left:0;width:100%;margin:0;float:none}
    .mainr {border:10px solid #fff}
    .main .wrap {width:100%;left:0;margin:0}
    .main {width:100%;border:0}
    .block5 li,.block5 a.block53a{display:none}
    .block5 li:first-child{display:block}
    .block5 .block53 ul{min-height:unset}
    .block7 table {width:100%}
    #tabservs tr, #tabservs td {display:block;float:left;overflow:hidden}
    #tabservs td {width:48%;min-height:350px;padding:1%}
    .content .newsblock {background-size:100%}
    .content .newsblockl {width:100%;float:none}
    .content .newsblockl li {display:block;padding:0;margin-right:40px;border-bottom:0}
    .content .newsblockr {width:100%;margin-right:0;min-height:auto;padding-left:0;float:none}
    .content .newsblockr img {margin:0;padding:0;float:none}
    .content .newsblockl span {display:block;padding-right:20px;background:none !important}
    #tabservs li {margin-left:15%}
    .bartim50l {width:98%;float:none !important}
    .bartim50r {width:98%;float:none !important}
    .ullistdoc {min-height:140px}
    .mainr .comsblok .comall {margin:25px 0 25px 3%;float:none}
    .fcopy{width:1100px;max-width:90%;margin:10px auto;font-size:13px;text-align:center;color:#555}
    .bartimg{width:49%;max-width:48.5%}
    .collection h3{display:block}
    .collection a.colr{display:inline-block;margin:5px 0;float:none}
    .xml-wrap{min-width:unset;min-height:350px;height:unset;padding:40px 10px}
    #xmlconverter tr{display:block;width:100%}
    #xmlconverter tr td{display:block;width:100%;overflow:hidden}
    #xmlconverter tr:last-child td:first-child{display:none}
    #xmlconverter tr:first-child td:last-child{padding:10px 0;text-align:center}
    .xmltd1{height:unset}
    .xml-kdr{position:unset;left:0;top:0}
}
@media only screen and (max-width : 550px){
    #header ul li{width:44%;padding-left:3%;padding-right:3%}
    #header ul li{width:44%;margin:5px 0;padding:5px 0;text-align:center}
    #header ul li a {text-shadow:none}
    .menu{max-width:unset}
    #header{background:#bcced2}
    #header .logo {width:225px;margin:0 auto;padding:16px 0 15px 10px;background:url("img/sprite.png") -65px -653px no-repeat;overflow:hidden}
    .mainc {padding:20px 3%}
    #tabservs tr{width:100%}
    #tabservs td {width:95% !important;min-height:auto !important;min-height:50px !important;margin-left:2%;float:none}
    .mainr .content p, .content div.imgl, .mainr .content h1, .mainr .content h2, .mainr .content h3, .mainr .content h4, .mainr .content h5, .mainr .content h6, .mainr .content ol, .mainr .content ul, .mainr .nav, .aut .author, .aut .rubrik {padding-left:3%;padding-right:3%}
    #header #hdr {position:absolute;top:10px;left:0;width:100%;margin:0;padding:0;text-align:center;float:none}
    #header #hdr .tel {position:relative !important;top:0 !important;left:0 !important;width:100% !important;margin:0;padding:10px 0 8px 0;text-align:center !important;font-size:22px;float:none}
    #header #hdr p {display:none;position:relative !important;top:0 !important;left:0 !important;width:100% !important;margin:0;padding:0;text-align:center !important;float:none !important}
    #header .mail {display:none}
    #header .logo {margin-top:83px !important}
    .block5 .block5r {float:left}
    .block5 .block5l, .block5 .block5r {width:100%}
    .block5 .block53 {width:100% !important}
    .block53 .block53a {margin-right:20%;margin-top:0;margin-bottom:30px}
    .block1 ol {margin-left:0}
    .block2 .block2c, .block2 .block2r {width:100%}
    .block7 {display:none}
    .contable, .contable td {padding:0 !important;margin:0 !important}
    .contable tr, .contable td {display:block;height:auto !important;float:left;overflow:hidden;border:0}
    .contable tr {padding:10px;border-bottom:1px dashed #aaa;border-right:1px dashed #aaa}
    #b51, #b52, #b53, #b54 {padding-left:0 !important;background:none !important}
    .block5 h4, .block5 p {margin-right:10px !important}
    .mainr .comsblok .comall {margin-top:-13px}
    #tabservs li {text-align:center}
    .bartiml, .bartimr, .bartimc {width:96% !important;clear:both;float:none !important}
    .abimgl, .imgl, .imgr {width:100% !important;margin-right:0 !important}
    .abimgr {width:100%;margin-left:0 !important}
    .content h1,.content h2,.content h3,.collection h3,.collection a.colr{text-align:center}
    .mainr .nav {text-align:center}
    .mainr .sendmes {padding-left:0}
    .mainr .sendmes input {width:100%;box-sizing:border-box}
    .block5.margtmrl.padt100.padb100 {padding-left:0;padding-right:0}
    #footer * {display:block;text-align:center}
    #footer .tel, #footer .cont, #footer .forall {border:0;float:none}
    #header a.menu {color:#38475A}
    .bartimg{width:99% !important;max-width:99% !important;margin:0}
    .collection .row1{display:none}
    .collection a{width:auto !important;margin:0 !important}
    .collection a.colr{display:block !important}
    .sotrudniki{display:block}
    .sotrudniki .item{display:block;width:auto}
}