/* Responsive */


/* Header menu */
@media screen and (min-width:102px) and (max-width: 299px) {
	.Login.inputbox {
		margin-left: 50px;     /* 105 chilo surute */
	}
	/*.header .menuzord-menu > li > a {
		padding : 8px 14px;
	}*/
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.header .logo img {
		width: 190px;
		height: 60px;
		margin-top: 25px;
	}
    .header .menuzord-menu > li > a {
    	margin: 5px 5px;
    }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.header .logo img {
		width: 160px;
		height: 60px;
		margin-top: 10px;
	}
	.header .menuzord {
		width: 100px;
		height: auto;
		float: right;
		margin-left: 0;
		margin-top: -58px;
	}
	.header .menuzord-menu > li > a {
		padding: 6px 10px;
	}
	
}









/* Slider Eliment */
@media screen and (min-width: 1100px) and (max-width: 1250px) {
	.slider .slide-carousel .text h2 {
		font-size: 32px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 20px;
	}
}
@media screen and (min-width: 992px) and (max-width: 1099px) {
	.slider .slide-carousel .text h2 {
		font-size: 29px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 18px;
	}
}
@media screen and (min-width: 862px) and (max-width: 991px) {
	.slider .slide-carousel .text h2 {
		font-size: 26px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 16px;
	}
}
@media screen and (min-width: 746px) and (max-width: 861px) {
	.slider .slide-carousel .text h2 {
		font-size: 24px;
		margin-bottom: 18px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 14px;
		margin-bottom: 18px;
	}

}
@media screen and (min-width: 648px) and (max-width: 745px) {
	.slider .slide-carousel .text h2 {
		font-size: 20px;
		margin-bottom: 18px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 12px;
		margin-bottom: 18px;
	}

}
@media screen and (min-width: 375px) and (max-width: 647px) {
	.slider .slide-carousel .text h2 {
		font-size: 17px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 14px;
		
	}

}
@media screen and (min-width: 0px) and (max-width: 374px) {
	.slider .slide-carousel .text h2 {
		font-size: 13px;
	}
	.slider .slide-carousel .text h3 {
		font-size: 10px;
		
	}

}






/* Service */
@media screen and (min-width: 511px) and (max-width: 767px) {
	.service .col-md-3 {
		width: 50%;
		height: auto;
	}
}
@media screen and (min-width: 0px) and (max-width: 510px) {
	.service .container .item {
		margin-bottom: 80px;
	}
}





/* Popular Destination */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.destination .container .item a img {
		width: 210px;
		height: 210px;
	}
	.destination .container .item {
		width: 220px;
		height: 240px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.destination .container .item a img {
		width: 175px;
		height: 175px;
	}
	.destination .container .item {
		width: 180px;
		height: 185px;
	}
}
@media screen and (min-width: 511px) and (max-width: 767px) {
	.destination .container .col-md-3 {
		width: 50%;
		height: auto;
	}
}
@media screen and (min-width: 0px) and (max-width: 510px) {
	.destination .container .col-md-3 {
		width: 100%;
		height: auto;
	}
	.service {
		margin-bottom: 50px;
	}
}






/* Popular Hotel */
@media screen and (min-width: 768px) and (max-width: 856px) {
	.popularhotel .container .right .item {
  		width: 250px;
  		height: 350px;
	}
	.popularhotel .container .right .item a img {
  		width: 240px;
  		height: 240px;
	}

}
@media screen and (min-width: 300px) and (max-width: 414px) {
	.popularhotel .ml12 {
		letter-spacing: 0.6em;
	}
} 






/* Web Logo section */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.weblogo .item {
		padding: 0;
	}
	.weblogo .item img {
		width: 180px;
		height: 40px;
	}
}




/* Need help */
@media screen and (min-width: 350px) and (max-width: 407px) {
	.needhelp .table input {
		width: 190px;
		height: 35px;
	}
	.needhelp .item h4 {
		font-size: 18px;
	}
}
@media screen and (min-width: 0px) and (max-width: 349px) {
	.needhelp .table input {
		width: 165px;
		height: 35px;
	}
	.needhelp .item h4 {
		font-size: 16px;
	}
}
/* responsive for cube */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.needhelp .item .sk-cube-grid {
  		left: 36%;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.needhelp .item .sk-cube-grid {
  		left: 31.5%;
	}
}
@media screen and (min-width: 515px) and (max-width: 767px) {
	.needhelp .item .sk-cube-grid {
  		left: 25%;
	}
}
@media screen and (min-width: 375px) and (max-width: 514px) {
	.needhelp .item .sk-cube-grid {
		top: 30%;
  		left: 13%;
	}
}
@media screen and (min-width: 0px) and (max-width: 374px) {
	.needhelp .item .sk-cube-grid {
		top: 31%;
  		left: 4%;
	}
}




/* Footer section */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.Footer .item ul li {
		padding-left: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.Footer .item ul li {
		margin-bottom: 10px;
	}
	.Footer .socialicon ul {
		margin-top: 0px;
	}
}
@media screen and (min-width: 445px) and (max-width: 767px) {
	.Footer {
		width: 100%;
  		height: 200px;
	}
	.Footer .item {
		padding-left: 40px;
	}
	.Footer .item ul li {
		margin-bottom: 10px;
	}
}
@media screen and (min-width: 0px) and (max-width: 444px) {
	.Footer {
		width: 100%;
  		height: 185px;
	}
	.Footer .item {
		padding-left: 20px;
	}
	.Footer .item ul li {
		font-size: 12px;
		margin-bottom: 5px;
	}
}







/* Hotel Book  */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.hotelbook .item1 form label input {
		width: 370px;
  		padding: 10px;
	}
	.hotelbook .item2 img {
		width: 240px;
		height: 240px;
	}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
	.hotelbook .item2 img {
		width: 240px;
		height: 240px;
		margin-left: 100px;
	}
}
@media screen and (min-width: 371px) and (max-width: 567px) {
	.hotelbook .item1 form label input {
		width: 100%;		
	}
	.hotelbook .item2 img {
		width: 200px;
		height: 200px;
		margin-left: 100px;
	}
}
@media screen and (min-width: 0px) and (max-width: 372px) {
	.hotelbook .item1 form label input {
		width: 100%;		
	}
	.hotelbook .item2 img {
		width: 180px;
		height: 180px;
		margin-left: 40px;
	}

}
@media screen and (min-width: 0px) and (max-width: 594px) { /* custom for spinner */
	.hotelbook .item1 form .spinner {
		top: 6.9%;
  		left: 2.5%;
	}
}







/* Recommended */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.recommended .item img {
		width: 250px;
  		height: 150px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.recommended .item img {
		width: 200px;
  		height: 140px;
	}
}







/* Cheap Flights Search */
@media screen and (min-width: 0px) and (max-width: 390px) {
	.cheap .item a img {
		width: 260px;
  		height: 54px;
	}
}




/* Most popular flight */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.mostflight .item a img {
  		width: 200px;
  		height: 120px;
	}
	.mostflight .item {
		width: 220px;
  		height: 300px; 		
	}
	.mostflight .item p {
  		font-size: 10px;
	}
}
@media screen and (min-width: 382px) and (max-width: 767px) {
	.mostflight .item {
		margin-bottom: 20px;
	}
	.mostflight .head {
		padding-top: 0px;
	}
}
@media screen and (min-width: 0px) and (max-width: 381px) {
	.mostflight .head {
		padding-top: 0px;
	}
	.mostflight .head h3 {
		font-size: 20px;
	}
	.mostflight .item a img {
  		width: 200px;
  		height: 120px;
	}
	.mostflight .item {
		width: 220px;
  		height: 300px;
  		margin-bottom: 15px;		
	}
	.mostflight .item p {
  		font-size: 10px;
	}
}



/* Special Offers */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.offers .item img {
		width: 200px;
  		height: 53px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.offers .item img {
		width: 145px;
	  	height: 53px;
	}

}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.offers .item {
		margin-bottom: 25px;
	}
}


/* Discount Section */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.discount .down a img {
  		width: 280px;
  		height: 220px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.discount .down a img {
  		width: 230px;
  		height: 180px;
	}
}
@media screen and (min-width: 342px) and (max-width: 767px) {
	.discount .down {
		width: 322px;
		height: 280px;
		margin: 0 auto;
	}
	.discount .down a img {
		margin-top: 10px;
		margin-bottom: 20px;
	}
}
@media screen and (min-width: 0px) and (max-width: 341px) {
	.discount .right a img {
  		width: 250px;
  		height: 220px;
	}
	.discount .down {
		width: 235px;
  		height: 210px;
  		margin: 0 auto;
	}
	.discount .down a img {
  		width: 230px;
  		height: 190px;
  		margin-bottom: 20px;
	}
}






/* Search Car Hire Section */
@media screen and (min-width: 455px) and (max-width: 508px) {
	.searchcar .item .item3 select {
  		margin-top: 10px;
	}
}
@media screen and (min-width: 424px) and (max-width: 454px) {
	.searchcar .item .item1 {
		margin-bottom: 10px;
	}
	.searchcar .item .item2 {
		margin-bottom: 10px;
	}
	.searchcar .item .item3 {
		margin-bottom: 10px;
  		height: 90px;
	}
	.searchcar .item .right a img {
  		width: 100px;
  		height: 30px;
	}
	.searchcar .item .item3 select {
  		margin-top: 10px;
	}
}
@media screen and (min-width: 0px) and (max-width: 423px) {
	.searchcar .item .left {
		width: 240px;
		height: auto;
		margin: 0 auto;
  		float: none;
	}
	.searchcar .item .right {
		width: 140px;
		height: 35px;
		margin: 0 auto;
  		float: none;
	}
	.searchcar .item .item1 {
  		height: 130px;
	}
	.searchcar .item .item2 {
		margin-top: 20px;
		height: 150px;
	}
	.searchcar .item .item2 .left {
		width: 100%;
		margin-bottom: 10px;
		font: none;
	}
	.searchcar .item .item2 .right {
		width: 100%;
		float: none;
	}
	.searchcar .item .item3 {
		height: 150px;
	}
	.searchcar .item .item3 .left {
		width: 100%;
		margin-bottom: 10px;
	}
	.searchcar .item .item3 .right {
		width: 100%;
	}
}





/* Cruise Search */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.Cruise .item2 img {
  		width: 380px;
  		height: 250px;
	}
}
@media screen and (min-width: 376px) and (max-width: 430px) {
	.Cruise .item2 img {
  		width: 330px;
  		height: 220px;
	}
}
@media screen and (min-width: 0px) and (max-width: 376px) {
	.Cruise .item2 img {
  		width: 280px;
  		height: 180px;
	}
}






/* Travel Videos */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.travelvideo .container .item {
  		height: 220px;
	}
	.travelvideo .container .wrapper {
		width: 240px;
		height: 285px;
	}
	.travelvideo .container .wrapper .item2 {
		width: 225px;
  		height: 280px;
	}
	.travelvideo .container .wrapper .item2 a img {
  		width: 225px;
  		height: 220px;
	}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.travelvideo .container .item {
  		height: 220px;
  		margin-bottom: 15px;
	}
}
@media screen and (min-width: 400px) and (max-width: 479px) {
	.travelvideo .container .head h3 {
		font-size: 25px;
	}
	.travelvideo .container .item {
		height: 280px;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 350px) and (max-width: 399px) {
	.travelvideo .container .head h3 {
		font-size: 20px;
	}
	.travelvideo .container .item a h3 {
  		font-size: 18px;
}
	.travelvideo .container .item {
		height: 350px;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 0px) and (max-width: 349px) {
	.travelvideo .container .head h3 {
		font-size: 20px;
	}
	.travelvideo .container .item {
		height: 400px;
		margin-bottom: 15px;
	}
}







/* Travel News */
@media screen and (min-width: 768px) and (max-width: 992px) {
	.travelnews .container .item {
  		height: 220px;
	}
	.travelnews .container .wrapper {
		width: 240px;
		height: 285px;
	}
	.travelnews .container .wrapper .item2 {
		width: 225px;
  		height: 280px;
	}
	.travelnews .container .wrapper .item2 a img {
  		width: 225px;
  		height: 220px;
	}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.travelnews .container .item {
  		height: 220px;
  		margin-bottom: 15px;
	}
}
@media screen and (min-width: 400px) and (max-width: 479px) {
	.travelnews .container .head h3 {
		font-size: 25px;
	}
	.travelnews .container .item {
		height: 280px;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 350px) and (max-width: 399px) {
	.travelnews .container .head h3 {
		font-size: 20px;
	}
	.travelnews .container .item a h3 {
  		font-size: 18px;
}
	.travelnews .container .item {
		height: 350px;
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 0px) and (max-width: 349px) {
	.travelnews .container .head h3 {
		font-size: 20px;
	}
	.travelnews .container .item {
		height: 400px;
		margin-bottom: 15px;
	}
}









/* Contact */
@media screen and (min-width: 559px) and (max-width: 767px) {
	.map .container .item1 h1 {
		font-size: 32px;
	}
}
@media screen and (min-width: 300px) and (max-width: 558px) {
	.map .container .item1 h1 {
		font-size: 28px;
	}
}
@media screen and (min-width: 482px) and (max-width: 584px) {
	.contact .T-BG {
		width: 450px;
		height: auto;
		margin: 0 auto;
	}
}
@media screen and (min-width: 300px) and (max-width: 481px) {
	.contact .T-BG {
		width: 300px;
		height: auto;
		margin: 0 auto;
	}
	.contact .t1 input {
		width: 250px;
		height: 30px;
	}
	.contact .t1 textarea {
		width: 250px;
		height: 80px;
	}
}