/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {
	.n3-why-vietravel img.pic-why {
		width: 100%;
	}
	.n3-why-vietravel .pos-title {
	    left: 25px;
	}
	.n3-why-vietravel .pos-arrow img.i-arrow-l {
		width: 40px;
	}
	.n3-why-vietravel h2 .t-chonvtv {
	    font-size: 22px;
	}
	.n3-why-vietravel h2 .t-visao {
	    font-size: 18px;
	}
	.n3-why-vietravel .pos-arrow {
	    right: -22px;
	    top: 44%;
	}
}
@media only screen and (max-width : 1024px) {
    .n3-header .menu > ul > li > a {
        padding-left: 5px;
    }

    .n3-header .nav-top li a {
        padding: 5px;
    }

    .n3-why-vietravel img.pic-why {
        width: 200px;
        height: 410px;
    }

    .n3-why-vietravel .pos-arrow {
        right: -3px;
    }

    .n3-why-vietravel .pos-title {
        left: 20px;
    }

    .n3-destination img.dd-img {
        height: 260px;
    }

    .n3-destination img.qg-img {
        height: 115px;
    }

    .n3-other .frame-other-destination img.pic-o-dest {
        height: 165px;
    }

    .n3-other .frame-other-destination {
        height: 380px;
    }

    .n3-footer {
        height: auto;
    }

        .n3-footer .mg-bot {
            margin-bottom: 80px;
        }

    .n3-fe img.pic-fe-s, .n3-fe img.pic-fe-l {
        height: 260px;
    }

    .n3-fe .title-fe-s {
        font-size: 17px;
    }

    .n3-pay-online img.pic-ud-l {
        height: 295px;
    }

    .n3-pay-online img.pic-ud-s {
        height: 145px;
    }

    .n3-pay-online .price-n {
        font-size: 15.5px;
    }

    .n3-pay-online .frame-po-s {
        height: 150px;
    }

    .n3-form-search .bg-dltn .triangle-up {
        left: 21%;
    }

    .n3-form-search .bg-dlnn .triangle-up {
        left: 40%;
    }

    .n3-form-search .bg-dltc .triangle-up {
        left: 59%;
    }

    .n3-form-search .bg-dltt .triangle-up {
        left: 77%;
    }

    .n3-tour-description .slideshow-pt img.pic-ss-pt {
        height: 450px;
    }

    .n3-tour-description .info.col-lg-4 {
        padding-left: 15px;
    }

    .n3-tour-description .slideshow-pt.col-lg-8 {
        padding-right: 15px;
    }

    .n3-tour-description .frame-func {
        right: 15px;
    }

    .n3-tour-description .frame-info {
        height: auto;
    }

    .n3-tour-detail .chuongtrinhtour img.pic-nd {
        height: 142px;
    }

    .n3-tour-detail .chuongtrinhtour .travel360 .video360 {
        height: 370px;
    }

    .n3-tour-detail .top-scroll-all {
        position: initial;
        top: initial;
        z-index: initial;
        width: 100%;
    }

    .n3-book-tour-1 ul.stepper li a .label {
        font-size: 16px;
    }

    .n3-book-tour-1 ul.stepper li a .circle {
        width: 2.2rem;
        height: 2.2rem;
        line-height: 2.2rem;
        margin-right: .3rem;
        font-weight: initial;
        font-size: 18px;
    }

    .n3-book-tour-1 img.pic-bt {
        height: 145px;
    }

    .n3-book-tour-1 .day, .n3-book-tour-1 .year {
        width: 85px;
    }

    .n3-book-tour-1 .month {
        width: 112px;
    }

    .n3-book-tour-2 .frame-xnbooking {
        height: auto;
    }

    .n3-book-tour-2 ul.stepper li a .label,
    .n3-book-tour-3 ul.stepper li a .label {
        font-size: 16px;
    }

    .n3-book-tour-2 ul.stepper li a .circle,
    .n3-book-tour-3 ul.stepper li a .circle {
        width: 2.2rem;
        height: 2.2rem;
        line-height: 2.2rem;
        margin-right: .3rem;
        font-weight: initial;
        font-size: 18px;
    }

    .n3-result .httt {
        height: 36px;
    }

    .n3-news .l .frame-news .frame-bot .des-content.cut-content {
        max-height: 60px;
    }

    .n3-news img.pic-news-l {
        height: 150px;
    }

    .n3-list-tour .list .frame-day-scroll .f-date {
        font-size: 13px;
    }

    .n3-list-tour .filter-sidebar .frame-filter .giatien .wl {
        margin-bottom: 5px;
        width: 100%;
    }

    .n3-list-tour .filter-sidebar .frame-filter .giatien .wr {
        width: 100%;
    }

    .n3-list-tour .filter-sidebar .frame-filter .songay .wl {
        margin-bottom: 5px;
        width: 100%;
    }

    .n3-list-tour .filter-sidebar .frame-filter .songay .wr {
        width: 100%;
    }

    .n3-list-tour .frame-info {
        font-size: 13px;
    }

    .n3-news .frame-tours-r .item-tour img.pic-tpb {
        height: 141px;
    }
    .n3-pay-online .price-o {
        font-size: 11.5px;
    }
    .n3-tour-detail .services .frame-service ul.list-service li {
        background: none; 
        padding-left: 0px; 
    }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .n3-why-vietravel .frame-why {
	    height: 505px;
	    padding: 50px 15px;
	}
	.n3-why-vietravel .mg-bot:nth-child(5) {
		margin-bottom: 30px;
	} 
	.n3-why-vietravel img.pic-why {
	    height: 555px;
	}
	.n3-destination .nation .col-lg-2,.n3-destination .nation .col-lg-4 {
	    width: 33.33333333% !important;
	}
    .n3-pay-online .price-o {
        font-size: initial;
    }

}
@media only screen and (min-width : 769px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.n3-header .nav-top>li {
	    margin-right: 0px;
	    height: 40px;
    	line-height: 39px;
    	border-bottom: 1px dashed #ccc;
	}   
	.n3-header .nav-top li:last-child {
    	border-bottom: none !important;
	}   
    .n3-header .nav-top {
    	display: none;
    	position: absolute;
    	right: 0px;
    	top: 40px;
    	background: #fff;
    	width: auto;
    	z-index: 9;
    	border: 1px solid #f1f1f1;
    	box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }
    .n3-header .nav-top li a {
    	padding-left: 20px;
    	padding-right: 20px;
    	color: #212121;
    }
    .n3-header .nav-top li {
	    position: initial;
	}
	.n3-header .nav-top .sub-menu {
		position: initial;
	}
	.n3-header .nav-top>li {
	    float: initial;
	}
	.n3-header .i-menu {
		float: right;
	}
	.n3-header .area-info .lang-info .obj {
		padding-right: 15px;
		padding-left: 15px;
	}
	.n3-header .area-info .user-info .obj {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.n3-header .area-info .nav-top-mini {
		padding-left: 15px;
	}
	.n3-header .bot-mg-b {
		margin-bottom: 20px;
	}
	.n3-idea-customer .frame-letter {
	    padding: 30px 15px;
	}
	.n3-destination img.qg-img {
	    height: 150px;
	}
	.n3-destination img.dd-img {
	    height: auto;
	}
	.n3-other .frame-other-destination {
	    height: auto;
	}
	.n3-other .frame-other {
	    height: 365px;
	}
	.n3-fe img.pic-fe-s {
	    height: 250px;
	}
	.n3-fe img.pic-fe-l {
	    height: 430px;
	}
	.n3-fe .frame-fe-s {
	    padding: 100px 10px 10px 10px;
	}
	.n3-fe .frame-fe-l {
	    padding: 150px 10px 10px 10px;
	}
	.n3-pay-online img.pic-ud-l {
		height: 430px;
	}
	.n3-pay-online img.pic-ud-s {
		height: 250px;
	}
	.n3-form-search .bg-dltn .triangle-up {
		left: 13%;
	}
	.n3-form-search .bg-dlnn .triangle-up {
	    left: 37%;
	}
	.n3-form-search .bg-dltc .triangle-up {
	    left: 61%;
	}
	.n3-form-search .bg-dltt .triangle-up {
	    left: 85%;
	}
	.n3-tour-description .slideshow-pt img.pic-ss-pt {
	    height: 400px;
	}
	.n3-tour-detail .chuongtrinhtour img.pic-nd {
	    
	}
	.n3-tour-detail .chuongtrinhtour .travel360 .video360 {
	    height: 242px;
	}
	.n3-tour-detail .tour-similar img.pic-ttt {
		height: 215px;
	}
	.n3-list-tour .list-tour .list img.pic-lt {
	    height: 110px;
	}
	.n3-book-tour-1 .chuy ul.list-chuy li {
	    margin-bottom: 10px;
	    line-height: 18px;
	    text-align: left;
	}
	.n3-book-tour-1 .chuy ul.list-chuy li:last-child {
	    margin-bottom: 0px;
	}
	.n3-book-tour-1 .day, .n3-book-tour-1 .year {
	    width: 100px;
	}
	.n3-book-tour-1 .month {
	    width: 129px;
	}
	.n3-news .mg-bot {
	    margin-bottom: 15px;
	}
	.n3-faq .dl {
	    width: 5%;
	}
	.n3-faq .dr {
	    width: 95%;
	}
	.n3-tour-program .frame-date .date {
	    margin-left: 0px; 
	    padding-top: 5px;
	    line-height: 20px;
	}
	.n3-visa .n3-news .item img.pic-lt {
	    height: 115px;
	}
	.n3-visa .n3-news .frame-info {
	    line-height: 18px;
	}
	.n3-tour-detail .mg-fr {
		margin-bottom: 10px;
	}
	.n3-form-search .o-dl {
	    width: 130px;
	    height: 146px;
	}	
    .n3-form-search .o-dl {
        margin-right: 15px;
    }
    .n3-form-search {
        height: 105px;
    }
	.n3-form-search .frame-search {
	    margin-top: -60px;
	}
	.n3-list-tour .frame-info {
	    font-size: 13px;
	}
    .n3-header .area-info .cart-info .obj {
        padding-right: 15px;
        padding-left: 15px;
    }
    .n3-header .area-info .cart-info .obj .frame-cart {
        right: 10px;
    }
    .n3-customer-idea .frame-letter {
        padding: 15px 15px 30px 15px;
    }
    .n3-tour-type .carousel-control.right {
        right: 0px;
        top: 58px;
    }
    .n3-tour-type .carousel-control.left {
        left: 0px;
        top: 58px;
    }
    .n3-customer-idea .item-letter {
        margin-bottom: 30px;
    }
    .n3-list-tour .filter-sidebar .frame-filter .giatien .wl {
        width: initial !important;
        margin-right: 5px;
    }

    .n3-list-tour .filter-sidebar .frame-filter .giatien .wr {
        width: initial !important;
    }

    .n3-list-tour .filter-sidebar .frame-filter .songay .wl {
        width: initial !important;
        margin-right: 5px;
    }

    .n3-list-tour .filter-sidebar .frame-filter .songay .wr {
        width: initial !important;
    }
}
@media only screen and (max-width : 767px) and (min-width : 481px) {

}
@media only screen and (max-width : 767px) {
	.n3-why-vietravel .frame-why {
	    height: auto;
	}
	.n3-why-vietravel .pos-title {
	    position: initial;
	    top: initial; 
	    right: initial;
	    color: #333;
	}
	.n3-why-vietravel .frame-why {
	    padding: 30px 15px;
	}
	.n3-why-vietravel .mg-bot:nth-child(6), .n3-why-vietravel .mg-bot:nth-child(1) {
		margin-bottom: 30px;
	}
	.n3-destination .nation .col-lg-2,.n3-destination .nation .col-lg-4 {
	    width: 100% !important;
	}
	.n3-book-tour-1 .wl {
	    width: 8%;
	}
	.n3-book-tour-1 .wr {
	    width: 92%;
	}
}
@media screen and (max-height: 575px){
    
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .cfooter {
        bottom:40px;
    }
    .n3-other .frame-other-destination img.pic-o-dest {
        height: 195px;
    }
    #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
	.n3-header .phone-support .dropdown-menu {
	    right: -15px !important;
	}
	.n3-header .nav-top {
		width: 220px;
	}
	.search-mini-s .txt-search.form-control {
		border-radius: 0px;
		border: none;
		border-bottom: 1px dashed #ccc;
		height: 35px;
		padding-right: 25px;
		padding-left: 0px;
		background: initial;
		box-shadow: initial;
		width: 100%;
		margin-bottom: 15px;
	}
	.search-mini-s .btn-f {
	    position: absolute;
	    top: 10px;
	    right: 4px;
	}
	.n3-form-search .frame-search {
	    margin-top: 0px;
	    width: 100%;
	}
	.n3-form-search {
	    height: auto; 
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.n3-form-search .o-dl {
	    margin-bottom: 10px;
	    width: 46%;
	    height: 55px;
	    margin-right: 2%;
	    margin-left: 2%;
	    padding: 10px;
	}
	.n3-form-search .frame-search .mg-b {
		margin-bottom: 10px;
	}
	.n3-form-search .frame-search img {
		height: 35px;
	}
	.n3-form-search .frame-dltt .txt-sobooking {
	    width: 100%;
	}
	.n3-form-search .frame-dltt .btn-trabooking {
	    width: 100%;
	}
	.n3-form-search .frame-dltt  {
		margin: initial !important;
		display: flex !important;
		width: 100%;
	}
	.n3-form-search .frame-dltt .frame-dltt-left {
	    float: initial !important;
	}
	.n3-form-search .text2 {
		font-size: 13px;
	}
	.n3-form-search .text1 {
		border-bottom: 1px dashed #b7afac;
		padding-bottom: 8px;
		margin-bottom: 8px;
		font-size: 13px;
	}
	.n3-form-search .o-dl:last-child, .n3-form-search .o-dl:nth-child(3) {
	    margin-bottom: 0px;
	}
	.n3-tour-type .item-tour-type .tourtype-name {
	    font-size: 13px;
	}

	.n3-idea-customer .item-letter {
		margin-bottom: 30px;
	}
	.n3-idea-customer .item-letter:last-child {
		margin-bottom: 0px;
	} 
	.n3-destination img.qg-img {
	    height: auto; 
	}
	.n3-other .frame-other-destination {
	    height: auto;
	}
	.n3-other .frame-other {
    	height: auto;
    }
    .n3-other .frame-other .app-info .l1 {
		display: none;
	}
	.n3-other .frame-other .app-info .as {
		margin-left: 0px;
	}
	.ft-mg {
		margin-bottom: 8px;
	}
	.n3-fe  img.pic-fe-s, .n3-fe  img.pic-fe-l {
		height: 195px;
	}
	.n3-fe  .frame-fe-l {
	    padding: 130px 10px 10px 10px;
	}
	.n3-why-vietravel {
	    margin-bottom: 30px;
	}
	.customer-idea .item-letter {
		margin-bottom: 15px;
	}
	.n3-pay-online img.pic-ud-l {
		height: 195px;
	}
	.n3-pay-online img.pic-ud-s {
		height: 230px;
	}
	.tour-hour img.pic-tgc {
		height: 195px;
	}
	.n3-form-search .bg-dltn .triangle-up {
		left: 25%;
	}
	.n3-form-search .bg-dlnn .triangle-up {
	    left: 70%;
	}
	.n3-form-search .bg-dltc .triangle-up {
	    left: 25%;
	}
	.n3-form-search .bg-dltt .triangle-up {
	    left: 70%;
	}
	.n3-tour-description .slideshow-pt img.pic-ss-pt {
	    height: 175px;
	}
	.n3-tour-description .sec2 .mg-bot-date {
		margin-bottom: 8px;
	}
	.n3-tour-description .bg-phone {
	   
	}
	.n3-tour-detail .chuongtrinhtour .list .list__item {
    	display: initial;
    }
    .n3-tour-detail .chuongtrinhtour .list 
	.list__item .list__time {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.n3-tour-detail .chuongtrinhtour .list 
 	.list__item .list__desc {
    	width: 100%;
    }
	.n3-tour-detail .chuongtrinhtour 
	.list .list__item .list__desc .border {
	   display: none;
	}
	.n3-tour-detail .chuongtrinhtour img.pic-nd {
	    height: 188px;
	}
	.n3-tour-detail .chuongtrinhtour .travel360 {
	    display: none;
	}
	.n3-tour-detail .title {
	    margin-bottom: 15px;
	}
	.n3-tour-detail .lienhe .address {
		line-height: 18px;
	}
	.n3-tour-detail .tour-similar img.pic-ttt {
	    height: 180px;
	}
	.n3-list-tour .list-tour .sort-tour .mg-bot {
	    margin-bottom: 15px;
	}
	.n3-list-tour .list-tour .sort-tour .text-right {
	    text-align: left !important;
	}
	.n3-list-tour .list-tour .list img.pic-lt {
	    height: 180px;
	    margin-bottom: 15px;
	}
	.n3-book-tour-1 ul.stepper li a .label {
	    font-size: 12px;
	}
	.n3-book-tour-1 ul.stepper li a .circle {
	    margin-bottom: 10px;
	}
	.n3-book-tour-1 ul.stepper li a .circle {
	    width: 2rem;
	    height: 2rem;
	    line-height: 2rem;
	    margin-right: 0rem;
	    font-size: 15px;
	}
	.n3-book-tour-1 .day, .n3-book-tour-1 .year {
	    width: 100%;
	}
	.n3-book-tour-1 .day {
	    margin-bottom: 15px;
	}
	.n3-book-tour-1 .month {
	    width: 100%;
	    margin-bottom: 15px;
	}
	.n3-book-tour-1 .wl {
	    width: 7%;
	}
	.n3-book-tour-1 .wr {
	    width: 93%;
	    line-height: 18px;
	    padding-top: 0px;
	}
	.n3-book-tour-2 .frame-xnbooking .mg-bot,
	.n3-book-tour-2 .frame-chitiet .mg-bot {
		margin-bottom: 5px;
	}
	.n3-book-tour-2 ul.stepper li a .circle {
	    width: 2rem;
	    height: 2rem;
	    line-height: 2rem;
	    margin-right: 0rem;
	    font-size: 15px;
	}
	.n3-book-tour-2 ul.stepper li a .label {
	    font-size: 12px;
	}
	.n3-book-tour-2 ul.stepper li a .circle {
	    margin-bottom: 10px;
	}
	.n3-book-tour-3 ul.stepper li a .circle {
	    width: 2rem;
	    height: 2rem;
	    line-height: 2rem;
	    margin-right: 0rem;
	    font-size: 15px;
	}
	.n3-book-tour-3 ul.stepper li a .label {
	    font-size: 12px;
	}
	.n3-book-tour-3 ul.stepper li a .circle {
	    margin-bottom: 10px;
	}
	.n3-book-tour-3 .form-huongdan img.pic-hd1 {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.n3-book-tour-3 .form-huongdan img.pic-hd2 {
	    margin-left: 0px;
	    width: 100%;
	}
	.n3-result .httt {
    	height: auto; 
	}
	.n3-news img.pic-news-l {
    	height: 190px;
	}
	.n3-news .item img.pic-lt {
	    height: 180px;
	    margin-bottom: 15px;
	}
	.n3-contact .frame-contact {
	    padding: 15px;
	}
	.n3-faq .dl {
	    display: none;
	}
	.n3-faq .dr {
	    width: 100%;
	}
    .n3-visa .frame-info {
	    padding: 15px;
	}
	.n3-tour-program img.img-qrcode {
	    margin-bottom: 15px;
	}
	/* update 29/05/2019 form visa-result */
	.n3-visa .n3-news .item img.pic-lt {
	    height: 180px;
	}
	/* update 29/05/2019 form visa-result */
	/* update 10/06/2019 */
	.n3-tour-detail .mg-fr {
		margin-bottom: 10px;
		height: auto;
		line-height: initial;
	}
	.n3-tour-detail #timeline {
	    width: 82%;
	}
	.n3-tour-detail .introduce .frame-introduce {
	    background: initial; 
	    border-radius: initial; 
	    padding: initial; 
	}
	.n3-tour-detail .frame-audio {
	    background: #fff;
	}
    .n3-tour-description .frame-rating {
        margin-bottom: 5px;
        margin-top: 0px;
    }
    .n3-contact .modal-body .i-con {
        width: 10%;
    }

    .n3-contact .modal-body .i-text {
        width: 90%;
    }
    .n3-header .area-info .cart-info .obj .dropdown-menu .col-xs-9 {
        padding-left: 0px !important;
    }
    .n3-header .area-info .cart-info .obj .dropdown-menu {
        right: -140px !important;
    }
    .n3-header .area-info .nav-top-mini {
        padding-left: 12px;
    }
    .n3-header .area-info .lang-info .obj {
        padding-right: 12px;
        padding-left: 12px;
    }
    .n3-header .area-info .user-info .obj {
        padding-right: 12px;
        padding-left: 12px;
    }
    .n3-header .area-info .cart-info .obj {
        padding-right: 12px;
        padding-left: 12px;
    }
    .n3-header .h-top .col-xs-4 {
        padding-right: 0px !important;
        padding-left: 5px !important;
    }
    .n3-header .h-top .col-xs-8 {
        padding-left: 0px !important;
    }
    .n3-header .area-info .cart-info .obj .frame-cart {
        right: 8px;
    }
    .n3-tour-description .btn-s1 {
        margin-right: 15px;
        border-right: initial;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    .n3-tour-description .frame-info {
        background: #f1f1f1;
        padding: 15px;
    }
    .mg-botss {
        margin-bottom: 10px;
    }
    .badge-promo {
        padding: 15px 10px 10px 10px;
    }
	/* update 10/06/2019 */

    .n3-tour-type .carousel-control.right {
        top: 20px;
    }
    .n3-tour-type .carousel-control.left {
        top: 20px;
    }
    .n3-tour-detail .services .frame-service ul.list-service li {
        background: url(../content/themehe/img/circle.png) no-repeat top left;
        padding-left: 20px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 414px) {

}
@media only screen and (max-width : 375px) {
	.n3-book-tour-1 .wl {
	    width: 9%;
	}
	.n3-book-tour-1 .wr {
	    width: 91%;
	}

}
@media only screen and (max-width : 360px) {
   .n3-pay-online img.pic-ud-s {
		height: 195px;
	}
}
@media only screen and (max-width : 320px) {
	
}