/*---------*/
/*Home Page*/
/*---------*/

.home-banner {
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
}


/*Image boxes*/
.testimonialbanner {background-image: url(/images/testi-banner.webp);}
#reviewslider .slick-slide {
    height: 230px;
    overflow: hidden;
}


/*adaptive changes*/
@media screen and (max-width:1366px) { /* Laptop */
    .hpbanner .banner-btns {
        top: 6%;
    }
    .hpbanner .search-overlay {
        top: 30%;
        width: 78%;
        left: 12%;
    }
}
@media screen and (max-width:1050px) { /* Tablet Landscape */
    .cardeal .dealpagecontainer .srheader {  font-size: 1.2rem;}
    .cardeal .dealpagecontainer .srprice {font-size: 1.1rem;}
    .hpbanner .banner-btns {
        top: 0%;
        left: 20%;
        width: 60%;
    }
    .hpbanner .search-overlay {
        top: 26%;
        width: 90%;
        left: 6%;
    }
}
@media screen and (max-width:770px) { /* Tablet Portrait */
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 8.9%;
    }
}
@media screen and (max-width:767px) { /* Mobile Large */
.home-banner {
    background-position-x: left;
}
.home-banner .fa-ul {
    margin-left: 2em;
}
    .ovehicle {border-top-left-radius: 0px;border-bottom-left-radius: 0px; }
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 17.8%;
    }
    .image-boxes .primary-overlay {
        width: 95%;
        padding: 4%;
    }
    .specialribbon {
        top: -0.22rem;
        position: absolute;
        right: 0;
    }
    #news-carousel .slick-arrow, #hpspecials .slick-arrow {
        top: 102%;
        z-index: 1;
    }
	#bannersearch button.btn {
		width: 100%;
	}
	
}
@media screen and (max-width:380px) { /* Mobile Small */
    .image-boxes .imgbox-hover:hover .primary-overlay {
        padding: 46.6% 10%;
    }
}
@media not all and (min-resolution:.001dpcm) { 
    @supports (-webkit-appearance:none) {      
	
        .testimonialbanner {background-image: url(/images/testi-banner.png);}

    }
}