@media (min-width: 900px) and (max-width: 1100px){
	.hotticketoption{
		height: 250px;
	}
	.ticketsimg{
		height: 250px;
	}

	.ticketdirection{
		top: 70px;
	}

	.sidebar{
		width: 300px;
	} 

	.toursouter{
		width: calc(100% - 330px);
	}

}

@media (min-width: 830px) and (max-width: 899px){
	.hotticketoption{
		height: 200px;
	}
	.ticketsimg{
		height: 200px;
	}

	.ticketdirection{
		top: 40px;
	}
	
	.hotticketoption:hover .ticketdirection{
		top: 25px;
	}
	.sidebar{
		width: 300px;
	} 

	.toursouter{
		width: calc(100% - 330px);
	}

	.toursouter .option{
		width: 300px;
	}

	.toursouter .optionpicture{
		max-width: 300px;
		height: 300px;
	}

	.toursouter .optionimg{
		width: 300px;
		height: 300px;
	}
	.toursouter .direction h3{
		font-size: 17px;
	}

	.toursouter .direction .price{
		font-size: 19px;
	}

	.toursouter .hotelname{
		font-size: 18px;
	}


}

@media (min-width: 600px) and (max-width: 829px){
	.hotticketoption{
		width: 50%;
	}

	.sidebar{
		width: 280px;
	} 

	.toursouter{
		width: calc(100% - 330px);
		min-width: 330px;
	}

	.toursouter .option{
		width: 300px;
	}

	.toursouter .optionpicture{
		max-width: 300px;
		height: 300px;
	}

	.toursouter .optionimg{
		width: 300px;
		height: 300px;
	}
	.toursouter .direction h3{
		font-size: 17px;
	}

	.toursouter .direction .price{
		font-size: 19px;
	}

	.toursouter .hotelname{
		font-size: 18px;
	}

	.singleslider{
		width:300px;
		height: 170px;
	}

	.singleslideroverlay{
		line-height: 170px;
	}

	.ticketoptionname{
		font-size: 24px;
	}

}

@media (min-width: 500px) and (max-width: 599px){
	.hotticketoption{
		width: 50%;
		height: 250px;
	}
	.ticketsimg{
		height: 250px;
	}

	.ticketdirection{
		top: 70px;
	}

	.iata{
		width: 500px;
		height: 400px;
	}
	.sidebar{
		width: 280px;
	} 

	.toursouter{
		width: 100%
	}

	.toursouter .option{
		width: 300px;
	}

	.toursouter .optionpicture{
		max-width: 300px;
		height: 300px;
	}

	.toursouter .optionimg{
		width: 300px;
		height: 300px;
	}
	.toursouter .direction h3{
		font-size: 17px;
	}

	.toursouter .direction .price{
		font-size: 19px;
	}

	.toursouter .hotelname{
		font-size: 18px;
	}

}

@media (min-width: 420px) and (max-width: 499px){
	.hotticketoption{
		width: 50%;
		height: 200px;
	}
	.ticketsimg{
		height: 200px;
	}

	.ticketdirection{
		top: 40px;
	}
	
	.hotticketoption:hover .ticketdirection{
		top: 25px;
	}

	.iata{
		width: 400px;
		height: 300px;
	}
	.sidebar{
		width: 280px;
	} 

	.toursouter{
		width: 100%
	}

	.toursouter .option{
		width: 300px;
	}

	.toursouter .optionpicture{
		max-width: 300px;
		height: 300px;
	}

	.toursouter .optionimg{
		width: 300px;
		height: 300px;
	}
	.toursouter .direction h3{
		font-size: 17px;
	}

	.toursouter .direction .price{
		font-size: 19px;
	}

	.toursouter .hotelname{
		font-size: 18px;
	}

	.singleslider{
		width:375px;
		height: 200px;
	}

	.singleslideroverlay{
		line-height: 200px;
	}
}

@media (max-width: 419px) {
	.hotticketoption{
		width: 100%;
	}

	.allticketslink{
		font-size: 24px;
	}

	.abouttext p{
		font-size: 16px;
	}

	.docspics{
		width: 300px;
		height: 420px;
	}

	.iata{
		width: 300px;
		height: 200px;
	}

	.headpicturetext{
		font-size: 23px;
	}

	.sidebar{
		width: 260px;
	}
	.sidebar ul{
		width: 230px;
	}

	.toursouter .direction h3{
		font-size: 15px;
	}

	.toursouter .direction .price{
	font-size: 16px;
	}

	.toursouter .hotelname{
		font-size: 16px;
	}

	.singleslider{
		width:280px;
		height: 160px;
		margin: 5px;
	}

	.singleslideroverlay{
		line-height: 160px;
	}
	.toursouter{
		width: 100%
	}

	.ticketoptionname{
		font-size: 20px;
	}

	.ticketroute{
		font-size: 16px;
	}

	.saleperiod{
		font-size:13px;
	}

	.travelperiod{
		font-size:13px;
	}

	.outer{
		min-width: 290px;
	}
	.ticketoption{
		margin:5px;
		padding:5px;
		min-width: 270px;
	}

}

@media (max-width: 699px) {
	.mobilemenu{
 		display: block;
 	}
 	.mobilemenu ul li{
		display: block;
	}

	.contactline{
		display: none;
	}
	
	.logotext{
 		display: none;
 	}
 	.nav{
 		display: none;
 	}

 	.topmenu{
 		display: none;
 	}

        .sectiontitle{
                padding-top:25px;
        }

}

@media(max-width: 480px){
	.container{
		padding-right: 10px;
		padding-left: 10px;
	}

	.headertext h1{
		font-size: 33px;
	}

	.headertext p{
	font-size: 20px;
	}

	.sectiontitle{
		font-size: 23px;
	}

	.option{
		width: 280px;
		padding: 10px; 
	}

	.optionpicture{
		width: 280px;
		height: 280px;
	}

	.optionimg{
		width: 280px;
		height: 280px;
	}

	.direction h3{
		font-size: 20px;
	}

	.direction .price{
		font-size: 20px;
	}

	.phone{
		text-align: left;
		margin-top: 10px;
	}

	.paymentinfo{
		font-size: 17px;
	}

}

@media(max-width: 800px){
	.toplineinput{
		width: calc(100% - 30px);
	}
}

@media (min-width: 520px) and (max-width: 899px){
	.bookingoption{
		line-height: 30px;
		font-size: 14px;
	}
}

@media (min-width: 420px) and (max-width: 519px){
	.bookingoption{
		line-height: 25px;
		font-size: 13px;
	}
	.bookingform input{
	max-width: 170px;
	}

	.bookingform select{
		max-width: 170px;
	}
	.submit{
		font-size: 19px;
	}
}

@media (max-width: 419px){
	.bookingoption{
		line-height: 22px;
		font-size: 13px;
	}
	.bookingform input{
	max-width: 130px;
	}
	.submit{
		font-size: 15px;
	}
	.bookingform{
		margin-right: 0;
		border-radius: 0 100px 0 0;
	}

	.topline{
		padding: 5px;
	}

	.bottomline{
		padding-left: 5px;
	}
	.bookingform h3{
		font-size: 20px;
	}
}

@media(max-width: 686px){
	.directionlist h3{
		cursor: pointer;
	}

	.directionlist h3 i{
		display: inline;
	}
	.directionlist ul{
		padding: 0;
	}
	.directionsitems{
		opacity: 0;
		visibility: hidden;
                -webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
		height: 0;
	}
	.directionlist:hover .directionsitems{
		opacity: 1;
		visibility: visible;
		height: auto;
		padding: 15px; 
		} 

}