@media screen and (min-width: 1600px) {
    .page-about .srv-hero {
        background-position-y: 67%;
    }

    .post .viewport-sizing {
        font-size: 1.6vh;
    }

    .main-header > .wrapper {
        max-width: 90%;
    }
    .main-nav li {
        font-size: 16px;
    }
    .main-nav a {
        padding: 0 2vw;
    }
    .main-header-inverted .menu-item-frontline-ai> a:after {
        width: 87%;
    }
}

@media screen and (min-width: 1250px) {
    .section-works .works-info-block {
        font-size: 14px;
    }
}

@media screen and (min-width: 1150px) {
    .solutions-item-parent {
        min-width: 850px;
    }
}

@media screen and (min-width: 1024px) {
    .srv-blue-block {
        min-height: 432px;
    }

    .main-nav {
        position: relative;
    }

    .dropdown > .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        border: 0;
        padding: 15px 2vw 10px 2vw;
        border-top: 2px solid #ffffff;
        min-width: 100%;
        opacity: 0;
        visibility: hidden;
        -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, .1) !important;
        -moz-box-shadow: 0 16px 20px rgba(0, 0, 0, .1) !important;
        box-shadow: 0 16px 20px rgba(0, 0, 0, .1) !important;
        border-radius: 14px;
        margin-top: 3px;
    }

    .menu-item-frontline-ai,
    .menu-item-login,
    .company-item {
        position: relative;
    }
    .company-item > .dropdown-menu {
        text-align: center;
    }
    .menu-item-who > .dropdown-menu,
    #top-nav-ul .dropdown-menu .menu-item-has-children > .dropdown-menu {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 80px;
    }
    /*.solutions-item-parent > a:after {
        content: '';
        display: inline-block;
        width: 27px;
        height: 18px;
        background: url(../images/arrow-menu-orn.png) no-repeat;
        background-size: contain;
        vertical-align: middle;
        margin: 0 10px 4px 15px;
    }*/
    .main-menu > .menu-item-who > .dropdown-menu > li > a {
        padding: 0;
        width: 100%;
        border-bottom: 0;
        font-size: 16px;
        font-weight: bold;
    }

    .menu-item-who li,
    .solutions-item-parent li {
        -webkit-transition: .2s ease-in-out;
        -moz-transition: .2s ease-in-out;
        -o-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
    }
    .menu-item-who li:hover,
    .solutions-item-parent li:hover {
        padding-left: 20px;
    }
    .menu-item-who li:hover a:after,
    .solutions-item-parent li:hover a:after {
        content: '';
        display: block;
        width: 4px;
        height: 100%;
        background: var(--orange);
        border-radius: 4px;
        position: absolute;
        top: 4px;
        left: -18px;
    }
    .dropdown-menu li {
        display: block;
        margin: 0;
        line-height: 32px;
    }

    .menu-item-login > .dropdown-menu {
        left: auto;
        right: 0;
    }

    .menu-item-box {
        padding: 0 1vw;
        margin: 0;
    }

    .menu-item-box > a {
        display: inline-block;
        line-height: 40px;
        padding: 0 1vw;
    }

    .main-nav li.dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    .main-menu > li > .dropdown-menu > li > a {
        padding: 10px 0;
        width: 100%;
        border-bottom: 1px solid var(--light-blue);
        font-size: 16px;
        font-weight: bold;
    }

    .main-menu > li > .dropdown-menu > li:last-child > a {
        border: 0;
    }

    .main-menu > li.menu-item-login > .dropdown-menu > li > a {
        font-size: 14px;
    }
    .menu-item-who li a {
        padding: 0;
        margin: 8px 0;
        position: relative;
    }
    .dropdown-submenu li a {
        /*font-weight: normal;*/
        padding: 0;
        margin: 6px 0;
        position: relative;
    }
    .dropdown-menu li.solutions-item-parent:first-child {
        border-bottom: 1px solid var(--light-blue) !important;
        margin-bottom: 15px;
    }
    .menu-item-who > .dropdown-menu {
        padding-bottom: 20px;
    }
    .solutions-item-parent > .dropdown-menu {
        margin-bottom: 20px;
    }
    #top-nav-ul > li.menu-item-has-children:hover > a {
        border-bottom: 3px solid #ffffff00;
    }
    .solutions-item {
        position: absolute !important;
        top: 50px;
        right: 0;
        z-index: 10;
        border: solid 1px #979797;
        padding: 20px;
    }

    .solutions-item > a {
        position: absolute;
        top: -17px;
        left: 13px;
        text-transform: uppercase;
        background: #fff;
        padding: 0 7px !important;
        font-size: 12px;
        font-weight: 800 !important;
        letter-spacing: 1.7px;
        color: #a7a7a7 !important;
    }

    .solutions-item .menu-item a {
        padding: 0;
    }

    .m-nav,
    .m-nav-overlay {
        display: none;
    }

    .sidebar aside {
        padding-left: 10px;
    }

    .srv-reviews-items-wrap {
        margin-top: 10px;
    }

    .testimonials-video {
        padding-bottom: 39.4%;
        max-width: 70%;
    }
    .single {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .single .post {
        padding-right: 100px;
    }
}

@media screen and (min-width: 768px) {
    .info-services.col-2 {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
    }

    .info-services.col-2 > ul {
        width: 50%;
    }

    .info-services.col-2 > ul:nth-of-type(1) {
        border-right: 1px solid #5d83b5;
        padding-right: 15px;
        text-align: right;
    }

    .info-services.col-2 > ul:nth-of-type(2) {
        padding-left: 15px;
        text-align: left;
    }

    .technicians-video {
        margin: 0 auto 90px auto;
    }
}

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

    #contactSectionImg {
        padding: 80px 0;
    }

    #contactSectionImg .srv-section-title {
        margin-bottom: 20px;
    }

    #contactSectionImg .sub-title {
        font-size: 20px;
        font-weight: 300;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 30px;
        text-align: left;
    }

    .contact-form .two-columns .wpcf7-form-control-wrap {
        display: inline-block;
        vertical-align: top;
        width: calc(50% - 10px);
    }
    .contact-form .two-columns .wpcf7-form-control-wrap:first-child {
        margin-right: 20px;
    }

    #abt-contacts {
        padding: 70px 0 100px 0;
    }

    .fw-items {
        padding-top: 20px;
        margin-bottom: 40px;
    }

    .fw-item {
        width: calc(50% - 3px);
        margin-bottom: 30px;
        padding-right: 40px;
    }
    .addtoany_list a, .widget .addtoany_list a {
        padding: 0 10px !important;
    }
}

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

    .page-ppi-style .section-7 .section-title {
        font-size: 46px;
        font-size: 3.3vw;
        line-height: 1;
    }

    .page-ppi-style .section-7 .big-title {
        font-size: 70px;
        font-size: 5vw;
    }

    .page-ppi-style .section-7 .text-box {
        font-size: 22px;
        font-size: 1.6vw;
    }

    .page-ppi-style .section-7 {
        height: auto;
        padding-top: 18vw;
        padding-bottom: 15vw;
        background-size: cover;
        background-position: 59% 50%;
    }

    .section-4 .icon-item {
        font-size: 14px;
        line-height: 22px;
        margin-left: 10px;
        margin-right: 10px;
        width: 140px;
    }

    .section-4 .icon-item.icon-item-9 {
        margin-left: 90px;
        margin-right: 90px;
    }

    .icons-wrap-2 {
        /*background: url(../images/icons-1024.png) center top no-repeat;*/
        background-size: 815px auto;
        background-position: center 20px;
    }

    .page-service .flex-cell-inner {
        padding: 40px 30px 40px 30px;
    }

    .center-box {
        font-size: 17px;
    }

    .icons-box {
        padding: 80px 0 80px;
    }
}

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

    :root {
        --menu-top-h: 60px;
    }

    .medium-text-center {
        text-align: center;
    }

    /*mobile menu*/
    .main-nav, .login-box {
        display: none;
    }

    .mobile-menu {
        display: block;
    }
    /*mobile menu end*/

    .img-left {
        width: 45%;
    }

    .sep-text {
        width: 50%;
    }

    .section-6 {
        padding-top: 100px;
    }

    .sep-text .button {
        position: static;
    }

    .image-box {
        top: 122px;
    }

    .image-box img {
        width: 140px;
    }

    .image-box img:first-child {
        margin-left: 32px;
    }

    .image-box img:last-child {
        margin-right: 32px;
    }

    .testimonials-box {
        width: 650px;
    }

    .section-12 {
        background-color: #e9eff3;
        height: auto;
        padding-bottom: 40px;
    }

    .section-experts .section {
        padding-top: 40px;
    }

    .section-experts .section > .row > .column {
        max-width: 700px;
        margin: 0 auto;
    }

    .page-ppi-style .text-box {
        font-size: 2vw;
        padding: 35px 0;
        max-width: 61%;
    }

    .phone-form {
        width: 70%;
    }

    .phone-form .col-or:before {
        content: 'OR';
        left: 20px;
        top: -42px;
    }

    .phone-form .columns.col-or,
    .phone-form .columns.col-pad {
        padding-right: 0;
        padding-left: 0;
    }

    .srv-two-fifth {
        padding: 600px 30px 30px 30px;
    }

    .page-fleets .srv-section {
        padding: 60px 0px;
        min-height: 0;
    }

    .srv_2_cols_hot_lt .large-6 {
        order: 2;
    }

    .page-fleets .srv-section-title,
    .page-fleets .srv-section-subtitle {
        text-align: center;
    }

    .icon-slider .section-title {
        font-size: 30px;
        line-height: 1.2;
    }

    .post .aspect-ratio-box {
        min-height: 418px;
    }
    .menu-item-desc {
        display: none;
    }
    .footer-menu-grid {
        grid-template-columns: 1fr;
    }
    .footer-menu #bottom-nav-fleet {
        grid-template-columns: 1fr 1fr;
    }
}

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

    .icons-box {
        padding: 30px 0 35px;
        justify-content: center;
    }

    .section-4 .icon-item {
        background-size: 60px;
        padding-top: 70px;
        width: 104px;
    }

    .section-4 {
        min-height: auto;
    }

    .icons-wrap-2 {
        /*background: url(../images/icons-768.png) center top no-repeat;*/
        background-size: 634px auto;
        margin-top: 185px;
    }

    .section-4 .icon-item.icon-item-9 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .icon-item-7, .icon-item-11 {
        margin-top: -85px;
    }

    .icon-item-8, .icon-item-10 {
        margin-top: -105px;
    }

    .icon-item-20, .icon-item-9 {
        margin-top: -155px;
    }

    .icons-wrap-2 .icon-item-12, .icons-wrap-2 .icon-item-17 {
        margin-top: 80px;
    }

    .icons-wrap-2 .icon-item-13, .icons-wrap-2 .icon-item-16 {
        margin-top: 120px;
    }

    .icons-wrap-2 .icon-item-14, .icons-wrap-2 .icon-item-15 {
        margin-top: 160px;
    }

    .center-box {
        margin-left: -70px;
        font-size: 14px;
        line-height: 20px;
        width: 140px;
    }

    .center-box-title {
        font-size: 16px;
    }

    .icon-item {
        margin-bottom: 30px;
    }

    .phone-form-block-inner {
        width: 100%;
    }

    .phone-form-block {
        background-size: 64% auto;
    }

    .phone-form {
        width: 47%;
    }

    .srv-section-title {
        line-height: 1.4;
    }

    .srv-highlight-block {
        padding: 15px 15px 15px 20px;
    }

    .srv-highlight-block .button {
        position: static;
        margin-top: 10px;
    }

    .srv-section-content .section-2 {
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .srv-image-overlay-wrap {
        position: relative;
        top: 20px;
    }

    .srv-hero {
        padding-bottom: 90px;
        background-attachment: scroll;
    }
}

@media only screen and (max-width: 768px) {
    .srv-section .flex-table {
        display: block;
    }

    .page-home .srv-two-fifth,
    .page-service .srv-two-fifth {
        display: none;
    }

    .page-home .flex-cell-inner {
        padding: 0px 30px 0px 30px;
    }

    .page-service .srv-three-fifth {
        display: block;
        width: 100%;
    }

    .app-stores {
        margin-top: -10px;
    }

    .app-stores a {
        width: 140px;
        height: 42px;
    }

    .page-ppi-style .app-stores {
        margin-top: 0;
    }

    .icon-popup {
        left: 0;
        top: 0;
        margin-left: 0;
        width: 100%;
        font-size: 14px;
        padding-top: 70px;
        padding-bottom: 100px;
    }

    .icon-popup img {
        display: block;
        margin: 0 auto 20px;
    }

    .icon-popup .icon-title {
        font-size: 16px;
        line-height: 24px;
        color: var(--blue);
        font-weight: 700;
        display: inline-block;
    }

    .icon-popup .icon-text {
        display: inline-block;
        font-size: 16px;
        font-weight: 300;
        color: var(--blue);
        margin-bottom: 15px;
    }

    .main-header-box {
        order: 1;
    }

    .page-ppi-style .main-header-box {
        order: 0;
    }

    .section-0, .section-1, .section-7, .section-13, .section-9 {
        order: 2;
    }

    .section-feedback,
    .page,
    .single,
    .posts {
        order: 2;
    }

    .section-2 {
        order: 3;
    }

    .section-4, .section-10 {
        order: 5;
    }

    .section-5, .section-12 {
        order: 4;
    }

    .section-6, .section-8 {
        order: 6;
    }

    .section-33 {
        order: 9;
        padding: 0 0 70px;
    }

    .blue-box.section {
        order: 9;
    }

    .main-footer {
        order: 10;
    }

    .copyright-box {
        order: 11;
    }

    .section-12 {
        padding-top: 30px;
    }

    .section-0, .section-1 {
        background-position: right center;
        min-height: auto;
        text-align: center;
    }

    /*Technicians page*/
    #section-1 {
        background-position: right center;
        min-height: auto;
        text-align: center;
    }

    #section-5 .flex {
        display: block;
    }

    /*Technicians page end*/
    .section-11 {
        height: auto;
    }

    .testimonials-box {
        width: 100%;
    }

    .section-1 .button {
        margin-top: 85px;
    }

    .section-12 .sep-text {
        margin-left: 0;
        padding-left: 150px;
    }

    .select2-container {
        min-width: 216px;
    }

    .mobile-show {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    .main-form-box {
        text-align: center;
        padding-top: 50px;
        width: 100%;
    }

    .section-2, .section-3, .section-4, .section-6 {
        padding: 50px 0;
    }

    .section-5 {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 60px;
        min-height: auto;
    }

    .section-5 .flex {
        display: block;
    }

    .img-left {
        margin-top: 40px;
    }

    .img-left, .img-left img {
        width: 100%;
    }

    .sep-text {
        padding: 50px 0 0 0;
        width: 100%;
    }

    .relative {
        text-align: center;
    }

    .big-button {
        padding: 0 30px;
    }

    .accordion {
        flex: none;
        margin-top: 0;
        width: 100%;
    }

    .section-6 .flex {
        display: block;
    }

    .accordion:first-child {
        margin: 55px 0 0;
    }

    .sep-text > ul {
        margin-left: 15px;
    }

    .section-6 {
        padding: 0 !important;
    }

    .section-6 .section-title {
        padding-top: 40px;
    }

    .section-image {
        margin: 40px 0 30px;
    }

    .section-10 {
        padding-bottom: 0;
    }

    .icons-wrap {
        background: url(../images/arrows-m1.png) center 75px no-repeat;;
        margin-top: 40px;
    }

    .section-4 .icon-item {
        padding-top: 70px;
        flex: none;
        position: static;
        margin: 0 0 73px;
        width: 50%;
    }

    .section-4 .icons-box-first {
        justify-content: center;
        margin: 36px auto 0;
        width: 280px;
    }

    .section-4 .icons-box-last {
        justify-content: flex-start;
        margin: auto;
        width: 280px;
    }

    .icons-box-last + .center-box {
        padding: 60px 0 120px;
    }

    .section-4 .icon-title, .section-4 .icon-text {
        font-size: 12px;
        line-height: 14px;
        padding: 0 5px;
    }

    .section-4 .icon-item.icon-item-9 {
        margin-left: 0;
        margin-right: 0;
    }

    .section-4 .icon-item.icon-item-7 {
        margin-left: 75px;
        margin-right: 75px;
    }

    .section-4 .icons-box {
        justify-content: center;
        padding: 0;
    }

    .more {
        margin: 0px 15px 20px 15px;
    }

    .button-white.more {
        margin-left: auto;
        margin-right: auto;
        width: 160px;
        line-height: 36px;
        height: 40px;
        cursor: pointer;
    }

    .center-box {
        margin: auto;
        position: static;
    }

    .button, .main-form-box input[type="submit"], .popup-form-box input[type="submit"], .contact-form input[type="submit"] {
        font-size: 14px;
        line-height: 38px;
        height: 40px;
        width: 160px;
        padding: 0;
    }

    .page-home .srv-hero .button {
        line-height: 38px;
    }

    .srv-section .h1 {
        font-size: 30px;
    }

    .srv-section-2-col, .srv-section-faq {
        padding-top: 60px;
    }

    .page-service .icons-box {
        padding: 0;
    }

    .post-link-nav {
        display: none;
    }
}

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

    .footer-menu #bottom-nav-fleet {
        grid-template-columns: 1fr;
    }

    .posts-title {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .posts .post-title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .posts .post {
        border-bottom: 1px solid #ccc;
        margin-bottom: 15px;
    }

    .posts .post-meta {
        margin-bottom: 15px;
    }

    .posts .aside {
        display: none;
    }

    .sidebar {
        margin-top: 30px;
    }

    .small-text-center {
        text-align: center;
    }

    .section-12 {
        /*background: url(../images/m12.jpg) center bottom no-repeat;*/
        background-size: cover;
        padding-bottom: 500px;
        background-position: 20% 38%;
        background-color: #F0F5FB;
    }

    .section-12 .sep-text {
        padding-left: 0;
        display: none;
    }

    .form, .section-1 div.wpcf7, .section-0 div.wpcf7 {
        width: 100%;
    }

    .section-3 {
        background: var(--blue);
    }

    .big-button {
        font-size: 18px;
    }

    .big-title {
        font-size: 26px;
        margin-bottom: 0;
    }

    .section-7, .section-13, .section-9 {
        height: 320px;
        padding-top: 60px;
    }

    .section-13, .section-9 {
        padding-top: 40px;
    }

    .text-box {
        padding: 20px 0 30px;
    }

    .section-13 .text-box, .section-9 .text-box {
        padding: 10px 0 25px;
    }

    .text-box p {
        background: url(../images/circle.png) left 12px no-repeat;
        padding-left: 20px;
        margin-bottom: 0;
    }

    .page-ppi-style .text-box p {
        background: none;
        padding-left: 0;
    }

    .text-box b {
        font-size: 14px;
        line-height: 20px;
    }

    .section-7 {
        background: url(../images/m7.jpg) center center no-repeat;
        background-size: cover;
    }

    .section-9 {
        background: url(../images/m9.jpg) center center no-repeat;
        background-size: cover;
    }

    .section-13 {
        background: url(../images/m13.jpg) center center no-repeat;
        background-size: cover;
    }

    .section-13 .section-title {
        padding-right: 150px;
    }

    .section-9 .section-title {
        padding-right: 90px;
    }

    .main-footer .flex {
        display: block;
        text-align: center;
    }

    .srv-section-table {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .footer-nav {
        margin-bottom: 20px;
    }

    .footer-nav-item {
        margin: 0 15px;
    }

    .button-white.more.mobile-show {
        display: block;
    }

    .icons-wrap .mobile-hide {
        display: none;
    }

    .wrapper {
        padding: 0 10px;
    }

    .contact-form .input-small {
        width: 100%;
    }

    .contact-form .input-small-first {
        margin-right: 0;
    }

    .section-12 {
        height: auto;
    }

    .main-form-box {
        text-align: right;
        padding-top: 0;
    }

    .section-0, .section-1 {
        background: none;
    }

    /*Technicians page*/
    #section-1 {
        background: none !important;
    }

    #section-1 div.wpcf7 {
        width: 100%;
    }

    .page-tech #section-1 .technicians-title {
        background: url(../images/img-1-m.jpg) center top no-repeat;
        height: 225px;
        background-size: cover;
        padding-top: 25px;
        padding-right: 20px;
        margin-right: -10px;
        margin-left: -10px;
    }

    #section-2 {
        padding: 40px 0;
    }

    #section-2 .icons-box {
        display: block;
    }

    #section-2 .icon-item {
        background-position: right top !important;
        background-size: auto 75px;
        padding-left: 100px;
        padding-right: 0;
        padding-top: 10px;
        font-size: 14px;
        line-height: 23px;
        text-align: left;
        min-height: 90px;
        position: relative;
    }

    #section-2 .icon-item {
        background-position: right top !important;
        padding-right: 100px;
        padding-left: 10px;
    }

    #section-2 .icon-item:before {
        background-position: right top;
        background-size: 35px auto;
        left: auto;
        margin-left: 0;
        margin-right: 22px;
        right: 0;
        top: 13px;
    }

    #section-3 .icon-item {
        padding: 19px 0 0px 100px;
        margin-bottom: 20px;
        display: block;
        width: 100%;
        background-position: left top !important;
        background-size: contain;
        text-align: left;
    }

    .icons-box-3 {
        display: block;
    }

    /*Technicians page end*/
    .section-1 .technicians-title {
        background: url(../images/img-1-m.jpg) center top no-repeat;
        height: 225px;
        background-size: cover;
        padding-top: 25px;
        padding-right: 20px;
        margin-right: -10px;
        margin-left: -10px;
    }

    .section-0 .technicians-title {
        background: url(https://www.driveroo.com/wp-content/uploads/2019/03/app-demo-min-2.png) center top no-repeat;
        height: 225px;
        background-size: cover;
        padding-top: 70px;
        padding-right: 20px;
        margin-right: -10px;
        margin-left: -10px;
    }

    .section-2, .section-3, .section-4, .section-6 {
        padding: 40px 0 40px;
    }

    .section-2 {
        padding-bottom: 40px;
    }

    .main-form-box .section-title {
        display: inline-block;
        font-size: 20px;
        line-height: 30px;
        text-align: right;
        width: 200px;
    }

    .section-title {
        font-size: 24px;
        line-height: 30px;
        padding-right: 0;
    }

    .form {
        margin-top: 60px;
    }

    .section-2 .icon-item {
        background-position: right top !important;
        background-size: auto 75px;
        padding-left: 100px;
        padding-right: 0;
        padding-top: 10px;
        font-size: 14px;
        line-height: 23px;
        text-align: left;
        min-height: 90px;
        position: relative;
    }

    .icon-title {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 0;
    }

    .icon-item:before {
        background-position: left top;
        background-size: 35px auto;
        margin-left: 22px;
        left: 0;
        top: 13px;
        width: 50%;
        max-width: 100px;
    }

    .section-22 .icon-item, .section-2 .icon-item {
        background-position: right top !important;
        padding-right: 100px;
        padding-left: 10px;
    }

    .section-22 .icon-item:before, .section-2 .icon-item:before {
        background-position: right top;
        background-size: 35px auto;
        left: auto;
        margin-left: 0;
        margin-right: 22px;
        right: 0;
        top: 13px;
    }

    .icon-item.icon-item-30:before, .icon-item.icon-item-31:before, .icon-item.icon-item-32:before, .icon-item.icon-item-33:before, .icon-item.icon-item-34:before, .icon-item.icon-item-35:before {
        background-size: 95px auto;
        left: auto;
        margin-left: 0;
        margin-right: 0;
        right: 0;
        top: 0;
        padding-top: 15px;
    }

    .section-2 .icons-box {
        display: block;
    }

    .input-small, .main-form-box .two-columns .wpcf7-form-control-wrap,
    .popup-form-box .two-columns .wpcf7-form-control-wrap,
    .contact-form .three-columns .wpcf7-form-control-wrap,
    .main-form-box select, .popup-form-box select, .select, .contact-form select {
        width: 100%;
    }

    .contact-form .three-columns .wpcf7-form-control-wrap:last-child {
        width: 100%;
    }

    .button.submit {
        width: 100px;
        line-height: 38px;
    }

    .input-small-first, .main-form-box .two-columns .wpcf7-form-control-wrap:first-child,
    .popup-form-box .two-columns .wpcf7-form-control-wrap:first-child,
    .contact-form .three-columns .wpcf7-form-control-wrap:first-child,
    .contact-form .three-columns .wpcf7-form-control-wrap:nth-child(2) {
        margin-right: 0;
    }

    .contact-form select, .popup-form-box select, .select {
        margin-bottom: 20px;
    }

    .select2-container {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .sub-title {
        font-size: 16px;
        line-height: 24px;
        margin-top: 10px;
        padding: 0 30px;
    }

    .section-8 .sub-title {
        font-size: 18px;
        padding-left: 0;
    }

    .big-button {
        font-size: 12px;
        padding: 0 10px;
    }

    .accordion-title {
        background-color: #ebf7fa;
        padding: 15px 60px 15px 15px;
        font-size: 14px;
    }

    .accordion-text {
        padding: 10px;
        margin-bottom: 10px;
    }

    .faq-title {
        line-height: 30px;
        margin-bottom: 10px;
    }

    .white-popup {
        padding: 80px 20px;
    }

    #my-popup {
        padding: 55px 20px 20px 20px;
    }

    #my-popup .popup-title {
        font-size: 20px;
        line-height: 1.4;
    }

    .section-experts,
    .section-buyer-faq,
    .section-works {
        padding-top: 50px;
    }

    .section-view-report {
        padding: 10px 0 40px 0;
    }

    .page-ppi-style .section-2 {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .page-ppi-style .section-2 .icon-item {
        font-size: 14px;
        padding: 0 85px 0 0;
    }

    .page-ppi-style .section-2 .icon-title {
        font-size: 18px;
    }

    .section-experts .experts-list {
        padding-bottom: 20px;
    }

    .section-experts .experts-list a {
        margin-top: 5px;
    }

    .section-experts .row:last-child {
        padding-bottom: 60px;
    }

    .ppi-video {
        margin: 0 auto 30px auto;
    }

    .section-experts .column-inner {
        padding: 0;
    }

    .section-experts .experts-list p {
        margin-bottom: 20px;
    }

    .section-experts .section-title {
        margin-bottom: 20px;
    }

    .section-works .section-title,
    .section-buyer-faq .section-title {
        margin-bottom: 25px;
    }

    .section-buyer-faq > .row {
        padding-bottom: 50px;
    }

    .page-ppi-style .section-3 {
        padding: 50px 0;
    }

    .page-ppi-style .section-3 .section-title {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .section-view-report .link-view-report {
        margin-bottom: 10px;
    }

    .page-ppi-style .section-3 .search-vin {
        margin: 0 auto 30px auto;
    }

    .section-8 {
        padding: 50px 0 40px;
    }

    .blue-box {
        padding: 40px 0;
    }

    .blue-box .button {
        margin-top: 20px;
    }

    /*Technicians page*/
    #blue-box {
        padding: 40px 0;
    }

    #blue-box .button {
        margin-top: 20px;
    }

    /*Technicians page end*/
    .page-ppi-style .section-7 {
        padding-top: 44px;
        padding-bottom: 25px;
        background-position: 68% 50%;
        min-height: 370px;
    }

    .page-ppi .section-7 {
        background-image: url(../images/banner-ppi-mob.png);
    }

    .page-oil .section-7 .text-box {
        display: none;
    }

    .page-ppi-style .section-7 .section-title {
        font-size: 18px;
        max-width: 68%;
    }

    .page-ppi-style .section-7 .big-title {
        font-size: 26px;
    }

    .page-ppi-style .section-7 .text-box {
        font-size: 14px;
    }

    .section-works-descr {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .bottom-menu li {
        display: block;
        width: 50%;
    }

    .page-oil .section-works .section-title {
        margin-bottom: 20px;
    }

    .page-oil .section-7 .section-title {
        font-size: 20px;
        line-height: 1.1;
    }

    .page-oil .section-7 {
        padding-top: 95px;
        min-height: 370px;
        position: relative;
    }

    .page-oil .section-7 .app-stores {
        position: absolute;
        bottom: 40px;
    }

    .page-oil .section-7 .big-title.blue {
        margin-bottom: 15px;
    }

    .section-7 .dots {
        display: none;
    }

    .section-phone-form {
        padding-bottom: 20px;
    }

    .section-phone-form .sub-title {
        padding: 0;
        font-size: 20px;
    }

    .section-phone-form .section-title {
        font-size: 30px;
    }

    .phone-form-block-inner {
        width: 100%;
        background: #ffffffe3;
        padding: 40px 20px 40px 20px;
    }

    .phone-form-block {
        background-size: 100% auto;
    }

    .section-phone-form .section-title,
    .section-phone-form .sub-title {
        text-align: center;
    }

    .phone-form {
        width: 100%;
        margin-top: 30px;
        padding-top: 15px;
    }

    .phone-form .label-title {
        font-size: 16px;
    }

    .phone-form .button {
        font-size: 14px;
        line-height: 38px;
        height: 40px;
        width: 160px;
        padding: 0;
    }

    .section-phone-form.bg-white {
        order: 3;
        padding-bottom: 40px;
    }

    .srv-section .h1 {
        font-size: 22px;
        padding-bottom: 25px;
    }

    .srv-hero {
        padding-top: 45px;
        padding-bottom: 30px;
    }

    .srv-image-overlay-wrap {
        top: 0px;
    }

    .page-service .flex-cell-inner {
        padding: 40px 15px 40px 15px;
    }

    .srv-locations {
        padding: 40px 0 20px 0;
    }

    .srv-section {
        font-size: 14px;
    }

    .srv-hotspot-tooltip-mob {
        display: block;
    }

    .srv-hotspot-container .srv-image-hotspot .srv-image-hotspot-tooltip {
        display: none;
    }

    #truck-section .srv-hotspot-tooltip-mob {
        display: none;
    }

    #truck-section .srv-hotspot-container .srv-image-hotspot .srv-image-hotspot-tooltip {
        display: block;
    }

    .page-fleets .srv-section {
        padding: 40px 0px;
    }

    .page-fleets .srv-section-hero-bottom .srv-section-title {
        font-size: 1.4em;
    }

    .page-fleets .srv-section .h1 {
        font-size: 30px;
    }

    .page-home .srv-section {
        padding: 0;
    }

    .testimonials-slider {
        margin-top: 20px;
        padding: 0 30px;
    }

    .testimonials-quote q {
        font-size: 1em;
    }

    .icon-slider-nav .slick-slide {
        height: 120px;
    }

    .slick-slide-nav img {
        max-width: 40px;
    }

    .icon-slider-title {
        font-size: 10px;
    }

    .icon-slider img {
        max-height: 200px;
    }

    .icon-slider-content {
        height: auto;
        min-height: 300px;
    }

    .icon-slider-img-col {
        display: none;
    }

    .page-fleets .srv-section-icons-slider {
        padding: 0;
    }

    #truck-section .srv-hotspot-tooltip-mob {
        position: relative;
        margin: 0;
        width: 50%;
        padding: 0 10px 10px 10px;
    }

    #truck-section .srv-hotspot-tooltip-mob-count {
        height: 25px;
        width: 25px;
        line-height: 25px;
        font-size: 14px;
        top: 10px;
    }

    #truck-section .srv-hotspot-tooltip-mob-inner {
        padding: 10px 10px 10px 15px;
        margin-left: 30px;
    }

    .page .accordion-item, .page .accordion .ufaq-faq-div {
        margin: 0 0 15px 0;
        width: 100%;
    }

    .table-mob {
        display: block;
    }

    .small-hide {
        display: none;
    }

    .page-service-net .srv-hero {
        min-height: 0;
    }

    .page-about .srv-section {
        padding: 40px 0px;
        min-height: 0;
    }

    .page-home .srv-section {
        padding: 40px 0px;
        min-height: 0;
    }

    .page-home .srv-hero {
        padding: 0;
    }

    .page-home .srv-hero .h1 {
        font-size: 2em;
    }

    .img-wrap-fleets img {
        display: none;
    }

    .txt-fleets {
        position: static;
        width: 100%;
    }

    .srv-section-hero-bottom-text blockquote {
        padding-left: 20px;
    }

    .srv-team-items {
        margin-top: 30px;
    }

    .page-about .srv-section .h1 {
        font-size: 30px;
    }

    .office-slider-nav .icon-slider-title {
        font-size: 14px;
    }

    .srv-section-title {
        font-size: 1.5em;
    }

    .srv-press p {
        font-size: 14px;
    }

    .srv-icon-char {
        width: 65px;
        height: 65px;
        line-height: 62px;
    }

    .animated-number-title {
        font-size: 50px;
    }

    .post .aspect-ratio-box {
        height: auto;
        padding-top: 0;
        min-height: 0;
    }

    .posts-row .post-text {
        padding: 15px 15px;
    }

    .post .aspect-ratio-box-inside {
        position: static;
    }

    .posts-row .post-title {
        white-space: inherit;
        overflow: initial !important;
        text-overflow: inherit;
    }

    .single article h1 {
        font-size: 25px;
        line-height: 1.2;
    }

    .single article h2 {
        font-size: 22px;
    }

    .single article h3 {
        font-size: 18px;
    }

    .single article h4 {
        font-size: 16px;
    }

    .single article h1,
    .single article h2,
    .single article h3,
    .single article h4,
    .single article p,
    .single article hr,
    .single article ol,
    .single article ul {
        /*margin-bottom: 15px;*/
    }
}

@media screen and (max-width: 480px) {
    .page-ppi-style .section-7 .text-box {
        font-size: 14px;
        padding: 20px 0;
        max-width: 61%;
    }

    .page-ppi-style .section-3 .search-vin .button-search {
        padding: 12px 15px 12px 6px;
    }

    .page-ppi-style .section-3 .search-vin .input {
        font-size: 13px;
        padding: 0px 45px 0 10px;
    }

    .search-vin .error-msg {
        font-size: 13px;
    }

    .section-phone-form .section-title {
        font-size: 24px;
    }

    .section-phone-form .sub-title {
        font-size: 18px;
    }

    .phone-form-block {
        background-position: 0% 95%;
    }

    .button.submit {
        margin-top: 20px;
    }

    .input-small-first + .error-msg {
        right: 2px;
        top: 50%;
    }

    .page-blog .srv-hero-content {
        display: block;
        padding-top: 130px;
    }
    .main-nav-mob a {
        margin: 0 4px 0 20px;
        font-size: 12px;
    }
}