/* CSS Document */
@media (max-width: 450px) {
    .navbar {
    top: 0;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: 999;
    width: 100%;
	padding: 10px 15px !important;
	}
	
	.navbar-toggler { padding-right: 0;}

	
    .carousel-fade .carousel-item{ height: 720px;}
    .carousel-item img{ object-fit: cover; height: 100%;}
    .carousel-item p{  width: 100% !important;}
	.carousel-caption{top: 10%;}
	.carousel-caption h1{ font-size: 30px;}
    .carousel-caption h1 span{ display: block;}
    
    .navbar-nav {
    background: #fff;
    margin-top: 14px;
    }
	
/*	.navbar-brand h1 img{ opacity: 0;}
	.navbar-brand h1{ background: url("../img/logo_footer.svg") no-repeat; background-size: contain;}*/
	
	.navbar-nav .dropdown .dropdown-item{ padding: 0.25rem 2rem;}
    
    .navbar-collapse{ margin: 0 -30px; border-bottom: 3px solid var(--primary); margin-bottom: -15px;}
    .icon_humberger{ background:url("../img/Divider.svg") right no-repeat; display: inline-block; width: 52px; height: 20px; transform: translateY(0px);}
    .navbar-dark .navbar-toggler{ border: none !important; color: transparent !important; }
    .navbar-dark .navbar-nav .nav-link{margin: 5px 30px 5px 30px;}
	.navbar-dark .navbar-brand h1{ transform: translateY(0);}
	.bg-header{ padding-top: 55px;}
    
    /*search_home*/
	.box_search_home{ width: 96%; top: 40%;}
	.search_home{border-radius: 20px; padding: 25px 30px 0px 30px;}
	.search_home [class*="col-"]{ margin-bottom: 20px;}
	.btn-search {
    border-radius: 10px;
    padding: 15px 0;
    margin-top: 26px;
    width: 100%;
    max-height: 60px;
    transform: translateY(0);
	max-width: 100%;
	}
	.search_home .form-control{ border-bottom: 1px solid var(--primary)}
    
    /*destination*/
	
	
    /*toplist_sec*/
	.toplist-item{ margin-bottom: 20px;}
    .tab_toplist { justify-content: left;}
	.top_list_sec {background: url(../img/bg_toplist.png) repeat-y; background-size: 300%;}
	
	/*review*/
	.review_sec hr{ width: 20% !important;}
	
    
    /*handbook_travel*/
    .big_post_review_home, .small_post_handbook [class*="col-"] {margin-bottom: 20px;}
	.col-20{ flex-wrap: wrap; align-content: flex-start;}
	.col-20>div{ margin-bottom: 20px; margin-right: 0; width: 50%;}
	.row_travel_sec{display: flex; flex-direction: row-reverse;}
	.smallest_post_handbook{ padding: 7px;}
	
	/*2trip_info*/
	.content_2trip_info_col{ flex-wrap: wrap; align-content: flex-start;}
	.content_2trip_info { background: url(../img/dash_cuver.svg) repeat-y; background-size: contain;}
	.content_2trip_info > div > .col-33:before{ left: -5px;}
	.col-33{ padding: 25px; margin-bottom: 20px;}
	.content_2trip_info > div > .col-33:last-child:before{ top: 66px;}
	
	
	.bg_field_mail{ margin-right: 0;}
	.bg_field_mail input{ min-width: 210px;}
    .form_mail_letter {
		display: block !important;
	}
	
	.form_mail_letter button { margin-top: 20px; width: 100%; padding: 15px;}
	
	/*page*/
	.hero_page h1{ font-size: 30px;}
	.top_list_page{ background: none; margin-top: 10px !important;}
	.group-destination li{width: calc(100% - 16px);}

	.tab-destisite .nav-pills .nav-link{ margin-bottom: 10px;}
    
	.author-detail .head-author{ align-items: stretch !important;}
	.author-detail .name-rank{ flex-direction: column;}
	.properties_author{ display: flex; flex-direction: column;}
	.properties_author small{ margin-bottom: 5px;}

	.right-sidebar{ margin-top: 40px !important;}
	.detail-post .head-author img{ width: 15%;}
	
	.content-detail-post h1, .properties-post, .content-detail-post strong, .content-normal-post, .heading-content-post, .content-detail-post .caption, .link-content-detail-post, .tag, .link_related_text, .content-detail-post .toc{ width: 100%;}
	.content-detail-post:before{ display:none;}
	
	a.back-to-top{ display: none !important;}
    
    /*booking-tour*/
	.booking-tour{ position: fixed; bottom: 54px; left: 0; top: inherit; display: none;}
	.sticky-bottom{ display: block;  position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; display: flex; padding: 10px; box-shadow: 0px -10px 10px rgba(103, 103, 103, 0.1); justify-content: center; border-top:1px solid #E9EBED;}
	.sticky-bottom>div{ padding: 0 10px;}
	.hotline{ width: 50%;}
	.hotline a, .booktour-mobile a{background: var(--basictext); padding: 8px 15px; border-radius: 100px; width: 100%; display: block; text-align: center; color: #fff;}
	.hotline a i{ margin-right: 10px;}
	.booktour-mobile{ width: 50%;}
	.booktour-mobile a{ background: var(--secondary); color: var(--basictext);}
	.show {display:block;}
	
	/*about*/
	.hero-about{ background-blend-mode: soft-light; background-size: cover;}
	.about-row2 .px-5, .about-row1 .px-5, .des-ceo{ padding-right: calc(var(--bs-gutter-x) / 2) !important; padding-left: calc(var(--bs-gutter-x) / 2) !important;}
	.about-row4 > div:first-child{ padding-right: calc(var(--bs-gutter-x) / 2) !important; }
	.about-row1 p:first-child { margin-top: 40px !important; margin-bottom: 30px;}
	.photo-team{ width: 100%;}
	.des-ceo{ padding-top: 30px;}
	.name-ceo h2{ font-size: 37px;}
	.about-row4 h3{ margin-top: 0;}
	
	.testimonial-item.postion-relative .px-5 {padding-left: 20px !important; padding-right: 20px !important;}
    
	.sticky-after-content:before{left: -29px;}
	.content-detail-post blockquote{ padding-left: 15px;}
	.content-detail-post blockquote:before{left: 0px;}








}