body{
margin: 0px;
}

#mobile_menu_drop{
  display: none;
}

#copyright_mobile{
  display: none;
}

#botton_1{
  display: none;
}

.facilities{
  display: none;
}

#notice_mobile_container{
  display: none;
}

#contact{
  display: none;
}

#topper{
  display: none;
}

#sixth_heading_mobile{
  display: none;
}

#blue1_mobile{
  display: none;
}

#hod_mobile{
  display: none;
}

#mt{
  display: none;
}

#m22{
  display: none;
}

#first_view_mobile{
  display: none;
}

#first_view_mobile2{
  display: none;
}

#first_view
{
	background-color: #b30059;
	height: 40px;
}

/* Style all font awesome icons */
.fa {
  padding: 12px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
 background: #3B5998;
  color: white;
}

/* Youtube */
.fa-youtube {
 background: #bb0000;
  color: white;
}

/*instagram*/
.fa-instagram {
  background: #125688;
  color: white;
}

.contact_1{
	margin-left: 45%;
	text-decoration: none;
	color: white;
}

.contact_2{
	margin-left: 0px;
	text-decoration: none;
	color: white;
}

#image_size{
	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 0px;
	height: 100px;
}

#m{
	background-image: url("ezgif.com-speed.gif");
	height: 500px;
	width: 100%;
	background-size: cover;
  	background-repeat: no-repeat;
  	background-position: top left, bottom right;
}

#mm{
	    float: right;
    padding-top: 3%;
    padding-right: 20px;   
}

.menu{
	 text-decoration: none;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 15px;
    color: #301778;
}

.menu:hover{
	background-color: #b30059;
	color: white;
}

#mmm{
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 0px;
	color: white;
	font-size: 61px;
	padding-top: 147px;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px red;
}

.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #b30059;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  cursor: pointer;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);

}

.button span {
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

#hod_0{
	 font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 50px;
    margin: 0px;
    padding: 40px;
    color: white;
    text-decoration: underline;
}

#hod{
	height: 950px;
	width: 100%;
	background-color: #b30059;
	margin-top: 0px;

}

#hod_1{
	height:750px;
    width: 550px;
    float: left;
    margin-left: 90px;
    background-color: #301778;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#hod_2{
	height:750px;
    width: 550px;
    float: right;
    margin-right: 90px;
    background-color: #301778;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.director{
  border-radius: 50%;
  border: 10px solid white;
  height: 200px;
  width: 200px;
  display: block;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.cc{
	text-align: center;
	color: white;
}

.ccc{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: white;
	font-size: 20px;
	padding-right: 50px;
	padding-left: 50px;
	text-align: justify;
  	text-justify: inter-word;
}

#try{
	background-color: #b30059;
	height: 100px;
	width: 100%;
}

#blue1{
	background-color: #301778;
	height: 435px;
}

#fifth_div_1{
    height: 435px;
    width: 790px;
    float: left;
    background-color: #301778;
}

#fifth_div_2{
    height: 435px;
    width: 539px;
    float: right;
    background-color: #301778;
}

#teachers{
	height: 435px;
    width: 800px;
}

.teachers_text{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	color: white;
}

#teachers_text_paragraph{
	font-size: 20px;
	padding-right: 50px;
	padding-left: 50px;
	text-align: justify;
  	text-justify: inter-word;
  	color: white;
}

#sixth_heading{
	color: #301778;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.mycontainer {
  display: flex;
  height: 500px;
}
.mycontainer > div {
     width: 331px;
    height: 450px;
    margin-left: 100px;
    text-align: center;
}

div.mycontainer_two {
  width:100%;
  overflow:auto;
}
div.mycontainer_two div {
  width:50%;  
  height: 650px;
  float:left;
  text-align: center;
  border-color: white;
}

#box1{
	height: 38px;
    width: 300px;
}

#box2{
	height: 38px;
    width: 300px;
}

#box3{
	height: 38px;
    width: 610px;
}

#box4{
	height: 225px;
    width: 610px;
}

#box5{

  display: inline-block;
  border-radius: 4px;
  background-color: #b30059;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 10px;
  width: 200px;
  cursor: pointer;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
}

.notice{
	padding-left: 50px;
    padding-right: 50px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.notice:hover{
	color: black;
}

#eight_heading{
	color: #301778;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.facility_image{
	width: 100%;
    height: 267px;
 	border-radius: 10px;
}

.mycontainer_bottom {
  display: flex;
}
.mycontainer_bottom > div {
  width:33%;
}

table {
  border-collapse: collapse;
  border: 1px solid black;
  width: 85%;
  margin-left: 100px;
}

th, td {
  text-align: left;
  padding: 8px;
  border: 1px solid black;

}

tr:nth-child(even){background-color: #f2f2f2}

th {
  background-color: #b30059;
  color: white;
  border: 1px solid black;
}

#date{
  width: 150px;
  text-align: center;
}

#notice{
  text-align: center;
}

#aboutus_2{
  display: none;
}

#f_1{
  display: none;
}

#admission_title_mobile{
  display: none;
}

#admission_1{
  display: none;
}

#contact_0_mobile{
  display: none;
}

#con{
  display: none;
}

#table_mobile{
  display: none;
}

#admission_title_mobile{
  display: none;
}

#notice_mobile_m{
  display: none;
}

#principal_image{
  height: 300px;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 30px;
}

#p2{
  display: none;
}



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

    body{
  margin: 0px;
      }

  .mycontainer_bottom{
    display: none;
  }

  .mycontainer_two{
    display: none;
  }

  #sixth_heading{
    display: none;
  }

  .mycontainer{
    display: none;
  }

  #blue1{
    display: none;
  }

  #first_view{
    display: none;
  }

  #first_view_mobile{
    display: block;
    background-color: #b30059;
    padding-top: 5%;
    padding-left: 21%;
  }

  .contact_1{
  margin-left: 0%;
  text-decoration: none;
  color: white;
}

#m2{
  display: none;
}

#m22{
  display: block;
  height: 80px;
  padding-top: 10px;
}

#image_size2{
  height: 66px;
  width: 78%;
  float: left;
  margin-left: 8px;
}

#mobile_menu{
  border: solid black 1px;
  height: 40px;
  width: 12%;
  float: right;
  margin-top: 12px;
  margin-right: 10px;
  background-color: #b30059;
  border-radius: 5px;
  padding-left: 3px;
  padding-right: 3px;
}

#m{
  display: none;
}

#mt{
  display: block;
  background-image: url("aezgif.com-speed.gif");
  height: 650px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left, bottom right;
}

#mmmm{
    color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  margin-top: 0px;
  color: white;
  font-size: 61px;
  padding-top: 100px;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px red;
}

#hod{
  display: none;
}

#hod_mobile{
  display: block;
  height: 1280px;
  width: 100%;
  background-color: #b30059;
  margin-top: 0px;
}
#hod_0_mobile{
     font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0px;
    padding-right:40px ;
    padding-left:40px ;
    padding-top: 40px;
    padding-bottom: 30px;
    color: white;
    text-decoration: underline;
}

#hod_1_mobile{
    padding-top: 2px;
    height:510px;
    width: 90%;
    margin-left: 20px;
    background-color: #301778;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#hod_2_mobile{
    padding-top: 1px;
    margin-top: 70px;
    height:510px;
    width: 90%;
    margin-left: 20px;
    background-color: #301778;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.director_mobile{
  border-radius: 50%;
  border: 5px solid white;
  height: 150px;
  width: 150px;
  display: block;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}

.ccc_mobile{
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: white;
  font-size: 12px;
  padding-right: 20px;
  padding-left: 20px;
  text-align: justify;
    text-justify: inter-word;
}

#blue1_mobile{
  display: block;
  background-color: #301778;
}

#teachers_mobile{
    height: 300px;
    width: 100%;
}

#fifth_div_2_mobile{
    height: 300px;
    width: 100%;
    background-color: #301778;
    margin-top: 0px;
    padding-top: 0px;
}

.teachers_text_mobile{
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: white;
  margin-top: 0px;
  padding-top: 30px;
  padding-left: 2px;
  padding-right: 2px;
}

#sixth_heading_mobile{
  display: block;
    color: #301778;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#topper{
  display: block;
}

#contact{
  display: block;
}

#box5_mobile{

  display: block;
  border-radius: 4px;
  background-color: #b30059;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 10px;
  width: 200px;
  cursor: pointer;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.6);
  margin-left: auto;
  margin-right: auto;

}

.notice_mobile{
  padding-left: 12px;
    padding-right: 12px;
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

#notice_mobile_container{
  display: block;
}

.facilities{
  display: block;
}

#botton_1{
  display: block;
}

#copyright{
  display: none;
}

#copyright_mobile{
  display: block;
}

#first_view_mobile2{
  margin-top: 0px;
  padding-top: 0px;
  display: block;
    background-color: #b30059;
    padding-left: 15%;
    padding-bottom: 10px;
}



#aboutus_1{
  display: none;
}

#aboutus_2{
  display: block;
}

#f{
  display: none;
}

#f_1{
  display: block;
}

#eight_heading{
  display: none;
}

#copy{
  display: none;
}

#addmission_0{
  display: none;
}

#admission_title{
  display: none;
}

#admission_title_mobile{
  display: block;
}

#admission_1{
  display: block;
}

#contact_0{
  display: none;
}

#contact_0_mobile{
  display: block;
}

#contact_desktop_hide{
  display: none;
}

#con{
  display: block;
}

#table_desktop{
  display: none;
}

#table_mobile{
  display: block;
}

#admission_title_mobile{
  display: block;
}

#notice_mobile_m{
  display: block;
}

#notice_mobile_d{
  display: none;
}

#p{
  display: none;
}

#p2{
  display: block;
}

}