/*
Template Name:Portal
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/

/*********************center_home****************/
.head{
  font-weight: bold;
  text-align: center;
  }
  img[src*="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"] {
display: none;
  }
  .p1_0{
    font-size: 20px;
  }
.img{
  height: 400px !important;
  width: 100px !important;
}
.img1{
  max-height: 50px !important;
  max-width: 100px !important;
 
}
.img2{
  height: 50px;
  max-width: 100px;

  
  }
.center_home{
  padding-top:20px;
  padding-bottom:30px;
  position: relative;
  min-height: 100%;
  }
.breadcrumb{
  background:none;
  padding-bottom:0;
  margin-bottom:10px;
  }
.breadcrumb li  {
  font-weight:bold;
  font-size:18px;
  }
.center_home_2_inner_heading ul li a {
  background:#f4f4f4;
  }
.center_home_2_inner_heading ul li a:hover {
  background:#fff;
  }
.center_home_2_inner_heading ul li a{
  display:block;
  padding:7px 15px;
  border-bottom:1px solid #ccc;
  }
.center_home_2_inner img{
 margin-top:10px; 
  }
.center_home_2_inner_login{
 background:#f4f4f4;
 padding:20px 15px;
 margin-top:10px; 
  }
.center_home_2_inner_login ul{
  list-style:disc;
  margin:10px 15px;
  }
.center_home_2_inner_login label{
 font-size:16px;
  }
  
.center_home_2_inner_1_inner img{
 float:left;
 padding:0px 10px 10px 0px; 
  }
.center_home_2_inner_1_inner_1{
 border-bottom:2px solid #eee;
 padding-bottom:10px; 
 margin-top:10px;
  }
.center_home_2_inner_1_inner_1_left h4{
  text-align:center;
  }  
.center_home_2_inner_1_inner_1_right h6{
color: #080808;
font-size:18px;
  }
.center_home_2_inner_1_inner_3{
  background:#FEDC8B;
  padding:5px 15px 2px 15px;
  margin-top:10px;
  }
.center_home_2_inner_1_inner_3 a{
  margin-left:70px;
  }
.date{
  margin-right:10px;
  font-size:17px;
  }
.city{
  font-size:17px;
  }

.center_home_2_inner_2_inner_1{
  margin-top:10px;
  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
  color:#000;
  }

.center_home_2_inner_2_inner h4{
 letter-spacing:1px; 
  }
.center_home_2_inner_1_inner_2 {
  margin-top:10px;
  margin-bottom:10px;
  }
.center_home_2_inner_1_inner_2 h4{
  font-size:24px;
  }
.center_home_2_inner_1_inner_2 p{
 margin-top:5px;
  }
.home_inner h6{
 color: #b9adad;
 font-size: 12px;
 }
 /* The side navigation menu */
.sidenav {
height: auto;
width: 200px;
position: absolute;
z-index: 1;
top: 365;
left: 0;
background-color: #f5f9f3;
overflow-x: hidden;
transition: 0.5s;
padding-top: 20px;
}
.sidenav a {
  padding: 8px 8px 8px 10px;
  color: green;
  display: block;
    text-decoration: none;
  }

.sidenav a:hover{
  color: white;
  background-color: #6bd06b;
}
.main{
  margin-left: 220px;
  margin-right: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 14px;}
}
/*********************center_home_end****************/
@media (min-width:200px) {
  .main{
    margin-left: 0px;
    margin-right: 0px;
  }
    .img1{
        height: 40px;
       
    }
    .img2{
        height: 40px;
      
    }
    .head h1{
        font-size: 15px;
    }
    p{
    font-size: 14px;
    }
    h2{
      font-size: 18px !important;
    }
    h3{
      font-size: 16px !important;
    }
    .head h5{
        font-size:8px;
    }
    #top{
        padding: 10px 0 32px 0;
    }
    .p1_0{
    font-size: 14px;
  }
  ul {
      font-size: 14px !important;
    }
      .marquee {
    width: 100%;
    margin-left: 0px;
    }
       .h2_0 {
    font-size: 12px !important;
  }
  .marquee p{
      font-size: 16px !important;
  }
}
 @media (min-width:360px) {
  .main{
    margin-left: 0px !important;
    margin-right: 0px;
  }
     #top{
        padding: 10px 0 32px 0;
     }
  .head h1{
  font-size: 18px;
  }
  .head h5{
      font-size: 10px;
  }
  .img1{
  height: 60px;
 
  }
.img2{
  height: 60px;
  
 }
    .h2_0 {
    font-size: 15px !important;
  }
p{
    font-size: 16px;
    }
  ul {
      font-size: 16px !important;
    }
    h2{
      font-size: 22px !important;
    }
    h3{
      font-size: 20px !important;
    }
    .p1_0{
    font-size: 16px;
  }
  .marquee p{
      font-size: 18px !important;
  }
  
}
@media (min-width:469px) {

  .main{
    margin-left: 0px !important;
    margin-right: 0px;
  }
     #top{
        padding: 10px 0 32px 0;
     }
  .head h1{
  font-size: 20px ;
  }
  .head h5{
      font-size: 12px;
  }
  .img1{
  height: 65px;
  margin-left: -15px;
  }
.img2{
  height: 65px;
  margin-right: -15px;
 }
    .h2_0 {
    font-size: 17px !important;
  }
  p{
    font-size: 18px;
    }
  ul {
      font-size: 18px !important;
    }
    h2{
      font-size: 24px !important;
    }
    h3{
      font-size: 22px !important;
    }
    .p1_0{
    font-size: 18px;
  }
  .marquee p{
      font-size: 20px !important;
  }
}


@media (min-width: 667px){
  
  .main{
    margin-left: 0px !important;
    margin-right: 0px;
  }
  .h2_0 {
    font-size: 25px !important;
  }
  .head h1 {
  font-size: 25px !important;
  }
    .head h5{
      font-size: 16px !important;
  }
  .marquee p{
      font-size: 25px !important;
  }
}

@media (min-width: 767px){
  .main{
    margin-left: 0px !important;
    margin-right: 0px;
  }
  .img1{
  height: 80px;
 
  }
.img2{
  height: 80px;
 
 }
  .h2_0 {
    font-size: 30px !important;
  }
p{
    font-size: 20px;
    }
    .p1_0{
    font-size: 20px;
  }
  ul {
      font-size: 20px !important;
    }
  h2{
      font-size: 28px !important;
    }
    h3{
      font-size: 25px !important;
    }
  .hide-sm {
    display: none !important;
  } 
  .head h1 {
  font-size: 28px !important;
  }
    .head h5{
      font-size: 18px !important;
  }
.center_home_1{
 text-align:justify;
  }
.center_home_2_inner  {
 text-align:justify; 
  }

.center_home_2_inner_1_inner img{
 width:100%;
 float:none;
 padding:0;
  }
.center_home_2_inner_1 p{
 text-align:justify;
  }
.center_home_2_inner_1_inner_3 br{
display:block;  
  }
.center_home_2_inner_1_inner_3 a{
margin-left:0;  
  }
.center_home_2_inner_2 {
  text-align:center;
  }
.nav-tabs{
 width:70%;
 margin-left:auto;
 margin-right:auto; 
  }
.center_home_2_inner_login ul{
 list-style:none; 
  }
}

@media (min-width: 900px){
  .main{
    margin-left: 220px !important;
  }
  .img1{
  height: 100px;

  }
.img2{
  height: 100px;
 }
 .head h1 {
  font-size: 30px !important;
  }
    .head h5{
      font-size: 18px !important;
  }
}
@media (min-width:579px) {
     #top{
        padding: 10px 0 32px 0;
     }
  .head h1{
  font-size: 20px ;
  }
    .head h5{
      font-size: 14px;
  }
  
   .h2_0 {
    font-size: 20px !important;
  }
  h2{
      font-size: 25px !important;
    }
h3{
      font-size: 23px !important;
    }

}
@media (min-width:1201px) and (max-width:1335px) {

 }



