@media (max-width: 700px) {
    #about {
        scroll-margin-top: 3.5em;
    }


    .logo img {
        height: 40px;
    }

    .container {
        padding: 0 10px;
    }

    .nav-menu {
        display: none;
    }

    .open-slide {
        display: block;
    }

    .navbar .container {
        justify-content: space-between;
        padding: 0 35px;
    }

    .main .container {
        padding: 0 35px;
    }

    .main-header {
        font-size: 24px;
        line-height: 4rem;
    }

    .main-sub-header {
        font-size: 12px;
    }

    .main {
        flex-direction: column;
    }

    .section-top {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .section-bottom {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }

    .img-container {
        width: 100%;
    }

    .text-container {
        margin-top: 15px;
        width: 100%;
        box-shadow: none;
        padding: 2px;
    }

    /* program-page*/
    .program-main {
        flex-direction: column;
    }

    .time-table {
        width: 100%;
        background-color: rgb(247, 247, 247);
        font-size: 14px;
    }

    .side-container {
        display: none;
    }

    .h-100 .countdown {
        display: none;
    }

    .footer-columns {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }

    .footer-columns li {
        margin-top: 5px;
    }

    .sponsors-footer,
    .partners-footer,
    .contacts-footer {
        border-bottom: rgb(241, 242, 248) 2px solid;
        margin: 5px 15px 0 5px;
        padding-bottom: 10px;
    }

    .container-home {
        display: flex;
        justify-content: space-between;
        padding: 30px;
    }

    .main-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 30px;
    }

    .main-section {
        width: 100%;
        box-shadow: none;
        /* margin: 35px 10px 10px 10px; */
        padding: 40px 20px 20px 20px;
    }

    .side-section {
        display: none;
    }

    .shortcut {
        display: none;
    }

    .footer {
        width: 100%;
    }

    body {
        width: 100%;
        background-color: rgb(247, 247, 247);
    }

    .list-of-flags {
        margin-top: 10px;
    }

    .country {
        display: flex;
        flex-wrap: wrap;
        width: 90%;
        margin-top: 20px;
        margin-left: 30px;
    }

    .flag {
        width: 40%;
        margin: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 40px;
    }

    .country-name {
        /* width: 20%; */
        /* font-size: 2rem; */
        margin-top: 20px;
        width: 40%;
        /* font-size: 100%; */
    }

    #program-section {
        padding: 0;
    }

    .table td {
        padding-top: 7px;
        padding-left: 7px;
        font-size: 12px;
        padding-right: 0;
    }

    .table th {
        padding: 20px 0 20px 0;
        font-size: 12px;
    }

    .main-container {
        /* width: 100%; */
        margin: 10px 0;
    }

    .main-section {
        /* padding: 0; */
        margin: 35px 0 0 0;
    }

    .countdown-header,
    .countdown-footer {
        font-size: 18px;
    }

    .countdown-footer {
        margin-top: 30px;
    }

    .countdown li {
        font-size: 18px;
        padding: 7px;
        margin: 7px;
        border-left: solid rgba(108, 108, 108, 0.252) 1px;
    }

    .countdown-text {
        font-size: 14px;
        margin-top: 0;
    }

    .my-slides {
        height: 200px;
    }
}

@media (max-width: 1150px) and (min-width: 700px) {
    .logo img {
        height: 50px;
    }

    .container {
        padding: 0 10px;
    }

    .nav-menu {
        display: none;
    }

    .open-slide {
        display: block;
    }

    .navbar .container {
        justify-content: space-between;
        padding: 0px 20px 0 0;
    }

    .section-top {
        flex-direction: row;
    }

    .section-bottom {
        flex-direction: row;
    }

    .text-container {
        padding-right: 20px;
        padding-left: 20px;
    }

    body {
        width: 100%;
        background-color: rgb(247, 247, 247);
    }

    .list-of-flags {
        margin-top: 10px;
    }

    .country {
        width: 43%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        margin-left: 30px;
    }

    .flag {
        width: 40%;
        margin: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 40px;
    }

    .country-name {
        /* width: 20%; */
        /* font-size: 2rem; */
        margin-top: 20px;
        width: 40%;
        /* font-size: 100%; */
    }

    #program-section {
        padding: 0;
    }

    .table td {
        padding-top: 7px;
        padding-left: 7px;
        font-size: 12px;
        padding-right: 0;
    }

    .table th {
        padding: 20px 0 20px 0;
        font-size: 12px;
    }

    .table {
        width: 80%;
        margin-right: 20px;
        margin-left: 46px;
    }

    .navbar .container {
        justify-content: space-between;
        /* padding: 0px 30px 0 0; */
    }

    .countdown-footer,
    .countdown-header {
        font-size: 44px;
        height: 11vh;
    }

    .countdown li {
        font-size: 32px;
        /* padding-left: 40px; */
        padding: 20px;
        margin: 20px;
        border-left: solid rgba(108, 108, 108, 0.252) 1px;
    }

    .countdown-text {
        font-size: 28px;
        margin-top: 0;
    }

    .countdown {
        height: 25vh;
    }

    .my-slides {
        height: 500px;
    }

    .sub-section-text {
        padding: 10px;
        font-size: 28px;
    }

    .main-header {
        font-size: 44px;
    }

    .main .container {
        padding: 0 30px;
    }

    .main-sub-header {
        font-size: 24px;
    }

    .sub-section-text p {
        padding: 10px;
        font-size: 20px;
    }

    .main {
        flex-direction: column;
    }

    .time-table {
        width: 100%;
        background-color: rgb(247, 247, 247);
        font-size: 14px;
    }

    .side-container {
        display: none;
    }

    .h-100 .countdown {
        display: none;
    }

    .footer-columns {
        display: flex;
        flex-direction: column;
        margin-left: 20px;
    }

    .footer-columns li {
        margin-top: 5px;
    }

    .sponsors-footer,
    .partners-footer,
    .contacts-footer {
        border-bottom: rgb(241, 242, 248) 2px solid;
        margin: 5px 15px 0 5px;
        padding-bottom: 10px;
    }

    .container-home {
        display: flex;
        justify-content: space-between;
        padding: 30px;
    }

    .main-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 30px;
        margin: 10px 0;
    }

    .main-section {
        width: 100%;
        box-shadow: none;
        /* margin: 35px 10px 10px 10px; */
        margin: 35px 0 10px 0;
        padding: 40px 20px 20px 20px;
    }

    .side-section {
        display: none;
    }

    .shortcut {
        display: none;
    }

    .footer {
        width: 100%;
    }
}