.lievstrem 
{ width:100%;
  overflow:hidden;
    
border: 2px solid #AAA;
position:relative;
  overflow:hidden;
    background-color:#fff;
/*
	background-image: url('regalary.jpg');
		 
		background-position:  left  top;
		background-repeat:repeat*/
    }
.lievstrem2 
{ 
  position:relative;
  overflow:hidden
    
    }
.glidecontentwrappermedia {
position: relative; /* Do not change this value */
width: 100%;
height: 340px; /* Set height to be able to contain height of largest content shown*/

overflow: hidden;
margin-bottom:3px
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontentwrappermedia .glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
 
visibility: hidden;
width: 100%;
background-color:#fff;
/*
	background-image: url('regalary.jpg');
		 
		background-position:  left  top;
		background-repeat:repeat*/
}
.glidecontentwrappermedia .glidecontent img{ /*style for each glide content DIV within wrapper.*/

height:auto;
margin:0px auto !important;
width:auto !important;
max-width:100%;
 
max-height:340px;
}
 
    .coments1 
{   color:#fff;
    margin:0px;
    padding:0px;
    font-size:15px;
    font-weight:bold;
      padding:5px 5px;
      margin:10px 10px;
      text-align:center
 
    }
    .glidecontentwrappermedia .glidecontent a 
    { text-align:center;
      text-decoration:none;
      visibility:visible !important;display: inline-block;
        
         }
    
    
 
@media only screen and (max-width: 767px){ 

  .stepcarouselmedia {
 
width: 98% !important;
margin-left:1% !important;
margin-right:1% !important;
 
}   

.stepcarouselmedia .panel{
 

min-width:330px  !important;

max-width:320px !important;
margin-left:10px;
margin-right:10px
 
}  


}



 
.stepcarouselmedia{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
  /*Width of Carousel Viewer itself*/
height: 260px; /*Height should enough to fit largest content's height*/

     width: 1100px;
     margin-right: 20px;
   
}

.stepcarouselmedia .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselmedia .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
  /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
 height:300px; 
width:365px;

}   
.stepcarouselmedia .panel img {    
  width: auto; 
 
max-width:100%
}










     
.stepcarouselmedia2 {
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 100%; /*Width of Carousel Viewer itself*/
height: 95px; /*Height should enough to fit largest content's height*/

 
 
}

.stepcarouselmedia2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarouselmedia2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 130px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:85px;
 
}   
.stepcarouselmedia2 .panel2 img {    
  width: auto; 
 max-height:70px;
max-width:100px
}
 .stepcarouselmedia2 .panel2 a {    
 text-decoration:none;
 background-color:#ededed;
 display:block;
 margin:2px 2px ;  
 text-align:center;
 padding-top:3px;
 padding-bottom:3px
 
}
       

    
    
    
    .stepcarouselmedia2 .panel2 a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background-color:#ecc98c;
 
}