@charset "UTF-8";
/* ******************************************************************
	--style_22.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************22***************************/
	.slide_magazine_lg {
		padding-top: 50px;
	}
	.slide_magazine_logo, .slide_magazine_ema{
		text-align: center;
	}
	.slide_magazine_ema{
		margin-top: 20px;
	}
	.magazine_e_first {
		width: 100%;
		margin-top: 70px;
	}
	.magazine_e_row {
		width: 100%;
		position: relative;
		margin-top: 150px;
	}
	.magazine_e_border {
		padding-bottom: 120px;
	}
	.box1 {
		margin-left: 32.5%;
	}
	.box2 {
		margin-left: 58.5%;
	}
	.box3 {
		margin-left: 31.5%;
	}
	.box4 {
		margin-left: 5.4%;
		margin-top: -61.2%;
	}
	.footer_ct iframe{
		width: 100%;
	}
	.instagram_item {
		width: 32.3%;
	}
	.footer .col-xs-12{
		margin-top: 20px;
	}
	.header_bar_ma {
		padding: 0px 20px;
	}
}
@media only screen and (min-width: 800px){
/*********************22***************************/

}
@media only screen and (min-width: 812px){
/*********************22***************************/

}
@media only screen and (min-width: 834px){
/*********************22***************************/

}
@media only screen and (min-width: 900px){
/*********************22***************************/

}
@media only screen and (min-width: 960px){
/*********************22***************************/

}
@media only screen and (min-width: 1024px){
/*********************22***************************/
	.instagram_item {
		width: 31%;
	}
	.footer .col-xs-12{
		margin-top: 0px;
	}
	.magazine_e_first {
		margin-top: 90px;
	}
	.magazine_e_row_box {
		width: 340px;
		height: 340px;
	}
	.magazine_e_row {
		margin-top: 190px;
	}
	.box4 {
		margin-left: 5.5%;
		margin-top: -63%;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 90px;
		left: 90px;
	}
}
@media only screen and (min-width: 1112px){
/*********************22***************************/

}
@media only screen and (min-width: 1200px){
/*********************22***************************/
	.slide_magazine_lg {
		padding-top: 90px;
	}
	.slide_magazine_logo, .slide_magazine_ema{
		text-align: left;
	}
	.slide_magazine_ema{
		margin-top: 0px;
	}
	.magazine_e_first {
		width: 60%;
		margin-top: 115px;
	}
	.magazine_e_row {
		width: 60%;
		position: absolute;
		margin-top: 20px;
	}
	.magazine_e_border {
		padding-bottom: 180px;
	}
	.box1 {
		margin-left: 29.75%;
	}
	.box2 {
		margin-left: 56.5%;
	}
	.box3 {
		margin-left: 29%;
	}
	.box4 {
		margin-top: -63%;
		margin-left: 2%;
	}
	.instagram_item {
		width: 31.2%;
	}
	
	.header_bar_ma {
		padding: 0px 40px;
	}
	.magazine_e_row_box {
		width: 255px;
		height: 255px;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 70px;
		left: 70px;
	}
}
@media only screen and (min-width: 1280px){
/*********************22***************************/

}
@media only screen and (max-width: 767px){
/*********************22***************************/
	.slide_magazine_lg {
		padding-top: 40px;
	}
	.slide_magazine_logo a, .slide_magazine_ema{
		text-align: center;
	}
	.slide_magazine_logo a img{
		width: 100%;
		max-width: 556px;
	}
	.slide_magazine_ema{
		margin-top: 30px;
	}
	.magazine_e_first {
		width: 100%;
		margin-top: 70px;
	}
	.magazine_e_row {
		width: 100%;
		position: relative;
		margin-top: 150px;
	}
	.box1 {
		margin-left: 32.5%;
	}
	.box2 {
		margin-left: 58.5%;
	}
	.box3 {
		margin-left: 31.5%;
	}
	.box4 {
		margin-left: 5.7%;
		margin-top: -62.2%;
	}
	.magazine_e_border {
		padding-bottom: 120px;
	}
	.footer_ct iframe{
		width: 100%;
	}
	.instagram_item {
		width: 33.3%;
	}
	.footer .col-xs-12{
		margin-top: 20px;
	}
	.header_bar_ma {
		padding: 0px 20px;
	}
}
@media only screen and (max-width: 736px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 250px;
		height: 250px;
	}
	.box2 {
		margin-left: 58.8%;
		margin-top: -10.5%;
	}
	.box4 {
		margin-top: -60.7%;
		margin-left: 5.5%;
	}
	.box3 {
		margin-left: 32%;
		margin-top: -10.8%;
	}
}
@media only screen and (max-width: 722px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 245px;
		height: 245px;
	}
	.box4 {
		margin-top: -60.6%;
		margin-left: 5.7%;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 60px;
		left: 60px;
	}
	.magazine_e_row_box .magazine_e_t {
		padding: 10px 30px 0px 30px;
	}
}
@media only screen and (max-width: 695px){
/*********************22***************************/
	.magazine_e_first_box1 {
		width: 400px;
		height: 400px;
	}
	.magazine_e_row_box {
		width: 235px;
		height: 235px;
	}
	.form-group button {
		width: 12%;
	}
	.form-group input {
		width: 88%;
	}
}
@media only screen and (max-width: 685px){
/*********************22***************************/

}
@media only screen and (max-width: 668px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 230px;
		height: 230px;
	}
	.box2 {
		margin-left: 58%;
		margin-top: -10%;
	}
	.box1 {
		margin-left: 32%;
	}
	.box3 {
		margin-left: 32.2%;
		margin-top: -10%;
	}
	.box4 {
		margin-top: -62%;
		margin-left: 6%;
	}

}
@media only screen and (max-width: 641px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 220px;
		height: 220px;
	}
}
@media only screen and (max-width: 602px){
/*********************22***************************/
	.magazine_e_first_box1 {
		width: 350px;
		height: 350px;
	}
	.magazine_e_row_box {
		width: 207px;
		height: 207px;
	}
	.magazine_e_row_box .magazine_e_title {
		height: 45px;
	}
	.box4 {
		margin-top: -62.7%;
		margin-left: 5.8%;
	}
	.box3 {
		margin-left: 31.9%;
	}
	.magazine_e_row {
		margin-top: 120px;
	}
	.content_ct_ma_columnm.col-xs-4{
		width: 50%;
	}
	.magazine_e_text {
		top: 80px;
		left: 80px;
	}
	.magazine_e_t {
		padding: 10px 105px 0px 90px;
	}
}

@media only screen and (max-width: 599px){
/*********************22***************************/

}
@media only screen and (max-width: 576px){
/*********************22***************************/

}
@media only screen and (max-width: 570px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 197px;
		height: 197px;
	}
	.box4 {
		margin-top: -63.2%;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 50px;
		left: 50px;
	}
	.footer_add_ad br{
		display: none;
	}
	.form-group button {
		width: 15%;
	}
	.form-group input {
		width: 85%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding-right: 10px;
	}
	.magazine_e_text {
		top: 100px;
		left: 100px;
	}
	.magazine_e_title {
		max-height: 83px;
		overflow: hidden;
	}
	.magazine_e_title {
		font-size: 20px;
		line-height: 28px;
	}
}
@media only screen and (max-width: 569px){
/*********************22***************************/
	
}
@media only screen and (max-width: 553px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 180px;
		height: 180px;
	}
	.box2 {
		margin-left: 59.5%;
	}
	.box4 {
		margin-left: 5%;
		margin-top: -61%;
	}
	.box1 {
		margin-left: 32.5%;
	}
	.box3{
		margin-top: -10.8%;
	}
	.magazine_e_noidung {
		padding: 30px 0px;
	}
	.bar_footer_gp {
		height: auto;
		line-height: 23px;
		padding: 10px 0px;
	}
}
@media only screen and (max-width: 534px){
/*********************22***************************/
	.box4 {
		margin-left: 4.5%;
		margin-top: -61.5%;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 40px;
		left: 40px;
	}
}
@media only screen and (max-width: 515px){
/*********************22***************************/
	.magazine_e_first_box1 {
		width: 300px;
		height: 300px;
	}
	.magazine_e_text {
		top: 80px;
		left: 80px;
	}
	.magazine_e_row_box {
		width: 170px;
		height: 170px;
	}
	.magazine_e_row {
		margin-top: 100px;
	}
	.box4 {
		margin-left: 5%;
		margin-top: -60.5%;
	}
	.magazine_e_t {
		padding: 10px 70px 0px 70px;
	}
	.magazine_e_border {
		padding-bottom: 80px;
	}
}
@media only screen and (max-width: 481px){
/*********************22***************************/
	.magazine_e_first_box1 {
		width: 280px;
		height: 280px;
	}
	.magazine_e_first {
		margin-top: 50px;
	}
	.magazine_e_row_box {
		width: 160px;
		height: 160px;
	}
	.magazine_e_row {
		margin-top: 90px;
	}
	.footer .col-xs-6{
		width: 100%;
	}
	.footer_title {
		padding-bottom: 20px;
	}
	.footer_add, .bantin_email{
		margin-bottom: 20px;
	}
	.magazine_e_row_box .magazine_e_t {
		padding: 10px 40px 0px 50px;
	}
	.magazine_e_t {
		padding: 10px 50px 0px 70px;
	}
	.magazine_e_date, .magazine_e_view, .magazine_e_comment{
		line-height: 18px;
	}
}
@media only screen and (max-width: 415px){
/*********************22***************************/
	.magazine_e_first_box1 {
		width: 250px;
		height: 250px;
	}
	.magazine_e_row_box {
		width: 130px;
		height: 130px;
	}
	.magazine_e_first {
		margin-top: 30px;
	}
	.magazine_e_row {
		margin-top: 70px;
	}
	.box2 {
		margin-left: 61%;
	}
	.box3 {
		margin-left: 34.9%;
		margin-top: -7.8%;
	}
	.box4 {
		margin-left: 6%;
		margin-top: -58.5%;
	}
	.header_bar_magazine span{
		line-height: 16px;
		padding: 10px 0px 10px 20px;
	}
	.form-group button {
		width: 9%;
	}
	.form-group input {
		width: 91%;
	}
	.magazine_e_text {
		top: 60px;
		left: 60px;
	}
	.magazine_e_t {
		padding: 10px 40px 0px 50px;
	}
}
@media only screen and (max-width: 401px){
/*********************22***************************/
	.content_ct_ma_columnm.col-xs-4 {
		width: 100%;
	}
}
@media only screen and (max-width: 385px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 120px;
		height: 120px;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 30px;
		left: 30px;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 25px;
		left: 25px;
	}
	.magazine_e_row_box .magazine_e_t {
		padding: 10px 20px 0px 30px;
	}
	.instagram_item{
		width: 50%;
		margin: 0px 0px 10px 0px;
	}
	.instagram_item:nth-child(2n){
		float: right;
	}
	.magazine_e_title {
		height: 54px;
	}
}
@media only screen and (max-width: 376px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 122px;
		height: 122px;
	}
	.box4 {
		margin-left: 4%;
		margin-top: -60.8%;
	}
	.box3 {
		margin-left: 32.5%;
		margin-top: -10%;
	}
}
@media only screen and (max-width: 361px){
/*********************22***************************/
	.box2 {
		margin-left: 59%;
	}
	.box4 {
		margin-left: 5%;
		margin-top: -63.8%;
	}
	.box3 {
		margin-left: 31.5%;
		margin-top: -11%;
	}
}
@media only screen and (max-width: 343px){
/*********************22***************************/
	.magazine_e_first_box1 {
		width: 220px;
		height: 220px;
	}
	.magazine_e_text {
		top: 50px;
		left: 50px;
	}
	.magazine_e_row_box {
		width: 117px;
		height: 117px;
	}
	.box4 {
		margin-left: 4.5%;
		margin-top: -65%;
	}
	.magazine_e_border {
		padding-bottom: 60px;
	}
	.magazine_e_t {
		padding: 10px 30px 0px 30px;
	}
}
@media only screen and (max-width: 340px){
/*********************22***************************/

}
@media only screen and (max-width: 320px){
/*********************22***************************/
	.magazine_e_row_box {
		width: 110px;
		height: 110px;
	}
	.slide_magazine_ema {
		font-size: 55px;
		line-height: 55px;
	}
	.box4 {
		margin-left: 4.5%;
		margin-top: -66%;
	}
	.magazine_e_row_box .magazine_e_text {
		top: 20px;
		left: 15px;
	}
}