.container {
    max-width: 1109px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
@media (max-width:1699px) {}
@media (max-width:1439px) {}
@media (max-width:1365px) {}
@media (max-width:1199px) {

    .logo {
        width: 205px;
    }
    .main-nav {
        width: calc(100% - 205px);
        padding: 0 45px 0 0;
        justify-content: flex-end;
    }
    .main-nav .menu-bar {
        display: block;
    }
    /************ // MOBILE MENU CSS START // ***********************/
    .menu-bar {
        width: 35px;
        height: 26px;
        position: absolute;
        margin: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        display: block;
        right: 20px;
        top: 33px;
        z-index: 1111;
    }
    .menu-bar span {
        display: block;
        position: absolute;
        height: 3px;
        width: 50%;
        border-radius: 0;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        background: #000;
    }
    .menu-bar span:nth-child(even) {
        left: 50%;
        border-radius: 0;
        background: #000;
    }
    .menu-bar span:nth-child(odd) {
        left: 0px;
        border-radius: 0;
    }
    .menu-bar span:nth-child(1),
    .menu-bar span:nth-child(2) {
        top: 0px;
    }
    .menu-bar span:nth-child(3),
    .menu-bar span:nth-child(4) {
        top: 10px;
    }
    .menu-bar span:nth-child(5),
    .menu-bar span:nth-child(6) {
        top: 21px;
    }
    .menu-bar span:nth-child(3) {
        width: 50%;
        left: 0;
    }
    .menu-bar span:nth-child(5) {
        width: 50%;
        left: 0;
    }
    .mobile-menu .menu-bar span:nth-child(1),
    .mobile-menu .menu-bar span:nth-child(6) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        background: #000;
    }
    .mobile-menu .menu-bar span:nth-child(2),
    .mobile-menu .menu-bar span:nth-child(5) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        background: #000;
    }
    .mobile-menu .menu-bar span:nth-child(1) {
        left: 5px;
        top: 12px;
    }
    .mobile-menu .menu-bar span:nth-child(2) {
        left: calc(50% - 5px);
        top: 12px;
    }
    .mobile-menu .menu-bar span:nth-child(3) {
        left: -50%;
        opacity: 0;
    }
    .mobile-menu .menu-bar span:nth-child(4) {
        left: 100%;
        opacity: 0;
    }
    .mobile-menu .menu-bar span:nth-child(5) {
        left: 5px;
    }
    .mobile-menu .menu-bar span:nth-child(6) {
        left: calc(50% - 5px);
    }
    .mobile-menu .menu-bar span:nth-child(6),
    .mobile-menu .menu-bar span:nth-child(5) {
        top: 20px;
        width: 50%;
    }
    .mobile-menu .menu-bar {
        background: none;
        position: fixed;
    }
    .navigation {
        background: #F6F6F6;
        position: fixed;
        top: 0;
        padding-top: 0px;
        right: -150%;
        width: 100%;
        height: 100%;
        z-index: 99;
        transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        overflow-y: auto;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 92px;
        margin: 0;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    body.mobile-menu .navigation {
        display: block;
        right: 0;
    }
    .nav-manu {
        flex-wrap: wrap;
    }
    .navigation ul {
        display: block;
        width: 100%;
    }
    .navigation ul li {
        padding: 0;
        margin: 0;
        position: relative;
        font-size: 16px;
    }
    .navigation ul>li::before {
        display: none;
    }
    .navigation .menu-item-has-children>a::before {
        display: none;
    }
    .menu-item-has-children::after {
        content: "\f107";
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 48px;
        transition: 0.4s;
        font-family: FontAwesome;
        color: #000;
        padding: 0;
        z-index: 111;
        text-align: center;
        font-size: 16px;
        font-weight: 700;
        display: flex !important;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        opacity: 1;
    }
    .navigation ul li.menu-item-has-children {
        padding-right: 0;
    }
    .navigation ul li.current-menu-item>a {
        color: #000;
    }
    .navigation ul>li>a {
        display: block;
        border-top: 1px #000 solid;
        padding: 15px 20px;
        color: #000;
    }
    .home-header .nav-manu ul li a {
        color: #000;
    }
    .navigation .moblelogo {
        display: block;
        background: #fff;
        padding: 10px 15px;
    }
    .menu-item-has-children::before {
        display: none;
    }
    .navigation .moblelogo img {
        max-width: 100px;
    }
    .navigation ul>li>a::after {
        display: none;
    }
    .nav-manu ul li a:hover {
        color: #000;
        text-decoration: none;
    }
    .navigation ul li ul.sub-menu {
        display: none;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        border-top: none;
    }
    .navigation ul li ul.sub-menu.in {
        position: static;
        max-width: 100%;
        top: 0;
        left: 0;
        padding: 0;
        display: block;
        opacity: 1;
        visibility: visible;
        box-shadow: none;
    }
    .navigation ul li ul.sub-menu li {
        width: 100% !important;
        padding: 0;
        border-bottom: none;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        border-radius: 0;
        margin: 0;
        box-shadow: none;
    }
    .navigation ul li ul.sub-menu li:hover {
        background-color: inherit;
    }
    .navigation ul li ul.sub-menu li.current-menu-item {
        background-color: inherit;
    }
    .navigation ul li ul.sub-menu li.current-menu-item a {
        color: #01a4ec;
    }
    .navigation ul li ul.sub-menu li a {
        padding: 15px 15px 15px 30px;
        background: #fff;
        line-height: normal;
    }
    .navigation ul li ul.sub-menu li a:hover {
        color: #000000;
    }
    .navigation ul li ul.sub-menu ul.sub-menu {
        width: 100%;
        padding: 0;
    }
    .navigation ul li ul.sub-menu ul.sub-menu li a {
        padding-left: 40px;
    }
    nav.mobile-scroll {
        display: block;
        width: 100%;
    }
    /************ // MOBILE MENU CSS END // ***********************/
    .hero-content-info p {
        font-size: 24px;
        line-height: 35px;
    }
    .hero-content-info h1, .hero-content-info h2, .hero-content-info h3, .hero-content-info h4, .hero-content-info h5 {
        font-size: 36px;
        line-height: 40px;
    }
    .hero-fix-absolute-top {
        bottom: 46px;
    }
    .step-01-ac-info {
        padding: 40px 45px 0 0;
    }
    .step-01-ac-info p {
        margin-bottom: 20px;
    }
    .step-01-ac-info h2 {
        font-size: 28px;
    }
    .container {
        max-width: 960px;
    }
    .number-tb-hover-fix {
        top: 100px;
        left: 26px;
    }
    .number-tb-hover-fix ul li:nth-child(4) {
        left: 187px;
        top: 50px;
    }
    .number-tb-hover-fix ul li:nth-child(5) {
        left: 345px;
        top: -76px;
    }
    .number-tb-hover-fix ul li:nth-child(6) {
        left: 360px;
        top: 9px;
    }
    .arrow-right-tools {
        width: 60px;
    }
    .section-02-ac .container {
        max-width: 960px;
    }
    .concrete-systems-warp {
        row-gap: 40px;
        margin: 0 -20px;
    }
    .concrete-systems-col-4 {
        padding: 0 20px;
    }
    .section-06-ac .container {
        max-width: 960px;
    }
    .business-model-box-warp {
        margin: 0 -15px;
    }
    .business-model-col3 {
        padding: 0 15px;
    }
    .footer .container {
        max-width: 960px;
    }
}

@media (max-width:1023px) {
    .container {
        padding: 0 20px;
    }
    .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
        font-size: 28px;
    }
    .step-01-ac-info h2 {
        font-size: 24px;
    }
    .step-01-ac-flex-row:nth-child(even) .step-01-ac-info {
        padding: 0 0 0 35px;
    }
    .step-01-ac-img {
        max-width: 370px;
    }
    .number-tb-hover-fix {
        top: 73px;
        left: 19px;
    }
    .number-tb-hover-fix ul li:nth-child(2) {
        top: 20px;
    }
    .number-tb-hover-fix ul li:nth-child(3) {
        top: 45px;
    }
    .number-tb-hover-fix ul li:nth-child(4) {
        left: 137px;
        top: 20px;
    }
    .number-tb-hover-fix ul li:nth-child(5) {
        left: 257px;
        top: -85px;
    }
    .number-tb-hover-fix ul li {
        border: 4px #FF9822 solid;
    }
    .number-tb-hover-fix ul li:nth-child(6) {
        left: 260px;
        top: -21px;
    }
    .uil-wifi {
        width: 55px;
    }
    .truck-info.truck-scroll-lft {
        width: 80px;
    }
    .concrete-systems-warp {
        row-gap: 20px;
        margin: 0 -10px;
    }
    .concrete-systems-col-4 {
        padding: 0 10px;
        width: 50%;
    }
    .pt-scheme-content {
        padding: 10px 13px 10px 13px;
    }
    .pt-scheme-item-cm-lft {
        width: 158px;
    }
    .pt-scheme-item-cm-rlt {
        width: calc(100% - 158px);
    }
    .small-truck .truck-info {
        width: 60px;
    }
    .pt-scheme-ylw-content .truck-img-animate.small-truck {
        margin-right: 0;
    }
    .section.section-03-ac {
        padding-bottom: 70px;
    }
    h6 {
        font-size: 16px;
    }
    .heading h6 {
        margin-bottom: 10px;
    }
    .heading {
        margin: 0 0 28px;
    }
    .accordion-tabing-warp {
        padding: 18px 0 0;
    }
    .accordion-tabing-col-right {
        padding-left: 22px;
    }
    .section.section-04-ac {
        padding-bottom: 70px;
    }
    .section.section-05-ac {
        padding-bottom: 70px;
    }
    .layered-item p {
        font-size: 18px;
    }
    .multi-layered-row {
        padding: 20px 0 20px;
    }
    .business-model-col3 {
        width: 50%;
    }
    .business-model-box-warp {
        row-gap: 30px;
    }
    .business-item-txt {
        margin: 0 0 20px;
    }
    .footer-logo {
        margin-bottom: 23px;
        width: 100%;
    }
    .footer-left-info {
        padding-right: 60px;
    }
    .footer {
        padding: 52px 0px;
    }
    .footer-right-info h2 {
        font-size: 28px;
        line-height: 38px;
    }
}
@media (max-width:767px) {
  .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    }
    .hero-image img {
        height: 319px;
        object-fit: cover;
    }
    .hero-fix-absolute-top {
        bottom: auto;
        top: 35px;
        background: rgba(0,0,0,0.34);
        right: 3px;
        padding: 13px 0 18px;
    }
    .hero-content-info h1, .hero-content-info h2, .hero-content-info h3, .hero-content-info h4, .hero-content-info h5 {
        font-size: 22px;
        line-height: normal;
    }
    .hero-content-info p {
        font-size: 18px;
        line-height: normal;
    }
    .section-01-ac {
        padding: 36px 0 9px;
    }
    .step-01-ac-col-left {
        width: 100%;
    }
    .step-01-ac-info {
        padding: 0;
    }
    .step-01-ac-col-right {
        width: 100%;
    }
    .step-01-ac-col-left .step-01-ac-info h2{
        display: none;
    }
    .step-01-ac-col-left .step-01-ac-info.hover-class-add h2 {
        display: block;
        margin: 0 0 30px;
    }
    .step-01-ac-flex-row:nth-child(even) .step-01-ac-info {
        padding: 0;
    }
    .uil-wifi {
        margin: 0 -21px -16px;
    }
    .step-01-ac-flex-row:nth-child(even) .step-01-ac-col-right .step-01-ac-img {
        padding-bottom: 67px;
        margin: 0 auto;
    }
    .truck-img-animate {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        max-width: 80px;
    }
    .step-01-ac-flex-row:last-child {
        margin-bottom: 100px;
    }
    .arrow-right-tools {
        width: 60px;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: rotate(90deg);
        bottom: 0;
    }
    .section {
        padding: 35px 0;
    }
    .concrete-systems-col-4 {
        width: 100%;
    }
    .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 {
        font-size: 21px;
    }
    .section-03-ac .heading h1, .section-03-ac .heading h2, .section-03-ac .heading h3, .section-03-ac .heading h4, .section-03-ac .heading h5 {
        font-size: 28px;
    }

    .accordion-tabing-col-left {
        display: none;
    }
    .accordion-tabing-col-right {
        padding-left: 0;
        width: 100%;
    }
    button.accordion-button {
        background: #FF9822 !important;
        border: 1px solid #FF9822;
        border-radius: 8px 8px 0 0 !important;
        display: block;
        padding: 15px 15px;
        font-weight: 600;
        position: relative;
        color: #fff !important;
    }
    .tab-pane.accordion-item {
        margin: 0 0 15px;
    }
    .reasons-9-borad-warp {
        background: none;
        border: 1px #FF9822 solid;
        box-shadow: none;
        border-radius: 0;
    }
    button.accordion-button.collapsed {
        background: #FFFFFF !important;
        border-radius: 8px !important;
        color: #000 !important;
    }
    button.accordion-button::after {
        content: "";
        width: 11px;
        height: 11px;
        border-top: 2px #FF9822 solid;
        border-right: 2px #FF9822 solid;
        position: absolute;
        right: 20px;
        top: 19px;
        transform: rotate(135deg);
    }
    .accordion-button:not(.collapsed)::after {
        transform: rotate(-45deg);
        border-color: #fff;
        top: 23px;
    }
    .reasons-9-borad-info {
        text-align: left;
        padding: 20px;
    }
    .reasons-9-borad-info img {
        display: none;
    }
    .reasons-9-borad-info p {
        color: #000;
        font-size: 16px;
        margin: 0;
    }
    .reasons-9-borad-info h3 {
        display: none;
    }
    .reasons-9-borad-info span {
        font-size: 32px;
        font-weight: 900;
        color: #000;
        line-height: 32px;
        display: block;
        text-align: right;
        font-style: italic;
    }

    .section.section-04-ac {
        padding-bottom: 50px;
    }
    .layered-item p {
        font-size: 16px;
    }
    .business-model-col3 {
        width: 100%;
    }
    .footer-left {
        width: 100%;
    }
    .footer-right {
        width: 100%;
    }
    .footer-left-info {
        padding-right: 0;
    }
    .footer-right-info {
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 0;
        max-width: 300px;
        margin: 0 auto;
    }
    .footer-logo {
        margin-bottom: 0;
        margin-top: 30px;
        width: 100%;
    }
    .submit-group .btn {
        border: 1px solid #fff;
        line-height: normal;
        width: 100%;
        min-height: 50px;
        font-size: 18px;
    }
    .contact-form {
        margin: 0 0 79px;
    }
    .form-group.submit-group {
        text-align: center;
        margin-top: 61px;
        padding: 0 20px;
    }
    .section.section-02-ac {
        padding-top: 60px;
    }
 
    .scroll-overflow-x-hidden {
        overflow: scroll;
        position: relative;
        padding-bottom: 50px;
    }
    .scroll-overflow-x-hidden::after {
        content: "";
        background: url('../images/scroll-now-mobile.png') no-repeat;
        background-size: 100%;
        width: 130px;
        height: 43px;
        position: absolute;
        bottom: 5px;
        left: 0;
    }
    .pt-scheme-warp {
        min-width: 760px;
    }
}

@media (max-width:575px) {
    .container {
        padding: 0 15px;
    }
    .step-01-ac-col-left .step-01-ac-info.hover-class-add h2 {
        text-align: center;
    }
    .number-tb-hover-fix {
        top: 68px;
        left: 28px;
    }
    .systems-top-heading {
        padding: 21px 94px 21px 16px;
    }
    .step-01-ac-img {
        margin: 0 auto;
    }
}