@media only screen and (min-device-width: 320px) and (max-device-width: 414px) {

    /*---portableBlaster starts section-----  */
    #head #banner3 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner3 #text {
        padding-bottom: 2em;
    }

    #head #banner3 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner3 #text p {
        font-size: 1rem;
    }

    #portableBlaster .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #portableBlaster .row {
        padding: 2px 5px;
    }

    #portableBlaster .text-box {
        text-align: left;
        padding: 1em;
    }

    #portableBlaster .text-box h2 {
        font-size: 1.2rem;
    }

    #portableBlaster .text-box h4 {
        font-size: 1rem;
    }

    #portableBlaster .text-box p {
        font-size: 0.8rem;
    }

    #portableBlaster .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #portableBlaster #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----portableBlaster ends section-------*/

    /*---cabinetSBM starts section-----  */
    #head #banner4 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner4 #text {
        padding-bottom: 2em;
    }

    #head #banner4 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner4 #text p {
        font-size: 1rem;
    }

    #cabinetSBM .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #cabinetSBM .row {
        padding: 2px 5px;
    }

    #cabinetSBM .text-box {
        text-align: left;
        padding: 1em;
    }

    #cabinetSBM .text-box h2 {
        font-size: 1.2rem;
    }

    #cabinetSBM .text-box h4 {
        font-size: 1rem;
    }

    #cabinetSBM .text-box p {
        font-size: 0.8rem;
    }

    #cabinetSBM .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #cabinetSBM #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    #productDisplay #banner {
        padding: 2px;
    }

    #productDisplay #banner .head {
        font-size: 1.2rem;
        color: var(--font2);
    }

    #productDisplay #productCarousel {
        padding: 0.4em 0.4em;
        max-width: auto;

    }

    #productDisplay #productCarousel .item {

        margin: 2px;
        border: 1px solid #ccc;
        float: left;
        max-width: 14em;
        min-height: 14em;
        border-radius: 4px;

    }

    #productDisplay #productCarousel .item img {
        width: 100%;
        height: 10em;
        border-radius: 4px;
    }

    #productDisplay #productCarousel .text {
        padding: 1em;
        text-align: center;
    }

    #productDisplay #productCarousel .text h4 {
        font-size: 0.8rem;
    }

    /*-----cabinetSBM ends section-------*/

    /*---SBCabinet starts section-----  */
    #head #banner5 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner5 #text {
        padding-bottom: 2em;
    }

    #head #banner5 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner5 #text p {
        font-size: 1rem;
    }

    #sbCabinet .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #sbCabinet .row {
        padding: 2px 5px;
    }

    #sbCabinet .text-box {
        text-align: left;
        padding: 1em;
    }

    #sbCabinet .text-box h2 {
        font-size: 1.2rem;
    }

    #sbCabinet .text-box h4 {
        font-size: 1rem;
    }

    #sbCabinet .text-box p {
        font-size: 0.8rem;
    }

    #sbCabinet .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #sbCabinet #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----SBCabinet ends section-------*/

    /*---PBCabinet starts section-----  */
    #head #banner6 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner6 #text {
        padding-bottom: 2em;
    }

    #head #banner6 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner6 #text p {
        font-size: 1rem;
    }

    #pbCabinet .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #pbCabinet .row {
        padding: 2px 5px;
    }

    #pbCabinet .text-box {
        text-align: left;
        padding: 1em;
    }

    #pbCabinet .text-box h2 {
        font-size: 1.2rem;
    }

    #pbCabinet .text-box h4 {
        font-size: 1rem;
    }

    #pbCabinet .text-box p {
        font-size: 0.8rem;
    }

    #pbCabinet .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #pbCabinet #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----PBCabinet ends section-------*/

    /*---WBCabinet starts section-----  */
    #head #banner7 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner7 #text {
        padding-bottom: 2em;
    }

    #head #banner7 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner7 #text p {
        font-size: 1rem;
    }

    #wbCabinet .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #wbCabinet .row {
        padding: 2px 5px;
    }

    #wbCabinet .text-box {
        text-align: left;
        padding: 1em;
    }

    #wbCabinet .text-box h2 {
        font-size: 1.2rem;
    }

    #wbCabinet .text-box h4 {
        font-size: 1rem;
    }

    #wbCabinet .text-box p {
        font-size: 0.8rem;
    }

    #wbCabinet .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #wbCabinet #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----WBCabinet ends section-------*/

    /*---dustCollector starts section-----  */
    #head #banner8 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner8 #text {
        padding-bottom: 2em;
    }

    #head #banner8 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner8 #text p {
        font-size: 1rem;
    }

    #dustCollector .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #dustCollector .row {
        padding: 2px 5px;
    }

    #dustCollector .text-box {
        text-align: left;
        padding: 1em;
    }

    #dustCollector .text-box h2 {
        font-size: 1.2rem;
    }

    #dustCollector .text-box h4 {
        font-size: 1rem;
    }

    #dustCollector .text-box p {
        font-size: 0.8rem;
    }

    #dustCollector .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #dustCollector #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----dustCollector ends section-------*/

    /*---cdCollector starts section-----  */
    #head #banner9 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner9 #text {
        padding-bottom: 2em;
    }

    #head #banner9 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner9 #text p {
        font-size: 1rem;
    }

    #cdCollector .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #cdCollector .row {
        padding: 2px 5px;
    }

    #cdCollector .text-box {
        text-align: left;
        padding: 1em;
    }

    #cdCollector .text-box h2 {
        font-size: 1.2rem;
    }

    #cdCollector .text-box h4 {
        font-size: 1rem;
    }

    #cdCollector .text-box p {
        font-size: 0.8rem;
    }

    #cdCollector .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #cdCollector #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----cdCollector ends section-------*/

    /*---pjdCollector starts section-----  */
    #head #banner10 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner10 #text {
        padding-bottom: 2em;
    }

    #head #banner10 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner10 #text p {
        font-size: 1rem;
    }

    #pjdCollector .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #pjdCollector .row {
        padding: 2px 5px;
    }

    #pjdCollector .text-box {
        text-align: left;
        padding: 1em;
    }

    #pjdCollector .text-box h2 {
        font-size: 1.2rem;
    }

    #pjdCollector .text-box h4 {
        font-size: 1rem;
    }

    #pjdCollector .text-box p {
        font-size: 0.8rem;
    }

    #pjdCollector .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #pjdCollector #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----pjdCollector ends section-------*/

       /*---cabinetSBM starts section-----  */
       #head #banner17 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner17 #text {
        padding-bottom: 2em;
    }

    #head #banner17 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner17 #text p {
        font-size: 1rem;
    }

    #paintSB .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #paintSB .row {
        padding: 2px 5px;
    }

    #paintSB .text-box {
        text-align: left;
        padding: 1em;
    }

    #paintSB .text-box h2 {
        font-size: 1.2rem;
    }

    #paintSB .text-box h4 {
        font-size: 1rem;
    }

    #paintSB .text-box p {
        font-size: 0.8rem;
    }

    #paintSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #paintSB #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    #productDisplay #banner {
        padding: 2px;
    }

    #productDisplay #banner .head {
        font-size: 1.2rem;
        color: var(--font2);
    }

    #productDisplay #productCarousel {
        padding: 0.4em 0.4em;
        max-width: auto;

    }

    #productDisplay #productCarousel .item {

        margin: 2px;
        border: 1px solid #ccc;
        float: left;
        max-width: 14em;
        min-height: 14em;
        border-radius: 4px;

    }

    #productDisplay #productCarousel .item img {
        width: 100%;
        height: 10em;
        border-radius: 4px;
    }

    #productDisplay #productCarousel .text {
        padding: 1em;
        text-align: center;
    }

    #productDisplay #productCarousel .text h4 {
        font-size: 0.8rem;
    }

    /*-----paintSB ends section-------*/

    /*---downDraftPSB starts section-----  */
    #head #banner11 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner11 #text {
        padding-bottom: 2em;
    }

    #head #banner11 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner11 #text p {
        font-size: 1rem;
    }

    #downDraftPSB .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #downDraftPSB .row {
        padding: 2px 5px;
    }

    #downDraftPSB .text-box {
        text-align: left;
        padding: 1em;
    }

    #downDraftPSB .text-box h2 {
        font-size: 1.2rem;
    }

    #downDraftPSB .text-box h4 {
        font-size: 1rem;
    }

    #downDraftPSB .text-box p {
        font-size: 0.8rem;
    }

    #downDraftPSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #downDraftPSB #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----downDraftPSB ends section-------*/

    /*---semiDownPSB starts section-----  */
    #head #banner12 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner12 #text {
        padding-bottom: 2em;
    }

    #head #banner12 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner12 #text p {
        font-size: 1rem;
    }

    #semiDownPSB .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #semiDownPSB .row {
        padding: 2px 5px;
    }

    #semiDownPSB .text-box {
        text-align: left;
        padding: 1em;
    }

    #semiDownPSB .text-box h2 {
        font-size: 1.2rem;
    }

    #semiDownPSB .text-box h4 {
        font-size: 1rem;
    }

    #semiDownPSB .text-box p {
        font-size: 0.8rem;
    }

    #semiDownPSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #semiDownPSB #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----semiDownPSB ends section-------*/

    /*---endDraftPSB starts section-----  */
    #head #banner13 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner13 #text {
        padding-bottom: 2em;
    }

    #head #banner13 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner13 #text p {
        font-size: 1rem;
    }

    #endDraftPSB .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #endDraftPSB .row {
        padding: 2px 5px;
    }

    #endDraftPSB .text-box {
        text-align: left;
        padding: 1em;
    }

    #endDraftPSB .text-box h2 {
        font-size: 1.2rem;
    }

    #endDraftPSB .text-box h4 {
        font-size: 1rem;
    }

    #endDraftPSB .text-box p {
        font-size: 0.8rem;
    }

    #endDraftPSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #endDraftPSB #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----endDraftPSB ends section-------*/

    /*---blastRoomEnclosure starts section-----  */
    #head #banner14 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner14 #text {
        padding-bottom: 2em;
    }

    #head #banner14 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner14 #text p {
        font-size: 1rem;
    }

    #blastRoomEnclosure .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #blastRoomEnclosure .row {
        padding: 2px 5px;
    }

    #blastRoomEnclosure .text-box {
        text-align: left;
        padding: 1em;
    }

    #blastRoomEnclosure .text-box h2 {
        font-size: 1.2rem;
    }

    #blastRoomEnclosure .text-box h4 {
        font-size: 1rem;
    }

    #blastRoomEnclosure .text-box p {
        font-size: 0.8rem;
    }

    #blastRoomEnclosure .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #blastRoomEnclosure #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    /*-----blastRoomEnclosure ends section-------*/

    /*---spareParts starts section-----  */
    #head #banner15 {
        /* width: 100vw; */
        min-height: 50vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 5em;
    }

    #head #banner15 #text {
        padding-bottom: 2em;
    }

    #head #banner15 #text h1 {
        font-size: 1.2rem;
    }

    #head #banner15 #text p {
        font-size: 1rem;
    }

    #spareParts .border-box {

        height: 40vh;
        width: 90vw;
        /* border: 1px solid black; */
        padding: 0.5em;
        position: relative;
        overflow: hidden
    }

    #spareParts .row {
        padding: 2px 5px;
    }

    #spareParts .text-box {
        text-align: left;
        padding: 1em;
    }

    #spareParts .text-box h2 {
        font-size: 1.2rem;
    }

    #spareParts .text-box h4 {
        font-size: 1rem;
    }

    #spareParts .text-box p {
        font-size: 0.8rem;
    }

    #spareParts .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #spareParts #charts h1 {
        font-size: 1.2rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }

    #spareParts {
        /* background-color: var(--bg3); */
        padding: 2em 0;
    }

    #spareParts .head {
        font-size: 1.2rem;
        color: var(--font2);
        text-align: center;
        /* padding: 1em 3em; */
        /* margin: 0 1em; */
        padding-top: 0.5em;
        padding-bottom: 0.5em;
    }

    #spareParts .parts {
        max-width: 40%;
        text-align: center;
        background-color: var(--bg1);
        /* margin: 0.2em 0.2em; */
        border-radius: 0.5em;

    }

    #spareParts .parts #image {
        margin-top: 2em;
    }

    #spareParts .parts img {
        width: 10em;
        height: auto;
    }

    #spareParts .parts .img {
        width: 100%;
        max-width: 6em;
        height: 4em;
        display: block;
        margin: auto;
        /* border: 2px solid var(--bg3); */
        border-radius: 5px;
    }

    #spareParts .parts .text {
        padding: 0.2em 0.2em;
        text-align: center;
    }

    #spareParts .parts .text h2 {
        font-size: 0.8rem;
        /* padding: 1em 0; */
    }

    #spareParts .parts .text p {
        padding: 1em 0;
        font-size: 0.8rem;
        color: var(--font9);
    }

    /*-----spareParts ends section-------*/
}

;


@media only screen and (min-device-width: 568px) and (max-device-width: 812px) {



    /*---portableBlaster section-----  */
    #head #banner3 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner3 #text {
        padding-bottom: 1em;
    }

    #head #banner3 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner3 #text p {
        font-size: 1.2rem;
    }

    #portableBlaster .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #portableBlaster .row {
        padding: 2px 5px;
    }

    #portableBlaster .text-box {
        text-align: left;
        padding: 1rem;
    }

    #portableBlaster .text-box h2 {
        font-size: 1.2rem;
    }

    #portableBlaster .text-box h4 {
        font-size: 1rem;
    }

    #portableBlaster .text-box p {
        font-size: 0.8rem;
    }

    #portableBlaster .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #portableBlaster #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --poratableBlaster section ---*/

    /*---cabinetSBM section-----  */
    #head #banner4 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner4 #text {
        padding-bottom: 1em;
    }

    #head #banner4 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner4 #text p {
        font-size: 1.2rem;
    }

    #cabinetSBM .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #cabinetSBM .row {
        padding: 2px 5px;
    }

    #cabinetSBM .text-box {
        text-align: left;
        padding: 1rem;
    }

    #cabinetSBM .text-box h2 {
        font-size: 1.2rem;
    }

    #cabinetSBM .text-box h4 {
        font-size: 1rem;
    }

    #cabinetSBM .text-box p {
        font-size: 0.8rem;
    }

    #cabinetSBM .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #cabinetSBM #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --CabinetSBM section ---*/

    /*--SBCabinet section-----  */
    #head #banner5 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner5 #text {
        padding-bottom: 1em;
    }

    #head #banner5 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner5 #text p {
        font-size: 1.2rem;
    }

    #sbCabinet .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #sbCabinet .row {
        padding: 2px 5px;
    }

    #sbCabinet .text-box {
        text-align: left;
        padding: 1rem;
    }

    #sbCabinet .text-box h2 {
        font-size: 1.2rem;
    }

    #sbCabinet .text-box h4 {
        font-size: 1rem;
    }

    #sbCabinet .text-box p {
        font-size: 0.8rem;
    }

    #sbCabinet .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #sbCabinet #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --SBCabinet section ---*/

    /*---PBCabinet section-----  */
    #head #banner6 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner6 #text {
        padding-bottom: 1em;
    }

    #head #banner6 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner6 #text p {
        font-size: 1.2rem;
    }

    #pbCabinet .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #pbCabinet .row {
        padding: 2px 5px;
    }

    #pbCabinet .text-box {
        text-align: left;
        padding: 1rem;
    }

    #pbCabinet .text-box h2 {
        font-size: 1.2rem;
    }

    #pbCabinet .text-box h4 {
        font-size: 1rem;
    }

    #pbCabinet .text-box p {
        font-size: 0.8rem;
    }

    #pbCabinet .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #pbCabinet #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --PBCabinet section ---*/

    /*---WBCabinet section-----  */
    #head #banner7 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner7 #text {
        padding-bottom: 1em;
    }

    #head #banner7 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner7 #text p {
        font-size: 1.2rem;
    }

    #wbCabinet .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #wbCabinet .row {
        padding: 2px 5px;
    }

    #wbCabinet .text-box {
        text-align: left;
        padding: 1rem;
    }

    #wbCabinet .text-box h2 {
        font-size: 1.2rem;
    }

    #wbCabinet .text-box h4 {
        font-size: 1rem;
    }

    #wbCabinet .text-box p {
        font-size: 0.8rem;
    }

    #wbCabinet .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #wbCabinet #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --WBCabinet section ---*/

    /*---DustCollector section-----  */
    #head #banner8 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner8 #text {
        padding-bottom: 1em;
    }

    #head #banner8 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner8 #text p {
        font-size: 1.2rem;
    }

    #dustCollector .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #dustCollector .row {
        padding: 2px 5px;
    }

    #dustCollector .text-box {
        text-align: left;
        padding: 1rem;
    }

    #dustCollector .text-box h2 {
        font-size: 1.2rem;
    }

    #dustCollector .text-box h4 {
        font-size: 1rem;
    }

    #dustCollector .text-box p {
        font-size: 0.8rem;
    }

    #dustCollector .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #dustCollector #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --DustCollector section ---*/

    /*---cdCollector section-----  */
    #head #banner9 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner9 #text {
        padding-bottom: 1em;
    }

    #head #banner9 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner9 #text p {
        font-size: 1.2rem;
    }

    #cdCollector .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #cdCollector .row {
        padding: 2px 5px;
    }

    #cdCollector .text-box {
        text-align: left;
        padding: 1rem;
    }

    #cdCollector .text-box h2 {
        font-size: 1.2rem;
    }

    #cdCollector .text-box h4 {
        font-size: 1rem;
    }

    #cdCollector .text-box p {
        font-size: 0.8rem;
    }

    #cdCollector .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #cdCollector #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --cdCollector section ---*/

    /*---pjdCollector section-----  */
    #head #banner10 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner10 #text {
        padding-bottom: 1em;
    }

    #head #banner10 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner10 #text p {
        font-size: 1.2rem;
    }

    #pjdCollector .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #pjdCollector .row {
        padding: 2px 5px;
    }

    #pjdCollector .text-box {
        text-align: left;
        padding: 1rem;
    }

    #pjdCollector .text-box h2 {
        font-size: 1.2rem;
    }

    #pjdCollector .text-box h4 {
        font-size: 1rem;
    }

    #pjdCollector .text-box p {
        font-size: 0.8rem;
    }

    #pjdCollector .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #pjdCollector #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --pjdCollector section ---*/

        /*---paintSB section-----  */
        #head #banner17 {
            /* width: 100vw; */
            min-height: 60vh;
            background-image: url('assets/img/banner_image_mb.png');
            /* background-image:linear-gradient(black,black); */
            background-repeat: no-repeat;
            background-position: center top;
            background-size: cover;
            background-color: transparent;
            /* background-attachment: fixed; */
            padding-top: 6em;
        }
    
        #head #banner17 #text {
            padding-bottom: 1em;
        }
    
        #head #banner17 #text h1 {
            font-size: 1.8rem;
        }
    
        #head #banner17 #text p {
            font-size: 1.2rem;
        }
    
        #paintSB .border-box {
    
            height: 60vh;
            width: 40vw;
            /* border: 1px solid black; */
            padding: 0.5rem;
            position: relative;
            overflow: hidden
        }
    
        #paintSB .row {
            padding: 2px 5px;
        }
    
        #paintSB .text-box {
            text-align: left;
            padding: 1rem;
        }
    
        #paintSB .text-box h2 {
            font-size: 1.2rem;
        }
    
        #paintSB .text-box h4 {
            font-size: 1rem;
        }
    
        #paintSB .text-box p {
            font-size: 0.8rem;
        }
    
        #paintSB .text-box ul {
            font-size: 0.8rem;
        }
    
        ::marker {
            color: var(--font4);
            font-weight: bold;
            font-size: 1rem;
        }
    
        #paintSB #charts h1 {
            font-size: 1.4rem;
        }
    
        #charts #table2 {
            display: block;
        }
    
        #charts #table3 {
            display: none;
        }
    
    
        /* --paintSB section ---*/

    /*---DownDraftPSB section-----  */
    #head #banner11 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner11 #text {
        padding-bottom: 1em;
    }

    #head #banner11 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner11 #text p {
        font-size: 1.2rem;
    }

    #downDraftPSB .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #downDraftPSB .row {
        padding: 2px 5px;
    }

    #downDraftPSB .text-box {
        text-align: left;
        padding: 1rem;
    }

    #downDraftPSB .text-box h2 {
        font-size: 1.2rem;
    }

    #downDraftPSB .text-box h4 {
        font-size: 1rem;
    }

    #downDraftPSB .text-box p {
        font-size: 0.8rem;
    }

    #downDraftPSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #downDraftPSB #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --DownDraftPSB section ---*/

    /*---SemiDownPSB section-----  */
    #head #banner12 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner12 #text {
        padding-bottom: 1em;
    }

    #head #banner12 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner12 #text p {
        font-size: 1.2rem;
    }

    #semiDownPSB .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #semiDownPSB .row {
        padding: 2px 5px;
    }

    #semiDownPSB .text-box {
        text-align: left;
        padding: 1rem;
    }

    #semiDownPSB .text-box h2 {
        font-size: 1.2rem;
    }

    #semiDownPSB .text-box h4 {
        font-size: 1rem;
    }

    #semiDownPSB .text-box p {
        font-size: 0.8rem;
    }

    #semiDownPSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #semiDownPSB #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --SemiDownPSB section ---*/

    /*---EndDraftPSB section-----  */
    #head #banner13 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner13 #text {
        padding-bottom: 1em;
    }

    #head #banner13 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner13 #text p {
        font-size: 1.2rem;
    }

    #endDraftPSB .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #endDraftPSB .row {
        padding: 2px 5px;
    }

    #endDraftPSB .text-box {
        text-align: left;
        padding: 1rem;
    }

    #endDraftPSB .text-box h2 {
        font-size: 1.2rem;
    }

    #endDraftPSB .text-box h4 {
        font-size: 1rem;
    }

    #endDraftPSB .text-box p {
        font-size: 0.8rem;
    }

    #endDraftPSB .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #endDraftPSB #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --EndDraftPSB section ---*/

    /*---blastRoomEnclosure section-----  */
    #head #banner14 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner14 #text {
        padding-bottom: 1em;
    }

    #head #banner14 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner14 #text p {
        font-size: 1.2rem;
    }

    #blastRoomEnclosure .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #blastRoomEnclosure .row {
        padding: 2px 5px;
    }

    #blastRoomEnclosure .text-box {
        text-align: left;
        padding: 1rem;
    }

    #blastRoomEnclosure .text-box h2 {
        font-size: 1.2rem;
    }

    #blastRoomEnclosure .text-box h4 {
        font-size: 1rem;
    }

    #blastRoomEnclosure .text-box p {
        font-size: 0.8rem;
    }

    #blastRoomEnclosure .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #blastRoomEnclosure #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --blastRoomEnclosure section ---*/

    /*---spareParts section-----  */
    #head #banner15 {
        /* width: 100vw; */
        min-height: 60vh;
        background-image: url('assets/img/banner_image_mb.png');
        /* background-image:linear-gradient(black,black); */
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        background-color: transparent;
        /* background-attachment: fixed; */
        padding-top: 6em;
    }

    #head #banner15 #text {
        padding-bottom: 1em;
    }

    #head #banner15 #text h1 {
        font-size: 1.8rem;
    }

    #head #banner15 #text p {
        font-size: 1.2rem;
    }

    #spareParts .border-box {

        height: 60vh;
        width: 40vw;
        /* border: 1px solid black; */
        padding: 0.5rem;
        position: relative;
        overflow: hidden
    }

    #spareParts .row {
        padding: 2px 5px;
    }

    #spareParts .text-box {
        text-align: left;
        padding: 1rem;
    }

    #spareParts .text-box h2 {
        font-size: 1.2rem;
    }

    #spareParts .text-box h4 {
        font-size: 1rem;
    }

    #spareParts .text-box p {
        font-size: 0.8rem;
    }

    #spareParts .text-box ul {
        font-size: 0.8rem;
    }

    ::marker {
        color: var(--font4);
        font-weight: bold;
        font-size: 1rem;
    }

    #spareParts #charts h1 {
        font-size: 1.4rem;
    }

    #charts #table2 {
        display: block;
    }

    #charts #table3 {
        display: none;
    }


    /* --EndDraftPSB section ---*/





}

;