body{
  color: #fff;
  font-family: 'Gill Sans';
  background: #fff;
  font-size: 14px;
  font-weight: normal;

}
@font-face{
  font-family: 'Myriad Pro';
  src: url(../fonts/MyriadPro-Regular.ttf);
}
@font-face{
  font-family: 'Gill Sans';
  src: url(../fonts/GillSans.otf);
}
@font-face{
  font-family: 'Bebas Neue';
  src: url(../fonts/BebasNeue-Regular.otf);
}

html,body{
  height: 100%;
  width: 100%;
}

/*==========================COMMAN CLASS=======================*/
ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  /* khps */
  list-style-type: disc;
  padding-inline-start: 40px;
}
li { padding: 0px;}
p{  margin: 0px;}
p a {
  color: #6e6e6e;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  /* text-decoration: none; */
  /* 2019 jb */
  text-decoration: underline;
  -webkit-text-decoration-color: #6e6e6e;
  text-decoration-color: #6e6e6e;
}
p a:hover { color: #231f20; text-decoration: underline; outline: none; -webkit-text-decoration-color: #fecb10; text-decoration-color:#fecb10; }

a {
  color: #6e6e6e;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  /* text-decoration: none; */
  /* 2019 jb */
  text-decoration: none;

}
a:focus,
a:hover { color: #231f20; text-decoration: none; outline: none; }

.text-upp{ text-transform: uppercase;}

/*----------------------FONT COLOR CLASSES-------------------------*/

.whiteclr{  color: #fff !important;}
.blackclr{  color: #000 !important;}
.mauto{  margin: 0 auto;}


.about_mastery_details p + h2 {
  margin-top: 40px;
}
button.accordion-button {
  width: 100%;
  text-align: left;
  padding: 3px 0 0 10px;
  font-size: 40px;
}

.accordion {
  margin-top: 20px;
}

.accordion-body p {
  margin: 0 !important;
  padding: 10px;
}
.accordion-body ul {
  padding-left: 40px !important;
}

.accordion-body {
  padding-bottom: 15px;
  padding-top: 10px;
}

button.accordion-button.collapsed:after {
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  float: right;
  margin-right: 11px;
  font-size: 38px;
}
button.accordion-button:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  float: right;
  margin-right: 11px;
  font-size: 38px;
}

/* Change the background color of the accordion header */
.card-header {
  background-color: #f2f2f2;
}

/* Change the color of the accordion header text */
.card-header h5 {
  color: #333;
}

/* Add padding to the accordion body */
.card-body {
  padding: 10px;
}

/* Change the color of the accordion body text */
.card-body p {
  color: #666;
}

/* Add a border to the accordion panels */
.card {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 10px;
}


/*==========       BASIC CLASSES     ==========*/

/* ========================================= */
/* =============SPACE CLASSES============== */
/* ========================================= */
.space5{ margin-top: 5px;}
.space10{  margin-top: 10px;}
.space15{  margin-top: 15px;}
.space20{  margin-top: 20px;}
.space25{  margin-top: 25px;}
.space30{  margin-top: 30px;}
.space40{  margin-top: 40px;}
.space50{  margin-top: 50px !important;}
.space60{  margin-top: 60px;}
.space70{  margin-top: 70px;}
.space80{  margin-top: 80px;}
.space100{  margin-top: 100px;}

/* ========================================= */
/* =============PADDING CLASSES============== */
/* ========================================= */
.pad0{  padding: 0 !important;}
.padleft0{  padding-left: 0px !important;}
.padright0{  padding-right: 0px !important;}
.padtop0{  padding-top: 0px !important;    }
.padbottom0{  padding-bottom: 0px !important;}
.pad5{  padding-left: 5px; padding-right: 5px;}
.padright5{ padding-right: 5px; }
.padleft5{ padding-left: 5px; }
/* ========================================= */
/* =============MARGIN CLASSES============== */
/* ========================================= */
.m0{  margin: 0;}
.mbtm0{  margin-bottom: 0px;}
.mtop0{  margin-top:0px;}
.mautomargin{  margin: 0px auto !important;}

input{
  outline: none !important;
}
button{
  outline: none !important;
}

/*==========================================================================*/

/*::-webkit-scrollbar {
  display: none;
}*/


/*================================ Start ===================================*/

header{
  position: absolute;
  width: 100%;
  padding: 30px 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.75);
}
header .navbar-brand{
  margin-right: 0;
}
.mylogo {
  position: relative;
  display: inline-block;
  width: 350px;
  z-index: 999;
}

header .navbar-nav .nav-item .nav-link{
  position: relative;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  text-align: right;
  padding: 10px 20px;
  transition: .4;
  -webkit-transition: .4;
  -moz-transition: .4;
}


@media(max-width:1599px){
  header .navbar-nav .nav-item .nav-link{padding:10px 18px;}
  header .navbar-nav .nav-item:last-child{position:relative;}
  .searchbox{position:initial!important; overflow:initial!important;}

}

header .navbar-nav .nav-item .nav-link:hover,
header .navbar-nav .nav-item .nav-link:focus,
header .navbar-nav .nav-item.active>.nav-link,
header .navbar-nav .nav-item.active>.nav-link:hover,
header .navbar-nav .nav-item .nav-link.active,
header .navbar-nav .nav-item .nav-link.show,
header .navbar-nav .nav-item.show>.nav-link {
  color: #ffcd03;
}
header .navbar-nav .nav-item.search .nav-link{
  padding-right: 0;
}
.socila_links{
  display: inline-block;
  padding-right: 10px;
}
.socila_links li{
  display: inline-block;
  list-style: none;
}
.socila_links li a{
  position: relative;
  font-size: 18px;
  color: #fff;
  text-align: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: #6f6f6f;
  padding: 4px 0px;
  margin-right: 10px;
  display: inline-block;
  line-height: 25px;
}
.socila_links li a:hover{
  box-shadow: 0px 0px 15px -2px #000;
}
.top_sec{
  position: relative;
  background-color: #fff;
  margin: 0;
  padding: 0;
}
.left_contact1 li{
  display: inline-block;
  padding: 10px 0px;
}
.left_contact1 li .select_school{
  border: none;
  border-radius: 0;
  font-weight: 500;
  box-shadow: none;
  font-size: 18px;
  color: #4e4e4e;
  -webkit-appearance: none;
  background: url('../img/layer6.png')no-repeat;
  background-position: 99%;
  background-size: 12px;
  padding-right: 20px;
  margin-left: 10px;
}
.left_contact1 li span{
  display: inline-block;
  position: relative;
  font-size: 18px;
  color: #4e4e4e;
  /* khps */
  padding-top: 6px;


}
.transparency_report{
  display: inline-block;
  cursor: pointer;
}
.transparency_report .transparency_report-sec{
  font-size: 15px;
  color: #4e4e4e;
  font-weight: 900;
  padding: 20px 20px;
  background-color: #fecb10;
  border: none;
}
.transparency_report:hover .dropdown-menu{display:none;}
.transparency_report .transparency_report-sec::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 5px;
  vertical-align: 0px;
  content: "\f078";
  font-family: 'Font Awesome 5 Free';
  border: none;
  padding-right: 10px;
}
.transparency_report .dropdown-menu{
  background-color: rgba(255,255,255,0.38);
  border-radius: 0;
  margin-top: 0px;
  border: none;
  right: -1px;
}
.transparency_report .dropdown-menu a{padding:7px 20px;}
.transparency_report .dropdown-menu a img{max-width:100%; height:auto;}
.transparency_report .dropdown-menu a:hover{background:initial;}
.banner{
  position: relative;
  z-index: 1;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: auto;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
  list-style: none;
  text-align: right;
  width: 200px;
}
.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  background-color: rgba(255,255,255,.5);
  opacity: .8;
}
.carousel-indicators li.active{
  background-color: #ffcd03;
}
.carousel-caption{
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 230px 30px;
}
.carousel-caption h2,.carousel-caption .banner-text{
  font-family: 'Gill Sans';
  font-size: 80px;
  color: #fff;
  font-weight: 400;
  line-height: 90px;
  text-align: left;
  text-shadow: 1px 1px 4px #000;
}
.carousel-caption h2 span,.carousel-caption .banner-text span{
  font-weight: 900;
}
.knights_glance{
  background: rgba(0, 0, 0, 0.8) url(../img/layer7.png)no-repeat;
  background-position: left top;
  background-size: contain;
}
.knights_glance_div{
  position: relative;
  background-color: #fff;
  padding: 40px 30px;
  width: 400px;
  top: -50px;
  margin-top: -50px;
  margin-left: 50px;
  z-index: 9;
}
.knights_glance_title{
  font-family: 'Bebas Neue';
  background: url('../img/layer8.png')no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 20px 20px;
  text-align: center;
  font-size: 28px;
  color: #4e4e4e;
  font-weight: 700;
}
.knights_glance_div .text1{
  font-size: 18px;
  color: #222;
  font-weight: 700;
  margin-top: 20px;
  text-align: center;
}
.knights_glance_img{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 680px;
  margin-right: -200px;
  z-index: 9;
}
.knightly_news{
  padding: 50px 50px 30px 230px;
  background-color: #fecb10;
  width: 100%;
  height: 99%;
}
.knightly_news .text2{
  font-size: 18px;
  color: #222;
  font-weight: 600;
  margin-top: 20px;
  text-align: left;
}
.knightly_news span{
  display: inline-block;
  margin-top: 15px;
  font-size: 18px;
  color: #222;
  font-weight: 700;
  float: right;
}
.knightly_news .read_new{
  display: inline-block;
  margin-top: 15px;
  /*  font-size: 18px; */
  font-size: xx-large;

  color: #222;
  font-weight: 700;
}


.four_category{
  background-color: #e6e7e9;
  padding: 80px 0;
  text-align: center;
  vertical-align: top;
}
.item_links{
  font-family: 'Bebas Neue';
  display: block;
  font-size: 18px;
  color: #666;
  letter-spacing: .5px;
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
}

/*============================================= Tab sec =========================*/
.education_inspired_sec{
  background-color: #fff;
  padding-top: 30px;
}
.edu_ins_title{
  font-family: 'Bebas Neue';
  font-size: 40px;
  /* color: #fecb10; */
  color: #000000;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}
.education_inspired_sec .nav-tabs {
  border: none;
  width: 100%;
  text-align: center;
  display: block;
}
.education_inspired_sec .nav-tabs .nav-item{
  display: inline-block;
}
.education_inspired_sec .nav-tabs .nav-item .nav-link{
  position: relative;
  font-size: 18px;
  color: #222;
  font-weight: 600;
  border: none;
  padding: 10px 40px;
}
.education_inspired_sec .nav-tabs .nav-item.show .nav-link, .education_inspired_sec .nav-tabs .nav-link.active {
  color: #222;
  background-color: #fff;
  border: none;
}
.education_inspired_sec .nav-tabs .nav-item .nav-link:after{
  position: absolute;
  content: '';
  width: 2px;
  height: 22px;
  top: 24px;
  right: 0;
  background-color: #444;
}
.education_inspired_sec .nav-tabs .nav-item:last-child .nav-link:after{
  display: none;
}
.education_inspired_sec .nav-tabs .nav-item .nav-link.active:before {
  position: absolute;
  content: url('../img/up_arr.png');
  bottom: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: 'Font Awesome 5 Free';
  font-size: 28px;
  line-height: 28px;
}

.edu_redefined_left{
  background: #727272 url('../img/layer21.png') no-repeat;
  background-size: cover;
  background-position: top left;
  padding: 80px 50px;
}
.edu_redefined_right{
  background: url('../img/Achievement.png') no-repeat;
  background-size: cover;
  background-position: top left;
  padding: 80px 50px;
  height: 100%;
}
.mybtn_yellow {
  font-family: 'Bebas Neue';
  background: url(../img/layer8.png)no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 12px 20px;
  text-align: center;
  font-size: 18px;
  color: #333;
  letter-spacing: 1px;
  font-weight: 700;
  display: inline-block;
  margin: 20px 3px;
}
.mybtn_black {
  font-family: 'Bebas Neue';
  background: url(../img/layer30.png)no-repeat;
  background-position: center;
  background-size: 100% 100%;
  background-color: #727272;
  padding: 12px 20px;
  text-align: center;
  font-size: 18px;
  color: #ffcc05;
  letter-spacing: 1px;
  font-weight: 700;
  display: inline-block;
  margin: 20px 3px;
  text-transform: uppercase;
}

.mybtn_black a:hover { color: #ffffff; text-decoration: underline; outline: none; -webkit-text-decoration-color: #fecb10; text-decoration-color:#fecb10; }

.mybtn_black_w {
  font-family: 'Bebas Neue';
  background: url(../img/layer30.png)no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 12px 20px;
  text-align: center;
  font-size: 18px;
  color: #ffcc05;
  letter-spacing: 1px;
  font-weight: 700;
  display: inline-block;
  margin: 20px 3px;
  text-transform: uppercase;
}
.mybtn_black_w a:hover { color: #ffffff; text-decoration: underline; outline: none; -webkit-text-decoration-color: #fecb10; text-decoration-color:#fecb10; }



.edu_red_title{
  font-size: 40px;
  color: #fff;
  font-weight: 300;
  text-shadow: 2px 2px 5px #444;
}
.edu_red_title strong{
  font-weight: 700;
}
.edu_redefined_left .text6{
  font-size: 16px;
  color: #fff;
}

.border-div{
  width: 100%;
  background: url('../img/line_yellow.png');
  background-repeat: repeat-x;
  height: 30px;
}
.border-div2{
  width: 100%;
  background: url('../img/line_yellow.png');
  background-repeat: repeat-x;
  height: 25px;
}

.summer_camps{
  background: url(../img/layer22.png)no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
  text-align: center;
}
.border_top_yellow{
  border-top: 6px solid #ffcd05;
}
.summer_camps h2,.summer_camps .summer_hd{
  font-family: 'Bebas Neue';
  font-size: 50px;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 300;
}
.summer_camps h2 strong,.summer_camps .summer_hd strong{
  font-weight: 700;
  text-transform: uppercase;
}

/*======================================================================*/
.upcoming_event{
  position: relative;
  background-color: #fff;
  padding: 50px 0;
}
.upcoming_event_left{
  padding: 0 50px;
}
.upcoming_event_right{
  padding: 0 50px 0 0;
}
.upcoming_event_right .event_title{
  font-family: 'Bebas Neue';
  font-size: 40px;
  color: #222;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
}
.upcoming_event_right .media{
  margin-top: 15px;
}
.upcoming_event_right .media .media-body{
  padding-top: 15PX;
  vertical-align: middle;
}
.upcoming_event_right .media .media-body h5{
  font-size: 18px;
  color: #222;
  font-weight: 700;
}
.upcoming_event_right .media .media-body p{
  font-size: 15px;
  color: #555;
  font-weight: 600;
}
.go_knight_yellow{
  width: 40%;
  padding: 20px 40px;
  position: absolute;
  left: 0;
  bottom: 30px;
  background-color: #ffcc05;
  font-size: 16px;
  color: #000;
}

.pride_points{
  padding: 30px 0;
}
.pride_points h2 {
  position: absolute;
  display: inline-block;
  padding: 10px 20px;
  background-color: #fff;
  font-size: 32px;
  color: #ffcc05;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: -78px;
  margin-left: 50px;
}
.pride_points .pride_points_left p{font-size:22px; line-height:24px; color:#000; font-weight:bold;}
.pride_points_right{
  margin: 20px 50px 0 30px;
}
.pride_points_right h3{
  font-family: 'Bebas Neue';
  display: inline-block;
  font-size: 45px;
  color: #4d5255;
  font-weight: 700;
  text-transform: uppercase;
  padding: 30px 0;
  border-top: 10px solid #4d5255;
  border-bottom: 10px solid #4d5255;
}
.pride_points_right h3 .second_line{
  font-size: 31.8px;
  display: inline-block;
}
.pride_points_right h3 .third_line{
  font-size: 61.5px;
  display: inline-block;
}
.pride_points_left{
  padding: 0px 70px;
}








/*=============================== Start Footer ========================*/
footer{
  background-color: #e5e6e8;
  padding-top: 50px;
}
footer .footer_socila_links{
  display: block;
  text-align: center;
  padding-left: 0;
}
footer .footer_socila_links li{
  display: inline-block;
  list-style: none;
  vertical-align: middle;
}
footer .footer_socila_links li a{
  display: inline-block;
  position: relative;
  color: #fff;
  text-align: center;
  margin: 6px 10px;
}
footer .footer_socila_links li a.s_links{
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #585858;
  padding: 18px 0px;
  vertical-align: top;
}
footer .footer_socila_links li a.s_links img{
  vertical-align: middle;
}
footer .f_title{
  font-family: 'Bebas Neue';
  font-size: 32px;
  color: #333;
  text-align: left;
  font-weight: 700;
  text-transform: uppercase;
}
.text3{
  font-size: 16px;
  color: #555;
  font-weight: 600;
  margin-top: 10px;
}
.text3 a{
  color: #000000;
}
.helpful_links{
  display: block;
  padding-left: 0;
}
.helpful_links li a{
  display: block;
  font-size: 16px;
  color: #555;
  font-weight: 600;
  padding: 5px 0;
}
.call_no{
  font-family: 'Bebas Neue';
  background: url(../img/layer8.png)no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 15px 20px;
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: 700;
  display: inline-block;
}
.border_btm{
  width: 100%;
  border-bottom: 1px solid #878685;
  margin: 10px 0;
}
.f_copyright{
  display: flex;
  float: left;
  padding: 0px 0;
  margin-bottom: 10px;
}

.f_copyright ul {
  list-style-type: none;
}

.f_rigth_div{
  display: flex;
  float: right;
  padding: 0px 0;
  margin-bottom: 10px;
}
.f_rigth_div li{
  position: relative;
  font-size: 14px;
  color: #333;
  line-height: 16px;
  font-weight: 600;
  padding: 17px 10px;
  list-style-type: none;
}

.f_rigth_div li{
  list-style-type: none;
}

.f_rigth_div li:after{
  position: absolute;
  content: '';
  width: 2px;
  height: 20px;
  background-color: #999;
  right: 0;
  top: 14px;
}
.f_rigth_div li:last-child:after{
  display: none;
}
.f_copyright li{
  position: relative;
  font-size: 14px;
  color: #333;
  line-height: 16px;
  font-weight: 600;
  padding: 3px 15px;
}
.f_copyright li:last-child:after{
  position: absolute;
  content: '';
  width: 2px;
  height: 20px;
  background-color: #999;
  left: 0;
  top: 16px;
}
.f_copyright li span{
  padding-top: 15px;
  display: inline-block;
}

/*============================================================================*/
/*============================== Personal Matery =============================*/
.mastery_ban{
  background: linear-gradient(to right, #1e1e1e , transparent), url(../img/layer31.png)no-repeat;
  background-position: center right !important;
  background-size: cover !important;
  padding: 200px 50px 100px 50px;
}
.mastery_ban h1{
  font-size: 60px;
  color: #fff;
  font-weight: 300;
  line-height: 64px;
}
.mastery_ban h1 strong{
  font-weight: 900;
}
.about_mastery_sec {
  background-color: #fff;
  padding: 50px;
}
.about_mastery_sec .about_mastery_details{
  padding: 0 50px;
}

.about_mastery_sec h2{
  font-size: 28px;
  color: #222;
  text-transform: uppercase;
  font-weight: 700;
}
.about_mastery_sec .text10{
  font-size: 16px;
  color: #222;
  font-weight: 500;
  margin-top: 15px;
}
.helpful_links_right li a{
  font-family: 'Bebas Neue';
  /* khps */
  /*  font-size: 28px; */
  font-size: 22px;
  color: #666;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0px 0;
  display: block;
}
.helpful_links_right {
  padding-left: 20px;
}
.helpful_links_right li a:hover{
  color: #ffcd03;
}
.about_mastery_sec .socila_links{
  margin-top: 15px;
  margin-bottom: 15px;
  display: flex;
  width: 100%;
  padding-left: 0;
  gap: 8px 5px;
  flex-wrap: wrap;
}
.about_mastery_sec .socila_links li a.s_links{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #585858;
  padding: 12px 0px;
  vertical-align: top;
  margin-right: 5px;
}

.about_mastery_sec .socila_links li a.s_links img{
  width: 50%;
}


.schedule_sec{
  position: relative;
  padding: 0px 50px;
  background-color: #e6e7e9;
  margin-top: 50px;
}
.schedule_sec .schedule_img{
  position: absolute;
  width: 450px;
  bottom: 0;
  right: 0px;
  margin-top: -40px;
}
.schedule_sec .schedule_details{
  padding: 50px 0
}
.schedule_sec .schedule_details .call_no {
  width: 350px;
  margin-top: 15px;
}
.schedule_details h2{
  font-family: 'Bebas Neue';
  font-size:50px;
  color: #222;
  text-transform: uppercase;
  font-weight: 700;
  text-align: left;
}
.mastery_details_mb{
  display: block;
}
.pm_read_more{
  display: none !important;
  font-size: 16px;
  color: #000 !important;
  margin-top: 15px;
  display: inline-block;
  font-weight: 600;
  cursor: pointer;
}


/*=========================== Staff Directory page ======================*/
/*=======================================================================*/
.staff_dir_ban{
  background: linear-gradient(to right, #1e1e1e , transparent), url(../img/Zinser2.png)no-repeat;
  background-position: center right !important;
  background-size: cover !important;
  padding: 250px 50px 150px 50px;
}
.staff_dir_ban h1{
  font-size: 60px;
  color: #fff;
  font-weight: 400;
  line-height: 64px;
  text-shadow: 1px 1px 3px #000;
  letter-spacing: 2px;
}
.staff_dir_ban h1 strong{
  font-weight: 900;
}

.dark_sec{
  background-color: #000;
}
.dark_sec .schedule_details h2{
  color: #fff;
}
.staff_directory_sec{
  padding: 50px 50px;
  background-color: #fff;
  text-align: center;
}
.staff_directory_sec h2{
  font-family: 'Bebas Neue';
  font-size: 50px;
  color: #222;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1px;
}
.staff_directory_sec .form-inline{
  text-align: center;
}
.staff_directory_sec .form-control {
  position: relative;
  border: 1px solid #999;
  border-radius: 6px;
  box-shadow: 0px 1px 2px #999;
  margin: 10px 5px;
  font-size: 16px;
  line-height: 16px;
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background: url(../img/layer33.png)no-repeat;
  background-position: 101%;
  height: 30px !important;
}
.staff_directory_sec .form-control.control1{
  width: 300px;
}
.staff_directory_sec .form-control.control2{
  width: 200px;
}
.go_btn{
  height: 30px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 15px;
  color: #222;
  font-weight: 600;
  text-align: center;
  border: 1px solid #999;
  box-shadow: 1px 1px 2px #999;
  border-radius: 4px;
  background-color: transparent;
  margin: 10px 5px;
}
.short_by_txt{
  font-size: 18px;
  color: #222;
  font-weight: 600;
  margin: 0px 10px;
}
.staff_directory_details{
  margin-top: 30px;
}
.staff_directory_details table tr th{
  border-bottom: 1px dotted #222;
  background-color: #eab033;
  padding: 15px 15px;
  font-size: 18px;
  color: #00000 !important;
  font-weight: 900;
  text-align: left;
}

}
.staff_directory_details table tr th a{

  color: #00000 !important;

}
#stafftable a{color: #00000 !important;}
#stafftable th a {color: #000000;}

.staff_directory_details table tr td{
  border: none;
  border-bottom: 1px dotted #222;
  background-color: #fff;
  padding: 10px 15px;
  font-size: 16px;
  color: #333;
  font-weight: 500;
  text-align: left;
}
.staff_directory_details table tr td strong{
  font-weight: 900;
  color: #000;
}
.staff_directory_details table tr td a{
  text-decoration: underline;
}

.staff_directory_sec .pagination{
  display: block;
  text-align: center;
}
.staff_directory_sec .pagination .page-item{
  display: inline-block;
}

.staff_directory_sec .pagination .page-item .page-link {
  position: relative;
  display: block;
  padding: 4px;
  line-height: 1.25;
  background-color: #fff;
  border: none;
  box-shadow: none;
  font-size: 18px;
  color: #666;
  font-weight: 600;
  text-decoration: underline;
}
.staff_directory_sec .pagination .page-item.active .page-link{
  color: #000;
  text-decoration: none;
}


/*=====================================================================*/
/*============================= Middle School Page ====================*/
.mid_school_ban{
  background: linear-gradient(to right, #ffcd03 , transparent), url(../img/layer31.png)no-repeat;
  background-position: center right !important;
  background-size: cover !important;
  padding: 300px 50px 150px 50px;
}
.mid_school_ban h1{
  font-size: 60px;
  color: #fff;
  font-weight: 400;
  line-height: 64px;
  text-shadow: 2px 2px 5px #666;
  letter-spacing: 2px;
}
.mid_school_ban h1 strong{
  font-weight: 900;
}

.con_middle_school{
  background-color: #fff;
  padding: 50px 0;
}
.con_middle_school .details{
  padding: 0 50px;
}

.con_middle_school .details h2 {
  font-family: 'Bebas Neue';
  font-size: 65px;
  color: #222;
  font-weight: 500;
  text-align: left;
  line-height: 70px;
  margin-top: 15px;
  letter-spacing: 1px;
}
.con_middle_school .details .text10{
  font-size: 16px;
  color: #222;
  font-weight: 500;
  margin-top: 15px;
}
.photo_caption{
  padding: 30px 100px;
  background-color: #ffcd03;
  font-size: 18px;
  color: #000;
}
.mid_school_sec{
  padding: 50px 0;
  background-color: #fff;
  color: #000;
}
.mid_school_address{
  padding: 0px 50px 0px 100px;
}
.mid_school_address h2{
  font-family: 'Bebas Neue';
  font-size: 40px;
  color: #222;
  text-transform: uppercase;
  text-align: left;
  font-weight: 700;
  margin-bottom: 15px;
}

.mid_school_address h4{
  font-size: 20px;
  color: #222;
  text-align: left;
  margin-top: 30px;
  font-weight: 700;
}

.mid_school_address p{
  font-size: 18px;
  color: #222;
  line-height: 26px;
  text-align: left;
  font-weight: 400;
  margin-top: 10px;
}


/*======================================================================================*/
/*===================================== School News page =================================*/
.school_new_ban{
  background: linear-gradient(to right, #251e01 , transparent), url(../img/news_ban.png)no-repeat;
  background-position: center right !important;
  background-size: cover !important;
  padding: 250px 50px 150px 50px;
}
.school_new_ban h1{
  font-size: 60px;
  color: #fff;
  font-weight: 300;
  line-height: 64px;
}
.school_new_ban h1 strong{
  font-weight: 900;
}
.office_hours_sec{
  padding: 50px 0;
}
.office_hours_sec .socila_links{
  margin-top: 15px;
}
.about_mastery_details{
  padding: 0 50px;
}
.about_mastery_details h2{
  font-family: 'Bebas Neue';
  font-size: 40px;
  color: #222;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
.formie_form h2{
  font-family: 'Bebas Neue';
  font-size: 40px;
  color: #222;
  text-align: left;
  text-transform: uppercase;
  font-weight: 900;
}
.about_mastery_details h4{
  font-size: 18px;
  color: #ffcd03;
  text-align: left;
  font-weight: 700;
  margin-top: 10px;
}
.formie_form h4{
  font-size: 18px;
  color: #ffcd03;
  text-align: left;
  font-weight: 700;
  margin-top: 10px;
}

.about_mastery_details h4 span{
  color: #222;
}
.formie_form h4 span{
  color: #222;
}
.about_mastery_details .text10{
  font-size: 20px;
  color: #222;
  text-align: left;
  font-weight: 500;
  margin-top: 15px;
}
.caption_txt{
  width: 100%;
  text-align: center;
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  padding: 10px 15px;
  background-color: #ffcd03;
}


.breadcrumb-links{
  position: absolute;
  top: 212px;
  width: 100%;
}
.breadcrumb{
  margin: 0;
  border-radius: 0;
  background-color: #e6e7e9;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 65px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: #000000;
  vertical-align: middle; /* Aligns the arrow vertically in the middle */
}
.breadcrumb-item  {
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
}
.breadcrumb-item a{
  color: #000000;
}
.breadcrumb-item.active {
  color: #000000;
}

.formie_form {
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.formie_form label {
  font-size: 16px;
  color: #222;
  font-weight: 500;
}

.formie_form input, .formie_form select, .formie_form textarea {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100%; /* Ensure full width for form fields */
  box-sizing: border-box;
}

.formie_form .fui-checkbox-label {
  font-size: 15px;
  color: #222;
  font-weight: 500;
}
.formie_form .fui-radio-label {
  font-size: 15px;
  color: #222;
  font-weight: 500;
}

.formie_form .fui-checkbox input {
  margin-right: 0.5rem;
}

.formie_form button[type="submit"] {
  background-color: #ffcd03; /* Customize submit button color */
  color: #222;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.formie_form button[type="submit"]:hover {
  background-color: #ffcd03; /* Change color on hover */
}

.fui-legend {
  font-size: 16px !important; /* Set a larger font size for the legend text */
  font-weight: 600 !important; /* Make the text bold */
  color: #222 !important; /* Set the text color */
  margin-bottom: 10px !important; /* Add some space below the legend */
  padding: 0; /* Remove any default padding */
  display: block; /* Ensure it's a block-level element */
  text-align: left; /* Align the text to the left */
}

.formie_form .text10{
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgb(156, 163, 175)!important;
  line-height: 17.5px !important;
  margin-top: 0 !important;
}

.fui-input.fui-focus, .fui-input:focus, .fui-select.fui-focus, .fui-select:focus{
  box-shadow: none !important;
  border-color: black !important;
}
.formie_form .fui-btn-wrapper.fui-btn-left{
  margin-bottom: 50px;
  margin-top: 10px;
}

.iti__country-list .iti__country-name{
  color: #212529;
}

/*================================== Media ============================*/
/*=====================================================================*/
@media(max-width: 1700px){
  .knights_glance_img {
    width: 600px;
  }
}
@media(max-width: 1600px){
  .knights_glance_img {
    width: 525px;
    margin-right: -170px;
  }
  .knightly_news {
    padding: 30px 50px 30px 200px;
  }
  .knights_glance_div {
    top: -30px;
    margin-top: -80px;
    margin-left: 50px;
  }
  .knights_glance_div {
    padding: 30px 20px;
    width: 330px;
    top: -50px;
    margin-top: -30px;
    margin-left: 50px;
  }
  .knights_glance_title {
    font-size: 22px;
    padding: 15px 15px;
  }
  .knights_glance_div .text1 {
    font-size: 16px;
  }
  .knightly_news .text2 {
    font-size: 16px;
    margin-top: 15px;
  }
  .knightly_news span {
    font-size: 15px;
  }
  .knightly_news .read_new {
    /*   font-size: 15px; */
    font-size: xx-large;
  }
  .pride_points_right h3{
    font-size: 42.2px;
    margin: 0;
  }
  .pride_points_right h3 .second_line{
    font-size: 29.8px;
  }
  .pride_points_right h3 .third_line{
    font-size: 57.5px;
  }
  .pride_points_left {
    padding: 0px 20px 0 70px;
  }

}

@media(max-width: 1440px){
  .knights_glance_img {
    width: 510px;
    margin-right: -140px;
  }
  .knights_glance_div {
    top: -60px;
  }
  .pride_points_right h3{
    font-size: 35.5px;
    margin: 0;
  }
  .pride_points_right h3 .second_line {
    font-size: 25px;
  }
  .pride_points_right h3 .third_line{
    font-size: 48.4px;
  }
  .pride_points_left {
    padding: 0px 0px 0 70px;
  }
  .con_middle_school .details h2 {
    font-size: 30px;
    line-height: 50px;
  }
  .photo_caption {
    padding: 30px 70px;
    font-size: 14px;
  }
  .mybtn_black {
    padding: 12px 15px;
  }
}

@media(max-width: 1280px){
  .knightly_news {
    padding: 30px 50px 20px 150px;
  }
  .knights_glance_div .text1 {
    font-size: 14px;
  }
  .knights_glance_title {
    font-size: 20px;
  }
  .knights_glance_div {
    top: -85px;
    margin-top: -50px;
    padding: 20px 20px;
  }
  .knightly_news .read_new {
    /*   font-size: 14px; */
    font-size: xx-large;
  }
  .knightly_news span {
    font-size: 13px;
  }
  .knightly_news .text2 {
    font-size: 14px;
    margin-top: 15px;
  }
  .carousel-caption h2,.carousel-caption .banner-text{
    font-size: 60px;
    line-height: 68px;
  }

}

@media(max-width: 1199px){
  .carousel-caption h2,.carousel-caption .banner-text{
    font-size: 40px;
    line-height: 48px;
  }
  .knights_glance_img {
    width: 420px;
    margin-right: -120px;
  }
  .knights_glance_div {
    top: -50px;
    margin-top: -48px;
    padding: 20px 20px;
    width: 300px;
  }
  .knights_glance_title {
    font-size: 18px;
  }
  .education_inspired_sec .nav-tabs .nav-item .nav-link {
    padding: 10px 30px;
  }
  .edu_red_title {
    font-size: 32px;
  }
  .edu_redefined_left .text6 {
    font-size: 14px;
  }
  .mybtn_yellow {
    padding: 10px 15px;
    font-size: 16px;
    margin: 20px 2px;
  }
  .edu_redefined_left {
    padding: 30px 50px;
  }
  .pride_points_right {
    margin: 10px 50px 0 20px;
  }
  .pride_points_right h3 {
    font-size: 25px;
  }
  .pride_points_right h3 .second_line {
    font-size: 17.6px;
  }
  .pride_points_right h3 .third_line {
    font-size: 34px;
  }
  .mybtn_black {
    padding: 12px 15px;
    font-size: 14px;
  }
  .upcoming_event_left {
    padding: 0 30px;
  }
  .go_knight_yellow {
    padding: 15px 30px;
    bottom: 65px;
    font-size: 14px;
  }
  .mylogo {
    width: 280px;
  }
  header .navbar-nav .nav-item .nav-link {
    font-size: 16px;
    padding: 10px 10px;
  }
  .about_mastery_sec h2 {
    font-size: 24px;
  }

  .upcoming_event_right .event_title {
    font-size: 24px;
  }
  .helpful_links_right li a {
    font-size: 24px;
    padding: 3px 0;
  }
  .upcoming_event_right {
    padding: 0px;
  }
  .about_mastery_sec .socila_links li a.s_links {
    margin-right: 5px;
  }


  .about_mastery_sec .upcoming_event_right .media img{
    width: 70px;
  }

  .upcoming_event_right .media .media-body h5 {
    font-size: 14px;
  }
  .upcoming_event_right .media .media-body p {
    font-size: 12px;
  }
  .about_mastery_sec .text10 {
    font-size: 14px;
  }
  .schedule_sec .schedule_img {
    width: 100%;
  }
  .schedule_sec .schedule_details {
    padding: 35px 0;
  }
  footer .f_title {
    font-size: 22px;
  }
  .call_no {
    padding: 20px 15px;
    font-size: 20px;
  }
  .f_rigth_div li {
    font-size: 14px;
    padding: 17px 8px;
  }
  .f_copyright li {
    font-size: 14px;
    line-height: 14px;
    padding: 3px 10px;
  }
  .staff_dir_ban {
    padding: 250px 50px 120px 50px;
  }
  .staff_dir_ban h1 {
    font-size: 50px;
    line-height: 54px;
  }
  .mid_school_ban {
    padding: 250px 50px 100px 50px;
  }
  .breadcrumb-links {
    top: 247px;
  }
  .mid_school_ban h1 {
    font-size: 50px;
    line-height: 56px;
  }
  .con_middle_school .details h2 {
    font-size: 30px;
    line-height: 38px;
  }
  .con_middle_school .details .text10 {
    font-size: 14px;
    line-height: 20px;
  }
  .mid_school_address {
    padding: 0px 0px;
  }
  .mid_school_sec .mybtn_black {
    padding: 12px 10px;
    font-size: 14px;
  }
  .school_new_ban {
    padding: 220px 50px 120px 50px;
  }
  .mid_school_address h2 {
    font-size: 32px;
  }
  .upcoming_event_right .event_title {
    font-size: 32px;
  }
  .caption_txt {
    font-size: 15px;
    padding: 10px 10px;
  }
  .about_mastery_details .text10 {
    font-size: 16px;
  }
  .about_mastery_details h2 {
    font-size: 32px;
  }
  .formie_form h2 {
    font-size: 32px;
  }
}

@media(max-width: 991px){
  .knightly_news {
    padding: 30px 50px 30px 300px;
  }
  .knights_glance_img {
    width: 250px;
    margin-right: auto;
    left: 30px;
    right: auto;
    margin-bottom: -100px;
  }
  .knights_glance_div {
    top: -50px;
    margin-top: 0px;
    padding: 20px 20px;
    width: 300px;
    margin: 0 auto;
  }
  .socila_links li a {
    margin-right: 1px;
    width: 30px;
    height: 30px;
    padding: 1px 0;
  }
  .socila_links li a img{
    width: 15px;
  }
  .helpful_links_right{
    padding-left: 15px;
  }
  .transparency_report .transparency_report-sec {
    font-size: 14px;
    padding: 15px 15px;
  }
  .left_contact1 li {
    padding: 5px 0px;
  }
  .mylogo {
    position: relative;
    display: inline-block;
    width: 220px;
    z-index: 999;
  }
  header .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    padding: 10px 7px;
  }
  header .navbar-nav .nav-item.search .nav-link img{
    width: 20px;
  }
  .carousel-caption {
    padding: 150px 30px;
  }
  /* khps */
  .carousel-caption h2 span,.carousel-caption .banner-text span {
    font-weight: 400;
  }
  .left_contact1 li span {
    font-size: 16px;
  }
  .left_contact1 li .select_school{
    font-size: 16px;
  }
  .edu_ins_title {
    font-size: 32px;
  }
  .education_inspired_sec .nav-tabs .nav-item .nav-link {
    padding: 10px 20px;
    font-size: 15px;
  }
  .edu_red_title {
    font-size: 20px;
  }
  .edu_redefined_left {
    padding: 25px 15px;
  }
  .mybtn_yellow {
    padding: 10px 15px;
    font-size: 14px;
    margin: 15px 2px;
  }
  .summer_camps {
    padding: 50px 0;
  }
  .summer_camps h2,.summer_camps .summer_hd{
    font-size: 32px;
  }
  .education_inspired_sec {
    padding-top: 0px;
  }
  .upcoming_event_left {
    padding: 0px 0px;
  }
  .upcoming_event_right {
    padding: 0;
  }
  .mid_school_address h2 {
    font-size: 28px;
  }
  .upcoming_event_right .event_title {
    font-size: 28px;
  }
  .upcoming_event_right .media img{
    width: 70px;
  }
  .upcoming_event {
    padding: 30px 0;
  }
  .pride_points_left{
    padding: 0;
    text-align: center;
  }
  .pride_points_left img{
    width: 300px !important;
    margin: 0 auto;
  }
  .pride_points_right h3{
    text-align: center;
  }
  .about_mastery_sec .about_mastery_details {
    padding: 0 0px;
  }

  .schedule_sec {
    margin-top: 0px;
  }
  .schedule_details h2 {
    font-size: 36px;
  }
  .schedule_sec .schedule_details .call_no {
    width: 270px;
    font-size: 18px;
  }
  footer .footer_socila_links li a {
    margin: 6px 4px;
  }
  footer .f_title {
    font-size: 20px;
    margin-top: 15px;
  }
  .mastery_ban h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .mastery_ban {
    padding: 160px 50px 60px 50px;
  }
  .staff_dir_ban {
    padding: 180px 50px 100px 50px;
  }
  .mid_school_ban h1 {
    font-size: 40px;
    line-height: 48px;
  }
  .mid_school_ban {
    padding: 200px 50px 80px 0px;
  }
  .breadcrumb-links{
    top: 222px;
  }
  .breadcrumb {
    margin: 0;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 20px;
  }
  .con_middle_school .details {
    padding: 0 0px;
  }
  .four_category {
    padding: 50px 0;
  }
  .item_links {
    font-size: 14px;
    margin-top: 15px;
  }
  .photo_caption {
    padding: 15px 15px;
    font-size: 14px;
  }
  .office_hours_sec .about_mastery_details {
    padding: 0 0px;
  }
  .about_mastery_details h2 {
    font-size: 32px;
  }
  .formie_form h2{
    font-size: 32px;
  }
  .con_middle_school .details .text10 {
    font-size: 16px;
    line-height: 22px;
  }
}

@media(max-width: 767px){

  button.accordion-button {
    width: 100%;
    text-align: left;
    padding: 10px 0 3px 10px;
    font-size: 32px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  button.accordion-button.collapsed:after {

    margin-top: -6px;
  }
  button.accordion-button:after {

    margin-top: -6px;
  }
  .knights_glance_img{
    display: none;
  }
  .knights_glance {
    background-size: cover;
  }
  .top_sec{
    background-color: #ffcd03;
  }
  .transparency_report .transparency_report-sec {
    font-size: 15px;
    padding: 7px 0px;
    font-weight: 400;
  }
  .socila_links li a {
    margin-right: 1px;
    width: 22px;
    height: 22px;
    padding: 5px 0;
  }
  .socila_links li a img {
    width: 12px;
    vertical-align: top;
  }
  .transparency_report {
    display: inline-block;
    vertical-align: top;
  }
  .socila_links {
    display: inline-block;
    margin-top: 8px;
  }
  header {
    padding: 5px 0;
  }
  .mylogo {
    width: 200px;
  }
  .navbar-toggler{
    padding: 0;
  }
  .navbar-light .navbar-toggler-icon {
    background-image: url(../img/menu-bar.png);
    width: 30px;
    height: 25px;
  }
  header .navbar-nav .nav-item .nav-link {
    text-align: left;
  }
  .knights_glance_div {
    top: -15px;
    width: 280px;
    padding: 15px 10px;
    margin-bottom: 30px;
  }
  .carousel-indicators{
    display: none;
  }
  .carousel-caption {
    padding: 130px 15px;
    text-align: center;
  }
  .carousel-caption h2,.carousel-caption .banner-text{
    font-size: 24px;
    line-height: 28px;
    text-align: center;
  }

  /* khps */
  .nav-tabs > li {width:100%;}
  .education_inspired_sec .nav-tabs .nav-item:last-child .nav-link:after{
    display: inline;
  }
  .education_inspired_sec .nav-tabs .nav-item {
    display: none;
  }

  /*khps*/
  .carousel-caption h2 span,.carousel-caption .banner-text span {
    font-weight: 400;
  }

  .banner .carousel-inner .carousel-item{
    overflow: hidden;
  }
  .banner .carousel-inner .carousel-item img.w-100{
    width: 170% !important;
    object-fit: contain;
  }
  .four_category {
    background-color: #e6e7e9;
    padding: 40px 0;
    text-align: center;
    vertical-align: top;
  }
  .four_category_items{
    text-align: center;
    margin-top: 15px;
  }
  .four_category_items .item_links{
    font-size: 22px;
  }
  .four_category_items .item_links img{
    display: none;
  }
  .summer_camps h2,.summer_camps .summer_hd{
    font-size: 22px;
  }
  .summer_camps {
    padding: 35px 0;
  }
  .go_knight_yellow{
    display: none;
  }
  /*.upcoming_event_right {*/
  /*  padding: 30px 0 0 0;*/
  /*}*/
  .pride_points_right {
    margin: 0;
  }
  .pride_points_right h3 {
    font-size: 15.5px;
    padding: 10px 0;
  }
  .pride_points_right h3 .second_line {
    font-size: 11px;
  }
  .pride_points_right h3 .third_line {
    font-size: 21.2px;
  }
  .pride_points h2{
    display: none;
  }
  .pride_points_left{
    display: none;
  }
  .pride_points {
    padding: 5px 0;
  }
  footer .footer_socila_links li a.s_links {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: #585858;
    padding: 13px 0px;
    vertical-align: top;
  }footer .footer_socila_links li:nth-child(6) {
     width: 100%;
   }
  footer .footer_socila_links{margin: 0;padding: 0}
  footer .footer_socila_links li.store_icon{
    width: 46%;
  }
  footer .f_title {
    font-size: 18px;
  }
  .text3 {
    font-size: 14px;
  }
  .f_rigth_div{
    display: none;
  }
  .call_no {
    padding: 12px 15px;
    font-size: 14px;
    width: 210px;
    margin: 15px 0 0 0;
  }
  .f_copyright {
    display: block;
    margin-top: 15px;
  }
  .f_copyright li {
    font-size: 14px;
    padding: 3px 5px;
  }
  .f_copyright li:last-child:after {
    display: none;
  }
  .f_copyright li span {
    padding-top: 0px;
  }
  footer .footer_socila_links li a {
    margin: 6px 6px;
  }
  .upcoming_event_right .media .media-body h5 {
    font-size: 15px;
  }
  .upcoming_event_right .media .media-body p {
    font-size: 12px;
  }
  .mybtn_black {
    padding: 12px 10px;
    font-size: 13px;
  }
  .mastery_ban {
    padding: 100px 15px 40px 15px;
  }
  .mastery_ban h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .about_mastery_sec {
    padding: 30px 0;
  }

  .about_mastery_sec h2 {
    font-size: 18px;
  }

  .pm_read_more{
    display: block !important;
  }
  .mastery_details_mb{
    display: none;
  }

  .mastery_ban h1 strong {
    font-weight: 500;
  }
  .schedule_sec {
    margin-top: 0px;
    padding: 0px 0px;
  }
  .schedule_sec .schedule_img {
    width: 80%;
    position: relative;
  }
  .staff_dir_ban h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .staff_directory_sec .form-control{
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    padding-right: 30px;
    padding-left: 6px;
  }
  .staff_directory_sec .form-control.control1 {
    width: 130px;
  }
  .short_by_txt {
    font-size: 14px;
    margin: 0px 5px;
    display: inline-block;
  }
  .staff_directory_sec .form-control.control2 {
    width: 110px;
  }
  .go_btn {
    padding: 5px 7px;
    font-size: 14px;
    margin: 10px 0px;
  }
  .staff_directory_sec h2 {
    font-size: 22px;
  }
  .staff_directory_sec {
    padding: 30px 0px;
  }
  .staff_directory_details table tr th {
    padding: 10px 10px;
    font-size: 14px;
  }
  .staff_directory_details table tr td {
    padding: 6px 10px;
    font-size: 14px;
    white-space: nowrap;
  }

  .dark_sec .schedule_details h2 {
    font-size: 20px;
  }
  .schedule_sec.dark_sec .schedule_img{
    margin-top: -10px;
  }
  .mid_school_ban h1 {
    font-size: 24px;
    line-height: 30px;
  }

  /*khps*/
  .mid_school_ban h1 strong {
    font-weight: 500;
  }
  .mid_school_ban {
    padding: 150px 0px 50px 0px;
  }
  .breadcrumb-links{
    top: 122px;
  }
  li.breadcrumb-item:last-child:after {
    display: none;
  }

  li.breadcrumb-item:after {
    content: ">";
    color: #000000;
    vertical-align: middle;
    padding: 0 6px 0 3px;
  }

  .breadcrumb-item::before {
    display:none !important;
  }
  .con_middle_school {
    padding: 30px 0;
  }
  .con_middle_school .details h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .mid_school_address h2 {
    font-size: 22px;
  }
  .mid_school_address p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
  }
  footer {
    padding-top: 30px;
  }
  .schedule_sec .schedule_details .call_no {
    width: 180px;
    font-size: 12px;
    padding: 12px 10px;
    margin: auto;
  }
  .staff_dir_page .dark_sec .schedule_details h2 {
    font-size: 20px;
    text-align: right;
  }
  .schedule_sec{
    background: #e6e7e9 url(../img/layer9.png)no-repeat;
    background-size: 280px;
    background-position: -150px 0px;
  }
  .schedule_sec .schedule_img{
    display: none;
  }
  .schedule_sec .schedule_details {
    padding: 25px 0 25px 115px;
    text-align: right;
  }
  .schedule_details h2{
    text-align: right;
  }
  .schedule_sec.dark_sec {
    background: #000 url(../img/layer9.png)no-repeat;
    background-size: 280px;
    background-position: -150px 0px;
  }
  .schedule_sec.dark_sec .schedule_img{
    display: none;
  }
  .staff_dir_ban {
    padding: 100px 0px 50px 0px;
  }
  .school_new_ban {
    padding: 100px 0px 50px 0px;
  }
  .school_new_ban h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .about_mastery_details h2 {
    font-size: 24px;
  }
  .edu_ins_title {
    font-size: 15px;
  }
  .upcoming_event_right .event_title{
    display: block;
    width: 100%;
  }
  .about_mastery_details h4 {
    font-size: 15px;
  }
  .formie_form h4{
    font-size: 15px;
  }
  .office_hours_sec .about_mastery_details h2 {
    font-size: 20px;
  }
  .caption_txt {
    font-size: 14px;
  }
  .office_hours_sec {
    padding: 30px 0;
  }
  .upcoming_event_right .event_title {
    font-size: 24px;
  }
  .mid_school_address h2 {
    font-size: 24px;
  }
  .office_hours_sec .about_mastery_details h2 {
    font-size: 24px;
  }
  .top_sec .socila_links{
    float: left;    padding-inline-start: 0px;

  }
  .helpful_links_right li a {
    font-size: 20px;
    padding: 3px 0;
  }
  /*  khps */
  .four_category_items img {
    width: 50%;
  }

}

@media(max-width: 320px){
  .pride_points_right h3 {
    font-size: 13px;
    padding: 10px 0;
    border-top: 5px solid #4d5255;
    border-bottom: 5px solid #4d5255;
  }
  .pride_points_right h3 .second_line {
    font-size: 9.2px;
  }
  .pride_points_right h3 .third_line {
    font-size: 18px;
  }
  /*khps*/
  .carousel-caption h2 span,.carousel-caption .banner-text span {
    font-weight: 400;
  }
  .transparency_report {
    font-weight: 400;
  }
}


/* ****** ***** Menu **** **** */
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown > .dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
  pointer-events: none;
}

.dropdown .dropbtn {
  font-size: 17px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {

  color: white;
}

.dropdown-content a:hover {
  background-color: #ffcd03;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {

  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

/*Make black font for content area*/

#ContentArea p {
  font-size: 16px;
  color: #222;
  font-weight: 500;
  margin-top: 15px;
}

/*common form */

form .input input, form .input textarea,form .input select,form .input checkbox,form .input radio  {
  width:100%;
}
.phone2-wrapper input,.phone3-wrapper input,.phone4-wrapper input,.phone5-wrapper input,.phone6-wrapper input,.phone7-wrapper input,.phone8-wrapper input,.phone9-wrapper input,.phone10-wrapper input,.phone11-wrapper input,.phone12-wrapper input,.phone13-wrapper input,.phone14-wrapper input{
  width:69%!important;
}
.phone2-wrapper select,.phone3-wrapper select,.phone4-wrapper select,.phone5-wrapper select,.phone6-wrapper select,.phone7-wrapper select,.phone8-wrapper select,.phone9-wrapper select,.phone10-wrapper select,.phone11-wrapper select,.phone12-wrapper select,.phone13-wrapper select,.phone14-wrapper select{
  width:30%!important;
}
form .submit {
  margin-bottom: 50px;
}

@media screen and (min-width: 500px) {
  form .input input, form .input textarea,form .input select,form .input checkbox,form .input radio,.phone2-wrapper select,.phone3-wrapper select,.phone4-wrapper select,.phone5-wrapper select,.phone6-wrapper select,.phone7-wrapper select,.phone8-wrapper select,.phone9-wrapper select,.phone10-wrapper select,.phone11-wrapper select,.phone12-wrapper select,.phone13-wrapper select,.phone14-wrapper select{
    width:100%;
  }
  .phone2-wrapper input,.phone3-wrapper input,.phone4-wrapper input,.phone5-wrapper input,.phone6-wrapper input,.phone7-wrapper input,.phone8-wrapper input,.phone9-wrapper input,.phone10-wrapper input,.phone11-wrapper input,.phone12-wrapper input,.phone13-wrapper input,.phone14-wrapper input{
    margin-top: 10px;
  }
}

form .input textarea{
  margin-bottom:10px;
}


form .submit {
  margin-bottom: 50px;
}

/* form */

.fields input{
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}

form .fields textarea{
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
}

form .fields select{
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

form .submit button{
  background-color: #ffcd03;
  color: #4e4e4e;
  border-color: #ffcd03;
  font-size: 17px;
  border: 1px solid #ffcd03;
  display: inline-block;
  padding: 8px 16px;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  padding: 10px 20px;
  border-radius: 7px;
}
form .heading,form .input{
  color:black;
  margin-top: 10px;
}

form #fields-name1-firstName label{
  color: black;
  display: block;
}

form #fields-name1-firstName{
  width: 50%;
  display: inline;
  float: left;
}


form #fields-name1-firstName input{
  width:96%;
}

form #fields-name1-lastName label{
  color: black;
  display: block;
}
form #fields-name1-lastName{
  width:50%;
  display:inline;
  float:left;
}

form #fields-name1-lastName input{
  width:100%;
}

form .phone1{
  width:25%;
}


form #fields-phone1{
  width:74%;
}

form #fields-email1{
  width:100%;
}

form #fields-message {
  width: 100%;
}

form #fields-emailDropdown1 {
  width: 100%;
}
form .contactPerson{
  width: 100%;
}
.about_mastery_details{
  font-size:17px;
}
.formie_form{
  font-size: 17px;
}
@media screen and (max-width: 574px) {
  #fields-phone1-country{
    width:100%;
  }
  #fields-phone1{
    width:100%  !important;
    margin-top: 10px;
  }

  .breadcrumb-item{
    font-size: 16px;
  }
}
@media screen and ( max-width: 480px){
.breadcrumb-item+.breadcrumb-item::before{
  padding: 0 5px;
}

}
@media screen and ( max-width: 370px) {
  .breadcrumb-links {
    top: 159px;
  }

}

/*table css defaul*/

#body-table table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#body-table table td, #body-table table th {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 20px;
  color: #222;
}

#body-table table tr:nth-child(even){background-color: #f2f2f2;}

#body-table table tr:hover {background-color: #ddd;}

#body-table table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ffcd03;
}

ul.helpful_links,ul.f_copyright  {
  list-style-type: none !important;
}


.kalert {background-color: #972007; padding-top:10px; padding-bottom: 10px; text-align:center; color:#ffffff; font-size:16px; line-height:20px; font-weight:normal;}
.kalert img{margin-right:15px; margin-top:-5px;}
h1,h3{color: black;}
@media(max-width:767px){.kalert span{display:block;} }
.searchbox{  height:50px;   overflow:hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; }
.searchbox-input{  top: 0;
  right: 0;
  border: 0;
  outline: 0;
  background: #e4e4e4;
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 50px;
  margin: 0;
  padding: 0px 55px 0px 20px;
  font-size: 20px;
  color: black;
  position: absolute;
  border-radius: 30px;
  z-index: 123;}
.searchbox-input::-webkit-input-placeholder {color: black; }
.searchbox-input:-moz-placeholder {color: black; }
.searchbox-input::-moz-placeholder {color: black; }
.searchbox-input:-ms-input-placeholder {color: black;        }
.searchbox-icon,
.searchbox-submit{width: 35px;
  height: 35px;
  display: block;
  position: relative;
  top: 6px;
  font-family: verdana;
  z-index: 123;
  font-size: 12px;
  right: 0;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #dcddd8;
  background-color: #6f6f6f;
  border-radius: 50%;}
.searchbox-open{width:100%;}
.searchbox-icon img {
  width: 17px;
}
.searchbox-open .searchbox-input{width: 250px;    opacity: 1;
  visibility: visible;
}
.byline{position:absolute; top:150px; left:30%; text-align:center; font-size:18px;}
.byline a{text-decoration:none; color: #d74b4b;}
li.nav-item.search {
  vertical-align: middle;position:relative;
}


.school-tour .CurrentResident label,.school-tour .multipleChoice1 label,.school-tour .input #fields-SchoolToTour label,.school-tour .input #fields-PreferredTourtime label,.school-tour .input #fields-checkboxes1 label{float:left; line-height:12px; margin-right:15px; font-size:16px; margin-bottom:15px;}
.school-tour .CurrentResident label input,.school-tour .multipleChoice1 label input,.school-tour .input #fields-SchoolToTour label input,.school-tour .input #fields-PreferredTourtime label input,.school-tour .input #fields-checkboxes1 label input{float:left; width:auto; margin-right:5px; height:auto; vertical-align:middle;}
.school-tour  form .submit{margin-top:10px;}
.school-tour .heading label{margin-bottom:5px;}
.school-tour .field .input{margin-top:0px; margin-bottom:0px;}
.school-tour .field .input input{margin-bottom:10px;}
.school-tour .phone1-wrapper #fields-phone1-country{width:30%!important;}
.school-tour .phone1-wrapper input{width:69%!important;}

/*8-19-2021*/

.mastery_ban{
  position: relative;
}
.mastery_ban .img-right {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 10%;
  width: 450px;
}
.mastery_ban .img-right img{
  max-width: 100%;
}



.property-section{
  padding-bottom: 80px;
}
.profile-intro-content{
  padding: 120px 0;
  position: relative;
}
.profile-intro-img-right{
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  height: 100%;
}
.profile-intro-img-right img{
  max-width: 100%;
  min-height: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.profile-intro-content h5{
  color: #000;
}
.property-accordion .card {
  border-radius: 0;
  margin-bottom: 80px;
  border: 0;
  box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}
.property-accordion .card-header {
  border-bottom: 5px solid #ffce01;
  position: relative;
  z-index: 1;
  border-radius: 0;
  background-color: #fff;
}
.property-accordion .card-header .title {
  position: relative;
  min-height: 70px;
}
.property-accordion .card-header .icon-circle-img {
  width: 150px;
  margin: 0 auto;
  height: 150px;
  background: #000;
  border-radius: 50%;
  text-align: center;
  line-height: 150px;
}
.property-accordion .card-header .icon-circle-img img{
  max-width: 80px;
}
.property-accordion .card-header h2 {
  background-color: #ffce00;
  width: 175px;
  position: absolute;
  margin: 0;
  font-family: 'Bebas Neue';
  padding: 4px 20px;
  text-align: center;
  font-size: 20px;
  color: #333;
  letter-spacing: 1px;
  font-weight: 700;
  display: inline-block;
  box-shadow: 0 0px 1px 1px rgb(32 33 36);
  text-shadow: 2px 1px #ffffff;
}
.property-accordion .card-header h2.left {
  transform: rotate(-5deg);
  left: 0;
  top: -10px;
  z-index: 1;
}
.property-accordion .card-header h2.right {
  transform: rotate(5deg);
  right: 0;
  top: 15px;
}
.property-accordion .head-desc p {
  font-size: 24px;
  color: #000;
  margin: 10px 0;
}
.property-accordion .card-body {
  background-color: #e5e6e8;
  color: #000;
  padding-top: 30px;
  padding-bottom: 30px;
}
.property-accordion .card-body ul{
  padding: 0;
  margin: 0;
  list-style: none;

}
.property-accordion .card-body ul li{
  color: #000;
  position: relative;
  margin: 15px 0;
  padding-bottom: 25px;
  font-size: 18px;
}
.property-accordion .card-body ul li:last-child{
  margin: 0;
}
.property-accordion .card-body ul li:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 40%;
  height: 2px;
  background-color: #ffcd03;
}
.property-accordion .card-body ul li:last-child:after{
  display: none;
}
.property-accordion .card-header button {
  position: absolute;
  left: 50%;
  bottom: -20px;
  background-color: #000;
  border-radius: 50%;
  color: #fff;
  font-weight: 800;
  transform: translateX(-50%);
  transition: all 1s ease;
}
.property-accordion .card-header button:hover {
  background-color: #000;
  color: #fff;
}

.property-accordion .card-header button.btn .fa-plus{
  display: none;
}
.property-accordion .card-header button.collapsed .fa-plus {
  display: inline-block;
}
.property-accordion .card-header button.btn .fa-minus {
  display: inline-block;
}
.property-accordion .card-header button.collapsed .fa-minus{
  display: none;
}


.diversity-section-main{
  padding: 80px 0;
}
.diversity-section-main h5{
  font-size: 20px;
  color: #222;
  font-weight: 500;
}
.tab-content {
  font-size: 20px;
  color: #222;
  text-align: left;
  font-weight: 500;
  border-left: 2px solid #dee2e6;
  border-bottom: 2px solid #dee2e6;
  border-right: 2px solid #dee2e6;
}
.tab-content>.tab-pane {
  padding: 30px 25px;
}
.tab-img {
  margin-bottom: 10px;
  max-width: 200px;
  float: left;
  margin-right: 15px;
}
.tab-img img{
  margin-top: 8px;
}
.diversity-tab .nav-link{
  font-family: 'Bebas Neue';
  padding: 4px 20px;
  text-align: center;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 700;
}
.diversity-tab {
  border-bottom: 2px solid #dee2e6;
}
.diversity-tab .nav-item {
  margin-bottom: -2px;
}
.diversity-tab .nav-link {
  border: 2px solid transparent;
}

.sidebar-widget h2{
  font-family: 'Bebas Neue';
  font-size: 30px;
  color: #222;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 700;
}
.sidebar-widget h2 ~ h2 {
  margin-top: 50px;
}
.sidebar-widget ul{
  padding: 0;
  list-style: none;
}
.sidebar-widget ul li{
  font-size: 20px;
  color: #222;
  text-align: left;
  font-weight: 500;
  margin-top: 15px;
}
.sidebar-widget ul li a{
  text-decoration: underline;
}
.sidebar-widget ul li a:hover {
  text-decoration-color: #fecb10;
}
.card-header-img img{
  max-width: 100%;
  transition: all 0.5s ease;
}
.card.active .card-header-img img{
  width: 100%;
}
.highlights-accordion .card {
  border: 0;
  margin-bottom: 40px;
}
.highlights-accordion .card-header {
  position: relative;
  padding: 0;
  border: 0;
  background-color: #fff;
}
.card-header-img {
  padding: 0 10px;
}
.card-heading {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  width: 100%;
  min-height: 45px;
  height: fit-content;
  background-color: #fff;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-heading h5 {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 16px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Bebas Neue';
  transition: all 0.5s ease;
}
.highlights-accordion .card-header .btn {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  height: 25px;
  width: 25px;
  background: #000;
  color: #fff;
  border-radius: 50%;
  border: 0;
  font-size: 10px;
  line-height: 25px;
}
.highlights-accordion .card-header button.btn .fa-plus{
  display: none;
}
.highlights-accordion .card-header button.collapsed .fa-plus {
  display: inline-block;
}
.highlights-accordion .card-header button.btn .fa-minus {
  display: inline-block;
}
.highlights-accordion .card-header button.collapsed .fa-minus{
  display: none;
}
.highlights-accordion .form-row .hidden{
  display: none;
  transition: all 0.5s ease;
}
.highlights-accordion .card.active .card-heading {
  bottom: auto;
  top: -15px;
  width: 60%;
  min-height: 50px;
}
.highlights-accordion .card.active .card-heading h5 {
  font-size: 30px;
  line-height: 28px;
}
.highlights-accordion .card.active .card-header .btn {
  position: absolute;
  bottom: auto;
  left: 0;
}








/* Navigation Main
------------------------------------- */
.main-header{
  position: relative;
  padding: 0;
}
.main-header .main-nav{
  padding: 0;
}
.main-menu{
  position: relative;
  padding: 0;
}
.main-header ul {
  list-style-type: none;
  padding-left: 0;
}
.main-header  a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
}
.main-header .submenu-icon {
  color: #111;
}
.main-header a:hover {
  text-decoration: none;
}
.main-header img {
  max-width: 100%;
}

.main-header .menu > li {
  padding: 30px 20px;
}
.main-header .menu-icon {
  color: white;
  margin-left: 10px;
  font-size: 14px;
}
/* Flexbox rules */
.main-header .menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  width: 70vw;
}
.main-header .menu-item:hover {
  background-color: #ffce00;

  /*flex: 1;*/
}
.main-header .menu-item:hover > a{
  color: #fff;
}
.main-header .menu-item > a {
  line-height: 50px;
}
.main-header .submenu {
  width: 100%;
  position: absolute;
  top: 110px;
  left: 0;
  right: 0;
  text-align: left;
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
}
.main-header .submenu-item {
  padding: 15px;
}
.main-header .submenu-top {
  display: flex;
  justify-content: space-between;
}
.main-header .submenu-bottom {
  display: flex;
}
.main-header .submenu-bottom-item {
  flex: 1;
}
/* Submenu general styling */
.main-header .submenu-top > li {
  width: 25%;
  padding: 0 15px;
}
.main-header .submenu a {
  color: #111;
  display: inline-block;
  width: 100%;
  padding: 5px;
}
.main-header .submenu-list li a{
  color: #000;
}
.main-header .submenu-list li a:hover {
  background-color: #ffce00;
}
.main-header .submenu .submenu-title {
  font-weight: 700;
  color: #000;
}
.main-header .submenu .submenu-title:hover {
  text-decoration: none;
}
.main-header .submenu-list,
.main-header .submenu-bottom {
  margin-top: 10px;
}

/* Submenu: Thumbnail list */

/* Submenu: Description list */
.main-header .desc-list .submenu-list > li {
  display: flex;
  flex-direction: column;
}
.main-header .submenu-desc {
  margin-top: 10px;
  color: #555;
}

/* Submenu: Icon list */
.main-header .submenu-icon {
  width: 32px;
}

/* Submenu bottom */
.main-header .submenu-bottom-title {
  padding-left: 10px;
}
.main-header .submenu-bottom figcaption {
  margin-top: 5px;
  font-weight: bold;
}
.main-header .submenu-bottom a:hover {
  text-decoration: none;
}
/* Hover rule */
.main-header .submenu {
  display: none;
}
.main-header .menu-item:hover .submenu {
  display: flex;
  background-color: #fff;
}


/*Single Sub Menu*/

.main-header .menu-item.single-sub-menu {
  position: relative;
}
.main-header .menu-item.single-sub-menu ul> li> a:hover {
  background-color: #ffce00;
}
/*responsive Mega Menu*/
@media screen and (max-width: 767px) and (min-width: 320px){
  .main-header .menu {
    align-items: center;
    text-align: center;
    width: 100%;
  }
  .main-header .menu > li {
    padding: 0;
  }
  .main-header .menu-item:hover .submenu {
    position: relative;
    display: flex;
    background-color: #fff;
    top: 0;
  }
  .main-header .submenu-top {
    flex-direction: column;
  }
  .main-header .submenu-top > li {
    width: 100%;
    padding: 0;
  }
}

/*Mega Menu Styling*/
.navbar-nav{
  position: relative;
}
.mega-menu {
  position: unset !important;
}
.dropdown-content {
  /*position: absolute;*/
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  /*right: 0;*/
  /*width: fit-content;*/
  /*top: 100%;*/
  /*padding: 0;*/
  /*border-top: 2px solid #ffcd03;*/
  right: 0;
}
.dropdown-content .menu-row{
  display: flex;
}
.dropdown-content .menu-row .menu-col {
  flex: 1 1 auto;
  position: relative;
}
.dropdown-content .menu-row .menu-col + .menu-col:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left:0;
  width: 1px;
  background-color: #ebebeb;
}
.dropdown-content .menu-row .menu-col:last-child:before{
  display:none;
}
.dropdown-content .menu-col a{
  min-width: 130px;
}
.dropdown-content .menu-col a.has-icon {
  width: 180px;
  border-top: 2px solid #fecb10;
  border-bottom: 2px solid #fecb10;
  padding-left: 40px;
  position: relative;
}
.dropdown-content .menu-col a.has-icon span{
  position: absolute;
  top: 10px;
  left: 10px;
}
.menu-row .menu-col:first-child a.has-icon{
  border-left: 2px solid #fecb10;
}
.menu-row .menu-col + .menu-col a.has-icon{
  border-right: 2px solid #fecb10;
}


.has-icon span img {
  max-width: 25px;
}

@media screen and (max-width: 767px) and (min-width: 320px){
  .mega-menu .dropdown-content {
    left: unset;
    top: unset;
    transform: unset;
    right: unset;
  }
  .mega-menu .dropdown-content:before,
  .mega-menu .dropdown-content:after{
    display: none;
  }
  .mega-menu-top-list .mega-menu-top-list-item {
    width: 100%;
  }
  .mega-menu {
    position: relative !important;
  }
  .mega-menu-top-list-item h4 span img {
    margin-right: 0;
  }
  .mega-menu-top-list .mega-menu-top-list-item:first-child:after {
    right: -4px;
  }
  .profile-intro-img-right {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin-top: 30px;
  }

  .profile-intro-img-right img {
    max-width: 100%;
    min-height: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
  .searchbox-icon, .searchbox-submit {
    width: 22px;
    height: 22px;
    line-height: 20px;
    top: 5px;
  }
  .searchbox-icon img {
    width: 12px;top: -2px;position: relative;
  }



  .searchbox-submit img{width: 20px}
  .searchbox-input{height: 40px;
  }
  .searchbox-open .searchbox-input {
    width: 192px;
    top: -4px;

  }
}