.slider-container{
    margin: 50px 0;
    width: 100%;
 }
 .slides-pannel{
     position: relative;
     padding:0 30px;
     height: 100%;
     display: table;
     width: 100%;
 }
 .slides-pannel ul{
     list-style: none;
     position: relative;
     display: table;
     padding: 0;
     right: 0;
     transition: 2s all;
 }
 .slides-pannel .slider-item{
     display: inline-table;
     padding: 10px;
     max-width: 210px;
     min-width: 150px;
     position: relative;
     transition: .2s all;
     opacity: .75;
     border-radius: 5px;
     border: 1px solid rgba(0,0,0,0);
 }

 .slides-pannel .slider-item:hover{
     opacity: 1;
     box-shadow: inset 0 0 4px 1px rgba(0,0,0,.1);
     border: 1px solid rgba(0,0,0,.1);
 }
 .serv-item{
     //width: 100%;
    // display: block;
 }
 .slide-arow-btn{
     position: relative;
     display: none;
     font-size: 40px;
     vertical-align: middle;
     height: 100%;
     width: 35px;
 }
 .slide-arow-btn a:hover{
     cursor: pointer;
 }
 .move-pannel-wrapper{
     overflow-x: hidden;
     display: table-cell;
     height: 100%;
 }
 .move-pannel{
     position: relative;
     width: 1000%;
     height: 100%;
     right: 0;
 }
 .slider-mobile{
     width : 100%;
     display: block;
     max-width: none;
 }
 
 @media screen and (max-width: 480px){
     .slides-pannel .slider-item{
        max-width: 480px;
        min-width: fit-content;
    }
}