@media (min-width: 1200px) {
    .main-top-block {
        padding-bottom: 84px;
    }
    .main-top-block__phone {
        width: 15.8125rem;
        right: calc(100% - .25rem);
        top: -.0625rem;
        transform: rotate(-7deg);
    }
    .main-top-block__mail {
        left: calc(100% - 15.0625rem);
        top: 19.1875rem;
    }
    .main-top-block-messengers-top__secondary {
        top: 130px;
        left: 90px;
    }
}

@media (min-width: 768px) {
    .main-top-block__phone {
        width: 12.6875rem;
        right: calc(100% - 7rem);
        top: 1rem;
        transform: rotate(-7deg);
    }
    .main-top-block-messengers-top {
        top: -3.5625rem;
        left: 9px;
    }
    .main-top-block__mail--animated {
        animation: main-top-block-mail-rotate 2s cubic-bezier(.4,0,1,1) infinite alternate;
    }
    .main-top-block__mail {
        left: calc(100% - 23rem);
        top: 19rem;
    }
    .main-top-block__message {
        left: calc(100% - 9.6rem);
        top: -2.625rem;
    }
    .main-top-block__message--animated {
        animation: main-top-block-message-rotate 5s infinite;
    }
   
    
}
@media(max-width: 1700px){
    .container{
        max-width: 1250px;
    }
    .main-top-block{
        max-width: 790px;
    }
}
@media(max-width: 1450px){
    .container {
        max-width: 1100px;
      }
      .main-top-block{
        max-width: 980px;
        padding: 0;
      }
      
}
@media(max-width: 1300px){
    .container{
        max-width: 1000px;
    }
    .main-top-block{
        max-width: 790px !important;
    }
}
@media (max-width: 1200px){
   .img_cont {
    display: none;
   }
   .popup_wrapper{
    align-items: flex-start;
    padding-top: 6.5rem;
   }
   .popup_content h2{
    font-size: 1.75rem;
   }
    .container{
        max-width: 1058px;
        padding: 0px 64px;
    }
    .main-top-block-messengers-top__secondary{
        top: 115px;
        left: 70px;
    }
    .title h1{
        font-size: 3.5rem;
    }
  
    .main-top-block-messengers-top__primary img, .main-top-block-messengers-bottom__primary img{
        width: 96px;
        height: 96px;
    }
    .main-top-block-messengers-top__secondary img, .main-top-block-messengers-bottom__secondary img{
        width: 64px;
        height: 64px;
    }
    .main-top-block-messengers-top__primary{
        left: 55px;
    }
    .main-top-block__mail {
        left: calc(100% - 21rem);
        top: 17rem;
    }
    .main-top-block-messengers-bottom {
        right: 130px;
    }
    .main-top-block-messengers-bottom__secondary {
        top: 10px;
        left: 90px;
    }
    .main-top-block__message {
        left: calc(100% - 8rem);
    }
    .overview{
        max-height: 52px;
    }
    .overview_desc h2 {
    font-size: 2rem;
    }
    .cards_desc{
        display: flex;
        flex-direction: column-reverse;
        gap: 2.5rem;
    }
    .mx-w{
        width: 100%;
    }
    .opportunities{
        display: flex;
        flex-direction: column;
        gap: 10rem;
        padding-top: 3.75rem;
        padding-bottom: 6.25rem;
    }
    .usual{
        display: none;
    }
    .d_1200{
        display: block;
    }
    .section_title{
        line-height: 120%;
        font-size: 1.75rem;
    }
    .d_1200_column{
        flex-direction: column !important;
    }
    .phrase_wrapper{
        padding-bottom: 3.75rem;
    }
    .phrase_wrapper_block{
        font-size: 32px;
        height: 3.5rem;
    }
    .phrase_img img{
        height: 70px;
    }
    .options_wrapper_block{
        gap: 2rem;
        padding: 1.75rem 2rem;
    }
    .options_wrapper_block .section_wrapper img{
        height: 264px;
        width: 540px;
    }
    .d_200_big_img{
        width: 910px !important;

    }
    .low_title {
        font-size: 1.5rem;
    }
    .px-16{
        padding: 0;
    }
    .prices_wrapper_values{
        padding: 0;
    }
    .offers{
        grid-template-columns: 1fr;
    }
    .offers_item{
        padding: 32px;
    }
    .offers_item_content{
        width: 288px;
    }
    .offers_img{
        top: 0;
        bottom: auto;
        height: 100%;
    }
    .offers_img img{
        height: 100%;
    }
    .get_free_container h2{
        font-size: 2rem;
    }
    .footer_wrapper{
        padding: 56px 64px;
    }
    .options_wrapper, .opportunities{
        padding-bottom: 60px;
    }
    .overview_desc_img{
        overflow: hidden;
    }
    .overview_desc_img img{
        height: 160px;
        width: auto;
    }
    .overview_desc_title{
        max-width: 430px;
    }
}
@media(max-width: 850px ){
    .overview_desc_wrapper {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        padding: 0;

    }
    .overview_desc_title{
        padding: 0;
    }
   
}
@media(max-width: 750px){
    .get_free_container h2{
        font-size: 1.675rem;
    }
    .overview_desc_wrapper_mob{
        display: flex;
    }
    .get_free_container_btn{
        flex-direction: column;
        gap: 10px;
    }
    .get_free_container{
        max-width: auto;
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }
    .d_750{
        display: flex;
    }
    .hide_750{
        display: none;
    }
    .overview{
        max-height: 39rem;
        min-height: 20rem;
        padding-bottom: 0px;
    }
    .title h1{
        font-size: 2rem;
        margin-bottom: 2rem;
    }
    .container{
        padding: 0px 16px;
    }
    .overview_desc_title{
        max-width: 100%;
    }
    .overview_desc_img img{
        height: 120px;
    }
    .overview_desc_wrapper_mob .flex_block{
        justify-content: center;
    }
    .section_wrapper{
        height: 20rem;
    }
    .section_wrapper img{
        height: auto;
    }
    .section_title{
        font-size: 1.5rem;
    }
    .opportunities{
        gap: 5rem;
    }
    .phrase_wrapper, .opportunities{
        padding: 2.5rem 0rem;
    }
    .options_wrapper_block{
        padding: 24px;
        display: flex !important;
        flex-direction: column-reverse;
    }
    .phrase_wrapper_block{
        font-size: 24px;
    }
    .phrase_img img{
        height: 60px;
    }
    .phrase_wrapper_block .mx-2{
        height: 3rem;
    }
    .options_wrapper_block .section_wrapper{
        height: 144px;
    }
    .options_wrapper_block .section_wrapper img{
        height: auto;
        width: auto;
    }
    .low_title{
        font-size: 1.375rem;
    }
    .options_desc {
        margin-bottom: 1.5rem;
      }
      .options_wrapper{
        padding-bottom: 40px;
      }
      .offers_item_content .item h2, .price_value{
        font-size: 1.375rem;
      }
      .offers_item{
        min-height: 16.5rem;
      }
      .mt-20{
        margin-top: 0;
      }
      .offers_item_content{
        width: 100%;
      }
      .offers_img{
        bottom: 0;
        top: auto;
        height: auto;
      }
      .mh-4{
        min-height: 1rem;
        width: 300px;
      }
}
@media(max-width: 550px){
    .popup_wrapper_container{
        width: 380px;
    }
    .js-control-input{
        max-width: 320px;
    }
}
@media(max-width:500px) {
    .hide_500{
        display: none;
    }
    .tabs_values_container{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding: .6rem;
    }
    .overview{
        max-height: 45rem;
    }
    .footer_wrapper{
        margin: 0px 20px;
    }
    .footer_img {
        display: none;
    }
    .footer_wrapper {
        padding: 40px 16px;
    }
    .footer_wrapper_nav{
        background: transparent;
        flex-direction: column;
        gap: 20px;
        padding: 0px;
    }
    .footer_social_links{
        background: var(--background-color);
        border-radius: 10px;
        padding: .5rem 1rem;
    }
    .lang-button{
        border: 2px solid var(--primary-color);
        border-radius: var(--border-radius);
        padding: 8px 20px;
    }
    .lang-button:hover,  .lang-button.open{
        border-color: var(--secondary-color) ;
      }
      .lang-list{
        min-width: fit-content;
      }
      .phrase_img img{
        height: 50px;
      }
      .phrase_wrapper_block{
        height: 2.8rem;
      }
      .tabs_values_container{
        border-radius: 20px;
        margin: 0 auto;
      }
      .main-top__mail {
        top: 4.5rem;
      }
}
@media(max-width:400px) {
    .tabs_values_container{
        grid-template-columns: repeat(2, 1fr);
    }
      .tabs_values_wrapper .w-max{
        margin: 0 auto;
      }
      .popup_wrapper_container{
        width: 300px;
      }
      .js-control-input{
        max-width: 240px;
      }
}