.caption{
    color: rgb(8, 8, 97);
}


@font-face {
    font-family:MyFont1;
    src: url(Summer.ttf);
    }
    
@font-face {
    font-family:MyFont;
    src:url(OpenBaskerville-0.0.53.otf);
    }

@media only screen and (max-width:600px){
    
.menu_content{
    width:75%;
    background-color: rgb(8, 8, 97);
    color:white;
    padding-left: 5px;
    padding-top: 4px;
    height: 100%;
    position: fixed;
    z-index: 10;
    top:-1px;
    left:-1px;
    display: none;
    box-shadow: 3px 3px 3px rgb(37, 37, 37);
    
}
  body{
      overflow-x:hidden;
  }
  .caption{
    width:15%;
    margin: -5px;
    margin-left: -10px;
    margin-right: -10px;

}
    #top_news{
        font-size:12px;
        width:55em;
        padding: 4px;
        position: relative;
        left: 45em;
        animation: scroll linear 20s infinite;
        -moz-animation:scroll linear 20s infinite;
        -webkit-animation:scroll linear 20s infinite ;
    }
    #top_news1{
        overflow-x:hidden;
    }

    @keyframes  scroll{
        from{
            left:45em;
        }
        to{
            left:-60em;
        }
        
    }
    @-webkit-keyframes  scroll{
        from{
            left:45em;
        }
        to{
            left:-60em;
        }    
    }
    @-moz-keyframes  scroll{
        from{
            left:45em;
        }
        to{
            left:-60em;
        }    
    }
   .p_hide{
       display: none;
   }

   h1{
	font-size:1.5em;
	font-weight: bold;
}
h2{
	font-size:1.3em;
    font-weight: bold;
}

h3{
	font-size:1.3em;
    font-weight: bold;
}

p{
	font-size:13px;
}
    .task_bar{
        display: flex;
        flex-wrap: wrap;
        overflow-y: hidden;
        height: auto!important;
    }
    .menu_bar{
        height:3em;
        background-color: #080861;
       
        width:100%;
       display: flex;
        flex-direction: row;
        margin: 0px !important;;
       
    }
    .menu_bar1{
        top:0px;
        z-index:5;
        left:0px;
        position: fixed !important;

    }
    .menu{
        position: relative;
        margin-top: 10px;
        margin-bottom: auto;
        left:10px;
        color:white;
    }
    .menu_bar>.search{
       
        box-shadow: 1px 1px 3px;
    }
    .bars{
        color:white;
        background-color: white;
        width:2em;
        height: 4px;
        margin:3px;
    }
    .logo{
        width:100%;
        display: flex;
        margin: 0;
    }
    .logo>div{
        width:33%;
        
    }
    .animation1{
        animation:open1 1s linear;
        -webkit-animation:open1 1s linear ;
    }
    @keyframes open1{
        from{
             transform: scale(0.1);
        }
        to{
            ransform: scale(1);
        }
        
    }
    @-webkit-keyframes open1{
        from{
            transform: scale(0.1);
       }
       to{
           ransform: scale(1);
       }

    }
    .logo div img{
        width:100%;
        height: 7em !important;;
    }
    p{
        font-size: 14px;
    }
    .streams_font{
        font-size: 11px;
    }
    #p-hide{
        display: hide;
        visibility: hidden;
    }
    
.mission{
    background-color: white;
    z-index: 1;
    /* background-image: linear-gradient(rgb(15, 8, 112), rgb(40, 33, 133),rgb(113, 109, 168)); */
}

.subjects_text{
    top:0px;
}

.campus{
   top:5em;
}
.contact{
    top:13.5em;
    height:54em;
    background-color: #080861;
}
.p-white{
    color: white !important;
}
.p-hide{
    display: none !important;
}
#svg{
    height:120%;
}
.about{
    top:3em;
}

.maps{
    flex-direction:column;
}

.students{
    top:0;
    border:1px solid #ccc;
    width:100%;
   
}

.header{
    width:100%;
    height: auto;
}


.form_data{
    position:relative;
    top:8em;
    margin-bottom: 15px;
}
.form_register{
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.form_register>div{
    width:90%;
    margin:8px;
    background-image:linear-gradient(white,#cccccc);
}

fieldset legend{
    font: size 18px !important;
}

#log_intro{
    width: 40% !important;;
    height:auto;

}



.reg-fees {
    flex-direction: column;

    
}

.reg-fees .card{
   width:90%;
   
}
.procedure{
    flex-direction: column;
}


.p_h1{
    font-size: 15px!important;
}

.bgf_tutors{
  position: relative;
  margin:0em;
  padding: 3px;
}
.bgf_tutors h2{
    font-size: 1.3em;
}
.add_user:hover{
    opacity: 0.5;
    transform: scale(1.05);
}
.add_user1:hover{
    opacity: 0.5;
    transform: scale(1.05);
}
.text-small{
    font-size:12px;
}

.contacr_details{
    display: flex;
    flex-direction: row;
    width:90%;
    margin:auto;
}
.contacr_details>div{
    width: 30%;
    margin:3px;
    border:1px solid #cccccc;
    border-radius: 6px;

}
.contacr_details>div:hover{
transform: scale(1.09);
}
.contacr_details i{
 font-size: 25px;
}

.text-small{
    font-size: 12px;
}

.bgf_tutors{
    overflow-x:scroll;
    overflow-y: hidden;
}

.ad{
    width:90% !important;
}

.btn-theme{
    font-size: 19px;
}
.mission_card {
    width:90%;
    margin: auto!important;
}

.mission_img{
    height:100%;
}
.fees{
    width: 90%;
}

.blob-svg{
   
    top: 30em;
    width:80%;
}
.study{width: 50%;
       left:25%;
      }
      
.subjects-card{
	overflow:hidden;
	height:15em;
}
}