.products-container {
    width: 100%;
    min-height: 100vh;
    background-color: rgb(252, 252, 252);

}


.video-category {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color:  rgb(255, 255, 255);
    margin-left: 5%;
    margin-bottom: 10px;
    margin-top: 50px;
    background-color: rgb(250, 135, 58);
    width: 350px;
    text-align: center;
    padding: 5px 50px;
  

}

.search-category {
    font-family: Arial, Helvetica, sans-serif;
    font-size: large;
    color:  rgb(255, 255, 255);
   margin: 0 auto;
    background-color: rgb(250, 135, 58);
    width: 350px;
    text-align: center;
    padding: 5px 50px;
}

.section-container {
    padding: 10px 10px;

    margin: 0 auto;



}

.search-container {
    padding: 10px 10px;
width: 400px;
    margin: 0 auto;
   

}



.section-slider {
    display: flex;
   overflow-x: auto;
    padding-right: 50px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: mandatory;
  
}

.product-sec1 {
 
    margin: 0 auto;
    height: 300px;
    margin-left: 100px;
}

.product-sec1 img {
    height: 70%;
}

.product-sec1 p {
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(248, 115, 37);
    text-align: center;
}

#product-pic {
    text-decoration: none;
}

.section-slider::-webkit-scrollbar {
    width: 10px;
    height: 7px;
}

.section-slider::-webkit-scrollbar-thumb {
    background-color: coral;
    border-radius: 5px;
    visibility: hidden;
   
}

.section-slider::-webkit-scrollbar-track {
    background-color: rgb(0, 0, 0, .5);
    visibility: hidden;
}

.section-container:hover .section-slider::-webkit-scrollbar-thumb{
    visibility: visible;

}

.buttons {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 465px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 465px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}

.buttons-next:hover {
    background-color: rgb(0, 0, 0, .8);
}



.buttons2 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 790px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons2:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next2 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 790px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}

.buttons-next2:hover {
    background-color: rgb(0, 0, 0, .8);
}


.buttons3 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 1205px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons3:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next3 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 1205px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}

.buttons-next3:hover {
    background-color: rgb(0, 0, 0, .8);
}


.buttons4 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 1535px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons4:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next4 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 1535px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}



.buttons5 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 1955px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons5:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next5 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 1955px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next5:hover {
    background-color: rgb(0, 0, 0, .8);
}



.buttons6 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 2285px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons6:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next6 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 2285px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next6:hover {
    background-color: rgb(0, 0, 0, .8);
}


.buttons7 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 2680px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons7:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next7 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 2680px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next7:hover {
    background-color: rgb(0, 0, 0, .8);
}


.buttons8 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 3030px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons8:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next8 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 3030px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next8:hover {
    background-color: rgb(0, 0, 0, .8);
}




.buttons9 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 3445px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons9:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next9 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 3445px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next9:hover {
    background-color: rgb(0, 0, 0, .8);
}


.buttons10 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 3770px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons10:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next10 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 3770px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next10:hover {
    background-color: rgb(0, 0, 0, .8);
}



.buttons11 {
    width: 25px;
    height: 250px;
    background-color: rgb(0, 0, 0, .5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 4100px;
    color: rgb(252, 130, 74);
    transition: 1s;
    line-height: 250px;
    text-align: center;
} 

.buttons11:hover {
    background-color: rgb(0, 0, 0, .8);
}

.buttons-next11 {
    width: 25px;
    height: 250px;
    background-color: rgba(134, 76, 76, 0.5);
    border: none;
    font-size: x-large;
    font-weight: bolder;
    cursor: pointer;
    position: absolute;
    top: 4100px;
    color: rgb(252, 130, 74);
    right: 0;
    line-height: 250px;
    text-align: center;
    transition: 1s;
    
}


.buttons-next11:hover {
    background-color: rgb(0, 0, 0, .8);
}



.product-image img {
    hieght: 415px;
}

.section-container:hover .buttons-next {
  display: block;
}





.description {
    background-color: transparent;
}

.iframe {
    width: 560px;
    margin: 0px auto;
}

.breif-profile {
    background: rgb(255, 255, 255);
    padding: 20px;
}
/* User-friendly Nipon colors touch screen control panel.
Japanese Panasonic PLC for machine intercommunication.
Self-diagnostic system.
Simple troubleshooting solution.
Heavy duty Siemen
Germany / Japanese photocell for bag registration.
4 units Japanese OMRON digital temperature controller for back seal and jaw seal.
Germany SIEMEN for main drive motor. */













@media only screen and (max-width: 1025px) {
  
.video-category {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color:  rgb(255, 255, 255);
    margin-left: 1%;
    margin-bottom: 10px;
    margin-top: 50px;
    background-color: rgb(250, 135, 58);
    width: 350px;
    text-align: center;
    padding: 5px 0px;
  

}

.section-container {
    padding: 10px 0px;

}
.section-slider {
    display: flex;
   overflow-x: auto;
    padding-right: 0px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scroll-snap-points-x: repeat(100%);
    scroll-snap-type: mandatory;
  
}

.product-sec1 {
 
    margin: 0 20px;
    height: 200px;
}

.product-sec1 img {
    height: 60%;
}

.product-sec1 p {
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(248, 115, 37);
    text-align: center;
    font-size: x-small;
}

#product-pic {
    text-decoration: none;
}

.section-slider::-webkit-scrollbar {
    width: 10px;
    height: 7px;
}

.section-slider::-webkit-scrollbar-thumb {
    background-color: coral;
    border-radius: 5px;
    visibility: hidden;
   
}

.section-slider::-webkit-scrollbar-track {
    background-color: rgb(0, 0, 0, .5);
    visibility: hidden;
}

.section-container:hover .section-slider::-webkit-scrollbar-thumb{
    visibility: visible;

}

    
    
.buttons, .buttons2, .buttons3, .buttons4, .buttons5, .buttons6, .buttons7, .buttons8, .buttons9, .buttons10, .buttons11   {
   
    display: none;
} 


.buttons-next, .buttons-next2, .buttons-next3, .buttons-next4, .buttons-next5, .buttons-next6, .buttons-next7, .buttons-next8, .buttons-next9, .buttons-next10, .buttons-next11  {
    
    display: none;
}





  
}