/* col-sm */
@media (min-width: 768px) {
	.main-bg-red h2{margin-top: 80px;}
	a.button.st01 {
	  margin-top: 75px;
	}
}
/* col-md */
@media (min-width: 992px) {
	.main-bg-white p{max-width: 320px;font-size: 21px;}
	.img-right-sm{float: right;}
	#content .content-detail{
		padding: 50px 50px;
		max-width: 500px;
	}
}
/* col-lg */
@media (min-width: 1200px) {
	form.search-download{
		width: 30%;
		margin: auto;
	}
}

@media (max-width: 1200px) {
	form.search-download{
		width: 30%;
		margin: auto;
	}
}
@media (max-width: 991px) {
	.img-center-sm{margin: auto;}
	.text-center-sm{text-align: center;}
	.main-bg-white p{font-size: 18px;margin-bottom: 20px;}
	.background-3 h3{font-size: 18px;}
	form.search-download{
		width: 40%;
		margin: auto;
	}
}
@media (max-width: 767px) {
	.img-center-xs{margin: auto;}
	.text-center-xs{text-align: center;}
	.main-bg-red,.main-bg-white{
		padding: 5px 5px 0 5px;
	}
	.main-bg-red img{display: none;}
		.main-bg-white{
		background: #ffffff;
		background-size: auto 100%;
	}
	.background-3 {
		background-image:
	    linear-gradient(
	      to top, 
	      #d9202b,
	      #d9202b 25%,
	      #d9202b 0%,
	      #d9202b 75%,
	      #d9202b 75%
	    )!important;
	    background-size: cover;
	}
	.background-3 img{align:center;}
	.reference-pagination{
		text-align: left;
	}
	form.search-download{
		width: 50%;
		margin: auto;
	}
	#content .content-detail{
		padding: 50px 0;
		max-width: auto;
	}
	.h1, h1 {
	    font-size: 30px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm{display: none;}
	.navbar-right {
	    float: left !important;
	}
}