.small-title {
    font-size: 36px;
    font-weight: 600;
}

p.big-number {
    font-family: freight-display-pro;
    font-size: 128px;
    font-style: italic;
    font-weight: 600;
}

.hero-title-copy {
    font-size: 36px;
    line-height: 1.2;
}

.hero-copy {
    font-size: 20px;
    line-height: 1.2;
}

.hero-title {
    font-size: 20px;
    line-height: 1.2;
}

.hero-title-image {
    max-height: 100px;
}

.cX-banner-adj .cX-banner-banner {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 66px);
}
.cX-banner-adj .cX-banner-banner>div {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}
.cX-banner-adj .cX-banner-img-wrap {
    /* flex: 1; */
    justify-content: flex-end;
}
.cX-banner-adj .cX-banner-img {
    margin: 0 auto;
    /* width: 100%; */

    max-width: 100%;
    /* height:calc(100% - 3rem);*/
    max-height: 100%; 
}
.cX-banner-adj .hero-title-image  {
    margin: 0 auto;
}
@media (min-width:3000px) {
    .cX-banner-adj .cX-banner-banner {
        height: auto;
    }
}
@media (min-width:2500px) {
    .cX-banner-adj .cX-banner-text {
        padding: 4rem!important
    }
    .cX-banner-adj .cX-banner-banner>div {
        justify-content: center;
    }
}

@media (min-width:2000px) {
    .cX-banner-adj .cX-banner-img {
        width: 100%;
    }
    .cX-banner-adj .cX-banner-banner>div {
        justify-content: flex-end;
    }
    .cX-banner-adj .cX-banner-img-wrap{
        flex: 1;
    }
    .cX-banner-adj .cX-banner-text {
        flex: none;
    }
}


@media (max-width:1700px){
    /* .cX-banner-adj .cX-banner-img {
        max-height: 66vh;
        width: auto;        
    } */
    .cX-banner-adj .hero-title-image {
        max-height: 100%;
        max-width: 85%;
        /* width: auto;  */
    }
}

@media (max-width:1400px){
    /* .cX-banner-adj .cX-banner-img {
        
        width: auto;
        max-width: 77%;
    } */
    /* .cX-banner-adj .cX-banner-banner {        
        height: auto;
    } */
    /* .cX-banner-adj .cX-banner-text {
        min-height: 180px;
    } */
}
@media only screen 
and (min-device-width: 800px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 1.5)
and (orientation: landscape) {  
    .cX-banner-adj .cX-banner-banner {
        height: auto;
    }
    .main_car .slick-track .main_car_img>div>img {
        width: 100%;
        height: auto;
    }
    .main_car .gx-slide-element-wrap {
        height: auto;
    }
}


@media (max-width:1290px){
   
    .cX-banner-adj .hero-title-image {
        max-height: 100%;
        max-width: 65%;
        width: auto; 
    }
}


@media (max-width: 990px) {   
    .small-title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    p.big-number {
        font-family: freight-display-pro;
        font-size: 54px;
        font-style: italic;
        font-weight: 600;
        margin-bottom: 0.5rem;
    }

    .hero-title-copy {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
        padding-top: 20px;
    }

    .hero-title {
        font-size: 20px;
        line-height: 1.2;
        text-align: center;
    }

    .hero-copy {
        font-size: 16px;
        text-align: center;
    }

    .hero-title-image {
        max-height: 50px;
        margin-top: 20px;
    }
}

.info-panel {
    background-color: rgba(255,255,255,0.80);
    border-top: #C4C4C4 2px solid;
}

.bg-gx-black .info-panel {
    background-color: rgba(0,0,0,0.60);
    border-top: #C4C4C4 2px solid;
}

.info-panel h3 {
    font-style: italic;
    font-size: 48px;
    line-height: 0.95;
}

.info-panel p {
    font-size: 18px;
    line-height: 1.2;
}

@media (min-width: 1025px) {

    .main_car .gx-slide-element-wrap {
        /* height: 100vh; */
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .main_car .slick-track .main_car_img,
    .main_car .slick-track .main_car_img>div
    {
        display: flex;
        flex-direction: column;
        height: 100%;
        overflow: hidden;
        align-items: center;
    }
    .main_car .slick-track .main_car_img>div>img {
        width: 100%;
        height: auto;
    }

}

@media (max-width: 1024px) {
    .main_car .slick-track .main_car_img>div>img {
        width: 100%;
        height: auto
    }     
}

@media (min-width: 1024px) and (max-width: 1700px){
    .info-panel h3 {
        font-size: 2.6vw;
    }
}

@media (max-width: 990px) {
    .bg-gx-black .info-panel,
    .info-panel {
        border-top-width: 1px;
    }
    body {
        font-size: 14px;
    }

    .h3_mobile {
        font-size: 26px;
    }

    .slick-dots {
        bottom: 50px;
    }

    .slick-dotted.slick-slider {
        margin-bottom: 20px;
    }

    h2 {
        /* font-size: 26px; */
        font-weight: 500;
        font-style: italic;
    }

    .main_car .slick-dots {
        bottom: 32px;
    }

    .main_car.slick-dotted.slick-slider {
        margin-bottom: 0px;
    }

    .main_car .slick-dots li.slick-active button:before {
        opacity: 1;
        background-color: var(--gx-white);
        color: black;
    }

    .credit-x-mobile-car p {
        color: var(--gx-primary);
        font-weight: 600;
        font-size: 16px;
    }

    .bg-gx-black .slick-dots li.slick-active button:before {
        opacity: 1;
        background-color: #FFFFFF;
        color: #FFFFFF;
    }

    .credit-x-features h3 {
        font-size: 26px;
        text-align: center;
    }

    .credit-x-features p {
        font-size: 16px;
        text-align: center;
    }
}
@media (max-width: 600px) {
    .main_car .slick-dots {
        bottom: 15px;
    }
}