/* Экстрамалые девайсы («портретные телефоны», < 576px) */
@media (max-width: 575.98px) { 
	.main-menu {
		border-top: 1px solid #f1f1f1;
		padding: 15px 10px 15px 15px;
	}
	.hero-text {
        max-width: none;
        padding: 120px 24px 50px;
    }

    .hero-text h1 {
        font-size: 42px;
        margin-bottom: 32px;
    }

    .hero-text p {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .hero-btn {
        min-width: 220px;
        padding: 18px 30px;
    }

    .hero-image {
        min-height: 420px;
    }
	.hero-section {
		background-image: none;
	}
	.about-button-prev,
    .about-button-next {
        display: none;
    }
	.about-photo-slider {
        padding: 15px 0 30px 0;
    }
	.about-section, .journal-section, .awards-section {
		padding: 53px 0 15px 0;
	}
	.awards-block {
		display: flex;
		justify-content: center;
		align-items: stretch;
		gap: 10px;
	}

	.awards-block a {
		width: 48%;
	}

	.awards-block img {
		width: 100%;
		height: 350px;
		object-fit: contain;
	}
}

/* Малые девайсы («ландшафтные», >= 575px)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	.main-menu {
		border-top: 1px solid #f1f1f1;
		padding: 15px 10px 15px 15px;
	}
	.hero-text {
        max-width: none;
        padding: 120px 24px 50px;
    }

    .hero-text h1 {
        font-size: 42px;
        margin-bottom: 32px;
    }

    .hero-text p {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .hero-btn {
        min-width: 220px;
        padding: 18px 30px;
    }

    .hero-image {
        min-height: 420px;
    }
	.hero-section {
		background-image: none;
	}
}

/* Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) and (max-width: 991.98px) { 
	.main-menu {
		border-top: 1px solid #f1f1f1;
		padding: 15px 10px 15px 15px;
	}
	.hero-text {
        max-width: none;
        padding: 120px 24px 50px;
    }

    .hero-text h1 {
        font-size: 42px;
        margin-bottom: 32px;
    }

    .hero-text p {
        font-size: 18px;
        margin-bottom: 40px;
    }

    .hero-btn {
        min-width: 220px;
        padding: 18px 30px;
    }

    .hero-image {
        min-height: 420px;
    }
	.hero-section {
		background-image: none;
	}
	.mik-navbar-container {
		padding: 5px 0 5px 0;
	}
}

/* Большие девайсы (большие десктопы, >= 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 

}

/* Большие девайсы (большие десктопы, >= 1200px <=1399)*/
@media (min-width: 1200px) and (max-width: 1399.98px)  {
	
}