/*
=================================================
        above 1920px
=================================================
*/
@media (min-width: 1920px) {
    .short{
        display: none;
    }
    nav{
        line-height: 2.5;
    }
    .contacts-mini{
        display: none;
    }
    .logo a img{
        max-width: 100%;
        height:90px;
        padding: 5px 0px 0px 5px;
        margin: -46px 0px 0px 0px;
    }

}
/*
=================================================
        for 1600px
=================================================
*/
@media (min-width: 1600px) and (max-width:1919px) {
    .short{
        display: none;
    }
    nav{
        line-height: 1.5;
    }
    nav a{
        padding: 23px 0;
    }
    .contacts-mini{
        display: none;
    }
    .logo a img{
        max-width: 100%;
        height:83px;
        margin: -44px 0px 0px 0px;
        padding: 5px 0px 0px 5px;
    }

}

/*
=================================================
        FROM 1366px To 1599px
=================================================
*/
@media (min-width: 1366PX) and (max-width:1599px) {
    .short{
        display: none;
    }
    .contacts-mini{
        display: none;
    }
    .logo a img{
        max-width: 100%;
        height:63px;
        padding: 5px 0px 0px 5px;
    }
    nav a{
        padding: 17px 0;
        font-size: 14px;
        margin-right: 22px;
    }

}








/* Extra large devices (large desktops, 1200px and up) */



/* Large devices (desktops, 992px and up) */
/* @media (min-width: 992px) and (max-width: 1199.98px) { ... } */


/*
media screen for medium devices
*/
@media (max-width: 575.98px) {
    .long{
        display: none;
    }
    .contacts{
        display: none;
    }
    .contacts-mini{
        display: block;
        background-color: black;
    }
    .contact-details{
        font-size: 12px !important;
        display: inline !important;
    }
    .logo a img{
        max-width: 100%;
        height: 44px;
        padding: 5px 0px 0px 5px;
        margin-top: -56px
    }
    .subitem{
        margin: 25% 0 18px 0;
    }
    .admission_mobile{
        display: block !important;
    }
}

@media (max-width:414px){
    .mobile-menu .ti-menu{
        top: -33px;
        right:7px;
    }

    .slider h2{
        font-size: 20px;
    }
    .slider p{
        font-size: 15px;
        margin-top: 5px;
    }
    .slider .item{
        padding: 50px 0 0 0;
        margin-top:16%;
    }
    .updates .update-title{
        font-size:22px;
    }
    .updates .update-title>img{
        width: 60px;
        height: 60px;
    }
    .updates .slider .list-item>p{
        font-size: 18px;
    }
    .responsive{
        display: block !important;
    }
    .regular{
        display: none;
    }
    .event-picker{
        display:none;
    }
    .admission_mobile{
        display: block !important;
    }
}