.mobile-view{
	display: none;
}
@media (max-width: 1200px) {

}
.desktop-view{
	display: block;
}
.mobile-view{
	display: none;
}
@media (max-width: 991px) {
.desktop-view{
	display: none;
}
.mobile-view{
	display: block;
}
.mobile-view{
	display: block;
}
header {
    background: none;
}

.top-header {
    padding: 10px 0 10px 0;
}
.top-h-left {
    width: 100%;
    display: block;
    text-align: center;
}
.top-phone, .top-email {
    margin-right: 0;
}
.top-phone span, .top-email span {
    font-size: 14px;
}
.top-h-right {
    margin-top: 15px;
    text-align: center;
}

.header-bg {
    background-size: auto;
}


.header-right {
    display: none;
}
.mobile-menu-icon:after {
    color:#fff;
    font-size: 24px;
}

.main-menu {
    display: inherit;
}


footer {
    position: relative;
    background: url(../images/footer-background.jpg);
    height: auto;
    padding: 25px 0;
}
.under-sub-banner {
    margin: 30px 0px 30px;
}
.right-sub-section .welcome-sub-content h1 {
    font-size:30px;
}
.right-sub-section .welcome-sub-content h1 span {
    font-size:22px;
}
.footer-wrapper img {
    width: 90%;
}

.footer-wrapper {
    padding: 50px 0;
}
span.address  {
    text-align: center;
    font-size: 18px;
}
.footer-menu ul li a {
    padding: 5px 5px;
}

.copy-right p {
    text-align: center !important;
}



.top-h-right .facebook, .top-h-right .twitter, .top-h-right .instagram, .top-h-right .pinterest, .top-h-right .lindkdin {
    margin-right:0;
}
.main-btn {
    font-size: 16px;
    padding: 17px 53px;
}
.weberge-slider {
    top: -80;
}

.slide-text p {
    font-size: 29px;
}
.slide-text h1 {
    font-size: 45px;
}

.jom-slider {
    padding: 0;
}
footer .f-social-media span {
    display: block;
    margin-bottom: 10px;
}


.logo-mobile {
    display: block;
    position: absolute;
    width: 100px;
    text-align: center;
    margin: 5p;
    float: left;
    top: 13px;
}

.middle-banner-section .weberge-slider {
    top: 0px;
}
.logo-mobile img {
    width: 100%;
}

.text-logo {
    float: left;
    position: relative;
    left: 110px;
    width: 180px;
    top: 20px;
    padding: 0;
}

.jom-slider .tns-controls [aria-controls] {
    display: block;
}

.gallery-outer {
    margin-top: 25px;
}
.mobile-menu {
    background: url(../images/footer-background.jpg);
}
.mobile-menu-icon {
    background-color:#fa1e44;
    border-radius: 5px;
    top: 6px;
    right: 6px;
}




.tittle h2 {
    padding: 0;
    margin: 30px 0 20px;
}

.announcements .tittle {
    width: 100%;
    float: none;
}
.announcements .outer-block {
    width: 100%;
    float: none;
    position: static;
}
.about-section {
    background-size: 100%;
    height: 777px;
    margin-bottom: 0;
}
.about-left {
    width: 100%;
    float: none;
    display: inline-block;
    height: 295px;
    position: relative;
}
.image-caption {
    width: 100%;
    bottom: 60px;
    position: absolute;
}
.image-caption h4 {
    color: #fff;
}
.about-section::before {
    display: none;
}
.about-content {
    width: 100%;
    float: none;
    padding: 0;
}
.main-block {
    position: static;
    padding: 0;
    width: 100%;
}

.principal-desk {
    margin-top: 0;
    background-size: cover;
    height: auto;
    background-position: top;
    padding: 20px 0
}
.principal-desk-left {
    width: 100%;
    float: none;
}
.principal-desk-right {
    width: 100%;
    float: none;
    padding: 0;
}
.principal-desk-left::before {
    display: none;
}
.principal-desk-left .image {
    position: static;
}
.principal-desk-left .image img {
    width: 60%;
}
.principal-desk-right p {
    color: #fff;
}


.gallery-section {
    background-size: cover;
    height: 580px;
}
.gallery-outer {
    position: static;
}
.history-wrapper {
    background-size: contain;
    height: 180px;
}
.history-left {
    width: 100%;
    padding: 64px 40px;
    height: 278px;
}
.history-right {
    width: 100%;
    padding: 22px 0;
    height: 278px;
} 
.history-left .content-box {
    margin: 10px 6px 10px;
    padding: 0;
}
h4.number {
    font-size: 47px;
}
.history-left p {
    font-size: 11px;
    padding: 0;
}
.history-slider-section {
    margin-bottom: 40px;
}
section h2 {
    font-size: 28px;
}

.news-section, .icon-section, .gallery-section, .announcements, .our-management, .principal-desk{
    margin-bottom: 50px;
}
span.locations, span.phone, span.email {
    font-size: 14px;
}
span.locations::before {
    top: auto;
}
.footer-wrapper ul li a {
    font-size: 14px;
}
.footer-wrapper h4 {
    font-size: 20px;
}




.icon-wrapper {
    grid-template-columns: repeat(2, 1fr);
}
.footer-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 50px;
}




.announcement-wrapper .jom-slider .tns-controls {
    left: auto;
    left: auto;
    right: 23px;
    margin-top: 29px;
}
.announcement-wrapper .jom-slider .tns-controls [aria-controls] {
    width: 40px;
    height: 40px;
}
.announcement-wrapper .jom-slider [data-controls="prev"] {
    left: 50%;
}

.management-outer .tns-controls {
    display: none;
}
.history-outer .jom-slider .tns-nav {
    z-index: 999;
    top: 249px;
    left: 0;
}
.news-outer .jom-slider .tns-controls [aria-controls] {
    width: 40px;
    height: 40px;
}
.news-outer .jom-slider .tns-controls {
    left: 70%;
    bottom: 37px;
    z-index: 9;
}
.news-outer .jom-slider [data-controls="prev"] {
    left: 50%;
}
.gallery-section .jom-slider .tns-controls {
    bottom: -21px;
}
.gallery-section a.more {
    top: 40px;
}
.history-left h3 {
    letter-spacing: 0;
}
.news-outer {
    margin-top: 0;
}
a.utube-icon {
    top: 40.7%;
    left: 40.7%;
}
.main-menu a.admission, .main-menu a.fees{
    display: block;
    width: 100%;
    border-radius: 0;
}
li.mob {
    display: block !important;
}

}

@media (max-width: 480px) {
    .slide-text p{
        line-height: 33px;
        font-size: 24px;
    }
    .slide-text h1 {
        font-size: 35px;
        line-height: 44px;
    }
}

@media (max-width: 768px) {
.gallery-img {
    grid-template-columns: repeat(2,1fr);
}
.logo:before{
	display: none;
}
}
@media (max-width: 600px) {

.logo{
	width: 114px;
	height: auto;
    margin: 2px 10px;
    display: none;
}
.logo-text {
    width: 190px;
    margin-left: 102px;
}
.logo-text img,
.logo img{
	width: 100%;
	height: auto;
}
}


@media (min-width: 1920px) and (max-width: 2560px)  {
    .main-block{ 
        width: 78%;
    }
    .image-caption {
        width: 15%;
    }
    .announcement-wrapper .jom-slider .tns-controls {
        left: -584px;
        top: 121px;
    }
    .history-left {
        padding-left: 21%;
        height: 700px;
    }
    .history-right{
        height: 700px;
    }
    .principal-desk {
        margin-top: 516px;
    }
}