/* Размеры для мобильных телефонов */
@media (max-width: 600px) {
	.main-section {
		padding: 20px;
	}
	.main-section-0 {
		padding: 20px 0;
	}
	.page-404 {
		padding: 20px 2px;
	}
	.expertise-fields-grid {
		grid-template-columns: 1fr !important; 
	}
	.expertise-info-card {
		padding: 0 !important;
	}
	.expertise-info-row {
		display: block !important;
		font-size: 100% !important;
		padding: 0 !important;
	}
	/** СКРЫТИЕ ЭЛЕМЕНТОВ **/
	.mobile-element {
		display: block !important;
	}
	.not-mobile-element {
		display: none;
	}
	/** ТЕКСТЫ **/
	.sp-text-36 {
		font-size: 125% !important;
	}
	/** ОТСТУПЫ **/
	.gap-20 {
		gap: 8px;
	}
	.padding-48 {
		padding: 20px;
	}
	.padding-72 {
		padding: 48px;
	}
	/** ХЭДЕР **/
	.header-panel,
	.header-info {
		padding: 0 20px;
	}
	.header-navigation {
		padding: 0 20px;
		height: 66px;
	}
    /** ФУТЕР **/
    .footer-info {
		flex-direction: column;
		padding: 8px 20px;
		min-height: 80px;
	}
	/** РАСПОЛОЖЕНИЕ ЭЛЕМЕНТОВ **/
	.grid-column,
	.space-between-column,
	.sp-grid-2-column {
    	display: flex;
    	flex-direction: column;
  	}
	.in-line-404 {
        flex-direction: column;
        gap: 16px;
    }
	/** Основные направления деятельности **/
	.responsive-table tbody, 
    .responsive-table tr, 
    .responsive-table td {
        display: block !important;
        width: 100% !important;
    }
    .responsive-table tr {
        padding: 15px 0;
        border-bottom: 1px solid #ccd0d4;
    }
    .responsive-table td {
        padding: 3px 0 !important; /* Небольшой отступ между элементами одной строки */
    }
    .responsive-table td:last-child {
        margin-top: 5px; /* Визуально отделяем описание */
    }
}

/* Размеры для минипланшетов (экраны от 601px до 900px) */
@media (min-width: 601px) and (max-width: 900px) {
	.main-section {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page-404 {
		padding: 20px;
	}
	/** СКРЫТИЕ ЭЛЕМЕНТОВ **/
	.not-mini-ipad-element {
		display: none;
	}
	.mini-ipad-element {
		display: block !important;
	}
	/** РАСПОЛОЖЕНИЕ ЭЛЕМЕНТОВ **/
	.grid-column,
	.space-between-column {
    	display: flex;
		flex-direction: column;
  	}
	/** ТЕКСТЫ **/
	.sp-text-36 {
		font-size: 125% !important;
	}
	/** ХЭДЕР **/
	.header-panel,
	.header-info {
		padding: 0 20px;
	}
	.header-navigation {
		padding: 0 20px;
		height: 66px;
	}
	.header-panel {
		padding: 0 20px;
	}
}

/* Размеры для планшетов (экраны от 901px до 1180px) */
@media (min-width: 901px) and (max-width: 1180px) {
	.main-section {
		padding-left: 20px;
		padding-right: 20px;
	}
    .page-404{
        padding: 0 100px;
    }
	/** СКРЫТИЕ ЭЛЕМЕНТОВ **/
	.not-ipad-element {
		display: none;
	}
	.ipad-element {
		display: block !important;
	}
	/** ТЕКСТ **/
	.sp-text-36 {
		font-size: 156% !important;
	}	
    /** ХЭДЕР **/
	.header-panel,
    .header-info,
	.header-navigation {
		padding: 0 20px;
	}
	#primary-menu {
		gap: 5px;
	}
    /** ФУТЕР **/
    .footer-info {
		font-size: 80%;
		padding: 20px;
	}
}