@media (min-width: 576px){
.container {
    max-width: 100%;
}
}
@media (min-width: 992px){
.container {
    max-width: 970px;
}

}
@media (min-width: 1200px){
.container {
    max-width: 1170px;
}
}
@media (max-width: 1280px){
	.menu_header ul li a {
		font-size: 13px;
		padding:8px 9px;
	}
	.menu_header ul li a svg{
		width: 21px;
		height: 24px
	}
}
@media (max-width: 1199px){
	.menu_header ul li a {
	    font-size: 12px;
	    padding: 8px 5px;
	}
	.menu_header ul li .iconMenu {
    	width: 17px;
    	margin-left: 3px;
	}
}
@media (max-width:991.98px){
    .nav-collapse{
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 56px;
		height:56px;
		font-size: 30px;
		display: block;
	}	
	.overlay {
		display: inline-block;
		visibility: visible;
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 102;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-x: hidden;
		transition: 0.5s;
	  }
	  
	  .overlay-content {
		position: relative;
		top: 10%;
		width: 100%;
		text-align: center;
		margin-top: 0;

	  }
	  
	  .overlay a {
		padding: 8px;
		text-decoration: none;
		font-size: 26px;
		color: #818181;
		display: block;
		transition: 0.3s;
	  }
	  
	  .overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
		  text-decoration:none;
	  }
	  .check-pay img {
			max-height: 35px !important;
		}
	  .overlay .closebtn {
		position: absolute;
		top: -20px;
    	right: 20px;
		font-size: 60px;
	  }
}
@media (max-width: 991px){
	.overtop-mobile-nav {
		display: block;
		position: relative;
		padding-top: 12px;
		padding-bottom: 12px !important;
	  }
	  .overtop-mobile-nav .logo {
		position: relative;
		z-index: 9910;
		left: 15px;
		width: 50%;
	  }
	  .overtop-mobile-nav .logo a {
		display: inline-block;
	  }
	.menu_header .logo{
		display: none
	}
	.wrap_top .show_wrap_show_ .hidden-mobile{
		display: none
	}
	.account .show_wrap_show_  i {
		background:#438dc4;
		color: #fff;
		padding:10px;
		border-radius: 3px
	}
	.wrap_top .top_header .title_account p {
	    padding: 7px 10px;
	}
	.wrap_header_top .wrap_top .logo{
		display: flex;
		width: auto
	}
	.wrap_top .logo a{
		width: 90px;
	}
	.logo .humberger{
		width: 32px;
		height: 30px;
		background:transparent;
		display: block;
		margin-top: 4px;
		margin-right: 10px;
		position: relative;
	}
	.logo .humberger .sanwich{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 2px ;
		background:#222;
		transform: translate(-50%, -50%);
	}
	.logo .humberger .sanwich::before,
	.logo .humberger .sanwich::after{
		content:"";
		position: absolute;
		width: 20px;
		height: 2px;
		background:#222;
	}
	.logo .humberger .sanwich::before{
		margin-top: -7px;
	}
	.logo .humberger .sanwich::after{
		margin-top: 7px;
	}
	.menu_header{
		position: fixed;
	    top: 0;
	    background: #ededed;
	    left: 0;
	    width: 100%;
	    height: 100vh;
	    overflow:scroll;
	    z-index: 10;
	    transition: all .4s ease-in;
	    transform: translateX(-100%);
	    visibility: hidden;
	    border-top: 2px solid #ff8916;
	}
	.menu_header.selector_show{
		transform: translateX(0);
		visibility: visible;
		z-index: 1000;
	}
	.menu_header .container{
		padding:0;
	}
	.menu_header .menu-top{
		display: flex;
		background: #fff;
		justify-content: space-between;
	}
	.wrapMobile{
		display: block;
		background: #fff;
		margin-bottom: 10px;
		padding:10px 15px;
	}
	.menu_header .menu-top .bar_user{
		display: flex;
	}
	.menu-top .bar_user i{
		font-size: 35px;
	    margin-right: 14px;
	    color: #555;
	    padding-top: 10px;
	}
	.menu_header .menu-top .interfaceUser{
		width: 53px;
	    height: 53px;
	    float: left;
	    border: 2px solid #f1f1f1;
	    overflow: hidden;
	}
	.menu_header .menu-top .interfaceUser img{
		border-radius: 100%;
		object-fit: cover;
		width: 100%
	}
	.menu_header .menu-top .login_right{}
	.menu-top .login_right ul{
		display: flex;
		padding-top: 10px
	}
	.menu-top .login_right ul li{
		width: auto;
	}
	.menu-top .login_right ul li a{
		border:none;
		padding: 5px 20px;
    	margin: 0 5px;
    	color: #fff;
	    background-color: #ff8917;
	    font-weight:300;
	    border-radius: 2px
	}
	.menu_header ul.menu_main_mo {
		background: #ddd;
    display: block;
    padding: 10px;
	}
	.menu_header ul li.callPhone {
    	padding-left: 0px;
	}
	.menu_header ul.menu_main_mo li {
		width: 100%;
		text-align: left;
	}
	.menu_header ul li a {
		justify-content: left;
		padding: 10px 0px;
	    font-size: 14px;
	    color: #222;
	    position: relative;
	    text-transform: capitalize;
	    font-weight: 300;
	    border:none;
	    border-top: 1px solid #f1f1f1;
	}
	.menu_header ul li a.active {
	    background-color: #fff;
	    color: #222;
	    border-top: 1px solid #f1f1f1;
	}
	.menu_header ul li a svg {
	    width: 16px;
	    height: 20px;
	}
	.language_mobile{}
	.menu_header .language_mobile ul{}
	.menu_header .language_mobile ul li{
		width: 100%
	}
	.language_mobile ul li a{
		border:none;
		padding:5px 0;
	}
	.language_mobile ul li a span{
		margin:auto;
		margin-right: 0
	}
	.language_mobile ul li img{
		width: 26px
	}
	.mobile_show{
		display: block!important;
		background: #fff;
		padding:10px 15px;
		padding-bottom: 20px
	}
	.contact_mobile ul{
		display: block;
	}
	.contact_mobile ul li{
		width: 100%!important
	}
	.contact_mobile ul li a{
		/*justify-content: left*/
	}
	.gooplay{
		background: none;
		text-align: center;
	}

	#selectseacher {
	margin:auto;
	font-size: 24px;
    color: #818181;
    margin: auto;
    padding: 10px;
    background-color: #00000000;
	}










	/**/
	.menu_header .container{
		display: inherit;
	}
	.wrap_header_top {
		display: block
	}
	/**/
}
@media (max-width: 768px){
	.overlay a{
	   font-size:24px;	
	}
	.body-visa{
	   padding:20px 15px !important;	
	}
	.form-visa{
	   box-shadow:none !important;	
	}
	
	.menu_header .menu-top .interfaceUser {
		width: 42px;
		height: 42px
	}
	.menu-top .bar_user i {
		padding-top: 4px
	}
	.menu-top .login_right ul {
	    padding-top: 5px;
	}

	.overtop-mobile-nav {
		background-color: #fff;
	  }
	  .overtop-mobile-nav .logo {
		width: 15% !important;
	  }
	  .navbar-brand {
		margin-right: 0px !important;
	  }
	  .overtop-nav .navbar .navbar-nav .nav-item a {
		font-size: 13.4px;
	  }
	  .others-options .appoinment-btn {
		display: none;
	  }
	  .wrapperTour {
		margin-top: 100px;
		position: relative;
	}
	.form-info-now .row_end {
		margin: 20px 0px 0px -10px;
	}
	.text-right {
		margin: 30px 196px 30px 0px;
	}
	.tab-header-visa a {
		font-size: 22px;
	}
	#sliderBook .owl-nav button.owl-prev {
		top: 45px;
    	left: -12px;
	}
	#sliderBook .owl-nav button.owl-next {
		top: 45px;
    	right: -12px;
	}
}
@media (max-width: 425px){
	.contact_info {
    width: 100% !important;
	}
	.modal-edit {
		display: none;
	}
	.navbar-brand {
		width: 60% !important;
	}
	
	.menu-top .login_right ul li a {
    	padding: 5px;
    	font-size:12px;
	}
	#header .logo--mb img {
		width: 135px;
	}
	.info-phone span._tele-phone b {
		font-size: 14px;
	}
	.info-phone > i.fa {
		font-size:18px;
	}
	.nav-collapse{
		position: absolute;
		top: -3px;
		right: 0px;
		width: 56px;
		font-size: 30px;
		display: block;
		z-index: 5;
	}
	
	  .form-info-now h4.title_book {
		text-align: center;
		margin: 35px 0px 20px -10px;
	}
	  .form-info-now .row_end {
		margin: 20px 0px 0px -10px;
		justify-content: flex-end;
	}
	.text-right {
		margin: 30px 45px 30px 0px;
	}
	.booking__item {
    	height: 400px !important;
	}
	.tab-header-visa a {
		font-size: 15px;
	}
	/*Css Giang Add*/
	.overtop-nav::before{
		display:none;
	}
	.guests {
    position: absolute;
    left: 0;
    margin-top: 0px !important;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.35);
    width: 290px !important;
    z-index: 10;
    display: none;
	}
	.guests2 {
    position: absolute;
    left: -15px;
    margin-top: 0px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.35);
    width: 290px;
    z-index: 10;
	}
	.wrapInput .form-group i {
    color: #f11111;
    font-size: 30px;
    padding: 5px 5px;
	}
	.partners .partners-content {
    width: 50%;
	}
	.footer-margin {
		margin-top: 30px;
	}
	.page-intro {
    margin-top: 20px !important;
	}
	.titleSection {
    margin: 40px 0 50px 0px !important;
}
#cv {
	width: 235px !important;
	}
	.content-country #economy {
    font-size: 11px !important;
	}
	.vkh {
    margin-right: -12px !important;
}
	.content-country p.chuthic {
    font-size: 9px !important;
}
#demo {
margin-top:100px;	
}
	.tab_contents .tab_item.active {
    z-index: 1;
}
	.height-item {
    height: 280px !important;
}
	.carousel-inner img.item-height {
		height: 280px;
	}
#ticketmargin {
	margin: 160px 0 50px 0px !important;
	}
#selectseacher {
	margin:auto;
	font-size: 24px;
    color: #818181;
    margin: auto;
    padding: 10px;
    background-color: #00000000;
	}
}
@media (max-width: 375px){
	.nav-collapse {
		position: absolute;
		top: -6px;
	}
	.tab_item .box_action {
		text-align: center;
	}
	.text-right {
		margin: 30px 20px 30px 0px;
	}
	.tab-header-visa a {
		font-size: 13px;
	}
	#sliderBook .owl-nav button.owl-prev {
		top: 45px;
		outline: none;
		left: -12px;
	}
	#sliderBook .owl-nav button.owl-next {
		top: 45px;
		outline: none;
		right: -12px;
	}
	.form-info-now h4.title_book {
		margin: 35px 0px 20px -15px;
	}
	.form-info-now .row_end {
		margin: 20px 0px 0px -15px;
	}
	.contact_info {
    font-size: 13px !important;
	}
	#cv {
	width: 185px !important;
	}
	.vkh {
		width:70px !important;
    margin-right: -12px !important;
}
}
@media (max-width: 320px){
	.navbar-brand img {
    width: 100% !important;
}
	.nav-collapse {
    position: absolute;
    right: 0px;
    top: 0px;
}
	.tab_item .box_action {
		text-align: center;
	}
	.text-right {
		margin: 30px -7px 30px -10px;
	}
	.tab-header-visa a {
		font-size: 11px;
	}
	.contact_info {
    font-size: 11px !important;
	}
	.infor-top a {
    color: white;
    font-size: 13px !important;
	}
	#cv {
	width: 130px !important;
	}
	.height-item {
    height: 220px !important;
}
	
}