.myli{
	background-color:  white ;
	width: 300px;
	padding: 12px;
	text-align: center;
	font-size: 12px;
	margin-left: 5px;

}

.my-ul{
	padding-left: 20.5%;
	padding-right: 20.5%;
}

.top-container {
  background: linear-gradient(to bottom, #EDEDED 0%, #94ACB9 100%); ;
  padding-top : 30px;
  text-align: center;
  min-height:200px;
  width: 100%;
}

#form{
        border-radius:25px;
        width:60%;
        margin:auto; 
        position:relative;
}

#keyword{
	width:100%;
    height:30px;
    border-radius:25px;
    
}

#search{
    border-radius:25px;
    z-index:2;
    position:absolute;
    right:2px;
    top:22px;
    height: 31px;
    text-align: center;
    font-size: 12px;
    color:black;
}

.header-text {
	font-size: 30px;
	color: black;
}

#use-content, #humhub-content{
	width: 100%;
}

#advanced-search-link{
	font-size: 18px;
	color: black;
}

#merklist{	
	color : black;
	width:60%;
    margin:auto; 
    position:relative;
    text-align: right;
  
}

@media screen and (min-width:769px) and (max-width:1500px){

	#form{
		width:90%;
	}

	#merklist {
		width : 70%;
	}

	.my-ul{
		padding-left: 6%;
		padding-right: 6%;
	}

	.myli{
		background-color:  white ;
		width: 300px;
		padding: 12px;
		text-align: center;
		font-size: 10px;
		margin-left: 5px;
	}

}

@media screen and (max-width:768px){
  	
  	#form{        
        width:90%;
	}
	
	#form input {
        font-size: 10px;
        line-height: 3;
    }
	
	.header-text {
		font-size: 20px;
	}
	
	.myli{
		margin-top: 10px;
		width: 100%;
		margin-left: 0;
	}
	
	#advanced-search-link{
		font-size: 15px;
	}
	
	#merklist {
		width : 100%;
		padding-right: 20px;
	}
	.my-ul{
		padding-left: 0;
		padding-right: 0;
	}

}