/* =========================
   MOBILE VERSION
========================= */
@media (max-width: 768px) {

    p, li {font-size: 1rem;}

    .div-banner {
        min-height: auto;
        padding: 15px;
    }

    .div-banner-main {
        width: 100%;
    }

    .div-banner-head {
        padding-top: 10px;
    }

    .div-banner-head img {
        width: 90px;
    }

    .div-banner-head h1 {
        font-size: 1.7rem;
        margin-bottom: 25px !important;
    }

    .div-banner-head h3 {
        font-size: 1rem;
        line-height: 1.5;
        padding: 0 10px;
    }

    .div-banner-head div[style*="margin-top: 100px"] {
        margin-top: 40px !important;
    }

    .div-banner-head .btn {
        width: 100%;
        max-width: 260px;
        font-size: 1rem !important;
    }

    .div-first-main {
        width: 100%;
        padding: 0 15px;
    }

    /* меню */
    /*
    .navbar-collapse {
        background: rgba(0, 0, 0, 0.85);
        margin-top: 15px;
        border-radius: 10px;
        padding: 15px;
    }

    .navbar-nav {
        gap: 10px;
    }

    .nav-link {
        font-size: 1rem !important;
    }

    .dropdown-menu {
        text-align: center;
    }

    .navbar-toggler {
        background: rgba(255, 255, 255, 0.8);
    }
    */
}


@media (max-width: 768px) {

    .div-head {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .div-head-1 {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .div-head-1 p {
        font-size: 1rem;
    }

    .div-head img {
        width: 100px;
    }

    .div-head-2 {
        justify-content: center;
    }
}


/* ====================
    руководство
================== */

@media (max-width: 768px) {

    .managers-card {
        flex-direction: column;
        gap: 25px;
        padding: 10px;
    }

    .managers-card-image {
        flex: unset;
        max-width: 100%;
        width: 100%;
    }

    .managers-card-content h2 {
        line-height: 1.3;
    }

    .managers-card-content h5 {
        font-size: 17px;
    }

    .managers-card-content p {
        font-size: 1.1rem;
        line-height: 1.7;
        text-align: left;
    }
}


/* ===================================
    основная деятельность
=======================================*/

@media (max-width: 768px) {
  .activity-grid {
    grid-template-columns: 1fr;
  }
}

/* =========================================
   Планшеты
========================================= */
@media (max-width: 992px) {

    .div-main-activity {
        padding: 60px 6%;
    }

    .div-main-activity>h3 {
        font-size: 32px;
    }

    .activity-card {
        gap: 25px;
        padding: 30px;
    }

}


/* =========================================
   Мобильные устройства
========================================= */
@media (max-width: 768px) {

    .div-container {
        padding: 10px 0;
    }

    .div-first-main {
        margin: 30px auto 0 auto;
    }

    .div-main-activity {
        padding: 50px 20px;
    }

    .div-main-activity>h3 {
        font-size: 26px;
        line-height: 1.3;
        margin-bottom: 20px;
        text-align: center;
    }

    .div-main-activity>div:first-of-type p {
        font-size: 16px;
        text-align: center;
        margin-bottom: 35px;
    }

    .activity-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        padding: 25px 20px;
        border-radius: 18px;
        margin-bottom: 25px;
    }

    .activity-icon {
        width: 65px;
        height: 65px;
    }

    .activity-icon img {
        width: 35px;
        height: 35px;
    }

    .activity-content h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .activity-content p,
    .activity-content li {
        font-size: 15px;
        line-height: 1.7;
    }

    .activity-content ul {
        padding-left: 18px;
    }

}


/* =========================================
   Маленькие смартфоны
========================================= */
@media (max-width: 480px) {

    .div-main-activity {
        padding: 40px 15px;
    }

    .div-main-activity>h3 {
        font-size: 22px;
    }

    .activity-card {
        padding: 22px 18px;
    }

    .activity-icon {
        width: 100px;
        height: 100px;
    }

    .activity-icon img {
        width: 100px;
        height: 100px;
    }

    .activity-content h3 {
        font-size: 18px;
    }

    .activity-content p,
    .activity-content li {
        font-size: 1rem;
    }

}

/* ===================================
    партнерство
=======================================*/

/* =========================
   Планшеты
========================= */
@media (max-width: 992px) {

    .div-partnership {
        padding: 60px 6%;
    }

    .partnership-header h2 {
        font-size: 30px;
    }

    .partnership-header p {
        font-size: 17px;
    }

    .partnership-grid {
        gap: 25px;
    }

    .partnership-card {
        padding: 30px 25px;
    }

}


/* =========================
   Мобильные устройства
========================= */
@media (max-width: 768px) {

    .div-partnership {
        padding: 20px 20px;
    }

    .partnership-header {
        margin-bottom: 35px;
    }

    .partnership-header h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .partnership-header p {
        font-size: 16px;
    }

    .partnership-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .partnership-card {
        padding: 25px 20px;
        border-radius: 15px;
    }

    .partnership-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }

    .partnership-icon img {
        width: 32px;
        height: 32px;
    }

    .partnership-content h3 {
        font-size: 20px;
        line-height: 1.4;
    }

    .partnership-content p {
        font-size: 15px;
        line-height: 1.6;
    }

}


/* =========================
   Маленькие смартфоны
========================= */
@media (max-width: 480px) {

    .div-partnership {
        padding: 40px 15px;
    }

    .partnership-header h2 {
        font-size: 22px;
    }

    .partnership-header p {
        font-size: 15px;
    }

    .partnership-card {
        padding: 22px 18px;
    }

    .partnership-content h3 {
        font-size: 18px;
    }

    .partnership-content p {
        font-size: 14px;
    }

}

/* ==================
    антикорупц
================*/

/* =========================
   Mobile
========================= */

@media (max-width: 768px) {

    .div-anticorruption {
        padding: 50px 20px;
    }

    .anticorruption-header h2 {
        font-size: 28px;
    }

    .anticorruption-header p {
        font-size: 17px;
    }

    .anticorruption-warning {
        flex-direction: column;
        padding: 25px 20px;
    }

    .anticorruption-warning p {
        font-size: 15px;
    }

    .anticorruption-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .anticorruption-card {
        padding: 28px 22px;
    }

    .anticorruption-card h3 {
        font-size: 21px;
    }

    .anticorruption-phone {
        font-size: 28px !important;
    }

}


@media (max-width: 480px) {

    .div-anticorruption {
        padding: 40px 15px;
    }

    .anticorruption-header h2 {
        font-size: 24px;
    }

    .anticorruption-card {
        padding: 24px 18px;
    }

    .anticorruption-card h3 {
        font-size: 19px;
    }

}


/* ====================
    links
======================= */


/* =========================
   Mobile
========================= */

@media (max-width: 768px) {

    .div-useful-links {
        padding: 50px 20px;
    }

    .useful-links-header {
        margin-bottom: 35px;
    }

    .useful-links-header h2 {
        font-size: 28px;
    }

    .useful-links-header p {
        font-size: 16px;
    }

    .useful-links-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .useful-link-card {
        padding: 22px 18px;
        gap: 15px;
    }

    .useful-link-icon {
        min-width: 58px;
        height: 58px;
    }

    .useful-link-icon img {
        width: 30px;
        height: 30px;
    }

    .useful-link-content h3 {
        font-size: 17px;
    }

}


@media (max-width: 480px) {

    .div-useful-links {
        padding: 40px 15px;
    }

    .useful-links-header h2 {
        font-size: 24px;
    }

    .useful-link-card {
        flex-direction: column;
        align-items: flex-start;
    }

}

/* ==================
    contacts
================= */


/* =========================
   Mobile
========================= */

@media (max-width: 768px) {

    .footer {
        padding: 50px 20px 30px;
    }

    .footer-info h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .footer-item {
        gap: 15px;
    }

    .footer-icon {
        min-width: 50px;
        height: 50px;
    }

    .footer-icon img {
        width: 24px;
        height: 24px;
    }

    .footer-text h4 {
        font-size: 18px;
    }

    .footer-text p,
    .footer-text a {
        font-size: 15px;
    }

}


@media (max-width: 480px) {

    .footer {
        padding: 40px 15px 25px;
    }

    .footer-info h2 {
        font-size: 24px;
    }

    .footer-item {
        flex-direction: column;
    }

}

/* ===============
совет директоров
================*/

/* =========================
   BOARD PAGE MOBILE
========================= */

@media(max-width: 992px){

    .spd-board-grid{
        grid-template-columns: repeat(2, 1fr);
    }

}

@media(max-width: 768px){

    .spd-board-header{
        padding: 60px 15px;
    }

    .spd-board-header h1{
        font-size: 32px;
    }

    .spd-board-header p{
        width: 100%;
        font-size: 16px;
    }

    .spd-board-section{
        padding: 40px 15px;
    }

    .spd-board-grid{
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .spd-board-photo{
        height: 280px;
    }

    .spd-board-content{
        padding: 22px;
    }

    .spd-board-name{
        font-size: 22px;
    }

}

@media(max-width: 480px){

    .spd-board-photo{
        height: 240px;
    }

    .spd-board-name{
        font-size: 20px;
    }

    .spd-board-position{
        font-size: 15px;
    }

    .spd-board-description{
        font-size: 14px;
    }

}