/* Add here all your CSS customizations */

/* .header-logo {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
h1.logotext {
    margin-bottom: 7px;
    font-size: 25px;
    font-weight: 600;
    color: #14499c !important;
    float: left;
    margin-left: -28px;
} */

.heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 {
    position: relative;
    background: #f8f8f8;
    display: inline-block;
}

#header .header-nav-top .nav > li > a { color: #FFFFFF;}
.events-col .thumb-info-title {width: 100%  !important; 
    max-width: 100%  !important; 
    bottom: 0%  !important;
}
.events-col .thumb-info-title p{font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 400;}
.events-col .thumb-info-title .date{font-size: 14px; color: #fff; font-weight: 400;}
.thumb-info-caption .thumb-info-title-text{
    font-size: 1.2em;
    line-height: 20px;
    margin: 0px;
    padding: 10px 10px 0px 10px;
    display: block;
    color: #060606;
    font-weight: 600;
}
.news-wrapper-bg{background-color: #2d89a0;}
.news-wrapper-bg .thumb-info-wrapper{margin: 0px !important;}
.thumb-info-caption .news-title-text{
    font-size: 18px;
    line-height: 20px;
    margin: 0px;
    /*padding: 10px 10px 0px 10px;*/ padding: 10px 10px 10px 10px;
    display: block;
    color: #fff;
    font-weight: 600;
}
.thumb-info-caption .new_btn {    margin: 0 10px;    display: inline-block;}
.gal img {
    width: 100%;
    padding: 0px 0;
}
.gal {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
}
.Happening_btn{    position: absolute;
    top: 10px;
    right: 0;
}
.Happening_btn ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.Happening_btn ul li { display: inline-block;}
.Happening_btn ul li a{ color: white; background: #dc5802; padding: 8px; border-radius: 4px;}

h3.breadcumb-title {
    color: #fff;
    line-height: 32px;
}
.page-header-color .breadcrumb {
    text-align: right;
    float: right;
}
html .page-header-color.page-header-primary{background-color: #0e0e0e;
    border-bottom: 5px solid #0e0e0e;}
html .page-header-color.page-header-primary a {
    color: #ffffff;
}
html .page-header-color.page-header-primary .breadcrumb > .active {
    color: #ffffff;
}
.gallerlist {
    background-color: #b70101;
    color: #fff;
    text-align: center;
}

.achievements .nav-tabs li .nav-link{margin-right: 4px  !important;}
.achievements .nav-tabs li.active .nav-link, .nav-tabs li.active .nav-link:hover, .nav-tabs li.active .nav-link:focus{ background: #dc5802;
color: #fff !important; border-top-color: #dc5802 !important;}
.achievements .nav-tabs li .nav-link, .nav-tabs li .nav-link:hover{background: #e6e6e6;color: #dc5802 !important;border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;border-top: 3px solid #e6e6e6; border-top-color: #e6e6e6  !important;}


.no-border{border:0px;}

.panel-group .panel {border-radius: 0;box-shadow: none;border-bottom: 2px solid #ffffff;}
.panel-default > .panel-heading {padding: 0;border-radius: 0;color: #fff;
background-color: #b70101;border-color: #b70101;border-left: 4px solid #e8c176;}
.panel-title {font-size: 16px; margin-bottom: 0;}
.panel-title > a {display: block;padding: 8px 15px;text-decoration: none; color: #fff !important;}
.panel-title > a:hover, a:focus{color: #fff ;}
.more-less {float: right;color: #e8c176; line-height:24px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE;
padding: 5px 10px 15px;}
.panel-body p{font-size: 14px;}

.achievers .thumb-info .thumb-info-title{background: rgba(183, 1, 1, 0.8);}
.achievers .thumb-info .thumb-info-type {background-color: #0e0e0e;}

.facilities-block {display: block !important;background: #dc5802;}
.facilities-white {color: #fff !important;}
.facilities-close {position: absolute;right: 15px;top: 8px;color: #fff;text-shadow: none;opacity: 1;font-size: 40px;font-weight: 400;}
.facilities-close:focus, .facilities-close:hover {color: #fff;}
.m_nav{display:none !important;}
.academics-left img.mt-3{margin-top: 0rem!important;}
.academics-left h4.mt-3{margin-top: 0rem!important;}
/*.academics-left img.mt-5{margin-top: 3rem!important;}*/


/* CSS added on 15-02-2020 */

.heading-secondary{font-family: 'Great Vibes', cursive;}
.message-heading{font-size:50px; line-height:150%;}

/* CSS added on 18-02-2020 */

.home-news-block span.date{padding: 10px; display: block;}
html #header .header-top.header-top-secondary {background: #e30e13; border-top-color:#e30e13;}

/* CSS added on 19-02-2020 */

.our-schools{ background: #e30e13 url("../img/our-school-bg.jpg") repeat-x left center;}
.footer-bg{ background: #2e89a0 url("../img/footer-bg.jpg") repeat-x center center; }
/*.leadership{background: url("../img/leadership-bg.jpg") no-repeat top right;}*/

.open-button {
    background-color: #2e89a0 !important;
    color: #fff  !important;
    padding: 16px 20px  !important;
    border: none  !important;
    cursor: pointer  !important;
    opacity: 1  !important;
    position: fixed  !important;
    bottom: 23px  !important;
    left: 28px  !important;
    width: 200px  !important;
    z-index: 9999  !important;
    font-weight: bold  !important;
    font-size: 16px  !important;
}

.chat-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0px solid #f1f1f1;
    z-index: 9999;
    transform:translate(-50%, -50%);
    width:100%;
    background:#00000080;
    height:100vh;
    overflow:auto;
}

.btnclose{width:100%; background-color:#f26837; color:#fff;}

.form-container {
    max-width: 453px;
    padding: 10px;
    background-color: #2e89a0;
    width: 100%;
    margin-inline:auto;
    margin-block:30px;
}

.form-container h3{color:#fff; margin-top:20px; /*background-color:#2e89a0;*/ dont-size:18px; padding:10px 0px; border-bottom:2px solid #fff;}

@media (min-width: 320px) and (max-width: 480px) { 
    .events-col .thumb-info-title{ top: 135px;}
	.events-col .thumb-info-title p{display:none;}
	.events-col .btn-outline{display:none;}
    .Happening_btn{top: 50px;}
	.achievements .nav-tabs li .nav-link{font-size: 11px;padding: 4px 4px;margin-right: 1px !important;}
	.m_nav{display:block !important;}
	.academics-left img.mt-3{margin-top: 0rem!important;}
	.academics-left h4.mt-3{margin-top: 1rem!important;}
	.academics-left img.mt-5{margin-top: 1rem!important;}
	.academics-left h4.mt-5{margin-top: 1rem!important;}
	#header .header-top .justify-content-start{display: none;}
	#header .header-top .justify-content-end{ -ms-flex-pack: center!important; justify-content: center!important;}
	#header .header-top p{font-size: 0.8em;}
	.page-header .breadcrumb{display:none!important;}
	#header .header-nav-main nav > ul li a{font-size: 11px;padding: 7px 0px; color:#000;}
	/*.open-button{display:none;}*/
	.about-readmore{ display:none!important;}
	#header .header-btn-collapse-nav{background: #3289a0!important;}
}