@media screen and (max-width: 1200px) {
    .container {
        width: 960px;
    }
    .offer {
        width: 440px;
    }
    .offer_box  h1 {
        margin-top: 200PX;

    }
    .offer p {
        width: 400px;
    }
    .offer_foto img {
        width: 430px;

    }
    .third_screen img {
        width: 440px;
        height: auto;
    }
    .about_foto {
        background-size: 440px;
        
    }  
       
    .third_screen p {
        width: 480px;
    }    
    .specialists {
        flex-wrap: wrap;
    }
    .doctor {
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .feedback img {
        width: 450px;
    }
    .feedback_info {
        width: 450px;
    }
    .left p {
        width: 340px;
    }

}

@media screen and (max-width: 992px) {
    .container {
        width: 720px;
    }
    .offer {
        width: 350px;
        margin-bottom: 120px;
    }
    
    .offer_box  h1 {
        font-size: 40px;
        margin-top: 200PX;

    }
    .offer p {
        width: 350px;
    }
    .offer_foto img {
        width: 400px;

    }
    .service {
        width: 225px;
    }
    .service img {
        position: absolute;
        left: 60px;
        top: -64px;
    }
    .third_screen img {
        width: 380px;
        height: auto;
        
    }
    .third_screen p {
        width: 380px;
    }  
    .about_foto {
    background-size: 380px;
    
    }  
    .feedback img {
        width: 340px;
    }
    .feedback_info {
        width: 340px;
    }
    .feedback_info p {
        width: 300px;
    }
    .right h6 {
        font-size: 18px;

    }
    .center h6 {
        font-size: 18px;
        margin-bottom: 35px;

    }
    .left p {
        width: 260px;
    }
    .left a {
        margin-top: 85px;
    }
    .icon_footer {
        width: 220px;
    }
    
    input[type="text"]{
        width: 220px;
        padding: 0 28px;
        height: 50px;
            

    }
    input[type="submit"]{
        height: 45px;
    }
    .left p {
        
        font-size: 14px;
    

}



@media screen and (max-width: 768px) {
    .container {
        width: 540px;
    }
    ul {
        width: 210px;
    }
    .btn_login {
        width: 150px;
        height: 35px;
        padding: 3px 50px;
    }
    .offer {
        width: 250px;
        margin-bottom: 60px;
    }
    
    .offer_box  h1 {
        font-size: 35px;
        margin-top: 50px;

    }
    .offer p {
        width: 250px;
    }
    .offer_foto img {
        width: 350px;

    }
    .second_screen h4 {
        font-size: 18px;
        padding-top: 50PX;
        
    }
    .second_screen h3 {
        font-size: 30px; 
        width: 460px;      
    }
    
    .service {
        width: 170px;
        margin-top: 90px;
        margin-bottom: 90px;
    }
    .service img {
        width: 110px;
        position: absolute;
        left: 40px;
        top: -50px;
    }
    .our_service h6 {
        width: 140px;

    }
    .third_screen img {
        width: 280px;
        height: auto;
        
    }
    .third_screen h4 {
        font-size: 15px;
        margin-top: 20px;

    }
    .third_screen h3 {
        font-size: 30px;
        
    }
    
    .third_screen p {
        width: 280px;
    }  
    .about_foto {
    background-size: 280px;
    }
    .btn_about {
        margin-bottom: 20px;
    }
    .fourth_screen h4 {
        padding-top: 50px;
        font-size: 18px;
    }
    .fourth_screen h3 {
        font-size: 30px;
        width: 500px;
    }
    .fifht_screen h4 {
        font-size: 18px;
        margin: 0 auto;
        width: 150px;
    }
    .fifht_screen h3 {
        font-size: 30px;
        width: 320px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .Testimonials {
        flex-direction: column;
        margin: 0 auto;
        width: 340px;

    }
    .feedback {
        margin-bottom: 65px;
    }
    .consult h3 {
        font-size: 30px;
        width: 500px;
    }
    .consult p {
        font-size: 15px;

    }
    .btn_contact {
        width: 170px;
        height: 35px;
        font-size: 15px;
        padding: 6px 40px;

    }
    .right h6 {
        font-size: 15px;

    }
    .center h6 {
        font-size: 15px;
        margin-bottom: 35px;

    }
    .center a {
        font-size: 15px;
    }
    .left p {
        width: 200px;
        font-size: 15px;
    }
    .left a {
        margin-top: 85px;
        font-size: 15px;
    }
    .left p {
        width: 200px;
        font-size: 10px;
        
    }
    .center a {
        margin-bottom: 12px;
    }
    .icon_footer {
        margin-top: 8px;
    }
    .icon_footer {
        width: 180px;
    }
    .icon_footer img {
        width: 25px;
        height: auto;
    }
    
    input[type="text"]{
        width: 230px;
        padding: 0 28px;
        height: 35px;
        font-size: 15px;
            

    }
    input[type="submit"]{
        width: 150px;
        height: 30px;
        font-size: 14px;
    }
    

}

    


@media screen and (max-width: 576px) {
    .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .offer_foto {
        display: none;
    }
    ul {
        width: 190px;
    }
    .offer {
        width: 400px;
        margin-bottom: 60px;
        margin: 0 auto;
    }
    .offer_box h1 {
        text-align: center;
    }
    
   
    .offer p {
        width: 400px;
        margin: 0 auto;
    }
    .btn_offer {
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .our_service {
        flex-direction: column;
    }
    .service {
        margin: 0  auto;
        margin-bottom: 80px;
    }
    .second_screen h3 {
        margin-bottom: 70px;
    }
    .service {
        width: 308px;
        height: 229px;
       
    }
    .service img {
       
        left: 92px;
        top: -64px;
    }

    .about_foto {
        display: none;
    }
    .third_screen h4, h3 {
        text-align: center;
    }
    .third_screen p {
        width: 480px;
        margin-bottom: 20px;
        text-align: center;
    }
    .specialists {
        margin-top: 20px;
    }
    .doctor {
        width: 280px;
    }
    .btn_about {
        margin: 0 auto;
        margin-bottom: 20px;

    }
    .left p {
        width: 200px;
        font-size: 10px;
        
    }
    .center a {
        margin-bottom: 12px;
    }
    .icon_footer {
        margin-top: 8px;
    }



















}