/*MEDIA*/
@media (max-width: 1800px) {
    .home footer .rocket-footer{
        z-index: 9;
    }
}
@media (max-width: 1700px) {

  .support-page .planet-support{
    max-width: 500px;
  }


}
@media (max-width: 1350px) {
    .slider-work .column-text{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .slider-work .column-text .grid-nav {
        bottom: -100px;
        padding: 0;
        justify-content: center;
        column-gap: 20px;
    }
    .head .grid {
        grid-template-columns: 1fr 55%;
    }
    .wrap-scroll-text{
        height: 430px;
    }

}
@media (min-width: 1200px){
  
}
@media (max-width: 1199px){
    .support-page .block-plus .name{
        font-size: var(--fz32);
    }
    .support-page .planet-support{
        max-width: 350px;
      }

}

@media (min-width: 992px) {
    .box-btn-mobile,
    .mobile-block,
    button.navbar-toggler{
        display: none;
    }
    .wrap-scroll-text {
        height: 505px;
        overflow: hidden;
        position: relative;
        margin-top: -20px;
    }
    .scroll-text .text-1{
        position: absolute;
        height: 100%;
        bottom: -100%;
        left: 0;
        right: 0;
        animation: scroll-up 14s linear infinite;
    }
    .scroll-text .text-2{
        position: absolute;
        height: 100%;
        bottom: -100%;
        left: 0;
        right: 0;
        animation: scroll-up 14s linear infinite;
        animation-delay: 7s;
    }



}

@media (max-width: 991px) {
    :root{
        --fzBody: 16px;
    }
    .scroll-text .text-2{
        display: none;
    }
    .row {
        margin-right: -10px;
        margin-left: -10px;
    }
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 20px;
    }
    .wrap-scroll-text{
        height: auto;
    }
    .head .box-descr p {
        margin-bottom: clamp(30px, 3.3vw, 53px);
    }

    button.btn.close-modal {
        right: 10px;
        top: 10px;
        padding: 0;
        width: 25px;
        height: 25px;
    }
    button.btn.close-modal svg {
        width: 100%;
        height: 100%;
    }
    button.btn.close-modal svg path {
        stroke: #ffffff;
    }
    header{
        background-image: none;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .wrap-contacts a.phone:before {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
    header .wrap-contacts {
        justify-content: start;
        row-gap: 10px;
        padding-right: 50px;
    }
    .wrap-contacts a.phone{
        order: 3;
    }
    header .wrap-contacts a.btn-home, 
    header .wrap-contacts .soc-but {
        width: calc(50% - clamp(10px, 1.5vw, 20px));
    }
    ul.wrap-mnu li {
        width: 100%;
    }
    ul.wrap-mnu{
        row-gap: 15px;
        padding-top: 30px;
    }
    .home header{
        position: relative;
        height: auto;
    }
    body.home header:after {
        content: '';
        display: block;
        width: 100%;
        height: 127px;
        position: absolute;
        left: 0;
        bottom: -63px;
        background: linear-gradient(180deg, rgba(3, 10, 29, 0) 2.08%, #030a1d 47.4%, #030a1d 53.65%, rgba(3, 10, 29, 0) 100%);
        pointer-events: none;
    }
    .head{
        padding-top: 0;
        padding-bottom: 70px;
    }
    .head .logo .logo-bg{
        max-width: 100%;
        background-size: 100%;
        left: -20px;
        top: -75px;
    }
    .head .box-descr{
        font-size: var(--fz30);
    }
    .head h1{
        font-size: var(--fz30);
        line-height: 140%;
    }
    .head .grid{
        grid-template-columns: 1fr 1fr;
    }
    .block-site{
        padding-top: 50px;
    }
    .grid-site .item .more{
        display: none;
    }
    .wrapper-services:before{
        display: none;
    }
    .wrapper-services .item{
        padding-right: clamp(30px, 2.6vw, 44px);
    }


    .main-content img[style="float: left;"], 
    .main-content img.img-left {
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .main-content img[style="float: right;"], 
    .main-content img.img-right {
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .slider-work .column-img .box-img {
        position: absolute;
        left: 11%;
        width: 78%;
        height: 91%;
    }
    .slider-work .box-monitor{
        width: 100%;
        height: auto;
    }
    .slider-work .column-img {
        position: static;
        width: 100%;
        height: auto;
    }
    .slider-work img.mon{
        display: block;
        opacity: 0;
    }
    .slider-work .slider-images .slick-track {
        height: auto;
    }

    .slider-work .column-text {
        padding: 40px 30px;
        min-height: auto;
        margin: 20px 0 0 ;
        width: 100%;
        padding-bottom: 130px;
    }
    .slider-work .column-text .grid-nav{
        bottom: 20px;
        padding: 0 30px;
    }
/*    .slider-work {
        display: flex;
        flex-wrap: wrap;
    }
    .slider-work>div {
        width: 100%;
    }*/
    .block-work .heading-home {
        margin-bottom: 30px;
    }
    .slider-work .column-text .name {
        font-size: var(--fz32);
        margin-bottom: 16px;
    }
    footer {
        padding-bottom: 311px;
    }
    footer .rocket-footer,
    .home footer .rocket-footer{
        background-size: 100%;
        background-position: bottom;
        max-width: 200px;
        background-image: url(/template/img/rocket-min.png);
    }
    .mnu-header{
        margin: 0;
    }

    article{
        padding-bottom: 50px;
    }
    .block-slider-project{
        margin-bottom: -50px;
    }

    .support-page .block-plus .grid-plus{
        grid-template-columns: 1fr;
    }
    .support-page .block-plus .name,
    .support-page .block-plus .descr{
        text-align: left;
    }

    .shablon-site-page .block-composition .grid-main,
    .shablon-site-page .block-possibilities .grid{
        grid-template-columns: 1fr;
    }
    .shablon-site-page .block-process .grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .shablon-site-page .block-exp .box-text{
        font-size: var(--fz50);
    }
    .shablon-site-page .block-composition .planet-shablon{
        top: -230px;
        background-size: 350px;
        background-position: top left;
    }
    .main-content ul li:before{
        top: 8px;
    }



}

@media (min-width: 769px) {
    
    
}

@media (max-width: 768px) {
    .grid-site {
        grid-template-columns: 1fr;
    }
    .item-project{
        display: block;
    }
    .item-project .box-img {
        width: 100%;
        height: auto;
        height: 320px;
    }
    .item-project .box-text{
        width: 100%;
        margin: 5px 0px;
    }
    .index-news{
        grid-template-columns: 1fr;
    }
    .support-page .grid-capabilities,
    .support-page .block-price .grid-price,
    .support-page .grid-numbers{
        grid-template-columns: 1fr;
    }
    .main-content .grid-numbers {
        grid-template-columns: 100%;
        gap: 20px;
    }
    
}

@media (max-width: 575px) {
   :root{
        --fzBody: 15px;
    }

   .head .grid {
        grid-template-columns: 1fr;
        row-gap: 30px;
    }
    .block-form {
        grid-template-columns: 1fr;
     }
    .grid-project{
        grid-template-columns: 1fr;
    }
    .grid-project .column-left {
        order: 2;
        margin-top: 20px;
    }
    .grid-news-page {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .shablon-site-page .block-composition .grid-second {
         grid-template-columns: 1fr;
    }
    .shablon-site-page .block-process .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .shablon-site-page .block-process .item:last-child {
        grid-column: span 2;
    }


}

@media (min-width: 481px) {
   
}

@media (max-width: 480px) {
      
    .main-content img[style="float: left;"], 
    .main-content img.img-left{
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
    }
    .main-content img[style="float: right;"], 
    .main-content img.img-right{
        float: none !important;
        width: 100%;
        max-width: 100%;
        margin-left: 0;
    }
    .wrap-contacts a.phone{
        font-size: var(--fz26);
    }
    .wrap-contacts {
        row-gap: 7px;
    }
    .head .box-descr {
        font-size: var(--fz24);
    }
    .block-site .planet-head{
        max-width: 80%;
        background-size: 100%;
    }
    .block-form-home .planet-form{
        max-width: 100%;
        background-size: 100%;
        top: -520px;
    }
    .block-form-home{
        padding-top: 100px;
    }
    .block-form-home{
        padding-bottom: 80px;
    }
    .wrapper-services .name{
        font-size: var(--fz40);
    }
    .heading-home,
    .heading-main{
        font-size: var(--fz48);
    }
    input.form-control, textarea.form-control{
        height: 57px;
        margin-bottom: 15px;
    }
    .btn_main_form{
        margin: clamp(15px, 3.1vw, 50px) auto 0;
    }
    .block-form .column-text .heading-form{
        font-size: var(--fz48);
    }
    .logo-footer{
        column-gap: 15px;
        font-size: var(--fz32);
    }
    .logo-footer:before{
        width: 65px;
        min-width: 65px;
        height: 65px;
        background-size: 100%;
    }
    .item-project .box-img {
        height: 220px;
    }
    .slider-project {
        margin-left: -20px;
        margin-right: -20px;
    }
    .index-news a.wrap .box-img{
        height: 145px;
    }
    .index-news .descr{
        display: none;
    }
    .form_radio_btn span.text{
        padding: 14px 15px;
    }
    .modal-form input.form-control[name="contact_details"], 
    .modal-form input.form-control[name="name"]{
        float: none;
        width: 100%;
    }
    .radio-heading{
        margin-bottom: 10px;
    }
    .modal-form input.form-control, 
    .modal-form textarea.form-control{
        padding: 10px;
        height: 50px;
    }

    .support-page .heading-bold{
        font-size: var(--fz30);
    }
    .support-page .grid-numbers .item img{
        height: 50px;
    }
    .support-page .grid-numbers .item p{
        font-size: var(--fz28);
    }
    .support-page .grid-capabilities .item .grid{
        grid-template-columns: 70px 1fr;
        gap: 20px;
        align-items: start;
    }
    .support-page .grid-capabilities .item .name{
        font-size: var(--fz24);
    }
    .support-page .grid-capabilities .item .box-icon {
        padding-top: 5px;
    }
    .support-page .grid-price .item .grid{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .support-page .block-price .price{
        font-size: var(--fz35);
    }

    .shablon-site-page .block-composition .grid-second .name:before{
        width: 50px;
        min-width: 50px;
        height: 50px;
        background-size: contain;
    }
    .shablon-site-page .block-head .price-heading{
        font-size: var(--fz64);
    }
    .shablon-site-page .block-exp .box-text {
        font-size: var(--fz35);
    }
    .shablon-site-page .block-brief a.btn-main{
        font-size: var(--fz30);
    }
    .shablon-site-page .block-process .item .num {
        height: 40px;
    }
    .shablon-site-page .block-process .item .num img {
        height: 100%;
    }

    
}

@media (max-width: 400px) {
   .slider-about .img_wrapper {
        height: 420px;
    }
    
}
@media (max-width: 340px) {
    
}