/*1024px--1290px*/
@media screen and (max-width: 1290px) {
    .container{
		width: 1000px;
        margin-left: auto;
        margin-right: auto;
	}

    .first_screen{
        height: 450px;
    }

    .first_screen_content{
        padding-top: 30px;
    }

    .first_screen_content h1{
        font-size: 60px;
    }

    .first_screen_content h2{
        font-size: 30px;
    }

    .main_work_items {
        margin-left: auto;
        margin-right: auto;
        width: 645px;
    }

    .team_items {
        padding-right: 40px;
        padding-left: 40px;
    }

}



/*768px--1024px*/

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

    .container{
		width: 724px;
        margin-left: auto;
        margin-right: auto;
	}

    /*Burger stars*/
    .burger{
        display: flex;
    }

    .menu_items{
        display: none;
        flex-direction: column;
        position: fixed;
        height: 300px;
        width: 100%;
        top: 0; bottom: 0; left: 0; right: 0;
        z-index: 50;
        overflow-y: auto;
        padding: 50px 40px;
        color: white;
        background-color: #2F383E;
        animation: burgerAnimation 0.4s;
    }

    .menu_items a{
        color: white;
    }

    .menu_items li:last-child a{
        padding: 0;
        border: none;
    }


    /*Burger ends*/

    .menu_info{
        display: none;
    }

    .first_screen_content h1{
        font-size: 40px;
        margin-bottom: 0;
    }

    .first_screen_content h2{
        font-size: 20px;
    }

    .first_screen{
        height: 350px;
    }

    .consultation_content h4{
        font-size: 20px;
    }

    .benefits_content{
        width: 500px;
        display: block;
    }

    .team_items{
        display: block;
    }

    .time_footer p, .m_c_footer p{
        font-size: 16px;
    }

    .social_media_footer a{
        margin-right: 6px;
    }

    .logo_footer{
        margin-right: 10px;
    }
}

/*420px--768px*/

@media screen and (max-width: 768px) {
    .container{
		width: 95%;
        margin-left: auto;
        margin-right: auto;
	}

    .first_screen_content{
        padding-top: 0;
    }

    .first_screen_content img{
        display: none;
    }

  

    .first_screen{
        height: 300px;
    }

    .about h2{
        margin-bottom: 20px;
    }

    .main_work_items{
        width: 400px;
    }

    .main_work h2{
        margin-bottom: 20px;
    }

    .benefits_content{
        width: 400px;
    }

    .consultation_content h4{
        font-size: 16px;
    }

    .consultation_content a{
        padding: 15px 55px;
    }

    .team_items{
        padding: 0;
    }

    .team_item{
        width: 400px;
    }
    

    .team_item img{
        width: 400px;
    }

    .team_item_text{
        width: 380px;
    }

    .logo_footer{
        margin-right: auto;
        margin-left: auto;
    }

    .menu_info_content_footer{
        display: block;
        width: 210px;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .work_time_footer{
        margin-top: 20px;
    }

    .menu_contacts_footer{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .time_footer, .m_c_footer {
        width: 160px;
        margin-left: auto;
        margin-right: auto;
    }

}

/*320px--420x*/

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

    .container{
		width: 95%;
        margin-left: auto;
        margin-right: auto;
	}

    .first_screen_content h1{
        font-size: 30px;
    }

    .first_screen_content h2{
        font-size: 14px;
    }

    .first_screen{
        height: 150px;
    }

    .about h2{
        font-size: 30px;
    }

    .main_work_items {
        width: 300px;
    }

    .main_work h2{
        font-size: 30px;
    }

    .consultation{
        margin-top: 15px;
    }

    .consultation_content{
        display: block;
        width: 250px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 25px;
    }

    .consultation_content h4{
        margin-bottom: 30px;
    }

    .benefits h2{
        font-size: 30px;
    }

    .benefits_content{
        width: 300px;
    }

    .team h2{
        font-size: 30px;
    }

    .team_item{
        width: 300px;
    }

    .team_item img{
        width: 300px;
    }

    .team_item_text{
        width: 280px;
    }

  

}