@media screen and (max-width: 1350px) {
       .header .main {
        padding: 0px 20px 0 20px
       }

       section .main .text {
        padding-left: 20px;
       }

       .company .main {
             padding: 0 10px 0 10px;
       }

       section .main {
            width: 100%;
       }
} 


@media screen and (max-width: 1239px) {
       .header .main {
            width: 100%;
       }

       .serv_vertical a {
             padding: 0 30px;
      }

      .package .main p {
                  margin: 15px 10px
      }

      .tag {
            margin: 0 10px;
      }

      .tag .what {
            margin-right: 10px;
            width: 100%;
      }

      .address {
            width: 100%;
            margin: 0;
            padding: 0 10px;
            box-sizing: border-box;
      }

      .ofismap {
            width: 100%;
      }
}


@media screen and (max-width: 1024px) {
      .contacts {
            flex-direction: column;
            margin-right: 20px;
      }
      .contacts img {
            width: 12%;
      }
      .contacts a {
            margin: 4px 0;
      }

      section .main .text {
            font-size: 21px;
      }

      .question {
            margin-right: 15px;
      }

      .serv_vertical img {
            width: 20%;
      }

      .serv_vertical a {
            padding: 0 10px;
      }

      .services .main p {
            line-height: 20px;
      }

      .tape {
            height: 280px;
      }

      .we .main h1 {
            margin-bottom: 40px;
      }

     
}


@media screen and (max-width: 922px) {
         section .main .text {
            font-size: 14px;
      }

      section .main {
            justify-content: center;
      }

        section .main .cmp {
            flex-wrap: wrap;
            justify-content: center;
      } 

      .cmp_o, .cmp_s, .cmp_g, .cmp_c, .cmp_t {
            width: auto;
            padding: 0 10px;
      }

      .review .main {
            margin-bottom: 0px
      }

      .review h1 {
            margin-top: 50px;
            margin-bottom: 40px;
      }

      .price .main {
            width: 100%;
      }

        .price .prc {
          width: 100%;
          padding: 0 10px;
          box-sizing: border-box;
      }

      .services .main {
            font-size: 18px;
      }

        

}

@media screen and (max-width: 845px) {
      .cmp_box:nth-child(4) {
        border-bottom: solid 1px;
}

.cmp_box:nth-child(3) {
        border-right: solid 1px;
}
      .cmp_box:nth-child(2n) {
        border-right: none;
}

}


@media screen and (max-width: 767px) {
      section .main .text {
            display: none;
      }

      .services .main {
            font-size: 16px;
      }

      .question {
            margin-right: 0;
      }
      
      .dlv {
            flex-wrap: wrap;
            justify-content: center;
      } 

      .dlv_box {
            border-bottom: solid 1px;
            width: 280px;
            padding: 15px 0px;
      }

     .dlv_box:nth-child(2n) {
            border-right: none;
      }


      .dlv_box:nth-child(3) {
            border-bottom: none;
      }

      .dlv_box:nth-child(4) {
            border-bottom: none;
      }

      a.pack_box { 
            padding: 0 10px;
      }

      .pack_box {
            font-size: 18px;
            width: auto;
      }

      .video {
            flex-direction: column;
      }

      .we .main h1 {
            margin-top: 40px;
      }

      .tag {
            flex-direction: column;
      }

      .tag .what {
            margin-bottom: 20px;
      }

      .tag .what img {
            width: 30px;
      }

      .we .main {
            align-items: normal;
      }

      .contacts .tape {
            width: 100%;
      }

      .address_box {
            flex-direction: column;
            margin: 0;
      }

      .address p {
            margin: 0 10px;
      }

      .address {
            margin: 0px;
      }

      .ofismap {
            margin: 0px;
            height: 300px;
      }

      .price .main {
          height: 100%;
          padding: 10px 10px;
      }

      .price .prc {
            flex-direction: column;
            align-items: center;
            padding: 0px;
      }

      .price .contact {
            width: 100%;
      }

      .prc input {
            width: 100%;
      }

      .prc textarea {
            width: 100%;
            margin-bottom: 20px;
      }

      .footer_logo p {
            display: none;
      }

      footer .main .contacts {
            flex-direction: column;
            justify-content: center;
            line-height: 10px;
      }

}

@media screen and (max-width: 683px) {
      .header .main p {
            display: none;
      }
       
 }

@media screen and (max-width: 576px) {
      .cmp_g {
            border-right: none;
      }

      .serv_vertical {
            flex-direction: column;
      }

      .services .main {
            font-size: 20px;
      }

      .serv_vertical a {
            padding: 0 30px;
      }

      .serv_vertical img {
            width: 15%;
      }

       .dlv_box {
            width: 192px;
      }

      .pack {
            flex-wrap: wrap;
            justify-content: center;     
      }

      .pack_box {
            width: 120px;
      }

      .pack_box:nth-child(1) {
            border-bottom: solid 1px;
      }

      .pack_box:nth-child(2) {
            border-bottom: solid 1px;
      }

      .pack_box:nth-child(3) {
            border-right: none;
            border-bottom: solid 1px;
      }

       .cmp_box:nth-child(5) {
        border-bottom: solid 1px;
      }

      .cmp_box:nth-child(1n) {
        border-right: none;
      }
      #modal {
            width: 300px;
      }
      #modalmsg {
            width: 300px;
      }
      #modalleft {display: none;}      
}

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

      .dlv_box {
            width: 186px;
      }

      .main .logo_2 {
            display: block;
                   padding-right: 28px;
                   border-right: solid 2px;
      }
            .contacts img {
                  margin-left: 10px;
                  margin-right: 10px;
      }

      section .main .cmp {
            flex-direction: column;
      }

      .cmp_o, .cmp_s, .cmp_g, .cmp_c {
            border-right: none;
            border-bottom: solid 1px;
            padding: 0 10px 15px;
      }

      p {
            margin: 10px 20px;
      }

       .pack_box:nth-child(2n) {
            border-right: none;
      }

       .pack_box:nth-child(3) {
            border-right: solid 1px;
      }

      .pack_box:nth-child(4) {
            border-bottom: solid 1px;
      }

       .tape {
            height: 240px;
      }

      .tag .what {
            line-height: 16px;
      }

      .we .main {
            font-size: 16px;
      }

      .price button {
            width: 280px;
      }

      footer .main .logo {
            display: block;
      }
        
}

@media screen and (max-width: 374px) {
      .dlv_box {
            width: 159px;
      }

      .package h2 {
            margin: 55px 10px 18px;
      }
       

} 

@media screen and (max-width: 320px) {
       
}