/* CSS Document - use this a starting template for respsonsive */
/* updated to common sized Jan 2021 */

/************************************************************************************
	max width 1600 X 900 - desktop
*************************************************************************************/
@media screen and (max-width: 1600px) and (max-height: 900px) {    
 
.oursales__btn--text {
	font-size: 1.5em;
}
	
.oursales__btn--text__cta {
	font-size: 1.5em;
}
	
.header__toplogo {
    height: 144px;
}
 
.header__contactbtn {
    width: 12%;
}
    
.header__address_wrap {
    width: 80%;
}
    
.header__address {
    width: 20%;
}
    
.header__tagline {
    width: 35%;
}
    
.header__toplogo {
    width: 28%;
}
    
.header__nav {
    margin-left: 28%;
    width: 47%;
}
 
.header__phone_wrap {
    font-size: 1.7em;
}    

.hp-titlebox {
    top: 69vh;
}
    
h2 {
    font-size: 2em;
}

.page_content__btnwrap_btn {
    font-size: 1.2em;
}
 
.page_content__rentalname {
    line-height: 1em;
}
   
.page_content__rentalbtn {
    font-size: 1.2em;
}
 
.page_content__specline_label {
    width: 26%;
}    
    
.footer__menublock {
    width: 65%;
}
    
.footer__logoblock {
    width: 35%;
}
    
}

/************************************************************************************
	max width 1536 X 864 - desktop
*************************************************************************************/
@media screen and (max-width: 1536px) and (max-height: 864px) {    
	
.header__toplogo {
    width: 27%;
}    
    
.header__tagline {
    width: 30%;
    padding-top: 20px;
}    
    
.hp-titlebox__line1 {
    font-size: 2.2em;
    height: 50px;
}
    
.hp-titlebox__line2 {
    font-size: 3em;
    height: 50px;
}
 
.header__phone_wrap--small {
    width: 34%;
}
    
.header__nav {
    margin-left: 27%;
    width: 48%;
}    
    
.header__address {
    width: 26%;
}    
    
.header__contactbtn {
    width: 14%;
}    
    
.hp-titlebox__linewrap {
    height: 50px;
}
    
.hp-titlebox__line3 {
    font-size: 2em;
}
    
.hp-titlebox__line4 {
    font-size: 2.8em;
}
    
.hp-titlebox {
    top: 72vh;
    height: 210px;
}
    
.page_content__specline_label {
    width: 23%;
}    
    
.page_content__modelbox_right {
    width: 33%;
}
    
.page_content__modelbox_center {
    width: 43%;
}

.page_content__modeldetails {
    font-size: 0.8em;
}
    
.page_content__specline_label {
    width: 30%;
}    
    
.rental_wrap__column {
    width: 20%;
    margin: 0px 3% 0px 6%;
}
    
}

/************************************************************************************
	max width 1440 X 900 - desktop
*************************************************************************************/
@media screen and (max-width: 1440px) and (max-height: 900px) {    
    
.oursales__btn {
	width: 28vw;
    height: 40px;
    bottom: 0;
    top: auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	left: 72vw;
	padding-right: 1%;
}
	
.oursales__btn--text {
   text-align: center;
	width: auto;
    margin-left: 2%;
}
	
.oursales__btn--text__cta {
   display: none;
}
	
.header__toplogo {
    width: 26%;
    height: 145px;
}    
    
.header__tagline {
    width: 28%;
    font-size: 1.65em;
}    
    
.header__contactbtn {
    width: 15%;
}    
    
.header__phone_wrap--small {
    font-size: 0.4em;
}
 
.header__nav .selected_menu {
    height: 30px;
}    
    
.header__nav .menu_item {
    height: 30px;
}
    
.header__nav .menu_item:hover {
    border-bottom: 5px solid #fff; 
}
    
.header__address {
    width: 27%;
}    
    
.header__nav {
    margin-left: 26%;
    width: 56%;
}    
    
.hp-titlebox__line1 {
    font-size: 2em;
    height: 40px;
}
    
.hp-titlebox__line2 {
    font-size: 3em;
    height: 50px;
}
    
.hp-titlebox__line3 {
    font-size: 2em;
}
    
.hp-titlebox__line4 {
    font-size: 3em;
}
    
.hp-titlebox {
    top: 74vh;
    height: 200px;    
}
    
.page_content__specline_label {
    width: 23%;
}    
    
.page_content__modelbox_right {
    width: 35%;
}
    
.page_content__modelbox_center {
    width: 40%;
}

.page_content__modeldetails {
    font-size: 0.8em;
}
    
.page_content__toppic {
    width: 32%;
}
 
.page_content__btnwrap {
    flex-wrap: wrap;
    height: 170px;
}
    
.page_content__btnwrap_btn {
    width: 48%;
}

.page_content__midpic {
    width: 49%;
}
    
.page_content__rentalbox {
    width: 48%;
}
 
.sticky_btn {
    width: 290px;
    height: 40px;
    bottom: 0;
    top: auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
    
.sticky_btn__vertical_label {
    width: 190px;
    font-size: 1.4em;
    margin: 0;
    transform: none;
    margin-left: 10px;
}
   
.rental_wrap {
    bottom: 0;
    top: auto;
    height: 530px;
    padding: 2% 0% 5%;
}
    
.rental_wrap__column {
    margin: 0px 2% 0px 2%;
    width: 18%;
}
  
.page_content {
    padding: 0px 2%;
}
    
.page_content__specline_label {
    width: 34%;
}    
    
    
}

/************************************************************************************
	max width 1366 X 768 - desktop
*************************************************************************************/
@media screen and (max-width: 1366px) and (max-height: 768px) {    
   	
.hp-titlebox {
    top: 68vh;
    height: 210px;
}    
    
.header__toplogo {
    width: 26%;
    height: 74px;
}    
    
.header__tagline {
    width: 28%;
    font-size: 1.5em;
    padding: 0px;
}  
    
.header__phone_wrap {
    width: 38%;
}
    
.header__nav {
    margin-left: 0%;
    width: 60%;
}    
    
.header__phone_wrap--small {
    font-size: 0.6em;
    width: 32%;
}    
    
.page_content__catpic {
    width: 290px;
    height: 362px;
}
    
.footer__wrap {
    padding: 50px 2%;
}    
    
}

/************************************************************************************
	max width 1280 X 950 - desktop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 950px) {    
    
.hp-titlebox__line1 {
    font-size: 2em;
    height: 40px;
}
    
.hp-titlebox__line2 {
    font-size: 3em;
    height: 45px;
}
    
.hp-titlebox__line3 {
    font-size: 2em;
}   
    
.hp-titlebox__line4 {
    font-size: 3em;
}
    
.hp-titlebox {
    top: 75vh;
    height: 200px;
}
    
.header__toplogo {
    height: 74px;
}
 
.header__tagline {
    width: 19%;
    font-size: 1.5em;
    padding-top: 0px;
}    
    
.header__contactbtn {
    width: 18%;
}
    
.header__address_wrap {
    width: 73%;
}
 
.header__nav {
    margin-left: 0%;
    width: 58%;
}
    
.header__phone_wrap {
    width: 37%;
}
 
.header__nav .selected_menu {
    height: 30px;
}
    
.header__nav .menu_item {
    height: 30px;
}
    
.header__nav .menu_item:hover {
    border-bottom: 5px solid #fff; 
}
    
.page_content__catpic {
    width: 290px;
    height: 362px;
}
    
.footer__wrap {
    padding: 50px 2%;
}    
    
.sticky_btn {
    width: 290px;
    height: 40px;
    bottom: 0;
    top: auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
    
.sticky_btn__vertical_label {
    width: 190px;
    font-size: 1.4em;
    margin: 0;
    transform: none;
    margin-left: 10px;
}
   
.rental_wrap {
    bottom: 0;
    top: auto;
    height: 530px;
    padding: 2% 0% 5%;
}
    
.rental_wrap__column {
    margin: 0px 2% 0px 2%;
    width: 18%;
}
 
.feature_block__content {
    height: 13em;
}
 
.footer__menublock {
    width: 65%;
}
    
.footer__logoblock {
    width: 35%;
}
    
.page_content {
    padding: 0px 2%;
}
    
.page_content__btnwrap {
    flex-wrap: wrap;
    height: 180px;
}    
    
.page_content__btnwrap_btn {
    width: 48%;
    margin-bottom: 30px;
}
    
.page_content__rentalbox {
    width: 49%;
}
 
.page_content__rentalbtn {
    font-size: 1.4em;
}
    
}

/************************************************************************************
	max width 1280 X 800 - desktop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 800px) {    
    
.hp-titlebox {
    top: 70vh;
}    
    
.header__phone_wrap--small {
    font-size: 0.6em;
    width: 32%;
}    
    
}

/************************************************************************************
	max width 1280 X 720 - desktop
*************************************************************************************/
@media screen and (max-width: 1280px) and (max-height: 720px) {    
    
}

/************************************************************************************
	max width 1024 X 1366 - desktop
*************************************************************************************/
@media screen and (max-width: 1024px) and (max-height: 1366px) {    

.oursales__btn {
	display: none;
}
	
.header {
    display: none;        
}    
    
.bottom_mobilemenu {
    display: flex;
}    
    
.sticky_btn {
    display: none;
}
    
.footer {
    height: auto;
    overflow: auto;
    padding-bottom: 20px;
    margin-bottom: 50px;
}    
    
.footer__wrap {
    height: auto;
    overflow: auto;
    padding: 50px 2%;
    flex-direction: column;
    justify-content: space-between;
}    
    
.footer__menublock {
    width: 100%;
}    
    
.footer__title {
    text-align: center;
}    
    
.foot_menu_item {
    width: 100%;
    text-align: center;
}

.footer__logoblock {
    width: 100%;
}
 
.footer__logo {
    background-position: center;
}
 
.footer__address {
    margin-top: 20px;
    justify-content: center;
}    
    
.footer__phone_wrap {
    justify-content: center;
}
    
.hp-titlebox {
    top: 79vh;
    height: 227px;
}

.hp-titlebox__line1 {
    font-size: 2em;
    height: 50px;
}
    
.hp-titlebox__line2 {
    font-size: 3em;    
}
    
.hp-titlebox__line3 {
    font-size: 2em;
}
 
.hp-titlebox__line4 {
    font-size: 3em;
}
    
.feature_block__title {
    line-height: 1em;
}
    
.page_content {
    min-height: calc(100vh - 886px);
    padding: 0px 2%;
}
    
.feature_block__details {
    height: 490px;
}
    
.feature_block__image {
    height: 490px;
}
    
.feature_block__content {
    height: 16em;
}
    
.feature_block__morebtn {
    font-size: 1.2em;
    line-height: 1em;
}    
    
.hp-titlebox__line2 {
    height: 44px;
}

.mobile_header {
    display: flex;        
}    
    
.bottom_mobilemenu__header__nav {
}    
    
.page_container {
    margin-top: 80px;
}    
    
.page_content__toppic {
    width: 33%;
}
 
.page_content__btnwrap {
    flex-wrap: wrap;
    height: 180px;
}    
    
.page_content__btnwrap_btn {
    width: 48%;
    margin-bottom: 30px;
}
    
.page_content__midpic {
    width: 49%;
    height: 330px;
}
    
.page_content__main {
    flex-direction: column;
}    
    
.page_content__toppic {
    width: 100%;
}    
    
.page_content__singlepic {
    width: 100%;
    margin: 0%;
    height: 400px;
}    
    
.page_content__rentalbox {
    width: 49%;
}
 
.page_content__rentalbtn {
    font-size: 1.4em;
}
    
.page_content__modelbox {
    flex-wrap: wrap;
}    
    
.page_content__modelbox_photo {
    width: 34%;
    height: 500px;
}
    
.page_content__modelbox_center {
    width: 64%;
}
 
.page_content__specline_label {
    width: 26%;
}    
    
.page_content__modelbox_right {
    width: 100%;
    padding: 0px;
}
    
}

/************************************************************************************
	max width 834 X 1112 - desktop
*************************************************************************************/
@media screen and (max-width: 834px) and (max-height: 1112px) {    
 
.hp-titlebox {
    top: 74vh;
    height: 240px;
}
    
.mobile_header__phone_wrap--number a {
    font-size: 1.4em;
}    
  
.page_content__salesbox {
    flex-direction: column;
}    
    
.page_content__salesphotobox {
    width: 100%;
}
    
.page_content__salesinfo {
    width: 100%;
}
    
.page_content__rentalbox {
    width: 100%;
}
    
.page_content__contactwrap {
    flex-direction: column; 
}
    
.page_content__formside {
    width: 100%;
}
    
.page_content__contentside {
    width: 100%;
}
    
}

/************************************************************************************
	max width 800 X 1280 - desktop
*************************************************************************************/
@media screen and (max-width: 800px) and (max-height: 1280px) {    
 
.mobile_header__phone_wrap--number a {
    font-size: 1.2em;
}
    
.hp-titlebox {
    top: 77vh;
    height: 235px;
}    
    
.header__social {
    justify-content: center;
    width: 100%;
}    
 
.feature_block {
    flex-direction: column;
}    
    
.feature_block:nth-child(2n) {
    flex-direction: column;
}    
    
.feature_block__image {
    width: 100%;
}    

.feature_block__details {
    width: 100%;
    padding: 25px 0% 0px 2%;
}    
    
.feature_block__content {
    height: 10em;
}
 
.feature_block__details:nth-child(2n) {
    width: 100%;
    padding: 25px 0% 0px 2% !important;
}    
    
.feature_block__content:nth-child(2n) {    
    height: 10em;
}
    
.page_content__salesbox {
    flex-direction: column;
}    
    
.page_content__salesphotobox {
    width: 100%;
}
    
.page_content__salesinfo {
    width: 100%;
}
    
.page_content__rentalbox {
    width: 100%;
}
    
.page_content__contactwrap {
    flex-direction: column; 
}
    
.page_content__formside {
    width: 100%;
}
    
.page_content__contentside {
    width: 100%;
}
    
}

/************************************************************************************
	max width 768 X 1024 - desktop
*************************************************************************************/
@media screen and (max-width: 768px) and (max-height: 1024px) {    
 
.hp-titlebox {
    top: 71vh;
    height: 264px;
}    
    
.hp-titlebox__line3 {
    font-size: 1.8em;
}    

.hp-titlebox__line4 {
    font-size: 2.2em;
}    
    
}


/************************************************************************************
	max width 600 X 960 - desktop
*************************************************************************************/
@media screen and (max-width: 600px) and (max-height: 960px) {    

.mobile_header__phone_wrap--number a {
    font-size: 1em;
}    
    
.hp-titlebox__line1 {
    font-size: 1.8em;
}    
    
.hp-titlebox__line2 {
    font-size: 2.4em;
    height: 30px;
}    
    
.hp-titlebox__line3 {
    font-size: 2em;
    width: 38%; 
}

.hp-titlebox__line4 {
    font-size: 2.5em;
    width: 54%;
}    
 
.hp-titlebox__linewrap {
    height: 74px;
}
    
.feature_block__details {
    height: auto;
    overflow: auto;
    padding: 10px 0px;
}    
    
.feature_block__content {
    height: auto;
    overflow: auto;
    padding: 10px 0px;
}  
    
.feature_block__title {
    margin: 10px 0px;
}    
    
.page_content__topphotos {
    height: auto;
    overflow: auto;
    margin: 50px 0px;
    flex-direction: column;
}    
    
.page_content__toppic {
    width: 100%;
    margin-bottom: 20px;
}    
    
.page_content__midphotos {
    height: auto;
    overflow: auto;
    margin: 50px 0px;
    flex-direction: column;
}
    
.page_content__midpic {
    width: 100%;
    margin-bottom: 20px;
}    
    
.page_content__btnwrap {
    height: auto;
    overflow: auto;
    margin: 20px 0px;
}    
   
.page_content__btnwrap_btn {
    width: 100%;
    margin-bottom: 15px;
}   
    
.page_content__salesphoto {
    height: 370px;
}
 
.page_content__rentalbox {
    height: auto;
    overflow: auto;
    margin-bottom: 80px;
    flex-direction: column;
}    
    
.page_content__rentalpic {
    width: 100%;
    height: 500px;
}
    
.page_content__rentalinfo {
    width: 100%;
    padding: 15px 0px;
    height: auto;
    overflow: auto;
}
    
.page_content__rentalsummary {
    height: auto;
    overflow: auto;
    padding: 20px 0px;
}    
   
.contact_form__form-row {
    flex-wrap: wrap;
}    
    
.contact_form__form-label {
    width: 100%;
    text-align: left;
    margin-bottom: 5px;
}    
    
.contact_form__form-input {
    width: 90%;
}    
    
.contact_form__form-row-btns {
    flex-wrap: wrap;
}
 
.contact_form__formbtn {
    width: 90%;
    margin-top: 10px;
}
    
}

/************************************************************************************
	max width 414 X 896 - desktop
*************************************************************************************/
@media screen and (max-width: 414px) and (max-height: 896px) {    
 
.mobile_header {
    flex-direction: column;
    height: 125px;
}    
    
.mobile_header__toplogo {
    width: 96%;
    height: 70px;
    margin-top: 5px;
}
    
.mobile_header__phone_wrap--number {
    width: 100%;
    justify-content: center;
    height: 50px;
}
    
.hp-titlebox {
    display: none;
}    
    
#featureSlider {
    height: 55vh;
}
    
#featureSlider .imgholder {
    height: 55vh;
}
    
#featureSlider .imgholder li {
    height: 55vh;
}
    
.slider_bottom {
    top: 53vh;
}
    
.feature_block__logo {
    display: none;
}    
    
.feature_block__morebtn {
    justify-content: center;
    height: 80px;
    margin-bottom: 80px;
    text-align: right;
    font-size: 1.4em;
}
    
.feature_block__morebtn .fas, .feature_block__morebtn .far {
    font-size: 1.5em;
}    
    
.feature_wrap {
    padding: 0px 0px 50px;
}    
    
h1 {
    font-size: 2.4em;
    text-align: center;
}
    
h2 {
    text-align: center;    
}    
 
h3 {
    text-align: center;    
}    
    
.footer__logo {
    height: 60px;
}
    
.footer__address_wrap {
    font-size: 1.2em;
}    
    
.footer__phone_wrap--small {
    font-size: 1.2em;
}
    
.footer__phone_wrap--number a {
    font-size: 1.5em;
}    
    
.footer__phone_wrap .fas {
    padding-top: 9px;
}    
    
.bottom_mobilemenu__menubtn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    font-size: 0.8em;
    height: 54px;
}    
    
.feature_block {
    flex-direction: column-reverse;
}    
    
.feature_block:nth-child(2n) {
    flex-direction: column-reverse;
}    
    
.page_content__salesphoto {
    height: 290px;
}
    
.page_content__catpic {
    width: 100%;
}    
    
.page_content__allcatwrap {
    width: 100%;
    float: none;
    margin: 0px 0px 40px;
}
    
.page_content__modelbox_photo {
    width: 100%;
}    
    
.page_content__modelbox_center {
    width: 100%;
}    
    
.page_content__specline_label {
    width: 38%;
}    
    
}

/************************************************************************************
	max width 414 X 736 - desktop
*************************************************************************************/
@media screen and (max-width: 414px) and (max-height: 736px) {    
    
}

/************************************************************************************
	max width 384 X 640 - desktop
*************************************************************************************/
@media screen and (max-width: 384px) and (max-height: 640px) {    
   
.mobile_header__phone_wrap--number a {
    font-size: 0.8em;
}    
    
.mobile_header__toplogo {
    height: 59px;
    margin-top: 16px;
}    
    
.feature_block__morebtn {
    padding: 0px 10px 0px 5px;
}
    
#featureSlider {
    display: none;
}    
    
.slider_bottom {
    display: none;
}    
 
.fade-in {
    opacity: 1;
}    
    
.feature_wrap {
    padding: 70px 0px 50px;
}    
    
.bottom_mobilemenu__header__nav {
    font-size: 1.8em;
}    
    
.bottom_mobilemenu__header__nav .selected_menu {
    font-size: 1em;
    height: 50px;
}    
    
.bottom_mobilemenu__header__nav .menu_item {
    height: 50px;
}
    
}

/************************************************************************************
	max width 375 X 812 - desktop
*************************************************************************************/
@media screen and (max-width: 375px) and (max-height: 812px) {    
  
.mobile_header__phone_wrap--number a {
    font-size: 0.8em;
}    
    
.mobile_header__toplogo {
    height: 59px;
    margin-top: 16px;
}    
    
.feature_block__morebtn {
    padding: 0px 10px 0px 5px;
}
    
#featureSlider {
    display: none;
}    
    
.slider_bottom {
    display: none;
}    
 
.fade-in {
    opacity: 1;
}    
    
.feature_wrap {
    padding: 70px 0px 50px;
}    
    
.bottom_mobilemenu__header__nav {
    font-size: 1.8em;
}    
    
.bottom_mobilemenu__header__nav .selected_menu {
    font-size: 1em;
    height: 50px;
}    
    
.bottom_mobilemenu__header__nav .menu_item {
    height: 50px;
}
 
.feature_block__image {
    height: 290px;
}    
   
.page_content__specline_label {
    width: 41%;
}    
    
.contact_form__form-input {
    width: 80%;
}    
    
.contact_form__form-input-status {
    width: 14%;
}    
    
}

/************************************************************************************
	max width 375 X 667 - desktop
*************************************************************************************/
@media screen and (max-width: 375px) and (max-height: 667px) {    
    
}

/************************************************************************************
	max width 360 X 800 - desktop
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 800px) {    
    
.mobile_header__phone_wrap--number a {
    font-size: 0.8em;
}    
    
.mobile_header__toplogo {
    height: 59px;
    margin-top: 16px;
}    
    
.feature_block__morebtn {
    padding: 0px 10px 0px 5px;
}
    
#featureSlider {
    display: none;
}    
    
.slider_bottom {
    display: none;
}    
 
.fade-in {
    opacity: 1;
}    
    
.feature_wrap {
    padding: 70px 0px 50px;
}    
    
.bottom_mobilemenu__header__nav {
    font-size: 1.8em;
}    
    
.bottom_mobilemenu__header__nav .selected_menu {
    font-size: 1em;
    height: 50px;
}    
    
.bottom_mobilemenu__header__nav .menu_item {
    height: 50px;
}
 
.feature_block__image {
    height: 290px;
}    
    
h1 {
    font-size: 2em;
}    
    
.page_content__rentalpic {
    height: 370px;
}
    
    
}

/************************************************************************************
	max width 360 X 780 - desktop
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 780px) {    
    
}

/************************************************************************************
	max width 360 X 760 - desktop
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 760px) {    
    
}

/************************************************************************************
	max width 360 X 640 - desktop
*************************************************************************************/
@media screen and (max-width: 360px) and (max-height: 640px) {    
    
}

/************************************************************************************
	max width 320 X 568 - desktop
*************************************************************************************/
@media screen and (max-width: 320px) and (max-height: 568px) {    
 
.footer__address_wrap {
    font-size: 1em;
}    
    
.footer__phone_wrap .fas {
    font-size: 2.8em;
}    
    
.page_content__pdfwrap {
    width: 100%;
    float: none;
    margin: 0px 0px 50px;
}    
    
.page_content__specline {
    flex-direction: column;
    height: 3.2em;
}
    
.page_content__specline_label {
    width: 100%;
    margin: 0px;
}    

.page_content__specline_data {
    width: 100%;
    margin: 0px;
}    
    
}