/* мобильный */
@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {

    *{
        -webkit-appearance: none;
        -webkit-text-size-adjust: none;
    }
    html {
        -webkit-text-size-adjust: none;
        -webkit-appearance: none;
    }

    h2 {
        font-size: 7vw;
        margin-bottom: 2vw;
    }

    h3 {
        font-size: 6vw !important;
    }

    .menuin.row.rownew.fixedmen{
        display:none;
        visibility: hidden;
    }

    .lefzone {
        position: fixed;
        z-index: 20;
        min-height: 169px;
        width: 65%;
        height: 100%;
        transition: 0.4s;
        left: -500px;
    }

    .menu-button{
        position: absolute;
        top:5vw;
        left:8%;
        width:5vw;
        height:auto;
        z-index: 20;
    }
    .menu-button span{
        width: 100%;
        height: 2px;
        background: white;
        margin-bottom: 5px;
        display: block;
    }

    .menuleft > ul{
        display: list-item;
        list-style: outside none none;
        padding-left: 0;
        margin: 3vw 0 2vw 0;
    }
    .menuleft ul li{
        font-size:3.3vw;
        line-height: 120%;
        padding-bottom: 2.1vw;
        width: 90%;
        position: relative;
        margin-bottom: 1vw;
    }
    .search{
        padding-left:15px;
        padding-top:4.3vw;
        margin-bottom:1vw;
    }
    .search input[type="search"]{
        font-size: 4vw;
        width: auto;
    }
    .search img{
        width:5vw;
        margin-right:1vw;
    }

    .bob{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        display:none;
    }

    .rowmenu{
        height:auto;
    }
    .row.rownew.foorleft{
        display:none;
    }

    #rowone.logo{
        height:auto;
    }

    .dopleft img{
        width:4vw;
    }

    .dopleft img{
        left: -6vw;
        position: absolute;
        top: 1.5vw;
    }

    .pere .dopleft img{
        left: 0;
        top: -1vw;
    }

    .lefttel span, .leftpod span, .pere span{
        font-size: 2.8vw;
    }

    .lefttel a, .leftpod a{
        font-size:3vw;
    }

    .logoimg img{
        width:20vw;
        margin-bottom: 2vw;
    }

    .bigz{
        overflow: scroll;
        height:80%;
        transition: 0.2s;
    }
    .openmodal{
        z-index: 99999;
        width: 100%;
        height: 100%;
        position: fixed;
    }
    .openmodal .bigz{
        top: 13vw !important;
    }
    .openmodal .bigz-left{
        float:none;
        width:100%;
    }
    .openmodal .bigz-right{
        float:none;
        width:100%;
        top: 0 !important;
    }
    .form-groupbigz label{
        font-size: 3.5vw;
        width: 38%;
        margin-right: 3vw;
    }
    .form-groupbigz input{
        height: 6.5vw;
        font-size: 3.5vw;
        width:38%;
    }
    .bigzhr > hr{
        width: 13vw;
        margin: 3vw 0;
    }
    .checkbox > label{
        font-size: 3.5vw;
    }
    input[type="checkbox"] + label span{
        width: 2.5vw;
        height: 2.5vw;
        margin-right: 2.5vw;
    }
    .bigz-left .btn.btnotp{
        position: relative;
        bottom: 0;
        font-size: 3.5vw;
    }
    .outmodal a{
        font-size: 2.8vw;
    }
    .outmodal img{
        width: 4.5vw;
        margin-top: -1.3vw;
    }


    .btn.btnslide{
        font-size: 3.5vw;
    }

    .descuslugi > span {
        width: 94%;
        font-size: 4vw;
        line-height: 110%;
    }


    .sliderd a {
        font-size: 2.5vw;
    }

    .sliderd h2 {
        font-size: 6.5vw;
        margin-bottom: 2vw;
    }

    .sliderd span {
        font-size: 3vw;
        width: 80%;
        margin-bottom: 2vw;
    }

    .newcol4{
        width:100%;
    }

    .cogfull{
        width: 4.8vw;
    }

    .blockusl > span {
        width: 87%;
        font-size: 4vw;
        margin-left: 3vw;
        margin-top: 2vw;
    }

    .blockusl > span > br{
        display:none;
    }

    .blockusl{
        height:auto
    }

    .icousl{
        top:0;
    }

    .open-project-link1{
        margin:0 0 2vw 0;
    }

    a.hrfss {
        width: 100%;
        float: none;
        margin-bottom: 1vw;
    }

    .newsimg{
        height:auto;
    }

    .newsimg > img {
        width: 100%;
        height: auto;
    }

    .col-xs-8news {
        width: 64%;
        float: right;
    }

    span.sptitle.newstitle {
        font-size: 4vw;
        display: block;
        line-height: 125%;
        margin-top: 1vw;
    }

    .descnews > span {
        font-size: 3.5vw;
        display: block;
        line-height: 120%;
    }

    .datenews > span{
        font-size:2vw;
    }

    .topuslugi{
        display:none;
    }

    .inout img{
        width:10vw;
    }

    .inout span {
        font-size: 3vw;
    }

    .contents h4 {
        font-size: 4vw;
        margin: 3vw 0 2vw;
    }

    .contentnewsnw{
        font-size:3.5vw;
        padding-left: 0;
    }

    .contentnewsnw > p {
        font-size: 3.5vw;
        line-height: 120%;
    }
	
	.contentnewsnw ul li {
        font-size: 3.5vw;
        line-height: 120%;
	}
	.contentnewsnw ol li {
        font-size: 3.5vw;
        line-height: 120%;
	}
	
	.contentnewsnw > ul {
		margin: 0;
		padding: 2.5vw 0 2.5vw 6vw;
		position: relative;
	}
	.contentnewsnw > ol {
		margin: 0;
		padding: 2.5vw 0 2.5vw 6vw;
		position: relative;
	}	

    .newsvh {
        margin-bottom: 3vw;
    }

    .newsvh hr{
        width:7vw;
    }

    .descnewsnew {
        width: 100%;
    }

    .descnewsnew > p{
        font-size:3.5vw;
        line-height: 120%;
    }

    .hre{
        margin-bottom: 2.5vw;
        margin-top: 2.5vw;
    }

    hr.bluehr {
        width: 11vw;
    }

    .topsl h2{
        font-size:6.5vw;
    }
    .topsl span{
        font-size: 3vw;
        line-height: 120%;
    }
    .btn.btnslide.btncom{
        font-size: 3vw;
        margin-top: 2vw;
    }
    .titleac > a {
        font-size: 4.5vw;
        margin-top: 1vw;
    }
    .panel-body.panelcomp > p {
        font-size: 3.3vw;
        line-height: 120%;
        width: 95%;
        color: #000;
    }
    .panel-body.panelcomp > a {
        font-size: 3.3vw;
        line-height: 120%;
        width: 95%;
        color: #000;
    }
    .panelcomp > h4{
        font-size:3.5vw;
        margin:3.2vw 0;
    }
    .panelcomp ul li{
        font-size:3.5vw;
    }
    .panel-body.panelcomp ul li::after{
        top:1.5vw;
    }
    
    .contentnewsnw ul li{
        font-size:3.5vw;
    }
    .contentnewsnw ul li::after{
        top:1.5vw;
    }
    
    span.dptxt {
        display: block;
        float: none;
        top: 0;
        margin-top: 4.8vw;
        transition: none;
        font-size: 2vw;
        max-width: 90%;
        padding:0;
    }
    span.dptxt::after{
        display:none;
    }
    .exx > a {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }

    .phonebutton > span{
        font-size:3vw;
    }
    .phonebutton > span.office{
        margin-top:2vw;
        margin-bottom: 4vw;
    }
    .phonebutton > span.office > img{
        width:1.7vw !important;
    }

    .phonebutton p{
        font-size:2.5vw;
        margin-left:0;
    }

    .col-md-3bot.menubot.menubotone{
        padding-left:0;
        float:right;
    }

    .col-md-3bot.lastcol{
        padding-left:0;
        float:right;
    }

    .newfoot .col-md-3bot{
        width:48%;
    }

    .menubot h4{
        font-size: 3.5vw;
        margin-top:0;
    }

    .menubot > ul {
        display: list-item;
        padding-left: 0;
        margin-left: 0;
    }

    .menubot > ul > li{
        margin-bottom: 0;
    }
    .menubot > ul > li > a{
        font-size:2.3vw;
    }

    .phonebutton > a{
        font-size:3vw;
    }

    .col-md-3bot.phonebutton img {
        width: 2.5vw;
    }
    .vh > a > span > p{
        font-size: 2.5vw;
    }
    .divzak > a{
        font-size:2.3vw;
    }

    .newfoot .kesvg {
        width: 8vw;
        padding-top: 5px;
    }
    .download > img{
        width:5vw;
    }
    .download > a{
        font-size:2.3vw;
        line-height: 120%;
    }
    .download > span{
        font-size:2.3vw;
        line-height: 120%;
    }

    .slidecom{
        top:0;
        padding:13vw 0 10vw 0;
    }

    .topblock{
        height:auto;
    }

    .contentstr{
        height:100%;
        background-size: cover !important;
    }


    .hometopleft{
        float:none;
        width:100%;
        margin-bottom:5vw;
    }
    .newhometopright{
        float:none;
        width:100%;
    }

    .hometopright{
        top:0 !important;
    }
    .hometopright li a{
        font-size:3vw;
    }
    .tpsvc{
        top:0;
        padding:13vw 0 10vw 0;
    }
    .contentstr.contentnews{height:auto;}
    .topblock.slidehalf{height:auto;}

    .topsl{
        top:0;
        padding:13vw 0 10vw 0;
    }

    .newcaption{
        position: relative;
    }

    .adr{
        position: relative;
        padding: 15vw 0 4vw 8vw;
        top: 0;
        right: 0;
        width: 100%;
    }
    .adr > span{
        font-size:3.5vw;
    }
    .bladrees{
        margin-top: 3vw;
    }
    .bladrees > span{
        font-size:3.5vw;
    }
    .bladrees > a{
        font-size:3.5vw;
        margin-bottom: 1vw;
    }
    .bladrees img{
        margin-right: 1.9vw;
        width: 3.7vw;
    }
    .hradr > hr{
        margin: 4vw 0;
    }
    .butcontc a{
        font-size:3.8vw;
    }
    .blockusl.row.blocknews.blockcont{
        height: auto;
        padding: 2vw 0px;
    }
    .datenews.emailcom > a{
        font-size:3.8vw;
    }
    .newscol12 > span{
        padding:2vw 0;
        font-size:3.8vw;
    }
    .butcontc svg{
        width: 3vw;
    }
    .panelcomp tr th{
        font-size: 2.3vw;
        padding: 1vw 0.5vw;
    }
    .panelcomp tr td{
        font-size: 2.3vw;
        padding: 1.3vw 0.5vw;
    }
    .panel-body.panelcomp ol li a{
        font-size: 3.5vw;
    }
    .newstwo{
        font-size: 6vw;
    }

    .rowbut{
        width:90%;
        float:none;
        margin-bottom: 3vw;
    }

    .rowbut > span{
        font-size: 3vw;
        width:50%;
    }

    .block6 > h4{
        font-size: 4vw;
    }
    .block6 > p{
        font-size:3.5vw;
    }
    .invac a{
        font-size:3vw;
    }
    .invac img{
        width: 4.5vw;
        margin-top: -3px;
    }
    .hrvac > hr{
        border-color: #01abe8;
        border-width: 0.5vw;
        margin: 2vw 0;
        width: 4.5vw;
    }

    .uslone {
        float: none;
        margin-bottom: 3.5vw;
        width: 100%;
    }
    .uslone > span {
        color: #141414;
        display: block;
        float: left;
        font-family: Conv_GothaProReg;
        font-size: 3.9vw;
        line-height: 120%;
        width: 70%;
        margin-bottom: 4vw;
    }
    .imgusl > img {
        width: 8vw;
    }

    .imgsend{
        float: none;
        width: 100%;
        height: auto;
        max-height: 260px;
    }
    .imgsend > img{
        width:100%;
    }
    .contentdigbl{
        width:100%;
    }
    .contentsend > p{
        font-size: 3vw;
    }
    .mailsend > a{
        font-size: 3.5vw;
    }
    .mailsend > img {
        width: 4vw;
    }
    .contentsocial > p {
        font-size: 3.3vw;
        line-height: 120%;
        width: 100%;
        margin-bottom: 2vw;
    }
    .contentsocial > h3{
        margin-top:1vw;
    }
    .ots {
        margin-bottom: 3vw;
    }
    .modal-dialog.dialogin {
        width: 80%;
    }
    .form-groupin input{
        height:auto;
        width:95%;
        margin-bottom: 4vw;
    }
    .rowmodal span a{
        font-size:3vw;
    }
    .rowmodal span a{
        width:95%;
    }
    .btnin{
        font-size: 3.5vw;
    }
    .btn.btnin > img{
        width: 3.5vw;
    }
    .modclose > img{
        width: 4vw;
    }
    .modal-body.bodyin {
        padding: 5vw;
    }
    .rowmodal span{
        width:95%;
    }

    .odblock > h4{
        font-size:4.5vw;
    }
    .slrtxt > h5, .contenttxt h4{
        font-size:3.5vw;
    }
    .odblock > p, .contenttxt > p, .slrtxt > p{
        font-size: 3vw;
        line-height: 120%;
        margin-bottom:4.5vw;
    }
    .slleft, .slright{
        float:none;
        width:100%;
        height:auto;
        max-height: none;
    }
    .slleft > img, .slright > img{
        width:100%;
    }
    .slrtxt{
        width:100%;
        float:none;
    }
    .onecbl h5{
        font-size:3vw;
        width:35vw;
    }
    .row.rownew.rowp img {
        width: 15vw;
    }
    .rowp span{
        font-size:2.8vw;
    }

    .col-md-6.newcol4.newcol6{
        margin-bottom:2vw;
    }

    .indik{
        width: 2vw;
        right: 2vw;
    }
    .carousel-indicators li{
        width: 2vw;
        height: 2vw;
        margin-left:0;
        margin-right:0;
    }
    .newindik > .active{
        width: 2vw;
        height: 2vw;
    }

}

/* мобильный */


/* портрет, мобильный */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .lefzone {
        /*display: none;*/
    }
    .rightzone {
        width: 100%;
    }

    .sliderd{
        top:13vw;
    }

    .imgnewsleft {
        width: 100%;
        height: auto;
        max-height: none;
    }

    .panel-body.panelcomp a{
        color: #000;
        font-family: gothapromed;
    }
}

/* портрет, мобильный */


/* landscape, мобильный */
@media only screen and (min-device-width : 568px) and (max-device-width : 736px) {
    .lefzone {
        /*display: none;*/
        width: 100%;
    }
    .rightzone {
        width: 100%;
    }
}
/* landscape, мобильный */


/* портрет, планшет */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .slidecom {
        top: 17vw;
    }
    html {
        -webkit-text-size-adjust: none;
    }

    .panel-body.panelcomp a{
        color: #000;
        font-family: gothapromed, sans-serif !important;
        font-size: 1vw;
    }
    .panel-body.panelcomp p{
        color: #000;
        font-family: gothapromed, sans-serif !important;
        font-size: 1vw;
    }
}

/* портрет, планшет */


/* landscape, планшет */
/* landscape, планшет */