/*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(--site-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(--site-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(--site-color-secondary);
  }
  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(--site-color-primary);
  }
  #sp-header-trasparent-style-2 .menu-side {
    position: absolute;
    width: 45px;
    height: 45px;
    right: 10px;
    background: var(--site-color-secondary);
    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(--site-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(--site-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(--site-color-secondary);
    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) {
  .table tbody tr td.profile_width_3 {
    width: 105px;
    padding: 0;
    margin: 0 auto;
  }
  .article-details,
  .com-content-category-blog,
  .speasyimagegallery-row {
    margin-bottom: 0 !important;
  }
  .profile_width_1 .profile-image {
    width: 25%;
  }
  .speasyimagegallery-modal-body {
    overflow: hidden;
    width: 330px;
  }
  .butt-div-inner {
    width: 100%;
    display: flex;
    height: 80px;
    color: #fff;
    background: var(--site-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 0.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(--site-color-secondary);
    margin: 15px 0;
  }
  .footer-top.footer-style-01
    .inner-container
    .wrapper
    .right-content
    .usefull_links
    .title-text {
    /* background: var(--site-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 0.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(--site-color-secondary);
    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(--site-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(--site-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(--site-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(--site-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(--site-color-secondary);
    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(--site-color-primary);
    padding: 13px 0;
  }
  #creative-header .sosial-and-menu {
    justify-content: end;
  }
  #creative-header .stiky-bar {
    display: none;
  }
}