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


{





    /*header section */

   .header
   {
    display:none;
   }

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



/* header sub_child*/



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

}

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

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

}


.toggle_btn
{
    font-size:2rem;
    color:rgb(249, 248, 248);
    display:inline-block;
    width:3rem;
    border:1px solid white;
    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;
}


.toggle_btn>i
{
    display:grid;
    place-items:center;
    padding-top:0.5rem;
    
}






 .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;
}

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

}









/* hero section*/


.hero_section_left>img
{
display:none !important;
}

.hero_section_right
{
z-index:-999;
}

.hero_section
{
    display:flex;
    justify-content:space-around;
    align-items:center;
    width:100%;
    flex-direction:column;
    

}

.hero_section_left
{
    width:100% !important;
    height:auto;
    background-color:#197278;
    padding:2rem 0 11rem 0 !important;
    

}

.hero_section_left_content>a
{
  font-weight: bolder;
  height:3rem;

}

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

}

.hero_section_left_content>h1 
{
    font-size:2.2rem !important;
}


.hero_section_right
{
    width:100%;

}

.carousel-item,.carousel-item>img
{
    width:100% !important;
    height:20rem !important;
    object-fit: cover;
    
}

.hero_section_left_content
{
    width:100%;
}


/* study at vsiet */

.study_vsiet_section
{
    display:flex;
    flex-direction:column;
    padding-bottom:0 !important;
    

}

.ul_list_study_vsiet_institue_box
{
    margin-right:6rem !important;
}


.ul_list_study_vsiet 

{
    padding-left:3.6rem;
    box-sizing:border-box;
    width:100%;
}


.study_vsiet_section_content
{
    display:flex;
    flex-direction:column;
    border:0rem;  
    width:100% !important;  
}



.study_vsiet_section_content>h5
{
    font-size:1rem;
    width:90%;
    text-transform:capitalize !important;
    padding-left:0.9rem;

}



/* programme section */


.programe_section_child2>h3
{
    font-size:2rem;
    width:100% !important;
    display:inline-block;
    text-align:center;
}



.programe_section_child2
{
height:30rem !important;
width:100%;
}

.programe_section_child2>ul>li
{
    position: relative !important;
    right:1.5rem !important;
    width:100% !important;
}



.programe_section_child3
{
    height:43rem !important;
}


.programe_section_child3_subchild>h3
{
font-size:2rem;
}

.programe_section_child3_subchild>p
{
    font-size:0.9rem;
}


.programe_section
{
    flex-direction: column;
    display:flex;
    z-index:-9 !important;
}

.programe_section_child1
{
    height:15rem !important;
}


.programe_section_child1>img
{
    width:100%;
    height:100%;
}


.child_programe
{
    width:100%;
    height:30rem;
    
}

.programe_section_child2
{
    height:30rem !important;
}


.programe_section_child2>ul
{
    position: relative;
    left:1px;
    font-size:15px;
}

.programe_section_child2>ul>li
{
 
    z-index:-1 !important;
}


.programe_section_child3 
{
    height:47rem !important;
}


/* award section */

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

.award_section_content_child
{
    width:90%;
}




/* placement section */

.placement_section
{
    display:flex;
    flex-direction:column;
    padding:0;
    padding-top:3rem;
}

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

.placement_section_child1
{
  width:90%;
}

.placement_section_child2
{
    width:90%;
}

.placement_section_child2>div
{
    display:flex;
    flex-direction:column;
    border-bottom:1px solid rgb(239, 238, 238);
    border-right:none;
    padding:1rem;
    position: relative;
    right:1.5rem;
}



/* news and events */

.news_events_section_content>p
{
font-size:0.7rem;
font-weight:bolder;
}

.news_events_section
{
    display:flex;
    flex-direction:column;
    width:100%;
}

.news_events_section_imgList>img 
{
    width:85% !important;
}

.news_events_section_content
{
    width:85%;
}


.news_events_section_imgList
{
    display:flex;
    flex-direction:column;
    row-gap:2rem;
    width:100%;
}


/* recent placement */

.recent_placement_section
{
    width:100%;
}

.recent_placement_section_content>p 
{
    font-size:0.7rem;
    font-weight:bolder;
}


.recent_placement_section_content
{
    width:90%;
}



/* our institute and placement section*/

.institute_placement_section
{
    width:100%;
    display:flex;
    flex-direction:column;
}


.institute_placement_section_content
{
    display:flex;
    flex-direction:column;
    width:90%;
    row-gap:2rem;
    padding:0.5rem;
    padding-top:1rem;
}


/* 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_child1_content>ul>li>i
{
font-size: 1.5rem;
}

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



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


}

.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;
    
    

}








/* student form to fill css */


.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_sub_child ul li h6 
{
    font-weight: bolder;
    color:white;
}























}