.col-logo{
    width: 20%;
}

.logo{
    width: 90px;
    margin: 5px;
}

.logo-head{
    text-align: center;
    margin-top: 20px;
    position: absolute;
    font-weight: bold;
    left: 0px;
    color: black;
    
}



/*
@media only screen and (max-width:768px){
    .ico-icon .fab{
        width: 25px;
        height: 25px;
        font-size: 14px;
        margin-top: 10px; 
        
    }
    .logo-head{
        font-size: 1.50rem;
        margin: 0;
        padding: 0;
        
    }
    .logo-head-col{
        padding: 0px;
        margin: 0px;
    }
    .col-logo{
        padding: 0px;
        margin: 0px;
    }
    .container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    height: 175px;
}
}*/
@media(width<600px){
    .header{height: 160px;width: auto;}
     .header .logo-head{font-size: larger;}
     .class-routine table{
        width: 100%;
        overflow-x: auto;
     }

}
@media(width>=600px){
    .header{height: 180px;width: 100%;}
    .carousel img{
        height: 400px;
    
    }
 }


/*navbar*/
.bg-theme{
    background-color: antiquewhite;
    border: 2px solid green;
}
.navbar-light .navbar-nav .nav-link{
    color: blue;
    font-weight: bold;
    padding-right:15px ;
    border: 1px solid green;
}
.navbar-light .navbar-nav .nav-link:hover{
    background-color: red;
    color: white;
}
button .fa-solid{
    color: black;
    font-size: 30px;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
/*welcome part*/
.welcome-frame{
    border: 2px solid green;
    background-color: rgb(210, 220, 162);
}
.welcome-frame h4{
    padding: 10px;
    text-align: center;
    font-weight: bold;
    background-color: rgb(36, 173, 86);
}
.welcome-frame p{
    padding: 10px;
    
}
.august h4{
    background-color: rgb(36, 173, 86);
    font-weight: bold;
    padding: 10px;
    text-align: center;
}
.outer-right{
    border: 2px solid green;
    background-color: rgb(114, 234, 99);
    width: 100%;
}

/*footer*/
.footer{
    margin: 0px;
    padding: 0px;
    width: 100%;
    background: black;
    position: relative;
    bottom: 0px;
    
}
.footer h4{
    color: rgb(187, 189, 40);
    font-weight: bold;
    
}
.footer li{
    color: white;
    list-style: none;
    word-break: break-all;
}
.footer li a span{
    font-weight: bold;
    font-size: 20px;
}
.footer .important-link li a{
    font-weight: bold;
    line-height: 35px;
    word-break: break-all;
}


/*sticky*/
.sticky{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;;
}
.sticky + .content{
    margin-top: 30px ;
}

/*aboutSchool.html*/
.introduction{
    width: 100%;
}
.introduction h5{
    font-weight: bold;
    color: green;
}

/*speechOfHead.html*/
.photoOfHeadTeacher{
    width: 300px;
    float: right;
}
.photoOfHeadTeacher img{
    width: 100%;
    border: 15px solid
    green;

}
.photoOfHeadTeacher p{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.speechOfHead{
    
    
    margin: 220px;
    display: inline;
    
}
.speechOfHead-frame{
    padding: 15px;
    
   
}
.speechOfHead h4{
    color: green;
    font-weight: bold;
}

/*contact.html*/
.contact{
    border: 2px solid green;
    margin: 10px;
}
.contact li{
    list-style: none;
    font-size: 20px;
    line-height: 45px;
}
.contact h4{
    color: green;
    font-weight: bold;
    margin: 20px;
}
/*bonggobondhuCornar.html*/
.mujibCornar{
    border: 2px solid green;
    margin: 20px;
}
.mujibCornar h1{
    font-weight: bold;
    text-align: center;
    background-color: green;
    padding: 10px;
}
/*teacher*/
.teacher-list{
    border:2px solid green;
    margin: 5px;
    overflow-x: auto;
}
.teacher-list h2{
    padding: 10px;
    font-weight: bold;
    color: green;
    text-align: center;
    margin-top: 35px;
}
/*classRoutine*/
.class-routine{
    border: 2px solid green;
    margin: 10px;
    padding: 10px;
    max-width: 100%;
    overflow-x: auto;
}
.class-routine h2{
    color: green;
    font-weight: bold;
}
.class-routine h4{
    text-align: center;
    font-weight: bold;
    font-size: 30px;
}
.class-routine p{
    text-align: center;
}
.class-routine th{
    text-align: center;
    background-color: aqua;
}


/*Syllabus*/
.syllabus{
    border: 2px solid green;
    margin: 10px;
   
}
.syllabus h2{
    text-align: center;
    color: green;
    font-weight: bold;
    border-bottom:2px solid green ;
}

/*Photo Gallery*/

.photoGallery{
    
    box-sizing: border-box;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 8%;

    
}
.gallery{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
    grid-gap: 30px;
    background-color: black;
}
.gallery img{
    width: 100%;
}
.gallery img:hover{
    transform: scale(1.2);
    transition: .5s ;
}
.gallery-heading h2{
    width: 100%;
    text-align: center;
    background-color: blueviolet;
    font-weight: bold;
}
/*
.gallery{
    margin: 20px;
}
.gallery h2{
    text-align: center;
    font-weight: bold;
    color: green;
    border-bottom: 5px solid green;
    background-color: yellow;
}
.box{
    display: block;
    float: left;
    width: 20%;
    padding: 10px;
}
.gallery img{
    width: 100%;
    border-radius: 5px;
}
.gallery img:hover{
    transform: scale(1.5);
    transition: .5s ;
}*/

/*Notice*/
.notice{
    width: auto;
    height: 400px;
    border: 3px solid black;
    margin: 50px 50px;

}
.notice h2{
    background: green;
    padding: 5px;
    text-align: center;
    color: white;

}
.notice .marq{
    height: 300px;
    text-align: center;
    
}

.width-100 {
    max-width: 100%;
}


/*Committee*/
.committee-heading{
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}
.committee{
    border: 2px solid green;
    margin: 10px;
    padding: 10px;
    max-width: 100%;
    overflow-x: auto;
}
@media screen and (max-width:500px){
    class-routine{
        width: 400px;
    }
}

/*NumberOf Student*/
.student-number h2{
    font-weight: bold;
    text-align: center;
}
.student-number th{
    background-color: rgb(137, 188, 137);
}
.student-number{
    border: 2px solid green;
    margin: 10px;
    padding: 10px;
    max-width: 100%;
    overflow-x: auto;
}

/*News List*/
.top-header{
    background: #17a2b8!important;
padding: 5px 0px;
border-bottom: 1px solid red;

}
.news-list{
background: white;
color: red;
padding: 6px;
font-size: 15px;

}
.headquote{
font-size: 18px;
color: rgb(112, 4, 94);
width: 80%;

}