body{margin:0;padding:0}
.example{max-width:1170px;margin:20px auto;padding:15px;}

/*My slider styles*/
#my_slider {
    max-width:1170px;
    height:400px;
    overflow: hidden;
    position:relative;
    list-style: none outside none;
    padding:0;
    margin:0;
}
#my_slider li {
    position: absolute;
    top: 0px;
    left: 0px;
    display:none;
}
#my_slider li:first-child {
    display:block;
}
#counter {
    text-align:right;
    font-size:16px;
    max-width:1170px;
}
@media (max-width: 992px) {
#my_slider{ height:300px;}

}
@media (max-width: 800px) {
#my_slider{ height:250px;}

}
@media (max-width: 550px) {
#my_slider{ height:180px;}

}
@media (max-width: 480px) {
#my_slider{ height:150px;}

}