@media (max-width: 790px){
	
	.mob-no-padding-right{
		padding-right:0;
	}
	.mob-row-space{
		margin-top:15px;
	}
	.section-bannermain .container .block-banner{
		padding-left: 15px;
	}
	
	.container , .container-fluid , .container-body .container {
		width: 100%;
	}
	.container{
		padding-left:15px;
		padding-right:15px;
	}

	.container>.navbar-collapse{
		margin-right:0;
	}
	.navbar {
		min-height: 80px;
	}
	.navbar-default {
		padding-top: 0px;
	}
	.navbar-brand{
		margin-top: 20px;
		margin-left: 0;
		margin: 0 auto;
		width: 100%;
		display: block;
	}
	.navbar-toggle{
		border:none;
		margin-top:30px;
	}
	.navbar-toggle .icon-bar {
		display: block;
		width: 28px;
		height: 4px;
		border-radius: 2px;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fedd00;
	}
	
	.sidenav{
		padding-left:0;
	}
	
	.sidenav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 99999;
		top: 0;
		right: 0;
		background-color: rgba(245, 243,243, 1);
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
		padding-left: 0px;
		margin-top:90px;
	}
	.sidenav a {
		padding:0;
		margin-bottom:20px;
		text-decoration: none;
		font-size: 26px;
		color: #6f7071;
		display: block;
		transition: 0.3s;
		text-align:center;
		font-family: 'Conv_DB_Heavent';
	}
	.block-mobile-link{
		text-align:center;
	}

	.scrolltop{
		position:fixed;
		bottom:30px;
	}
	
	.sidenav .closebtn{
		left:initial;
		right:37px;
	}
	.navbar-default .navbar-toggle:hover {
		background-color: #transparent;
	}
	.navbar-default .navbar-toggle {
		background-color: transparent !important;
	}
	.panel-title>a, .panel-title>a:active{
		line-height:1.5;
	}

	
	h1.title {
		margin-bottom: 30px;
		font-size: 38px;
		font-family: 'Conv_DB_Heavent';
	}

	/*Main Banner*/
	.section-bannermain {
		margin: 0;
		padding:0;
	}
	.block-banner {
		margin-left: 0;
	}

	.text-main {
		margin-top: 60px;
		font-size: 30px;
	}
	.text-sub-main {
		margin-top: 15px;
		font-size: 24px;
	}
	.blocl-main button {
		width: 150px;
		background-position: 10px 0;
	}
	.btn-register, .btn-leaflet {
		font-size: 20px;
	}
	
	/*About*/
	.section-about {
		padding: 30px 0 20px 0;
	}
	.block-image-why-title {
		height: 260px;
	}
	.block-title-why {
		position: absolute;
		bottom: 10px;
		left: 75px;
		font-size: 24px;
		color: #fff;
		line-height: 1;
		font-family: 'Conv_DBHeavent_Li';
	}
	.block-detail-why {
		margin: 0;
		padding: 20px;
		height: 173px;
		background-size: 30%;
	}
	.block-detail-why p {
		color: #0a1c28;
		font-size: 22px;
		text-align: left;
		line-height:1;
	}
	
	
	/*Slick Why*/
	.block-why-choose-us .slick-dots{
		bottom: -15px;
		z-index:999;
	}
	.block-why-choose-us .slick-dots li.slick-active button:before{
		opacity:1;
		color:#e1e1e1;
	}
	.block-why-choose-us .slick-dots li button:before {
		font-size:60px;
		color:#fff;
		opacity:1;
		font-size: 5px;
		background-image:URL("../../image/img_dot_why.png");
	}
	.block-why-choose-us .slick-dots li button:after {
		color: #fff;
		opacity: 1;
	}
	.block-why-choose-us .slick-dots li.slick-active button:before{
		color:#fbc42f;
		font-size: 7px;
		background-image:none;
		background-image:URL("../../image/img_dot_why_act.png");

	}
	.block-why-choose-us .slick-slide {
		margin: 0 20px 0 0;
	}
	.block-why-choose-us .slick-list {
		margin: 0 -20px 0 0;
	}
	.block-why-choose-us .slick-dotted.slick-slider {
		margin-bottom: -45px;
	}
	
	/*Get*/
	.section-tech {
		padding: 30px 0 40px 0;
	}
	.section-tech .btn-register, .section-tech .btn-leaflet {
		margin-top:10px;
		width: 220px;
		padding-top: 10px;
		font-size:28px;
		padding-bottom: 10px;
		background-size: 52px;
	}
	.text-getinformation {
		font-size: 20px;
	}
	
	.row-space-left-right {
		padding-left: 0;
		padding-right: 0;
	}
	
	
	/*Promotion*/
	.section-promotion .container{
		padding-left:15px;
		padding-right:15px;
	}
	.section-promotion .container p{
		padding-left:15px;
		padding-right:15px;
	}
	
	/*Review*/
	.section-review {
		margin: 0;
		padding: 80px 0 140px 0;
		background-repeat: no-repeat;
		background-image: URL("../../image/bg_review_mobile.png");
		background-position: center top;
		background-size: auto;
	}
	.row-mob-review-space{
		margin-top:40px;
	}
	/*Slick Review*/
	.block-review .slick-dots{
		bottom: -45px;
		z-index:999;
	}
	.block-review .slick-dots li.slick-active button:before{
		opacity:1;
		color:#e1e1e1;
	}
	.block-review .slick-dots li button:before {
		font-size:60px;
		color:#fff;
		opacity:1;
		font-size: 5px;
		background-image:URL("../../image/dot_review.png");
	}
	.block-review .slick-dots li button:after {
		color: #fff;
		opacity: 1;
	}
	.block-review .slick-dots li.slick-active button:before{
		color:transparent;
		font-size: 7px;
		background-image:none;
		background-image:URL("../../image/dot_actived_review.png");

	}
	.block-review .slick-slide {
		margin: 0 20px 0 0;
	}
	.block-review .slick-list {
		margin: 0 -20px 0 0;
	}
	.block-review.slick-dotted.slick-slider {
		margin-bottom: -45px;
	}
	/*Slick Review*/
	
	.title-review {
		font-size: 24px;
	}
	.detail-review {
		font-size: 20px;
	}
	
	/*QA*/
	.panel-title>a, .panel-title>a:active {
		padding-left: 25px;
		font-size: 26px;
	}
	.panel-default>.panel-heading+.panel-collapse>.panel-body {
		font-size: 20px;
		padding-left: 35px;
		padding-right: 35px;
	}
	.panel-title img{
		width:15%;
	}
	.title-qanda {
		margin-top: 5px;
	}
	
	/*Leaflet*/
	.section-leaflet {
		margin: 0;
		padding: 40px 0 40px 0;
		background-repeat: no-repeat;
		background-image: URL("../../image/bg_contact_mobile.png");
		background-position: center top;
		background-size: auto;
	}
	
	/*Footer*/
	footer .mob-space-top{
		margin-top:30px
	}
	
	.navbar-toggle{
		margin-top:35px !important;
		padding-top:3px !important;
		padding-bottom:3px !important;
	}
	
	/*Humbeger Menu*/
	#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
	  width: 40px;
	 /* height: 45px;*/
	  position: relative;
	  margin: 50px auto;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .5s ease-in-out;
	  -moz-transition: .5s ease-in-out;
	  -o-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  cursor: pointer;
	}

	#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
	  display: block;
	  position: absolute;
	  height: 4px;
	  width: 100%;
	  background: #fbc42f;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}

	/* Icon 3 */
	#nav-icon3 span:nth-child(1) {
	  top: 0px;
	}
	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
	  top: 10px;
	}
	#nav-icon3 span:nth-child(4) {
	  top: 20px;
	}
	#nav-icon3.open span:nth-child(1) {
	  top: 10px;
	  width: 0%;
	  left: 50%;
	}
	#nav-icon3.open span:nth-child(2) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	}
	#nav-icon3.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	#nav-icon3.open span:nth-child(4) {
	  top: 10px;
	  width: 0%;
	  left: 50%;
	}
	.title-howto{
		font-size:26px;
		padding-left: 0;
	}
	.video-responsive{
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.block-timecampaign-1 ,
	.block-timecampaign-2{
		margin: 0 auto;
		padding: 0;
		width: 330px;
		height: 395px;
		/*background-repeat: no-repeat;
		background-image: URL("../../img/round_1.png");
		background-position: center center;*/
		background-size: contain;
	}
	.block-timecampaign-2{
		margin-top:30px;
	}
	.block-detail-timecampaign{
		padding-top:70px;
		padding-left:20px;
		padding-right:20px;
	}
	.m1{
		font-size:16px !important;
	}
	.m2{
		font-size:24px !important;
	}
	.m3{
		font-size:12px !important;
	}
	.m4{
		font-size:12px !important;
	}
	.m5{
		font-size:18px !important;
	}
	.m6{
		font-size:18px !important;
	}
	.m7{
		font-size:14px !important;
	}
	.m8{
		font-size:11px !important;
		line-height:0.9;
	}
	.m9{
		font-size:17px !important;
	}
	.m10{
		display:block;
		margin-top:15px;
		font-size:22px !important;
	}
	#section-text-timeline{
		padding-left:15px;
		padding-right:15px;
	}
	#section-text-timeline{
		height: 720px;
		background-repeat: no-repeat;
		background-image: URL("../../img/mobile/banner_5.png");
		background-position: center bottom;
		background-size: contain;
	}
	.m-space{
		margin-top:30px;
	}
	
	#section-detail-menu {
		margin: 0 0 0 0;
		padding: 80px 0;
		padding-bottom:20px;
		height: auto;
		background-repeat: no-repeat;
		background-image: URL("../../img/bg_menu_mobile.png");
		background-position: top center;
	}
	#section-detail-menu-second {
		margin: 0 0 0 0;
		padding: 80px 0;
		padding-bottom:20px;
		height: auto;
		background-size:470px;
		background-color:#d41f25;
		background-repeat: no-repeat;
		background-image: URL("../../img/bg_menu_mobile_2.png?v=1");
		background-position: top center;
	}

	.menu-slide-first .item,
	.menu-slide-second .item{
		padding-right:10px;
		padding-left:10px;
	}
	
	#section-detail-menu{
		background-size:470px;
		background-color:#d41f25;
		background-position: top center;
	}
	footer .navbar-nav-main{
		width:100%;
	}
	footer ul li a {
		padding-left: 0px;
		color: #f2595f;
		font-size: 18px;
	}
	.mf1{
		font-size:24px !important;
	}
	.mf2{
		font-size:16px !important;
	}
	.mf3{
		font-size:16px !important;
	}
	.line-footer a{
		color:#f2595f;
		font-size:15px;
	}
	.navbar-nav{
		margin-bottom:15px;
	}
	.navbar-nav > li{
		padding-left:3px;
		padding-right:3px;
	}
	.container-800 {
		width: 100% !important;
	}
	.cover-detail-menu h3 {
		margin-top:0;
		font-size: 19px;
		color: #000;
	}
	.img-readmore{
		width:70px;
	}
	.cover-detail-menu p{
		font-size:16px;
	}
	.navbar-default .navbar-nav > li{
		padding-left:0;
		padding-right:0;
	}
	.navbar-default .navbar-nav > li > a{
		font-size: 14px;
	}
	.m-no-padding{
		padding-left:0;
		padding-right:0;
	}
	.menu-title-popup-1 {
		padding-top:10px;
		font-size: 30px;
		color: #d41f25;
		font-weight: bold;
	}
	.menu-subtitle-popup-1 {
		font-size: 26px;
		color: #000;
		font-weight: bold;
	}
	.fancybox-close{
		top:-15px !important;
	}
	.block-role-1  , .block-role-2 , .block-role-3 {
		margin:0 auto;
	}
	.title-howto {
		font-size: 24px;
	}
	.title-howto span {
		padding-left: 15px;
	}
	.title-howto span span {
		padding-right: 32px;
	}
	.slick-prev {
		left: 15px;
	}
	.slick-next {
		right: 15px;
	}
	.slick-prev, .slick-next{
		width: 50px;
		height: 50px;
		z-index:999;
	}
	.text-main-youtube {
		width: 100%;
		height: auto;
	}
	.video-responsive{
		width:100%;
	}
	#btnlogo img {
		width: 280px;
		text-align: center;
		margin: 0 auto;
	}
	.video-responsive {
		margin-left: 0;
		margin-right: 0;
	}
}

@media (max-width: 450px){
	
}

@media (max-width: 375px){
	.middle {
		margin-top: -215px;
	}
}

@media (max-width: 360px){
	.middle {
		margin-top: -195px;
	}
}

@media (max-width: 320px){
	
}