@media screen and (max-width: 1553px) {

	/* Hotel Section */

	.hotel-section {
		width: 100%;
	}

	.hotel-content {
		width: 80%;
	}


	.hotel-page-content {
		position: relative;
		width: 75.5%;
	}

	/* Hotel Section */


	/* Page3 Inputs */

	.name ,
	.last-name ,
	.email ,
	.number  {
		width: 100%;
	}

	.name input,
	.last-name input,
	.email input,
	.number input {
		width: 100%;
	}

	.last-name,
	.number {
		margin: 1rem 0;
	}

	.last-name {
		margin-bottom: -2rem;
	}

	.special-request textarea {
		width: 90%;
	}

	.page-3 .page3-content {
		width: 73.5%;
		height: 100%;
		position: relative;
		background-color: var(--white);
		margin: 0 auto;
		padding: 5rem 2rem;
		display: flex;
	}

	/* Page3 Inputs */


	nav {
		width: 80%;
	}
	
}


@media screen and (max-width:1366px){


	/* Hotel Page Content */
	
	.hotel-page-content {
		position: relative;
		width: 88.5%;
	}

	/* Hotel Page Content */

	nav {
		width: 90%;
	}

}/*max-width:1366px*/



@media screen and (max-width:1200px){

	

}/*max-width:1200px*/



@media screen and (max-width:1199px){

	.travel-budget h3 {font-size: 15px;}
	.price_filter {margin-top: 5px;}
	.travel-select-icon select, .travel-check-icon input {font-size: 12px;}
	.travel-select-icon:after { padding: 10px 3px;}
	.single-tab-select-box h2 {font-size: 15px;}

	.item-title { bottom: 6%;left: 15px;}

	.thumbnail h2 {line-height: 1.5;}
	.blog-content .thumbnail { height: 540px;}
	.blog-content .caption .blog-txt a { padding-bottom: 0px;margin-top:0px;}

	.hotel-filters {
		display: none;
	}

	.hotel-section {
		width: 100%;
	}

	.hotel-content {
		width: 60%;
	}
	
}/*max-width:1199px*/



@media screen and (max-width: 1184px) {
	.search input {
		display: none;
	}

	.search img {
	display: none;
	}

	nav {
		width: 95%;
	}
}




@media screen and (max-width:1100px){

    .hotel-page-content {
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}


	.hotel-page-content .form-section,
	.hotel-page-content .room-section {
		width: 100%;
	}


	.hotel-page-content .form-section .form {
		width: 40%;
		margin: 0 auto;
	}

	.navbar-collapse {
		margin-left: 5% !important;
	}

}/*max-width:1100px*/



@media screen and (max-width:1099px){

	.main-filter .filter-icons {
		display: none;
	}

	.main-filter {
		margin-top: 5%;
	}

	

}/*max-width:1099px*/

@media screen and (max-width:1024px){

	.page-3 .page3-content {
		width: 95%;
		height: 100%;
		position: relative;
		background-color: var(--white);
		margin: 0 auto;
		padding: 5rem 2rem;
		display: flex;
	}
	

}/*max-width:1024px*/



@media screen and (max-width: 1200px) {
	
}





@media screen and (max-width:992px){

	.thankyou-content {
		width: 70%;
	}
	

}/*max-width:992px*/





@media screen and (max-width:991px){

	.main-menu .nav li {padding: 20px 5px 0px;}
	.navbar-collapse {padding-right: 40px;padding-left: 0px;}
	.main-menu .nav li a {font-size:13px;padding: 11px 1px 29px;}
	.book-btn {width: 100px;font-size: 13px;}

	.about-us h2 { font-size: 64px;}

	.price_slider_amount > input[type="text"] {width: 160px;}

	/*.appsLand-btn {padding: 17px 35px;}*/

	.single-special-shape-txt {left: 25px;}

	.main-filter .filter {
		width: 78%;
	}

	.hotel-section {
		width: 100%;
	}

	.hotel-content {
		width: 80%;
	}


	.hotel-page-content {
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}


	.hotel-page-content .form-section,
	.hotel-page-content .room-section {
		width: 100%;
	}


	.hotel-page-content .form-section .form {
		width: 60%;
		margin: 0 auto;
	}


	.page-3 .page3-content {
		width: 95%;
		height: 100%;
		position: relative;
		background-color: var(--white);
		margin: 0 auto;
		padding: 5rem 2rem;
		display: flex;
		flex-direction: column;
	}


	.page3-form {
		width: 100%;
	}

	#first-link {
		margin-top: 1rem;
	}

	header {
		background-color: #002664;
	}


	nav img {
		margin-top: -1%;
		width: 20%;
	}
	
	.nav-link {
		color: #fff !important;
		font-size: 14px !important;
		padding: 0;
		line-height: 3;
	}

	.dropdown-menu {
		margin: 0 !important;
		background-color: transparent !important;
		outline: none;
		padding: 10px;
		width: 100% !important;
		transition: all ease-in-out .3s !important;
		clip-path: none !important;
	}
	
	#first {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#second {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#third {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#fourth {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#fifth {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}

	.dropdown-menu a {
		color: #fff !important;
	}

	.search {
		position: relative !important;
		display: flex !important;
		margin-left: -.5rem !important;
	}

	.search h5 {
		font-size: 14px !important;
		line-height: 2;
	}
	

}/*max-width:991px*/



@media screen and (max-width:764px){


	/* Header */

	nav .collapse {
        margin-left: 0;
    }    

    .dropdown-menu {
		margin: 0 !important;
		background-color: transparent !important;
		outline: none;
		padding: 10px;
		width: 100% !important;
		transition: all ease-in-out .3s !important;
		clip-path: none !important;
	
	}
	
	#first {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#second {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#third {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#fourth {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}
	
	#fifth {
		position: relative !important;
        top: 0 !important;
        left: 0 !important;
		border: none !important;
		clip-path: none;
	}

	/* Header */


	#hotel-cards2 {
		width: 100%;
	}

	.hotel-section {
		width: 100%;
	}

	.hotel-content {
		width: 100%;
	}



}/*max-width:768px*/





@media screen and (max-width:767px){




	.dropdown-menu {
		
		margin: 0 !important;
		background-color: transparent !important;
		outline: none;
		padding: 10px;
		width: 100% !important;
		transition: all ease-in-out .3s !important;
		clip-path: none !important;
	
	}
	
	#first {
		position: relative !important;
		border: none !important;
		clip-path: none;
	}
	
	#second {
		position: relative !important;
		border: none !important;
		clip-path: none;
	}
	
	#third {
		position: relative !important;
		border: none !important;
		clip-path: none;
	}
	
	#fourth {
		position: relative !important;
		border: none !important;
		clip-path: none;
	}
	
	#fifth {
		position: relative !important;
		border: none !important;
		clip-path: none;
	}
	
	
	.dropdown-menu a {
		color: #fff !important;
		margin: 0 !important;
		padding: 5px !important;
		border-bottom: none !important;
		width: 100% !important;
		font-size: 13px !important;
		font-weight: 400 !important;
	}
	
	.dropdown-menu a:hover {
		color: #64cbfa !important;
	}
	
	.dropdown-menu a:hover::before{
		background: #00d8ff;
		width: 0 !important;
	}
	
	/* Header */

}/*max-width:767px*/



@media screen and (max-width: 660px){

	.home1-testm-single {max-width: 350px;margin: 0 auto;}
	.main-menu .nav li a {font-size: 14px;}

	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}
	


	.hotel-card {
		width: 100%;
	}


	.hotel-page-content {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}


	.hotel-page-content .form-section,
	.hotel-page-content .room-section {
		width: 100%;
	}


	.hotel-page-content .form-section .form {
		width: 80%;
		margin: 0 auto;
	}

}/*max-width:660px*/



@media screen and (max-width: 640px){
	
	.desc-tabs .nav-tabs>li>a { padding: 17px 10px 17px 10px;}

	.blog-head h2 {font-size: 18px;}

	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}

}/*max-width:640px*/



@media screen and (max-width: 540px){

	.filtr-item {max-width: 350px;margin: 0 auto;}

	.subscribe-title h2 {font-size: 28px;}

	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}

	.filter .filter-inputs div {
		width: 100%;
	}

	.filter .filter-inputs div input {
		width: 100%;
	}

}/*max-width:540px*/

@media screen and (max-width: 480px){

	.about-us h2 {font-size: 30px;}

	.time-after:after{display: none;}

	.single-package-item {max-width: 350px;margin: 0 auto;margin-bottom: 30px;}

	.single-special-shape-txt {left: 30px;}

	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}


	#hotel-card {
		height: 50%;
	}


	#hotel-img {
		width: 100%;
		height: 30vh;
	}

	#facilities {
		margin-bottom: 15rem;
	}

	.cta {
		position: absolute;
		bottom: 0%;
		left: 10%;
	}


	.hotel-card-content {
		width: 100%;
		height: 80%;
		
	}

	.hotel-page-content {
		width: 100%;
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}


	.hotel-page-content .form-section,
	.hotel-page-content .room-section {
		width: 100%;
	}


	.hotel-page-content .form-section .form {
		width: 100%;
		margin: 0 auto;
	}

	.form-date {
		display: flex;
		flex-direction: column;
	}

	.form-date div {
		width: 100%;
	}

	.form-date div:nth-child(2) label {
		margin-left: -2rem;
		margin-top: 2rem;
	}

	#check-in {
		width: 100%;
	}

	#check-out {
		width: 100%;
		margin-left: -2rem;
	}

	.form-section button {
		width: 100% !important;
		margin-left: 0rem !important;
	}

	.room-div {
		display: flex;
		flex-direction: column;
	}

	.room-div .room-input {
		width: 100%;
	}

}/*max-width:480px*/



@media screen and (max-width: 440px){
	.desc-tabs .nav-tabs>li>a,.desc-tabs .nav-tabs>li.active>a { padding: 17px 10px 17px 10px;font-size:12px;}
	.nav-tabs {border-bottom: 0;}

	.single-trip-circle:nth-child(2){margin-left: 0px;}
	.trip-circle {flex-direction: column;}
	.about-view.travel-btn {width: 150px;}
	
	.filtr-item {max-width: 250px;}

	.home1-testm-txt p {font-size:14px;max-width:180px;}

	.dicount-offer-content h2 {font-size: 24px;}

	.single-package-item {max-width: 250px;margin: 0 auto;margin-bottom: 30px;}

	.about-view.packages-btn.offfer-btn { margin-right: 10px;}

	.custom-input-group .subscribe-btn {float: left;top: 76px;}
	.custom-input-group .form-control {padding-right: 0px;font-size: 13px;}

	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}

	.page-3 .page3-content {
		width: 100%;
		height: 100%;
		position: relative;
		background-color: var(--white);
		margin: 0 auto;
		padding: 5rem 0rem;
		display: flex;
		flex-direction: column;
	}


	.page3-form {
		width: 100%;
	}

	.page3-info {
		transform: scale(.8);
		margin-top: -10rem;
		padding: 0;
	}


	.thankyou-content {
		width: 95%;
	}

	.page-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		transform: scale3d(.4)
	}

	nav img {
		width: 40%;
	}


}/*max-width:400px*/



@media screen and (max-width:350px){
	
	.travel-select-icon select, .travel-check-icon input {font-size: 10px;}
	.travel-check-icon:after{ padding: 10px 5px;}

	.subscribe-title h2 {font-size: 20px;}
	.subscribe-title p {font-size: 14px;}

	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}
	
	
}/*max-width:350px*/

@media screen and  (max-width: 320px){
	.dicount-offer-content h2 {font-size: 16px;}


	.main-menu .nav li {
		display: block;
		width: 50%;
		position:relative;
		padding: 16px 12px 0px;
		-webkit-transition:all 0.2s linear;
		-moz-transition:all 0.2s linear;
		-ms-transition:all 0.2s linear;
		-o-transition:all 0.2s linear;
		transition: all 0.2s linear;
	}

}/*max-width:320px*/



