@media only screen and (max-width: 576px){.sl3:hover,.sl4:hover{border:5px solid red}.sl6{padding:0 4px}.sl6:hover span{background-color:#B0B0B0}}@media only screen and (min-width: 576px){.sl3:hover,.sl4:hover{border:5px solid red}.sl6{padding:0 4px}.sl6:hover span{background-color:#B0B0B0}}@media only screen and (min-width: 1024px){.sl3:hover,.sl4:hover{border:5px solid red}.sl6{padding:0 4px}.sl6:hover span{background-color:#B0B0B0}}@media only screen and (min-width: 1250px){.sl3:hover,.sl4:hover{border:5px solid blue}.sl6{padding:0 6px}.sl6:hover span{background-color:#464343}}@media only screen and (min-width: 1400px){.sl3:hover,.sl4:hover{border:5px solid blue}.sl6{padding:0 6px}.sl6:hover span{background-color:#464343}}.sl2{width:100%}.sl3,.sl4{cursor:pointer;border:5px solid red;position:absolute;background-color:rgba(0,0,0,0.7);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.sl3{left:20px}.sl4{right:20px}.sl5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sl6{background-color:transparent;border:none}.sl6 span{cursor:pointer;border-radius:50%;background-color:#B0B0B0;height:18px;width:18px;display:block;border:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.sl6:focus{outline:none}.sl6.active span{background-color:#464343}