/* @font-face {
     font-family: 'SolaimanLipi';
     src: url(/frontend/myfile/frontend/assets/css/SolaimanLipi_22-02-2012.ttf);
     src: url(/soft/dailyspandan/assets/css/SolaimanLipi_22-02-2012.ttf);
 }*/

 html {
     scroll-behavior: smooth
 }

 body {
     margin: 0px;
     padding: 0px;
     font-family: 'SolaimanLipi','LiSubha';
 }
.col-xs-6 {
    width: 50%;
}
.pagination{
    justify-content: center;
}
 .img_thumbnail {
    width: 175px !important;
    height: 172px;
}
.fa-download{
    color: green;
}
.table thead th {
    font-size: 14px;
}
label {
    font-size: 15.4px;
}
.table td, .table th {
    vertical-align: middle;
}
    .fa-circle {
        color: red;
        font-size: 12px;
    }

    .angle {
        color: #607d8b
    }

 .img-responsive.logo {
     height: 63px;
 }

 #profile_img_tag {
     height: 82px;
     width: 111px;
     border-radius: 0px;
 }

 .modal-content {
     border-radius: 0px
 }

 .modal-dialog {
     width: 778px;
 }

 .table {
     text-align: justify;
     font-size: 15.3px;
 }

.vorte {
    background: #18aae4;
    color: #fff;
    font-weight: bold;
    padding: 11px;
    border-radius: 19px;
    font-size: 22px;
}

 .panel-heading {
     background-size: cover;
 }

 @media (min-width: 1200px) {
     .container {
         width: 1110px !important;
     }
 }

 .importantlink {
     border: 1px dashed #777;
 }

 .top-lang {
     border-top: 5px solid #dc760c;
 }

.headmaster_details img {
    width: 86%;
    border-radius: 5px;
    height: 200px;
}
.d_etails{
    border: 1px dotted #ffb299;
}
 .carousel-item img {
     height: 400px;
 }

 .accordion {
     border: 1px solid #dedede;
 }
.details a{
    color: green;
}
 .right_rows tr th {
     background-color: #4b7552 !important;
     text-align: center;
     font-size: 15px !important;
 }

 .medias {
     background-color: #e3e3e3;
     padding: 20px 0px 20px 0px;
     border-radius: 10px;
 }

 .container {
     background-color: #4b7552;
     /*color: #fff;*/
     padding-bottom: 5px;

 }

 .f_container {
     border-top: 5px solid #dc760c;
     background-color: #4b7552 !important;
     color: #fff;
     padding-bottom: 5px;
 }

 .details {
     color: #000000;
     font-size: 17px
 }

 .footaddress p {
     color: #fff;
     font-size: 16.5px;
 }

 .footaddres {
     margin-left: 10px;
     color: #fff;
     font-size: 20px;
 }

 .ticker-container {
     border: 1px solid #4B7552;
     margin-top: 10px;
 }

 .navbar-brand {
     font-size: 25px;
 }

 .powered p {
     font-size: 17px;
 }

 #myBtn {
     display: none;
     position: fixed;
     bottom: 20px;
     right: 40px;
     z-index: 99;
     border: none;
     color: #fff;
     background-color: #2f4f4f;
     padding: 7px;
     cursor: pointer
 }

 .medias img {
     width: 40%;
     border-radius: 50%;
     border: 5px solid #f3f3f3e6;
 }

 .medias h4 {
     font-size: 18px;
     color: forestgreen;
 }

 .medias_2 {
     background-color: #e3e3e3;
     padding: 20px 0px 20px 0px;
     border-radius: 10px;
 }

 .n_view {
     color: #4b7552;
     font-size: 14px;
 }

 .medias_2 img {
     width: 40%;
     border: 5px solid #f3f3f3e6;
 }

 .medias_2 h4 {
     font-size: 18px;
     color: forestgreen;
     margin-top: 5px;
 }

 .event img {
     height: 180px;
 }

 .fa-check-square-o {
     color: red;
     font-size: 18.5px;
 }

 . .event_h {
     height: 340px;
 }

 .event_h h4 {
     font-size: 20px;
 }

 th {
     text-align: center !important;
 }

 .headmaster_details {
     background-color: #f3f3f3;
 }

 .headmaster_details h3 {
     margin: 0px;
     margin-top: 10px;
     font-size: 18.4px;
     color: #000000;
 }

 .headmaster_details h4 {
     margin: 0px;
     margin-top: 5px;
     font-size: 16.2px;
     color: #000000;
 }

 .panel-default {
     border-color: #fff;
 }

 .accordion {
     border: 1px solid#a7c0ab;
 }

 .headmaster_details {
     background-color: #f3f3f3;
 }

 .headmaster_details h3 {
     margin: 0px;
     margin-top: 10px;
     font-size: 18.4px;
     color: #000000;
 }

 .headmaster_details h4 {
     margin: 0px;
     margin-top: 5px;
     font-size: 16.2px;
     color: #000000;
 }

 .panel-default {
     border-color: #fff;
 }

 .accordion {
     border: 1px solid#a7c0ab;
 }

 .nationals {
     padding-top: 15px;
     padding-left: 10px;
     padding-right: 10px;
     padding-bottom: 10px;
 }

 .d_rows {
     border: 4px solid #F19F4D;
     padding: px;
     margin-top: 10px;
 }

 .navbar {
     padding: 0px !important;
 }

 .navbar-brand {
     padding-top: 0px !important;
     padding-bottom: 0px !important;
 }

 .all_main_title {
     background-color: #4b7552;
 }

 .all_main_title h2 {
     font-size: 17px;
     letter-spacing: 0.5px;
     font-weight: bold;
 }

 @media (min-width: 768px) {
     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: .7rem !important;
         padding-left: .7rem !important;
     }
 }

 .marquee span {
    font-size: 15.4px;
    cursor: pointer;
    margin-right: 12px;
    position: relative;
    top: -2px;
}
     
.y_scroll{
    overflow-y: scroll;
    height: 262px;
}
                            
 .bannertop_left h1 {
     padding-top: 50px;
 }

 .bannertop_left h3 {
     padding-top: 55px;
 }

 .navbar-default .navbar-nav > li > a {
     font-size: 15px;
 }

 .dropdown-menu li a {
     letter-spacing: 0.4px;
     font-size: 14px;
     font-weight: bold;
     padding: 7px 12px 7px 12px;
 }

 .navbar-nav li {
     border-right: 1px solid #57865f;
 }

 .navbar-brand i:hover {
     color: red;
 }


 @media (min-width: 992px) {
     .navbar-hover .collapse ul li {
         position: relative
     }

     .navbar-hover .collapse ul li:hover > ul {
         display: block
     }

     .navbar-hover .collapse ul ul ul {
         position: absolute;
         top: 0;
         left: 100%;
         display: none
     }

     .navbar-hover .collapse ul ul {
         position: absolute;
         top: 100%;
         left: 0;
         min-width: 150px;
         display: none
     }
 }

 @media (min-width: 768px) {
     .navbar-expand-md .navbar-nav .nav-link {
         padding-right: 1rem;
         padding-left: .7rem
     }

     .navbar-expand-md .navbar-nav .dropdownmenu {
         position: absolute;
         top: 42px
     }
 }

 @media all and (min-width: 992px) {
     .navbar .nav-item .dropdown-menu {
         display: block;
         opacity: 0;
         visibility: hidden;
         transition: 0s;
         margin-top: 0
     }

     .navbar .nav-item:hover .nav-link {
         color: #fff
     }

     .navbar .dropdown-menu.fade-down {
         top: 80%;
         transform: rotateX(-75deg);
         transform-origin: 0 0
     }

     .navbar .dropdown-menu.fade-up {
         top: 180%
     }

     .navbar .nav-item:hover .dropdown-menu {
         transition: 0s;
         opacity: 1;
         visibility: visible;
         top: 100%;
         transform: rotateX(0)
     }
 }

 .dropdown-menu {
     background-color: #4B7552;
     border: 0;
     border-radius: .25rem;
 }

 .dropdown-item {
     color: #fff;
     font-weight: bold;
     font-size: 14px;
     border-bottom: 1px solid #fff;
     padding: .25rem .9rem;
 }

 .actives {
     color: red !important;
 }

 .container {
     /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);*/
     box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.1), 0 0px 4px 0 rgba(0, 0, 0, 0.1);
     background-color: #fff;
 }

 .carousel-fade .carousel-inner .item {
     opacity: 0;
     -webkit-transition-property: opacity;
     -moz-transition-property: opacity;
     -o-transition-property: opacity;
     transition-property: opacity;
 }

 .carousel-fade .carousel-inner .active {
     opacity: 1;
 }

 .carousel-fade .carousel-inner .active.left,
 .carousel-fade .carousel-inner .active.right {
     left: 0;
     opacity: 0;
     z-index: 1;
 }

 .carousel-fade .carousel-inner .next.left,
 .carousel-fade .carousel-inner .prev.right {
     opacity: 1;
 }

 .carousel-fade .carousel-control {
     z-index: 2;
 }

 .chart-heading {
     margin-top: 10px;
 }

 #canvas-holder {
     width: 100%;
     margin-top: 20px;
     text-align: center;
 }

 #chartjs-tooltip {
     opacity: 1;
     position: absolute;
     background: rgba(0, 0, 0, .7);
     color: white;
     padding: 3px;
     border-radius: 3px;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
     pointer-events: none;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }

 #chartjs-tooltip.below {
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }

 #chartjs-tooltip.below:before {
     border: solid;
     border-color: #111 transparent;
     border-color: rgba(0, 0, 0, .8) transparent;
     border-width: 0 8px 8px 8px;
     bottom: 1em;
     content: "";
     display: block;
     left: 50%;
     position: absolute;
     z-index: 99;
     -webkit-transform: translate(-50%, -100%);
     transform: translate(-50%, -100%);
 }

 #chartjs-tooltip.above {
     -webkit-transform: translate(-50%, -100%);
     transform: translate(-50%, -100%);
 }

 #chartjs-tooltip.above:before {
     border: solid;
     border-color: #111 transparent;
     border-color: rgba(0, 0, 0, .8) transparent;
     border-width: 8px 8px 0 8px;
     bottom: 1em;
     content: "";
     display: block;
     left: 50%;
     top: 100%;
     position: absolute;
     z-index: 99;
     -webkit-transform: translate(-50%, 0);
     transform: translate(-50%, 0);
 }

 .date-centered {
     text-align: center;
     color: #000 !important;
 }

 .padtop {
     padding-top: 10px !important;
 }

 p {
     font-size: 12.4pt;
     margin-bottom: 4px !important;
 }

 h2 {
     font-size: 25px;
     margin-top: 0px;
 }

 /*
th {
    text-align: center !important;
    background: -webkit-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: -o-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: -moz-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
}
*/
 /*.row {
    margin: 10px !important;
}
*/
 /*
.row {
    margin-right: 0px;
    margin-left: 0px;
}
*/

 .subview {
     padding: 0px !important;
     background-color: #fff;
 }

 .top-lang {
     /*background: -webkit-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
     background-color: #4B7552;
 }

 .navbar-fixed-top {
     /* width: 100%;
    height: 30px !important;*/
     /*background: -webkit-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: -o-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: -moz-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: linear-gradient(top, #1c5396 0%, #234FAA 10%, #234FAA 90%, #1c5396 100%);*/
     /*border-bottom: 1px solid #000;*/
     /*    margin: 0px;*/

     /*todo*/
     /* max-width: 1300px;
    margin: auto;
    width: 95%;*/

 }

 /* custom bootstrap*/

 .dropdown-menu {
     background-color: #4B7552;
     color: #ffffff;
 }

 .dropdown-menu > li > a {
     color: #fff;
     padding: 7px;
 }

 .dropdown-menu > li > a {
     color: #fff;
     padding: 7px;
     letter-spacing: 0.4px;
 }

 .dropdown-menu > li > a:hover {
     background-color: red;
     color: #fff;
     padding: 7px;
 }

 .navbar-nav .open .highlighted:hover {
     color: #fff !important;
     background-color: #03A0DD;
 }

 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus {
     background: red;
     /*background: -o-linear-gradient(top, #03A0DD 0%, #03A0DD 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: -moz-linear-gradient(top, #03A0DD 0%, #03A0DD 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: linear-gradient(top, #03A0DD 0%, #03A0DD 10%, #234FAA 90%, #234FAA 100%);*/
 }

 .panel-title {
     color: #dedede;
     font-size: 17px;
     letter-spacing: 0.5px;
 }

 .img-thumbnail {
    background-color: #76B6E1;
    border: 3px solid #ffd4a9;
    /* border-radius: 100px; */
}

 .table-striped > tbody > tr:nth-child(2n+1) > td,
 .table-striped > tbody > tr:nth-child(2n+1) > th {
     background-color: rgba(255, 160, 60, 0.38);
 }

 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #FFF;
 }

 /* end of custom bootstrap*/

 /* new css */
 .info_head {
     background-color: #9BCBEC;

 }

 /*
tr {
    text-align: center;
    /*background-color: #d9dee2;*/
 }

 */ tr td {
     padding: 9px;
     /* font-size: 11px;*/
 }

 th {
     padding: 7px;
 }

 .navbar-top-left {
     font-weight: bold;
     font-size: 14px;
 }

 .navbar-top-left a {
     color: white;
 }

 #canvas {
     background-color: #050202;
     border: 0px solid;
     border-radius: 100px;
 }

 .marquee {
     padding: 3px;
 }


 /* end of new css */

 .navbar-right li {
     list-style-type: none;
     display: inline-block;
 }

 .navbar-right .top-right a {
     text-decoration: none;
     font-weight: bold;
     color: #fff;
 }

 .navbar-right .top-right a:hover {
     color: #03A0DD;
 }

 .navbar-right .top-right i {
     min-width: 20px !important;
     height: 20px;
     background-color: red;
     text-align: center;
     padding-top: 5px;
     margin: 5px;
     border-radius: 5px;
 }

 /*
.navbar-right {
    position: absolute;
    top: 0px;
    right: 40px;
}
*/

 .top-right {
     /*    margin: 5px;*/
     font-size: 11pt;
 }

 #banner-top {
     /*    margin: 0px !important;*/
     width: 100%;
     /*    background-color: #fff;*/
     /* background: url("../images/herderbackground.jpg");*/
     background-size: cover;
 }

 .banner-top-left {
     /*width: 75%;*/
     /*float: left;*/
 }

 .banner-top-right {
     width: 25%;
     float: left;
 }

 .site-logo {
     width: 20%;
     float: left;
     margin-top: 12px;
     margin-bottom: 6px;
 }

 .site-logo img {
     width: 62%;
     height: 151px;
     border-radius: 4px;
     margin-top: 4px;
     margin-bottom: 4px;
 }

 .site-title {
     /*width: 80%;*/
     float: left;
     padding-top: 43px;
     margin-left: 140px;
 }

 .site-title h3 {
     font-size: 37px;
     word-spacing: 3px;
 }

 .page_menu_top {
     width: 100%;
     height: 40px;
     margin: 0px;
     padding: 0px;
 }

 .navbar-back {
     /*background: -webkit-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: -o-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: -moz-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
     /*background: linear-gradient(top, #1c5396 0%, #234FAA 10%, #234FAA 90%, #1c5396 100%);*/
     background-color: #4B7552;
     font-size: 12pt;
 }

 .navbar {
     min-height: 40px !important;
     margin-bottom: 9px !important;
 }

 .nav li {
     border-right: 1px solid #57865f;
 }

 .navbar-default .navbar-nav > li > a {
     font-weight: bold;
     color: #fff !important;
     padding: 10px 14px;
     letter-spacing: 0.4px;
 }

 .navbar-nav .open .highlighted {
     color: #fff !important;
     background-color: #03A0DD;
 }

 .navbar-default .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > li > a:hover {

     /*todo*/

     color: red !important;
     display: block;
     /*    background: red;*/
 }

 .dropdown-menu li {
     border-bottom: 1px solid #fff;
 }

 #accordion {
     width: 100%;
     padding: 0px;
     margin: 0px;
     /*border: 1px solid #9bccff;*/
     /*border-radius: 5px;*/
 }

 #accordion h2 {
     text-align: center;
     font-weight: bold;
     color: #fff;
     padding: 10px !important;
     line-height: 1 !important;
 }

 .panel-heading .accordion-toggle:after {
     font-family: 'Glyphicons Halflings';
     content: "\e114";
     float: right;
     color: #fff;
 }

 .panel-heading .accordion-toggle.collapsed:after {
     content: "\e080";
 }

 .panel-heading a {
     text-decoration: none;
 }

 .panel-heading a:hover {
     text-decoration: none;
 }

 .panel-body {
     text-align: justify;
     font-size: 10pt;
 }

 .sidebar {
     margin: 0px;
     padding: 0px;

 }

 .side-bar-top {
     background-color: #fff !important;
     background-position: 10px 10px;
     /*    padding: 10px !important;*/
     padding: 0px !important;
     border-bottom: 4px solid #03A0DD;
     margin-bottom: 20px;
 }

 .right_row {
     margin-right: -12px;
 }

 /*
.panel-heading {
    padding: 9px 15px !important;
}
*/

 .panel-heading {
     /* color: #fff;

    background: -webkit-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: -o-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: -moz-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
    background: linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);*/
 }

 #my_carousel {
     margin-bottom: 10px;
 }

 #main-content {
     width: 100%;
     margin-bottom: 15px;
     background-color: #fff;
     margin-top: -8px;
 }

 #main-content h2 {
     text-align: center;
     border-bottom: 3px solid #03b1f4;
     padding: 10px;
     margin-top: 11px;
     border-radius: 50px;
     width: 97%;
     margin-left: auto;
     margin-right: auto;
     text-shadow: 1px 1px 2px #74A1C0;
     color: #ffffff;

     background: -webkit-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
     background: -o-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
     background: -moz-linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
     background: linear-gradient(top, #234FAA 0%, #234FAA 10%, #234FAA 90%, #234FAA 100%);
 }

 #main-content p {
     text-align: justify;
 }

 .content-left {
     float: left;
     width: 20%;
 }

 .content-left img {
     margin: 10px 0px;
     width: 90%;
 }

 .content-right {
     padding-top: 30px;
     float: left;
     width: 80%;
 }

 .content-bottom {
     float: none;
     width: 100%;
 }

 .pdf-content {
     padding: 0px !important;
 }

 .centered {
     color: #fff;
     text-align: center;
     font-weight: bold;
 }

 #footer {
     background-color: #0f3388;
     color: #fff;
     padding-bottom: 5px;
     border-top: 5px solid #dc760c;
     ;
 }

 #footer h4 {
     text-align: center;
     font-size: 14pt;
 }

 .footaddress {
     margin-top: 10px;
     color: #ddd;
 }

 .footaddress p {
     /*width: 70%;
    margin: 0 auto;*/
     color: #ddd;
 }

 .address-left {
     width: 40%;
     float: left;
 }

 .address-left img {
     /*max-width: 130px !important;*/
     /*max-height: 130px !important;*/
     /*padding: 10px;*/
     width: 184px !important;
     height: 165px !important;
     padding: 10px;
 }

 .item > img {
     display: block;
     width: 100% !important;
     height: 295px !important;
 }

 .address-right {
     width: 60%;
     float: left;
 }

 .address-right p {
     padding: 0px 5px 0px 10px;
 }

 .footmenu {
     margin-top: 10px;
 }

 .footmenuleft {
     float: left;
     width: 50%;
     text-align: left;
     padding-top: 20px;
 }

 .footmenuright {
     float: left;
     width: 50%;
     text-align: left;
     padding-top: 20px;
 }

 .powered {
     padding-top: 20px;
 }

 .powered p {
     text-align: center;
     font-size: 12px;
     font-weight: bold;
     color: #ddd;
 }

 .powered img {
     width: 90%;
     margin: 0 auto;
 }

 .footmenu p {
     border-right: 1px solid #03A0DD;
     margin-right: 20px;
     padding-right: 10px;
     border-bottom: 1px dashed #03A0DD;

 }

 .footmenu a {
     text-decoration: none;
     color: #fff;
     padding-bottom: 7px;
 }

 .footmenu a:hover {
     text-decoration: none;
     color: #03A0DD;
 }

 .develop a {
     text-decoration: none;
     color: #ddd;
 }

 #link-div {
     width: 100%;
     margin-top: 20px;
 }

 .importantlink {
     width: 100%;
     margin-top: 10px;
     margin-bottom: 10px;
     border-bottom: 3px solid #03A0DD;
 }

 .link-text {
     list-style-type: none;
 }

 .link-text li {
     padding: 5px 10px;
     border-bottom: 1px dashed #777;
 }

 .link-text li a {
     font-size: 16px;
     text-decoration: none;
     color: #000;
 }

 .link-text .fa {
     color: red;
     margin-right: 5px;
 }

 .link-text li a:hover {
     color: #444;
 }

 .sidebar-nav .navbar .navbar-collapse {
     padding: 0;
     max-height: none;
 }

 .sidebar-nav .navbar ul {
     float: none;
 }

 .sidebar-nav .navbar ul:not {
     display: block;
 }

 .sidebar-nav .navbar li {
     float: none;
     display: block;
 }

 .sidebar-nav .navbar li a {
     padding-top: 5px;
     padding-bottom: 5px;
 }

 .clock-visitor {
     width: 100%;
 }

 .clock {
     float: left;
     width: 50%;
 }

 .visitor {
     float: left;
     width: 50%;
     border: 2px solid #03A0DD;
     height: 120px;
     color: #234FAA;
 }

 .visitor h3 {
     text-align: center;
     font-size: 20px;
 }

 .info-content-main {
     padding: 0px;
 }

 .info-content {
     width: 100%;
     height: auto;
     margin-bottom: 10px;
 }

 .info-content-left {
     float: left;
     width: 25%;
     height: 100%;
     margin-bottom: 10px;
 }

 .info-content-left img {
     width: 95%;
     padding: 8px;
     border-radius: 100%;
 }

 .info-content-right {
     float: left;
     width: 75%;
     height: 100%;
     margin-bottom: 10px;
     text-shadow: 1px 1px 2px #74A1C0;
     color: #535353;
 }

 /*.admissioninfo {
    margin: 0px !important;
    padding: 10px !important;
    border-bottom: 1px solid #234FAA;
}*/

 .info {
     border-bottom: 3px solid #E08B36;
     padding: 5px;
     background: #9BCBEC;
     border-radius: 15px;
     border-left: 3px solid #E08B36;
     border-right: 3px solid #E08B36;
 }

 .info img {
     margin: 5px;
 }

 .info p {
     padding-left: 5px;
 }

 .info h3 {
     margin-top: 20px;
     padding-left: 5px;
 }

 .achivement {
     border-bottom: 1px solid #234FAA;
 }

 .achivement img {
     margin: 5px;
 }

 .achivement h3 {
     padding: 0px 10px;
 }

 .achivement p {
     padding: 0px 10px;
 }

 .note {
     padding-right: 10px;
 }

 .book {
     border-bottom: 1px solid #234FAA;
 }

 .book img {
     margin: 5px;
 }

 .gallery {
     border-bottom: 1px solid #234FAA;
     margin-bottom: 20px;
 }

 .calendar {
     width: 100%;
     font-family: Arial;
     font-size: 12px;
     padding: 10px;
     border-bottom: 1px solid #234FAA;
 }

 .tbl_head {
     text-align: center;
     font-size: 25px;
     color: #fff;
     text-shadow: 1px 1px 2px #503535;
 }

 table.calendar {
     margin: auto;
     border-collapse: collapse;
 }

 table.calendar .highlight {
     background-color: #234FAA;
     padding: 17px;
     color: #fff;
 }

 .calendar .days td {
     width: 14%;
     height: 80px;
     padding: 4px;
     border: 1px solid #999;
     /*vertical-align: top;*/
     background-color: #DEF;
 }

 .day_num {
     font-size: 25px;
 }

 .calendar .days td:hover {
     background-color: #FFF;
 }

 .calendar .highlight {
     font-weight: bold;
     color: #00F;
 }

 #search {
     float: right;
     margin-top: 20px;
     width: 250px;
 }

 .search {
     padding: 5px 0;
     width: 230px;
     height: 30px;
     position: relative;
     right: 10px;
     float: right;
     line-height: 22px;
 }

 .search input {
     position: absolute;
     width: 0px;
     float: Left;
     margin-left: 210px;
     -webkit-transition: all 0.7s ease-in-out;
     -moz-transition: all 0.7s ease-in-out;
     -o-transition: all 0.7s ease-in-out;
     transition: all 0.7s ease-in-out;
     height: 30px;
     line-height: 18px;
     padding: 0 2px 0 2px;
     border-radius: 1px;
 }

 .search:hover input,
 .search input:focus {
     width: 200px;
     margin-left: 0px;
 }

 /*.btn {
    height: 30px;
    position: absolute;
    right: 0;
    top: 5px;
    border-radius: 1px;
}*/

 #hit {
     font-weight: bold;
     font-size: 16pt;
     background-color: #03A0DD;
     letter-spacing: 2px;
     width: 140px;
     padding: 5px 0px;
     margin: 0 auto;
     color: white;
 }

 .lightbox {
     margin-bottom: 15px !important;
 }

 .contact {
     margin-bottom: 20px;
     border-bottom: 1px solid #234FAA;
 }

 .contact form {
     padding: 10px 10px 30px 10px;
 }

 .contact-btn {
     left: 20px !important;
 }

 #example1 img {
     max-width: 190px;
     max-height: 190px;
 }

 #example1_wrapper {
     border-bottom: 1px solid #234FAA;
 }

 @media only screen and (max-width: 768px) {
     .icon-bar {
         background-color: #fff !important;
     }

     .navbar-right {
         position: absolute;
         top: 0px;
         right: 50px;
     }

     .navbar-right img {
         margin-top: -7px;
     }

     .content-left {
         width: 25%;
     }

     .content-right {
         width: 75%;
         padding-top: 20px;
     }

     h2 {
         font-size: 25px;
     }

     .navbar-header {
         background: -webkit-linear-gradient(top, #1c5396 0%, #234FAA 10%, #234FAA 90%, #1c5396 100%);
         background: -o-linear-gradient(top, #1c5396 0%, #234FAA 10%, #234FAA 90%, #1c5396 100%);
         background: -moz-linear-gradient(top, #1c5396 0%, #234FAA 10%, #234FAA 90%, #1c5396 100%);
         background: linear-gradient(top, #1c5396 0%, #234FAA 10%, #234FAA 90%, #1c5396 100%);
     }

     .site-logo {
         width: 25%;
         float: left;
     }

     .site-logo img {
         max-width: 100%;
     }

     .site-title {
         width: 75%;
         float: left;
         padding-top: 20px;
     }

     .navbar {
         min-height: 40px !important;
     }

 }

 @media only screen and (max-width: 640px) {
     .site-title {
         padding-top: 10px;
     }

     .navbar-right {
         right: 20px;
         top: -21px;
     }


 }

 @media only screen and (max-width: 500px) {
     .marquee {
         margin-top: 30px;
     }

     .banner-top-left {
         width: 50%;
         float: left;
     }

     .banner-top-right {
         width: 50%;
         float: left;
     }

     .site-logo {
         width: 100%;
         float: none;
     }

     .site-logo img {
         /*max-width: 70%;*/
         max-width: 55%;
         border-radius: 73px;
     }

     .site-title {
         width: 100%;
         float: none;
         padding-top: 0px;
     }

     .site-title h3 {
         /*margin: 2px;*/
         font-size: 18px;
     }

     .info-content-right h3 {
         padding-left: 10px;
         margin-top: 10px;
         font-size: 18px;
     }

     .info-content-right p {
         margin: 0px;
         padding-left: 10px;
         font-size: 14px;
     }

     .content-right h3 {
         margin-top: 10px;
         font-size: 18px;
     }

     .content-right p {
         margin: 0px;
         padding-left: 10px;
         font-size: 14px;
     }

     .info h3 {
         padding-left: 10px;
         margin-top: 10px;
         font-size: 18px;
     }

     .info p {
         margin: 0px;
         padding-left: 10px;
         font-size: 12px;
     }

 }

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

     .marquee {
         margin-top: 30px;
     }

     #example1 th {
         display: block;
         width: 93%;
     }

     #example1 td {
         display: block;
         width: 93%;
     }

     .banner-top-left {
         width: 70%;
         float: left;
     }

     .banner-top-right {
         width: 30%;
         float: left;
     }

     .site-logo {
         width: 100%;
         float: none;
     }

     .site-logo img {
         /*max-width: 70%;*/
         max-width: 55%;
         border-radius: 73px;
     }

     .site-title {
         width: 100%;
         float: none;
         padding-top: 0px;
     }

     .site-title h3 {
         /*margin: 2px;*/
         font-size: 18px;
     }

     .navbar-right {
         position: absolute;
         top: 0px;
         right: 0px;
     }

     .info h3 {
         margin-top: 10px;
         font-size: 16px;
     }

     .info p {
         margin: 0px;
         padding-left: 10px;
         font-size: 12px;
     }

     #hit {
         font-weight: bold;
         font-size: 12pt;
         background-color: black;
         letter-spacing: 2px;
         width: 120px;
         padding: 5px 0px;
         margin: 0 auto;
         color: white;
     }
 }

 @media(max-width:768px) {

     .container-fluid > .navbar-collapse,
     .container-fluid > .navbar-header,
     .container > .navbar-collapse,
     .container > .navbar-header {
         margin-right: 0px;
         margin-left: 0px;
     }
     .powered {
        text-align: center;
        margin-top: unset !important;
    }
    .footmenu {
        margin-top: unset !important;
    }
    .powered img {
        width: 50%!important;
    }
    .modal-dialog {
         width: auto!important;
    }
     .address-right h4 {
         margin-top: 0px;
     }

     .site-title {
         /* width: 80%; */
         float: left;
         padding-top: 0px;
         margin-left: 0px;
     }

     .address-left img {
         padding: 0px;
     }

     .ticker-caption p {
         color: #ffffff;
     }

     .address-right p {
         padding: 0px;
     }

     .site-logo img {
         /*max-width: 70%;*/
         max-width: 55%;
         border-radius: 73px;
     }

     .body-content {
         overflow-x: scroll;
     }

     /*.banner_top_left{*/
     /*    display:grid;*/
     /*    grid-template-columns:60% 60%;*/
     /*  }*/

.carousel-item img {
    height: 250px!important;
}
.address-left img {
    width: 144px !important;
    height: 147px !important;
}
.headmaster_details img {
    height: 235px!important;
}
 }

 /** my modifiy section*/
 .panel-heading {
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
 }

 .panel {
     border-radius: 0px;
 }

 .container-fluid {
     padding-right: 0px;
     padding-left: 0px;
     margin-right: auto;
     margin-left: auto;
 }

 .form-control {
     height: 30px;
     border-radius: 0px;
 }

 /*#contact-btn {
    height: 31px;
    position: relative;
    right: 0;
    top: 7px;
    border-radius: 0px;
    background: #0f3388;
}*/