@media (max-width: 1250px) and (min-width: 1024px) {
    .wrap{
        width: 90%;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        max-width: 100%;
    }
    .top .wrap .logo{
        left:90px;
    }
    .top .wrap .man{
        right:10px;
    }
    .page{
        float: none;
        width: auto;
        margin-left: 285px;
    }
    .about {
        height: auto;
    }
    .team {
        max-height: 280px;
    }
    .team .item {
        width:48%;
    }
    .team .item.item_1 {
        margin-right: 4%;
    }
    .licenses {
        height: auto;
    }
    .service_item .item_title {
        padding-right: 40px;
    }
}

@media (max-width: 1023px) and (min-width: 768px) {
    .wrap{
        width: 90%;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        max-width: 100%;
    }
    .nav li a{
        width:105px;
    }
    .top,
    .top .wrap{
        height: 465px;
    }
    .top .wrap .logo{
        left: 30px;
    }
    .top .wrap .man{
        right:0;
        width:455px;
        background-size: 100% auto;
        background-position: 50% 100%;
    }
    .page{
        float: none;
        width: auto;
        margin-left: 285px;
        padding: 56px 10px 56px 25px;
    }
    .about {
        height: 815px;
        max-height: 815px;
    }
    .team {
        max-height: 280px;
    }
    .team .item {
        width:100%;
    }
    .team .item.item_1,
    .team .item.item_2{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .licenses {
        height: auto;
    }
    .service_item .item_title {
        padding-right: 40px;
    }
    .services_list,
    .licenses_list {
        margin-left: 0;
    }
}
@media (min-width: 768px) {
    .col .title p {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .wrap{
        width: 100%;
        padding: 0 10px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12{
        max-width: 100%;
    }
    body{
        padding-top: 78px;
    }
    .col{
        float:none;
        width:100%;
        height: 95px;
        background: none;
    }
    .col .title{
        height: 95px;
    }
    .col .title p{
        color:#ffffff;
        font:18px/95px 'Play', sans-serif;
        text-transform: uppercase;
        padding-left: 105px;
    }
    .topnav{
        height: 78px;
    }
    .nav{
        float: none;
        width: 100%;
        padding-top: 10px;
    }
    .nav li{
        width: 25%;
    }
    .nav li a{
        height: 67px;
        width: 100%;
    }
    .top,
    .top .wrap,
    .top .opacity{
        height: 405px;
    }
    .top .bot_bg{
        display: none !important;
    }
    .topnav .top_contacts{
        display: none;
    }
    .top .top_contacts{
        display: block !important;
        float: none;
        padding-top: 25px;
        position: relative;
        z-index: 15;
    }
    .top_contacts span{
        text-align: center;
    }
    .top .wrap .logo{
        position: static;
        margin: 40px auto 0;
    }
    .top .wrap .man{
        display: none;
    }
    .page{
        float: none;
        width: auto;
        margin-left: 0;
        padding: 10px 0 56px 20px;
    }
    .services .page,
    .licenses .page{
        padding-bottom: 0;
        margin-left: 0;
    }
    .about {
        height: auto;

    }
    .about .col .title{
        background: url(../images/about_bg_mob.png) no-repeat 20px 50%;
    }
    .about .col .title p{
        content:"";
    }
    .team {
        max-height: 280px;
        padding: 30px 0;
    }
    .team .item {
        width:100%;
    }
    .team .item.item_1,
    .team .item.item_2{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .services .col {
        height: auto;
        position: static;
    }
    .services .col .title{
        background: url(../images/services_bg_mob.png) no-repeat 20px 50%;
    }
    .services_list,
    .licenses_list{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .licenses {
        height: auto;
    }
    .licenses .col .title {
        background: url('../images/licenses_bg_mob.png') no-repeat 20px 50%;
    }
    .licenses_list{
        margin-left: -15px;
    }
    .services_list {
        margin-left: -15px;
        margin-right: -10px;
    }
    .service_item .item_title {
        padding-right: 40px;
    }
    .contacts {
        height: auto;
    }
    .contacts .col .title{
        background: url(../images/contacts_bg_mob.png) no-repeat 20px 50%;
    }
    .contacts_descr{
        position: static;
        text-align: left;
        padding-left: 20px;
        font-size: 15px;
        line-height: 18px;
    }
    .contacts_descr p{
        margin-bottom: 20px;
    }
    .contacts .col{
        height: auto;
    }
    .contacts .page{
        margin-left: -20px;
    }
    #map{
        width:100% !important;
        height: 375px !important;
    }
    .partners_title{
        padding-top: 20px;
    }
    .partners_list {
        padding-top: 25px;
    }
    .partners_col{
        width:100%;
        margin: 0 !important;
        padding-left: 0 !important;
    }
    .partner_image{
        width:85px;
        margin-right: 10px;
    }
    .partner_image img {
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .partner_image img.img_scale_1 {
        max-width: 105%;
    }
    .partner_image img.img_scale_2 {
        max-width: 135%;
    }
    .partner_image img.img_scale_3 {
        max-width: 115%;
    }
    .mobile_back{
        background: url(../images/meter.png) left top repeat-y;
    }
}
@media (max-width: 480px) {
    .nav li a{
        font-size: 12px;
    }
    .page p {
        font-size: 15px;
        line-height: 19px;
    }
    .team_title{
        font-size: 21px;
    }
    .service_item .item_title,
    a.getpdf{
        font-size: 16px;
    }
    .partner_name{
        font-size: 12px;
    }
}