
@media only screen and (max-width: 1330px) {

.map-box ul li {
    padding: 0px 0 20px 25px;
	    margin: 0;

}
	.map-box ul{
		    padding-right: 10px;
    -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
	}
}

@media only screen and (max-width: 1100px) {

		.items .item {
    margin-bottom:100px!important;
    }
    .items .item:last-child {
    margin-bottom: 0px!important;
}

    .info-work, .revers .info-work{
        -webkit-box-flex:1;
    -ms-flex:1;
        flex:1;
        padding: 50px 50px 0px 50px;
    }
    .item-photo{
        min-width: inherit;
        min-height: inherit;
    }
    .item-photo img, .revers .item-photo img{
        min-width: inherit;
        top:0px;
        position: relative;
    }


    .toper {
        padding: 10px 0;
    }

    .toper .block-menu {
        padding-bottom: 0;
        position: relative;
        top: -3px;
    }

    .toper .flex-container {
        justify-content: space-between;
    }

    .toper .top-phone,
    .phones-navbar a {
        font-size: 21px;
        color: #1a171b;
        font-family: "HeliosCondBold", sans-serif;
    }


    .products-main-list {
        gap: 20px;
    }

    .product-main {
        padding: 30px;
    }


    .about-wrapper {
        flex-direction: column;
        gap: 30px;
    }


    .services-tabs {
        gap: 10px;
    }

    .services-tab-header {
        font-size: 20px;
    }

    .services-tab-header img {
        height: 50px;
    }

    .services-tab-content {
        padding: 30px;
    }

    .services-top-block {
        gap: 30px;
    }

    .services-slider-top {
        width: 250px;
        height: 250px;
    }

    .services-bottom {
        padding-top: 30px;
        padding-bottom: 30px;
    }


    .product-list-inner,
    .product-detail-inner {
        align-items: flex-start;
    }

    .product-photo {
        width: 200px;
        height: 200px;
        margin: 0;
    }

    .product-detail-wrapper {
        padding: 27px;
    }

    .product-detail-buttons {
        margin-left: 220px;
    }
}



@media only screen and (max-width: 1024px) {

    .info-company_slider{
-webkit-box-flex:1;
    -ms-flex:auto;
        flex:auto;

        -webkit-box-ordinal-group:3;
    -ms-flex-order:2;
        order:2;
    }

    .info-company_info{
        -webkit-box-flex:1;
    -ms-flex:auto;
        flex:auto;
    width: 100%;
    }


}


@media only screen and (max-width: 992px) {

    .clients .item{
            width: 100%;
    margin-bottom: 20px;
    padding: 20px 0px;
    border-bottom: 1px #e4e4e4 solid;
        border-left: 0px #e4e4e4 solid;

           -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    }
    .clients .item:last-child {
    border-right: 0px #e4e4e4 solid;
        border-bottom: 0px;
}

    .service_list {
    max-width:none;
    margin-right: 0px;
    margin-bottom: 70px;
    }
    .service_list:last-child{
         margin-bottom: 0px;
    }


    .map-detail {
        position: relative;
        width: 100%;
        left: 0px;
        box-shadow: none;
        margin: 0px auto 0 0;
    }

    .map-detail ul {
        max-width: 350px;
        margin: 0 auto;

    }

    .map-box ul {
        padding: 0;
        margin: 0;
        flex-direction: column;
    }

    .map-box ul li {
        padding: 0 0 20px 25px;
    }

}

/* Небольшие устройства, Планшеты */

@media only screen and (max-width: 768px)
{
    .banner
    {
		height:100%;
		max-height: none;
        padding-bottom: 30px;
	}

    section {
		padding: 50px 0 30px 0;
	}

     .top-footer .politic{
        text-align: left!important;
        margin-bottom: 30px;
             width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
        flex: none;
    margin-top: 30px;
    }


    .revers .item-photo img{
        top:0px;
    }
    .items .item{
            margin-bottom: 100px;
    }
    .revers .item-photo, .item-photo{

          -webkit-box-ordinal-group:1;
     -ms-flex-order:0;
         order:0;
    }

    .item-photo img{
        width:100%;
    }
    .item-photo{
        -webkit-box-flex:1;
     -ms-flex:auto;
         flex:auto;
    }


    .sticky .phones-navbar{
        display:block;
    }

.navslider {
    width: 100%;
    position: relative;
    bottom: 0px;
    overflow: hidden;
    background: #fff;
        padding: 20px 35px;
}
    .title-info {
        width: 100%;
        margin-bottom: 0;
    }

    #big-slider .slider {
        position: relative;
        right: 0px;
        left: 0px;
       /* min-height: 300px;*/
        width: 100%;
    }

    .banner .container {
        min-height: 500px;
        display: block;
		padding-bottom: 0;
    }
    .big-slider {
          height: 400px;
    }

    .banner::after{
        display:none;
    }

    /* nav */
    .top_menu.sticky {
        padding: 0;
    }

    .logo {
        min-width: inherit;
    }


    #navbar-1 {
        box-shadow: 0 1px 5px 0 rgba(100, 100, 100, .3)
    }

    .main-menu {
        height: auto;
    }

    .main-menu ul {
        display: block;
    }

    .main-menu > ul > li,
    .main-menu > ul > li > ul > li {
        display: block;
        text-align: left;
        margin-left: 15px;
        padding: 0 !important;
        border-bottom: 1px #cbcbcb solid;
        position: relative;
    }

    .main-menu ul ul {
        display: block;
        border-top: 1px #cbcbcb solid;
        margin-bottom: 5px;
        position: relative;
        top: 5px;
    }

    .main-menu > ul > li:last-child,
    .main-menu > ul > li > ul > li:last-child {
        border-bottom: none;
    }

    .main-menu a {
        padding: 10px 0 !important;
        line-height: normal !important;
    }

    .main-menu > ul > li > ul > li {
        border-left: none;
    }

    .main-menu > ul > li > ul > li:before {
        content: '';
        width: 5px;
        height: 5px;
        background: #e9232a;
        position: absolute;
        left: -15px;
        top: 16px;
    }


    .menu .dropdown-menu{
        margin:0px;
    }

    .navbar-collapse.in {
        overflow-y: auto;
}

    .menu .open .dropdown-menu{
     /*position: static;*/
	 position:relative;
    float: none;
    margin-top: 0;
    background-color: #f7f7f7;
    max-width: 100%;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    .menu .open .dropdown-menu li{
        text-align:left;
    }

    .navbar-collapse {
        background: #fff;
        padding: 0px;
    }
    .toper .block-menu {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-top: 0px;
        z-index: 10;
        border-top: 0;
        border-bottom: 0;
    }
    .navbar-header {
        background: #fff;
    }

    .toper {
        padding: 60px 0 15px;
    }

    .toper .flex-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }

    .toper .logo {
        order: 0;
    }

    .toper .block-callback {
        padding-left: 94px;
        order: 1;
    }

    .toper .anticorruption {
        display: none;
        /*order: 2;
        margin: 30px auto 0;*/
    }

    .top-footer .anticorruption {
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
    }


    .map-detail {
        position: relative !important;
        margin: 40px 0 60px;
        padding: 0;
        top: 0;
        z-index: 0;
        max-width: none;
    }

    .map-detail .title-form,
    .map-detail p.text-center {
        text-align: left;
    }

    .map-detail .lock {
        margin-top: 10px;
    }

    .arctform .form-group {
        margin-bottom: 15px;
    }

    .top-footer {
        padding-top: 0;
    }


    #production {
        padding-bottom: 50px;
    }

    .products-main-list {
        flex-direction: column;
        margin: 40px 0 15px;
        gap: 15px;
    }

    .product-main {
        padding: 0;
        gap: 0;
        align-items: center;
    }

    .product-main-name {
        font-size: 21px;
        margin: 10px 5px 12px;
    }

    #production .details-link {
        margin-top: 20px;
    }


    #services {
        padding-top: 40px;
    }

    .services-main {
        display: flex;
        flex-direction: column;
    }

    .service-main-header {
        width: 100%;
        justify-content: flex-start;
        padding-left: 20px;
    }

    .service-main-header span {
        font-size: 20px;
    }

    .services-button {
        text-align: center;
    }

    .services-button a {
        width: 100%;
    }


    #dealers {
        padding: 40px 0;
    }

    #contacts {
        padding-top: 40px;
    }


    .main-content {
        margin: 20px 0;
    }

    .main-content h1 {
        font-size: 30px;
        margin-bottom: 35px;
    }

    .B_crumbBox {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 35px;
    }

    .product-list-wrapper {
        padding: 0;
        margin-bottom: 20px;
    }

    .product-list-inner,
    .product-list-inner.reverse {
        flex-direction: column;
        gap: 10px;
    }

    .product-photo {
        width: 100%;
        height: 300px;
        margin: 0;
    }

    .product-text {
        padding: 10px;
    }

    .product-text h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .product-list-wrapper .details-link {
        margin-top: 10px;
        padding: 10px;
    }

    .form-request {
        margin-top: 40px;
        padding: 10px 10px 20px;
    }

    .form-request .theme-button {
        max-width: none;
    }


    .product-detail-wrapper {
        padding: 0;
    }

    .product-detail-inner {
        flex-direction: column;
        gap: 15px;
    }

    .product-detail-buttons {
        padding: 10px;
        margin-left: 0;
    }

    .product-detail-buttons a {
        flex-grow: 1;
    }

    .product-detail-table {
        margin-top: 30px;
    }

    .product-detail-table table td {
        font-size: 14px;
    }

    .product-detail-back {
        margin-top: 20px;
        margin-bottom: 40px;
    }


    .tab-header {
        background: #F7F9FE;
        color: #4261bc;
        font-family: "HeliosCondRegular", sans-serif;
        box-shadow: none;
        border: none;
    }

    .tab-header.active {
        color: #231f20;
        font-family: "HeliosCondBold", sans-serif;
    }

    .tab-header span {
        border-bottom: 1px #4261bc dashed;
    }

    .tab-header.active span {
        border-bottom-color: transparent;
    }


    .services-tabs,
    .documents-tabs {
        flex-direction: column;
        gap: 1px;
        margin-bottom: 25px;
        background: #ddd;
        padding: 1px 0;
    }

    .services-tab-header {
        justify-content: flex-start;
        font-size: 20px;
        padding: 4px 10px;
    }

    .services-tab-header img {
        width: 60px;
        margin: 0;
    }

    .services-tab-content {
        padding: 0;
    }

    .services-top-block {
        flex-direction: column-reverse;
        gap: 15px;
    }

    .services-slider-top {
        width: 100%;
        height: 300px;
    }

    .services-top-block {
        margin-bottom: 0;
    }

    .services-text {
        padding: 20px;
    }

    .services-desktop-button {
        display: none;
    }

    .services-mobile-button {
        display: flex;
        justify-content: flex-end;
    }

    .services-button {
        padding: 0 20px 20px;
    }


    .documents-tab-header {
        padding: 15px;
    }

    .documents-tab-content {
        padding: 20px 15px 5px;
        margin-bottom: 30px;
    }

    .documents-tab-content div {
        font-size: 16px;
        line-height: normal;
        margin-bottom: 20px;
    }

    /* iLightBox mobile fix */
    .ilightbox-noscroll {
    	overflow: auto !important;
    }
}





@media only screen and (max-width: 535px) {
     #v-slider{
        margin-right: 0px;
    }

    .services-main-bottom {
        margin-top: 10px;
    }

    .services-main-bottom a {
        flex-grow: 1;
    }
}

/* Очень маленькие устройства, Телефоны */

@media only screen and (max-width: 480px) {

	.about .text {
    top: -15px;
	}
	.top_link{
	padding-left:20px;
	}

	.info-work .content{
		height:auto;
	}
	.buttons{
		bottom:-25px;
	}

    .buttons .theme-block{
    margin-left:0px;
        margin-top:10px;
}
    .info-work p {
    margin: 10px 0 30px 0;
    }

    .title-info h1 br{
        display:none;
    }

    .phones-block{
        padding:0px;
    }

    #v-slider .swiper-pagination {
    right: 27px;
    top: 230px;
    }

    .info-company .flex-container {

    -webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    }
    #v-slider{
        margin-right: 0px;
        left: 0px;

    }
    .img-slide{
        left:0px;
		    min-width: auto;
    }
    .img-slide img{
        width:85%;
    }

    .about .text{
            padding-left: 35px;
    padding-top: 45px;
    }
    .servise_title{
        padding: 0px;
		width:100%;
    }
    .v-slider {

    max-width: 100%;

}

    #map {
    height: 400px;
    }
    .theme-block a{
            white-space: nowrap;
    }

    .buttons{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }

    .buttons .theme-block {
    padding: 13px 25px 13px 25px;
            text-align: center;
}


    .info-work {
    padding: 50px 30px 0px 30px;
    }

    .title-info h1 {
        font-size: 35px;
        margin-bottom: 0;
    }

    .theme-title h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }


    .toper .block-menu {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }

    .logo {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left;
        min-width: inherit;

    }

    .services-mobile-button {
        justify-content: stretch;
    }

    .services-mobile-button a {
        flex-grow: 1;
    }
}

@media only screen and (max-width: 414px) {

	.overlay-info ul li {
    padding: 0px 0px 0px 20px;
    font-size: 15px;
	}

	.overlay-info div a.border-link{
		  font-size: 15px;
	}

    .servise_title span {
    padding: 15px 20px 15px 20px;
}
.servise_title {
    font-size: 25px;
}

    .theme-title h2 span {
    padding-left: 40px;
}

    .scroll-top {
        bottom: 20px;
        right: 20px
    }


    .map-section {
        padding-bottom: 0px;
    }
    .map-block {
        padding: 0px;
    }




    .box-modal {
        width: 100% !important;
    }
    .arcticmodal-container_i2 {
        padding: 10px !important;
    }


    .box-modal {
        width: 100% !important
    }
    .arcticmodal-container_i2 {
        padding: 10px !important
    }
    .arcticmodal-container_i {
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 380px) {
    .info-work h3 {
    font-size: 25px;
    }
    .info-work, .revers .info-work {
    padding: 30px 30px 0px 30px;
    }

    .title-info h1 {
    font-size: 30px;
    }

    .servise_title{
        font-size:20px;
    }
    .theme-title h2 {
    font-size: 25px;
    }
    .theme-title h2 span {
    padding-left: 20px;
    }
    #v-slider .swiper-pagination {
    right: 20px;
    top: 100px;
    }
    #v-slider .swiper-button-next, #v-slider .swiper-button-prev {
    right: 12px;
    }
    .clients .container{
        padding:0px;
    }
}


/*==========  Мобильные разрешения  ==========*/

@media only screen and (min-width: 1200px) {

    .container {
        max-width: 1290px;
        width: 100%;
    }
}

@media only screen and (min-width: 768px) {
    .container {
        width: 100% !important;
    }
}