@media only screen and (min-width: 320px) and (max-width: 480px) {}

@media only screen and (min-width: 481px) and (max-width: 767px) {}

@media(max-width: 992px) {
    .videos__block {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .videos__block .col-sm-6 {
        width: 100%;
    }
    .videos__block-title {
        grid-column: 2 span;
    }
}

@media(max-width: 480px) {
    .videos__block .col-sm-6 {
        width: 100%;
    }
    .video_title {
        font-size: 16px;
    }
    .wrap-video::after {
        top: 38%;
    }
}

@media only screen and (max-width: 767px) {
    #slide ul li:first-child {
        margin: 0 auto;
    }
    .videos__block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .videos__block-title {
        font-size: 20px;
    }
    .video_title {
        font-size: 18px;
    }
    .list-news-page ul li a {
        display: flex;
    }
    .videos__block .col-sm-6 {
        width: 85%;
    }
    #photos img {
        width: 100%;
    }
    #details .col-lg-2 {
        padding-top: 50px;
    }
    #details .col-lg-2 img:first-child {
        margin-bottom: 50px;
    }
    #details .col-lg-2 img:last-child {
        position: initial;
        margin: 0 auto 50px;
        transform: none;
    }
    #projectInfo img {
        width: 100%;
        margin-bottom: 30px;
    }
    #videos h2 {
        font-size: 26px;
    }
    #photos h2,
    #questions h2,
    #listMaterials h2 {
        font-size: 18px;
    }
    #photos h2 a,
    #videos h2 a,
    #questions h2 a,
    #listMaterials h2 a {
        float: none;
        display: block;
        text-align: left;
        margin-bottom: 25px;
        top: 0;
        width: max-content;
    }
    #questions ul li {
        padding: 15px;
    }
    #wrapper #questions ul li span {
        line-height: 20px;
        font-size: 16px;
    }
    .wrap-one-team img {
        width: 100%;
    }
    .two-project-img {
        margin: 30px auto;
    }
    #documents {
        padding: 60px 0;
    }
    #documents ul li p {
        word-break: break-all;
    }
    .wrap-first-info-project span,
    .wrap-two-info-project span {
        font-size: 20px;
        line-height: 34px;
    }
    #projectInfo .col-lg-6 {
        padding: 0 15px;
    }
    #mapPage svg {
        width: 100%;
        height: 525px;
        margin-top: -100px;
    }
    .desktop-none {
        display: block;
    }
    #slide h1 {
        font-size: 30px;
        text-align: center;
        line-height: 43px;
    }
    #slide p {
        width: 100%;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
    }
    #slide ul li {
        width: 45%;
    }
    #slide ul li a {
        display: block;
        margin: 0 auto;
    }
    #stats ul li {
        width: 100%;
        float: none;
        padding-bottom: 20px;
    }
    #stats ul {
        height: auto;
    }
    #video h3,
    #questions h4,
    #covid h4,
    .left-description-map h6,
    #news h5,
    #informations h6,
    footer h5,
    .block-header h1 {
        font-size: 26px;
        line-height: 35px;
    }
    footer {
        height: auto;
        padding-bottom: 40px;
    }
    .socials-footer {
        height: auto;
    }
    .socials-footer ul li {
        float: none;
        margin-right: 0;
        text-align: center;
        display: block;
    }
    .socials-footer ul li a {
        line-height: 50px;
    }
    .socials-footer ul li:nth-child(n+4) {
        float: none;
        display: inline-block;
        margin-left: 8%;
    }
    .copyright ul li:last-child {
        float: none;
        line-height: 20px;
    }
    .copyright ul li {
        float: none;
    }
    .wrap-form {
        width: 100%;
        height: auto;
    }
    .wrap-form ul li:first-child,
    .wrap-form ul li:last-child {
        width: 100%;
        float: none;
    }
    #informations {
        padding: 60px 0;
    }
    #video .col-lg-12 img {
        width: 100%;
    }
    #questions ul li p {
        padding-right: 0;
    }
    #covid {
        padding: 60px 0;
    }
    .stages ul li {
        width: 100%;
    }
    .stages ul li img {
        width: 100%;
        height: auto;
    }
    .scroll {
        width: 100%;
    }
    .left-description-map {
        margin-top: 0;
    }
    .left-description-map h6 {
        width: 100%;
    }
    .left-description-map ul li {
        width: 100%;
        height: 80px;
    }
    .left-description-map ul li img {
        width: 80px;
    }
    .left-description-map ul li span {
        padding-top: 0;
        padding-bottom: 5px;
    }
    .right-description-map {
        width: 100%;
        margin-top: -220px;
    }
    .one-news img {
        width: 100%;
    }
    .main-news {
        margin-bottom: 50px;
    }
    #wrapper .page-news .one-news {
        float: none;
        margin-right: 0;
        width: 100%;
    }
    .breadcrumbs-one-news ul li:last-child {
        float: none;
    }
    .main-content-news {
        width: 100%;
    }
    #breadcrumbs ul li a {
        font-size: 12px;
    }
    .wrap-informative-list {
        height: auto;
    }
    #breadcrumbs {
        margin-bottom: 60px;
    }
    .mobile-header {
        position: relative;
        z-index: 9999999;
    }
    .burger {
        float: right;
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        margin-top: 30px;
    }
    .burger:after {
        position: absolute;
        content: url(../images/svg/menu.svg);
    }
    .burger-no-home:after {
        position: absolute;
        content: url(../images/svg/menu-black.svg);
        width: 100%;
    }
    .logo-mobile {
        margin-top: 5px;
        display: block;
    }
    .burger.active:after {
        content: url(../images/svg/close-hamburger.svg);
        top: 5px;
        left: 7px;
    }
    .burger-no-home.active:after {
        content: url(../images/svg/close-hamburger-black.svg);
        top: 5px;
        left: 7px;
    }
    .mobile-none {
        display: none;
    }
    .list-menu-mobile {
        display: none;
        position: absolute;
        width: 100%;
        top: 48px;
        background-color: white;
        z-index: 999999;
        left: 0;
        padding-top: 20px;
    }
    .burger.active+ul {
        display: block;
    }
    .mobile-header .col-xs-6 {
        position: inherit;
    }
    .list-menu-mobile li a {
        display: block;
        text-align: center;
        font-size: 14px;
        line-height: 17px;
        color: #322CA0 !important;
        margin-bottom: 15px;
    }
    .right-description-map svg {
        height: 700px;
    }
    .arrows-news {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    #photos img {
        width: 46%;
        margin: 0 10px 25px;
    }
    #documents ul li p {
        word-break: break-all;
    }
    .wrap-list-news div.one-news a img {
        width: 100%;
    }
    #documents {
        padding: 100px 0;
    }
    .menu-header ul li:nth-child(n + 5) {
        display: none;
    }
    #stats ul li p {
        font-size: 12px;
    }
    .arrows-news {
        display: none;
    }
    .socials-footer ul li:nth-child(n+4) {
        margin-left: 25px;
    }
    .right-description-map {
        width: 44%;
        margin-top: -150px;
    }
    .left-description-map {
        margin-top: 0;
    }
    #details .col-lg-2 {
        padding-top: 50px;
    }
    #details .col-lg-2 img:first-child {
        margin-bottom: 50px;
    }
    #details .col-lg-2 img:last-child {
        position: initial;
        margin: 0 auto 50px;
        transform: none;
    }
    .stages ul li {
        width: 30%;
    }
    .stages ul li img {
        width: 100%;
        height: auto;
    }
    #covid {
        padding: 60px 0;
    }
    #video .col-lg-12 video {
        width: 100%;
    }
    .menu-header ul li {
        margin-right: 12px;
    }
    .menu-header ul li a {
        font-size: 13px;
    }
    .list-news-page ul li a {
        margin-bottom: 25px;
    }
    .page-news div.one-news:nth-child(2n),
    .page-news div.one-news:nth-child(6n),
    .page-news div.one-news:nth-child(12n),
    .page-news div.one-news:nth-child(18n) {
        margin-right: 0 !important;
    }
    .page-news div.one-news:nth-child(3n) {
        margin-right: 20px;
    }
    .page-news .one-news {
        margin-right: 20px;
    }
    .block-header h1 {
        font-size: 40px;
    }
    #breadcrumbs ul li,
    #breadcrumbs ul li a {
        font-size: 14px;
    }
    #breadcrumbs ul li {
        margin-right: 10px;
    }
    .wrap-form {
        width: 100%;
    }
    .wrap-form ul li:first-child {
        width: 45%;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1368px) {}

@media only screen and (min-width: 1368px) and (max-width: 1500px) {}