Estou com problema para retirar uma numeração do html já tentei de tudo e nada o slide fica assim: [![inserir a descrição da imagem aqui][1]][1] [1]: https://i.sstatic.net/kRCJm.jpg Codigo html : <!doctype html> <html> <head> <meta charset="utf-8"> <title>Documento sem título</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>Secure Elo Bosting</title> <link rel="stylesheet" href="css/estilos.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/font-awesome.css"> <meta name="viewport" content="width=device-width,initial-scale=1"/> <script src="js/jquery-3.2.1.js"></script> <script src="js/main.js"></script> <script src="js/jquery-3.1.0.min.js"></script> <script src="js/jquery.flexslider.js"></script> <script src="js/mains.js"></script> </head> <body> <section id="slide"> <div class="ban"> <div class="flexslider"> <ul class="slides"> <li> <img src="img/1.jpg" > </li> <li> <img src="img/2.jpg" > </li> <li> <img src="img/3.jpg" > </li> </ul> </div> </div> </section> </body> </html> codigo ss: .flexslider{ height: 100%; max-width: 800px; margin-bottom: 30px; margin: 50px auto; display: flex; flex-direction: column; position: relative; } .flexslider ul li { list-style: none; } .slides, .slides li, .slides li img{ width: 100%; } .slides li{ margin-bottom: -5px; } /* RESPONSIVE ========== */ @media screen and (max-width: 600px){ .flexslider{ width: 100%; border-radius: 0px; border: none; } .slides li{ overflow: hidden; } .slides li img{ width: 600px; } } @media screen and (max-width: 450px){ .slides li img{ transform: translateX(-90px); } }