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

    .no-mobile {
        display: none;
    }

    .desktop-header {
        display: none;
    }

    .mobile-header {
        display: block;
        position: absolute;
    }

    .header-logo img {
        width: 100px;
    }

    .p-100,
    .p-140,
    .p-225,
    .p-250,
    .p-300,
    .p-325,
    .p-400,
    .p-550 {
        padding: 0 15px !important;
    }

    .main-slider .item.slider-item .slider-content {
        padding: 0
    }

    .main-slider .item.slider-item h3 {
        font-size: 29px;
        font-weight: 800;
        line-height: 34px;
    }

    .main-slider .item.slider-item h5 {
        font-size: 17px;
        line-height: 26px;
    }

    .campaigns-slider {
        padding: 0 15px;
    }

    .campaigns-slider .active.center .item {
        transform: scale(1) !important;
        opacity: 1;
    }

    .campaigns-slider .item {
        height: 275px;
    }

    .campaigns-slider .slider-content h3 {
        color: #fff;
        font-size: 18px;
    }

    .campaigns-slider .slider-content span {
        color: #fff;
        font-size: 13px;
        font-weight: 300;
    }

    .campaigns-slider .slider-content .theme-button {
        margin-top: 10px;
        height: 35px;
        width: 125px;
        font-size: 16px;
    }

    .main-campaigns {
        padding: 35px 0;
    }

    .footer-menu-col {
        margin-bottom: 50px;
    }

    .footer-menu {
        padding-bottom: 0;
        padding: 0px 15px;
    }

    footer {
        padding-top: 50px;
    }

    .blog-list-column {
        margin-left: 0;
    }

    .blog-list-row-item {
        margin-bottom: 40px;
    }

    .search-near-dealers .form-group {
        align-items: center;
    }

    .main-why-us {
        margin: 0px 0 50px 0;
    }

    .main-appointment-steps {
        height: unset !important;
    }

    .steps-content .row .col-md-4 {
        transform: translate(0, 0) !important;
    }

    .steps-content {
        padding-left: 0;
        margin-top: -80px;
        z-index: 0;
    }

    .steps-line {
        display: none;
    }

    .steps-item {
        height: 350px;
        margin: 15px 0;
        padding-left: 15px;
        padding-right: 50px;
        background-position: top !important;
        background-size: cover !important;
    }

    .steps-top h3 {
        font-size: 38px;
    }

    .steps-top span {
        font-size: 20px;
    }

    .main-appointment-steps {
        padding: 75px 0 0 0;
    }

    .campaigns-slider .owl-stage {
        /* padding-top: 50px !important; */
        padding-top: 0 !important;
        padding-bottom: 50px !important;
    }

    .steps-top a {
        height: 45px;
        display: flex;
        align-items: center;
        font-size: 16px;
    }

    img.circle {
        display: none;
        /* right: -240px;
        top: -15px;
        opacity: .4;
        transform: scale(.8); */
    }

    .steps-item .step-number {
        right: 35px;
    }

    .blog-list-col-item .row {
        margin-left: 0;
    }

    .blog-list-column {
        padding: 0 15px;
    }

    .result-list .col-md-4,
    .services-page .col-md-4 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .dealers-result-item {
        padding: 35px;
    }

    .information-items {
        padding: 35px;
    }

    .page-banner h1 {
        font-size: 26px;
    }

    .breadcrumbs {
        overflow: auto;
        padding-bottom: 0;
        margin-bottom: 1rem;
    }

    .breadcrumbs ul {
        margin-bottom: 0;
    }

    .breadcrumbs ul li a,
    .breadcrumbs ul li,
    .breadcrumbs ul li i {
        white-space: nowrap;
    }

    .page-seo-text p,
    .service-detail-text p {
        font-size: 17px;
    }

    .service-detail-text .service-detail-title {
        font-size: 34px;
    }

    .page-banner {
        height: 300px !important;
        padding-bottom: 40px !important;
    }

    .dealer-detail-informations,
    .detail-page-image {
        margin-top: -90px;
    }

    .detail-page-image img {
        height: 275px;
    }

    .campaign-item .campaign-item-content h3 {
        font-size: 26px;
    }

    .campaign-item {
        height: 300px;
    }

    .campaign-item .campaign-item-content .theme-button {
        height: 40px;
        width: 115px;
        margin-top: 20px;

    }

    .page-content {
        margin: 50px 0;
    }

    .dealer-detail-informations .dealer-contact p,
    .dealer-detail-informations .dealer-contact a {
        font-size: 18px;
    }

    .steps-line-mobile {
        display: block;
    }

    .steps-content .row .col-md-4:first-child .steps-item {
        background: url(images/line_1.svg);
    }

    .steps-content .row .col-md-4:nth-child(2) .steps-item {
        background: url(images/line_2.svg);
    }

    .steps-content .row .col-md-4:nth-child(3) .steps-item {
        background: url(images/line_3.svg);
    }

    .steps-content .col-md-4 {
        margin: 0;
        padding: 0;
    }

    .steps-content .row .col-md-4:nth-child(2) .step-number {
        right: unset;
        top: 65px;
        left: 15px;
    }

    .steps-content .row .col-md-4:nth-child(2) .steps-item {
        padding-right: 0 !important;
        padding-left: 125px;
        padding-top: 55px;
        overflow: visible;
        background-size: contain !important;
        background-repeat: no-repeat;
    }

    .steps-content .row .col-md-4 .step-number {
        color: #f2f2f2 !important;
    }

    .steps-content .row .col-md-4:nth-child(1) .steps-item {
        /* height: 350px; */
        padding-top: 175px;
        padding-left: 25px;
    }

    .steps-content .row .col-md-4:nth-child(1) .steps-item .step-number {
        padding-top: 175px;
        right: 0 !important;
    }

    .steps-content .row .col-md-4:nth-child(3) span:not(.step-number),
    .steps-content .row .col-md-4:nth-child(3) p {
        z-index: 1
    }

    .steps-content .row .col-md-4:nth-child(3) .steps-item {
        padding-left: 25px
    }

    .steps-content .row .col-md-4:nth-child(3) .steps-item .step-number {
        top: 60px !important;
        z-index: 0;
        color: #e7e9ea !important;
    }

    .steps-content .row .col-md-4:nth-child(3) {
        transform: translate(0px, -75px) !important;
    }

    .over-banner {
        margin-top: -90px;
    }

    .contact-content {
        padding-top: 0;
    }

    h3.card-title {
        padding-top: 40px;
    }

    .contact-card {
        padding: 25px
    }

    .contact-form-card.contact-card input:not([type='checkbox']),
    .contact-form-card.contact-card textarea {
        height: 50px;
        margin-bottom: 20px;
    }

    .contact-form-card.contact-card label {
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .form-checkbox label {
        font-size: 14px !important;
    }

    .contact-form-card.contact-card button {
        height: 50px;
        width: 175px;
        margin-top: 15px;
    }

    .col-md-6.corporate-images .col-md-6,
    .col-md-6.corporate-images .col-md-12 {
        margin-top: 25px;
    }

    .col-md-6.corporate-images img {
        border-radius: 12px;
    }

    .copyright {
        text-align: center;
        font-size: 14px;
    }

    .header-menu {
        height: 100vh;
        background: #F3F5F7;
        position: absolute !important;
        z-index: 999999999;
        padding: 0 40px !important;
    }

    .header-menu-content ul {
        display: flex;
        flex-direction: column;
    }

    .header-menu-content ul a {
        color: var(--black) !important;
        font-size: 18px !important;
        text-transform: uppercase;
    }

    .header-menu-content ul li {
        padding: 15px 0;
        margin: 0;
    }

    .header-menu-content ul li:not(:last-child) {
        border-bottom: 1px solid #E5E5EA;
    }

    img.menu-logo {
        width: 100px;
        object-fit: contain;
    }

    .header-menu-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 25px 0 50px 0;
    }

    .header-menu-content {
        margin-bottom: 25px;
    }

    .header-menu .theme-button {
        font-size: 16px;
    }

    .header-menu-socials {
        margin-top: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 15px;
        border-top: 1px solid #E5E5EA;
    }

    .header-menu-socials a {
        font-size: 24px;
        color: #B6B8BD;
        margin: 0 15px;
    }

    .footer-socials a {
        font-size: 18px !important;
        margin-left: 10px !important;
        margin-right: 0 !important;
    }

    /*  */


    header button.menu-button {
        display: flex;
        display: flex
    }

    header button.menu-button {
        background: 0 0;
        border: none;
        padding: 0;
        flex-direction: column;
        align-items: end;
        height: 30px;
        width: 30px;
        justify-content: space-around
    }

    button.menu-button .line {
        width: 20px;
        height: 3px;
        border-radius: 5px;
        background: #fff;
        transition: .4s
    }

    button.menu-button .line.big-line {
        width: 30px
    }

    button.menu-button .big-line:first-child {
        transform-origin: top right;
    }

    button.menu-button .big-line:nth-child(3) {
        transform-origin: bottom right;
    }

    body.menu-active button.menu-button .big-line:first-child {
        transform: rotate(-45deg);
    }

    body.menu-active button.menu-button .big-line:nth-child(3) {
        transform: rotate(45deg);
    }

    body.menu-active button.menu-button .small-line {
        opacity: 0;
    }

    body.menu-active header button.menu-button .line {
        background: #B6B8BD
    }

    .header-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 25px;
    }

    button.menu-button {
        position: absolute;
        right: 40px;
        top: 50px;
        z-index: 999999999999;
    }

    .header-menu {
        display: none;
    }

    body.menu-active .header-menu {
        display: block;
    }

    .blog-item-image img {
        height: 275px;
    }

    .why-us-image {
        margin-bottom: 35px;
    }

    .footer-menu-col:first-child {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        justify-content: space-between;
    }

    .appointment-page .form-group {
        margin-bottom: 1.5rem !important;
    }
}

/**** mobile-end ****/

/**** Laptop ****/

@media (max-width: 1366px) {
    .steps-content .row .col-md-4:first-child {
        transform: translate(-20px, 165px);
    }

    .steps-content .row .col-md-4:nth-child(2) {
        transform: translate(35px, 40px);
    }

    .steps-content .row .col-md-4:nth-child(3) {
        transform: translate(110px, -195px);
    }

    img.circle {
        position: absolute;
        right: -275px;
        top: 90px;
        opacity: .4;
        transform: scale(.8);
    }

    .p-400 {
        padding: 0 250px;
    }

    .page-banner {
        height: 375px;
        padding-bottom: 75px;
    }

    .result-list .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .get-appointment-steps {
        flex-direction: column;
    }

    .appointment-step-item {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 15px;
    }

    .appointment-step-item .step-circle {
        margin-bottom: 0;
        margin-right: 15px;
    }

    .appointment-step-item:not(:last-child) span.step-circle:after {
        width: 4px;
        height: 15px;
        background: var(--gray);
        left: calc(25px - 2px);
        top: 100%;
        z-index: -9;
    }

    .get-appointment-steps {
        margin-bottom: 30px;
    }

    section.page-section.appointment-page .section-header h2 {
        font-size: 32px;
    }

    section.page-section.appointment-page .section-header span {
        font-size: 16px;
        font-weight: 400;
    }

    section.page-section.appointment-page .section-header {
        margin-bottom: 35px;
    }

    .appointment-page label {
        font-size: 18px;
    }

    .appointment-page select,
    .appointment-page input {
        height: 55px;
        margin-bottom: 15px;
    }

    .appointment-next {
        width: 200px;
        height: 50px;
    }

    div#filters button {
        width: unset;
        height: unset;
        padding: 8px 15px;
        border-radius: 10px;
        font-size: 14px;
        margin: 8px;
    }

    div#filters {
        flex-wrap: wrap;
    }

    .service-type-card label {
        padding: 30px 25px 25px 35px;
        margin-bottom: 0;
    }

    .service-type-card {
        margin-bottom: 15px !important;
    }

    .footer-logo img {
        width: 125px;
    }

    .appointment-page .pretty .state label:after,
    .appointment-page .pretty .state label:before {
        top: 2px;
    }

    .appointment-page .pretty {
        margin-right: 0;
        white-space: wrap;
        line-height: unset;
    }

    .get-appointment-form .pretty label {
        padding-left: 0 !important;
    }

    .get-appointment-form .pretty input {
        margin-right: 10px !important;
    }
}


/**** Laptop END ****/


@media (max-width: 1200px) {

    .services-page .col-md-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }


}

@media (min-width: 993px) {

    .desktop-header {
        display: flex;
    }

    .mobile-header {
        display: none;
    }
}


/**** Tablet ****/

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


/**** Tablet END ****/

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

@media screen and (max-width: 375px) {
    /** Ä°phoneX **/
}

@media (min-width: 1399px) {
    .container {
        max-width: 1400px !important;
    }

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm,
    .page-container-xl {
        max-width: 1400px !important;
    }
}

@media (max-width: 992px) {

    .page-container,
    .page-container-lg,
    .page-container-md,
    .page-container-sm {
        max-width: 960px !important;
    }
}

@media (max-width: 768px) {

    .page-container,
    .page-container-md,
    .page-container-sm {
        max-width: 720px !important;
    }
}

@media (max-width: 576px) {

    .page-container,
    .page-container-sm {
        max-width: 540px !important;
    }
}

.page-container,
.page-container-fluid,
.page-container-lg,
.page-container-md,
.page-container-sm,
.page-container-xl {
    width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}