.desing, .dpMenu-disc, .fixed-bottom-mobile { display: none;} .home-page .desing { display:block;}
.page-bottom-section a:link, .page-bottom-section a:visited { color: #fff; transition: all 0.5s ease;}
.page-bottom-section a:hover { color: var(--yellowColor);} .btm-mails p { height: 85px; }
td, th { word-break: break-word; }
.about-top-area .two-column-wrapp { flex-direction: row-reverse;}
.dicMenu  li { border-bottom: var(--border); }
.dicMenu a:link, .dicMenu a:visited {  padding: 10px 0; } 
.mh-head, .mobMenu { background:#2f3192 !important}
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before {
    background: #ffffff;
}
.mm-listview>li>a, .mm-listview>li>span { text-transform: uppercase; font-size: 11.5pt; padding: 14px 10px 14px 20px;}
@media (max-width: 1500px) {  
    .page-bottom-section .container, .footer-wrapp .container { padding: 0 50px;} 
}
@media (max-width: 1400px) { 
.container { padding: 0 80px;} .book-content {    padding: 100px 80px; } .message-book-left .book-content {    padding-left: 90px; }
.message-book-right .book-content { padding-right: 90px;} .banner-title, .sub-title, .message-title, .welcome-title {    font-size: 26pt;  line-height: 32pt; }
.welcome-title span {     font-size: 20pt; } 
.widget-title { font-size: 28pt;}     .site-title { font-size: 16pt;}     .header-fix  .site-title { font-size: 14pt;}
.quick-feature, .small-cption {    font-size: 18pt;    font-weight: 700; } .page-btm-left {    width: 544px; } .page-title { font-size: 24pt; }
}
@media (max-width: 1300px) { 
    :root { --gutter:60px 0 }     #page {  font-size: 12pt }  .container { padding: 0 50px;}
.book-content {    padding: 80px 60px; }
.message-book-left .book-content {    padding-left: 70px;}
.message-book-right .book-content { padding-right: 70px;}
.banner-btm-algin {    padding: 40px 90px;    position: relative; }
    .site-title { font-size: 14pt;}    .header-fix  .site-title { font-size: 12pt;}
  .widget-title { font-size: 26pt;}
  .widget-title:after, .widget-title::before { bottom: 50px;}
  .facili-cap, .hme-activi-caption {    font-size: 16pt; }
.banner-title, .sub-title, .message-title, .welcome-title, .small-title {
    font-size: 22pt; line-height: 26pt;   padding-bottom: 15px; }
   .banner-bottom span,  .message-title span, .quick-feature, .small-cption {    font-size: 16pt; line-height: 22pt; }
    .banner-bottom p {    font-size: 12pt;    line-height: 22pt; }
   .small-cption { padding-bottom: 15px;} .readMoreBtn a:link, .readMoreBtn a:visited { font-size: 10pt;}
.readMoreBtn, .yellow-btn {    padding-top: 20px; }
.welcome-image, .achivement-block-home article, .hme-activi-blocks, .abt-academic-wrapp article { padding-left: 30px;}
.facility-slider .align { padding: 30px; } .page-btm-right img {    width: 130px; } .small-title { font-size: 18pt;} .footer-menu-block {    padding-right: 100px; }
.primary-menu ul li a:link, .primary-menu ul li a:visited, .header-top a:link, .header-top a:visited, .header-top { font-size: 11pt;}
    .site-title {        font-size: 13pt;    }  .two-column-wrapp {    gap: 30px;}  .two-column { width: calc(50% - 30px);} .disclosure-wrapp {padding-right: 320px; }
    .btm-enq-btn a:link, .btm-enq-btn a:visited { padding: 15px 30px; }
    .item-head { font-size: 13pt; line-height: 16pt;}
}
@media (max-width: 1200px) { 
    #page { width: 100%; }
.banner-btm-algin {    padding: 25px 80px;    position: relative; }
.facility-slider .align { padding: 30px 20px; }    .book-content {        padding: 56px 30px;    }
.small-title, .facility-slider h4 { font-size: 16pt; } .page-bottom-section  { font-size: 11pt;} .page-btm-right { padding-left: 30px; }
.page-btm-right, .page-btm-left { width: calc(50% - 0px);}
.primary-menu ul li a:link, .primary-menu ul li a:visited, .secondary-menu li a:link, .secondary-menu li a:visited { padding: 20px 10px;}
.site-logo { width: 130px;} .banner-bottom  { position: relative;} .banner-bottom .container, .school-features-quick .container { padding: 0;}
.page-btm-right { padding-left: 40px;} .page-btm-right figure { display: none;} .disclosure-wrapp { padding-right: 0; }
.sidebar-fixed { height: auto;} .gallery-menu a:link, .gallery-menu a:visited {     padding: 15px 27px;     font-size: 12pt; }
@supports (position: sticky) {
  .sidebar-fixed {     position: sticky;
    top: 100px; /* distance from top when sticking */
    z-index: 100000; /* optional, to stay above other content */
  }
}
.sidebar-menu { display: none;} 
.dpMenu-disc a:link, .dpMenu-disc a:visited { display: block; padding: 5px 20px; text-transform: uppercase;}
.sidebar-fixed { padding: 0; padding: 0; width: calc(100% - 0px); right: 0; background: none;}
.dpMenu-disc {        position: relative;        width: 280px; display: block !important; float: right;    }
.dicMenu { display: none; opacity: 0; position:absolute; top: 80px; background-color: #fff; font-size: 10.5pt; padding: 10px 0;}
.dicMenu.open {  animation: discMenuAnim 0.5s ease forwards; animation-delay: 0.2s; display: block; }
@keyframes discMenuAnim {
    0%  { opacity: 0; top: 80px;}
   100%  { opacity: 1; top: 50px;}    
}
#menu-toggle { font-size: 11pt; border: var(--border); letter-spacing: 1px; width: calc(100% - 0px);}
#menu-toggle a { position: relative;} #menu-toggle span { position: absolute; display: block; right: 20px; top: 15px;}
#menu-toggle span:after, #menu-toggle span:before { position: absolute; width: 10px; height: 2px; background-color: #000; content: ""; transition: all 0.5s ease;  transform: rotate(44deg) translate(0px, 4px);  }
#menu-toggle span:before { transform: rotate(-44deg) translate(0px, 4px);  } .header-fix .site-logo  { width: 80px; } 
.page-title-wrapp { margin-bottom: 40px;} .facil-items-wrapp, .activi-itemm-warpp, .other-activities ul { gap: 20px;} 
.facil-item-blk, .activ-item {     width: calc(33.3333% - 20px);  } 
.other-activities li {    display: block;    width: calc(25% - 20px); }
.photo-gallery li { width: calc(25% - 0px); } .contact-address img { width: 130px ; }
}
@media (max-width: 1080px) { 
   .container {        padding: 0 30px;     }        .site-title {        font-size: 12pt;    }
.welcome-wrapp .flex-container, .achivement-block-home .flex-container, .about-top-area  .two-column-wrapp { display: block;}
.welcome-image, .achivement-block-home figure, .about-top-img { float: left; margin:15px 30px 10px 0; padding: 0;} 
.welcome-wrapp article, .achivement-block-home article, .about-top-cnt { width: auto; padding: 0;}
.hme-activi-blocks ul { gap: 10px;  }
.hme-activi-blocks li {      width: calc(16% - 10px); padding: 20px 0; }
.hme-acti-content, .hme-activi-blocks { width: calc(100% - 0px); }
.hme-activi-blocks { padding-left: 0; padding-top: 45px;}
.hme-activi-blocks img { width: 60px;}
.hme-activi-blocks figcaption { font-size: 12pt;}
.hme-activi-caption { padding-top: 0; }
.widget-title {    letter-spacing: 10px;    padding-bottom: 26px;    margin-bottom: 0; }
.book-content figcaption p {     font-size: 13pt; }
.page-caption, .message-title { font-size: 18pt; line-height: 24pt;}
.enrol-child-block-home article { padding: 0 30px; }
.page-btm-right  { width: calc(45% - 0px);} .page-btm-left { width: calc(55% - 0px);}
.dicMenu { width: 450px; left: -170px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.61);}

.dicMenu ul { display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;  align-items: normal;  align-content: normal; } .dicMenu li { width: calc(50% - 0px); display: block;}
.dicMenu a:link, .dicMenu a:visited { font-size: 9pt; line-height: 18px; padding: 10px 10px;}
.dicMenu li:nth-child(odd) { border-right: var(--border);} .photo-gallery li { width: calc(33.333% - 0px);}
.site-title { color: #fff;}
}
@media (max-width: 960px) { 
.secondary-menu, .primary-menu, .header-bottom, .page-btm-left, .footer-menu-block  { display: none; }
.mobMenu-show { display: block;}
.mobMenu { background-color: #fff;}
.site-title { padding-right: 30px;}
.top-left { width: calc(100% - 0px);}
.site-logo { top: 34px; }
.welcome-image, .achivement-block-home figure { width: 350px;} 
.quick-feature a:link, .quick-feature a:visited {    padding: 20px 40px; }
.hme-activi-blocks img { width: 60px;}
.hme-activi-blocks figcaption { font-size: 11pt;}
.footer-map, .page-btm-right  { width: calc(100% - 0px); text-align: center; padding: 0; display: block;} 
.page-bottom-section .container { flex-direction: column; justify-content: center; align-items: center; }
.footer-map { height: 400px;}
.sub-page .cpr-wrapp .align, .cpr-wrapp .align { flex-direction: column; justify-content: center; align-items: center;}
.home-page .smo { position: relative; left: 0; top: 0; transform: translate(0,0); padding-bottom: 10px;}
.facil-item-blk, .activ-item {    width: calc(50% - 20px);  }.other-activities li {    display: block;    width: calc(33.333% - 20px); }
.video-items { width: calc(50% - 0px);}  .video-items .align { margin: 10px;}
.contact-address, .contact-map  { width: calc(100% - 0px); }
.fixed-bottom-mobile { display: block;} .cpr-wrapp { padding-bottom: 70px;}
}
@media (max-width: 800px) { 
.school-features-quick { display: none; }
.container {        padding: 0 30px;    }    .welcome-image { width:300px;}
.banner-title, .sub-title, .message-title, .welcome-title, .small-title {        font-size: 20pt;        line-height: 28pt; }       .welcome-title span {        font-size: 16pt;     }
.welcome-title { padding-bottom: 25px;}        .banner-btm-algin {        padding: 25px 30px;        position: relative;    } .facility-slider figure { width: 60px;}
    .hme-activi-blocks li {        width: calc(33% - 10px);        padding: 20px 0;    }
.banner-btm-algin { padding: 60px 25px;}
.about-top-area .two-column-wrapp { display: flex; flex-direction: column-reverse; gap: 20px;}
.about-top-area .two-column-wrapp { gap: 0;}
.abt-academic-wrapp article, .two-column { width: calc(100% - 0px); } .about-top-cnt { width:calc(100% - 0px);} 
.about-top-img { padding:0 ;} .school-mid-attr li { width: calc(33.33% - 40px);}
.abt-academic-wrapp figure { text-align: center;  width: calc(100% - 0px); margin-bottom: 5px;}
.abt-academic-wrapp article { padding:30px 0 0 0;} 
.owl-carousel .owl-nav button.owl-next { right: 0;} .owl-carousel .owl-nav button.owl-prev { left: 0;}
.sidebar-fixed  { margin-bottom: 30px; } .dpMenu-disc, #menu-toggle, .dicMenu { float: none; clear: both; width: calc(100% - 0px); }

.fixed-bottom-mobile .align {padding: 5px 150px 5px 25px;}
.btm-left-btns a:link, .btm-left-btns a:visited { flex-direction: column;  }
.btm-left-btns span { padding: 2px  0 0 0; font-size: 10pt;}
.btm-left-btns span { padding:5px  0 0 0; font-size: 8pt;}
.btm-home-btn, .btm-loc-btn, .btm-mail-btn, .btm-call-btn { margin:0 10px;}
.btm-home-btn { margin-left: 0;} .btm-call-btn { margin-right: 0;}
.btm-mail-btn svg {             width: 26px;            margin-top: 3px;         }
.dicMenu { left:0}
}
@media (max-width: 628px) { 
  :root { --gutter:50px 0 }
.facility-slider p, .welcome-image, nav.breadcrumb, .message-block-right-top, .message-block-top, .message-block-bottom, .message-block-right-top, .message-block-right-bottom { display: none !important;}
.message-block-left, .message-block-right-bottom, .message-block-right { background: none;} .message-book-right {  padding-top: 30px; margin-top: 10px; border-top: var(--border);}
.achivement-block-home figure { width: calc(100% - 0px); padding: 0 0 30px 0; margin: 0;}
.message-book-left .book-content, .message-book-right .book-content { width: 100%; padding: 0;}
.message-book-left, .message-book-right { background: none; width: calc(100% - 0px);}
   .facility-slider .align {        padding: 30px 0px;    }    .top-loc { margin: 5px 0;} 
    .facility-slider h4 { font-size: 12pt;}     .widget-title {  font-size: 18pt;     } .page-title { font-size: 22pt; text-align: center; }
    .hme-activi-blocks img {        width: 52px;    }
.header-fix .site-title,  .site-title {        font-size: 11pt;    }
.site-logo { top: 5px; width: 120px; left: 20px; transform: translateX(0); }
.mobMenu  .flex-container { flex-direction: row-reverse; justify-content: flex-start;}
.mobMenu { } .top-left { justify-content: flex-end; padding-right: 0px;}
.block-head, .readMoreBtn, .banner-title, .sub-title, .message-title, .welcome-title, .small-title { text-align: center;}
.schl-rule {    padding: 20px; } .page-title-wrapp { display: block;} .page-title-wrapp { margin-bottom: 40px;} .school-mid-attr ul { gap: 10px;}
.school-mid-attr li { width: calc(50% - 10px); padding: 20px 10px;}
.page-bottom-section .container, .footer-wrapp .container  { padding:0 20px;}
.about-top-cnt { margin-left: -20px;}
.sub-caption { font-size: 14pt; line-height: 20pt;} .page-caption { font-size: 16pt;}
.btm-facilities-slide-wrapp .small-title { padding-bottom: 30px;}
 .site-logo  { width: 110px; } .header-fix .site-logo  { width: 90px; }
 .school-mid-attr figure {    padding: 10px 0; } 
.school-mid-attr p { line-height: 16pt; } 
 .welcome-wrapp, .about-top-area, .adminst-wrapp, .academics-wrapp { text-align-last:center; }
 .history-blk { padding: 40px 0;}  .academic-block { padding: 30px 0;}  .academics-video { height: 350px;}  
.facil-item-blk, .activ-item {    width: calc(100% - 0px);  }.other-activities ul {    gap: 10px;}
 .other-activities li {    display: block;    width: calc(50% - 10px);}
.item-head {    font-size: 12pt;    padding-bottom: 5px; line-height: 16pt; }
.photo-gallery li { width: calc(50% - 0px);}
.video-items { width: calc(100% - 0px);}
.sub-banner { padding-top: 87px;}
.footer-map { height: 350px;} .footer-top { padding: 0;} .footer-top .container { padding: 0;}
.page-bottom-section {padding: 30px 0;}
.page-btm-right .small-title { font-size: 16pt;} .sld-title { font-size: 12pt;}
.btm-facilities-slide-wrapp .container { padding: 0;}
.fixed-bottom-mobile .align {padding: 10px 0 6px 15px }
.btm-left-btns {    width: calc(100% - 0px);    padding-right: 181px; }
.contact-address { padding: 0 0 30px 0; border: none;} .contact-wrapp { border: none; }
.contact-map { height: 250px;}
}
@media (max-width: 580px) {  
.site-title, .btm-loc-btn, .top-call { display: none;} .top-loc { padding-right: 0;} .page-caption { font-size: 14pt;  }
.gallery-menu a:link, .gallery-menu a:visited {     padding: 15px 10px;     font-size: 11.5pt; }
.facil-item-blk article, .activ-item article {    padding: 20px; }
    .btm-mail-btn svg {        width: 22px;        margin-top: 3px;     }
}
@media (max-width: 360px) {  
.btm-left-btns {
        width: calc(100% - 0px);
        padding-right: 150px;
    }
        .btm-enq-btn a:link, .btm-enq-btn a:visited {
        padding: 15px 18px;
    }
}

/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2025 Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */