/* Please scroll down for media queries for specific screen widths */
#search-form label,#search-RH-form label   
{
    text-transform: uppercase;
    font-size: 14px;
}
/* location auto fill list */
ul.options, ul#locationOptions
{
	color: #333;
	cursor: pointer;
	font-size: 14px;
	width: auto; /*height: 144px;*/
	overflow: auto;
	margin: 0;
	padding: 0;
	position: absolute;
	display: none;
	list-style: none;
	background: #fff;
	border: 1px solid #ccc;
	border-top: 1px dashed #ccc;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-box-shadow: #666 0 5px 5px;
	z-index: 99;
}
.options li, ul#locationOptions li
{
	font-size: 12px;
	font-weight: normal;
	color: #999;
	margin: 0;
	line-height: 18px;
	width: auto;
	float: none;
}

.options li.current, ul#locationOptions li.current
{
	color: #000;
	background-color: #D0DDEF;
}
#search-form .search-btn,#search-RH-form .search-btn
{
    text-transform: uppercase;
    background:#d50032;color:#FFF;    
}
.renter-landing-search
{
    background-color:rgba(255,255,255,0.8);
    padding:20px 30px 30px 30px;
    border-radius:10px;
}
.small-price {
    margin-right:8px;
    float:right
}
.car-item 
{
     border:none;
     width : 301px;
     height: 289px;
     font-size:14px;
     cursor:pointer;
     overflow:hidden;
}
.mouse-over 
{
    display:none;
}
.img-item {
    position:relative;
}
.img-item
{
    height:216px;
    width:302px;
    background-image: url("../Images/car-image.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    background:red;
}

.img-item-modified 
{
    height:216px;
    width:302px;
    background: -webkit-linear-gradient(top, #ffffff, #e4e4e4);
    padding-left:12px;
    padding-right:12px;
    border:solid 1px #e4e4e4;
}

.price-item 
{
    z-index: 1;
    position: absolute;
    /*top: 10px;*/
    color: #ffffff;
    margin-left: -2px;
    padding-right: 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 20px;
    right:-3px;
    bottom:15px;
}

.price-item div 
{
   margin-top: 6px;
   margin-left : 13px;
   margin-bottom : 6px;  
}
    
.info-item 
{
   width:100%;
   height:75px;
   float:left;
   position:absolute;
}

.vehicle-review-detail { display:none; }
.owner-info 
{
    padding-left:10px;
    padding-top:12px;
    float:left;
    line-height: 0.8;
    font-size: 16px;
}

.owner-pic-search
{
   /*width: 50px;
   height: 50px; */
   width: 32px;
   height: 32px; 
   /*background: yellow;*/
   float: left;
   /*margin-top: -5px;*/
   margin-top:5px; 
   /*border-radius: 15px;*/
   border-radius: 5px;
}

.custom-padding 
{
    padding-left: 0px;
    padding-right: 0px;
}

.request-book 
{
    height:35px;
    width:275px;
    border-radius:5px;
    color:#ffffff;
    border:none;
    margin-top:5px;
    font-size: 16px;
}
.left-car-item-info 
{
    height: 50px;
    border-bottom: solid 1px #CECECE;
    width: 115px;
    margin-right: 8px;
}

.right-car-item-info 
{
    height: 50px;
    border-bottom: solid 1px #CECECE;
    width: 115px;
    margin-right: 8px;
    margin-top:6px;
}
.info-bknd 
{
   background:#0078bd;
}

.info-bknd-text, .col-middle a
{
   color:#001489;
}
/* paging section*/
.paging-container 
{
   text-align:center; 
   /*padding-top: 29px;*/
   /*padding-bottom: 35px;*/
}

.swControls{
    margin: 0px auto;
    display: inline-block;
}

a.swShowPage{
    background-color:#444444;
    float:left;
    height:15px;
    margin:4px 3px;
    text-indent:-9999px;
    width:15px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}

a.swShowPage:hover,
a.swShowPage.active{
    background-color:#0078bd;
    -moz-box-shadow:0 0 7px #1e435d inset;
    box-shadow:0 0 7px #1e435d inset;
}

.clear{
    clear:both;
}
.car-search-img { background-size: contain; }
/******************************************** Start media query specific styles *******************************/
@media (max-width: 768px)
{
    .price-item {
      top: auto;
      left: auto;
      right:0px;
      bottom:0;
      border-radius:0px;
    }
    
    ul#locationOptions li {
        padding:10px;
    }
    .options li, ul#locationOptions li {border-bottom: 1px solid #ccc;}
    ul.options, ul#locationOptions {border-top: none;border-radius: 0px;box-shadow: none;margin-top:40px !important;width:92% !important;}
    .small-price{ float:none; }
    #LocationString, 
    #search-LocationString, 
    #search-LocationString-White, 
    #FilterModel_LocationString, 
    input#StartDate, 
    input#EndDate, 
    input#search-StartDate, 
    input#search-EndDate, 
    input#search-StartDate-White, 
    input#search-EndDate-White, 
    input#FilterModel_StartDate, input#FilterModel_EndDate 
    {
        width: 100%;
    }
    .car-search-booking { padding-left: 0; }
}
@media (min-width: 992px)
{
    .form-group.variable-padding { padding-right: 0;}
}
@media screen and (max-width: 1020px) 
{
    .car-search-content {
        padding-right: 14px;
    }
    .car-search-img {
        background-size: cover;
    }
}
@media screen and (max-width: 1020px) , screen and (max-width: 800px) and (orientation : portrait) 
{
    .car-item 
    {
         margin: 0px auto;
         height:auto;
    }
    .car-search-favourites {
        float: right;
    }
    .car-search-content {
        width: auto;
        height: auto;
        float: none;
        clear: both;
    }
}
@media (max-width: 1324px) 
{
    .car-item 
    {
         margin: 0px auto;
         height:auto;
         overflow-y:hidden;
         overflow-x:visible;
         /*width:100%;*/
         width:305px;
    }
}