@media (max-width: 1200px){
    .menu-burger {
        display: block;
    }
    li.menu-item{
        display: none;
    }
    .nav-menu-inner{
        padding: 25px 0;
    }
    .news-cards{
        width: 100%;
    }
    .life-image-block{
        grid-template-columns: repeat(2,  max-content);
    }
    .slides-container{
        display: block;
    }
    .slide-img img{
        margin: 0 auto
    }
    .lessons-timetable{
        grid-template-columns: repeat(3, max-content);
        justify-content: center;
    }
}

@media (max-width: 900px){
    .lessons-timetable{
        grid-template-columns: repeat(2, max-content);
        justify-content: center;
    }
}

@media (max-width: 768px){
    .header-social-networks{
        display: none;
    }
    .students-life-inner{
        display: grid;
        grid-template-columns: auto;
    }
    .students-life-title{
        padding-top: 5%;
    }
    .students-life-img img{
        width: 100%;
    }
    .students-life-content{
        padding: 0 10px;
    }
    .students-life-button{
        padding-bottom: 30px;
    }
    .__pre-last-item{
        order: 1;
    }
    .__last-item{
        order: 0;
    }
    .life-image-block{
        grid-template-columns: auto;
    }
    .footer-inner-container{
        grid-template-columns: auto;
        gap: 20px 0px;
    } 
    .quick-nav-title{
        text-align: left;
    }
    .quick-nav-links{
        grid-template-columns: max-content min-content;
        gap: 10px;
    }
    .quick-nav-links{
        text-align: left;
    }
    .__footer-social-links{
        grid-template-columns: auto;
        justify-content: left;
    }
    .abiturient-documents-inner{
        padding-top: 0;
        grid-template-columns: auto;
    }
    .all-news-item{
        display: block;
    }
    .all-new-button{
        margin: 30px 0;
    }
    .benefits-container{
        grid-template-columns: auto auto;
    }
	.post-page-inner{
		padding: 60px 20px;
	}
}

@media (max-width: 600px){
    .slide-img img{
        width: 100%;
    }
}

@media (max-width: 500px){
    .header-contacts{
        display: none;
    }
    .life-image-block img{
        width: 100%;
        height: auto;
    }
    .benefits-container{
        grid-template-columns: auto;
    }
    .lessons-timetable{
        grid-template-columns: auto;
    }
	img.main-thumbnail{
		width: 200px;
		height: 200px;
	}
	.news-item-card-content{
		width: 200px;
		padding: 20px 10px;
    	top: 0;
	}
	.news-item-card-title{
		padding-top: 30px;
		font-size: 18px;
	}
}