#nav_text_color{
	
	color:#ffffff;
}


.middlenav {
    background-color: lightseagreen;
    border-radius: 3px;
    font-size: 19px;
    box-shadow: 0 0 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    z-index: 100;
    position: fixed;
}

.contain-start{
  margin-top: 50px;
}

.middlenav a {
    color: #fff;
    text-decoration: none;
}

.middlenav a:hover {
    color: #3366CC;
}
.left-side-nav{
  position: fixed;
  z-index: 1000;
  
}
.left-side-nav a{
 color: lightseagreen; 
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}
.btn
{
  background: lightseagreen;
  color: #fff;
}
.position-right
{
  float:right!important;
}
.view-none
{
  display: none;
}
.school-comments{
  background-color: #eee;
  padding-top: 5px;
  border-radius: 7px;
  display: none;
}
.school-display{
  display: none;
}
.school-comment-button{
  top: 9px;
}
.school-comment-font{
  margin-left: 20px;
  font-size: 11px !important;
}
@media (min-width: 1200px){
  .middlenav {
    width: 1141px;
  }

}

@media (max-width: 1200px){
  .middlenav {
    width: 939px;
  }
  .left-side-nav{
    width: 100px;
  }

  .school-comment-button{
      top: 0px;
      padding-bottom: 5px;
  }

}

@media (max-width: 992px){
    .middlenav {
          width: 720px;
      }
    .school-display{
        display: block;
      }

  .school-comment-button{
        top: 0px;
        padding-bottom: 5px;
    }


}




@media only screen and (max-width: 768px) {
        /* For mobile phones: */
          .middlenav{

          width: 96%;

          }
          .contain-start{
          margin-top: 185px;
          }
          .left-side-nav{
          width: 30%;

          }
          .main-content{
            width: 68%;
            float: right;
            display: block;
          }
          .pcon
          {
          margin-top: 100px;
          }
          .middlenav li
          {
          width: 100%;
          }
          .loutnav
          {
          text-align: left;
          }
          .position-left,.position-right
          {
            float:left!important;

          }
          .display-none
          {
            display: none;
          }

          .view-none
          {
            display: block;
            margin-top: 30px;
            margin-left: -130px;
          }
          .display-both
          {
            margin-top: 85px;
          }
          .school-comments{
          background-color: #eee;
          padding-top: 5px;
          border-radius: 7px;
          padding-bottom: 7px;
          display: none;
          }

          .school-display{
              display: block;
            }

          .school-comment-button{
              top: 0px;
          }
         
        }