html, body {
      height: 100%;
      margin: 0;
    }
    /*body {
      display: flex;
      flex-direction: column;
    }*/
	.my-content-wrapper{
	  display: flex;
      flex-direction: column;
	  height: 100%;
      margin: 0;
	}
    .content {
      flex: 1; /* Заставляет контент занимать всё доступное пространство */
    }
	.content {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }
	footer {
      background-color: #f8f9fa;
      padding: 1rem 0;
    }
	
	.f_pad{
		padding-top: 50px !important;
	}
	
	#logo_text {
		font-size: 16px; /* Опционально, подстройка размера текста */
	}
	
	#logo {
		margin-bottom: 20px !important;
	}
	
	#desc_footer{
		display:block;
	}
	
	#smart_footer{
		display:none;
	}
	.text_a{
		color: #2F9C63;
		font-weight: 700;
	}
	.text_a:hover{
		color: #218b54;
	}

/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1024px) {
	.list-unstyled{
		font-size: 15px !important;
	}
	.my-content-wrapper{
	  display: block;
	  height: auto;
      margin: 0;
	}
	.content {
		height: 100% !important;
	}
	#logo_div {
		flex: 0 0 100%;
		max-width: 100%;

		display: flex; /* Включаем Flexbox */
		align-items: center; /* Выравниваем элементы по вертикали */
		gap: 10px; /* Расстояние между #logo и #logo_text */
	}

	#logo {
		flex-shrink: 0; /* Предотвращаем сжатие SVG */
		margin-bottom: 0 !important;
	}

	#logo_text {
		white-space: nowrap; /* Не переносить текст на новую строку */
		font-size: 16px; /* Опционально, подстройка размера текста */
	}
	
	.footer-row {
		justify-content: space-between; /* Равномерное распределение элементов */
	}

	.footer-column-1 {
		flex: 1; /* Заставляет каждый блок занимать равную ширину */
		max-width: 20%; /* Ограничиваем ширину каждого блока, чтобы не занимал всю строку */
		text-align: left; /* Опционально, чтобы выровнять текст */
		margin-top: 30px !important;
	}
	
	.footer-column-2 {
		flex: 1; /* Заставляет каждый блок занимать равную ширину */
		max-width: 35%; /* Ограничиваем ширину каждого блока, чтобы не занимал всю строку */
		text-align: left; /* Опционально, чтобы выровнять текст */
		margin-top: 30px !important;
	}
	
	.footer-column-3 {
		flex: 1; /* Заставляет каждый блок занимать равную ширину */
		max-width: 25%; /* Ограничиваем ширину каждого блока, чтобы не занимал всю строку */
		text-align: left; /* Опционально, чтобы выровнять текст */
		margin-top: 30px !important;
	}
	
	#footer_container{
		margin: 15px;
		max-width: calc(100% -(var(--bs-gutter-x)* .5)* 2) !important;
		width: calc(100% -(var(--bs-gutter-x)* .5)* 2) !important;
	}
	
	.f_pad{
		padding-top: 25px !important;
		padding-bottom: 5px !important;
	}
	
	#desc_footer{
		display:block;
	}
	
	#smart_footer{
		display:none;
	}
	
}	

/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------*/

@media (min-width: 320px) and (max-width: 767px) {
	
	#desc_footer{
		display:none;
	}
	
	#smart_footer{
		display:block;
	}
	
	.custom-footer {
      background-color: #f8fbfd; /* Светлый фон */
      padding: 20px 0;
    }
    .custom-footer .footer-icon {
      color: #adb5bd; /* Цвет иконок */
      font-size: 32px;
      transition: color 0.3s ease;
    }
    .custom-footer .footer-icon:hover {
      color: #6c757d; /* Цвет при наведении */
    }
	
	#smart_footer_container{
		margin: 0;
		max-width: calc(100% -(var(--bs-gutter-x)* .5)* 2) !important;
		width: calc(100% -(var(--bs-gutter-x)* .5)* 2) !important;
	}
	
	/*----------------------------------------------------------------------------------------------------*/
	html, body {
	  margin: 0;
	  padding: 0;
	  height: 100%; /* Чтобы Flexbox растянулся на весь экран */
	}

	.my-content-wrapper {
	  display: flex;
	  flex-direction: column;
	  min-height: 100vh; /* Высота 100% от высоты экрана */
	}

	.my-custom-footer {
	  position: fixed;
	  bottom: 0;
	  left: 0;
	  width: 100%;
	  background-color: #f8f9fa;
	  text-align: center;
	  padding: 10px;
	}
	.content{
		padding-bottom: 40px;
	}
	.content_2{
		padding-bottom: 40px;
	}
	/*----------------------------------------------------------------------------------------------------*/
	/*#smart_footer{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
	}*/
}