/* Normal desktop :992px. */
@media(max-width: 1550px) {
    .progress-item {
        margin-bottom: 30px;
    }
    .tea-dec h2 {
        font-size: 18px;
    }
    h2.tea-sub-title {
        font-size: 15px;
    }
}
@media(max-width: 1400px) and (min-width:900px) {
    .history-dec {
        text-align: justify;
    }
}
@media(max-width: 900px) {
    .progress-item {
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) and (max-width: 1124px) {
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 20px 10px;
        font-size: 15px;
    }
    .school-left {
        margin-left: 11px;
    }
    section.progress-section {
        padding: 50px 0;
    }
    .ft-textarea ul li strong {
        margin-right: 3px;
    }
    .ft-textarea ul li {
        font-size: 12px;
    }
    .top-header ul > li > span {
        margin-right: 0;
        font-size: 12px;
    }
    .promo-items {
        position: relative;
        margin-bottom: 30px;
    }
}
@media(max-width:768px) {
    .school-t-hading {
        -webkit-clip-path: polygon(0% -1%, 100% 0%, 100% 100%, 0% 100%);
        clip-path: polygon(0% -1%, 100% 0%, 100% 100%, 0% 100%);
    }
    .message-area {
        margin-top: 60px;
    }
    .progress-item {
        margin-bottom: 30px;
    }
}
@media (min-width: 320px) and (max-width:748px) {
    /*** Header section ***/
    .xs-center {
        text-align: center;
    }
    nav.navbar.bootsnav .navbar-toggle {
        background-color: transparent;
        color: #fff;
    }
    nav.navbar.bootsnav ul.nav > li > a {
        padding: 9px 14px;
        font-weight: 400;
        font-size: 12px;
    }
    nav.navbar.bootsnav ul.nav > li > a.active,
    nav.navbar.bootsnav ul.nav > li > a:hover,
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover {
        background-color: transparent;
        color: #ffa800
    }
    nav.navbar.bootsnav .navbar-nav > li > a,
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        border-bottom: none;
        color: #fff
    }
    .slider-items .owl-prev,
    .slider-items .owl-next {
        top: 26%;
    }
    .promo-items {
        margin-bottom: 30px;
    }
    section.school-time-section {
        background: #002147;
    }
    .school-t-hading {
        padding-right: 70px;
        -webkit-clip-path: polygon(0% -1%, 100% 0%, 102% 100%, 0% 100%);
        clip-path: polygon(0% -1%, 100% 0%, 102% 100%, 0% 100%);
    }
    .message-area {
        margin: 35px 0;
    }
    .headding-tea h2,
    .fea-hadidng h2 {
        font-size: 24px;
    }
    section.progress-section {
        padding: 0;
    }
    .progress-item {
        margin-bottom: 30px;
    }
    .ft-widget {
        margin-bottom: 30px
    }
    .school-t-hading {
        float: none;
    }
    section.progress-section {
        padding: 50px 0;
    }
    /*** About page ***/
    .about-page-section .his-img {
        float: none;
        width: 100%;
    }
    .bar-back {
        text-align: center;
    }
    h2.bar-title {
        margin: 14px 0;
    }
    .history-content {
        text-align: justify;
    }
    .promo-round {
        right: -15px;
    }
    .about-page-section .his-img img {
        width: 100%;
    }
    /*** Admission page ***/
    .set-header-inner h1 {
        font-size: 24px;
    }
    .admission-inner {
        padding: 11px;
    }
    .result-container {
        width: auto;
    }
    .set-header h2 {
        font-size: 14px;
    }
    .result-container h2.title {
        font-size: 15px;
    }
    .exam-time-count i {
        position: relative;
        left: 0;
        top: -19px;
    }
    .contest-tables {
        padding: 46px 19px;
    }
    .set-content .item {
        padding: 6px;
    }
    .book-img {
        float: none;
    }
    .book-dec {
        padding: 52px 12px;
        margin: 25px 9px;
        margin-left: 6px;
    }
}
@media (min-width: 667) and (max-width:375) {
    .slider-items .owl-prev,
    .slider-items .owl-next {
        top: 42%;
    }
}