@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=Roboto);





@media only screen and (max-width: 1134px) {
   .modal-content
   {
	display:none!important;   
   }
}

@media all and (max-width: 1050px) {
  
#feature {
	margin: auto;
	width: 100%;
}
.lex, .lex2 {
	width: 24%;
	float: left;
	margin-left: 1%;
	margin-right: 0px;
	margin-top: 30px;
}
.menus {
	width: 28%;
}
.banner {
	width: 70%;
}
.content {
	width: 70%;
}
#sider {
	width: 20%;
}
.feeds {
	width: 22%;
	margin: 40px 0px 0 0;
}
.ffedb {
	width: 75%;
}
.sug {
	width: 40%;
}
.sug2 {
	width: 90%;
}
}


@media all and (max-width: 900px) {
	.banner {
	width: 100%;
}
.menus {
	display: none;
}
.lex, .lex2 {
	width: 44%;
	margin-left: 4%;
}
}

@media all and (max-width: 768px) {
  #header {
	  padding: 0 10px;
  }
  .logo {
	  width: 80%;
	  float: left;
  }
  .footer-des {
	  float: left;
  }
  #footer {
	  padding-bottom: 20px;
  }
.content {
	width: 80%;
}
#sider {
	width: 100%;
}
.message {
	float: left;
	width: 44%;
	margin-top: 20px;
}
.news {
	float: right;
	width: 44%;
}
.sug {
	float: left;
	width: 40%;
	margin-right: 5%;
}
.sug2 {
	float: left;
	width: 80%;
	margin-right: 5%;
}
.feeds {
	display: none;
}
.ffedb {
	width: 100%;
}
}

@media all and (max-width: 700px) {
  .logo {
	  width: 80%;
  }
  .achr {
	  width: 18%;
  }
  .cont-icon {
	display: none;
}
}

@media all and (max-width: 550px) {
  .lex, .lex2 {
	  width: 88%;
	  margin-left: 5%;
  }
  .message {
	float: left;
	width: 96%;
	margin-top: 20px;
}
.news {
	float: left;
	width: 94%;
}
.sug {
	float: left;
	width: 90%;
	margin-left: 4%;
	margin-right: 0;
}
.sug2 {
	float: left;
	width: 90%;
	margin-left: 4%;
	margin-right: 0;
}
}