/* ============= max-width:1199px ==========*/

@media only screen and (max-width: 1199px) {
    /**/
    .container {
        padding: 0 12px;
    }
    .row {
        margin: 0;
    }

    .py-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .pt-100 {
        padding-top: 80px;
    }
    .pb-100 {
        padding-bottom: 80px;
    }

    /* Typography */
    .heading-one {
        font-size: 50px;
        line-height: 60px;
    } 
    .heading-two {
        font-size: 32px;
        line-height: 48px;
    }
    .heading-three {
        font-size: 22px;
        line-height: 32px;
    }
    .heading-four {
        font-size: 18px;
        line-height: 22px;
    }
    /* End Typography */

    /* Our Towing Services Includes */
    .services-includes-outer {
        padding: 36px 50px;
    }    
    .service-includes-content {
        gap: 80px;
    }
    .service-includes-box .heading-four {
        line-height: 28px;
    }
    /* End Our Towing Services Includes */

    /* We are Professional Towing Company */
    .professional-service-box:before {
        opacity: 1;
        visibility: visible;
    }
    .professional-service-box .heading-four {
        opacity: 1;
        visibility: visible;
    }
    /* End We are Professional Towing Company */

    /* All towing services */
    .additional-service-cover {
        margin-top: 22px;
    }
    /* End All towing services */

    /* Why Choose Us */
    .why-choose-us-cover {
        padding: 28px;
    }
    .why-choose-us-box-img {
        width: 70px;
        height: 70px;
        margin: 0 auto 16px;
    }
    /* End Why Choose Us */

    /* Emergency Service  */
    .emergency-service {
        padding: 100px;
    }
    /* End Emergency Service  */
}


/* ============= max-width:991px ==========*/

@media only screen and (max-width: 991px) {
    /* Typography */
    .heading-one {
        font-size: 40px;
        line-height: 50px;
    }
    .heading-two {
        font-size: 28px;
        line-height: 42px;
    }
    .heading-three {
        font-size: 20px;
        line-height: 28px;
    }
    /* End Typography */

    /* Spacing Style */
    .py-100 {padding-top: 60px;padding-bottom: 60px;}
    .pt-100{padding-top: 60px;}
    .pb-100{padding-bottom: 60px;}
    .mb-40 {margin-bottom: 30px;}
    /* End Spacing Style */

    /* Banner */
    .banner {
        padding: 100px 0 200px;
    }
    .banner-content span {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 8px;
    }
    .banner-content h1 {
        margin-bottom: 20px;
    }
    /* End Banner */

    /* Our Towing Services Includes */
    .services-includes-outer {
        padding: 30px 40px;
    }
    .services-includes-outer .section-heading .heading-two {
        max-width: 100%;
        text-align: center;
        margin-bottom: 30px !important;
    }
    .service-includes-content {
        gap: 60px;
        justify-content: center;
    }
    .service-includes-icon {
        width: 95px;
        height: 95px;
        margin: 0 auto 15px;
    }
    /* End Our Towing Services Includes */

    /* We are Professional Towing Company */
    .additional-services-col {
        margin-bottom: 20px;
    }
    .professional-service-box .heading-four {
        font-size: 16px;
    }
    /* End We are Professional Towing Company */

    /* All towing services */
    .additional_services-box {
        margin-bottom: 0 !important;
    }
    .additional-service-cover {
        margin-top: 12px;
    }
    .additional-service-cover ul {
        column-count: 3;
    }
    /* End All towing services */

    /* Towing Company I’m a Great Place for You */
    .why-towing {
        margin-bottom: -20px;
    }
    .why-towing-box-inner-img.mobile-hide {
        display: none;
    }
    .why-towing-box-inner-img.desktop-hide {
        display: block;
    }
    .why-towing-box-inner-content {
        min-height: inherit;
    }
    .why-towing-box-inner-img.desktop-hide {
        display: block;
        margin: 0 0 15px 0;
    }
    .why-towing-col:nth-child(even) .why-towing-box-inner .why-towing-box-inner-img {
        margin: 0 0 15px 0;
    }
    .why-towing-col {
        margin-bottom: 20px;
    }
    /* End Towing Company I’m a Great Place for You */

    /* Why Choose Us */
    .why-choose-us-cover {
        padding: 20px;
    }
    .why-choose-us-box-img {
        width: 60px;
        height: 60px;
        margin: 0 auto 12px;
    }
    .why-choose-us-box-img img {
        max-width: 40px;
    }
    /* End Why Choose Us */

    /* What Client think of us  */
    .what-client {
        margin-bottom: -20px;
    }
    .client-col {
        margin-bottom: 20px;
    }
    /* End What Client think of us  */

    /* Business Locations  */
    .business-locations-col {
        margin-bottom: 20px;
    }
    .business-location-list li .location p {
        min-height: inherit;
        padding: 0;
    }
    /* End Business Locations  */

    /* Emergency Service  */
    .emergency-service {
        padding: 80px;
    }
    .emergency-service .location {
        margin: 0 0 10px;
    }
    .emergency-service h2 {
        margin-bottom: 18px;
    }
    /* End Emergency Service  */

    /* Footer */
    .socialLinks li {
        margin: 0 20px 0 0;
    }
    .c-go-top {
        right: 12px;
    }
    /* End Footer */
}


/* ============= max-width:767px ==========*/

@media only screen and (max-width: 767px) {
    /* Typography */
    .heading-one {
        font-size: 34px;
        line-height: 40px;
    }
    .heading-two {
        font-size: 26px;
        line-height: 34px;
    }
    /* End Typography */

    /* Spacing Style */
    .py-100 {padding-top: 40px;padding-bottom: 40px;}
    .pt-100 {padding-top: 40px;}
    .pb-100{padding-bottom: 40px;}
    .mb-40 {margin-bottom: 20px;}
    h1, .heading-one, h2, .heading-two, h3, .heading-three, h4, .heading-four, h5, .heading-five, h6, .heading-six, address, p, pre, blockquote, dl, dd, menu, ol, ul, table, caption, hr {margin: 0 0 12px 0;}
    /* End Spacing Style */

    .site-content {
        padding-top: 142px;
    }

    /* Banner */
    .banner {
        padding: 80px 0 180px;
    }
    .banner-content span {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 6px;
    }
    .banner-content h1 {
        margin-bottom: 16px;
    }
    .banner-content p {
        font-size: 16px;
        line-height: 24px;
        max-width: 100%;
    }
    /* End Banner */ 

    /* Service Images */
    section.services-images {
        margin-top: -120px;
    }
    .services-images-col:nth-child(even) .service-img {
        margin-top: 0;
    }
    .services-images-col {
        margin-bottom: 20px;
    }
    /* End Service Images */

    /* Our Towing Services Includes */
    .services-includes-outer {
        padding: 30px;
    }
    .service-includes-content {
        flex-wrap: wrap;
        text-align: center;
    }
    .service-includes-icon {
        width: 80px;
        height: 80px;
        margin: 0 auto 10px;
    }
    .service-includes-box .heading-four {
        line-height: 24px;
    }
    /* End Our Towing Services Includes */

    /* We are Professional Towing Company */
    .professional-company .section-heading p {
        max-width: 100%;
        margin: 0 auto;
    }
    .professional-services-col {
        margin-bottom: 20px;
    }
    .professional-company {
        margin-bottom: 20px;
    }
    /* End We are Professional Towing Company */

    /* All towing services */
    .all-towing-services {
        padding: 40px 0 24px;
    }
    .additional-service-cover ul {
        column-count: 2;
    }
    /* End All towing services */

    /* Towing Company I’m a Great Place for You */
    .why-towing {
        margin-bottom: 0;
    }
    .why-towing p {
        max-width: 100%;
    }
    .why-towing-col:last-child {
        margin-bottom: 0;
    }
    /* End Towing Company I’m a Great Place for You */

    /* Why Choose Us */
    .why-choose-us .section-heading p {
        max-width: 100%;
    }
    .why_choose_us_col {
        margin-bottom: 20px;
    }
    .why-choose-us-box-img img {
        max-width: 35px;
    }
    /* End Why Choose Us */

    /*  What Client think of us  */
    .what-client {
        margin-top: -20px;
    }
    .what-client .section-heading p {
        max-width: 100%;
    }
    .client-img {
        width: 70px;
        height: 70px;
        margin: 0 auto 15px;
    }
    .client-designation {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 6px;
    }
    /* End What Client think of us  */

    /* Business Locations  */
    .business-locations {
        padding: 40px 0 40px;
    }
    .business-locations .section-heading p {
        max-width: 100%;
    }
    .emergency-service {
        padding: 60px;
    }
    .emergency-service h2 {
        margin-bottom: 12px;
    }
    /* End Business Locations  */

    /* Emergency Service  */
    .emergency-service {
        padding: 40px;
    }
    /* End Emergency Service  */
    
    /* Button */
    .solid-button{padding: 10px 14px;font-size: 16px;line-height: 24px;}
    .solid-button svg{width: 20px;height: 20px;}
    /* End Button */

    /* Footer */
    .site-footer p {
        justify-content: center;
        margin: 0;
    }
    .copyright {text-align: center;margin-bottom: 15px;}
    .socialLinks {justify-content: center;}
    /* End Footer */

}


/* ============= max-width:640px ==========*/

@media only screen and (max-width: 640px) {
    /* Button */
    .solid-button {padding: 8px 12px;font-size: 14px;line-height: 22px;}
    /* End Button */

    /* Our Towing Services Includes */
    .service-includes-content {
        gap: 40px;
    }
    /* End Our Towing Services Includes */
}   

/* ============= max-width:575px ==========*/

@media only screen and (max-width: 575px) {
    /* Typography */
    .heading-one {
        font-size: 26px;
        line-height: 28px;
    }
    .heading-two {
        font-size: 24px;
        line-height: 30px;
    }
    /* End Typography */

    /* Header */
    .bottom-header {
        padding: 16px 0;
    }
    .bottom-header .header-left a {
        max-width: 130px;
    }
    .site-content {
        padding-top: 120px;
    }
    /* End Header */

    /* Banner */
    .banner {
        padding: 60px 0 160px;
    }
    .banner-content span {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 4px;
    }
    .banner-content h1 {
        margin-bottom: 12px;
    }
    /* End Banner */

    /* Service Images */
    .services-images-col {
        padding: 0;
    }
    .services-images-col:last-child {
        margin-bottom: 0;
    }
    /* End Service Images */

    /* Our Towing Services Includes */
    .services-includes-outer .section-heading .heading-two {
        margin-bottom: 20px !important;
    }
    .service-includes-box .heading-four {
        font-size: 15px;
    }
    .services-includes-outer {
        padding: 20px;
    }
    .service-includes-content {
        gap: 20px;
    }
    .service-includes-icon img {
        max-width: 40px;
    }
    /* End Our Towing Services Includes */

    /* We are Professional Towing Company */
    .professional-services-col {
        padding: 0;
    }
    /* End We are Professional Towing Company */

    /* All towing services */
    .additional_services-box {
        margin-bottom: 20px !important;
    }
    .additional-services-col:last-child {
        margin-bottom: 0;
    }
    .additional-services-col {
        padding: 0;
    }
    /* End All towing services */
    
    /* Towing Company I’m a Great Place for You */
    .why-towing-col {
        padding: 0;
    }
    /* End Towing Company I’m a Great Place for You */

    /* Why Choose Us */
    .why_choose_us_col {
        padding: 0;
    }
    .why_choose_us_col:last-child {
        margin-bottom: 0;
    }
    /* End Why Choose Us */

    /*  What Client think of us  */
    .client-col {
        padding: 0;
    }
    .what-client {
        margin-top: 0;
        margin-bottom: 0;
    }
    .client-col:last-child {margin-bottom: 0;}
    /* End What Client think of us  */

    /* Business Locations */
    .business-locations-col,
    .emergency-service-col {
        padding: 0;
    }
    /*  End Business Locations  */

    /* Footer */
    .c-go-top {
        right: 12px;
        bottom: 20px;
        padding: 6px 8px;
    }
    /* End Footer */
}   

/* ============= max-width:480px ==========*/

@media only screen and (max-width: 480px) {
    /* Common */
    p{font-size: 14px;line-height: 24px;}
    /* End Common */

    /* Top Header */
    .top-header {padding: 6px 0;}
    .top-header span {font-size: 12px;background-size: 16px;padding-left: 26px;}
    .site-content {padding-top: 103px;}
    .bottom-header .header-right .solid-button {
        padding: 0;
        font-size: 0;
        line-height: 0;
        background: url(../images/icon_call.svg) no-repeat center;
        background-size: contain;
        width: 25px;
        height: 25px;
        gap: 0;
    }
    /* End Top Header */

    /* Our Towing Services Includes */
    .service-includes-icon {
        width: 60px;
        height: 60px;
    }
    .service-includes-content {
        gap: 10px;
        justify-content: space-around;
    }
    .service-includes-icon img {
        max-width: 35px;
    }
    /* End Our Towing Services Includes */
    
    /* All towing services */
    .additional-service-cover ul {
        column-count: 1;
    }
    /* End All towing services */

    /* Business Locations  */
    .business-location-list li {
        width: 100%;
        border-right: none;
    }
    .business-location-list li:nth-child(odd) .location-box {
        padding-right: 0;
    }
    .business-location-list li:nth-child(even) .location-box {
        padding-left: 0;
    }
    .business-location-list li:nth-child(2) .location-box {
        border-top: 1px solid #D9D9D9;
        padding-top: 16px;
    }
    .emergency-service .location p {
        font-size: 16px;
        line-height: 24px;
    }
    /* End Business Locations  */

    /* Footer */
    .copyright {
        margin-bottom: 10px;
    }
    .site-footer p {
        font-size: 12px;
    }
    .socialLinks li a {
        width: 18px;
        height: 18px;
    }
    /* End Footer */
}