/*Font-styles*/
.text--style-1{
    font-family: 'Widescreen';
    font-weight: 700px ;
}

.text--style-2{
    font-weight: 400px ;
    font-family: Montserrat ;
    
}

.text--style-3{
    font-weight: 700px ;
    font-family: Montserrat ;
    
}

.cb-title {
    font-family: Widescreen;
    font-weight: 700!important;
    color: #57B7CF;
}

.cb-desc {
    line-height: 1.5;
}

.btn-text-color:hover,
.text--color-lightblue{  
    color: #5fb7cf ; 
}

/*Background styles*/
.background--color-lightblue{
    background-color: #5fb7cf !important ; 
}

.background--color-lightblue-1{
    background-color: #5fb7cf13;
}


/*position of the carousel indicator of the BANNER*/
    .header__indicator--position {
        padding-bottom: 70px ;
    }

/* swiper dots */
.swiper-pagination-bullet {
    border-radius: 0;
    width: 40px;
    height: 3px;
    margin: 0 10px !important;
    background-color: #66a5b0 !important;
}
.swiper-pagination-bullet-active {
    background-color: #84c8da !important;
}

/* News Zoom effect */
    .hover-news--zoom{
        overflow: hidden;
        cursor: pointer;
    }

    .hover-news--zoom img{
        transition: all 2s ease;
    }

    .hover-news--zoom:hover img{
        transform: scale(1.3);
    }
/* END- News Zoom effect */


/*Active styles of the button filter of SPECIIFICATION*/
    .specsBtnActive {
        border: 2px solid black !important;
        color:black !important;
        box-shadow: 1px 1px 7px 3px rgba(20, 20, 20, 0.13);
    }


/*RTE Issues Resposive*/
    /*table*/
    .RTE-responsive table{
        width:100% !important;
    }

    .RTE-responsive p img{
        max-width:100%;
        height:auto;
    }
    

/*RESPONSIVE ADJUSTMENT SIZES*/

/* Content Block */
@media screen and (min-width: 992px){
    .cb-title {
        font-size: 2rem;
    }
    .cb-content {
        width: 50%;
    }

    .media-width {
        width: 50%
    }
}

/*until hit MD-size*/
@media screen and (min-width: 768px){
    /* Interior Design Zoom effect */
    .hover-design--zoom{
        overflow: hidden;
        cursor: pointer;
        height:680px;
    }

    .hover-design--zoom img{
        transition: all 1s ease;
    }

    .hover-design--zoom:hover img{
        height: 800px !important;
        width: 120% !important;
    }
    /* END- Interior Design Zoom effect */
}
/*END - until hit MD-size*/


/* almost MD-size responsive*/
@media screen and (max-width: 868px){
    
    /*BANNER message position*/
    .banner__description--responsive{
        width: auto!important;
    }
}
/* END - almost MD-size*/


/*MD-size responsive*/
@media screen and (max-width: 768px){

    /*responsive side Menu TEMP*/
    .aside__menu--sm{
        bottom: 0px !important;
        width: 100vw !important;
        right: auto !important;
        box-shadow: 0px -2px 5px #b9b9b9 !important;
    }

    /*position of the carousel indicator of the BANNER*/
    .header__indicator--position {
        padding-bottom: 20px !important;
    }
    
    /*size of the carousel video of the BANNER*/
    .banner_video--responsive{
        height:auto !important;
    }

     /*BANNER message position MD-size*/
     .banner--responsive{
        background-color: #5fb7cf; 
        padding-bottom: 40px !important;
    }

    .banner__caption--responsive {
        position:static !important;
        color:white !important;
    }

    .banner__button--responsive{
        width: 100%;
    }  
    /*END - BANNER message position MD-size*/

    /* temp-CONTENT BLOCK message position MD-size*/
    .block-position--responsive{
        align-items: center !important; 
        justify-content: center !important;
    }
    
    .block-text--responsive{
        width: 100% !important; 
        font-size: 21px !important;
    }
    /* END - CONTENT BLOCK message position MD-size */
    
    /*COLOR PICKER CAROUSEL RESPONSIVE*/
    .color-carousel--width{
        width:90% !important; 
    }

    .color-indicatorNext--responsive{
        right:-11px !important; 
        width:30px !important;
    }

    .color-indicatorPrev--responsive{
        left:-11px !important; 
        width:30px !important;
    }

    .color-box-responsive{
        width:22% !important;
    }
    /*END - COLOR PICKER CAROUSEL RESPONSIVE*/

    /*BATTERY FOR MILES & SPECIFICATION button and content enlarge MD-size */
    .battery__content--responsive, 
    .battery__button--responsive,
    .specs__content--responsive,
    .news__button--responsive{
        width:100% !important;
    }

    .min-height--responsive{
        min-height:0px !important;
    }
    /*END - BATTERY FOR MILES & SPECIFICATION button and content enlarge MD-size */
    
    /* LatestNewsList gray bg removed - MD*/
    .ora-bg-gray{
        background-color: white !important;
    }
    /* END - LatestNewsList gray bg removed - MD*/

    /*Offer Contet Banner title -MD*/
    .OfferBannerContent_title{
        font-size: 22px !important;
    }

    /*Common Main Title Size -MD*/
    .text--style-1{
        font-size:26px !important;
    }

    .cb-title {
        font-size: calc(1.325rem + .9vw);
    }

}
/* END - MD-size*/


/*within MD-SM -size responsive*/
@media screen and (max-width: 768px) and (min-width: 576px) {

}
/*END - within MD-SM -size*/


/*SM-size Mobile-responsive */
@media screen and (max-width: 576px){
    /*360 Vehicle View caption enlarge -SM*/
    .view__description--responsive{
        width: auto!important;
    }

    /*COLOR PICKER caption enlarge -SM*/
    .car__image--responsive{
        width: auto!important;
    }

    .title-responsive{
        font-size: 20px !important;
        word-wrap: break-word;
    }

    /*banner photo responsive*/
    .banner-image{
        height:auto !important;
    }

}
/* END - SM-size */