@media only screen and (max-width:1199px) {
	
    /*#cssmenu > ul > li > a {padding: 8px 12px 8px 12px;}*/
	
}

@media only screen and (max-width:991px) {
	
    #cssmenu > ul > li > a {padding: 8px 12px 8px 12px;font-size: 18px;}
    /*#cssmenu > ul > li:hover > ul { top: 40px;}*/
    .caption h1 {font-size: 20px !important;}
	.text_all h4 {font-size: 18px;}

}
 
@media only screen and (max-width:767px) {
	
    .navigation::before {background:none;}
    .navigation::after {background:none;}
	.text_all h4 {font-size: 20px;}

}

@media only screen and (max-width:600px) {
	
	.col-xs-sm{width:100%;} 
	.logo, .logo_slogan{text-align:center;}
	.logo img{max-width:15% !important;}
	.logo_slogan{max-width:70%;text-align:center;padding-top: 15px;}
	.search_box {margin:20px auto;}
	.caption h1 {display:none;}
	
}

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

}

@media only screen and (min-width:481px) and (max-width:767px) {
	
.resize {float: left;width: 50%;}

}

@media only screen and (max-width:480px) {
	
.resize{float: none;width: 100%;}

}

@media only screen and (max-width:380px) {
	
}

@media only screen and (min-width:300px) and (max-width:400px) {

}