header {padding: 40px 0px;}
.header-details {display: flex;align-items: center;justify-content: space-between;}
.logoWrapp {z-index: 1}

/*Search start*/
.searchbox {z-index: 1;position: relative;display: flex;align-items: center;color: var(--darkPurple);font-weight: 600;text-decoration: none;}
.searchbox:hover {color: var(--darkPurple);}
.searchbox svg {margin-left: 8px;margin-top: 4px}
.search-overlay.open {opacity: 1; visibility: visible; z-index: 3;}
.search-overlay { opacity: 0; visibility: hidden; position: absolute; width: 100%; 
   text-align: center;top: 160px; padding: 108px 25px; left: 0; z-index: 1; 
  background-color: var(--purple); -webkit-transition: all ease-in-out .5s; 
  -ms-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; 
   -o-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}
.search-overlay .search-box { width: 100%; background: var(--white) !important; outline: 0; color: var(--black); }
#search-form {display: flex;align-items: center;}
#search-form .btnHolder {padding-left: 20px}
#search-form .btnHolder .search-icon {min-width: auto;background-image: url('../images/right-arrow.svg');
  background-position: left center;background-repeat: no-repeat;padding: 10px 0 10px 55px;color:var(--black) !important; }
#search-form .btnHolder a {color: var(--black)!important;padding-left: 20px;text-decoration: none;}
.fullscreen-searchform { max-width: 920px;width: 100%; margin: 0 auto; text-align: left; position: relative; opacity: 1;
-webkit-transition: all ease-in-out .6s; -ms-transition: all ease-in-out .6s; -moz-transition: all ease-in-out .6s; -o-transition: all ease-in-out .6s; 
transition: all ease-in-out .6s;}
.close {position: absolute;top: 30px;right: 90px;z-index: 3;cursor: pointer; opacity: 1;}

.search-details { border-bottom:2px solid var(--black);max-width:1120px;width:100% }
.search-details h3 {padding: 18px 0;display: flex;align-items: center;justify-content: space-between;}
.search-details h3 img {max-width: 30px;height: 30px;margin-right: 10px;}
.search-details h3 .imgloader {display: none;}
.search-details p {padding-bottom: 30px;max-width: 955px;width: 100%}
.search-details a {text-decoration: none;}
.search-page-not {display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 120px 0;text-align: center;}
.search-page-not h2 {padding-bottom: 54px;font-size: 100px;text-transform: uppercase;webkit-animation: balance 3s ease infinite 1.3s;
-moz-animation: balance 3s ease infinite 1.3s;-o-animation: balance 3s ease infinite 1.3s;
-ms-animation: balance 3s ease infinite 1.3s;animation: balance 3s ease infinite 1.3s;}

.search-results .search-info {padding: 40px 0 80px}

/*pagination start*/
ul.pagination{display:flex; align-items:center; flex-wrap:wrap;list-style: none;margin: 50px 0 0;padding-bottom: 0}
.pagination li {padding:0px}
.pagination li a { padding:4px 14px;background-color: var(--black);color: var(--white);margin-right: 5px;font-size: 18px;text-decoration:none;}
.pagination li.active a { background-color:var(--darkPurple);color:var(--white);text-decoration:none;}
a.paginationLink.disabled {pointer-events: none;opacity: 0.5;}

@media only screen and (min-width: 769px){
#mega-menu-wrap-primary { background:transparent !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{background: transparent !important}
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{ color: var(--black); !important; 
  background: none !important;font-weight: bold !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > 

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link:hover > span.mega-indicator:after,

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{ font-size: 22px !important; 
  line-height: 20px !important;  height: auto !important;color: var(--black) !important;padding: 0 !important;font-weight: bold !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{color: var(--black) !important;font-weight: bold !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary
 #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > 
 li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > 
 a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{ background-color:transparent !important}
.rightLinks ul{align-items: center; height: 100%;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link > span.mega-indicator{margin-left: 10px !important;display: none}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link,
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > 
ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link { padding-top:25px !important;font-size: 22px !important}



#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0 !important;font-size: 22px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-current_page_ancestor
 {border-bottom: 1px solid var(--black);}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor .mega-sub-menu .mega-menu-row .mega-sub-menu .mega-menu-column
.mega-sub-menu .mega-current-menu-ancestor .mega-sub-menu .mega-current-menu-item .mega-menu-link {color: var(--darkPurple) !important;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: rgb(173 255 229 / 90%) !important;
/*    backdrop-filter: blur(38px);*/
  }

.mega-menu-wrap{ position:absolute!important; left:0!important; right:0!important; width:100%!important;  background-color:transparent!important;
}
#mega-menu-wrap-primary #mega-menu-primary{  text-align: right!important;max-width: 1920px;padding: 0 226px 0 0;margin: 0px auto;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{ top: 95px; padding: 38px 0!important}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{ max-width: 1500px; margin-left:auto;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu >
  li.mega-menu-item > a.mega-menu-link{color:var(--black) !important; font-size: 22px !important; text-transform: capitalize !important;
    margin-bottom: 5px !important; font-weight: bold !important;pointer-events: none !important;margin-top: -7px}

ul.mega-menu-horizontal li ul.mega-sub-menu li a.mega-menu-link{ background-color:transparent!important;
 box-shadow:none!important;color: #2C2C2C !important; 
 -webkit-box-shadow:none!important;-moz-box-shadow:none!important;text-align: left!important;
 width: 100%!important;important;line-height:30px!important;}
ul.mega-menu-horizontal li ul.mega-sub-menu li a.mega-menu-link:hover{color:var(--darkPurple) !important;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column
{border-left: var(--black) solid 1px; padding-left: 41px;}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu 
{ display: flex !important; justify-content: center; !important;}
.media { width: 10% !important;}
.staffmenu{ width: 14% !important}
.schoolMenu{ width: 14% !important}
.aboutMenu{ width: 14% !important}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { position: static;line-height: 0 !important;margin: 0 25px;padding-top: 8px}

@media screen and (min-width: 0px) and (max-width: 1919px) { 
 #mega-menu-wrap-primary #mega-menu-primary {padding: 0 186px 0 0}
}

@media (min-width:1921px) and (max-width:2600px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 565px;}
}
@media (min-width:1921px) and (max-width:2560px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 545px;}
}
@media (min-width:1921px) and (max-width:2500px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 515px;}
}
@media (min-width:1921px) and (max-width:2450px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 458px;}
}
@media (min-width:1921px) and (max-width:2400px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 465px;}
}
@media (min-width:1921px) and (max-width:2350px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 435px;}
}
@media (min-width:1921px) and (max-width:2300px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 415px;}
}
@media (min-width:1921px) and (max-width:2250px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 385px;}
}
@media (min-width:1921px) and (max-width:2200px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 365px;}
}
@media (min-width:1921px) and (max-width:2150px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 335px;}
}
@media (min-width:1921px) and (max-width:2100px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 315px;}
}

@media (min-width:2050px) and (max-width:2099px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 285px;}
}
@media (min-width:1950px) and (max-width:2000px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 235px;}
}
@media (min-width:1921px) and (max-width:2000px) { 
 #mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 235px;}
}

@media (min-width:1922px) and (max-width:1930px) { 
#mega-menu-wrap-primary #mega-menu-primary {max-width: 100%;padding-right: 220px;}
} 


@media (min-width:0px) and (max-width:1600px) { 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > 
ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link
 { padding-top:18px !important;font-size: 18px !important}
}


@media (min-width:0px) and (max-width:1200px) {

  header {padding:20px 0;}
  header .logoWrapp img,.footer-logo img  {max-height: 55px;max-width: 100%;height: auto;}


  .mega-menu-primary-mobile-open #mega-menu-wrap-primary { background: var(--green) !important;}
  #mega-menu-wrap-primary #mega-menu-primary {padding: 0 25px !important}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { background-color:transparent !important; }




  #mega-menu-wrap-primary .mega-menu-toggle { margin-right: 20px;top: -5px !important; position: relative !important; float: right;}

  body.mega-menu-primary-mobile-open { overflow: hidden !important; }

  body .mega-menu-wrap { top: -100%}

  body.mega-menu-primary-mobile-open .mega-menu-wrap {
    position: fixed !important; left: 0!important; top: 0!important;
   width: 100%!important; height: 100vh!important;  z-index: 9999; overflow-y: auto!important;
  -webkit-transition: all 0.7s ease !important;  -moz-transition: all 0.7s ease !important; -o-transition: all 0.7s ease !important;  
  transition: all 0.7s ease !important;}

  body.mega-menu-primary-mobile-open #mega-menu-wrap-primary .mega-menu-toggle { position: fixed; top: 28px !important; right: 6px;
   background: var(--purple) !important; }
   #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {min-width: auto !important}

  body.mega-menu-primary-mobile-open #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
  body.mega-menu-primary-mobile-open #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
  body.mega-menu-primary-mobile-open #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
      background-color: var(--white) !important;  }

  body.mega-menu-primary-mobile-open #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:only-child { margin: 0; }

  body.mega-menu-primary-mobile-open .mega-menu-wrap ul#mega-menu-primary { display: -webkit-box !important; display: -ms-flexbox !important;
   display: flex !important;
    -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 600px !important;
    margin: auto !important; background: transparent !important; margin: 125px auto 70px !important; -webkit-transition: all 0.7s ease !important;  -moz-transition: all 0.7s ease !important; -o-transition: all 0.7s ease !important;  
  transition: all 0.7s ease !important;}

  body.mega-menu-primary-mobile-open .mega-sub-menu li { width: 100% !important; }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { padding-bottom: 0 !important;}


    #mega-menu-wrap-primary .mega-menu-toggle { background: transparent; position: absolute; right: 0; width: max-content; }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: var(--black); !important;}
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    background: url(../images/down-arrow.svg) no-repeat center center !important;
    content: "" !important;
    width: 25px !important;
    height: 25px !important;
    margin: 2px 0 0 !important;position: absolute;top:-4px;right:0;background-size: 25px !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link > span.mega-indicator {display: block !important;}

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover { color: var(--black); !important; }
  .mega-menu-primary-mobile-open .mega-menu-wrap ul#mega-menu-primary > li {width: 100% !important; padding: 20px !important; background: var(--white) !important; margin: 10px 0 !important; }
  .mega-menu-primary-mobile-open .mega-menu-wrap ul#mega-menu-primary > li.mega-toggle-on .mega-menu-link .mega-indicator {transform: rotate(180deg) !important;
    top: 21px !important;right: 25px !important}
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li > ul.mega-sub-menu { display: block !important; }

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link { margin-bottom: 5px !important;}
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column { margin-bottom: 30px;}
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
    padding: 0px 15px 0px 15px !important;}
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after { background-color: var(--white) !important; }
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner {top: 3px !important;}
  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary 
  .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle
   .mega-toggle-block-1 .mega-toggle-animated-inner::after{height: 3px !important;}
   #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column {padding-left: 0}
   #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
   #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after 
    {background-color: var(--black) !important;}

   .search-overlay {top: 94px;padding: 80px 25px}
   .searchbox {right: 70px;}
   .close {right: 25px}
   .close svg {width: 30px;height: 30px}
   .search-results .search-info {padding: 20px 0 50px}
   #search-form .btnHolder .search-icon {font-size: 18px;padding: 10px 0 10px 44px;background-size: 30px;}
   .search-page-not h2 {font-size: 60px;padding-bottom: 60px}
}


@media(max-width:767px) {
  .searchbox {right: 60px;font-size: 0;}
  .searchbox svg {margin-left: 7px; margin-top: 2px}
  .search-page-not h2 {font-size: 60px;padding-bottom: 60px}
  .search-page-not {padding: 70px 0}
  .search-details h3 {padding:15px 0}
  
}