@media only screen and (min-width: 1080px) and (max-width: 1920px) {}

@media screen and (max-width: 1440px) {}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 1170px) {}

@media screen and (max-width: 1080px) {}

/* Large desktop :1200px. */
@media screen and (max-width: 1024px) {}

@media (min-width: 1024px) {}

@media only screen and (min-width: 1169px) and (max-width: 1520px) {}

@media only screen and (min-width: 1169px) and (max-width: 1200px) {}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {}

@media (min-width: 992px) and (max-width: 1024px) {


    @media screen and (-webkit-min-device-pixel-ratio:0) {}


}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

    .logo {
        width: 250px;
        height: 100px;
    }

    .mobile-button {
        background: #fff;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 100px !important;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        background-color: #fff;
    }

    #header3.main-header .header-style2 {
        margin-top: 70px !important;
    }

    .inner-group.grid {
        display: block !important;
    }

    .inner-group.grid .form-group {
        width: 100%;
        margin: 15px 0px;
    }

    .vision-content,
    .mission-content {
        display: block;
    }

    .vertical-divider {
        display: none;
    }

    .foo-img {
        width: 250px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media (max-width: 800px) {}

    @media (min-width: 768px) and (max-width: 800px) {}
}

/* small mobile :320px. */

@media (max-width: 768px) {}

@media (max-width: 767px) {}

/* Large Mobile :480px. */



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content .slide-content {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content {
        padding-left: 0px !important;
        padding-bottom: 0px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content .slide-content .title-slide h1 {
        font-size: 50px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content .slide-content .description p {
        font-size: 30px;
    }

    .vision-title h2,
    .mission-title h2 {
        font-size: 45px;
    }

    .widget-counter-car {
        padding: 20px 0;
    }

    .grid-container-enquiry {
        padding: 20px 20px !important;
    }

    .title.wow.fadeInUp.enquiry-heading {
        font-size: 24px;
        line-height: 30px;
    }

    .widget-icon-box {
        padding-top: 90px !important;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content-vehicle {
        padding: 25px;
    }

    .left-side {
        flex: 1 1 60%;
        min-width: 285px;
    }

    .right-side {
        padding: 0px 10px;
    }

    .vehicle-description,
    .vehicle-features {
        padding: 0px;
    }

    .related_image {
        width: 97%;
    }

    h2.title {
        font-size: 30px;
        line-height: 55px;
    }

    .contact-section {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        gap: 0px;
        margin: 0px 0;
        padding: 0px 0px;
    }

    .logo {
        width: 250px;
        height: 100px;
    }

    .mobile-button {
        background: #fff;
        width: 40px;
        height: 40px;
        right: 10px;
        top: 90px !important;
    }

    .related_image {}

    .sell-modal-content {
        width: 100%;
        height: 400px;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        background-color: #fff;
    }

    #header3.main-header .header-style2 {
        /* margin-top: 70px !important; */
    }

    .inner-group.grid {
        display: block !important;
    }

    .inner-group.grid .form-group {
        width: 100%;
        margin: 15px 0px;
    }

    .vision-content,
    .mission-content {
        display: block;
    }

    .vertical-divider {
        display: none;
    }

    .foo-img {
        width: 250px;
    }


    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media (min-width: 640px) and (max-width: 720px) {}

    @media (min-width: 580px) and (max-width: 640px) {}

    @media (min-width: 480px) and (max-width: 580px) {}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {

    #header3.main-header .header-style2{
        margin-top: 0px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content .slide-content {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content {
        padding-left: 0px !important;
        padding-bottom: 0px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content .slide-content .title-slide h1 {
        font-size: 50px;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content .slide-content .description p {
        font-size: 30px;
    }

    .vision-title h2,
    .mission-title h2 {
        font-size: 45px;
    }

    .widget-counter-car {
        padding: 20px 0;
    }

    .grid-container-enquiry {
        padding: 20px 20px !important;
    }

    .title.wow.fadeInUp.enquiry-heading {
        font-size: 24px;
        line-height: 30px;
    }

    .widget-icon-box {
        padding-top: 90px !important;
    }

    .widget-tf-slider .slider-wrap .tf-slide-item .slide-item-content-vehicle {
        padding: 25px;
    }

    .left-side {
        flex: 1 1 60%;
        min-width: 285px;
    }

    .right-side {
        padding: 0px 10px;
    }

    .vehicle-description,
    .vehicle-features {
        padding: 0px;
    }
/* 
    .related_image {
        width: 97%;
    } */

    h2.title {
        font-size: 30px;
        line-height: 55px;
    }

    .contact-section {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
        gap: 0px;
        margin: 0px 0;
        padding: 0px 0px;
    }

    .logo {
        width: 250px;
        height: 100px;
        margin-left: -40px;
    }

    .mobile-button {
        background: #fff;
        width: 40px;
        height: 40px;
        right: 0px;
        top: 52px !important;
    }

    .mobile-button::before,
    .mobile-button::after,
    .mobile-button span {
        background-color: #fff;
    }

    #header3.main-header .header-style2 {
        /* margin-top: 70px !important; */
    }

    .inner-group.grid {
        display: block !important;
    }

    .inner-group.grid .form-group {
        width: 100%;
        margin: 15px 0px;
    }

    .vision-content,
    .mission-content {
        display: block;
    }

    .vertical-divider {
        display: none;
    }

    .foo-img {
        width: 250px;
    }

    @media screen and (-webkit-min-device-pixel-ratio:0) {}

    @media screen and (-moz-device-pixel-ratio: 0) {}


}

@media only screen and (min-width: 320px) and (max-width: 375px) {}

@media (max-width: 480px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}

@media only screen and (min-width: 295px) and (max-width: 320px) {}
.image-related-wraper .row1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: start;
  margin: 0 auto;
  /* min-width: 1200px; */
}

@media (max-width: 767px) {
  .image-box-wrap .row1 {
    flex-direction: column;
  
  }
}