/*tablet large*/
@media only screen and (min-width: 992px) {
    .def-header ul {
        display: flex;
        flex-direction: row;
    }
    .def-header ul li a{
        padding: 23px 15px;
    }
}    
/*tablet normal*/
@media only screen and (max-width: 768px) {
    .speasyimagegallery-row {
        margin: 10px 0 !important;
    }
    .container-rows{
        display: flex;
        flex-direction: column;
    }
    .row-left {
        margin-right: 0;
        width: 100%;
    }
    .cards-container-bolg-style-03 .card-inner-wrapper {
        border-radius: 0;
    }
    .cards-container-bolg-style-03 .card-inner-wrapper {
        width: 100%;
        height: 300px !important;
        border-radius: 3px;
        overflow: hidden;
        transition: 0.3s;
        margin: 10px 0;
    }
    .achievement-cat-module .sp-module-content {
        padding: 15px;
        position: relative;
        height: fit-content !important;
        background: var(--color-primary);
        margin-top: 21px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    .speasyimagegallery-modal {
        width: unset !important;
        height: unset !important;
    }
    .speasyimagegallery-close, .speasyimagegallery-close:hover, .speasyimagegallery-close:active, .speasyimagegallery-close:focus {
        right: 35px !important;
        top: 0 !important;
    }
    #colors_table tr:first-child td{
        padding: 5px;
        padding-left: 0;
        width: 100% !important;
    }
    #colors_table tr:last-child td{
        width: 100% !important;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links .title-text{
        left: 0 !important;
    }
    .past-principals table tr td:last-child {
        padding-left: 0;
    }
    .past-principals table tr.year td:first-child{
        width: 100%;
    }
    .left-site-bar-inner {
        margin-top: 18px;
    }
    .wc-schooler-content .article-details{
        margin: 0 !important;
    }
    .page-header{
        padding: 0;
    }
    .wc-schooler-content .page-header h1 {
        color: var(--color-primary);
        font-size: 27px;
        font-weight: 600;
    }
    table.table-inpage.style-2 tr {
        margin: 15px 0;
        display: block;
        position: relative;
        padding: 15px 0;
        border-radius: 8px;
        border: 3px solid var(--color-tertiary);
    }
    table.table-inpage.style-2 tr td:first-child {
        width: 30%;
        padding: 10px;
        position: absolute;
        overflow: hidden;
        right: 0;
    }
    .page-header {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
    }
    .main-inner-container.wc-schooler-content {
        margin-bottom: 14px !important;
    }
    .right-site-bar-inner {
        margin-bottom: 50px;
    }
    .curriculam table tr td{
        width: 100%;
    }
    table {
        overflow: auto;
        width: 100%;
    }
    .article-details table tr {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center;
    }
    .article-details table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    .article-contents table tr td {
        margin: 8px 0;
    }
    .article-contents table tr {
        display: flex;
        flex-direction: column;
    }
    .wc-schooler-content .article-details table tr img {
        margin-bottom: 8px;
    }
    .offcanvas-menu div .logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #sp-header-trasparent nav ul{
        display: none !important;
    }
    /* transparent menu responsive part */
    #sp-header-trasparent .right-sosical-icons {
        display: none;
    }
    #sp-header-trasparent .logo a img {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    header#sp-header-trasparent {
        top: 0;
        width: 100%;
        left: 0px;
        position: relative !important;
        z-index: 9;
    }
    #sp-header-trasparent .gradient-color-bar{
        display: none;
    }
    #sp-header-trasparent .launchpad-style-1{
        display: none;
    }
    /*header-transperent-style-2*/
    #sp-header-trasparent-style-2 .right-sosical-icons {
        display: none;
    }
    #sp-header-trasparent-style-2 .logo a img {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    header#sp-header-trasparent-style-2 {
        top: 0;
        width: 100%;
        left: 0px;
        position: relative !important;
        z-index: 9;
    }
    #sp-header-trasparent-style-2 .gradient-color-bar{
        display: none;
    }
    #sp-header-trasparent-style-2 .launchpad-style-1{
        display: none;
    }
    #sp-header-trasparent-style-2 nav ul{
        display: none !important;
    }
    .mob-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
    }
    #sp-header-trasparent-style-2 .mob-menu{
        background: var(--color-primary);
    }
    #sp-header-trasparent-style-2 .menu-side {
        position: absolute;
        width: 45px;
        height: 45px;
        right: 10px;
        background: var(--color-tertiary);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .left-content .text-details .school-name h1{
        font-size: 20px !important;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links {
        display: flex;
        align-items: center;
        position: relative;
        flex-direction: column;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links .title-text {
        background: var(--color-primary-foreign);
        padding: 12px;
        width: 253px;
        transform: none !important;
        font-size: 20px;
        color: var(--color-secondary);
        font-weight: 400;
        user-select: none;
        position: relative !important;
        margin-top: 29px;
    }

    .logo {
        display: flex;
        align-items: center;
    }
    .logo-text-part {
        margin-left: 4px;
    }
    body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
        right: 0;
        overflow: auto;
        top: 0;
        background: #fff;
    }
    body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
        right: 0;
        top: 0;
        background: #fff;
    }
    
    .menu-side {
         position: absolute;
        width: 45px;
        height: 45px;
        right: 45px;
        background: var(--color-primary);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body.ltr #offcanvas-toggler.offcanvas-toggler-right{
        float: unset; 
        margin-left: unset;
    }
    .footer-top.footer-style-01 .inner-container .wrapper {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
    }
    .launchpad-style-1{
        display: none !important;
    }
    #sp-header-trasparent nav ul{
        display: none !important;
    }
    .container-sopnsors .row > div img {
        width: 120px;
    }
    /* subpages css */
    .wc-schooler-content .article-details img{
        margin: 0;
    }
    .wc-schooler-content .article-details{
        margin-top: 50px;
    }
    .left-site-bar-inner.style-2{
        height: fit-content;
    }
    .left-site-bar-inner.style-1{
        height: fit-content;
    }
    ol.breadcrumb li a {
        font-size: 16px;
    }
    ol.breadcrumb{
        margin-bottom: 0 ;
    }
    .wc-schooler-content .article-details {
        margin-top: 15px;
    }
    .left-site-bar-inner.style-2 .sidebar-header-wc {
        font-size: 20px;
        color: var(--color-secondary);
        font-weight: 600;
        padding: 20px 40px;
        user-select: none;
    }
    .content-block {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #minimal-header-style-3 .sp-column{
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    #creative-header .sosial-and-menu {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding: 15px;
    }
    #creative-header .right-social-media .social-icons.icon-style-4 {
        width: 100%;
        height: unset;
        margin:0;
    }
    #creative-header .inner-header-wrapper .left-logo-squre {
        width: 110px;
        float: left;
        top: 80px;
        position: absolute;
        display: flex;
        z-index: 99;
        height: 110px;
        background: var(--color-tertiary);
        align-items: center;
        justify-content: center;
    }
    #creative-header .bottom-bar {
        display:none;
    }
    .wc-blog-style-01 .system-card{
        flex-direction: column;
    }
    .wc-blog-style-01 .system-card .blog-card-header{
        flex: auto !important;
        margin-top: 25px;
    }
 
}
@media only screen and (max-width: 450px) {
    .speasyimagegallery-modal-body {
        overflow: hidden;
        width: 330px;
    }
    .butt-div-inner {
        width: 100%;
        display: flex;
        height: 80px;
        color: #fff;
        background: var(--color-primary);
        align-items: center;
        justify-content: center;
        font-size: 16px !important;
        /* margin-top: 34px; */
        text-transform: uppercase;
    }
    .div-btt a {
        height: fit-content;
        width: 100% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: 1px solid var(--color-secondary);
        outline-offset: -11px;
        transform: scale(1);
        margin: 24px 0;
        transition: all .3s;
    }
    .MultiRows-custom .button-container-mobile {
        display: block;
        position: relative !important;
        bottom: -126px !important;
    }
    .gsatelites a:nth-child(1){
        left: -38.6146px !important;
        top: 3.5366px !important;
    }
    .gsatelites a:nth-child(2){
        left: -20.6146px !important;
        top: 40.5366px !important;
    }
    .gsatelites a:nth-child(3){
        left: 19.3854px !important;
        top: 43.5366px !important;                                                                                                                                      
    }
    .cards-container-bolg-style-03 .card-inner-wrapper {
        width: 100%;
        height: 300px !important;
        border-radius: 3px;
        overflow: hidden;
        transition: 0.3s;
        box-shadow: 0 0 5px transparent;
        border: 10px solid var(--color-tertiary);
        margin: 15px 0;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links .title-text {
        /* background: var(--color-primary-foreign); */
        padding: 12px;
        width: 100% !important;
        transform: none;
        font-size: 20px;
        color: var(--color-secondary);
        font-weight: 400;
        user-select: none;
        position: unset !important;
        margin-bottom: 5px;
    }
    .mySlides .image-cover img {
        width: 100%;
        height: 100%;
        user-select: none;
        object-fit: cover;
    }
    
    .prev-button ,.next-button ,.pause-button{
         display: none !important;
    }
    .container.slider-inner {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navibutton {
        position: absolute;
        width: 72px;
        top: unset !important;
        background: transparent !important;
        width: unset !important;
        height: unset !important;
        outline:none !important;
        bottom: 87px !important;
        left: -44px  !important;
        transition: all .3s;
    }
    .scoll-up.navibutton {
        bottom: 160px !important;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .left-content .footer-logo a {
        display: block;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .OpenNotice .navibutton.leftscalebtt i {
        position: absolute;
        width: 60px;
        height: 60px;
        background: var(--color-tertiary);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        left: 74px !important;
        border: 1px solid;
        top: -464px;
        z-index: 99999;
    }
    .OpenNotice .navibutton{
        bottom: 17% !important;
    }
    .inner-text{
        display: none !important;
    }
    .mod-newswc.newscard-style-01 .news-card-container{
        max-width: 100% !important;
        min-width: 100% !important;
        max-height: 100% !important;
        min-height: 100% !important;
    }
    .mod-newswc.newscard-style-01 .mod-newswc__item .news-image {
        width: 100% !important;
        height: 196px !important;
        position: relative;
        overflow: hidden;
    }
    .mod-newswc.newscard-style-01 .mod-newswc__item .news-image img {
        width: 100%;
        height: 100%;
    }
    .vision-and-mission-style-2.VissionAndMission.main-container{
        margin: 70px 0 0 0 !important;
    }
    .counter-style-1.counter-block{
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }
    .container-inner-sch-map{
        margin-bottom: 70px !important;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links .title-text{
        width: 100% !important;
        margin-bottom: 5px;
    }
        .footer-top.footer-style-01 .inner-container .wrapper .left-content {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        .footer-top.footer-style-01 .inner-container .wrapper .left-content .text-details .school-name h1 {
            font-size: 23px !important;
            text-align: center;
            margin-top: 20px;
        }
        .footer-top.footer-style-01 .inner-container .wrapper .left-content .text-details{
            margin:0 !important;
            text-align:center !important;
        }
        .developing-team:before {
            content: '';
            width: 200px !important;
            height: 200px  !important;
            background: url(https://images.bhaskarassets.com/webp/thumb/512x0/web2images/521/2022/02/18/new-project-3_1645205398.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            border-radius: 50%;
            margin-bottom: 18px;
        }
        .developing-team h3 {
            color: var(--color-secondary);
            text-transform: uppercase;
            text-align: center;
            font-size: 23px;
            padding: 0 50px;
        }
        .footer-top.footer-style-01 .inner-container {
            background: var(--color-primary);
            padding: 39px 0;
        }
        .mod-newswc.newscard-style-01 .news-heading h3 span {
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            color: var(--color-primary);
            overflow: hidden;
            height: 60px;
        }
        
        .MultiRows-custom .logo a img{
            width: var(--logoMobileViewHeight) !important;
        }
        .logo a img {
            height: auto;
        }
}

/* tablet and mobile */
@media only screen and (max-width: 1025px) {
    .logo-text-part {
        margin-left: 25px;
        display: none;
    }
    .transparent-mob-menu.mob-menu{
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--color-primary-dark);
        padding: 0 20px;
    }
    
    .bottom-footer .container{
        text-align: center;
    }
    .footer-top.footer-style-01 .inner-container .wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
    }
    body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
        right: 0;
        top: 0;
        background: var(--color-secondary);
    }
    .footer-top.footer-style-01 .inner-container .wrapper .left-content {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .left-content .text-details{
        text-align: center !important;
    }
    .MultiRows-custom .launchpad-style-1 {
        bottom: 170px;
    }
    .MultiRows-custom .button-container-mobile {
        display: block;
        position: relative !important;
        bottom: -80px;
    }
    .MultiRows-custom .button-main-container {
        display: none;
    }
    .MultiRows-custom .launchpad-style-1{
        display: none;
    }
    .transparent{
        display: none;
    }
    #minimal-header-style-3 #sp-header .container{
        display: none !important;
    }
    .Transparent-custom .bottom-row-minimal-nav.header-transparent-main{
        display: none !important;
    }
    body.FullwidthCenter-custom #offcanvas-toggler.offcanvas-toggler-right {
        margin-left: 111px;
        display: flex !important;
        width: 45px;
        height: 45px;
        border: 1px solid #ffffff;
        align-items: center;
        justify-content: center;
    }
    .transparent-mob-menu#offcanvas-toggler{
        margin-left: 0;
    }
    .Transparent-custom .bottom-row-minimal-nav.header-transparent-main{
        display: none !important;
    }
    .full-width-center .stiky-header-transparent #offcanvas-toggler.offcanvas-toggler-right{
        margin-left: 0;
    }
    .MultiRows-custom #sp-launchpad .sp-module .sp-module-content{
        display: none;
    }
    .footer-top.footer-style-01 .inner-container .wrapper .right-content .usefull_links .title-text {
        background: var(--color-primary-foreign);
        padding: 12px;
        width: 100% !important;
        transform: none;
        font-size: 20px;
        color: var(--color-secondary);
        font-weight: 400;
        user-select: none;
        position: unset;
        width: 100% !important;
        margin-bottom: 5px;
    }
    #creative-header .inner-header-wrapper .left-logo-squre {
        width: 97px;
        height: 101px !important;
        float: left;
        left: 17px;
        top: 0px;
        position: absolute;
        display: flex;
        z-index: 99991;
        height: 159px;
        background: var(--color-tertiary);
        align-items: center;
        justify-content: center;
    }
    #creative-header .inner-header-wrapper .left-logo-squre .logo {
        width: 65px;
        height: 65px;
    }
    #creative-header .inner-header-wrapper .left-logo-squre .logo a img{
        width: 100%;
        height: 100%;
        padding: 0;
    }
    #creative-header .bottom-bar{
        display: none;
    }
    #creative-header .right-social-media{
        display: none;
    }
    #creative-header .inner-header-wrapper .leftmenu {
        background: var(--color-primary);
        padding: 13px 0;
    }
    #creative-header .sosial-and-menu{
        justify-content: end;
    }
    #creative-header .stiky-bar{
       display: none;
    }
}