@media (min-width:0px) and (max-width:480px)



{


    .form_container
{
    position:absolute;
top:6rem;
width:98% !important;
height:auto;
left:0.2rem;
transition:all 0.5s;
}

.student_fillForm
{
    height:auto;
    width:90%;
}

.head_form
{
    width:100%;
    display:flex;
    justify-content:space-around;
}

.head_form>h1 
{
font-size:1.8rem;
font-weight:bolder;
}

.record_box>label 
{
    font-weight:bolder;
}
.record_box
{
    margin-top:1rem;
}

.submit_button 
{
   
    width:90% !important;

}

    /*header section */

   .header
   {
    display:none;
   }

   main
{
    font-size:10px; /*1 rem = 10px */
    width:100%;
}



.navbar
{
width:100%;
display:block !important;
height:7rem;
position:sticky !important;
top:0rem;
box-shadow: rgba(17, 11, 11, 0.24) 0px 3px 15px;
background-color:black;
z-index: 2 !important;



}



    /* header section */


.navbar h1,i
{
    display:inline-block;
    
}

.navbar>img
{
    margin-left:7.8rem !important;
    width:6rem !important;
height:6rem !important;

}

.navbar i
{
    float:right;
    font-size:2rem;
    padding-right:2rem;
    padding-top:1.5rem;
    color:white;



}


.toggle_btn
{
    font-size:2rem;
    color:rgb(249, 248, 248) !important;
    display:inline-block;
    width:3rem;
    border:1px solid white !important;
    height:3rem;
    margin-bottom:2rem;
    box-sizing:border-box;
    position: relative;
    left:3rem;
    top:0.8rem;
    border-radius:5px;
    

    
}


.toggle_btn:hover
{
    background-color: #197278 !important;
}


#header_sub_child1 .fa-xmark
{
    font-size:2rem;
    color:rgb(245, 241, 241);
    position:absolute;
    top:3rem;
    right:2rem;
    display:block;
 

}

.header_sub_child
{
   width:100%;
   height:42rem !important;
   display:flex;
   flex-direction:column;
   position:absolute;
   top:0;
   z-index:999;
   padding:3rem 0 9rem 0;
   left:0;
   right:0;
   background-color:rgb(27, 25, 25);
   overflow:auto;
   display:none;
   transition:all 0.5s ease;
   
}

.header_sub_child>ul
{
width:100%;
margin-top:4rem;

}

  
.header_sub_child>ul>li
{
   display: flex !important;
   justify-content:center;
   align-items:start;
   flex-direction:column;
   padding:2px;
   border-bottom:1px solid rgb(128, 124, 124);
   color:white;
   padding-top:1rem;
   padding-bottom:1rem;
   padding-right:3rem;
   width:89%;

}

.header_sub_child>ul>li>a 
{
   color:white;
}



.login_page
{
display:flex;
justify-self:center;
flex-direction:column;
width:100%;
position: relative;
padding-top:2rem;
}

.login_page>input
{
   width:88%;
   background-color:white;
   color:black;
}

.login_page>a
{
   position: relative;
   right:6rem;
   top:1rem;
}


.Photo_section
{
    height:auto;
    width:90%;
    margin:auto;
}

.Photo_container
{
    width:100%;
    height:auto;
    row-gap:2rem;

}

.Photo_card
{

}


/* event section */

.Events_container 
{
    width:90%;

}

.Events_section>h1 
{
   
    padding-left:1rem;

    
 }

/* media photo */

.Media_section>h1 
{
    
    width:90%;  
    padding-left:1.2rem;

   

}

.Media_container 
{
    width:90%;
    margin: auto;
    display:flex;
    justify-content:space-around;
    align-items: center;
    padding:1rem;
    margin-bottom:4rem;
    flex-wrap: wrap;
    row-gap:8rem;
    margin-top:2rem;
}

/* Application procedure */

.Application_procedure_section_container
{
    display:flex;
    flex-direction:column;
}

.Application_procedure_section_left
{
    width:100%;
}

.Application_procedure_section_right 
{
    width: 100%;
}

._btn2 
{
    margin:0;
}


.Application_procedure_section_right_form>input 
{
    width:100%;
}


/* foreign application */

.Foreign_application_section>h1
{
    width:80%;
    font-size:2.5rem;
}


/* career test */

.career_test_content>a
{
    width:100%!important;
    display:inline-block;
    font-size:1rem;
    padding-top:1rem;
}


/* education loan */

.education_loan_section_content
{
    display:flex;
    flex-direction: column;
    
    
}

.education_loan_section_content>p 
{
    width:100% !important;

}

.education_loan_section_content>ul
{
    width:100% !important;
    
}


/* admission microsite */

.Addmission_microsite_form>input 
{
    font-size:0.8rem !important;
}

.Addmission_microsite_form
{
    margin-top:1rem;
}

/* faqs */

.faqs_section_content p 
{
    font-size:1rem !important;
    display: inline-block;
}











/* footer section */

.footer
{
    display:flex;
    flex-direction:column;
    width:100%;
    background-color:#197278;

}

.child>h3 
{
    font-size:1.5rem;
    margin-top:1rem;
}

.child>ul>li 
{
font-size:1rem;
}

.footer_subscribe
{
    
    display:flex;
    flex-direction:column;
    width:100%;
    border-top-right-radius:0;

}


.footer_subscribe_child1
{
    width:100%;
    display:flex;
    flex-direction:column;
    row-gap:2rem;
    justify-content:center;

}

.footer_subscribe_child1_content
{
    width:90%;
    row-gap:3rem;
}

.footer_subscribe_child2
{
    width:90%;
    display:flex;
    flex-direction:column;
    margin-top:1rem;



}


.footer_subscribe_child1_content>ul>li>i
{
font-size: 1.5rem;
}

.footer_subscribe_child1_content>ul>li>a
{
font-size: 1.3rem;
}


.footer_subscribe_child2>i
{
    position: relative;
    left:1rem;
    top:1rem;
    font-size:1rem;

}

/* subfooter section */


.subfooter
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100% !important;
    padding:1rem;
    background-color:#197278;

}

.subfooter_child1>p 
{
    color:white !important;
    font-size:0.9rem !important;
}

.subfooter_child2>a 
{
    color:white !important;
    font-size:0.9rem !important; 
}

.subfooter_child1
{
    
    width:100% !important;
    margin-right:2.5rem;
}

.subfooter_child3>a 
{
   
    color:white !important;
    font-size:0.9rem !important;  
}



.subfooter_child2
{
    width:100% !important;
    

}


.subfooter_child3
{
    width:100% !important;
    margin-top:1rem;
    
    

}



}