@media (min-width: 768px) {
	.bg-fullhistory {
		padding: 7% 0;
	}

	.dropdown:hover .dropdown-menu {
		/*display: block;
		transition: all 0.3s;
		background: #fff;*/
		/*padding: 0;*/
	}

	.headbar-top{
		transition: all 0.5s;
		padding: 10px 0;
	}
    .hamburgers-box {
        width: auto;
    }
    .navbar-brand {
        width: 100%;
        padding: 0;
		text-align: left;
		display: flex;
		align-items: center;
    }
	.navbar-brand img {
		transition: all 0.5s;
		margin: 0;
	}
    .navbar-expand-md .navbar-collapse {
        width:100%;
		margin:0rem auto 0;
    }
	.navbar-expand-md .navbar-nav{
		width:100%;
	}
	.navbar-collapse ul li {
		width: auto;
		margin: auto;
		 font-size: 1.2rem;
		padding: 10px 0 10px;
		text-align: center;
	}
	.navbar-collapse ul li:hover, .navbar-collapse ul li.active {
		background-color: transparent;
	}
	.navbar-collapse ul li.active a, .navbar-collapse ul li:hover a {
		color: #c48a0e;
		transition: all 0.5s;
	}
	.navbar-collapse ul li.active a:before, .navbar-collapse ul li:hover a:before {
		content: '';
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		bottom: 0;
		height: 0;
		border-bottom: 5px solid #c48a0e;
		/*border: 2.5px solid #c48a0e;*/
		border-radius: 10px;
		box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	}
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0rem;
        padding-left: 0rem;
    }
	.box-notification-list {
		top: 0px;
		right: 5px;
	}
	.box-notification .dropdown-menu {
		width: 325px;
		height: 350px;
		top: 100%;
		left: auto;
		right: 0;
		overflow: hidden;
		padding: 0;
		border-radius: 10px;
		box-shadow: 0 0 8px rgba(0,0,0,0.3);
	}
	.box-notification .dropdown-menu .readmore-btn{
		padding-top: .8rem;
	}
	.box-login{
		padding: 2%;
	   width:300px;
	}
	.search-box{
		bottom: 1rem;
	}
	.title-banner{
		margin-bottom: 8rem;
	}
	.title-login ul{
		text-align: right;
	}
	.title-login ul li{
		display: inline-block;
		padding: 0 3px;
		vertical-align: middle;
	}
	.search-flightbox .form-search {
		width: 95%;
		margin: .5rem auto 0;
		padding: 5px;
	}
	.search-flightbox .title-searchbt{
		width: 90%;
		margin:.5rem auto 0;
	}
	.search-flightbox .nav-pills li {
		width: auto;
		margin: auto;
		font-size: 1.5rem;
	}
	.search-flightbox .nav-pills .nav-link.active:before{
		border-width: 3px;
	}
	.search-flightbox .tab-content{
		margin: 1.5rem auto 0;
	}
	.content-box2 .col-md-2, .question-choice .col-md-2{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.choice-box {
		height: 128px;
	}
	.weather_show p {
		font-size: 20px;
	}
	.img-weather img{
		width: 100%;
	}
	.banner-img {
		width: 100%;
		height: 555px;
	}
	.title-banner h1 {
		font-size: 3.7rem;
	}
	.title-banner p {
		font-size: 2rem;
	}
	.banner-img img {
		height: 100%;
		width: 100%;
		position: inherit;
		top: 0;
		right: 0;
		-ms-transform:  translate(0,0);
		-webkit-transform:  translate(0,0);
		-moz-transform:  translate(0,0);
		-o-transform:  translate(0,0);
		transform: translate(0,0);
		max-width: none;
	}
	.title-searchbox ul li{
		font-size: 22px;
	}
	.content-box1 {
		padding: 7% 0 5%;
		background-size: 100% !important;
	}
	.slide-travel-content1 {
		margin: 2rem auto 3rem;
	}
	.slide-travel-content1 .num {
		font-size: 32px;
		margin: 1rem auto;
	}
	.slide-travel-content1 .carousel-control-prev{
		bottom: -30%;
		transform: translate(20%,0);
	}
	.slide-travel-content1 .carousel-control-next {
		bottom: -30%;
		transform: translate(-20%,0);
	}
	.choice-box {
		height: 150px;
		padding: 10px 0;
	}
	.question-choice .choice-box {
		padding: 10px 5px;
	}
	.help-boxfull .box-weather.box-weather1 {
		padding-right: .5rem;
	}
	.choice-box h1 {
		height: 52px;
		font-size: 22px;
		margin-bottom: 15px;
	}
	.content-box3 {
		padding: 5% 0;
	}
	.slide-plane {
		margin: 1rem auto 5rem;
	}
	.content-box3 .title-content img {
		width: auto;
	}
	.plane-box {
		height: 130px;
		padding: 10px 10px;
	}
	.slide-plane .num{
		font-size: 32px;
	}
	.slide-plane .carousel-control-prev {
		bottom: -30%;
		transform: translate(30%,0);
	}
	.slide-plane .carousel-control-next {
		bottom: -30%;
		transform: translate(-30% , 0);
	}
	.title-content h1{
		font-size: 45px;
	}
	.plane-box h1 {
		margin-bottom: 5px;
	}
	.icon-box h1 {
		font-size: 17px;
	}
	.icon-box {
		margin-top: 3rem;
	}
	.footer {
		text-align: left;
		font-size: 17px;
	}
	.footer h1 {
		font-size: 25px;
	}
	.footer ul {
		padding-left: 0;
	}
	.hotline-footer h2 {
		font-size: 35px;
		line-height: 1.5;
	}
	.hotline-footer {
		margin-bottom: 1rem;
	}
	.copyright-box{
		font-size: 22px;
		padding: 1.5% 0;
	}
	.social-footer .img-social1 {
		width: 1.5rem;
	}
	.social-footer .img-social2 {
		width: 1.5rem;
	}
	.contact-indetail {
		margin-left: 2.1rem;
	}

	.title-login ul li.dropdown a {
		padding: 10px 0;
	}

	.title-login .dropdown-menu li:hover{
    background-color: rgba(227, 230, 230, 0.5);
	}
	.title-login .dropdown-menu li:hover a{
		color: #f6b944;
	}
	.title-login ul .dropdown-menu li:hover a{
		background-color: rgba(191,147,147,1.0.5);
	}
	.modal-dialog {
		margin: 12rem auto;
	}
	.title-login ul.dropdown-menu li {
		display: block;
		padding: 0 15px;
	}
	.title-login ul.dropdown-menu {
		text-align: left;
		width: 100%;
		min-width: auto;
	}


	.navbar-collapse .menu-dropshow ul.dropdown-menu li{
		font-size: 1.2rem;
		text-align: left;
		padding: 3px 5px;
	}
	.navbar-collapse .menu-dropshow ul.dropdown-menu li a{
		text-align: left;
		padding: 10px 0;
	}
	.navbar-collapse .menu-dropshow ul.dropdown-menu li:hover{
		border-radius: 5px;
		background: rgba(196, 138, 14, .2);
	}
	.navbar-collapse .menu-dropshow ul.dropdown-menu li a:hover{
		color: #c48a0e;
	}
	.navbar-collapse .menu-dropshow ul.dropdown-menu{
		width: 100%;
		border-radius: 10px;
		padding: 20px 15px;
		top: 95%;
  		box-shadow: 0px 0px 20px 2px rgba( 0, 0, 0, .2 );
	}
	.navbar-collapse .menu-dropshow ul li a:before, .navbar-collapse .menu-dropshow ul.dropdown-menu li:hover a:before{
		border: none;
		border-radius: none;
		color: #c48a0e
	}

	/*--history-booking-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.history-box2{
		margin: 4rem auto;
	}
	.cancel-btn {
		padding: 7px 3.1rem;
	}
	.pagination-slidebooking {
		width:100%;
		font-size: 1.4rem;
		margin: 2.5rem auto 0;
	}
    .pagination-slidebooking.pagination-news{
        width: 100%;
        margin: auto;
    }
	.form-history-search {
		margin: 0 0;
		padding: 5px 25px;
	}
	.form-start-history{
		font-size: 1.4rem;
		padding-left: 25px;
	}
	.start-search img {
		left: .2rem;
		width: 1.3rem;
	}
	.cancel-btn{
		padding: 6px;
	}
	.title-history h1 {
		font-size: 2rem;
	}
	.title-history p {
		font-size: 1.7rem;
	}
	.form-start-history{
		text-align: left;
	}

	/*--history-account-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.detail-profile{
		min-height: 575px;
	}
	.detail-profile {
		padding: 2rem 15px 0;
		margin-bottom: 0;
	}
	.profile-2 {
		width: 95%;
	}
	.profile-1 ul {
		margin: .5rem auto 0;
	}
	.detail-editprofile, .text-profile p{
		font-size: 1.2rem;
	}
	.save-profile{
		margin: 2rem auto 0;
	}
	.line-profile{
		width: 95%;
	}
	.profile-1 ul li .dropdown-menu {
		top: 95% !important;
		left: 0 !important;
		right: auto !important;
		transform: translate(0%,0)!important;
		font-size: 1.4rem;
	}
	.form-coupon {
        width: 82%;
    }
    .tab-coupondetail .nav-pills li {
        width: auto;
        margin: 0;
        margin-right: 1rem;
        padding: 0;
    }
    .tab-coupondetail .nav-pills .nav-link{
        padding: .5rem 3rem;
    }
	#opencoupon .modal-content {
        padding: 1.5rem 1.5rem;
    }
	/*--history-privilege-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.privilege-box .col-md-2 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
	.title-history ul li:last-child span {
		vertical-align:middle;
		line-height: 1;
	}
	.title-history.title-datechange ul{
		font-size: 1.6rem;
	}
	.privilege-detail {
		width: 90%;
	}
	.img-privilege span{
		width: 40px;
		height: 40px;
	}
	.img-privilege h1{
		line-height: 1;
	}
	.img-privilege p {
		font-size: .8rem;
	}
	.detail-inprivilege h1, .detail-inprivilege {
		font-size: 1rem;
	}


/*--history-help-page-------
//////////////////////////////////////////////////////////////////////////*/
	.accordion-question .btn-link{
		padding: 0 15px;
		font-size: 22px;
	}
	.accordion-question .card{
		font-size: 22px;
	}
	.accordion-question .card-body{
		padding: 10px 15px;
	}
	.accordion-question .fa-angle-down{
		right: 1.5rem;
	}

    .login-show .modal-dialog{
        width: 560px;
    }
	.login-show.member-show .modal-content {
		width: 560px;
		padding: 2rem 1rem;
	}

    .login-show ul{
        width: 50%;
    }
	/*--history-booking-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.booking-box span {
		padding: 0px 10px;
	}
	.booking-box img.promotion-tag {
		width: 4rem;
		left: auto;
		right: 0;
		transform: rotate(0);
	}
	.detail-booking .open-promotionview {
		width: 220px;
		font-size: 1.4rem;
	}
	.backpage-bt{
		font-size: 1.6rem;
	}
	.change-booking{
		font-size: 1.6rem;
	}
	.title-history ul {
		font-size: 1.6rem;
	}
	.change-booking {
		font-size: 1.8rem;
	}
	.title-detail-booking {
		padding: 3% 22px;
        font-size: 1.4rem;
	}
	.title-showdetail, .show-price{
		font-size: 1.8rem;
	}
	.list-detailbooking {
		padding:4% 0;
		font-size: 1.6rem;
        margin: 0;
	}
	.table-booking{
		margin-top: 1rem;
	}
	.table-booking td {
		padding: 0 5px;
	}
	.price-detailbooking-show{
		text-align: center;
	}
	.price-detailbooking-show h1{
		font-size: 2rem;
	}
	.price-detailbooking-show table td{
		padding: 0 5px;
	}
	.detail-booking-bt, .price-conclude ul{
		font-size: 1.6rem;
	}
	.price-conclude ul li.price-number {
		font-size: 2.2rem;
	}
	.detail-booking-bt .fa-chevron-up {
		vertical-align: middle;
		font-size: 18px;
	}

	.choose-box {
		padding: 10px 10px;
	}
   .choose-box--top {
      padding-bottom: 5px;
   }
   .choose-box--bottom--disabled {
      padding-top: 0;
   }
	.choose-box h1 {
		margin: 0 auto 0;
	}
	.choose-box .border-left {
		border-left: 1px solid #dfdfdf !important;
	}
	.choose-box ul {
		font-size: 1.2rem;
	}
	.choose-box p{
		line-height: 1;
	}
	.choose-box .type-choose-class {
		width: 95%;
	}
	.choose-box  .type-choose-class h1 {
		font-size: 1.3rem;
		padding: 0;
	}
	.choose-box ul li img {
		width: 1.2em;
	}
	.type-choose-class p {
		font-size: 1.4rem;
	}

	.title-personal-ticket {
		font-size: 1.6rem;
	}
	.title-personal-ticket p{
		margin-bottom: 0;
	}
	.title-personal-ticket ul li{
		padding: 0 5px;
	}
	.line-booking.line-seat{
		margin: 2rem auto;
	}
	.title-personal-ticket h1, .direction-box, .waybox{
		font-size: 1.6rem;
	}
	.direction-box ul li .arrow-z{
		font-size: 1.1rem;
	}
	/*.booking-train {
		padding: 3% 0;
	}*/
	.train-number-btn ul li {
		padding: 10px 0;
		font-size: 1.8rem;
	}
	.booking-intrain {
		width: 97%;
		font-size: 1.4rem;
	}
	.imgseat-book span{
		font-size: 1rem;
	}
	.title-personal-ticket ul li img {
		width: auto;
	}
	.img-check span {
		right: .5rem;
	}
	.tolet-box.barth-box {
		margin-bottom: 1.8rem;
	}
	.small-ticket ul li .fa-times-circle {
		top: .8rem;
	}
	.waybox{margin-bottom: 0;}
	.table-nameperson{font-size: 1.6rem;}
	.box-return {
		margin: 4rem auto 0;
	}
	.table-nameperson td{
		text-align: left;
	}
	.date-time{
		text-align: right;
		font-size: 1.6rem;
	}
    .ticket-paybox{
        font-size: 1.4rem;
		padding: 20px 10px;
    }
    .ticket-paybox h2{
        font-size: 1.6rem;
    }
    .ticket-paybox h1{
        font-size: 1.8rem;
    }
    .pay-channal, .choose-paybank h1 {
        font-size: 1.6rem;
    }
    .type-patment h1 {
        font-size: 1.8rem;
    }
    .pay-channal{
        padding:2rem  1.5rem;
    }
	.payment-box {
		height: 411px;
	}
	.waitinglist-page1 .payment-box {
		height: 642px;
	}
	.datechange-page .payment-box {
		height: 700px;
	}
    .payment-box .type-patment h1 {
        font-size: 1.4rem;
		margin: .5rem auto;
    }
    .detail-success h1 {
        font-size: 1.8rem;
    }
    .title-boxsuccess, .ticket-final{
        font-size: 1.4rem;
    }

    .title-readnews h1{
        font-size: 1.8rem;
    }
    .title-readnews{
        font-size: 1.6rem;
    }
    .detail-readnews, .ticket-bookflight h1, .ticket-bookflight{
        font-size: 1.6rem;
    }

    .title-travelpage p, .title-travelpage h2 {
        font-size: 1.4rem;
    }
    .ticket-bookflight p{
        width: 80%;
    }
	.eticket-box {
		font-size: 1rem;
	}
	.tagticket-box{
		width: 95%;
	}
	.tagticket-box .bookingbox-check .checkmark {
		height: 22px;
		width: 22px;
		left: 0rem;
		top: 2rem;
	}
	.tagticket-box .bookingbox-check .checked-bt{
		background: #d8d8d8;
	}
	.tagticket-box .bookingbox-check .checkmark:after {
		left: 7px;
		top: 1px;
	}
	.eticket-box .number-history li:last-child {
		background-position: 2.5rem .2rem;
	}
	.bookimg-btn{
		padding: 5px 0;
	}
	.date-select p, .select-booking p, .booking-date-detail h1 {
		font-size: 1.6rem;
	}
	.booking-date-detail p{
		font-size: 1.4rem;
	}
	.title-date{
		text-align: right;
	}
	.title-step, .detail-step3 {
		font-size: 1.6rem;
	}
	.detail-step3 img {
		width: 1.3rem;
	}
	.bg-rightstep3 .fa-times-circle {
		bottom: .5rem;
		font-size: 1.2rem;
	}
	.box-ticketmodal .col-md-4{
		border-left: 1px solid #ebebeb;
	}
	.box-ticketmodal {
		padding: 3% 0;
	}
	.imgseat-book img {
		width: 100%;
		margin: 0;
	}
	.detail-cancelreservation-page{
		padding: 5% 10px;
	}
	.detail-cancelreservation-page p{
		font-size: 1.8rem;
	}
	.bg-gold{
		margin-top: .6rem;
	}
	.cancel-historybox {
		padding: 2rem 15px;
	}
	.cancel-box h1 {
		font-size:1.8rem;
	}
	.cancel-box.cancel-box-right{
		text-align: right;
	}
	.cancel-box h1 .bg-gray{
		padding: 3px;
	}
	.cancel-box h1 span {
		font-size: 1.4rem;
	}
	.booking-intrain.table-concelticket table tr td {
		width: auto;
	}
	.cancel-box ul{
		font-size: 1.6rem;
	}
	.datechange-page .booking-box .detail-booking p, .detail-title-changedate p {
		font-size: 1.6rem;
	}

	.detail-title-changedate .col-md-3 {
		-ms-flex:0 0 27.77%;
		flex: 0 0 27.77%;
		max-width: 27.77%;
	}



	.discount-modal .discount-box{
		border-right: 1px solid #ebebeb;
		border-bottom: 0;
	}
	.discount-box.discount-promotion{
		border: none;
		padding-left: .8rem;
	}
	.discount-modal .container{
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-bottom: 1px solid #ebebeb;
	}
	.discount-modal .border-bottom{
		border-bottom: 0 !important;
	}
	.discount-btn {
    	margin: 15px 0;
		margin-right: 10px;
	}
	.table-concelticket p {
		font-size: 1.4rem;
	}
	.table-concelticket p img {
		width: 1.2rem;
	}
	.cancel-lastbox .gray-color-text {
		font-size: 1.4rem;
	}

	.booking-box {
		padding: .5rem 15px;
		text-align: left;
	}
	.booking-box .col-md-4{
		border-right: 1px solid #dfdfdf;
	}
	.booking-box .col-md-4:last-child{
		border-right: none;
	}
	.booking-box h1.class-booking {
		/*font-size: 1.8rem;*/
		padding-bottom:0;
		margin-top:0;
	}
	.border-classbooking h1, .border-classbooking p{
		padding-left: 1.5rem;
	}
	.choose-bt{
		padding: 2px;
		margin-top: 0;
	}
	.border-classbooking{
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		text-align: left;
	}
	.noticlass-booking{
		margin: 0 auto;
	}
	.booking-box .dropdown-menu {
		min-width: 15rem;
		font-size: 1.4rem;
	}
	.indetail-personal .foreign-box {
		margin: 1rem 0 2rem;
	}
	.detail-personal ul.sex-boxtitle {
		margin: 1rem auto;
        display: block;
	}
	.detail-personal ul li img {
		width: 7%;
	}
	.booking-box .fa-arrow-right {
		font-size: 19px;
	}
	.indetail-personal .form-profile {
		margin: 1rem 0;
		width: 100%;
	}
	.bookingbox-check.correct-bt .checkmark {
		left: 8.5rem;
	}
	.detail-member h1 .bookingbox-check.correct-bt .checkmark {
		left: -.8rem;
    	top: 0.2rem;
	}
	.cancel-lastbox .bookingbox-check .checkmark{
		left: 4rem;
	}

	.ticket-bookflight h2{
		margin-top: 0;
	}
	.ticket-bookflight .row{
		align-items: center;
	}
	.ticket-bookflight h2{
        font-size: 1.5rem;
    }
	.booking-travel{
		margin: 0 auto;
	}
	.type-patment {
		padding: 4px 5px;
		margin: .5rem auto;
	}
	.box-printpayment {
		width: 40%;
	}
	.box-printpayment img {
		width: 1.2em;
	}
	.detail-success p {
		font-size: 1.4rem;
	}
	.modal-dialog.modal-condition {
		max-width: 355px;
	}
	.search-box-changeclass .start-box, .search-box-changeclass .end-box, .search-box-changeclass .date-startbox, .search-box-changeclass .search-changeclass{
		margin: .5rem -10px;
	}
	.search-box-changeclass .form-search{
		font-size: 1.4rem;
	}
	.detail-member {
		font-size: 1.6rem;
	}

	.detail-member h1 .bookingbox-check {
		text-align: center;
		width: 40%;
		margin: auto;
	}
	.condition .modal-content{
		width: 65%;
		margin: auto;
	}
	.condition .modal-title{
		font-size: 1.4rem;
	}
	.condition .modal-body{
		font-size: 1.2rem;
	}
	.detail-text-checkbox {
		width: 100%;
	}
	.detail-text-checkbox p{
		font-size: 1.4rem;
	}
	.changeclass-box:hover .detail-text-checkbox{
		margin-top: -1.2rem;
	}
	.solout {
		width: 75%;
		font-size: 1.4rem;
	}
	.detail-personal ul.member-list li .radio-box{
		width: auto;
		margin: auto;
	}
	.change-profilelist{
		font-size: 1.4rem;
	}

	.success-loginpage p, .backtohomepage, .repassword{
		font-size: 1.8rem;
	}
	.success-loginpage h1{
		font-size: 2.2rem;
	}
	.success-loginpage-full .fa-check-circle {
		font-size: 2.2rem;
	}
	.success-loginpage-full h1, .title-forget {
		font-size: 2.5rem;
	}
	.success-loginpage-full p{
		font-size: 1.8rem;
	}
	.back-to-homepage {
		padding: 6px;
		width: 35%;
		font-size: 1.6rem;
	}

	.reset-password{
		height: 45vh;
	}
	.reset-password h1{
		font-size: 2.5rem;
	}
	.reset-password .form-profile{
		font-size: 1.8rem;
	}
	.reset-password .save-profile {
		font-size: 1.8rem;
		width: 50%;
	}
	.back-to-login{
		font-size: 1.6rem;
	}
	.point-box{
		font-size: 1.8rem;
	}
	.needhelp-bt {
		font-size: 1.6rem;
	}
	.resent-email{
		width: 20%;
		font-size: 1.8rem;
	}
    .getit-bt{
        font-size: 1.4rem;
    }



    .detail-personal ul{
        display: flex;
        align-items: center;
    }
    .detail-personal ul li .youare-member{
        padding-left: 1.5rem;
        display: inline-block;
    }
    .ticket-bookflight.booktravel table td{line-height: 1;}
    .ticket-bookflight {
        padding: 10px 15px;
    }


    .detail-email{margin: 2rem auto;font-size: 26px;}
    .detail-email .ticketgo{
        width: 100%;
        line-height: 1.4;
    }
    .detail-email .title-text {
        font-size: 33px;
        margin-bottom: .5rem;
    }
    .detail-email h1{font-size: 60px;}

    .email-boxfull{padding: 5% 0 5%;}
    .detail-email p.title-tobox{
        font-size: 33px;
    }
    .question-fullbox, .accordion-question .btn-link{font-size: 18px !important;}
    .question-fullbox .bg-white{
        padding: 2rem 1rem 2rem;
        border-radius: 10px;
        margin:0rem 0 ;
    }
    .question-fullbox .bg-white.col-md-4{max-width:30%; margin-right: 15px;}
    .question-fullbox .bg-white.col-md-8{max-width:60%; margin-left: 15px;}
    .question-fullbox{
        padding: 0;
        border-radius: 0;
        margin:2rem auto ;
    }
    .question-fullbox .nav a{width: 100%; text-align: left; display: block; height: auto;}
    .img-pagefaqs img{width: 100%;}
    .question-fullbox .nav a img, .question-fullbox .nav a span{display:inline-block; vertical-align: middle;}


    .imgqrcode{ text-align: center;}
    .imgqrcode img{width: 60%;}
    .notification-box .close{
        top: 50%;
        transform: translate(0,-50%);
    }
    .notification-box .bookingbox-check .checkmark{top: .4rem;}
    .title-notification .bookingbox-check .checkmark {top: 0rem;}
    .title-notification span {
        width:45%;
        font-size: 26px;
    }
    .title-notification p{width: 65px;}

/*     For Notification  Bancha.W 21/05/2020*/
    .notification-box .close{
        top: 50%;
        transform: translate(0,-50%);
    }
    .notification-box .bookingbox-check .checkmark{top: .4rem;}
    .title-notification .bookingbox-check .checkmark {top: 0rem;}
    .title-notification span {
        width:45%;
        font-size: 26px;
    }
    .title-notification p{width: 65px;}

/*     For Notification  Bancha.W 21/05/2020*/

}
@media (min-width: 812px){

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 992px){

    .dropdown:hover .dropdown-menu{
        display: block;
    }
	.navbar-collapse ul li {
		font-size: 1.4rem;
	}
	.navbar-brand img{
		width: 125px;
	}
	.title-login ul li {
		font-size: 1.2rem;
	}
	.title-login ul.dropdown-menu li {
		padding: 0 10px;
	}
	.banner-img {
		height: 100%;
	}
	.title-searchbox ul {
		margin: auto;
		width: 70%;
	}
	.title-searchbox ul li {
		font-size: 26px;
		margin: auto;
		width: auto;
		padding: 0 15px;
	}
	.line-web{
		margin: 1rem auto 2rem;
	}
	.search-flightbox {
		padding: 2% 3%;
	}
	.search-flightbox .nav-pills li {
		font-size: 2rem;
	}
	.search-flightbox .form-search {
		font-size: 1.7rem;
	}
	.switbox h1 {
		font-size: 1.7rem;
	}
	.bt-search{
		font-size: 1.7rem;
	}
	.search-flightbox .nav-pills .nav-link.active:before {
		bottom: -1.2rem;
	}
	.title-banner {
		margin-bottom: 6rem;
	}
	.search-box{
		bottom: 1rem;
	}
	.title-content h1{
		font-size: 46px;
	}
	.plane-box {
		height: 115px;
		font-size: 19px;
	}
	.choice-box {
		padding: 15px 15px;
	}
	.choice-box h1{
		font-size: 21px;
	}
	.box-weather1{
		justify-content: end;
	}
	.icon-box h1 {
		font-size: 21px;
	}
	.footer {
		font-size: 21px;
	}
	.contacr-footer{
		padding-left: 2rem;
	}
	.hotline-footer h2 {
		font-size: 50px;
	}
	.social-footer .img-social1 {
		width: auto;
	}
	.social-footer .img-social2 {
		width: auto;
	}
	.copyright-box {
		font-size: 25px;
	}
	.contact-indetail {
		margin-left: 5.8rem;
	}
	.modal-dialog {
		margin: 6rem auto;
	}
	.navbar-collapse .menu-dropshow ul.dropdown-menu li{
		font-size: 1.4rem;
	}

	.indetail-personal .form-profile {
		width: 100%;
	}
	 .ticket-booking, .table-booking{
        font-size: 1.4rem;
	}
	.title-showdetail, .show-price {
		font-size: 2.2rem;
	}
	.detail-travelbox h1{
		font-size: 2.2rem;
	}
	.detail-travelbox ul li span{
		font-size: 1.6rem;
	}
	.detail-travelbox p{
		font-size: 1.5rem;
	}
	.box-ticketmodal p{
		font-size: 1.6rem;
		padding-left: 1rem;
	}
	.box-ticketmodal h1{
		font-size: 2rem;
		padding-left: 1rem;
	}
	.box-ticketmodal h2 {
		font-size: 2.2rem;
		padding-left: 1rem;
	}
    .modal-open .modal{
        padding-right: 0 !important;
    }
	.ticket-paybox .rowindent-1 .fa-chevron-circle-right {
		font-size: 1rem;
	}
	/*--history-booking-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.head-page-history .headbar-top {
		box-shadow: 0px 0px 12px 6px rgba( 0, 0, 0, .1 );
	}
	.title-history h1 {
		font-size: 2.4rem;
	}
	.title-history p {
		font-size: 1.6rem;
	}
	.form-start-history, .form-history-search, .search-history {
		font-size: 1.6rem;
	}
	.change-boxsearch .search-flightbox .nav-pills .nav-link.active:before {
		bottom: -1.2rem;
	}
	.booking-box img.promotion-tag {
		width: auto;
	}
	.booking-box .detail-booking{
		width: 100%;
	}
	.booking-box span {
		padding: 0px 20px;
		border-radius: 20px;
	}
	.backpage-bt {
		padding: 7px;
	}
	.price-detailbooking-show{
		margin-top: 0;
	}
	.table-booking td {
		padding: 0 15px;
	}
	.price-detailbooking-show h1 {
		font-size: 2.2rem;
		margin-bottom: 0rem;
	}
	/*--history-account-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.profile-1 h1 {
		font-size: 1.4rem;
	}
	.save-profile{
		width: 30%;
	}
	.detail-profile {
		padding: 2rem 1.5rem 0;
	}
	.profile-2 {
		width: 100%;
	}
	.line-profile{
		width: 100%;
	}

	.detail-inprivilege h1, .detail-inprivilege {
		font-size: 1.2rem;
	}
	.choose-box p {
		font-size: 2.2rem;
    	padding: 0 15px;
	}
	.choose-box h1 img {
		width: 1.5em;
	}
	.type-choose-class h1, .type-choose-class p{
		font-size: 1.8rem;
	}
	.choose-box ul {
		font-size: 1.8rem;
	}
	.choose-box h1{
		font-size: 1.8rem;
    	padding: 0 15px;
	}
	.choose-box  .type-choose-class h1 {
		font-size: 1.8rem;
		padding: 0;
	}
	.detail-personal ul li img {
		width: auto;
	}
	.detail-personal{
		font-size: 1.4rem;
	}
	.title-personal-ticket, .title-personal-ticket h1, .direction-box, .waybox, .booking-intrain ul {
		font-size: 1.8rem;
	}
	.booking-intrain .last-bookingbox{
		font-size: 1rem;
	}
	.title-personal-ticket ul li {
		padding: 0 10px;
	}
	.img-check span {
		font-size: 1rem;
	}
	.tolet-box.barth-box {
		margin-bottom: 2.05rem;
	}
	.detail-personal{
		padding: 2rem 1rem;
	}
	.table-nameperson .title-history ul {
		font-size: 1.8rem;
	}
	.date-time{
		font-size: 1.6rem;
	}
    .type-patment{
        margin: 2rem auto;
    }
    .ticket-paybox{
        font-size: 1.6rem;
        padding: 25px 20px;
    }
    .ticket-paybox h2{
        font-size: 1.8rem;
    }
    .ticket-paybox h1{
        font-size: 2rem;
    }
    .ticket-paybox .line-booking{
        margin: 2rem auto;
    }
    .pay-channal, .choose-paybank h1 {
        font-size: 1.8rem;
    }
    .choose-paybank img {
        width: auto;
        margin-right: 1rem;
    }
    .choose-paybank .radio-box{
        margin:0 1rem;
    }

    .title-boxsuccess, .ticket-final{
        font-size: 1.8rem;
    }
    .ticket-final h1 {
        font-size: 2.2rem;
    }
    .ticket-final img {
        width: 65%;
    }
    .ticket-final{
        margin: 1.5rem auto 4rem;
    }
    .ticket-final ul{
        line-height:normal;
    }

	.form-coupon {
        width: 86%;
    }
    .btn-coupon, .tab-coupondetail, .detail-coupon h2, .form-coupon, .notification-box{
        font-size: 1.6rem;
    }
    .notification-box h2{
        font-size: 1.4rem;
    }
    .detail-coupon h1, .notification-box h1{
        font-size: 1.8rem;
    }
    .tab-coupondetail .nav-pills .nav-link {
        font-size: 1.4rem;
    }
    .pointreward {
        width: 70px;
        height: 70px;
    }
    .imgnews-read{
        width: 80%;
        margin:2rem  auto;
    }
    .title-readnews h1{
        font-size: 2rem;
    }
    .title-readnews p{
        font-size: 1.8rem;
    }
    .detail-readnews, .title-travelpage p, .title-travelpage h2, .ticket-bookflight h1, .ticket-bookflight{
        font-size: 1.8rem;
    }
    .title-travelpage h1{
        font-size: 2.2rem;
    }
    .ticket-bookflight h2{
        font-size: 2rem;
    }
	.ticket-bookflight p {
		width: 70%;
	}
    .ticket-bookflight img{
        width: auto;
    }
    .ticket-bookflight table {
        width: 90%;
        margin: auto;
    }
    .ticket-bookflight{
        padding: 1rem;
    }
	#privilegeModal .modal-content {
		padding: 1rem 1rem;
	}
	.conclude-booking{
		padding: 1% 0;
	}
	.eticket-box {
		font-size: 1.6rem;
	}
	.tagticket-box ul{
		padding-left: 10px;
	}
	.eticket-box .number-history li {
		width: 40%;
		text-align: left;
	}
	.eticket-box .number-history li:last-child{
		text-align: left;
		padding-left: 2rem;
    	background-position: 0rem .2rem;
	}
	.eticket-box .number-history li, .tagticket-box ul li h1{
		font-size: 1.6rem;
	}
	.tagticket-box .bookingbox-check .checkmark {
		left: 1rem;
		top: 3rem;
	}
	.select-booking, .date-select p{
		font-size: 1.8rem;
	}

	.booking-date-detail h1{
		margin-top: 0;
	}
	.detail-choosedate {
		padding: 2rem 15px;
		margin: 2rem auto 1rem;
	}
	.booking-date-detail p {
		margin-bottom: 1.5rem;
		font-size: 1.6rem
	}
	.bookimg-btn {
		margin-top: 0;
		margin-left: 0;
		padding: 7px;
	}
	.bg-rightstep3{
		padding: 10px;
	}
	.bg-detailstep3 {
		padding: 10px;
		margin: 1rem auto;
	}
	.detail-step3 img {
		width: auto;
	}
	.payment-box {
		height: 570px;
	}
	.waitinglist-page1 .payment-box {
		height: 786px;
	}
	.datechange-page .payment-box {
		height: 854px;
	}

	.cancel-box-right{
		text-align: right;
	}
	.booking-intrain.table-concelticket{
		overflow-x: inherit;
	}
	.booking-intrain.table-concelticket tr.bg-gold td:first-child{
		width: 85%;
	}
	.cancel-historybox {
		padding: 2rem 2rem;
	}

	.datechange-page .booking-box .detail-booking p, .detail-title-changedate p{
		font-size: 1.8rem;
	}
	.detail-title-changedate{
		margin-bottom: 2rem;
	}



	.search-discount .form-coupon{
		width: 82%;
	}
	.discount-box.discount-promotion {
		padding-left: 3rem;
	}


	.cancel-lastbox .gray-color-text {
		margin-top: 2rem;
    	font-size: 1.6rem;
	}

	.booking-box h1 {
		font-size: 3.5rem;
	}
	.booking-box {
		padding: 10px 15px;
		margin: 2rem auto 0;
	}
	.booking-box h1.class-booking {
		font-size: 2rem;
		margin-top: .5rem;
		padding-bottom: 1rem;
	}
	.choose-box ul li img {
		width: auto;
	}
	.detail-personal ul.sex-boxtitle {
		margin: 1rem auto 1.45rem;
	}
	.indetail-personal .foreign-box {
		margin: 1rem 0 2.2rem;
	}
	.bookingbox-check.correct-bt .checkmark {
		left: 16rem;
	}
	.download-bt.open-bt{
		background-size: auto;
	}

	.cancel-lastbox .bookingbox-check{
		font-size: 1.4rem;
	}
	.cancel-lastbox .bookingbox-check .checkmark {
		left: 9rem;
	}
	.payment-box .type-patment h1 {
		font-size: 1.6rem;
	}
	.type-patment {
		margin: 1rem auto;
	}
	.bookingbox-check.correct-bt{
		width: 55%;
		margin: auto;
		font-size: 1.4rem;
	}
	.bookingbox-check.correct-bt .checkmark {
    	left: 1.5rem;
		top: .2rem;
	}
	.changeclass-box h1 {
		font-size: 2.8rem;
	}
	.changeclass-box p {
		font-size: 1.8rem;
	}
	.search-box-changeclass .col-lg-3 {
		-ms-flex: 0 0 27%;
		flex: 0 0 27%;
		max-width: 27%;
	}
	.title-history.title-datechange ul {
		font-size: 1.8rem;
	}
	.search-box-changeclass .form-search,
	.search-box-changeclass .search-changeclass {
		font-size: 1.8rem;
		padding: 5px 15px;
		height: 50px;
		line-height: normal;
	}
	.search-box-changeclass {
		margin: 1rem auto 1.5rem;
	}
	.border-classbooking h1, .border-classbooking p {
		padding-left: 2.5rem;
	}

	.detail-member {
		font-size: 1.8rem;
	}
	.detail-member h1 .bookingbox-check.correct-bt .checkmark {
		top: 0.2rem;
	}

	.detail-text-checkbox p{
		font-size: 1.6rem;
	}

	.solout {
		width: 80%;
	}
	.detail-personal ul.member-list li {
		font-size: 1.4rem;
	}
	.detail-personal ul.member-list li .radio-box .checkmark {
		margin-top: 3px;
	}
	.success-loginpage{
		height: 65vh;
		display: flex;
		align-items: center;
	}
	.success-loginpage .line-booking{
		margin: 3rem auto;
	}
    .getit-bt{
        font-size: 1.6rem;
    }

    .ticket-bookflight h2 {font-size: 1.8rem;}
    .ticket-bookflight p.title-travelnumber {font-size: 1.6rem;}
    .ticket-bookflight span {font-size: 2.2rem;}
    .ticket-bookflight.booktravel table {width: 100%;margin: auto;}
    .booking-travel{font-size: 1.8rem;}

    .question-fullbox, .accordion-question .btn-link {
        font-size: 22px !important;
    }
    .img-pagefaqs img {width: auto;}
    .question-fullbox .bg-white {
        padding: 2rem 2rem 2rem;
    }
    .question-fullbox .bg-white.col-md-4{max-width:30%; margin-right: 15px;}
    .question-fullbox .bg-white.col-md-8{max-width:70%; margin-left: 15px;}


    .title-notification span {
        width:25%;
    }
    .imgqrcode img{width: auto;}
    .title-email h1 {
        font-size: 35px;
    }


/*     For Notification  Bancha.W 21/05/2020*/
   .title-notification span {
        width:25%;
    }
    .dropdown:hover .dropdown-menu{
        display: block;
    }

/*     For Notification  Bancha.W 21/05/2020*/

}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1200px) {
	.container{
		max-width: 1230px;
	}
	.search-flightbox .form-search {
		font-size: 1.8rem;
		line-height: 1.4;
	}
	.search-flightbox {
		padding: 2% 3%;
	}
	.box-notification a{
		padding: 10px;
	}
	.box-notification-list {
		top: 3px;
		right: 17px;
        padding: 4px;
	}
	.box-notification .dropdown-menu {
		right: -1rem;
		height: 420px;
		width: 380px;
		font-size: 1.8rem;
	}
	.box-notification .dropdown-menu .title-box{
		font-size: 1.4rem;
	}
	.box-notification .dropdown-menu h1, .box-notification .dropdown-menu h2, .box-notification .dropdown-menu p {
		font-size: 1.4rem;
	}
	.box-notification .dropdown-menu .readmore-btn a{
		padding: 0;
		font-size: 1.4rem;
	}
	.title-searchbox {
		margin: 0rem auto 1rem;
	}
	.title-searchbox ul{
		width: 70%;
	}
	.title-searchbox ul li {
		font-size: 33px;
	}
	.switbox h1 {
		font-size: 1.8rem;
	}
	.slim .navbar-brand img {
		width: 100px;
	}
	.search-box {
		bottom: 1rem;
	}
	.title-banner {
		margin-bottom: 12rem;
	}
	.title-banner h1 {
		font-size: 4.7rem;
	}
	.title-banner p {
		font-size: 2rem;
	}
	.title-login ul li {
		font-size: 1.8rem;
	}
	.title-login ul li.dropdown{
		padding: 0 17px;
	}
	.title-login ul.dropdown-menu li {
		padding: 0 7px;
	}
	.navbar-collapse ul li {
		font-size: 1.8rem;
	}
	.content-box1{
		padding: 5% 0;
		background-size: auto !important;
	}
	.detail-travelcontent {
		padding: 1.5rem;
		width: 92%;
		margin: auto;
	}
	.slide-travel-content1 {
		margin: 4rem auto 3rem;
	}
	.slide-travel-content1 .carousel-control-next {
		bottom: -20%;
		transform: translate(-30%,0);
	}
	.slide-travel-content1 .carousel-control-prev {
		bottom: -20%;
		transform: translate(30%,0);
	}
	.choice-box h1 {
		font-size: 1.8rem;
		height: auto;
	}
/*	.box-weather1 {
		justify-content: space-between;
	}
	.weather_show p {
		font-size: 34px;
		font-weight: 700;
	}
	.weather_show {
		font-size: 26px;
	}*/
	.bt-search{
		font-size: 2rem;
		line-height: 1.4;
		padding: 2.5px;
	}
	.icon-box h1 {
		font-size: 1.8rem;
	}
	.slide-travel-content1 .num {
		font-size: 36px;
	}
	.plane-box h1 {
		font-size: 1.8rem;
		margin-bottom: .5rem;
	}
	.plane-box {
		font-size: 1.6rem;
		height: 145px;
	}

	.slide-plane .num {
		font-size: 36px;
	}
	.slide-plane .carousel-control-next {
		bottom: -20%;
		transform: translate(-35% , 0);
	}
	.slide-plane .carousel-control-prev {
		bottom: -20%;
		transform: translate(35%,0);
	}
	.icon-box {
		margin-top: 5rem;
	}
	.social-footer p img {
		width: auto;
	}
	.footer h1 {
		font-size: 1.8rem;
	}
	.footer {
		padding: 5% 0;
		font-size: 1.8rem;
	}
	.contact-indetail {
		margin-left: 7.4rem;
	}
	.detail-travelcontent img{
		width:100%;
	}
	.navbar-collapse .menu-dropshow ul.dropdown-menu li {
		font-size: 1.8rem;
	}


	/*--history-booking-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.start-search img {
		width: auto;
	}
	.bg-fullhistory {
        padding: 3% 0 5%;
    }
	.form-history-search {
		padding: 5px 28px;
	}
	.form-start-history, .form-history-search, .search-history {
		font-size: 1.8rem;
	}
	.tagticket-box {
		width: 96%;
	}
	.eticket-box .number-history li:last-child {
		background-position: 0rem .5rem;
	}
	.detail-booking .open-promotionview {
		width: 300px;
		font-size: 1.8rem;
	}
	.detail-booking .open-promotionview2{
		top: 35%;
	}
	.stepbooking-1 h1 {
		font-size: 1.8rem;
	}
	/*.eticket-box {
		font-size: 1.6rem;
	}*/
	.eticket-box .number-history li, .tagticket-box ul li h1{
		font-size: 1.8rem;
	}
	.pagination-slidebooking {
		font-size: 1.8rem;
		margin: 6rem auto 0;
	}

	.booking-box {
		font-size: 1.8rem;
		padding: 2rem 2rem;
	}
	.booking-box h1{
		font-size:3.5rem;
	}
	.booking-box h1.class-booking{
		font-size: 2.8rem;
		margin-top: 0;
    	padding-bottom: 0;
	}
	.choose-bt {
        padding: 9px 0 5px;
        margin: 0;
        font-size: 2rem;
    }
	.booking-box .dropdown-menu {
		font-size: 1.6rem;
		top: 32%;
		right: 15%;
	}
	.change-booking {
        font-size: 2rem;
    }
	.booking-box .time-booking tr{
		text-align: left !important;
	}
	.choose-box h1 img {
		width: 1.7em;
	}
	/*--history-privilege-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.detail-editprofile, .text-profile p {
		font-size: 1.8rem;
	}
	.title-history ul {
		font-size: 1.8rem;
	}
	.title-history ul li:last-child span {
		line-height: 1;
	}
	.img-privilege span {
		width: 50px;
		height: 50px;
	}
	.img-privilege h1 {
		font-size: 1.6rem;
	}
	.img-privilege p, .img-modal p {
		font-size: 1.2rem;
	}
	.privilege-detail {
    width: 95%;
    margin: 2rem 0;
    padding: 15px;
	}
	.title-history h1 {
		font-size: 2.4rem;
	}
	.img-privilege span, .img-modal span {
		width: 70px;
		height: 70px;
		padding: 10px;
		line-height: .7;
	}
	.img-privilege h1, .img-modal h1 {
		font-size: 2rem;
	}
	.detail-inprivilege h1, .detail-inprivilege, .moredetail-modal h1, .moredetail-modal ul li h1, .moredetail-modal ul li p {
		font-size: 1.8rem;
	}
	.line-privilege{
		margin: 1rem auto;
	}
	.detail-inprivilege {
		margin: 1rem auto;
	}


	/*--history-help-page-------
	//////////////////////////////////////////////////////////////////////////*/
	.question-choice .choice-box {
		padding: 15px;
	}
	.accordion-question .btn-link, .accordion-question .card, .title-history p {
		font-size: 1.8rem;
	}
	.accordion-question .card-header {
		padding: 17px;
	}
	.accordion-question .card-body {
		padding: 4rem 5rem 4rem 2rem;
	}
	.accordion-question .fa-angle-down {
		font-size: 2rem;
	}
	.detail-personal {
		padding: 4rem 4rem;
	}


	.detail-personal, .detail-personal ul li, .backpage-bt {
		font-size: 1.8rem;
	}
	.booking-intrain .last-bookingbox {
		border: 0;
		font-size: 1.8rem;
	}
	.booking-intrain ul.last-bookingbox{
		margin-left: 2rem;
		margin-right: 0;
	}
	.tolet-box {
		width: 99px;
		height: 62px;
		margin: 0;
		padding-top: 1.2rem;
	}
	.tolet-box.barth-box {
		padding-top: 8px;
		margin-bottom: 1.7rem;
	}
	/*.booking-train {
		padding: 2% 0;
	}*/
	.train-number-btn {
		margin: 2rem auto;
	}
	.direction-box {
		margin: 1.5rem auto 0;
	}
	.booking-intrain ul.first-bookingbox{
		margin-left: 2rem;
	}
	.booking-intrain ul.three-bookingbox{
		margin-left: 2rem;
	}
	.bookingbox-check{
		font-size: 1.8rem;
	}
	.bookingbox-check .checkmark{
		top: 8px;
	}
	.booking-intrain{
		/*overflow-x: inherit;*/
		width: 98%;
    	font-size: 1.8rem;
	}
	.imgseat-book span {
		font-size: 1.4rem;
	}
	.waybox{
		margin-left: 2rem;
	}
	.table-nameperson {
		font-size: 1.8rem;
	}

	.payment-box {
		height:631px;
	}
	.datechange-page .payment-box {
		height: 936px;
	}
    .ticket-paybox {
        font-size: 1.8rem;
        padding: 2rem;
        margin:3rem auto 5rem;
    }
	.waitinglist-page1 .payment-box {
		height: 862px;
	}
    .ticket-paybox h1 {
        font-size: 1.8rem;
    }
    .ticket-paybox h2 {
        font-size: 1.8rem;
    }
    .img-viewdetail {
        width: auto;
        vertical-align: middle;
    }
    .ticket-final {
        padding: 2rem;
    }
    .profile-1, .profile-2, .profile-1 ul li {
        font-size: 1.6rem;
    }
    .profile-1 h1{font-size: 1.6rem;}
    .detail-profile {
        min-height: 710px;
    }
    .profile-2{
        margin: .5rem 0;
    }

    .login-show ul{width: 56%;}
    .login-show ul, .form-login{
        font-size: 1.8rem;
    }
    .login-show .modal-title{
        font-size: 2rem;
    }
    .login-show .modal-body p, .detail-member h1, .login-btn, .member-show .form-login{
        font-size: 1.8rem;
    }
	/*--news-page-------
	//////////////////////////////////////////////////////////////////////////*/
    .detail-news h1 {
        font-size: 1.8rem;
    }
    .detail-news{
        font-size: 1.6rem;
    }
    .news-box{
        margin-top: 3rem;
    }
    .ticket-bookflight {
        padding: 2rem;
    }
    .ticket-bookflight h2 {
        font-size: 2.8rem;
    }
    .ticket-bookflight {
		padding: 1.3rem 1.5rem;
	}
	.title-step, .detail-step3 {
		font-size: 1.8rem;
	}
	.bg-rightstep3 .fa-times-circle{
		font-size: 1.6rem;
	}
	.booking-date-detail .col-xl-1 {
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.booking-date-detail .col-xl-5 {
		-ms-flex: 0 0 39.666667%;
		flex: 0 0 39.666667%;
		max-width: 39.666667%;
	}

	.date-select p, .select-booking p, .booking-date-detail p, .booking-date-detail h1 {
		font-size: 1.8rem;
	}
	.tolet-travelbox img {
		width: auto;
	}
	.bg-gold {
		margin-top: 2rem;
	}
	.detail-cancelreservation-page {
		padding: 2% 30px;
	}
	.detail-cancelreservation-page .line-booking{
		margin: 1.5rem auto 2rem;
	}
	.detail-cancelreservation-page .title-history{
		margin-bottom: 2rem;
	}
	.cancel-box h1 {
		font-size: 2.4rem;
	}
	.cancel-box h1 span, .cancel-box ul {
		font-size: 1.8rem;
	}
	.cancel-historybox {
		padding: 2rem 5rem;
	}
	.ticket-booking, .table-booking, .discount-box h1, .discount-box p, .discount-btn, .delete-btn {
		font-size: 1.8rem;
	}
	.EN .discount-btn {
		font-size: 1.4rem;
	}
	.discount-box h2{
		font-size: 2.4rem;
	}

	.discount-box {
		padding: 10px 0;
	}
	.detail-success h1 {
		font-size: 2.4rem;
	}
	.table-concelticket p {
		font-size: 1.8rem;
	}
	.detail-travelbox h2{
		font-size: 1.7rem;
	}
	.box-ticketmodal h1 {
		font-size: 1.8rem;
	}
	.cancel-historybox .booking-intrain.table-concelticket table {
		margin: 2rem auto;
	}
	.table-concelticket h1 {
		font-size: 2rem;
	}
	.choose-box {
		padding: 1.5rem 1.5rem;
	}
   .choose-box--top {
      padding-bottom: 0.75rem;
   }
   .choose-box--bottom--disabled {
      padding-top: 0;
   }
	.choose-box p, .choose-box h1 {
		padding: 0 2rem;
	}
	.cancel-lastbox .bookingbox-check{
		width: 50%;
		margin: auto;
	}
	.cancel-lastbox .bookingbox-check .checkmark {
		left: 0;
	}
	.ticket-final h1 {
		font-size: 2rem;
	}
	.first-startbox .form-start-history{
		padding-left: 3rem;
	}
	.tagticket-box .bookingbox-check .checkmark {
		left: .5rem;
		top: 2rem;
	}

	.bookingbox-check.correct-bt .checkmark {
		left: 0;
		top: .5rem;
	}

	.search-box-changeclass {
		margin: 2rem auto 4.5rem;
	}
	.changeclass-box{
		margin-top: 2.5rem;
	}
	.border-classbooking h1, .border-classbooking p {
		padding-left: 3.5rem;
	}
	.detail-member h1 .bookingbox-check.correct-bt {
		width: 60%;
	}
	.detail-member h1 .bookingbox-check.correct-bt .checkmark {
		top: 0.5rem;
		left: 0;
	}
	.table-concelticket p img {
		width: auto;
	}
	.bookingbox-check.correct-bt {
		width: 48%;
		margin: auto;
		font-size: 1.8rem;
	}
	.condition .modal-content {
		width: 90%;
		margin: auto;
	}
	.condition .modal-title {
		font-size: 1.8rem;
	}
	.condition .modal-body{
		font-size: 1.8rem;
	}

	.solout {
		width: 85%;
	}
	.detail-personal ul.member-list li {
		font-size: 1.8rem;
	}
	.detail-personal ul.member-list li .radio-box .checkmark {
		margin-top: 6px;
	}

	.change-profilelist{
		font-size: 1.4rem;
	}


	.success-loginpage{
		height: 45vh;
	}
	.success-loginpage-full{
		height: 45vh;
		display: flex;
		align-items: center;
	}
	.success-loginpage .line-booking{
		margin: 2rem auto;
	}
	.back-to-homepage {
		width: 20%;
	}
	.success-loginpage-full .fa-check-circle {
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}
    .getit-bt{
        font-size: 1.8rem;
    }
    .step-booking {
        padding: 5% 0;
    }
    .booking-box .fa-arrow-right {
        font-size: 28px;
    }
    .booking-box p {
        font-size: 2rem;
    }
    .changeclass-box h1 {
        font-size: 3.5rem;
    }
    .changeclass-box p, .title-history {
        font-size: 2rem;
    }
    .ticket-bookflight.booktravel table h2 {font-size: 2.2rem;}
    .ticket-bookflight.booktravel table span {font-size: 2.8rem;}
    .ticket-bookflight p.title-travelnumber {font-size: 2rem;}
    .ticket-bookflight.booktravel h1{font-size: 2rem;}

    .question-fullbox, .accordion-question .btn-link{font-size: 28px !important;}
    .stepbox{width: 95%;margin:2rem auto;}
    .stepbox, .stepbox h1 {font-size: 28px;}
    .title-notification .bookingbox-check .checkmark {top: .5rem;}
    .title-notification span {
        width: 20%;
    }
    .title-email h1 {
        font-size: 40px;
    }
    .title-email.title-email-eng h1{font-size: 35px;}
}
@media (min-width: 1400px) {
	.title-banner {
		margin-bottom: 12rem;
	}
	.title-banner h1 {
		font-size: 5.7rem;
	}
	.title-banner p{
		font-size: 2.7rem;
	}
	.title-searchbox ul li.active a:before, .title-searchbox ul li:hover a:before {
		bottom: -1.5rem;
	}
	.title-searchbox ul li:hover a.title-raod2:before {
		bottom: -1.5rem;
	}
    .ticket-bookflight.booktravel table h2 {font-size: 1.8rem;}
    .ticket-bookflight.booktravel table span {font-size: 2.2rem;}
    .ticket-bookflight p.title-travelnumber {font-size: 1.8rem;}
    .ticket-bookflight.booktravel h1{font-size: 1.8rem;}
    .detail-email{margin: 2rem auto;font-size: 27px;}
    .detail-email .ticketgo{
        width: 100%;
    }

}
@media (min-width: 1600px) {
	.search-box {
		bottom: 13rem;
	}
	.title-banner {
		margin-bottom: 16rem;
	}
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 1700px) {
}
/*///////////////////////////////////////////////////////////////////////////////////*/
@media (min-width: 2000px) {
}