@media (max-width: 1399px){
    .six_box_heading h2 {
        text-transform: uppercase;
        padding: 0 30%;
    }
}
@media(max-width: 1299px){
    .six_box_heading h2 {
        text-transform: uppercase;
        padding: 0 25%;
    }
}
@media (max-width:1199px){
    .custom_header li.nav-item a {
        padding: 0 10px !important;
        font-size: 14px;
    }
}

@media(max-width:991px){
    .custom_header #offcanvasNavbar {
        display: block;
    }
    .offcanvas-header img {
        width: 100px;
    }
    .not-visible{
        display: none;
    }
    .full_containt {
        width: 100%;
        padding: 100px 50px;
    }
    .six_box_heading h2 {
        text-transform: uppercase;
        padding: 0 25%;
    }
    .car_deatils {
        width: 100%;
        background-color: #fff;
        position: relative;
        bottom: 0;
        left: 0;
        padding: 30px;
        text-align: center;
    }
    .full_containt {
        text-align: center;
        padding: 50px 20%;
    }
    .after_six_box_heading {
        padding: 50px 0;
    }
}

@media (max-width:767px){
    .banner_text_areas .carousel-caption h3 {
        font-size: 2rem;
    }
    .banner_text_areas .carousel-caption h5 {
        font-size: 1rem;
    }
    .six_box_heading h2 {
        text-transform: uppercase;
        padding: 0 15%;
    }
    .full_containt {
        text-align: center;
        padding: 100px 5%;
    }
    footer {
        padding: 100px 0 50px;
    }

}


@media (max-width:560px){
    .banner_text_areas .carousel-caption h3 {
        font-size: 1rem;
    }
    .banner_text_areas .carousel-caption h5 {
        font-size: 0.6rem;
    }
    .banner_text_areas button.btn.btn-primary.b_style_one {
        font-size: 14px;
        padding: 5px 15px;
    }
    .full_containt {
        width: 100%;
        padding: 100px 15px;
    }
    .six_box_heading h2 {
        padding: 0 0%;
    }
}

@media (max-width:400px){
    .custom_header .navbar-brand {
        max-width: calc(90% - 20%);
        width: 100%;
    }   
}