.sticky{
    position: fixed !important;
    width: 100%;
    left: 0;
    background: #000000bd;
    z-index: 998;
}

.sticky .search-area input{
    height: 45px !important;
    top: 10px !important;
}

.sticky .search-area .submit-search {
    position: absolute !important;
    top: 4px !important;
}

.sticky .search-area .submit-search .fa-search {
    font-size: 24px !important;
}

.sticky .search-area .close-search {
    top: 17px !important;
    right: -35px;
}

.sticky .search-area .close-search .fa-times {
    font-size: 26px !important;
}

.sticky .menu{
    margin-left: auto;
    margin-right: auto;
    padding-top: 0 !important;
    width: 80%;
    line-height: 70px !important;
}

.sticky .menu .main-logo img{
    height: 55px !important;
}

.sticky .menu >ul >li >a{
    line-height: 50px !important;
}

.trailer-sticky{
    top: 0 !important;
}

.big-submenu::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.big-submenu::-webkit-scrollbar-thumb {
    background: #cccccc;
    border-radius: 0px;
}
.big-submenu::-webkit-scrollbar-thumb:hover{
    background: #cccccc;
}
.big-submenu::-webkit-scrollbar-track{
    background: #ffffff;
    border-radius: 10px;
    box-shadow: inset 7px 10px 12px #f0f0f0;
}

.student-logo{
    width: 30%;
    position: absolute;
    right: 0;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.student-logo img{
    height: auto;
    width: 70%;
    opacity: 0.34;
}

.menu-5{
    position: absolute;
    left: 51.1%;
    top: 229px;
    width: 160px;
}

.menu-6{
    position: absolute;
    left: 27.6%;
    top: 350px;
    width: 160px;
}

.menu-7{
    position: absolute;
    left: 27.4%;
    top: 230px;
    width: 160px;
}

.submenu-title{
    font-weight: bold;
    color: #212327;
}

.column1{
    grid-template-columns: 1fr;
}

.column2{
    grid-template-columns: 1fr 1fr;
}

.column3{
    grid-template-columns: 1fr 1fr 1fr;
}

.column4{
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.header-inner-pages{
    display: none;
}

.mobile-menu{
    display: none;
}

.top{
    width: 100%;
}

.sticky .menu .language{
    display: none !important;
}

.sticky .menu > ul > li .mini-submenu{
    top: 60px !important;
}

.sticky .menu > ul > li:hover .mini-submenu{
    top: 70px !important;
}

.sticky .menu > ul > li > a:after{
    top: 5.2vh !important;
}

.sticky .menu > ul > li .big-submenu{
    top: 60px !important;
}

.sticky .menu > ul > li:hover .big-submenu{
    top: 70px !important;
}

@media only screen and (max-width: 1300px){
    .Header .Header-inner .menu {
        justify-content: center;
    }

    .Header .Header-inner .menu .language {
        right: 51px;
    }

    .main-logo{
        margin-right: 15px;
    }

    .Header .Header-inner {
        width: 90%;
    }

    /**/
    .news-announcements .news-announcements-inner {
        width: 90%;
    }

    .Header .Header-inner .menu{
        width: 100%;
    }

    .events-area .swiper-container {
        width: 90%;
    }

    .fast-links .fast-links-inner {
        width: 90%;
    }

    .news-announcements .news-announcements-inner .news .news-type .news-title h5 {
        font-size: 0.9em !important;
        font-weight: bold !important;
    }

    .news-announcements .news-announcements-inner .announcements .swiper-slide a {
        font-size: 0.9em;
        font-weight: bold;
    }

}
.Header .Header-inner .menu > ul > li > a {
    font-size: 1.2em;
}
@media only screen and (max-width: 1500px){
    .Header .Header-inner .menu > ul > li > a {
        font-size: 1em;
    }
}

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

    .Header .Header-inner .menu > ul > li > a {
        font-size: .8em;
    }

    .explore a {
        font-size: 1em;
    }

    .news-announcements .news-announcements-inner .announcements {
        width: calc(30% - 30px);
    }

    .news-announcements .news-announcements-inner .news {
        width: 80%;
        margin-right: 30px;
    }

    .show-all-button {
        font-size: 1.1em;
    }

    .Header .trailer .firat img {
        width: 340px;
        object-fit: contain;
    }

    .front .inner div {
        font-size: 1em;
    }

    .front .inner .date-time {
        line-height: 15px;
    }
}

/* mobile */
@media only screen and (max-width: 991px) {

    .mobile-menu .submenu-submenu-open{
        color: #fff !important;
    }

    .main-logo {
        margin-right: 0px;
        visibility: hidden;
    }

    .language{
        display: none !important;
    }

    .mobile-logo{
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
    }

    .mobile-logo img{
        height: 30px;
    }

    .mobile-logo span{
        color: #fff;
        font-size: 26px;
        font-weight: 600;
        margin-left: 5px;
    }

    #mobile-search-button{
        position: fixed;
        right: 0;
        top: 0;
    }

    .Header{
        display: none !important;
    }

    .home-page{
        display: block !important;
    }

    .page-title{
        margin-top: 49px;
    }

    .Header .shadow{
        background: linear-gradient(
            0deg
            , transparent 0, #020202fc 194%);
    }

    .Header{
        height: auto!important;
    }

    .social{
        display: flex;
        float: right;
        line-height: 50px;
    }

    .social a{
        display: inline-block;
        text-align: center;
        padding: 0 8px;
        margin-right: 7px;
        color: #fff;
        font-size: 18px;
    }

    .social a i{
        font-weight: 400;
    }

    .social li:last-child a{
        margin-right: 15px;
    }

    .Header .trailer .firat img {
        width: 210px;
        margin-top: 8%;
    }

    .header-inner-pages{
        display: block;
    }

    .mobile-menu .big-submenu .fa-chevron-right{
        display: none;
    }

    .home-page{
        height: 40vh !important;
    }

    .Header .trailer .firat {
        height: 100%;
    }

    .trailer video{
        display: none;
    }

    .trailer{
        background: url("../images/trailer/4.jpg");
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .explore a{
        background: rgba(255, 255, 255, 0.7);
        color: rgba(121, 10, 0);
        font-weight: 900;
    }

    .Header{
        margin-top: 49px;
    }

    .mobile-up{
        display: block;
        position: fixed;
        top: 0;
        z-index: 1001;
        background: #212327;
        width: 100%;
        height: 50px;
    }

    .Header {
        height: calc(100vh - 50px);
    }

    .explore {
        top: auto;
        bottom: 40px;
    }

    .menu ul{
        display: none !important;
    }

    .mobile-m{
        position: fixed;
        left: 0;
        top: 0;
        z-index: 101;
        padding: 4px 0;
    }

    .fl {
        display: flex;
        justify-content: center;
    }

    .mw {
        width: 19.333333%;
    }

    .mt{
        margin: 60px 0;
    }

    .news-announcements .news-announcements-inner{
        flex-direction: column;
    }

    .news-announcements .news-announcements-inner .news{
        width: 90%;
        margin-right: 0;
        margin: 0 auto;
    }

    .show-all-button{
        margin: 0 auto;
        margin-top: 30px;
    }

    .fast-links .show-all-button{
        margin: 40px auto 0 auto !important;
    }

    .news-announcements .news-announcements-inner .announcements{
        width: 90%;
        margin: 0 auto;
        margin-top: 45px;
    }

    .news-announcements .news-announcements-inner .announcements .annoSlider{
        width: 100%;
    }

    .events-area .show-all-button{
        margin: 40px auto 0 auto !important;
    }

    .news-announcements .news-announcements-inner .news .news-top .news-type:first-child{
        width: 100%;
        grid-column: 1 / -1;
    }

    .news-announcements .news-announcements-inner .news .news-top {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        grid-template-rows: 1fr 1fr;
    }

    .news-announcements .news-announcements-inner .news .news-type {
        width: 100%;
    }

    .news-announcements .news-announcements-inner .news .news-bottom{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
        grid-template-rows: 1fr 1fr ;
    }

    .news-announcements .news-announcements-inner .news .news-type .news-face img {
        position: absolute;
        min-width: 100%;
        top: -15px;
        height: 130%;
        object-fit: cover;
        left: 0;
        transition: 0.4s;
    }

    .news-announcements .news-announcements-inner .news .news-top .news-type:first-child .news-face {
        height: 70%;
    }

    .news-announcements .news-announcements-inner .news .news-top .news-type:first-child{
        height: 300px;
    }

    .news-announcements .news-announcements-inner .news .news-type .news-title{
        justify-content: center;
        height: 90px;
    }

    .fast-links .fast-links-inner .link-type img {
        width: auto;
        height: 55px;
    }

}

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

    .fast-links-inner .link-type:last-child{
        display: none !important;
    }

    .fast-links-inner .link-type:nth-child(6){
        display: none !important;
    }

    .fast-links .fast-links-inner {
        justify-content: space-between;
    }

    .mobile-search .input-area {
        width: 80%;
    }

    .mobile-search input {
        width: 100%;
    }

}

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

    .mobile-logo img {
        height: 22px !important;
    }

    .mobile-logo span {
        font-size: 18px !important;
        margin-left: 5px !important;
    }



    .mw{
        width: 29.333333%;
    }
}

@media only screen and (max-width: 450px) {
    .fast-links-inner .link-type:nth-child(5){
        display: none !important;
    }

    .fast-links-inner .link-type:nth-child(4){
        display: none !important;
    }

    .fast-links .fast-links-inner .link-type {
        width: 42%;
    }

}