.container img{
    height: revert-layer;
}
.carousel-item{
    display:block !important;
    margin: unset;
}


.rentalPopup .headerInfo{
    display: none;
    
}
.location-header .material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 100,
  'GRAD' -25,
  'opsz' 24
}
#form-content{display:block !important;}
.rentalPopup{
    display: block !important;
    position: unset;
    transform: none;
    padding: 0;
}
.reservationForm{
    position: absolute; 
    width: 400px !important;
    margin: 70px;
    background-color: white;
    padding: 15px 25px 15px;
    border-radius: 9px;
    top: 4%;
    right: 40%;
    z-index: 998;
}
.reservationForm label {
    color: gray;
    font-weight: 600;
    font-size: 13px;
}
.BLK_LS{
    margin-bottom: 0;
    margin-top: 0;
}
.rentalForm .BLK_FLT{
    margin: 0;
}
.rentalForm .BLK_LS {
    margin-bottom: 10px;
}
.reservationForm li select {
    padding: 9px 0px 0 0 !important;
    margin: 8px 0 !important;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid black !important;
    font-size: 16px !important;
    font-style: bold;
    font-weight: bold;
    width: 186px;
    text-indent: 2px !important;
}
.reservationForm ul li div.SEL{
    border-bottom: 2px solid black !important;;
    font-weight: bold;
    text-indent: 0px !important;
}
.reservationForm li input[type=text] {
    padding: 9px 0px 0 0 !important;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid black !important;
    font-size: 16px;
    font-style: bold;
    font-weight: bold;
    width: 91px;
    text-indent: 2px !important;
    border-radius: unset;
}
.reservationForm input[name=search] {
    border-bottom: none;
    padding: 12px 12px;
    border-radius: 24px;
    width: 200px !important;
    height: 45px !important;
    background-color: #0fa352;
    background-image: linear-gradient(#0fa352, #18BA4A);
    color: white;
    font-size: 1.1em !important;
    transition: transform 0.3s ease-out;
    text-indent: 2px !important;
}
.reservationForm .nice-select .current{
    text-indent: 0px;
}
.reservationForm h2{
    display: none !important;
}
.reservationForm i{
    display: none;
}
.reservationForm .BLK_FLL {
    float: left;
    width: 44%;
    margin-top: 18px;
    cursor: pointer;
}
.reservationForm .BLK_FLL ul{
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}
.reservationForm .BLK_MISC, .reservationForm .BLK_PTL, .reservationForm .BLK_RTL, .reservationForm .BLK_PTD, .reservationForm .BLK_RTD, .reservationForm .BLK_SVT, .reservationForm .BLK_PRC, .reservationForm .BLK_SUB{
    margin-bottom: 0px;
    margin-top: 0px;
}
.reservationForm .BLK_SUB{
    float: right;
    width: 50%;
    margin-top: 35px;
}
.reservationForm .BLK_FLL ul li:nth-child(3) {
     display: block; 
}
.reservationForm .BLK_SVT{
    display: block;
}
.reservationForm .BLK_FLL i{
    display: block !important;
}

.rentalForm {
    margin: 0 !important;
}
/*COMMENTED BY PRADNYA*/
/*@media only screen and (min-width: 0px) and (max-width: 1024px) {
    body {
        margin: 50px auto;
    }
}*/
.bx-wrapper{position:relative;margin-bottom:1px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}
.bx-wrapper img{max-width:100%;display:block}
.bxslider{margin:0;padding:0}
ul.bxslider{list-style:none}
#locMap{ display:none;}

.bx-viewport{-webkit-transform:translatez(0)}
.bx-wrapper{ border:0 solid #fff;background:#fff}
.bx-wrapper .bx-pager { display:none; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}
/*.bx-wrapper .bx-loading{min-height:50px;background:url("{img imgId='21939_bx-loader.gif' path='1'}") center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}*/
.bx-wrapper .bx-pager{text-align:center;font-size: .85em;font-family:Arial;font-weight:bold;color:#666;padding-top:20px}
.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}
.bx-wrapper .bx-pager-item, 
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom;*zoom:1;*display:inline}
/*commented by arsha
/*.bx-wrapper .bx-pager-item{font-size:0;line-height:0}*/
/*.bx-wrapper .bx-prev{left:10px;background:url("{img imgId='21893_controls.png' path='1'}") no-repeat 0 -32px}*/
/*.bx-wrapper .bx-prev:hover,*/
/*.bx-wrapper .bx-prev:focus{background-position:0 0}*/
/*.bx-wrapper .bx-next{right:10px;background:url({img imgId='21893_controls.png' path='1'}) no-repeat -43px -32px}*/
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus{background-position:-43px 0}
.bx-wrapper .bx-controls-direction
a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:998}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url("{img imgId='21893_controls.png' path='1'}") -86px -11px no-repeat;margin:0
3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url("{img imgId='21893_controls.png' path='1'}") -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}


.review .bx-wrapper .bx-caption{ top:0;right:0; left:0; }
.bx-wrapper .bx-caption{position:absolute;background:#FFF;background:rgba(255, 255, 255, 0.75);width:400px;}
.bx-wrapper .bx-caption span{color:#00B4F1; display:block;font-size: 1.8em;padding:20px 10px; font-weight:bold; text-align:center;}
.bx-wrapper .bx-caption span i{color:#606060; display:block;font-size: .7em; font-weight:normal; font-style:normal; margin-top: 15px;}
.bannerli{ background-size:cover;background-repeat:no-repeat;background-position:center center;height: 435px; }
.bx-wrapper img{ display:none; }

@media only screen and (min-width: 0) and (max-width: 500px) {
    .bx-wrapper .bx-controls { display:none; }
    .banner{ height:430px;}
    /*.bannerli{ height:430px; }*/
    .banner .bx-controls{ display:none; }
    .banner .bx-caption{ display:none;}
    .bx-viewport{margin-top: -51px;}
}
@media only screen and (min-width: 501px) and (max-width: 800px) {
    .bx-wrapper .bx-controls { display:none; }
    .banner .bx-caption{ display:none;}
    /*.bannerli{ height:540px; }*/
    .bx-viewport{margin-top: -51px;}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .bx-wrapper .bx-controls { display:none; }
    .banner{ height:500px;}
    .bx-viewport{margin-top: -51px;}
    /*.bannerli{ height:500px; }*/
}
@media only screen and (min-width: 801px) and (max-width: 850px){
    .banner .bx-wrapper .bx-caption{ top:50px;right:20px; }
}
@media only screen and (min-width: 851px) {
    .banner .bx-wrapper .bx-caption{ top:50px;right:50px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .banner{ height:445px;}
    /*.bannerli{ height:500px; }*/
    .bx-viewport{margin-top: -51px;}
}
@media only screen and (min-width: 1281px) {
    .banner{ height:500px;}
    /*.bannerli{ height:500px; }*/
}


/* chat Icon */
.chat {
    font-weight: bold;
    z-index: 998;
    color: white;
    background-color: var(--brand-color);
    border-radius: 50%;
    padding: 16px;
    transition: transform 0.3s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 30px;
    height: 35px;
    transform: rotate(0deg);
    right: 35px;
}
.rental .nice-select{
    border:none;
    border-bottom:1px solid;
}
.chat:hover {
    cursor: pointer;
    transform: scale(1.1);
}
.chat i {
    font-size: 30px;
}

.reveal {
    position: relative;
    transform: translateY(20px);
    opacity: 0;
    transition: all 2s ease;

}

.reveal.active {
    transform: translateY(0px);
    transition-duration: 1s;
    opacity: 1;
}

@keyframes slide-up {
    from {
        margin-top: 100%;
        height: 300%;
    }

    to {
        margin-top: 0%;
        height: 100%;
    }
}

/* banner part */
/*@keyframes backgroundAnimation {*/
/*    0% {*/
/*        background-image: url('/smsite/npauto_3/media/imgs/4548194_banner-1.jpg');*/
/*    }*/

/*    33% {*/
/*        background-image: url('/smsite/npauto_3/media/imgs/4548195_banner-2.jpg');*/
/*    }*/

/*    66% {*/
/*        background-image: url('/smsite/npauto_3/media/imgs/4548196_banner-3.jpg');*/
/*    }*/
/*}*/

.banner-image {
    /*background-image: url("/smsite/npauto_3/media/imgs/4548194_banner-1.jpg");*/
    /*background-color: #cccccc;*/
    /*height: 445px;*/
    /*background-position: center;*/
    /*background-repeat: repeat;*/
    /*background-size: cover;*/
    position: relative;
    margin-top: 50px;
    animation-name: backgroundAnimation;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

.slideshow {
    text-align: center;
    /*margin-top: 50vh;*/
    overflow: hidden;
}

.banner-text {
    opacity: 0;
    position: absolute;
    top: 26%;
    left: 52%;
    right: 0;
}

.banner-text p {
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    color: #05dc53;
    text-align: left;
    margin-bottom: 0px;
}

.banner-text div {
    font-size: 45px;
    font-weight: bold;
    color: white;
    text-align: left;
    margin-top: 0px;
}

/* search form */
.rental {
    width: 400px;
    background-color: white;
    padding: 25px 25px 6px;
    border-radius: 9px;
}

.BLK_PTL > ul ,.BLK_RTL > ul{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
    margin: 0;
    padding-bottom: 10px;
}



.rental .returnRentalList {
    list-style: none;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

.rental label {
    color: gray;
    font-weight: 600;
    font-size: 13px;
}

/*.sm_frmFld {*/
/*    width: 46%;*/
/*    margin-left: 3%;*/
/*}*/

.BLK_FLL {
    float: left;
    width: 30%;
    margin-top:18px;
    cursor:pointer;
}
.BLK_SUB {
    float: right;
    width: 50%;
     margin-top:18px;
}
.BLK_PRC ul li input {
    width: 100%;
}

.BLK_FLL ul li a {
    font-Size: 13px;
    color: var(--brand-color) !important;
    font-Weight: 600;
    text-decoration: none;
    float: left;
}
.rentalForm .reservationForm ul li{
    width: 100% !important;
}
.rentalForm .reservationForm ul li .fa-solid{
    position: unset;
}
.BLK_FLL ul li i {
    font-Size: 10px;
    color: var(--brand-color);
    float: left;
    line-height: 15px;
    padding-right: 3px;
}

.rental li input {
    padding: 3px 0px 0 0;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid black;
    font-size: 16px;
    font-style: bold;
    font-weight: bold;
    width: 91px;
}

.rental li select {
    padding: 3px 0px 0 0;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid black;
    font-size: 16px;
    font-style: bold;
    font-weight: bold;
    width: 186px;
}

.returnRentalList li select {
    padding: 3px 0px 0 0;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid black;
    font-size: 16px;
    font-style: bold;
    font-weight: bold;
    width: 100%;
}

.rental input[name=search] {
    border-bottom: none;
    padding: 12px 12px;
    border-radius: 24px;
    width: 200px;
    background-color: #0fa352;
    background-image: linear-gradient(#0fa352, #18BA4A);
    color: white;
    font-size: 1.1em;
    transition: transform 0.3s ease-out;
}

.rental input[name=searchLoc]:hover {
    transform: scale(1.1);
}


/* slide-show */
.carousel-container {
    text-align: center;
}

.carousel {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.carousel div {
    padding: 10px 0;
}

.carousel-container p {
    font-size: 28px;
    font-weight: 300;
    padding: 0 10px;
}

.carousel-container mark {
    background-color: white;
    color: var(--brand-color);

}

/* vehicle images */
.rentalCars {
    margin: 60px 0;
}

.rentalCars .wrapper {
    text-align: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.rentalCars .wrapper .vehicleCars {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-column-gap: -5.5%;
    grid-row-gap: 7%;
    grid-column-gap: 22px;
    list-style: none;
    padding: 0;
}

.rentalCars .wrapper .vehicleCars li {
    cursor: pointer;
    transition: transform 0.3s ease-out;
}

.rentalCars .wrapper .vehicleCars li:hover {
    transform: scale(1.2);
}

.vehicleCars h4 {
    font-size: 1.25em;
}

.rentalCars p {
    margin-bottom: 0;
    padding: 4px;
}

.rentalCars h3 {
    margin-top: 0;
}

.rentalText {
    text-align: center;
    line-height: 30px;
}

.rentalText .rentalP {
    font-size: 30px;
    margin-top: 0;
}

.rentalText span {
    font-style: italic;
    color: var(--brand-color);
}

.rentalText h5 {
    margin-top: 0;
    color: var(--brand-color);
    font-size: 0.9em;
}
.vehicles .butn {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media only screen and (min-width: 501px) and (max-width: 820px) {
    .rentalCars .wrapper .vehicleCars {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: 50% 50%;
        grid-column-gap: -5.5%;
        grid-row-gap: 0%;
        grid-column-gap: 22px;
        margin-right: 0;
    }
}

@media only screen and (min-width: 821px) and (max-width: 1024px) {
    .rentalCars .wrapper .vehicleCars {
        grid-template-columns: 23% 23% 21% 26%;
    }
}

@media only screen and (min-width: 1025px) {
    .rentalCars .wrapper .vehicleCars {
        display: grid;
        grid-template-columns: 23% 28% 28% 26%;
        grid-column-gap: -5.5%;
        grid-row-gap: 7%;
        grid-column-gap: 22px;
        list-style: none;
        margin-right: 5%;
        padding: 0;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            margin-top: 80px;
        }

        to {
            opacity: 1;
            margin-top: 0;
        }
    }
}

/* customer review  */
.review-image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
}

.review-image::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.527), rgba(0, 0, 0, 0.5)), url("/smsite/npauto_8/media/imgs/9381418_review-img.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* opacity: 0.8; */
}

.review-image .revSlide {
    display: none;
}

.review-image .review-text {
    width: 60%;
    position: relative;
    text-align: center;
}

.review-text h4 {
    font-size: 1.5em;
    color: white;
    margin-bottom: 0px;
}

.review-text p {
    font-weight: bold;
    color: #0ba60b;
    ;
    font-size: 1.3em;
}

.slider {
    display: flex;
    list-style: none;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-bottom: 10px;
}

.revSlideInactive {
      color: white;
}

.revSlideActive {
    color: unset;
    background:  var(--brand-color);
    border-radius: 50pc;
}

/* customer services */
@media only screen and (min-width: 801px) {
    .container {
        text-align: center;
        padding:0;
    }

    .container h2 {
        margin-bottom: 0;
    }

    .container h5 {
        margin-top: 5px;
        margin-bottom: 0;
        color: var(--brand-color);
        font-size: unset;
    }

    .customerService ul {
        list-style: none;
        display: flex;
        justify-content: center;
        flex-direction: row;
        gap: 40px;
        padding: 0;
    }
}

/*app link*/
.appLink {
    display: flex;
    justify-content: center;
    gap: 40px;
    padding: 100px 0;
    flex-direction: row;
    width: 100%;
}

.appLink .appLinkText {
    margin: auto 0;
}

.appLink .appLinkText h2 {
    transform: scaleY(1.5);
    font-size: 30px;
}

.appLink .appLinkText h2 mark {
    background-color: white;
    color: #05dc53;
    ;
    font-style: italic;
    letter-spacing: 1.5px;
}

.appLink .appLinkText p {
    font-size: 14px;
    padding-top: 20px;
}

.appLink .appLinkText ul {
    list-style: none;
    color: #06b545;
    ;
    padding: 0;
    font-size: 13px;
    font-weight: bold;
    padding-top: 10px;
}

.appLink .appLinkText ul li {
    padding-bottom: 7px;
}

.appLink .appLinkText ul li a {
    color: #06b545;
    text-decoration: none;
}


/*locations*/
.location-image {
    background-image: url("/smsite/npauto_8/media/imgs/9410683_world-map-img.png");
    background-color: #7f7f7fe6;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 42px 0px;
}

.location-image .location-header {
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}

.location-image .location-header i {
    color: var(--brand-color);
    ;
    font-size: 30px;
}

.location-image .location-header p {
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 2px;
}

.locations ul {
    list-style: none;
    padding-left: 0;
}

.locations li {
    border-top: 1px solid;
    padding: 10px 0px;
    font-size: 15px;
}

.locations li a {
    color: black;
    text-decoration: none;
    ;
}

.locations {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 140px;
    width: 100%;
}

.locations .location-international {
    width: 20%;

}

.locations .location-united {

    width: 20%;
}

.locations ul li i {
    float: right;
    color: gray;
}
@media only screen and (min-width: 0) and (max-width: 501px) {
    .location-image .location-header p {
        font-size: 25px;
    }

    .locations {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    .locations .location-international {
        width: 80%;
    }

    .locations .location-united {
        width: 80%;
    }
}

@media only screen and (min-width: 0) and (max-width: 301px) {
    .location-image .location-header p {
        font-size: 20px;
    }

}

@media only screen and (min-width: 0) and (max-width: 500px) {
    .slideshow {
        display: none;
    }
    .rentalPopup {
        width: 96%;
    }
    .BLK_PTL ul ,.BLK_RTL ul{
        list-style: none;
        padding: 0;
        display: flex;
        flex-direction:column;
        justify-content: space-between;
         width: 100%; 
        margin: 0;
        padding-bottom: 10px;
    }
    .BLK_FLL {
        float: none !important;
        margin: 18px 0;
     }

    .reservationForm {
        padding: 20px 10px 20px 10px !important;
        width: 95% !important;
        box-shadow: 0px 5px 15px 5px lightgrey !important;
        position:static;
        margin: 94px 0;
        border-radius:unset;
        
        margin: 4%;
        box-sizing: border-box;
    }
    .BLK_PTD ul, .BLK_RTD ul {
       display: flex;
       justify-content: space-between;
        width: 100%;
    }
   .BLK_PDT{
        float: left;
        width: 53%;
    }

    .reservationForm li input {
        width: 100%;
    }

    .reservationForm li select {
        width: 100%;
    }

    .reservationForm .rentalList {
       flex-direction: column;
    }

    .BLK_FLL ul:nth-child(2) {
        margin: auto;
    }

    .BLK_PTD ul,.BLK_RTD ul {
        display: flex;
        gap: 10px;
        float:left;
    }
    .reservationForm .BLK_SUB {
        float: none;
        width: auto;
        margin-top: 0;
    }
    .rentalForm .reservationForm ul li input[type="submit"] {
       float: right;
        margin-top: 15px;
    }
    .banner {
        display: none;
    }

    .carousel-container {
        text-align: center;
        margin-top: 100px;
    }

    .carousel-item {
        padding: 5px;
    }

    .carousel-item .appImage {
        width: 260px;
        height: 230px;
    }

    .rentalCars .wrapper .vehicleCars {
        list-style: none;
        padding: 0;
        display: grid;
        grid-template-columns: 91%;
        grid-column-gap: -5.5%;
        grid-row-gap: 0%;
        grid-column-gap: 22px;
    }

    .review-image .review-text {
        width: 90%;
        position: relative;
        text-align: center;

    }

    .review-text h4 {
        font-size: 1.2em;
    }

    .review-text p {
        font-size: 1em;
    }

    .container {
        text-align: center;
        padding-left: 0;
    }

    .container h2 {
        margin-bottom: 0;
    }

    .container h5 {
        margin-top: 5px;
        margin-bottom: 0;
        color: var(--brand-color);
        font-size: unset;
    }

    .customerService ul {
        list-style: none;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 0;
        gap: 40px
    }

    .appLink {
        display: flex;
        justify-content: center;
        gap: 15px;
        padding: 50px 0;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .appImage {
        width: 285px;
        height: 200px;
    }

    .appLink .appLinkText h2 br {
        display: none;
    }

    .appLink .appLinkText p br {

        display: none;
    }

    .appLink .appLinkText h2 {
        font-size: 16px;
        padding: 4px;
    }

    .appLink .appLinkText p {
        font-size: 16px;
        padding: 0 10px;
    }

    .appLink .appLinkText ul {
        font-size: 14px;
    }
    .chat i {
        font-size: 30px;
    }
    #bodyContainer{
        margin: 0 auto;
        width: 90%;
    }
}

@media only screen and (min-width: 0) and (max-width: 400px){
.rentalForm .reservationForm ul li input[type="submit"]{
        width: 100% !important;
        float: none;
    }
}
@media only screen and (min-width: 501px) and (max-width: 800px) {
    .rentalSection {
        padding-top: 77px;
    }
    .reservationForm .BLK_SUB {
        float: right;
        width: 50%;
        margin-top: 15px;
    }

    .reservationForm {
        width: 400px;
        background-color: white;
        margin: 0 auto;
        border-radius: 9px;
        height:auto;
        position: absolute;
        top: 100px;
        right: 5%;
        left: 5%;
    }

    .carousel-item .appImage {
        width: 350px;
        height: 300px;
    }

    .review-image .review-text {
        width: 90%;
        position: relative;
        text-align: center;

    }

    .container {
        text-align: center;
        padding:0;
    }

    .container h2 {
        margin-bottom: 0;
    }

    .container h5 {
        margin-top: 5px;
        margin-bottom: 0;
        color: var(--brand-color);
        font-size: unset;
    }

    .customerService ul {
        list-style: none;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-left: 0;
        gap: 40px
    }

    .appLink {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 70px 0;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .appImage {
        width: 506px;
        height: 300px;
    }

    .appLink .appLinkText h2 br {
        display: none;
    }

    .appLink .appLinkText p br {
        display: none;
    }

    .locations {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 50px;
        width: 100%;
    }

    .locations .location-international {
        width: 40%;
    }

    .locations .location-united {
        width: 40%;
    }
    .BLK_PTD ul, .BLK_RTD ul {
        display: flex;
        gap: 10px;
        float: left;
    }
   .BLK_PDT{
        float: left;
        width: 53%;
    }
    .BLK_RTD{
        float:right;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .rentalSection {
        padding-top: 58px;
    }
    .BLK_FLL {
        float: none;
        width: 30%;
        margin-top: 18px;
        cursor: pointer;
     }
    .reservationForm {
        position: absolute; 
        width: 400px;
        background-color: white;
        padding: 25px 25px 26px;
        border-radius: 9px;
        margin: 0 auto;
        top: 72px;
        left: 24%;
    }

    .carousel div {
        padding: 5px 0;
    }

    .carousel-item .appImage {
        width: 254px;
        height: 230px;
    }

    .appLink {
        display: flex;
        justify-content: center;
        gap: 10px;
        padding: 70px 0;
        flex-direction: column-reverse;
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .appLink .appLinkText h2 br {
        display: none;
    }

    .appLink .appLinkText p br {
        display: none;
    }

    .appLink .appImage {
        width: 530px;
        height: 300px;
    }

    .locations {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 125px;
        width: 100%;
    }

    .locations .location-international {
        width: 30%;
    }

    .locations .location-united {
        width: 30%;
    }
    .BLK_PTD ul, .BLK_RTD ul {
        display: flex;
        gap: 10px;
        float: left;
    }
   .BLK_PDT{
        float: left;
        width: 53%;
    }
    .BLK_RTD{
        float:right;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    .banner-text {
        opacity: 0;
        position: absolute;
        top: 25%;
        left: 56%;
        right: 0;
    }

    .rental {
        position: absolute; 
        width: 400px;
        margin: 94px;
        background-color: white;
        padding: 15px 25px 15px;
        border-radius: 9px;
        top: 7%;
        right: 40%;
                z-index: 999;
        left: 50%;
    }

    .rentalSection {
        display: flex;
        gap: 474px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /*height: 500px;*/
        display: none;
    }

    .rental .rentalList {
        list-style: none;
        padding: 0;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        /* width: 100%; */
        margin: 0;
        padding-bottom: 10px;
    }

    .BLK_PTD ul,.BLK_RTD ul {
        display: flex;
        gap: 10px;
        float:left;
    }
    .BLK_PDT{
        float:left;
        width:52%;
    }
    .BLK_RTD{
        float:right;
    }

    .carousel {
        gap: 3px;
        max-width: 90%;
        margin: 0 auto;
    }

    .carousel-item .appImage {
        width: 280px;
        height: 251px;
    }

    .appImage {
        width: 430px;
        height: 273px;
    }

    .appLink {
        display: flex;
        justify-content: center;
        padding: 100px 0;
        flex-direction: row;
        width: 100%;
    }

    .locations {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 150px;
        width: 100%;
    }

    .locations .location-international {
        width: 28%;
    }

    .locations .location-united {
        width: 28%;
    }
    .BLK_PTL > ul, .BLK_RTL > ul {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 25px;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding-bottom: 10px;
}
}

@media only screen and (min-width: 1281px) {
    .reservationForm {
        position: absolute; 
        background-color: white;
        padding: 25px 25px 25px;
        margin: 94px;
        width: 400px;
        border-radius: 9px;
        height: auto;
        top: 4%;
        right: 47%;
    }

    .rentalSection {
        display: flex;
        gap: 474px;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        /*height: 500px;*/
    }

    .carousel-container {
        text-align: center;
    }

    .carousel {
        display: grid;
        grid-template-columns: 36% 33% 33%;
    }

    .carousel>div>div {
        padding: 5px;
    }

    .carousel>div {
        padding: 0;
    }

    .carousel .appImage {
        width: 265px;
        height: 265px;
    }
     .BLK_PTD ul,.BLK_RTD ul {
        display: flex;
        gap: 10px;
        float:left;
    }
    .BLK_PDT{
        float: left;
        width: 53%;
    }
    .BLK_RTD{
        float:right;
    }
}

@media only screen and (min-width: 0) and (max-width: 800px) {
    .carousel {
        max-width: 94%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
    .carousel {
        max-width: 95%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1281px) and (max-width: 1419px) {
    .carousel {
        max-width: 1220px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1420px) and (max-width: 1579px) {
    .carousel {
        max-width: 1364px;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 1580px) {
    .carousel {
        max-width: 1492px;
        margin: 0 auto;
    }
    .BLK_PTD ul,.BLK_RTD ul {
        display: flex;
        gap: 10px;
        float:left;
    }
    .BLK_PDT{
        float: left;
        width: 53%;
    }
    .BLK_RTD{
        float:right;
    }
    
}