.plate-style-main {
    width: 590px;
}

.mobile-head {
    display: none;
}

.bg_plate {
    height: 230px;
    overflow: hidden;
}
    
#mobuser_in {
    display: none;
}

.builder-actions{
    display: none;
}

@media only screen and (max-width: 335px) {
    .flagimgblock {
        margin-right: 0px !important;
    }
    .mobile-field {
        display: flex;
        margin-bottom: 0px !important;
    }
    
    .final-bike-output .plate-inner {
        display: block !important;
        margin-left: 0px;
    }
    .final-bike-output .flagimgblock {
        margin: 0px !important;
    }
    
    #back-look-bike .slogan {
        /*bottom: unset !important; */
    }
    
    .car-bottom {
        margin: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    
    .bg_plate {
        height: 195px;
    }
   .right_text {
        font-size: 9px;
        position: absolute;
    }
    .mobile-builder {
        display: flex;
        flex-direction: column-reverse;
    }

    #formside .label {
        color: #000;
        font-size: 14px;
        text-align: right;
        line-height: 0px !important;
        display: flex;
        align-items: center;
        width: calc((calc((100vw - 143px) / 6) * 3) + 16px) !important;
        justify-content: flex-end;
        height: 35px;
    }

    #reg-input {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    #bike_info {
        flex-wrap: wrap;
        margin-bottom: 15px !important;
    }

    #bike-tline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    #bike-bline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }
    
    .special-ins{
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    .mobile-field select {
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    .selectouter2 {
        width: auto;
        float: left;
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .mobile-field-other {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .sloganbox {
        color: #555;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    .cartbutton {
        display: block;
        width: 285px;
        margin: 0 auto 20px auto;
        border: none;
        background-color: #27b523;
        padding: 5px;
        font-size: 14px !important;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }

    .cartbutton img {
        width: 17px !important;
    }

    .col-sm-6.social-icon {
        display: flex;
    }

    .col-sm-6.pay-icon {
        display: flex;
    }

    .plate-style-main {
        width: 290px;
        margin: 15px 0px;
    }

    .btn-custom {
        padding: 0 !important;
        font-weight: bold !important;
        font-family: 'Russo One';
        height: 20px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
        color: #fff;
        background-color: #808080;
        text-transform: uppercase;
        border: 1px solid transparent;
        border-radius: unset !important;
        margin: 5px;
    }

    .plate-style label {
        font-size: 14px !important;
    }

    .choosestyle {
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 5px;
        margin-left: 5px;
    }

    .flagimgblock {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding: 0px !important;
    }

    .plate-inner .col-lg-11 {
        padding: 0px !important;
    }

    .slogan {
        position: absolute;
        bottom: -25px;
        padding: 0px 8px;
        left: 35%;
        color: #000;
        opacity: 1.1;
        text-transform: uppercase !important;
    }

    .text-3dgel {
        top: unset;
    }

    .register_page .line {
        width: 100% !important;
    }

    .register_page {
        padding: 15px;
    }


    /* Header Responsive */
    .normal-head {
        display: none;
    }

    .search-center {
        float: right;
        align-items: center;
        position: absolute;
        right: 15;
        top: 20;
    }

    .logo_text .logo {
        width: 90%;
    }

    .mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 0px 10px;
    }

    .header_nav {
        padding: 0px;
    }

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 998;
    }

    .cart_show {
        padding: 4px;
        font-size: 16px;
        color: #0084ff;
        background-color: #ebc500;
        text-align: center;
        line-height: 10px;
        font-weight: 700;
        display: block;
        position: relative;
        top: -33px;
    }

    .offcanvas1 {
        position: fixed;
        top: 0;
        right: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        transition: right 0.3s ease-in-out;
        z-index: 999;
    }

    .text_lightnav {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        line-height: normal;
    }

    .web_container {
        display: none;
    }

    .icon-bar {
        background-color: #ffffff !important;
    }

    /* Second Header */
    .text_dec {
        font-size: 11px !important;
        margin-left: 10px;
    }

    .sec-header-icon {
        font-size: 15px;
    }

    img.truck-img {
        width: 22%;
    }

    /* Sidebar */
    .offcanvas {
        position: fixed;
        top: 0;
        left: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        /* background-color: #232f3e; */
        z-index: 1000;
        overflow-x: hidden;
        transition: left 0.3s ease-in-out;
    }

    .offcanvas.show {
        left: 0;
    }

    .sign_user {
        position: absolute;
        top: 15px;
        right: 50px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .close-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .text_light {
        font-weight: 700;
        font-size: 20px;
        line-height: 10px;
        color: #ffffff;
    }
}

@media only screen and (min-width: 336px) and (max-width: 375px) {
    .mobile-field {
        display: flex;
        margin-bottom: 0px !important;
    }
    .flagimgblock {
        margin-right: 0px !important;
    }
    
    .final-bike-output .flagimgblock {
        margin: 0px !important;
    }
    
    .final-bike-output .plate-inner {
        display: block !important;
        margin-left: 0px;
    }
    #back-look-bike .slogan {
        /*bottom: unset !important; */
    }
    .bg_plate {
        height: 230px;
    }
    
    .car-bottom {
        margin: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }

    .mobile-builder {
        display: flex;
        flex-direction: column-reverse;
    }

    #formside .label {
        color: #000;
        font-size: 14px;
        text-align: right;
        line-height: 0px !important;
        display: flex;
        align-items: center;
        width: calc((calc((100vw - 143px) / 6) * 3) + 16px) !important;
        justify-content: flex-end;
        height: 35px;
    }

    #reg-input {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
    }

    #bike_info {
        flex-wrap: wrap;
        margin-bottom: 15px !important;
    }

    #bike-tline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    #bike-bline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }
    
    .special-ins{
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    .mobile-field select {
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    .selectouter2 {
        width: auto;
        float: left;
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .mobile-field-other {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .sloganbox {
        color: #555;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
    }

    .cartbutton {
        display: block;
        width: 323px;
        margin: 0 auto 20px auto;
        border: none;
        background-color: #27b523;
        padding: 10px;
        font-size: 14px !important;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }

    .cartbutton img {
        width: 17px !important;
    }

    .col-sm-6.social-icon {
        display: flex;
    }

    .col-sm-6.pay-icon {
        display: flex;
    }

    .plate-style-main {
        width: 323px;
        margin: 15px;
    }

    .btn-custom {
        padding: 5 !important;
        font-weight: bold !important;
        font-family: 'Russo One';
        height: 27px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
        color: #fff;
        background-color: #808080;
        text-transform: uppercase;
        border: 1px solid transparent;
        border-radius: unset !important;
        margin: 5px;
    }

    .plate-style label {
        font-size: 14px !important;
    }

    .choosestyle {
        margin-top: 5px;
        font-size: 14px;
        margin-bottom: 5px;
        margin-left: 5px;
    }


    .flagimgblock {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding: 0px !important;
    }

    .plate-inner .col-lg-11 {
        padding: 0px !important;
    }

    .slogan {
        position: absolute;
        bottom: -25px;
        padding: 0px 8px;
        left: calc((calc((125vw) / 4)));
        color: #000;
        opacity: 1.1;
        text-transform: uppercase !important;
    }

    .right_text {
        /*bottom: calc((calc((-12vw) / 2)));*/
    }

    #back-look-bike .slogan {
        left: calc((calc((100vw) / 10)));
    }

    .text-3dgel {
        top: unset;
    }

    .register_page .line {
        width: 100% !important;
    }

    .register_page {
        padding: 15px;
    }


    /* Header Responsive */
    .normal-head {
        display: none;
    }

    .search-center {
        float: right;
        align-items: center;
        position: absolute;
        right: 15;
        top: 20;
    }

    .logo_text .logo {
        width: 90%;
    }

    .mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 0px 10px;
    }

    .header_nav {
        padding: 0px;
    }

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 998;
    }

    .cart_show {
        padding: 4px;
        font-size: 16px;
        color: #0084ff;
        background-color: #ebc500;
        text-align: center;
        line-height: 10px;
        font-weight: 700;
        display: block;
        position: relative;
        top: -33px;
    }

    .offcanvas1 {
        position: fixed;
        top: 0;
        right: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        transition: right 0.3s ease-in-out;
        z-index: 999;
    }

    .text_lightnav {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        line-height: normal;
    }

    .web_container {
        display: none;
    }

    .icon-bar {
        background-color: #ffffff !important;
    }

    /* Second Header */
    .text_dec {
        font-size: 11px !important;
        margin-left: 10px;
    }

    .sec-header-icon {
        font-size: 15px;
    }

    img.truck-img {
        width: 22%;
    }

    /* Sidebar */
    .offcanvas {
        position: fixed;
        top: 0;
        left: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        /* background-color: #232f3e; */
        z-index: 1000;
        overflow-x: hidden;
        transition: left 0.3s ease-in-out;
    }

    .offcanvas.show {
        left: 0;
    }

    .sign_user {
        position: absolute;
        top: 15px;
        right: 50px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .close-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .text_light {
        font-weight: 700;
        font-size: 20px;
        line-height: 10px;
        color: #ffffff;
    }
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
    .right_text {
        /*bottom: calc((calc((-11vw) / 2)));*/
        right: 3%;
    }
    .flagimgblock {
        margin-right: 0px !important;
    }
    .final-bike-output .flagimgblock {
        margin: 0px !important;
    }
    
    .final-bike-output .plate-inner {
        display: block !important;
        margin-left: 0px;
    }
    #back-look-bike .slogan {
        /*bottom: unset !important; */
    }
    
    .car-bottom {
        margin: 0px !important;
        padding: 0px 0px 0px 2px !important;
    }
    
    .bg_plate {
        height: 230px;
    }

    .mobile-field {
        display: flex;
        margin-bottom: 0px !important;
    }
    
    .flagimgblock {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding: 0px !important;
    }

    .mobile-builder {
        display: flex;
        flex-direction: column-reverse;
    }

    #formside .label {
        color: #000;
        font-size: 14px;
        text-align: right;
        line-height: 0px !important;
        display: flex;
        align-items: center;
        width: calc((calc((100vw - 233px) / 6) * 3) + 16px) !important;
        justify-content: flex-end;
        height: 35px;
    }

    #reg-input {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    #bike_info {
        flex-wrap: wrap;
        margin-bottom: 15px !important;
    }

    #bike-tline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    #bike-bline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }
    
    .special-ins{
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    .mobile-field select {
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    .selectouter2 {
        width: auto;
        float: left;
        margin-bottom: 15px;
        margin-right: 15px;
    }

    .mobile-field-other {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .sloganbox {
        color: #555;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    .cartbutton {
        display: block;
        width: 370px;
        margin: 0 auto 20px auto;
        border: none;
        background-color: #27b523;
        padding: 10px;
        font-size: 14px !important;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }

    .cartbutton img {
        width: 17px !important;
    }

    .col-sm-6.social-icon {
        display: flex;
    }

    .col-sm-6.pay-icon {
        display: flex;
    }

    .plate-style-main {
        width: 370px;
        margin: 15px;
        display: flex;
        flex-direction: column;
    }

    .btn-custom {
        padding: 5 !important;
        font-weight: bold !important;
        font-family: 'Russo One';
        height: 27px;
        width: calc((calc((100vw - -16px) / 6) * 3) + 16px) !important;
        color: #fff;
        background-color: #808080;
        text-transform: uppercase;
        border: 1px solid transparent;
        border-radius: unset !important;
        margin: 5px;
    }

    .plate-style label {
        font-size: 14px !important;
    }

    .choosestyle {
        margin-top: 5px;
        font-size: 16px;
        margin-bottom: 5px;
        margin-left: 5px;
    }

    .register_page .line {
        width: 100% !important;
    }

    .register_page {
        padding: 15px;
    }


    /* Header Responsive */
    .normal-head {
        display: none;
    }

    .search-center {
        float: right;
        align-items: center;
        position: absolute;
        right: 15;
        top: 20;
    }

    .logo_text .logo {
        width: 90%;
    }

    .mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 0px 10px;
    }

    .header_nav {
        padding: 0px;
    }

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 998;
    }

    .cart_show {
        padding: 4px;
        font-size: 16px;
        color: #0084ff;
        background-color: #ebc500;
        text-align: center;
        line-height: 10px;
        font-weight: 700;
        display: block;
        position: relative;
        top: -33px;
    }

    .offcanvas1 {
        position: fixed;
        top: 0;
        right: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        transition: right 0.3s ease-in-out;
        z-index: 999;
    }

    .text_lightnav {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        line-height: normal;
    }

    .web_container {
        display: none;
    }

    .icon-bar {
        background-color: #ffffff !important;
    }

    /* Second Header */
    .text_dec {
        font-size: 11px !important;
        margin-left: 10px;
    }

    .sec-header-icon {
        font-size: 15px;
    }

    img.truck-img {
        width: 22%;
    }

    /* Sidebar */
    .offcanvas {
        position: fixed;
        top: 0;
        left: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        /* background-color: #232f3e; */
        z-index: 1000;
        overflow-x: hidden;
        transition: left 0.3s ease-in-out;
    }

    .offcanvas.show {
        left: 0;
    }

    .sign_user {
        position: absolute;
        top: 15px;
        right: 50px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .close-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .text_light {
        font-weight: 700;
        font-size: 20px;
        line-height: 10px;
        color: #ffffff;
    }
}

@media only screen and (min-width: 680px) and (max-width: 800px) {
    #formside .label {
        width: calc((calc((100vw - 140px) / 4) * 1) + 16px) !important;
    }
}

@media only screen and (min-width: 426px) and (max-width: 680px) {
    #formside .label {
        color: #000;
        font-size: 21px;
        text-align: right;
        line-height: 0px !important;
        display: flex;
        align-items: center;
        width: calc((calc((100vw - 400px) / 6) * 3) + 16px) !important;
        justify-content: flex-end;
        height: 50px;
    }
    
    .car-bottom {
        margin: 0px !important;
        padding: 0px 0px 0px 5px !important;
    }
    
    .flagimgblock {
        margin-right: 0px !important;
        margin-left: 0px !important;
        padding: 0px !important;
    }
    
    .bg_plate {
        height: 230px;
    }

    .right_text {
        /*bottom: calc((calc((-10vw) / 2)));*/
        right: 3%;
    }

    .slogan {
        bottom: -25px;
        left: calc((calc((125vw) / 4)));
    }
}

@media only screen and (min-width: 426px) and (max-width: 767px) {
    .mobile-field {
        display: flex;
        margin-bottom: 0px !important;
    }

    .mobile-builder {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .bg_plate {
        height: 230px;
    }

    #reg-input {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 22px !important;
        height: 50px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    #bike_info {
        flex-wrap: wrap;
        margin-bottom: 15px !important;
    }

    #bike-tline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    #bike-bline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }
    
    .special-ins{
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    .mobile-field select {
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
        height: 50px;
        font-size: 20px;
    }

    .selectouter2 {
        width: auto;
        float: left;
        margin-bottom: 15px;
        margin-right: 105px;
    }

    .mobile-field-other {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .sloganbox {
        color: #555;
        font-weight: bold;
        font-size: 22px !important;
        height: 50px !important;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((100vw - -109px) / 6) * 3) + 16px) !important;
    }

    .col-sm-6.social-icon {
        display: flex;
    }

    .col-sm-6.pay-icon {
        display: flex;
    }

    .final-look {
        margin: 34px 76px;
        width: 620px !important;
    }

    .cartbutton {
        /* margin-left: 10%; */
        width: 100%;
    }

    .plate-style-main {
        width: 100%;
        position: relative;
        /* margin-left: 10%; */
    }

    .register_page .line {
        width: 100% !important;
    }

    .register_page {
        padding: 15px;
    }


    /* Header Responsive */
    .normal-head {
        display: none;
    }

    .search-center {
        float: right;
        align-items: center;
        position: absolute;
        right: 15;
        top: 20;
    }

    .logo_text .logo {
        width: 90%;
    }

    .mobile-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 10px 0px 10px;
    }

    .header_nav {
        padding: 0px;
    }

    .overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 998;
    }

    .cart_show {
        padding: 4px;
        font-size: 16px;
        color: #0084ff;
        background-color: #ebc500;
        text-align: center;
        line-height: 10px;
        font-weight: 700;
        display: block;
        position: relative;
        top: -33px;
    }

    .offcanvas1 {
        position: fixed;
        top: 0;
        right: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        transition: right 0.3s ease-in-out;
        z-index: 999;
    }

    .text_lightnav {
        font-size: 16px;
        color: #000;
        font-weight: 700;
        line-height: normal;
    }

    .web_container {
        display: none;
    }

    .icon-bar {
        background-color: #ffffff !important;
    }

    /* Second Header */
    .text_dec {
        font-size: 11px !important;
        margin-left: 10px;
    }

    .sec-header-icon {
        font-size: 15px;
    }

    img.truck-img {
        width: 22%;
    }

    /* Sidebar */
    .offcanvas {
        position: fixed;
        top: 0;
        left: -80%;
        width: 80%;
        height: 100%;
        background-color: #fff;
        /* background-color: #232f3e; */
        z-index: 1000;
        overflow-x: hidden;
        transition: left 0.3s ease-in-out;
    }

    .offcanvas.show {
        left: 0;
    }

    .sign_user {
        position: absolute;
        top: 15px;
        right: 50px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .close-icon {
        position: absolute;
        top: 10px;
        right: 10px;
        border: none;
        background: none;
        font-size: 24px;
        color: #ffffff;
    }

    .text_light {
        font-weight: 700;
        font-size: 20px;
        line-height: 10px;
        color: #ffffff;
    }

    .plate-style label {
        font-size: 18px !important;
    }

    .btn-custom {
        padding: 8px !important;
        height: 40px;
        margin: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .main-header {
        display: none;
    }
}

@media only screen and (min-width: 375px) and (max-width: 410px) {
    #formside .label {
        color: #000;
        font-size: 14px;
        text-align: right;
        line-height: 0px !important;
        display: flex;
        align-items: center;
        width: calc((calc((115vw - 233px) / 6) * 3) + 16px) !important;
        justify-content: flex-end;
        height: 35px;
    }

    #reg-input {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((85vw - -109px) / 6) * 3) + 16px) !important;
    }

    #bike-tline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 15px;
        width: calc((calc((85vw - -109px) / 6) * 3) + 16px) !important;
    }

    #bike-bline {
        border: 2px solid #27b523;
        color: #27b523;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((85vw - -109px) / 6) * 3) + 16px) !important;
    }
    
    .special-ins{
        width: calc((calc((85vw - -109px) / 6) * 3) + 16px) !important;
    }

    .mobile-field select {
        width: calc((calc((85vw - -109px) / 6) * 3) + 16px) !important;
    }
    
    .sloganbox {
        color: #555;
        font-weight: bold;
        font-size: 14px !important;
        height: 35px;
        text-transform: uppercase;
        margin-bottom: 0px;
        width: calc((calc((85vw - -109px) / 6) * 3) + 16px) !important;
    }
}

/*new builder option*/
@media only screen and (max-width: 768px){
    .builder-actions {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #fdfdfd;
        z-index: 9999;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    body .builder-actions {
        font-weight: 300;
        padding: 20px !important;
    }
    
    .price {
        font-size: 16px;
    }
    
    strong.slash-price {
        padding-left: 5px;
        font-size: 16px;
        color: red;
        text-decoration: line-through;
    }
    
    #add-to-basket {
        display: block;
        border: none;
        background-color: #27b523;
        padding: 10px;
        font-size: 14px !important;
        font-weight: bold;
        cursor: pointer;
        text-align: center;
        color: #fff;
        border-radius: 5px;
    }
}