@charset "utf-8";

@media screen and (max-width: 900px) {
	
/*	_HEADER
-----------------------------------------------*/
#HeaderWrapper{ width:100%; height:auto; }
.HeaderInnerWrapper{ width:96%; height:auto; }
.WebsiteLogo{ width:100%; height:auto; text-align:center; float:left; margin-top:0px; }
.TopQuickLinks{ width:100%; height:auto; line-height:normal; float:left; text-align:right; margin-top:10px; }

.TopRightDiv{ width:100%; height:auto; float:right; }
.PhoneNoOuter{ width:100%; height:auto; }
.PhoneNoDiv{ width:auto; height:35px; }

/*	_SEARCH BOX
-----------------------------------------------*/
#SearchBoxWrapper{ width:96%; height:auto; left:0; top:10px; margin-left:2%;}
.SearchBoxTitle{ width:100%; height:auto; }
.SearchBoxTitle h1{ width:100%; height:auto; }
.SearchBoxTitle p{ width:100%; height:auto; }

#TabWrapper{ width:100%; height:auto; margin-top:10px; }


/*MENU*/
.DropDownMenu{ width:34px; height:28px; display:none; }
.Menuwrapper{ width:100%; height:auto; background-color:#fff; border-bottom:none; }
.menu-career{ width:96%; height:auto; margin-left:2%; margin-top:2%; border-bottom:none; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff; }
.menu-career li{ width:50%; height:auto; float:left; background:none;}
.menu-career li a { width:100%; height:55px; padding-left:0; 
padding-right:0; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.menu-career li a:hover{ width:100%; height:55px; background-color:transparent; -webkit-box-shadow: inset 0px -5px 0px #ff8a18; -moz-box-shadow: inset 0px -5px 0px #ff8a18; box-shadow: inset 0px -5px 0px #ff8a18; }
.menu-career li.active a { width:100%; height:55px; background-color:transparent; -webkit-box-shadow: inset 0px -5px 0px #ff8a18; -moz-box-shadow: inset 0px -5px 0px #ff8a18; box-shadow: inset 0px -5px 0px #ff8a18; }
/*END MENU*/

.BoxShadow{ width:100%; height:auto; background-size:100%; }

.content{ width: 96%; height:auto; margin-left:2%; }

#SearchBoxLeftSection{ width:100%; height:auto; }
.TripTypeDiv{ width:100%; height:auto; }
.SearchInputBoxOuterDiv{ width:100%; height:auto; margin-top:0; }

.SearchInputBoxDiv{ width:100%; height:42px; margin-top:10px; }
.SearchInputBox{ width:98%; height:32px; margin-left:1%; }

.MinusBtn{ width:23px; height:23px; }
.PlusBtn{ width:23px; height:23px; }

#SearchBoxRightSection{ width:100%; height:auto; float:left; }
.RightSectionInputOuter{ width:100%; height:auto; margin-top:0; }
.PickupDateInputBoxDiv{ width:100%; height:42px;}
.PickupDateInputBox{ width:98%; height:32px; margin-left:1%; }
.PickupDateInputBoxDiv2{ width:100%; height:42px; float:left; margin-top:10px; }
.PickupDateInputBox2{ width:98%; height:32px; margin-left:1%; }
.RightSectionInputOuter2{ width:100%; height:auto; }
.SearchBtnOuterDiv{ width:100%; height:auto; }

/*FOOTER*/
.FooterInnerWrapper2{ width:96%; height:auto; }
.CopyRightDiv{ width:100%; height:auto; }
.SocialMediaDiv{ width:190px; height:auto; }



/*HIDE DIV*/
#WhyBookWrapper{ width:100%; height:auto; display:none; }
#ServiceWrapper{ width:100%; height:auto; display:none; }
#PopularCitiesWrapper{ width:100%; height:auto; display:none; }




/*	_SEARCH PAGE
-----------------------------------------------*/
.InnerPageDiv{ width:96%; height:auto; }
#ModifySearchWrapper{ width:100%; height:auto; }
.ModifyDiv{ width:100%; height:51px;}

.ModifyContentDispalyDiv{ width:80%; height:51px; float:left; margin-left:115px; margin-right:0; overflow:auto; overflow-y:hidden; }


.HideShowDiv{ width:100%; height:auto;}
.ModifyMenuDiv{ width:96%; height:auto; margin-left:2%; }

/*MENU*/
.menu2{ width:100%; height:auto; border-bottom:none; border-top:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff; }
.menu2 li{ width:50%; height:auto; float:left; background:none;}
.menu2 li a { width:100%; height:55px; padding-left:0; 
padding-right:0; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.menu2 li a:hover{ width:100%; height:55px; background-color:transparent; -webkit-box-shadow: inset 0px -5px 0px #ff8a18; -moz-box-shadow: inset 0px -5px 0px #ff8a18; box-shadow: inset 0px -5px 0px #ff8a18; }
.menu2 li.active a { width:100%; height:55px; background-color:transparent; -webkit-box-shadow: inset 0px -5px 0px #ff8a18; -moz-box-shadow: inset 0px -5px 0px #ff8a18; box-shadow: inset 0px -5px 0px #ff8a18; }
/*END MENU*/


.content2 { width: 96%; height:auto; margin-left:2%; }
.SearchBtn{ width:50%; height:45px; float:left; margin-left:25%; }

.SearchResultTitleBox{ width:100%; height:50px; }
.VehicleName{ width:40%; height:50px; margin-left:0; }
.PerKm{ width:20%; height:50px; margin-left:0; }
.FareTitle{ width:20%; height:50px; margin-left:0; }
.AdvanceTitle{ width:20%; height:50px; margin-left:0; }

.CarSearchResultBox{ width:100%; height:auto; }
.CarPhotoOuterDiv{ width:40%; height:auto; margin-left:0; }
.CarPhoto{ width:40%; height:auto; }
.CarPhoto img{ max-width:100%; height:auto; }
.CarName{ width:60%; height:auto; margin-left:0; }
.PerKmDiv{ width:20%; height:auto; margin-left:0; }
.TotalFareDiv{ width:20%; height:auto; margin-left:0; }
.AdvancePayDiv{ width:20%; height:auto; margin-left:0; }
.SelectBtn{ width:50%; height:42px; float:left; margin-left:25%; }

.BookNowDiv{ width:96%; height:auto; margin-left:2%; margin-top:10px; }

.HowManyCarsDiv{ width:96%; height:auto; margin-left:2%; }
.HowManyCarsTitle{ width:100%; height:auto; text-align:center; }
.HowManyCarsInputDiv{ width:50%; height:42px; margin-left:25%; }
.HowManyCarsInput{ width:98%; height:32px; margin-left:1%; }

.YouArePayingDiv{ width:96%; height:auto; margin-left:2%; margin-top:10px; }
.YouArePayingTitle{ width:100%; height:auto; text-align:center; }
.TotalAmauntDiv{ width:100%; height:42px; text-align:center; margin-left:0; height:auto; line-height:normal; }
.BookNowBtn{ width:50%; height:42px; margin-left:25%; margin-top:10px; }

/*TOOL TIP*/
.FareTitle a:hover span { z-index: 100; left: -220px;}
.AdvanceTitle a:hover span { z-index: 100; left: -220px;}
.TotalFareDiv a:hover span { z-index: 100; left: -150px;}

/*HIDE DIV*/
.SeatNo{ width:70px; height:50px; display:none; }
.SeatNoDiv{ width:70px; height:auto; display:none; }

/*	_BOOKING PAGE
-----------------------------------------------*/
#TravellerDetailsOuterWrapper{ width:100%; height:auto; }
#TravellerDetailsWrapper{ width:100%; height:auto; }
.TravellerDetailsTitleBg{ width:100%; height:auto;}
.TravellerDetailsTitle{ width:70%; height:50px; }
.TravellerDetailsLeftDiv{ width:96%; height:auto; margin-left:2%; }
.TravellerDetailsInputBox{ width:100%; height:42px;}
.TravellerDetailsInput{ width:98%; height:32px; margin-left:1%; }
.TravellerDetailsInput2{ width:72%; height:32px; }
.OtpInputOuterBox{ width:100%; height:42px; }
.OtpInputBox{ width:98%; height:32px; margin-left:1%; }
.SignInBtn{ width:50%; height:42px; float:left; margin-left:25%; }

.SignUpOuterDiv{ width:100%; height:auto; margin-top:10px; }
.OtpInputOuterBox2{ width:100%; height:42px; float:left;}
.AddressInputBoxDiv{ width:100%; height:42px;}
.AddressInputBox{ width:85%; height:32px; }
.AddressInputBoxDiv2{ width:100%; height:42px; }
.OtpInputBox2{ width:98%; height:32px; margin-left:1%; }
.ContinueBtn{ width:50%; height:42px; float:left; margin-left:25%; }

.TravellerDetailsRightDiv{ width:96%; height:auto; float:left; margin-left:2%; }
.OrDiv{ width:100%; height:auto; text-align:center; }
.SocialMediaMessage{ width:100%; height:auto; }
.FacebookBtn a{ width:266px; height:43px; margin-right:10px; }

/*PAYMENT TABLE*/
.PaymentOptionList{ width:96%; min-height:auto; margin-left:2%; background:none; border-right:none; margin-top:5px; }
.PaymentOptionList li a{ width:48%; height:50px; margin-top:5px; margin-right:1%; border:1px solid #ccc; background-color:#f1f1f1; background-position:90% 14px; }
.PaymentOptionList li a:hover{ width:48%; }
.PaymentOptionList li .Active{ width:48%; }

.PaymentRightDiv{ width:96%; height:auto; float:left; margin-left:2%; }
.CardNumberInputBox{ width:100%; height:42px;}

.CardNumberInput{ width:59%; height:32px; margin-left:1%; }
.CardImageDiv{ width:39%; height:21px; margin-right:1%; background-size:auto; }
.ExpiryMonthInputBox{ width:100%; height:42px;}
.ExpiryMonthInputBox2{ width:100%; height:42px; float:left; }
.ExpiryMonthInput{ width:98%; height:32px; margin-left:1%; }
.CarHolderInputDiv{ width:100%; height:42px; }
.CarHolderInput{ width:98%; height:32px; margin-left:1%; }
.PaymentMessageDiv{ width:100%; height:auto; }
.MakePaymentBtn{ width:50%; height:45px; margin-left:25%; }
.MakePaymentBtn2{ width:50%; height:45px; margin-left:25%; }

#TripDetailsOuterWrapper{ width:100%; height:auto; float:left;}
.TripDetailsTitle{ width:100%; height:50px;}
.BookingDetails{ width:96%; height:auto; margin-left:2%; }
.TotalAmmountDiv{ width:96%; height:auto; margin-left:2%; }
.TotalAmmount{ width:100%; height:auto;}
.PromoCode{ width:100%; height:30px;}
.PromoCodeHideshowDiv{ width:100%; height:auto;}
.PromoCodeInputDiv{ width:100%; height:42px;}
.PromoCodeInput{ width:98%; height:32px; margin-left:1%; }
.PromoCodeBtnOuterDiv{ width:100%; height:auto; }
.PromoCodeBtn{ width:50%; height:42px; margin-left:25%; }
.GrandTotalDiv{ width:96%; height:auto; margin-left:2%; }

.BookingFooterInnerWrapper{ width:96%; height:auto; }
.BookingCopyRightDiv{ width:100%; height:auto;}


/*	_ABOUT PAGE
-----------------------------------------------*/
#QuickLinkWrapper{ width:100%; height:auto;}
.AboutQuickLinkTitle{ width:100%; height:50px;}
.QuickLinksList{ width:100%; height:auto;}
.QuickLinksList li{ width:100%; height:auto; }
.QuickLinksList li a{ width:100%; height:50px;}

#AboutUsRightWrapper{ width:100%; height:auto; float:left; }
.AboutUsTitle h1{ width:100%; height:50px;}
.AboutUsContentDiv{ width:100%; height:auto;}


/*	_CITY PAGE
-----------------------------------------------*/

#CityBanner{ width:100%; height:auto; }
#CityBanner img{ width:100%; height:auto;}
.CityTitleDiv{ width:100%; height:50px; }
.CityContentDiv{ width:100%; height:auto; }


/*	_CAR SHARING SEARCH PAGE
-----------------------------------------------*/
.SharingHideShowDiv{ width:96%; height:auto; margin-left:2%; margin-top:10px; }
.CarSharingLeftDiv{ width:96%; height:auto; margin-left:2%; }
.BoardingPointOuterDiv{ width:100%; height:auto; margin-top:10px; }
.BoardingInputOuterDiv{ width:100%; height:auto; }
.BoardingInputTitle{ width:100%; height:auto; margin-top:10px; }
.BoardingInputBox{ width:100%; height:42px; }
.BoardingInput{ width:98%; height:32px; margin-left:1%; }

.BookingContinueBtn{ width:100%; height:44px; margin-left:0; margin-top:10px; }
.BookingContinueBtn2{ width:100%; height:44px; margin-left:0; margin-top:10px; background:url(../images/continue-loading-btn-bg.GIF) repeat-x scroll 0 0 #ff8a18; }
.CarSharingRightDiv{ width:96%; height:auto; margin-left:2%; margin-top:10px; }

.SeatSitemapOuterDiv{ width:216px; height:auto; margin-right:10px; }



/*	_DEAL SEARCH PAGE
-----------------------------------------------*/

.DealVehicleName{ width:40%; height:50px; margin-left:0; }
.DateAndTime, .DealPrice, .DicountPrice{ width:20%; height:50px; margin-left:0; }

.DateAndTimeDispalyBox{ width:20%; height:auto; margin-left:0; }
.DealDate{ width:100%; height:auto;}

.DealPriceDispalyBox{ width:20%; height:auto; margin-left:0; }
.ActualDealPrice{ width:100%; height:auto;}

.BoardingPointInputBox{ width:50%; height:42px; margin-left:25%; margin-bottom:10px; }
.BoardingPointInput{ width:98%; height:32px; margin-left:1%; }

.BookDealBtn{ width:50%; height:42px; margin-left:25%; }


/*	_CAR SHARING BOOKING PAGE
-----------------------------------------------*/
.PassengerDetailDiv{ width:96%; height:auto; margin-left:2%; }
.PassengerName{ width:100%; height:42px; }
.PassengerNameInput{ width:98%; height:32px; margin-left:1%; }


/*	_LOADING PAGE
-----------------------------------------------*/
.LoadingOuterDiv{ width:100%; height:auto; }
.LoadingImg{ width:96%; height:64px; margin-left:2%; text-align:center; }
.LoadingMesageDiv{ width:96%; height:auto; margin-left:2%; }

/*	_PAYMENT ERROR PAGE
-----------------------------------------------*/
.PaymentErrorBox{ width:96%; height:auto; margin-left:2%; }
.PaymentErrorIconBox{ width:15%; height:45px; }
.PaymentErrorMessage{ width:81%; height:auto; line-height:normal; margin-left:2%; }
.TryAgainOuterDiv{ width:96%; height:auto; margin-left:2%; }


/*	_TICKET PAGE
-----------------------------------------------*/
.TicketPageOuterDiv{ width:100%; height:auto; }
.TicketTitle{ width:100%; height:50px; }
.TicketPassengerNameDiv{ width:100%; height:auto; }
.TicketPassName{ width:46%; height:auto; margin-left:2%; }
.TripIdDiv{ width:46%; height:auto; float:left; margin-left:2%; margin-right:0; }
.TicketDetailsDiv{ width:100%; height:auto; }
.TicketDetailsCols{ width:30%; height:auto; margin-left:2%; }
.TicketNote{ width:100%; height:auto; }


/*	_WELCOME CONTENT
-----------------------------------------------*/
.ContentInnerWrapper{ width:96%; height:auto; margin-left:2%; }
.WelcomeContent{ width:100%; height:auto; }
.WelcomeContent h1, .WelcomeContent p{ width:100%; height:auto; }

.GoogleAddDiv{ width:300px; height:auto; float:left; margin-top:20px; }


/*	_FOOTER
-----------------------------------------------*/
#FooterWrapper1{ width:100%; height:auto; }
.FooterInnerWrapper1{ width:96%; height:auto; margin-left:2%;}
.FooterQuickLink{ width:220px; height:auto; margin:0 20px 0 0; }
.FooterWeAcceptDiv{ width:200px; height:auto; margin:0 20px 0 0; }
.FooterSecuredByDiv{ width:200px; height:auto; margin:0 20px 0 0; }
.FooterTestimonilDiv{ width:300px; height:auto; margin:0 20px 0 0;}
.FooterTestimonilTitle{ width:300px; height:auto;}
.SocialIconWrapper{ width:300px; height:auto;}


}


@media only screen and (min-width : 320px) and (max-width : 480px) {
.SearchBoxTitle{ width:1000px; height:auto; float:left; display:none; }

.ModifyContentDispalyDiv{ width:65%; height:51px; float:left; margin-left:109px; margin-right:0; overflow:auto; overflow-y:hidden; }
}