@charset "UTF-8";
/* ******************************************************************
	--sp-home.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 800px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 812px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 834px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 900px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 960px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 1024px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 1112px){
/*********************sp-home.css***************************/
}
@media only screen and (min-width: 1200px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 1280px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 1350px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 1400px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 1600px){
	
}
@media only screen and (min-width: 1900px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 2000px){
	
}
@media only screen and (min-width: 2100px){
/*********************sp-home.css***************************/
	
}
@media only screen and (min-width: 2800px){
	
}
@media only screen and (max-width: 767px){
/*********************sp-home.css***************************/
	.logo_jpc {
		margin-bottom: 0px;
	}
	.slide_magazine_ct {
		padding: 50px;
	}
	.modal-dialog, .modal.in .modal-dialog {
		width: 97%;
		float: left;
		display: block;
	}
	#myModalUngtuyen_confirm .modal-body {
		width: 93%;
		padding-left: 50px;
		padding-top: 0px;
		padding-bottom: 20px;
		padding-right: 0px;
	}
	.header_slide_title {
		margin-bottom: 50px;
		margin-top: 20px;
	}
	.unsubscribe_page {
		height: 100%;
		min-height: 100vh;
	}
	.footer {
		position: relative;
		bottom: 10px;
	}
}
@media only screen and (max-width: 736px){
/*********************sp-home.css***************************/
	.demo-image img{
		max-width: 500px;
		width: 100% !important;
	}
}
@media only screen and (max-width: 734px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 722px){
/*********************sp-home.css***************************/
	.QR-receipt{
		width: 100% !important;
	}
}
@media only screen and (max-width: 695px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 685px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 668px){
/*********************sp-home.css***************************/
	
}
@media only screen and (max-width: 641px){
/*********************sp-home.css***************************/
	
}
@media only screen and (max-width: 602px){
/*********************sp-home.css***************************/
	
}
@media only screen and (max-width: 599px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 576px){
/*********************sp-home.css***************************/	
}
@media only screen and (max-width: 570px){
/*********************sp-home.css***************************/
	.form-group-button button{
		width: 100%;
		margin-bottom: 10px;
	}
	.form-group-button{
		margin-bottom: 50px;
	}
}
@media only screen and (max-width: 569px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 553px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 534px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 515px){
/*********************sp-home.css***************************/

}
@media only screen and (max-width: 481px){
/*********************sp-home.css***************************/
	.logo_jpc img{
		width: 200px;
	}
	.slide_magazine_ct {
        padding: 30px;
    }
	.form_button button.left, .form_button button.right{
		width: 100%;
	}
	.ma_QR {
		width: 100% !important;
	}
	.form_button button:first-child {
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 414px){
/*********************sp-home.css***************************/
	
}
@media only screen and (max-width: 401px){
/*********************sp-home.css***************************/
	
}
@media only screen and (max-width: 385px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 376px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 361px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 343px){
/*********************sp-home.css***************************/

}
@media only screen and (max-width: 340px){
/*********************sp-home.css***************************/
}
@media only screen and (max-width: 320px){
/*********************sp-home.css***************************/
}