@media screen and (max-width: 1024px) {
    .headerBottom [class*=col].d-lg-none {
        position: relative !important;
    }

    #icoBoxList a {
        margin-bottom: 30px;
    }

    #timeline .timeBox .date strong {
        margin-right: 5px;
    }

    #timeline .timeBox+.timeBox {
        margin-left: 0;
    }

    #timeline .timeBox.big {
        max-width: 100%;
        min-width: 1px;
    }

    #timeline .timeLineLink {
        margin-left: 0;
        margin-top: 20px;
    }

    footer .footerTitle {
        text-align: center;
    }

    footer .footerList {
        text-align: center;
    }

    footer .footerBox+.footerBox {
        margin-top: 20px;
    }

    footer .footerBox.contactBox {
        max-width: 100%;
    }

    footer .footerList a {
        font-size: 14px;
    }

    footer .footerBox.contactBox li img {

        width: 32px;
    }

    footer .footerBox.contactBox span {
        font-size: 14px;
    }

    footer .footerBox.contactBox li {
        text-align: center;
    }

    #slider .owl-nav {
        max-width: 90%;
    }

    #slider .owl-theme .owl-nav [class*=owl-] i {
        line-height: 60px;
        font-size: 60px;

    }

    #slider .owl-theme .owl-dots {
        max-width: 90%;
    }

    header .headerBottom .menu .search {
        text-align: center;
        width: 100%;
    }

    header .headerBottom .menu .search img {
        margin-right: 0;

    }

    .copyRightText {
        text-align: center;
        margin-top: 20px;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1200px) {

    #timeline .timeBox .timeContent {
        max-width: 225px;
    }

    #timeline .timeBox .timeContent .photo img {
        width: 100%;
    }

    #timeline .timeLineLink strong {
        font-size: 24px !important;
    }

}

@media screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .headSearch .searchInputBox {
        top: calc(100% + 9px);
    }
}

@media screen and (max-width: 768px) {

    #DeltaPlaceHolderMain {
        height: 100vh;
        overflow: auto;

        & header {
            position: sticky !important;
            top: 0 !important;

            &+* {
                margin-top: auto;
            }
        }
    }

    .headSearch {
        position: static;
        width: 100%;
    }

    header .headerBottom .menuRight .search {
        width: 100%;
        min-width: auto;
    }

    .headSearch .search.open+.searchInputBox {
        width: 100%;
        top: 100%;
    }

    #timeline .timeBox .timeContent .photo img {
        width: 100%;
    }

    #timeline .timeBox {
        display: none
    }

    #timeline .timeBox:first-child {
        display: block
    }

    #videos .item a .videoPhoto img {
        height: auto;
    }

    #timeline .timeBox .timeContent {
        max-width: 100%;
    }

    header .headerTop a {
        font-size: 10px;
    }

    #slider .sliderNext {
        font-size: 60px;
        right: 15px;
    }

    #slider .sliderPrev {
        font-size: 60px;
        left: 15px;
    }

    #pageBanner .pageTitle {
        font-size: 20px;
        letter-spacing: 0px;
    }

    #pageBanner .bannerPhoto {
        min-height: 100px !important;
    }

    .allLink {
        text-align: center;
        display: block;
        margin: 20px 0;
        padding: 10px 0;
        background: #8D133F;
        color: #fff !important;
    }

    .mobileLeftMenu {
        display: block;
        background: #8d133f;
        text-align: center;
        color: #fff !important;
        padding: 10px;
        text-decoration: none !important;

    }

    .mobileLeftMenu i {
        margin-right: 10px;
    }

    .mobileLeftMenu+ul {
        display: none;
    }

    .mobileLeftMenu.open+ul {
        display: block;
    }

    .mobileLeftMenu.open .fa-angle-down:before {
        content: "\f106";
    }

    .menu_simple {
        margin-bottom: 20px;
    }

    #events .item a .eventTitle {
        font-size: 15px;
        padding: 5px 20px;
    }

    .timeline .row:nth-child(odd) {
        text-align: left
    }

    .timeline .row:nth-child(odd) .toggleLink {
        padding-right: 0;
        padding-left: 50px;
    }

    .timeline .row .toggleLink:after {
        left: 0;
        right: auto;
    }

    .timeline a.toggleLink i {
        font-size: 16px;
    }

    .timeline a.toggleLink strong {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) {

    #news .newsList a .newsPhoto,
    #newsAll .newsList a .newsPhoto {
        height: 108px;
    }
}

@media screen and (min-width: 1024px) {

    #news .newsList a .newsPhoto,
    #newsAll .newsList a .newsPhoto {
        height: 148px;
    }
}

@media screen and (min-width: 1200px) {

    #news .newsList a .newsPhoto,
    #newsAll .newsList a .newsPhoto {
        height: 176px;
    }
}

@media screen and (max-width: 991px) {
    header {
        .logo {
            width: 100%;
            flex-direction: row;
            justify-content: space-around;

            &>span {
                font-size: 12px;
                width: 100%;
            }
        }
    }
}

@media screen and (max-width: 576px) {
    header .headerLinksGroup {
        width: 100vw;
        justify-content: space-around;
    }
}