@media only screen and (max-width: 1920px){
    .callto {
        background-size: 15%;
    }
    .service .swiper-button-prev {
        left: 219px;
    }
    .service .swiper-button-next {
        right: 219px;
    }
    .home-partner .swiper-button-prev {
        left: 219px;
    }
    .home-partner .swiper-button-next {
        right: 219px;
    }
    body .btn {
        padding: 9px 40px;
    }
    .banner p {
        padding-right: 21%;
    }
    header .header-lower .stellarnav > ul > li > a {
        padding: 13px 19px;
    }
    header .header-contact a {
        margin-right: 28px;
        padding-right: 14px;
    }
    .about .box img {
        width: 100%;
        height: 170px;
    }
    .about  img {
        height: 251px;
        object-fit: cover;
       
    }
    header .header-contact a {
        font-size: 13px;
    }
}





@media only screen and (max-width: 1500px){

    .wheel2{
        text-align: end;
    }
    .wheel2 img{
        width: 48%;
    }
    .about  img{
        height: 251px;
        object-fit: cover;
        margin-top: 0;
    }
    .about .box img {
        width: 100%;
        height: auto;
    }
    header .header-lower .stellarnav > ul > li > a {
        padding: 13px 6px;
    }
    header .header-contact a {
        margin-right: 10px;
        padding-right: 10px;
        font-size: 13px;
    }
    .banner p {
        padding-right: 0;
        font-size: 15px;
    }
    .callto {
        background-size: 13%;
    }
    .service .swiper-button-next {
        right: 38px;
    }
    .service .swiper-button-prev {
        left: 38px;
    }
    .home-partner .swiper-button-prev {
        left: 46px;
    }
    .home-partner .swiper-button-next {
        right: 46px;
    }
   
}
@media only screen and (max-width: 1440px){
.service .swiper-button-next {
    right: 25px;
}
.service .swiper-button-prev {
    left: 26px;
}
}
@media only screen and (max-width: 1366px){
    .callto .heading {
        padding: 20px 0;
        margin-left: 10%;
    }
    .callto .mt-4{
       margin-top: 1rem !important;
    }
    .callto  .heading h2 {
        margin-bottom: 9px;
    }
    .callto {
        background-size: 12%;
    }
}

@media only screen and (max-width: 1200px){
    header .header-contact a {
        margin-right: 9px;
        padding-right: 4px;
    }
    header .header-lower .stellarnav > ul > li > a {
        padding: 13px 6px;
        font-size: 14px;
    }
    .service .swiper-button-next {
        right: 9px;
    }
    .service .swiper-button-prev {
        left: 9px;
    }
    .callto .heading {
        padding: 13px 0;
    }
   
}

@media only screen and (max-width: 1024px){
    .banner {
        height: 50vh;
    }
    
    header .header-lower .stellarnav > ul > li > a {
        padding: 13px 2px;
        font-size: 13px;
    }
    header .header-contact a {
        margin-right: 9px;
        border-right: 0;
        padding-right: 0px;
        font-size: 12px;
    }
    header .social-icon-one {
        margin-left: 66px;
    }
    header .header-lower {
        padding: 8px 0;
    }
    .banner h1 {
        font-size: 48px;
    }
    .service .content {
        padding: 17px;
    }
    .header-top .row{
        align-items: center;
    }
    .career-page h6 {
        font-size: 14px;
    }
    .heading h2 {
        font-size: 21px;
    }
    .mission  img{
        height: 100%;
    }
    .about .row{
        align-items: center;
    }
    .home-partner .swiper-button-next {
        right: 53px;
    }
    .home-partner .swiper-button-prev {
        left: 53px;
    }
    input::placeholder{
        font-size: 13px;
    }
    .footer-wrap {
        margin-bottom: 24px;
    }
   .callto .heading h2 {
        margin-bottom: 7px;
    }
    .callto .mt-4 {
        margin-top: 1rem!important;
    }
    header .header-contact a {
        font-size: 11px;
    }
    .service .swiper-button-next {
        right: 10px;
    }
    .service .swiper-button-prev {
        left:10px;
    }
    .home-partner .swiper-button-next {
        right: 19px;
        top: 69%;
    }
    .home-partner .swiper-button-prev {
        left: 19px;
        top: 69%;
    }
 body .p-v-80 {
        padding: 50px 0;
    }
    .about {
        padding-top: 50px;
    }
    body .p-v-50 {
        padding: 30px 0;
    }
    .callto .heading {
        margin-left: 0;
    }
    .callto  .heading p {
        font-size: 14px;
    }
    footer .footer-wrap a {
        font-size: 14px;
    }
}



@media only screen and (max-width: 991px){
    .stellarnav li.has-sub>a:after {
        display: none !important;
    }
.about .heading2 {
        margin: 15px 0;
    }
    .about .heading {
        margin-bottom: 18px;
    }
    header .header-lower a {
        font-size: 18px;
        font-weight: 600;
    }
    .callto  img{
        display: none;
    }
    .callto {
        background-size: 17%;
    }
    .home-partner .swiper-button-next {
        right: 25px;
        top: 74%;
    }
    .home-partner .swiper-button-prev {
        left: 25px;
        top: 74%;
    }
    .banner {
        height: 50vh;
    }
    header .header-contact {
        flex-wrap: wrap;
    }
    header .header-contact a {
        font-size: 13px;
        margin-right: 15px;
    }
    header .header-top {
        padding: 8px 0 0;
        height: 52px;
    }
    header .social-icon-one {
        margin-left: 72px;
    }
    .stellarnav .menu-toggle span.bars span {
        background: #D51010;
    }
    header .header-lower .stellarnav ul {
        text-align: start;
    }
    header .header-lower .stellarnav > ul > li > a {
        padding: 5px 15px;
        font-size: 17px;
    }
    .service .swiper-button-next {
        right: 21px;
    }
    .service .swiper-button-prev {
        left: 21px;
    }
   
    .callto .row{
        justify-content: center;
    }
    .career-page .heading.v2 {
        margin: 16px 0 0;
    }
    .inner-page h1 {
        text-align: center;
    }
}

@media only screen and (max-width: 768px){
    .map .contact-list {
        padding: 42px;
        margin-top: -247px;
        width: 475px;
        margin-right: 133px;
    }
    .heading p {
        font-size: 14px;
    }
    form .form-control, form .form-select {
        padding: 10px 8px;
    }
    input::placeholder{
        font-size: 10px;
    }
    footer form input {
        height: 50px !important;
    }
    .banner h1 {
        font-size: 36px;
    }
    .about {
        padding-top: 28px;
    }
    .service .swiper-button-next {
        right: 3px;
    }
    .service .swiper-button-prev {
        left: 3px;
    }
    .home-partner .heading {
        margin-bottom: 19px;
    }
    .home-partner .swiper-button-next {
        right: 15px;
        top: 71%;
    }
    .home-partner .swiper-button-prev {
        left: 15px;
        top: 71%;
    }
}
@media only screen and (max-width: 600px){
    .inner-service{
        padding: 0 0 30px !important;
    }
    .blog-details img {
        height: auto;
    }
    .repair-page .heading.v2{
        margin: 15px 0 15px;
    }
    form #sig-canvas {
        margin-top: -18px;
    }
    .career-page .col-12 {
        text-align: center;
    }
    form .form-control, form .form-select {
        padding: 10px 10px;
    }
    .service .swiper-button-next {
        right: unset;
        bottom: 0;
        top: unset;
        left: 51%;
    }
  .service-slider {
        padding-bottom: 21px;
    }
    .service .swiper-button-prev {
        right: 51%;
        bottom: 0;
        top: unset;
        left: unset;
    }
    .home-partner .heading {
        margin-bottom: 0;
    }
    .home-partner .mt-4{
        margin-top: 0 !important;
    }
    footer article {
        margin-bottom: 4px;
    }
    .home-contact .col-12{
        text-align: center;
    }
    .contact-info-section .icon i {
        font-size: 19px;
    }
    .contact-info-section .icon {
        padding: 7px 8px 4px;
    }
    .contact-info-section p {
        text-align: start;
        margin-left: 15px;
    }
    .contact-info-section .inner-box {
        margin-bottom: 16px;
    }
    .contact-info-section {
        padding: 20px 0 0;
    }
    .footer-logo {
        margin-top: 16px;
    }
    footer form input {
        height: 45px !important;
    }
    
    .partner-icon img{
        width: 100%;
    }
    .banner h1 {
        font-size: 25px;
    }
    header .header-lower {
        padding: 0;
    }
    .about .about-box {
        margin-bottom: 15px;
    }
   
    header .social-icon-one {
        margin-left: 0;
        justify-content: center;
    }
    header .header-contact {
        justify-content: center;
    }
    .header-top::after {
       display: none;
    }
    .header-top{
        background-color: #ff053b;
    }
    header .header-top {
        height: 100%;
        padding-bottom: 8px;
    }
    .about .heading {
        margin-bottom: 20px;
    }
    .about .heading2 {
        padding: 0;
        margin-top: 22px;
    }
    .callto .heading {
        padding: 24px 0;
    }
    body .p-v-80 {
        padding: 24px 0;
    }
    .heading {
        margin-bottom: 24px;
    }
    .home-contact form{
        margin-top: 18px;
    }
    .about {
        padding-top: 20px;
    }
    .map .contact-list {
        padding: 16px;
        margin-top: 0;
        width: 100%;
        margin-right: 0;
        margin-bottom: 29px;
    }
    .map .number {
        border-right: 0;
    }
    .map .col-md-12 {
        margin-bottom: 0;
    }
    .home-partner .swiper-button-next {
        left: 51%;
        top: unset;
        bottom: 0;
        right: unset;
    }
    .home-partner .swiper-button-prev {
        right: 51%;
        top: unset;
        bottom: 0;
        left: unset;
    }
    .heading.v2.col-md-12 {
        margin: 22px 0 0;
    }
    footer {
        padding: 34px 0 0;
    }
    .footer-wrap {
        margin-bottom: -8px;
        margin-top: 22px;
    }
    .mission  .row.mt-5{
        margin-top: 1rem !important;
    }
    .mission img {
        margin-top: 14px;
    }
    .mission  .row.mt-5 .heading {
        margin-top: 37px;
    }
    .career-page .heading {
        margin: 0 0 27px;
    }
    .career-page .heading h2 {
        font-size: 15px;
    }
    .stellarnav a.dd-toggle .icon-plus:after, .stellarnav a.dd-toggle .icon-plus:before {
        top: 38%;
    }
    .stellarnav.mobile.left>ul, .stellarnav.mobile.right>ul {
        max-width: 100%;
    }



    /* about */
    .about-desktop{
        display: none;
        padding-bottom: 21px;
    }
    .about-slider{
        display: block !important;
    }
    .about-slider .content{
        background-color: #D51010;
        padding: 26px;
        min-height: 182px;
        margin-top: 0;
    }
    .about-slider .content h3, .about-slider .content p{
        color: #fff;
    }
    .about-slider .btn{
        background-color: #fff;
        color: #D51010;
    }
    .about  .swiper-button-next:after,  .about  .swiper-button-prev:after {
        font-size: 13px;
        border: 1px solid #000;
        color: #000;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .about  .swiper-button-next {
        right: unset;
        bottom: 0;
        top: unset;
        left: 51%;
    }
    .about .swiper-button-prev {
        right: 51%;
        bottom: 0;
        top: unset;
        left: unset;
    }

    .service .phone{
        display: block !important;
    }
    .service  .desktop{
       display: none;
    }
    .service .box {
        margin-bottom: 20px;
    }
   
}


@media only screen and (max-width: 480px){
    .about-page .heading h2 {
        margin-bottom: 8px;
    }
    .service-page h3 {
        margin-bottom: 12px;
    }
    .footer-logo {
        margin-top: 21px;
    }
    form .form-label {
        margin-bottom: 8px;
    }
    .map .text-white {
        font-size: 17px;
    }
    .content .text-white {
        font-size: 14px;
    }
    footer {
        padding: 0;
    }
    footer article {
        font-size: 18px;
    }
    footer form .btn {
        padding: 13px 5px 13px;
        height: 100%;
        font-size: 12px;
    }
    header .header-contact a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 320px){
    header .header-contact a {
        font-size: 10px;
    }
}