@media (max-width: 388px) {
    .header-calc-list {
        padding: 10px 0;
    }
}

@media (max-width: 576px) {
    
    .footer-social__list{
            padding: 0 0 0 7px;
            margin:0;
    }
    .header-social {
        margin: 0 13px 0px 0;
    }
    .main-service {
        width: 95%;
    }
    .main-counter {
        padding: 0;
    }
    .main-service_buttom{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .footer-row--lower div {
        flex-direction: column;
    }
    .order-call {
        margin: 15px 0 15px 0;
    }
    .main-counter_list {
        width: 100% !important;
        padding: 8px 0;
    }
    
    .main-form__wrap {
        padding: 0 0 0 0%;
    }
    .main-form__wrap-container h2 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }
    
    .callback-form__agreem {
    flex-direction: column;
    align-items: center;
}
    .callback-form__submit {
        width: 139px;
        padding: 7px 16px;
    }
    .footer-secondMenu{
        margin: 22px 0 0 0;
    }
    .header-contacts {
        width: auto;
        flex-wrap: wrap;
    }
    .container--min {
        padding: 35px 0px !important;
    }
    .main-text h1 {
        font-size: 30px !important;
       
    }
    .header .container {
        padding: 0px 7px;
    }
    .main-form {
        box-shadow: inset -20px -202px 120px -21px black;
        justify-content: center;
    }
    .callback-form__agreem-text {
        font-size: 14px;
    }
    .callback-form__agreem-text br {
        display:none;
    }
    .callbak-form__field-wrap {
        margin: 15px auto !important;
    }
    .callback-form__agreem {
        padding: 30px 0 5px 0;
    }
    .footer-row--lower div p , .footer-row--lower div a{
        text-align:center;
    }
    .footer-row article h3{
        margin: 5px 0 25px 0;
    }
    .footer-secondNav {
        margin: 0;
    }
    .footer-nav {
        padding: 0px 0;
        margin: -7px 0 0 0;
    }
    .footer-contact__row p a {
        margin: 0 0 0 11px;
    }
   
    .nashi-itogi div {
        width: 100% !important;
        height: 240px;
    }  
    .why-sitenn-block div {
        width: 100% !important;
    }
    .all-in-complect-list {
        width: 100% !important;
    }
    .all-in-complect-list div {
        height: auto;
        padding: 12px 0;
        min-height: auto !important;
    }
    .why-sitenn-heading div {
        font-size: 21px;
    }
    .about-info h2{
        font-size:18px !important;
        padding: 0 15px;
        margin:0 0 30px 0;
    }
    .about-info p {
        padding: 0 15px;
    }
    .all-in-complect-content h2{
        font-size:30px;
    }
    
    .main-services-item {
        width: 97%;
    }
    .header-contakt-info-list p {
        font-size: 14px !important;
        margin: 7px 0 !important;
    }
    .header-contakt-info-list p:first-child {
        font-size: 30px !important;
        margin: 0 0 15px 0 !important;
    }
    .header-contakt-map iframe {
        height: 320px;
    }
    .header-contakt-head-list p:first-child {
        font-size: 30px !important;
    }
    .serv-icon-1, .serv-icon-2, .serv-icon-3, .serv-icon-4, .serv-icon-5, .serv-icon-6, .serv-icon-7, .serv-icon-8 {
        background-size: 40px;
        background-position-y: center;
        height: 107px;
        background-position-x: center;
    }
    .main-services-item p:last-child {
        font-size: 14px;
        text-align: center;
        margin: 10px 0 0 0;
    }
    .main-services-item p:first-child {
        font-size: 28px;
        text-align: center;
    }
    .main-services-list {
        height: auto;
        flex-direction: column;
    }
    .all-in-complect-list div:last-child {
        padding: 0 !important;
    }
    .vizitka-name {
        font-size: 25px;
    }
    .form-group {
        width: 100% !important;
    }
    .application-vizitka-list p:first-child {
        margin: 4px 0px 4px 0;
    }
    .application-vizitka form {
        margin: 25px 0 0px;
    }
    .sait-vizitka {
        width: 84%;
        max-width: 1600px;
        margin: 0 auto;
    }
    .options_sait_vizitka_up_btn {
        margin: 0 0 0 0px;
    }
    .options_sait_vizitka_up {
        flex-direction: column;
    }
    .options_sait_vizitka {
        margin: 10px auto 21px;
    }
    .create-site-info p:last-child {
        font-size: 14px;
    }
    .create-site-info p:first-child {
        font-size: 25px;
    }
    .create-site-info p:nth-child(2) {
        font-size: 16px;
        margin: 7px 0 !important;
    }
    .create-site-header p {
        font-size: 20px;
    }
    .create-site-header {
        padding: 25px 10px;
    }
    .create-site-footer {
        padding: 15px 10px;
    }
    .review-open-list-name {
        font-size: 20px;
    }
    .review-open-list-btn {
        align-items: center;
        flex-direction: column;
    }
    .review-open-list-btn-left , .review-open-list-btn-right{
        margin: 10px 0;
    }
    .croshki {
        font-size: 14px;
    }
    .review-open-item-two img {
        height: auto;
    }
    .total-item-one p:first-child {
        padding: 0px 15px 0 0;
        text-align: end;
    }
    .total-item-one {
        flex-direction: column;
        margin: 0 0 24px 0;
    }
    .total-item-one p:first-child {
        padding: 0px 15px 0 0;
        text-align: center !important;
        margin-bottom: 0;
    
    }
    .total-item-one p:last-child {
        text-align: center !important;
    }
    .total-item-two {
        flex-direction: column-reverse;
    }
    .total-item-two a:first-child {
        color: #afa492;
        margin: 13px 0 0 0;
    }
    
    .calc-block-all-information, .calc-block-all-information-only {
        background-image:none;
        width: 86%;
    }
    .calc-block-info {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .calc-block-all-information-under {
        background-image: none;
        width: 74%;
    }
    
    .calc-block-textprice p {
        margin: 0 0 0 6px;
        width: 222px;
    }
    .calc-block-textprice {
        justify-content: flex-end;
        max-width: 100% !important;
        display: flex;
    }
    
    .calc-block-all-information p , .calc-block-all-information-under p , .calc-block-all-information-only p{
        padding: 0 5px 5px 0;
        margin: 0;
    }
    .calc-block-price {
        width: 100% !important;
    }
    
    .create-site-footer div {
        width: 94%;
    }
   .sait-vizitka-info:first-child div div .sait-vizitka-number{
        margin:0;
    }
    .form-group-btn{
        width: 309px;
        margin: 0 auto;
    }
     
    .form-group-three input{
        margin: 0 auto;
    }
    .main-text h2 {
        font-size: 20px;
    }
}



@media (max-width: 768px) { 
    .header-contacts {
    order: 1;
    display: none;
}
.header-logo {
    order: 0;
    display: flex;
}
.hum{
    order: 2;
    display: flex;
    justify-content: center;
}
.main-service_img {
    display: none;
}
.main-services_item {
    padding: 0px 9px;
    width: 100%;
}
.main-counter_list{
    width:50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.container--min {
    flex-wrap: wrap;
}
.project-item {
    width: 100% !important;
}
.main-text h1 {
    font-size: 37px;
}
.main-text p {
    font-size: 20px;
}
.header {
    padding: 9px 0;
}

.header-contacts-hum {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
}
.callback-form__row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.callbak-form__field-wrap {
        width: 95%;
        margin: 10px auto;
    }
.callback-form__agreem {
    justify-content: center;
}
.nashi-itogi div {
    width: 50%;
    height: 220px;
}
.why-sitenn-block div {
    width: 50% ;
}
    .main-services-list {
        height: auto !important;
        flex-direction: column;
    }
    
    .sait-vizitka-list {
        flex-direction: column;
    }
    .sait-vizitka-number {
        margin: 30px 0 0 0;
        padding:0;
    }
    .create-site-img {
        display: none;
    }
    .create-site-info{
    width: 100%;
    }
    .create-site-item {
        height: auto;
        padding: 30px 0;
    }
    
    .create-site-info p:nth-child(2) {
        margin: 15px 0;
    }
    .calc-block {
    padding: 0 10px 0 !important;
    flex-direction: column;
    }
    .calc-block-name-price .calc-block-number{
        display:none;
    }
    
    .calc-block-name-name-price {
        padding: 0 14px 0;
        margin:0;
    }
    
    .calc-block-number {
        padding: 0 ;
    }
    .calc {
        padding: 26px 0 0 0;
    }
    .form-group-three{
        width:70%;
    }

   
}

@media (min-width: 577px) and (max-width: 768px) { 
    .calc-block-textprice-Dop {
        max-width: 280px !important;
    }
     .form-group-three{
        width:70% !important;
    }
}

@media (min-width: 769px) and (max-width: 992px) { 
    .calc-block-textprice-Dop {
        max-width: 280px !important;
    }
    .form-group-three{
        width:70% !important;
    }
}



@media (max-width: 992px) { 
    .header .container {
        align-items: center;
         justify-content: space-between;
        padding: 0 7px;
    }
    .header-logo {
       
        order: 0;
    }
     
    .project-item {
        width: 50%;
    }
    .container--min {
        width: 94%;
    }
    .main-services_item {
        padding: 0px 0px;
    }
    .main-service_buttom_left_right {
        display: flex;
        flex-direction: initial;
        justify-content: center !important;
        padding: 0 0 20px 0;
    }
    .main-services {
        flex-direction: column;
    }
    .main-service_tochki {
        display: none;
    }
    .main-service_list {
        padding: 44px 17px;
    }
    .main-button a{
        margin: 0 0 14px 0;
    }
      .hum-btn{
        display:block;
        outline: none;
        transition:.2s ;
    }
    .header-nav {
        display: none;
    }
    .hum{
        order:2;
    }
    .main-service {
        width: 100%;
    }
    .header-contacts {
        margin: 5px 0px 0 0 !important;
        width: auto !important;
    }
    .main-service_buttom {
        margin: 20px 0 0 0;
    }

.main-counter_list p {
    width: auto !important;
}
    
    .main-form__wrap, .header-contakt-info, .footer-row--lower div, .header-contakt-head , .croshki , .review-open{
    width: 95%;
}

.main-text h1 {
    font-size: 46px;
}
.main-text p {
    font-size: 24px;
}


.why-sitenn-block {
    justify-content: unset;
}
.why-sitenn-block div {
    width: 33.3333%;
}
.all-in-complect-img {
    display: none;
}
.all-in-complect-list {
    width: 50%;
    padding: 0 16px;
}
.header-contakt-head {
        min-height: 100px !important;
        margin: 80px auto 0 !important;
    }
    .portfolio-menu ul {
        flex-direction: column;
        margin: 14px 0;
    }
    .portfolio-menu ul li {
        margin-right: 0px !important;
        text-align: center;
        padding: 15px 0;
    }
    .portfolio-menu {
        overflow: hidden;
        max-height: 0px;
        z-index: 9999;
        width: 100%;
        position: absolute;
        background-color: #fff;
        
    }
    .portfolio-menu-media {
        display: flex;
        border-bottom: 3px solid #e30636;
        margin: 10px 20px 18px;
        align-items: center;
        padding: 0 3px;
    }
    .portfolio-menu-active {
        border-bottom: 2px solid #e30636;
    }
    .portfolio-menu ul li a {
        padding: 8px 0px;
    }
    .portfolio-menu ul li a {
        font-size: 16px !important;
    }
     .header-contakt-head-list p:first-child {
        font-size: 38px ;
    }
    .header-contakt-head-list p:last-child {
        font-size: 14px !important;
    }
    .serv-icon-1, .serv-icon-2, .serv-icon-3, .serv-icon-4, .serv-icon-5, .serv-icon-6, .serv-icon-7, .serv-icon-8 {
        background-size: 40px;
        background-position-y: center;
        height: 107px;
        background-position-x: center;
    }
    .main-services-item p:last-child {
        font-size: 14px;
        text-align: center;
        margin: 10px 0 0 0;
    }
    .main-services-item p:first-child {
        font-size: 28px;
        text-align: center;
    }
    .main-services-list {
        height: 300px;
        flex-direction: column;
    }
    .about-info h2{
        font-size:20px;
    }
    .nashi-itogi p {
        font-size: 20px;
        padding: 0 15px;
    }
    .why-sitenn-block div p {
        font-size: 16px !important;
    }
     .why-sitenn-block div {
        padding:0 15px;
    }
      .all-in-complect-list div{
        height: auto;
        min-height: 140px;
    }
    .all-in-complect-list div:last-child {
        padding: 0 0 10px 0;
    }
    .all-in-complect-content {
        padding: 0 0 54px 0;
    }
     .form-group{
       width: 48%;
    }
    .form {
        flex-wrap: wrap;
        justify-content: space-around;
    }
     .review-open-item-one {
        width: 100% !important;
    }
    .review-open-item-two {
        width: fit-content !important;
    }
    .review-open-lists {
        flex-wrap: wrap;
        justify-content: space-around;
        margin: 15px auto 12px;
    }
    .review-open-lists-left{
        order:0;
    }
    .review-open-lists-right {
        order:1;
    }
    .review-open-list {
        order:2;
        justify-content: center;
    }
    .review-open-item-two span {
        display: none;
    }
    .review-open-list-name {
        margin: 1em auto 0;
    }
     .review-open-item-one div div {
        margin: 0 0 30px 0;
    }  
    .review-open-list-btn {
        margin: 35px auto 25px;
        justify-content: center;
    }
    .total {
        flex-direction: column;
        padding: 0 !important;
        align-items: flex-end;
        width: 94%;
    }
    .calc-block , .calc-block-name-price{
        width: 94%;
        padding: 0 !important;
    }
    .total-item-two {
        width: 100%;
    }
    .total-item-one {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }
    
    .total-item-one p:last-child {
        font-size: 18px;
    }
    
    .calc-block-number {
        padding: 0 24px 0 0;
    }
    .create-site-header {
         width: 95%;
    }
    .header-contakt-head-list-text{
        font-size: 20px;
    }
    
    .header-nav__item {
         text-align: center;
        list-style: none;
        padding: 40px 0;
        color:#afa492;
        transition: .3s;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .header-nav__item:hover{
    background-color: #afa492;
    color:#fff;
    transition: .3s;
    }
    .header-nav__link{
        padding: 14px 0;
        text-align: center;
        color:#afa492;
        transition: .3s;
        font-size: 20px;
    }
    
   .header-nav__link:hover{
    background-color: #afa492;
    color:#fff;
    transition: .3s;
}
}

@media (max-width:1200px){
   
    .portfolio-menu ul li {
        margin-right: 54px;
    }
    .portfolio-menu ul li a {
        font-size: 14px;
    }
    .why-sitenn-block div p {
        font-size: 18px;
    }
    .sait-vizitka , .form , .application-vizitka-list{
        width: 95%;
    }
    .application-vizitka-list {
        flex-direction: column;
    }
    .application-vizitka-list p{
        text-align:center;
    }
    
    .calc-block-info-under{
        padding: 0 0 0 30px;
    }
    
   
}

@media (max-width: 1242px) {
   .footer-row--lower {
        padding: 6px 10px;
    }
    
    .header-nav__list {
        justify-content: flex-end;
    }
     .container-top {
      border: 0px;
     }
    
    .header-contacts {
        /*justify-content: center;*/
        justify-content: flex-end;
        margin: 24px 0px 0 0;
        width: 100%;
    }
    .header-nav__item {
        margin: 0 37px !important;
    }
    .scroll {
        padding: 20px 0;
    }
    .header {
    padding: 20px 0;
}
    
}
@media (max-width: 1350px) {
   .header-tel p {
        font-size: 14px !important;
   }
    .header .container {
        align-items: center;
    }
   
    
    
}

@media (min-width: 992px) and (max-width: 1350px) {
    
    .header-nav__item:last-child{
        margin-right:0 !important;
    }
}

@media(max-width: 1400px){
    .calc-block , .calc-block-name-price{
        padding: 0 20px 0 0;
    }
    .total{
        padding: 0 20px 0 104px;
    }
}

@media(max-width: 1440px){
    .header-contakt-info-list p {
        font-size: 16px;
    }
    .header-contakt-info-list p:first-child {
        font-size: 34px;
    }
    .options_sait_vizitka_down-list__item {
        height: 270px;
    }
    .review-open-item-one {
        width: 56%;
    }
    .review-open-item-two {
        width: 360px;
        height: fit-content;
        
    }
    .review-open-item-two img {
        width: 360px;
        height: auto;
    }
    .review-open-item-two span {
        left: 39%;
        top: 215px;
    }
}

@media (max-width: 1490px) {
    .header-logo {
        margin: 0 16px 0 0;
    }
    .header-nav__item {
        margin: 0 15px;
    }
    .header-nav__link {
        font-size: 16px;
    }   
}
@media (max-width: 576px) {
    .project-item__ligo-one{
         background-image: url(images/resized/mnitecbg-360.png);
    }
    .project-item__ligo-two{
         background-image: url(images/resized/miobg-360.png);
    }
   
    .project-item__ligo-four{
         background-image: url(images/resized/kstovobg-360.png);
    }
    .project-item__ligo-five{
         background-image: url(images/resized/cleverbg-360.png);
    }
    .project-item__ligo-six{
         background-image: url(images/resized/kmkbg-360.png);
    }
    
    .project-item__ligo-eigth{
         background-image: url(images/resized/meridianbg-360.png);
    }
     .main-form{
        background-image: url(images/resized/formbg-580.png);
    }
   
}
@media (max-width:1200px){

    
     .header .container-top {
       justify-content: space-between;
    }
     .main .main-title {
      font-size: 36px;
      line-height: 36px;
    }
    .main .main-box__left .item-text {
      font-size: 16px;
    }
     .main .main-box__right {   
       top: 140px;
    }
    .main .main-box__right .logo img {
      width: 500px;
    }
       
    .main .item-info-wrap .item-info:nth-child(2),
    .main .item-info-wrap .item-info:nth-child(3) {
      width: 100%;
     }
     .work__title, .about__title, .site__box-item .item-title, .best__title, .clients__title, .feedback__title {
      font-size: 36px;
    }
    .work__box-item {
      width: 100%;
     }
    .work__box-item:nth-child(2) {
      padding: 0; 
      border-left: 0px; 
      border-right: 0px; 
     }
     
    .work__box-item .item-title {
      font-weight: 500;
     } 
    
    .about-box__list {
      width: 100%;
     }
    .about-box__list li { 
      height: auto; 
      padding: 15px 0 15px 90px;
      background-position:  0px 15px ;
     }
    /* .about-box__list:nth-child(1) li , 
    .about-box__list:nth-child(1) li:nth-child(2) , 
    .about-box__list:nth-child(2) li ,
    .about-box__list:nth-child(2) li:nth-child(2) {
      background-position:  0px 15px ;
    } */
    .best__box-item {
      width: 100%;
    }

}
@media (max-width: 768px) {  
 
 .header {
   background: rgba(100, 148, 236, 1);
  }
 .hum-btn {
   border: 2px solid #fff;
  }
  .icon-menu { 
   color: #fff;
  }
}

@media (max-width: 767px) { 

.main .main-title {
    font-size: 24px;
    line-height: 24px;
}

.main .main-box__left {
    width: 100%;
} 
.main .main-box__right {
    width: 100%;
    order: -1;
}
.main .main-title br {
  display: none;
}

.clients__box-item {
  width: 100%;
}
.clients__box-item:nth-child(1), .clients__box-item:nth-child(3) {
  border-right: 0px;
  border-bottom: 0px;
}
.feedback__text, .feedback__box, .feedback__textarea, .footer__block-item { 
  width: 100%;
}

}

@media (max-width: 576px) {
    .work__title, .about__title, .site__box-item .item-title, .best__title, .clients__title, .feedback__title {
    font-size: 24px;
}
    .main .main-box__right .logo img {
      width: 360px;
    }
    .main .main-title {
      font-size: 26px;
      line-height: 36px;
      }
    .main .main-box__right {
      top: 180px;
     }
    .site__box-padding {
        width: 92vw;
        padding-right: 0;
        padding-bottom: 0;
        height: auto;
        margin-bottom: 24px;
    }

    .site__box-padding .site__box-item {
        width: 92vw;
        height: 100%;
        justify-content: flex-start;
    }

    .site__box-padding .item-title {
        font-size: 24px;
        display: flex;
        align-items: center;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .site__box-padding .item-title span{
        height: 56px;
        font-size: 24px;
        padding-top: 15px;
        margin-right: 14px;
    }

    .site__box-padding .item-descr {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 0;
    }

    .site__box-padding .item-list {
        padding-top: 8px;
        font-size: 14px;
        line-height: 19px;
    }

    .site__box-padding .item-info {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        margin: 0;
        height: 100%;
    }

    .site__box-padding .item-info a{
        font-size: 20px;
        line-height: 22px;
        box-shadow: none;
        align-self: center;
        margin-top: 30px;
        position: relative;
        bottom: 0;
    }

    .site__box-padding .item-info span{
        font-size: 24px;
        line-height: 24px;
        margin-top: 16px;
    }

    .site__box::-webkit-scrollbar-thumb {
        width: 80px;
    }

    .site__box-item .item-list {
      height: auto;
      margin: 0;
      padding: 0;
   }
    .site__box-item .item-info {
       flex-wrap: wrap;
    }
   .feedback::before {
     display: none;
   }

  .banners__box-item {
   width: 48%;
  }
  .site__box-item .item-info .price {
   margin-top: 30px;
  }
  .feedback__input:nth-child(1),  .feedback__input:nth-child(2) {
    width: 100%;
   }
  .work, .best, .banners {
    padding: 30px 0;
  }
  .site__box {
    padding-top: 30px;
}
  .best__box-item .item-text {
    font-size: 26px;
  }
 .best__box-item .item-list li {
    padding: 15px 0 15px 70px;
  }
  .clients__box-item:nth-child(1),
  .clients__box-item:nth-child(2),
  .clients__box-item:nth-child(3),
  .clients__box-item:nth-child(4){
    padding: 30px 0px;
  }
  .about-box__list li {
    height: auto;
    padding: 15px 0 15px 80px;
    
}
}
@media (max-width: 480px){
.main .main-box__right {
    top: 210px;
}
}
@media (max-width: 360px){
.main .main-box__right {
    top: 240px;
}
}