@charset "UTF-8";
/* ******************************************************************
	--magazine.css--
****************************************************************** */
.magazine_content {
    background: #fff;
    background-size: 100%;
    padding-bottom: 50px;
    position: relative;
}
.font_text{
	font-size: 24px;
	line-height: 36px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: #333;
	font-weight: 400;
}
.fa-5x {
    font-size: 4em !important;
}
.tex_brown{
	color: #a11818;
}
.magazine_content{
    background-size: 100%;
    padding-bottom: 0px;
}
.magazine_content_video{
    float: left;
    display: block;
    width: 100%;
}
.magazine_content_video{
    position: absolute;
	height: 100vh;
	overflow-y: hidden;
	z-index: 1;
}
.text_content{
	font-weight: 400;
}
#myVideo, #myVideo1 {
    position: absolute;
    float: left;
	width: 100%;
	z-index: 10px;	
}
.magazine_content_video_dot{
	position: absolute;
    float: left;
	width: 100%;
	height: 100vh;
	text-indent: -9999px;
	background: url(../images/demo/baochi/baochi_32/dot.png) repeat;
	opacity:0.1;
	z-index: 1;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .magazine_content_video_dot{
		background: url(../images/demo/baochi/baochi_32/dot.png) repeat;
	} 
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .magazine_content_video_dot{
		background: url(../images/demo/baochi/baochi_32/dot.png) repeat;
	}
}
.magazine_content_video_bgmo{
	position: relative;
    float: left;
	width: 100%;
	background: rgb(255,255,255);
	height: 100vh;
	text-indent: -9999px;
	z-index: 9;
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 80%);   
	background:    -moz-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 80%);
	background:     -ms-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 80%);
	background:      -o-linear-gradient(270deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 80%);
}

.magazine_content_ct{
	display: inline-block;
    width: 100%;
    position: relative;
    z-index: 10;
}
.lookback_2023_content, .lookback_2023_img{
	float: left;
    display: block;
    width: 100%;
	z-index: 10;
	position: relative;
}
.lookback_2023_content{
	margin-top: 20%;
	text-align: center;
}
.lookback_2023_content_hashtag, .lookback_2023_content_title_large, .lookback_2023_content_title_large span, .magazine_content_md, .font_db, .magazine_content_md p, .font_db span,
.magazine_content_num, .magazine_content_conso_row, .magazine_content_conso, .magazine_content_title, .magazine_content_num_cir, .magazine_content_num_ct, .content_event, .content_event_number, .content_event_ct,
.content_event_arrow, .load-more-container{
	float: left;
    display: block;
    width: 100%;
}
.lookback_2023_content_hashtag{
	font-size: 60px;
	line-height: 70px;
	font-weight: 800;
	text-decoration: underline;
}
.lookback_2023_content_title_large{
	font-size: 90px;
	line-height: 100px;
	font-weight: 800;
	margin-top: 30px;
}
.lookback_2023_img{
	text-align: center;
	margin-bottom: 50px;
}
.magazine_podcast{
	margin: 0px;
}
.magazine_content_md b{
	font-weight: 800;
}
.magazine_content_md p i{
	font-style: italic;
}
.font_db{
	margin-top: 50px;
    line-height: 70px;
    font-weight: 800;
    font-size: 60px;
    margin-bottom: 40px;
}
.text_pink{
	color: #ffa2a2;
}
.font_2023 i{
	animation: circle 3s infinite linear;
}
@keyframes circle {
	from {
		transform: scale(0)
	}
	to {
		transform: scale(1)
	}
}
.font_2023 i.fa-heart{
	animation-delay: 1s;
}
.magazine_content_conso_row{
	padding-left: 8.33333333%;
    margin-bottom: 20px;
}
.magazine_content_num{
	margin-top: 10px;
}
.magazine_content_conso{
	font-size: 60px;
	line-height: 70px;
}
.text_green{
	color: #148213;
}
.magazine_content_title{
	font-size: 32px;
	line-height: 40px;
}
.text_blue{
	color: #145aa0;
}
.text_yellow{
	color: #a0910f;
}
.magazine_content_num_cir{
	position: absolute;
	z-index: 0;
	height: 100%;
	width: 90%;
}
.circle_green {
    color: #74ca6b;
    font-size: 120px;
    padding-left: 22%;
}
.circle_red{
	color: #ffd8d8;
	font-size: 150px;
	padding-top: 6%;
	animation-delay: .2s;
}
.circle_blue{
	color: #7baff5;
    font-size: 90px;
    padding-left: 18%;
    padding-top: 3%;
	animation-delay: 1s;
}
.circle_blue2{
	font-size: 60px;
    padding-left: 4%;
    padding-top: 10%;
	animation-delay: 2s;
}
.magazine_content_num_ct{
	position: relative;
}
.magazine_content_conso_green{
	margin-top: 30px;
}
.circle_nay{
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-name: upDown;
}
@keyframes upDown {
  0% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-25px);
  }
}
.magazine_content_title_m3{
	margin-top: 30px;
}
.circle_yellow{
	color: #dfde85;
    font-size: 110px;
    padding-left: 2%;
	animation-delay: 0.5s;
}
.circle_yellow1{
    font-size: 80px;
    padding-left: 15%;
    padding-top: 3%;
	animation-delay: 2s;
}
.circle_yellow2{
    font-size: 60px;
    padding-left: 3%;
    padding-top: 5%;
	animation-delay: 1s;
}
.magazine_content_img{
    width: 100%;
    text-align: center;
    display: inline-block;
}
.tieude_box{
	padding: 20px 15px 50px 15px;
}
.slider-box{
	float: left;
	display: block;
	Width: 48%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
	padding-top: 50px;
	padding-left: 0px;
	padding-right: 15px;
	margin-bottom: 50px;
}
.magazine_content_md .slider-box:nth-child(2n){
	float: right;
}
.box_red{
	background: #f08585;
}
.box_blue{
	background: #7baff5;
}
.box_green{
	background: #74c96b;
}
.box_yellow{
	background: #dfde85;
}
.load-more-container{
	text-align: center;
    margin-top: 50px;
}
.load-more-container button{
	height: 84px;
	line-height: 84px;
	padding: 0px 100px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -khtml-border-radius: 50px;
	border: 0px;
	background: #a01919;
	color: #fff;
	font-size: 32px;
}
.text_gre{
	color: #74c96b;
}
.cont_title_la_left_30, .cont_title_large, .cont_title_small, .text_khauhieu{
	float: left;
	display: block;
	width: 100%;
}
.cont_title_la_left_30{
	padding-left: 8.33333333%;
}
.cont_title_large{
	font-size: 60px;
	color: #a01919;
	line-height: 70px;
}
.cont_title_small{
	font-size: 32px;
	line-height: 42px;
	padding-bottom: 20px;
}
.text_khauhieu{
	font-size: 60px;
	line-height: 70px;
	padding-left: 8.33333333%;
}
.khauhieu_blue{
	color: #145aa0;
}
.content_event_number , .content_event_arrow, .content_event_hinh{
	position: absolute;
	z-index: 0;
}
.content_event_ct, .content_event{
	position: relative;
}
.content_event_ct {
    padding-top: 30%;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 30px;
}
.content_event_arrow{
	bottom: 20px;
	right: 0px;
	text-align: right;
}
.content_event{
	height: 580px;
}
.content_event_hinh{
	left: 0;
	bottom: 0;
}
.slider-box:hover{
	cursor: pointer;
}
.content_event_number, .content_event_ct, .padding_left{
	padding-left: 30px;
}
.modal-content {
    border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
}
.modal-header i{
	color: #a01919;
	font-size: 60px;
}
.modal-header i:hover {
    opacity: 0.8
}
.modal-header button.close{
	opacity: 1;
	padding-right: 20px;
    padding-top: 20px;
	position: absolute;
	right: 0px;
}
.modal_body_ct_1 button.slick-prev, .modal_body_ct_1 button.slick-next{
	display: none;
}
#popup .slick-dots,#popup .modal_body_ct {
    display: block;
    width: 100%;
    float: left;
}
#popup .slick-dots {
	position: absolute;
	z-index: 10; 
	padding-left: 0px;
	padding-left: 22%;
	width: auto;
	padding-top: 10px;
}
#popup .slick-dots li{
    display: block;
    float: left;
	margin-left: 10px;
}
#popup .slick-dots li button {
    border-radius: 50%;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    border: 1px solid #e6e6e6;
    width: 42px;
    height: 42px;
    background: #fff;
    text-align: center;
	float: left;
    display: block;
	padding: 0px;
}
#popup .slick-list {
    margin: 0px;
    width: 100%;
    margin-top: 70px;
}
#popup .slick-dots li.slick-active button, #popup .slick-dots li button:hover{
	background: #f08585;
	color: #fff;
	border: 1px solid #f08585;
	font-weight: 800;
}
#popup .modal-dialog, .modal.in .modal-dialog {
    max-width: 1300px;
	width: 100%;
}
#popup .modal-header{
	width: auto;
    float: right;
    display: block;
    position: relative;
    z-index: 10;
}
.modal_body_ct_left{
	width: 40%;
    max-width: 440px;
    border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    float: left;
    display: block;
}
.modal_body_ct_right{
	float: left;
    display: block;
    width: 60%;
    padding-left: 30px;
    height: 580px;
    overflow-y: scroll;
	padding-right: 10px;
}
.modal_body_ct_left img{
	width: 100% !important;
	max-width: 440px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
}
#popup .modal-body, #popup .slick-slider, .modal_body_ct_righ_title, .modal_body_ct_righ_ct, #popup .modal-footer{
    float: left;
    display: block;
    width: 100%;
}
.modal-backdrop {
    background-color: #ffe1e1;
	opacity: 1;
}
.modal-backdrop.in{
	opacity: 1;
}
.modal_body_ct_righ_title{
	font-size: 40px;
	line-height: 50px;
	padding-bottom: 20px;
	margin-top: 50px;
}
.modal_body_ct_righ_ct p{
	font-weight: 400;
}
.modal-footer{
	margin-top: 20px;
	padding: 20px 100px;
}
/* width */
.modal_body_ct_right::-webkit-scrollbar {
  width: 15px;
  padding-left: 20px;
}

/* Track */
.modal_body_ct_right::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.modal_body_ct_right::-webkit-scrollbar-thumb {
  background: #c3c3c3; 
  border-radius: 10px;
}

/* Handle on hover */
.modal_body_ct_right::-webkit-scrollbar-thumb:hover {
  background: #a11818; 
}
.modal-footer a{
	float: left;
    display: block;
    width: 48%;
    height: 64px;
    line-height: 64px;
    border-radius: 50px;
    border: 0px;
    background: #a01919;
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-decoration: none;
}
#popup .modal-footer a.ct_close{
	float: right;
	background: #145aa0;
}
#popup .modal-footer a:hover{
	opacity: 0.8;
}
#popup button.slick-prev, #popup button.slick-next{
	border: 0px;
	background: transparent;
	width: 100px;
	float: left;
	padding: 30% 0px 0px 0px;	
}
#popup button.slick-next{
	float: right;
}
#popup button.slick-prev i, #popup button.slick-next i{
	font-size: 50px;
	color: #c3c3c3;
}
#popup .modal-content {
    width: 100%;
	max-width: 1100px;
}
#popup button.slick-prev i:hover, #popup button.slick-next i:hover{
	color: #f08585;
	opacity: 1;
}
.text_content a, .modal_body_ct_righ_ct p a{
	color: #a11818;
	text-decoration: underline;
}
.text_content a:hover, .modal_body_ct_righ_ct p a:hover {
    text-decoration: underline;
}
.modal_body_ct{
	padding-top: 20px;
}
#popup button.slick-prev{
	float: left;
}
#popup button.slick-next{
	float: right !important;
}
.content_event_ct_xemngay{
	float: left;
    display: block;
    width: 100%;
    padding-left: 30px;
    position: relative;
}
.content_event_ct_xemngay b{
	float: left;
    display: block;
    height: 42px;
    line-height: 42px;
    border-radius: 50px;
    border: 0px;
    background: #a01919;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
	padding: 0px 30px;
}
.scroll-top-wrapper{
	display: none !important;
}
.magazine_dttv, .magazine_dttv_input, .form-group-content, .ungtuyen_magazine, .camon {
    float: left;
    display: block;
    width: 100%;
}
.magazine_content_ct.tuyensinh{
	background: url(../images/demo/baochi/baochi_32/bg_content_7@2x.jpg) no-repeat #fff3f3;
	background-size: 100%;
	padding-top: 170px;
	padding-bottom: 100px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
    .magazine_content_ct.tuyensinh{
		background: url(../images/demo/baochi/baochi_32/bg_content_7@2x.jpg) no-repeat #fff3f3;
		background-size: 100%;
	} 
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .magazine_content_ct.tuyensinh{
		background: url(../images/demo/baochi/baochi_32/bg_content_7@2x.jpg) no-repeat #fff3f3;
		background-size: 100%;
	}
}
.magazine_dttv{
	background: #333333;
}
.magazine_dttv_icon{
	background: #154995;
	float: left;
	display: block;
	width: 10%;
	padding: 11px 10px;
	text-align: center;
}
.magazine_dttv_input{
	float: left;
	display: block;
	width: 90%;
	padding: 20px;
}
.form-group-content .form-group{
	width: 40%;
	float: left;
	display: block;
	margin-right: 10px;
	margin-bottom: 0px;
	font-family: "latoregular", Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.form-group-content .form-group input{
	width: 100%;
	float: left;
	display: block;
	height: 32px;
	line-height: 32px;
	border-radius: 0px;
	color: #000;
}
.form-group-content button.button_send{
	width: 16%;
    float: left;
    display: block;
    height: 32px;
    line-height: 32px;
	font-size: 14px;
}
.ungtuyen_magazine{
	font-family: 'Tinos', serif;
	font-size: 18px;
}
.ungtuyen_magazine a.button_send{
	height: 50px;
	line-height: 50px;
	background: #4b9331;
	border: 0px solid #4b9331;
}
.magazine_content_md p.ungtuyen_dif_2.ungtuyen_magazine{
	margin-bottom: 0px;
}
.camon{
	color: #fff;
	margin-bottom: 0px;
}
.magazine_content_muiten{
	background: url(../images/demo/dontuyen/background_muiten_1@2x.jpg) no-repeat center top #fff;
	background-size: 120px;
	padding-top: 60px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
	.magazine_content_muiten{
		background: url(../images/demo/dontuyen/background_muiten_1@2x.jpg) no-repeat center top #fff;
		background-size: 120px;
	} 
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .magazine_content_muiten{
		background: url(../images/demo/dontuyen/background_muiten_1@2x.jpg) no-repeat center top #fff;
		background-size: 120px;
	} 
}
.desktop_hien{
	display: contents !important;
}
.desktop_an{
	display: none !important;
}

.magazine_hotline{
	background: #154995;
	border-radius: 5px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color: #fff;
	text-align: center;
	font-family: 'Tinos', serif;
	font-size: 24px;
	line-height: 32px;
	margin: 20px 0px 50px 0px;
	padding: 30px 100px;
	font-style: italic;
}
.magazine_hotline a{
	color: #ffff00;
	text-indent: underline;
}
.bold_italic, .tel_css a{
	font-weight: bold;
	font-size: 30px;
	color: #fff;
}
.tel_css a:hover{
	text-decoration: none;
}
.magazine_content_md ul li{
	line-height: 24px;
}
.magazine_dttv_input.error{
	padding: 10px 20px;
}
.dienthong_error{
	float: left;
    display: block;
    width: 100%;
    font-size: 13px;
    color: #f00;
    font-style: italic;
    line-height: 18px;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #76b800;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    -moz-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.button_send {
    background: #4b9331;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 0px solid #4b9331;
}
.magazine_content_md p.padding_bottom_0 {
    margin-bottom: 0px;
}
.padding_bottom_10{
	margin-bottom: 10px;
}
.text_green1{
	color: #4b9331;
}
.content_social.share-fix{
    z-index: 999;
}





@media only screen and (min-width: 768px){
	#popup .modal-dialog, .modal.in .modal-dialog {
		padding: 0px 20px;
	}
	.modal_body_ct_left, .modal_body_ct_right {
		width: 100%;
		max-width: 100%;
	}
	.modal_body_ct_left{
		text-align: center;
	}
	.slick-dots {
		padding-left: 13%;
	}
	#popup button.slick-prev, #popup button.slick-next {
		padding-top: 20px;
	}
	.button_nb_te{
		float: left;
		display: block;
		width: 100%;
		padding: 0px 41%;
	}
	.slider-box {
		Width: 70%;
		margin: 0px 15% 50px 15%;
	}
	#popup .slick-dots {
		padding-left: 8%;
	}
	#popup .slick-dots li.slick-active button{
		font-size: 20px;
	}
	.modal-footer {
		padding: 20px 0px;
	}
	#popup button.slick-prev, #popup button.slick-next {
		width: 50px;
	}
	.content_event {
		height: 650px;
	}
	.xt_bd{
		float: left;
		display: block;
		width: 40px;
		margin: 0 auto;
		text-align: center;
		position: absolute;
		bottom: 0px;
		z-index: 10;
		left: 42%;
	}
	.xt_bd i{
		color: #a01919;
	}
	.modal_body_ct_left, #popup .slick-slide img {
		position: relative;
	}
	.xt_bd i{
		animation-duration: 2s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-name: upDown;
	}
	@keyframes upDown {
	  0% {
		transform: translateY(-25px);
	  }
	  50% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(-25px);
	  }
	}
	.magazine_content_ct.tuyensinh {
		padding-top: 100px;
	}
}
@media only screen and (min-width: 812px){
/*********************4v***************************/
}
@media only screen and (min-width: 834px){
/*********************4v***************************/

}
@media only screen and (min-width: 900px){
/*********************4v***************************/
	#popup .slick-dots {
		padding-left: 15%;
	}
}
@media only screen and (min-width: 960px){
/*********************4v***************************/	

}
@media only screen and (min-width: 1024px){
/*********************4v***************************/
	#popup .slick-dots {
		padding-left: 17%;
	}
	.button_nb_te{
		padding: 0px 42%;
	}
}
@media only screen and (min-width: 1112px){
/*********************4v***************************/
	#popup .modal-dialog, #popup .modal.in .modal-dialog {
		padding: 20px;
	}
	.modal_body_ct_left {
		width: 43%;
	}
	.modal_body_ct_right{
		width: 57%;
	}
	.modal_body_ct_left{
		text-align: left;
	}
	#popup .slick-dots {
		padding-left: 22%;
	}
	.xt_bd{
		display: none;
	}
}
@media only screen and (min-width: 1200px){
/*********************4v***************************/
	#popup .modal-dialog, .modal.in .modal-dialog {
		padding: 10px;
	}
	.modal_body_ct_right{
		width: 56%;
	}
	#popup button.slick-prev, #popup button.slick-next {
		padding-top: 30%;
		width: 60px;
	}
	#popup .modal-content {
		max-width: 1050px;
	}
}
@media only screen and (min-width: 1280px){
/*********************4v***************************/
	#popup .modal-dialog, .modal.in .modal-dialog {
		padding: 0px;
	}
	.modal_body_ct_left {
		width: 40%;
	}
	.modal_body_ct_right{
		width: 60%;
	}
	#popup .modal-content {
		max-width: 1080px;
	}
	#popup button.slick-prev, #popup button.slick-next {
		width: 80px;
	}
	.slider-box {
		Width: 48%;
		margin: 0px 0 50px 0;
	}
	#popup .modal-footer {
		padding: 20px 100px;
	}
	#popup button.slick-prev, #popup button.slick-next {
		width: 100px;
		padding-top: 26%;
	}
	.modal_body_ct_right {
		height: 535px;
	}
	.magazine_content_ct.tuyensinh {
		padding-top: 170px;
	}
}
@media only screen and (min-width: 1500px){
/*********************4t***************************/	
	#popup .modal-content {
		max-width: 1100px;
	}
	#popup button.slick-prev, #popup button.slick-next {
		width: 100px;
	}
	.modal_body_ct_right {
		height: 547px;
	}
}
@media only screen and (min-width: 2000px){
/*********************4v***************************/
	
}
@media only screen and (max-width: 767px){
/*********************4v***************************/
	.lookback_2023_content_hashtag {
		font-size: 50px;
		line-height: 60px;
	}
	.lookback_2023_content_title_large {
		font-size: 70px;
		line-height: 80px;
	}
	.lookback_2023_content {
		margin-top: 15%;
	}
	.font_db {
		line-height: 60px;
		font-size: 50px;
	}
	.slider-box {
		Width: 80%;
		margin: 0 10% 50px 10%;
	}
	#popup .modal-dialog, .modal.in .modal-dialog {
		max-width: 100%;
		width: 100%;
		margin: 0px;
		padding: 20px;
	}
	.modal_body_ct_left, .modal_body_ct_right{
		width: 100%;
		max-width: 100%;
	}
	.modal_body_ct_left{
		text-align: center;
	}
	#popup .slick-dots {
		top: 0;
	}
	#popup button.slick-prev, #popup button.slick-next {
		border: 0px;
		background: transparent;
		width: 50px;
		float: left;
		padding-top: 20px;
	}
	.button_nb_te {
		float: left;
		display: block;
		width: 100%;
		padding: 0px 25%;
	}
	.modal_body_ct_right{
		height: auto;
		overflow: hidden;
		padding-left: 0px;
	}
	.modal_body_ct{
		height: 550px;
		overflow-y: scroll;
	}
	#popup .slick-dots {
		position: absolute;
		z-index: 10;
		padding-left: 0px;
		padding-left: 0%;
	}
	.modal-footer a {
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}
	#popup .modal-footer {
		padding: 20px 50px;
	}
	.load-more-container button {
		height: 80px;
		line-height: 80px;
		font-size: 28px;
	}
	.cont_title_large {
		font-size: 50px;
		line-height: 60px;
	}
	.cont_title_small {
		font-size: 30px;
		line-height: 40px;
	}
	.text_khauhieu {
		font-size: 50px;
		line-height: 60px;
		padding-left: 0;
		text-align: center;
	}
	.fa-5x {
		font-size: 3em !important;
	}
	.slider_container{
		font-size: 22px;
	}
	.content_event_ct br{
		display: none;
	}
	#popup .slick-dots li button{
		font-size: 18px;
	}
	#myVideo1 {
		width: auto;
	}
	.xt_bd{
		float: left;
		display: block;
		width: 40px;
		margin: 0 auto;
		text-align: center;
		position: absolute;
		bottom: 0px;
		z-index: 10;
		left: 42%;
	}
	.xt_bd i{
		color: #a01919;
	}
	.modal_body_ct_left,#popup .slick-slide img {
		position: relative;
	}
	.xt_bd i{
		animation-duration: 2s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-name: upDown;
	}
	@keyframes upDown {
	  0% {
		transform: translateY(-25px);
	  }
	  50% {
		transform: translateY(0);
	  }
	  100% {
		transform: translateY(-25px);
	  }
	}
	.content_event {
		height: 700px;
	}
}
@media only screen and (max-width: 736px){
/*********************4v***************************/
	
}
@media only screen and (max-width: 734px){
/*********************4v***************************/
}
@media only screen and (max-width: 722px){
/*********************4v***************************/
	.modal-header button.close {
		right: 10px;
	}
	.form-group-content.tuvantructuyen_content_c .camon{
		font-size: 18px;
		line-height: 26px;
	}
}
@media only screen and (max-width: 695px){
/*********************4v***************************/
	.form-group-content.tuvantructuyen_content_c .camon {
		font-size: 17px;
	}
}
@media only screen and (max-width: 685px){
/*********************4v***************************/
	.magazine_dttv_icon, .magazine_dttv_input, .magazine_podcast_left, .magazine_podcast_right {
		width: 100%;
	}
	.form-group-content.tuvantructuyen_content_c .camon {
		font-size: 20px;
		line-height: 28px;
	}
	.magazine_content_ct.tuyensinh {
		padding-top: 80px;
		padding-bottom: 50px;
	}
}
@media only screen and (max-width: 668px){
/*********************4v***************************/
	.modal-header i {
		font-size: 50px;
	}
	.modal-header button.close {
		right: 0px;
	}
	#popup button.slick-prev, #popup button.slick-next {
		width: 50px;
	}
	.button_nb_te {
		padding: 0px 38%;
	}
	
}
@media only screen and (max-width: 641px){
/*********************4v***************************/
	.modal-footer a {
		width: 100%;
		margin-bottom: 10px;
	}
	#popup .slick-dots {
		width: 90%;
	}
	#popup .modal-footer {
		padding: 20px 0px;
	}
}
@media only screen and (max-width: 602px){
/*********************4v***************************/
	#popup .slick-list {
		margin-top: 100px;
	}
	#popup .slick-dots li {
		margin-bottom: 10px;
	}
	.content_event_number.number10 img{
		width: 100% !important;;
	}
	
}
@media only screen and (max-width: 599px){
/*********************4v***************************/
}
@media only screen and (max-width: 576px){
/*********************4v***************************/
	#popup .slick-list {
		margin-top: 120px;
	}
	.lookback_2023_content_title_large {
		font-size: 60px;
		line-height: 70px;
	}
	.font_db, .cont_title_large{
		line-height: 50px;
		font-size: 40px;
	}
	.cont_title_small {
		font-size: 28px;
		line-height: 38px;
	}
	.magazine_content_conso {
		font-size: 50px;
		line-height: 60px;
	}
	.magazine_content_title {
		font-size: 30px;
		line-height: 40px;
	}
	#form_tuvan, .form-group-content .form-group{
		width: 100%;
		float: left;
		display: block;
	}
	.form-group-content .form-group{
		margin: 0px 0px 10px 0px;
	}
	.form-group-content button.button_send{
		padding: 0px 20px;
		width: auto;
	}
}
@media only screen and (max-width: 570px){
/*********************4v***************************/
	.slider-box {
		Width: 100%;
		margin: 0 0% 40px 0%;
	}
}
@media only screen and (max-width: 569px){
/*********************4v***************************/
}
@media only screen and (max-width: 553px){
/*********************4v***************************/
	.content_event_hinh.padding_left.hinh4 img{
		width: 100% !important;
	}
	.text_khauhieu {
		font-size: 40px;
		line-height: 50px;
	}
	.content_event_hinh.hinh6, .content_event_hinh.hinh8{
		left: 0px !important;
	}
	.load-more-container button {
		height: 70px;
		line-height: 70px;
		font-size: 25px;
		padding: 0px;
		width: 100%;
	}
	.content_event_arrow img{
		width: 130px !important;
	}
	.magazine_content_video_bgmo, .magazine_content_video_dot, .magazine_content_video{
		height: 400px;
	}
	.button_nb_te {
		padding: 0px 35%;
	}
	#popup .slick-dots {
		width: 87%;
	}
}
@media only screen and (max-width: 534px){
/*********************4v***************************/
	
}
@media only screen and (max-width: 515px){
/*********************4v***************************/
	
}
@media only screen and (max-width: 481px){
/*********************4v***************************/	
	.content_event_ct {
		padding-top: 35%;
		font-size: 35px;
		line-height: 45px;
		padding-bottom: 30px;
		padding-right: 15px;
	}
	#popup .slick-dots li button {
		width: 35px;
		height: 35px;
		line-height: 35px;
	}
	#popup .slick-dots li button {
		font-size: 14px;
	}
	.content_event {
		height: 580px;
	}
}
@media only screen and (max-width: 432px){
/*********************4v***************************/
	.content_event_hinh.hinh6 img{
		width: 100% !important;
	}
	.circle_green {
		font-size: 100px;
		padding-left: 34%;
	}
	.lookback_2023_content_hashtag {
		font-size: 35px;
		line-height: 45px;
	}
	.lookback_2023_content_title_large {
		font-size: 50px;
		line-height: 60px;
	}
	.font_text {
		font-size: 22px;
		line-height: 34px;
	}
	.circle_red {
		font-size: 120px;
		padding-top: 26%;
	}
	.circle_blue {
		font-size: 80px;
		padding-left: 23%;
		padding-top: 22%;
	}
	.circle_blue2 {
		font-size: 60px;
		padding-left: 6%;
		padding-top: 31%;
	}
	.modal_body_ct_left img{
		width: 100%;
		max-width: 100%;
	}
	#popup .slick-dots {
		width: 85%;
	}
	.button_nb_te {
		padding: 0px 32%;
	}
	.fa-5x {
		font-size: 60px !important;
	}
	.slider_container .current-time, .slider_container .total-duration{
		font-size: 20px;
	}
	.content_event_hinh.padding_left.hinh10 img{
		width: 100% !important;
	}
	.content_event_number.number10 img{
		width: 100% !important;
	}
	.content_event_number.number9 img{
		width: 243px !important;
	}
	.content_event_number.number8 img{
		width: 209px !important;
	}
	.content_event_number.number7 img{
		width: 219px !important;
	}
	.content_event_number.number6 img{
		width: 182px !important;
	}
	.content_event_number.number5 img{
		width: 177px !important;
	}
	.content_event_number.number4 img{
		width: 212px !important;
	}
	.content_event_number.number3 img{
		width: 235px !important;
	}
	.content_event_number.number2 img{
		width: 235px !important;
	}
	.content_event_number.number1 img{
		width: 176px !important;
	}
	.content_event_ct {
		font-size: 32px;
		line-height: 42px;
	}
	.content_event_ct {
		padding-bottom: 10px;
	}
	.magazine_content_title br{
		display: none;
	}
}
@media only screen and (max-width: 427px){
/*********************4v***************************/
	
	.content_event_ct {
		padding-top: 40%;
	}
	.content_event_arrow img {
		width: 100px !important;
	}
	.content_event {
		height: 650px;
	}
}
@media only screen and (max-width: 414px){
/*********************4v***************************/	
	.content_event_ct {
		font-size: 30px;
		line-height: 40px;
	}
	.content_event {
		height: 600px;
	}
	.lookback_2023_content_title_large {
		font-size: 47px;
		line-height: 57px;
	}
	#popup .slick-dots {
		width: 83%;
	}
	.button_nb_te {
		padding: 0px 31%;
	}
}
@media only screen and (max-width: 401px){
/*********************4v***************************/
	.content_event_hinh.padding_left.hinh5 img{
		width: 256px !important;
	}
	.content_event_hinh.padding_left.hinh7 img{
		width: 100% !important;
	}
}
@media only screen and (max-width: 392px){
	.button_nb_te {
		padding: 0px 30%;
	}
}
@media only screen and (max-width: 385px){
/*********************4v***************************/
	#popup .slick-initialized .slick-slide {
		width: 312px !important;
	}
	.content_event_hinh.padding_left.hinh7 img{
		width: 100% !important;
	}
	.text_khauhieu {
		font-size: 35px;
		line-height: 45px;
	}
	#popup .slick-dots {
		width: 85%;
	}
	.button_nb_te {
		padding: 0px 28%;
	}
}
@media only screen and (max-width: 376px){
/*********************4v***************************/
	#popup .slick-dots {
		width: 86%;
	}
	.content_event_number.number9 img {
		width: 203px !important;
	}
	.content_event_number.number8 img {
		width: 179px !important;
	}
	.content_event_number.number7 img {
		width: 189px !important;
	}
	.content_event_number.number6 img {
		width: 152px !important;
	}
	.content_event_number.number5 img {
		width: 147px !important;
	}
	.content_event_number.number4 img {
		width: 182px !important;
	}
	.content_event_number.number3 img {
		width: 205px !important;
	}
	.content_event_number.number2 img {
		width: 205px !important;
	}
	.content_event_number.number1 img {
		width: 146px !important;
	}
	.lookback_2023_content_title_large {
		font-size: 40px;
		line-height: 50px;
	}
	.lookback_2023_content_hashtag {
		font-size: 30px;
		line-height: 40px;
	}
	.font_db, .cont_title_large {
		line-height: 45px;
		font-size: 35px;
	}
	.cont_title_small {
		font-size: 25px;
		line-height: 35px;
	}
	#popup .slick-initialized .slick-slide {
		width: 303px !important;
	}
	.button_nb_te {
		padding: 0px 28%;
	}
	.modal_body_ct_left img {
		width: 303px !important;
		max-width: 100%;
	}
	#popup .slick-slide img {
		display: block;
	}
	.slider-box {
		padding-top: 30px;
	}
}
@media only screen and (max-width: 361px){
/*********************4v***************************/
	.cont_title_large br, .cont_title_small br{
		display: none;
	}
	.content_event_hinh.padding_left.hinh3 img{
		width: 100% !important;
	}
	.content_event_hinh.padding_left.hinh1 img{
		width: 208px !important;
	}
	#popup .slick-dots {
		width: 78%;
	}
	#popup .slick-list {
		margin-top: 150px;
	}
	#popup .slick-initialized .slick-slide{
		width: 288px !important;
	}
	.modal_body_ct_left img {
		width: 288px !important;
	}
	.content_event_hinh.padding_left.hinh9 img{
		width: 100% !important;
	}
	.button_nb_te {
		padding: 0px 18%;
	}
}
@media only screen and (max-width: 343px){
/*********************4v***************************/
	
}
@media only screen and (max-width: 340px){
/*********************4v***************************/
}
@media only screen and (max-width: 320px){
/*********************4v***************************/
	
}