@media (max-width: 1199px) {
    .navbar {
        gap: 0;

    }

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

    .dropdown .dropbtn {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .navigation {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }

    .navbar {
        justify-content: center;
        gap: 10px;
    }
    
    .home-content {
        flex-direction: column;
    }

    .home-title {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .how-work-section, .main-section, .service-section, .q-a-section, .article-bg, .form-section, .footer-bg {
        padding: 60px 0;
    }

    .how-work-title, .m-s-title, .service-s-title, .review-title, .q-a-title, .article-title, .form-title {
        margin-bottom: 45px;
        font-size: 28px;
    }

    .how-work-list {
        flex-direction: column;
    }

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

    .main-s-img {
        width: 100%;
    }

    .main-s-text {
        width: 100%;
    }

    .service-s-block {
        flex-direction: column;
    }

    .service-s-card {
        width: 100%;
    }

    .article-block {
        flex-direction: column !important;
    }

    .enter {
        width: 70%;
    }

    .home {
        position: static; 
        height: auto;
    }

    .home-bg-op {
        height: auto;
    }

    .home:before {
        display: none;
    }

    .home-content {
        height: auto;
        padding-bottom: 40px;
    }

    .contact-list {
        padding: 60px 0;
        flex-direction: column;
        gap: 10px;
    }

     .footer-bottom p {
        padding-bottom: 0px;
     }

     .article-wrap {
        width: 100%;
     }

}

@media(max-width: 767px) {
    .wrapp__c-p-i-text {
        width: 100% !important;
    }
    .footer {
        flex-direction: column;
    }

    .politic, .contacts {
        align-items: center;
        text-align: center;
    }

    .card {
        width: 100%;
    }

    .article-wrap {
        flex-direction: column;
    }

    .art-card {
        width: 100%;
    }

    .navbar {
        gap: 0px;
    }

    .rev-text {
        padding: 20px  20px;
    }

    .rev-comment {
        font-size: 18px;
    }

    .accordion-header {
        padding: 20px; 
    }

    .accordion-body {
        padding: 0 25px 25px;
    }

    .content-page-info {
        flex-direction: column;
    }

    .c-p-info-img, .c-p-i-text {
        width: 100%;
    }

    .adress {
        text-align: center;
     }
    
     .content-page-title {
        font-size: 20px;
     }
}

@media(max-width: 576px)  {
    .form-wrap {
        padding: 0 20px;
    }

    .enter {
        font-size: 14px;
    }

    .q-a-section {
        padding: 60px 20px;
    }

    .inputBox span {
        letter-spacing: 0;
    }

    .inputBox {
        width: 90%;
    }

    .home-title {
        font-size: 20px;
    }

     .how-work-title, .m-s-title, .service-s-title, .review-title, .q-a-title, .article-title, .form-title {
        font-size: 20px;
    }

    .home-btn {
        font-size: 18px;
    }

    .logo-tip-txt, .contacts-title  {
        font-size: 20px;
    }

    .num, .mail, .adress, .ogrn {
        font-size: 14px;
    }

    .spesial-link {
        font-size: 14px;
    }
}





























/* @media (max-width: 1399px){
    .first-screen-title {
        font-size: 60px;
        max-width: 460px;
    }
}

@media (max-width: 1199px){
    .first-screen-img {
        max-width: 230px;
    }
    .first-screen-title {
        font-size: 46px;
        max-width: 355px;
    }
    .first-screen-img {
        max-width: 200px;
    }
    .contact-header{
        display: none;
    }
    .header-inner-content{
        flex-basis: 78%;
    }
    .nav-menu {
        flex-basis: 100%;
    }
    .nav-menu ul{
        width: 100%;
    }
    .contact-block-inner{
        flex-direction: column !important;
    }
    .contact-block-title{
        text-align: center;
        margin-bottom: 40px;
    }
    .contact-info-wrapper{
        margin-bottom: 40px;
    }
}



@media (max-width: 991px){
    .first-screen-inner{
        flex-direction: column !important;
    }
    .first-screen-title {
        max-width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    .feature-text{
        font-size: 17px;
    }
    .nav-menu{
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0, .7);
        align-items: flex-start;
        padding-top: 50px;
        z-index: 9;
        transform: translate(-100%);
        transition: all .3s ease-in-out;
    }
    .nav-menu-active{
        transform: translate(0);
        transition: all .3s ease-in-out;
    }
    .hidden{
        overflow: hidden;
    }
    .nav-menu ul{
        flex-direction: column;
    }
    .nav-menu li{
        border-bottom: 1px solid #fff;
        width: 100%;
       
    }
    .nav-menu .nav-menu-link{
        display: block;
        padding-left: 30px;
        color: #fff;
        font-size: 18px;
    }
    .header-inner-content {
        flex-basis: auto;
    }
    .burger{
        display: flex;
    }
    .close{
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        width: 30px;
        height: 30px;
        background-image: url(../img/close.png);
        background-size: cover;
    }
    .feature-wrapper.flex-column .feature-img{
        width: auto;
        height: 220px
    }
    .about-us-inner{
        flex-direction: column !important;
    }
    .about-us-images-wrapper{
        width: 100%;
        margin-right: 0;
    }
}
@media(max-width: 767px){
    .feature-wrapper.flex-row .feature{
        justify-content: flex-start;
    }
    .feature-content{
        padding: 20px 0px;
    }
    .feature-wrapper.flex-column .feature-img {
        width: auto;
        height: 155px;
    }
}
@media(max-width: 576px){
    .first-screen-title {
        font-size: 35px;
    }
    .feature{
        flex-direction: column !important;
    }
    .feature:nth-child(even){
        flex-direction: column-reverse !important;
    }
    .contact-info-item {
        flex-basis: 100%;
    }
    .contact-block-form form{
        width: 100%;
    }
    .text-field_floating .text-field__label{
        font-size: 14px;
    }
    .feature-wrapper.flex-row .feature {
        flex-basis: 100%;
    }
    .about-us-img{
        border-radius: 10px;
    }
} */