@media screen and (max-width: 1750px) {
    
    .container {
         max-width: 1280px;
    }

    header .container {
        max-width: 1280px;
    }

    .header__nav a {
        font-size: 15px;
    }

    .header__nav { 
        column-gap: 18px; 
        margin-right: 0px;
    }

    .main h1 {
        font-size: 70px;
        line-height: 100px;
        max-width: 470px; 
        margin-bottom: 60px; 
    }

    .main-img { 
        max-width: 810px;
    }

    .main h1:before {
        height: 130px;
        top: -130px;
        left: 150px;
    }

    .main .container {
        padding: 265px 0 120px;
    }

    .header__cont {
        width: auto;
    }

    .header__adress {
        display: none;
    }

    .header__logo-name {
        font-size: 16px; 
    }

    .header__logo {
        width: 300px; 
    }

    .main-link { 
        left: 0px; 
    }

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

    .container, header .container, .works .container {
        max-width: 1170px;
    }

    .header__nav a {
        font-size: 14px;
    }

    header .container { 
        column-gap: 15px; 
      }
 

}
 

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

    header .container, .container, .works .container, footer .container {
        max-width: 970px; 
    }
    
    .header__nav {
        display: none;
    }


    .header__cont { 
        margin-left: auto;
    }

    .main-img {
        max-width: 600px;
    }

    .main h1:before, .main h1:after {
        content: none;
    }

    .main .container {
        padding: 150px 0 120px;
    }

    .main h1 { 
        margin-bottom: 30px;
    }

    .main-link { 
        display: none;
    }

    .main-list { 
        align-items: center; 
    }

    .about__text {
        background: #fff;
        margin-left: 30%;
        padding-top: 100px;
        padding-left: 100px;
        margin-top: 150px;
    }

    .person__left {
        max-width: 500px;
        padding-left: 0;
        width: 100%;
    }

    .person__right {
        width: calc(100% - 500px);
        padding-left: 50px;
    }

    .person-bg { 
        max-width: 500px;
    }

    .learn-box {
        padding-left: 0;
        padding-right: 0;
        display: flex;
        position: relative;
    }

    .tabs-btn {
        width: 50%; 
    }

    .tabs-content {
        width: 50%; 
    }

    .what__quote { 
        position: absolute;
        bottom: -20px;
        width: 100%;
    }

    .bottom-form-box { 
        margin-right: 50px;
    }
    .contact-text {
        padding-left: calc(50% + 50px);
        padding-top: 150px;
        padding-bottom: 200px;
        position: relative;
    }

    .subtitle { 
        font-size: 80px; 
        top: 150px; 
    }

    footer { 
        padding: 30px 0 50px;
    }

    .footer__logo-name:before {
        width: 80%; 
        left: -90%; 
    }
    .footer__logo-name:after {
        width: 80%; 
        right: -90%; 
    }

    .what, .main { 
        overflow: hidden;
    }

    .services-list:before {
        content: none; 
    }

    .services-list-btn {
        display: flex;
        align-items: center;
        flex-direction: column;
        row-gap: 10px;
    }

    .services-list-col:first-child .services-list-btn span {
        color: #242424;
    }

    .service .subtitle { 
        display: none;
    }

    .services-list {  
        gap: 30px; 
    }

    .s-list { 
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 30px; 
    }

    .k-list { 
        grid-template-columns: 1fr 1fr; 
    }

}

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

    header .container, .container, .works .container, footer .container {
        max-width: 740px; 
    }
    .about-bg2 { 
        display: none;
    }

    .about__text {
        background: #fff;
        margin-left: 15%;
        padding-top: 50px;
        padding-left: 50px;
        margin-top: 120px;
        padding-bottom: 50px;
    }

    .person-bg { 
        display: none;
    }

    .person__left {
        max-width: 50%; 
    }

    .person__right {
        width: 50%;
        padding-left: 50px;
        padding-top: 100px;
    }

    .service-box { 
        padding-right: 0;
    }

    .footer__logo-name:before, .footer__logo-name:after {
        content: none;
    }

    .footer__copyright {
        width: 100%;  
    }
    .footer__bottom {
        text-align: center;
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
    }

    .footer__polit {
        margin-left: 0;
        margin-right: 0;
    }

    .map {
        width: 100%;
        height: 350px;
        position: relative;
        left: auto;
        top: auto;
    }

    .contact-text {
        padding-left: 0;
        padding-top: 100px;
        padding-bottom: 50px;
        position: relative;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .subtitle {
        font-size: 60px;
        top: 0;
        right: 20px;
    }

    h2:before {
        content: '';
        width: 1px;
        height: 100px;
        background: #242424;
        position: absolute;
        top: -110px;
        left: 50%;
    }

    .bottom-form-box { 
        padding: 40px 30px 30px;
        width: 100%; 
        max-width: 430px;
        margin: 0 auto;
    }

    .works h2:before {
        left: 50%;
    }

    .works h2 {
        padding-left: 0;
        text-align: center;
    }

    .review .subtitle { 
        left: 20px;
    }

    .what-box-img {
        width: 100%;
        position: relative;
        left: auto;
        bottom: auto;
    }

    .what__text {
        padding-left: 0;
        margin-bottom: 50px; 
        text-align: center;
    }

    .what__items {
        display: flex;
        flex-direction: column;
        row-gap: 67px;
        padding-bottom: 165px;
        align-items: start;
        padding-left: 0;
        justify-content: center;
        align-items: center;
    }

    .what__quote { 
        line-height: 44px;
    }

    .what-box .subtitle { 
        left: 20px;
    }
    
    .service-left { 
        padding: 30px 65px 30px 0px; 
    }

    .service .subtitle { 
        display: none;
    }

    .service-content-row span + span { 
        display: block;
        width: 100%;
        padding-top: 10px;
    }

    .service-content-row { 
        flex-wrap: wrap;
    }

    .about {
        overflow: hidden;
        padding: 50px 0;
    }

    .main-items { 
        height: auto; 
        padding: 20px 0;
        flex-direction: column;
        width: 100%;
    }

    .main-img {
        max-width: 480px;
    }

    .main h1 {
        font-size: 50px;
        line-height: 80px;
        max-width: 340px; 
    }

    .main .container {
        padding: 120px 0 120px;
    }

    .video-items { 
        grid-template-columns: 1fr 1fr; 
    }

    .k-list { 
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .l-list-item { 
        width: 100%;
    }

    .s-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 30px;
    }
    
}

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

    .container {
        max-width: 100%!important;
        padding-left: 10px;
        padding-right: 10px; 
         
    }

    .review-item { 
        gap: 25px;
        flex-direction: column-reverse;
    }

    .review-item__text {
        width: 100%;
        padding-left: 0;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
    .review-item__name { 
        width: 100%;
        text-align: center;
    }

    h2 {
        font-size: 36px;
        line-height: 46px;
        margin-bottom: 30px; 
    }

    .works__items { 
        gap: 15px;
    }

    .work__item {
        width: calc(100% / 2 - 15px);
        position: relative;
        overflow: hidden;
    }

    .service-right {
        width: 100%;
        overflow: hidden;
        height: auto;
    }

    .service-left {
        padding: 30px;
        width: 100%;
    }

    .service-box { 
        flex-direction: column;
    }

    .service-content-1, .service-content-2 { 
        padding: 20px 0px 0px; 
        row-gap: 15px;
        font-size: 18px;
        overflow-y: auto;
    }
    .service-content-row span + span { 
        width: 30%;
        padding-top: 0;
        font-size: 20px;
        text-align: right;
    }

    .service-content-row {
        flex-wrap: nowrap;
    }

    .person__left {
        max-width: 100%;
    }

    .service-tab-1.active:after, .service-tab-2.active:after { 
        content: none; 
    }

    .main-item { 
        font-size: 15px;
    }

    .about__text { 
        margin-left: 10%;
        padding-top: 30px;
        padding-left: 30px;
        margin-top: 50px;
        padding-bottom: 50px;
    }

    .about_btn span:before {
        content: none; 
    }

    .about__text h2:before {
        height: 100px;
        top: -110px;
        left: 160px;
    }

    .person__left h2 {
        margin-bottom: 15px;
        text-align: center;
    }

    .person__left h2:before {
        left: 50%;
    }

    .about { 
        padding: 50px 0 0;
    }

    .person__right {
        width: 100%;
        padding-left: 0;
        padding-top: 50px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .works__items {
        gap: 10px;
    }
    .work__item {
        width: calc(100% / 2 - 5px); 
    }

    .work__item:nth-child(5), .work__item:nth-child(6), .work__item:nth-child(7) {
        width: calc(100% / 3 - 20px / 3); 
    }

    .service-left .btn { 
        display: none;
    }

    .service-left { 
        flex-direction: unset; 
        flex-wrap: wrap; 
        gap: 10px;
    }
    .service-tab-1, .service-tab-2 { 
        padding: 5px 10px;
        border: 1px solid;
        border-radius: 20px;
        font-size: 18px;
        line-height: 25px;
    } 

    .service-left h3 { 
        margin-bottom: 20px;
        width: 100%;
    }

    .service-left {
        padding: 30px 10px 20px; 
    }

    .service-left:before { 
        right: -10px; 
    }

    .btn.s-mob { 
        display: flex;
    }

    .service { 
        padding: 100px 0 15px;
    }
    .learn h2 { 
        text-align: center;
    }

    .learn h2:before {
        left: 50%;
    }

    .what {
        padding: 120px 0 0px; 
    }

    .what__quote {
        line-height: 36px;
        font-size: 24px;
        height: auto;
        padding: 20px 0;
    }

    .review {
        padding: 200px 0 70px; 
    }

    .review-bg {
        position: absolute;
        right: 0;
        top: 10px;
        left: 0;
        margin: 0 auto;
    }

    .review h2 {
        margin-bottom: 70px;
        margin-left: 0;
        text-align: center;
    }

    .header__call {
        display: none;
    }
    .header__cont {
        margin-left: auto;
        display: none;
    }

    .header__logo {
        width: 100%;
        row-gap: 0px;
    }

    .main__social { 
        display: none;
    }

    .main h1 {
        font-size: 40px;
        line-height: 50px;
        max-width: 340px;
        margin: 0 auto 20px;
        width: 100%;
        text-align: center;
    }

    .main .btn {
        margin: 0 auto 20px;
    }

    .main {
        background: #fff; 
    }

    .main .container {
        padding: 120px 0 0px;
    }

    .main-list { 
        margin-top: 0; 
    }
    .main-img {
        position: relative; 
    }

    .tabs-btn {
        width: 100%;
    }

    .tabs-content {
        width: 100%;
        height: auto;
    }

    .learn-box { 
        flex-wrap: wrap;
    }

    .tabs-btn:before { 
        right: -10px; 
    }

    .tab-content { 
        overflow-y: auto;
        height: 100%;
        padding: 15px 10px;
    }

    .tabs-btn {  
        padding: 30px 10px 25px 10px;
    }
     
    .person { 
        padding: 100px 0 120px; 
    }

    .video-items { 
        grid-template-columns: 1fr; 
    }

    .top-lk-row {
        flex-direction: column;
        justify-content: center;
        row-gap: 10px;
    }
    .user-name {
        margin-left: 0; 
    }

    .single-page h1 {
        font-weight: 500;
        margin-bottom: 25px;
        line-height: 1.2;
        font-size: 24px;
    }

    .services-list {
        display: flex;
        gap: 30px;
        position: relative;
        flex-direction: column;
        align-items: center;
    }

    .learn {
        padding: 125px 0 75px;
    }

    .k-list-btns { 
        flex-direction: column;
        align-items: center;
    }

    .s-list {
        grid-template-columns: 1fr; 
    }
    .s-title span::after {
        content: none; 
    }
    
}

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

   
}
@media screen and (max-width: 375px) {
    .about__text h2:before { 
        left: 140px;
    }
    .about__text {
        margin-left: 5%; 
        margin-top: 30px; 
    }
    .bottom-form__title {
        font-size: 38px;
        line-height: 48px; 
    }
}