@media (max-width: 1920px){
	.new{
    float: right;
    margin-left: 15%;
    width: 66.6% !important;		
	}
	.img-new{
	width: 93% !important;
	}	
	.video {
	background: url(../img/7.jpg);
	background-size: contain;
	height: 0 !important;
	padding-bottom: 40.5%;
	position: relative;
	}
@font-face {
    font-family: helve ;
    src: url("font/HelveticaNeue-Medium.ttf")/* TTF file for CSS3 browsers */
}
@font-face {
    font-family: FS ;
    src: url("font/hand-of-sean.ttf")/* TTF file for CSS3 browsers */
}
@font-face {
    font-family: KG ;
    src: url("font/SVN-KG Ten Thousand Reasons.ttf")/* TTF file for CSS3 browsers */
}
@font-face {
    font-family: SVN ;
    src: url("font/Gilroy-Regular1.ttf")/* TTF file for CSS3 browsers */
}
*{
	margin: 0px auto;
	padding: 0px auto;
}
#map-mb {
	display: none;	
}
.up{
    position: fixed;
    bottom: 30px;
    right: 2%;
	z-index: 9999;
}
	.vid-inside {
		padding-bottom: 320px;
	}
#clip{
	display: none;

}
#clip-new{
	display: none;

}
	#clip-new-1{
		display: block;
		font-family: "FS";
	}
#hide-4{
	display: none;
}
p{
	color: white;
}
body {
    font-family: 'helve';
    font-weight: 300;
    padding: 0;
    margin: 0;
    color: black;
    line-height: 25px;
	width: 100vw !important;
	height: 100vh !important;
	overflow-x: hidden;
}

.box-cmt{
	right: 0px;
	bottom: 27px;
	position: fixed;
}
.clear{
	clear: both;
}

.header {
	width: 100%;
	height: 44px;
	background-color: #3b3b3b;
	position: fixed;
	z-index: 1;
}
.left {
	float: left;
	margin-top: 0px;
	top: 0px;
}
.right {
	float: right;
	margin-top: 0px;
	top: 0px;
}
.left img {
	margin-left: 0px;
}
.wrapper {
	width: 900px;
	margin: 0 auto;
}
.wrapper-1 {
    width: 468px;
    margin-left: 46%;	
}
.wrapper-2 {
    width: 437px;
    margin-left: 47%;	
}
.wrapper-3 {
    width: 530px;
    margin-left: 29%;
}
.title-page img{
	vertical-align: middle;
}
.cover-top {
	display: block;
	width: 100%;
}
.cover{
	float: left;
	width: 77%;
}
.question {
	font-family: "FS";
	color: #e6151e !important;
	font-size: 33px !important;
	text-align: center;
	position: relative;
}
.question i {
	display: table;
	padding-bottom: 3px;
	margin: 0 !important;
	font-weight: 500 !important;
	line-height: 34px;
}
.undee {
	border-bottom: 1.5px solid #e6151e;
}
.question img {
 	height: 60px;
	width: auto;
	position: absolute;
	top: 0;
	left: -50px;
	animation: swing 8.5s infinite;
}
.t1 {
	width: 63%;
	font-size: 30px;
	text-align: justify;
	padding: 0 20%;
	margin: 0 auto;
	margin-bottom: 30px;
}
.ct {
    width: 72%;
    font-size: 18px;
    text-align: justify;
    margin: 0 auto;
    color: #222;
}

.ct-new {
    width: 50%;
    font-size: 33px;
    text-align: justify;
    margin: 0 auto;
    font-family: "KG";
    color: #3c2303;
    line-height: 45px;


}
.ltv-1{
 width: 80%;
    margin-top: -4%;
    margin-left: 14%;

}
#ltv-2{
    margin-top: -35%;
}
.ltv-3{
    width: 100%;
    margin-top: -7%;

}
#ltv-4{
    margin-top: -6%;
}
.ct-clip{
    padding: 33px 12px 30px 43px;

}
.ct-1 {
	width: 71%;
	font-size: 17px;
	text-align: justify;
	margin: 0 auto;

}
.img-text{
    width: 77%;
    margin-top: 6%;
    margin-bottom: 20px;
    margin-left: 14%;
}
.bold{
	color: #3d2c5e;
	font-family: "Roboto Bold";

}

.wrap-2{ 
    max-width: 100%;
}
.wrap-3-left{float:left;max-width: 100%;}
.mg-imgFloat-5{
    float: right;
    width: 75%;
}
.mg-imgFloat-6{
    float: right;
    width: 51%;
}
.mg-imgFloat-3{
    float: left;
    margin-right: 15px;
    display: block;
    position: relative;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-top: -33%;
    max-width: 47%;
}
.wrap-2-left{float:left;}
.img-last{
	padding: 0px;
	float: left;
	width: 100%;
}
.img-last li{
	float: left;
	list-style: none;
	padding-right: 5px;
}
.cc-1{
	width: 65%;
    margin-left: 17%;
}
.cc-2{
    width: 60%;
    margin-bottom: 20px;
    margin-left: 21%;
}
.big-title{
    width: 66%;
    margin-bottom: 20px;
    margin-left: 18%;
}
.big-title-1{
    width: 83%;
    margin-top: -6%;
    margin-bottom: 20px;
    margin-left: 14%;
}
.big-pic{
    width: 85%;
    margin-bottom: 20px;
    margin-left: 8%;
}

.new{
	float: left;
	margin-left: 15%;
	width: 100%;
}
.new-1{
	margin-left: 15%;
	width: 100%;
	height: 130px;
}
.new-2{
	margin-left: 15%;
	width: 100%;
	height: 500px;
}
.t1-capcuu{
    margin-left: 3%;
    width: 31%;
    float: left;
    padding-bottom: 3%;
}
.t1-capcuu-2{
    width: 27%;
    float: left;
    padding-bottom: 3%;
    font-size: 18px;
    text-align: justify;
}
.new-p{
    width: 57%;
    font-size: 18px;
    text-align: justify;
    margin-left: 0px;	
}
.t1-capcuu-2-1{
    width: 29%;
    float: left;
    padding-bottom: 3%;
}
.t1-capcuu-1{
	margin-left: 1%;
    width: 34%;
    float: left;
}
.capcuu-2{
    float: left;
    width: 33%;
    margin-left: 3%;
}
.capcuu-3{
    float: left;
    width: 37%;
    margin-left: 3%;
}
.font{
    float: left;
    width: 11%;
}
.t1-capcuu-d{
    width: 58%;
    float: left;
    margin-left: 1%;
}
.capcuu{
    float: left;
    width: 43%;
    margin-bottom: 25px;
}
.text-last{
	width: 100%;
	float: left;
}
.capcuu-1{
    margin-top: -2%;
    float: left;
    width: 34%;
}
.pic{
	width: 100%;
	float: left;
	margin-bottom: 4%;
}
.last{
	width: 100%;
	overflow: hidden;
	float: left;
}
.footer {
	float: left;
	width: 100%;
	font-family: "SVN" !important;
	font-size: 18px;
    line-height: 25px;
    background-color: #3b3b3b;
    color: white;
    text-align: center;
	font-weight: 500 !important;
}
.footer ul {
    margin-top: 14px;
    padding-right: 24px;
    float: right;
    list-style: none;
}
.footer ul li {
}
.footer ul li:last-child {
    border-right: none;
}
.footer img {
    height: 40px;
    margin-top: 8px;
}
.clip{
	height: 500px;
}
.fb-02{
	float: right;
    position: fixed;
    top: 12px;
    right: 2%;

}
#hide {
	display: none;
}
#clip{
	display: none;

}
.back-11 {
    background: url(../img/9.png) no-repeat;
    background-position-x: 73%;
    background-position-y: 188%;
    background-size: 30%;
    width: 100%;
}
.back-81 {
    background: url(../img/15.png) no-repeat;
    background-position-x: 41%;
    background-position-y: 2%;
    background-size: 33%;
    width: 100%;
}
#back-81 {
	width: 41%;
    margin-left: 45%;
    padding-bottom: 0% !important;
}
.back-91 {
    background: url(../img/6.png) no-repeat;
    background-position-x: 38%;
    background-position-y: -55%;
    background-size: 26%;
    width: 100%;
}
#back-91 {
    width: 46%;
    margin-left: 40%;
    padding-bottom: 14%;
}
.back-12 {
    background: url(../img/16.png) no-repeat;
    background-position-x: 71%;
    background-position-y: 24%;
    background-size: 27%;
    width: 100%;
    margin-top: -9% !important;
    margin-bottom: 0% !important;
}
#back-12 {
        padding-top: 37% !important;
    padding-bottom: 11%;
}
.back-61{
	background: url(../img/6-1.png) no-repeat;
    background-position-x: 49%;
    background-position-y: 191%;
    background-size: 78%;
    width: 100%;
}
.back-82 {
    background: url(../img/21.png) no-repeat;
    background-position-x: 0%;
    background-position-y: -8%;
    background-size: 56%;
    width: 100%;
}
#back-82{
	    width: 40%;
    margin-left: 46%;
    padding-bottom: 45% !important;
}
#doivoi{
	    margin-top: -31% !important;
}
.img16{
	margin-bottom: 0%
}
.wrapper-1 {
    width: 468px;
    margin-left: 30%;
}
#clip-new-1 {
    margin-left: 30%;
    background: url(../img/3.png) no-repeat;
    background-size: 100%;
    padding: 0px 0px 30px 49px;
}
section {
    height: 369px !important;
    margin: 60px 0;
}
}

@media (max-width: 1600px){
#ltv-2 {
    margin-top: -29%;
}
	.new{
    float: right;
    margin-left: 15%;
    width: 70% !important;		
	}
	.img-new{
	width: 93% !important;
		
	}
	.wrapper-1 {
	width: 900px;
	margin: 0 auto;
	width: 350px;
    margin-left: 27%;	
}	
} 
@media (max-width: 1441px){
#ltv-2 {
    margin-top: -26%;
}
	.new{
    width: 73% !important;		
	}
	.img-new{
	width: 100% !important;	
	}
#clip-new-1 {
    margin-left: 24%;
}		
	.mg-imgFloat-5 {
	    float: right;
	    width: 68% !important;
	}
	.zoom-3{
		margin-top: -12%!important;
	}
.back-61 {
    background: url(../img/6-1.png) no-repeat;
    background-position-x: 69%;
    background-position-y: -209%;
    background-size: 107%;
    width: 100%;
}
.back-91 {
    background: url(../img/6.png) no-repeat;
    background-position-x: 34%;
    background-position-y: 2%;
    background-size: 33%;
    width: 100%;
}
.back-12 {
    background: url(../img/16.png) no-repeat;
    background-position-x: 84%;
    background-position-y: 69%;
    background-size: 45%;
    width: 100%;
}
.back-81 {
    background: url(../img/15.png) no-repeat;
    background-position-x: 34%;
    background-position-y: 2%;
    background-size: 43%;
    width: 100%;
}
#back-81{
	    width: 40% !important;
    margin-left: 43%;
}
.back-82 {
    background: url(../img/21.png) no-repeat;
    background-position-x: 0%;
    background-position-y: -8%;
    background-size: 59%;
    width: 100%;
}
#back-82 {
    width: 40%;
    margin-left: 46%;
    padding-bottom: 14% !important;
}
.wrapper-1 {
    width: 350px;
    margin-left: 24.5%;
}
.back-11 {
    background: url(../img/9.png) no-repeat;
    background-position-x: 87%;
    background-position-y: 100%;
    background-size: 47%;
    width: 100%;
}
#doivoi {
    margin-top: -27% !important;
}
section {
    height: 330px !important;
    margin: 60px 0;
}
.wrapper-3 {
    width: 500px;
    margin-left: 23%;
}
}
@media (max-width: 1366px){
	.new{
    width: 73% !important;		
	}
	.img-new{
	width: 100% !important;	
	}
#clip-new-1 {
    margin-left: 23%;
}	
	.mg-imgFloat-5 {
	    float: right;
	    width: 68% !important;
	}
	.zoom-3{
		margin-top: -12%!important;
	}
.back-61 {
    background: url(../img/6-1.png) no-repeat;
    background-position-x: 69%;
    background-position-y: -209%;
    background-size: 107%;
    width: 100%;
}
.back-91 {
    background: url(../img/6.png) no-repeat;
    background-position-x: 34%;
    background-position-y: 2%;
    background-size: 33%;
    width: 100%;
}
.back-12 {
    background: url(../img/16.png) no-repeat;
    background-position-x: 84%;
    background-position-y: 69%;
    background-size: 45%;
    width: 100%;
    margin-top: -11% !important;
}
#back-12 {
    padding-top: 47% !important;
    padding-bottom: 11%;
}
.back-81 {
    background: url(../img/15.png) no-repeat;
    background-position-x: 34%;
    background-position-y: 2%;
    background-size: 47%;
    width: 100%;
}
#back-81{
	    width: 40% !important;
    margin-left: 43%;
}
.back-82 {
    background: url(../img/21.png) no-repeat;
    background-position-x: 0%;
    background-position-y: -8%;
    background-size: 59%;
    width: 100%;
}
#back-82 {
    width: 40%;
    margin-left: 46%;
    padding-bottom: 14% !important;
}
.wrapper-1 {
    width: 350px;
    margin-left: 24.5%;
}
.back-11 {
    background: url(../img/9.png) no-repeat;
    background-position-x: 92%;
    background-position-y: -26%;
    background-size: 51%;
    width: 100%;
}
#doivoi {
    margin-top: -27% !important;
}
section {
    height: 330px !important;
    margin: 60px 0;
}
#hoinho {
    margin-top: 2% !important;
	font-weight: 800 !important;
	font-size: 21px;
}
#back-91{
	    padding-bottom: 2% !important;
}
.wrapper-3 {
    width: 500px;
    margin-left: 21%;
}
.wrapper-1 {
    width: 350px;
    margin-left: 23.5%;
}
}
@media (max-width: 1280px){
#ltv-2 {
    margin-top: -21%;
}
	.new{
    width: 75% !important;		
	}
	#hide-3{
		display: none;
	}
	#hide-4{
		display: block;
	}

.wrapper-1 {
    width: 350px;
    margin-left: 21%;
}
.wrapper-3 {
    width: 433px;
    margin-left: 20%;
}
}

 /*END xu ly full video*/
@media all and (max-width: 1024px){
	#clip-new-1 {
	    margin-left: 14%;
	}
	#new-p{
    width: 70%;
    margin-left: 0px;
    color: #ba4e36;
    font-size: 20px;
    text-align: justify;
    margin-top: 0%;		
	}
	.new-p{
	width: 70%;
	margin-left: 0px;
	}
	.new {
	    width: 81% !important;
	}
	.zoom-3{
		margin-top: 0%!important;
	}	


.img14{
	    width: 80% !important;
    margin-left: 9% !important;
    margin-bottom: 2%;

}
.wrapper-3 {
    width: 433px;
    margin-left: 12%;
}
.wrapper-4 {
    width: 900px;
    margin-left: 5% !important;
}
.wrapper-1 {
    width: 350px;
    margin-left: 13.5%;
}
}
@media all and (max-width: 992px) {
	.hide {
		display: none;
	}
	#map-pc {
		display: none !important;
	}
	#map-mb {
		display: block !important;
	}
	.vid-inside {
		padding-bottom: 47.5vw !important;
	}
	#hoinho {
		font-size: 20px !important;
	}
.undee {
	border-bottom: none !important;
	padding-bottom: none !important;
}
.question i {
	font-size: 25px	 !important;
	line-height: 28px !important;
}
.question img {
 	height: 30px;
	width: auto;
	position: absolute;
	top: 0;
	left: -25px;
	animation: swing 8.5s infinite;
}
.video {
	padding-bottom: 48.375% !important;
	top: 40px !important;
}
.up {
	bottom: 0% !important;	
}
.anh-1{
    width: 100%;
    margin-top: -3%;
    margin-left: 0;
    position: relative;
}
	#hide {
		display: block !important ;

	}
	#clip-new{
		display: none;
	}
	#clip{
	display: block;
}
.wrapper-4 {
    width: 100%;
    margin: 0 auto !important;
}
#doivoi {
    margin-top: -10% !important;
}
.wrapper-3 {
    width: 100%;
    margin: 0px auto !important;
    /* margin-left: 12%; */
}
.wrapper-1 {
    margin: 0px auto;
    width: 100%;
    /* margin-left: 13.5%; */
}
.wrapper-2 {
    margin: 0px auto;
    width: 100%;
    /* margin-left: 46%; */
}
.wrap-3-left {
    float: none;
    max-width: 100%;
}
	.big-pic{
		width: 100%;
		margin-left: 0px;
	}
	.cv img{
		width: 60%;
	}
	.cc-1{
		width: 95%;
	    margin-bottom: 4%;
	    margin-left: 0px;
	}
	.text-new-1{
		width: 95%;
		margin-bottom: 4%;
		margin-left: 2%;
	}
	.fb-02 {
	    top: 8px;
	    right: 2.5%;
	}
	.header{
		height: 35px;
	}
	.text-new{
		margin-top: -10%;
	}
	.img-text{
    width: 85%;
    margin-top: 7%;
    margin-bottom: 20px;
    margin-left: 8%;

	}
	.center{
    height: 15px !important;
    width: auto !important;
    margin: 8px auto 0px -60px !important;

	}
	.cmt{
	float: left;
	width: 100%;
	height: 46px;
	background:#dadada ;
	}
	.cc-new{
		width: 80%;
	    margin-top: 5%;
	    margin-bottom: 5%;
	    margin-left: 10%;

	}
	.capcuu-1{
		width: 100% !important;
		margin-top: 3%;
	}
	.capcuu-2{
		margin-left: 10%;
	}
	.new-1{
	margin-left: 5%;
	width: 100%;
	}
	.t1-capcuu-2{
		margin-left: 0px;
	}
	.t1-capcuu-1, .t1-capcuu{
		margin-left: 10%;
	}
	.new{
	margin-left: 0px;
	width: 100%;
	}
	.new p{
		font-size: 28px;
	}
	.new img{
		width: 80%;
	}
	.img-kg img{
		width: 46%;
		margin-left: 0px;
		margin-right: 2%;
		margin-top: 0px;
	}
	.new-size{
		font-size: 33px !important;
	}
	.ct, .ct-1 {
	width: 86%;

	}
	.ct{
		font-size: 17px;
	}
    .ct-new{
    font-size: 22px;
}
	#block {
		display: none !important;
	}
	.font{
		margin-top: 2%;
	}
	.new-1 img{
		width: 20%;
	}
	.new-1 p{
		width: 68%;
		font-size: 20px;
	}
	.new-1{
		height: 0px;
	}

	.left {
		float: left;
		margin-top: 0px;
		top: 0px;
		height: 100%;
	}
	.right {
		float: right;
		margin-top: 0px;
		top: 0px;
	}
	.left img {
		margin-left: 0px;
	}
	.wrapper {
		width: 100%;
		margin: 0 auto;
	}
	.title-page img{
		vertical-align: middle;
	}
	.title-page {
		position: relative;
	}
	.cover-top {
		display: block;
		width: 100%;
	}
	.t1 {
		width: 65%;
		font-size: 30px;
		text-align: justify;
		padding: 0 10%;
		margin: 0 auto;
		margin-bottom: 30px;
		margin-top: -34px;
	}

	.footer {
    height: auto;
    width: 100%;
    line-height: 26px;
    background-color: #3b3b3b;
    color: white;
    text-align: center;
    margin-top: 0px;
	}
	.footer ul {
    list-style: none;
    padding-top: 9px;
    padding-right: 8px;
    margin-bottom: 0px;
    right: 0px;
	margin: 0px !important;
	}
	.footer ul li {
    text-align: end;
    font-size: 15px;
	}
	.footer ul li:last-child {
	    border-right: none;
	}
	.footer img {
    height: 100%;
    margin-top: 15px;


	}
	#btns {
		border: 1px solid black;
		background-color: #365899;
		padding:  5px;
		border-radius: 5px;
		text-decoration: none;
		font-size:  28px;
	}
	.video{
		margin-bottom: 30px;
	}
	.bold{
		font-size: 21px !important;
	}
	#hoinho {
    margin-top: 0% !important;
}
#back-91{
	width: 86% !important;
	margin: 0px auto !important;  
}
#m8-p{
	margin-top: -7%;
}
}
@media all and (max-width: 768px){
	.mg-imgFloat-3 {
    max-width: 20% !important;
    margin-bottom: 0px !important;
    float: left !important;
}
	#clip-new-1{
		display: block;
	}
	#clip{
		display: none;

	}
	#clip-new{
		display: none;
	}
	.ct-clip{
		padding:0px 0px 0px 0px;
	}
	#mobi-p{
		margin-top: -18%;
	}
}
@media all and (max-width: 414px){
	#clip-new-1{
		display: none;
	} 
	#clip{
		display: block;

	}
			#mobi-p{
		margin-top: -19%;
	}
	#clip-new{
		display: none;
	}
}
@media all and (max-width: 320px){
	#clip-new{
		display: block;
	}
	#clip{
		display: none;

	}
	#clip-new-1{
		display: none;
	}
			#mobi-p{
		margin-top: 2%;
	}
	.footer ul {
    	float: left;
    	width: 73% !important;
	}	
}
body {
	background: url(../img/gia-dinh-sao-viet-cung-maggi-bat-mi-mon-tet-moi-bg.png);
	background-color: #fe0;
	background-position: top left;
	background-repeat: repeat;
}
a {
	text-decoration: none;
	color: unset;
}
a:focus {
	outline: none !important;
}
.pop-up {
	filter: brightness(100%) !important;
}
.pop-up-inner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
}
.dim-light {
	background: black;
	opacity: .8;
	width: 100vw;
	height: 100vh;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
}