<style>
.newspaper { column-count: 2;}
@media only screen and (max-width: 600px) {
.newspaper {column-count: 1;}
}
.forgetpass {display: none;}
.usertour{display: none;}
.sitelink{display: none;}
.helplink {display: none;}
.theme_switch_link{display: none;}
.homelink{display: none;}
.nofollow{display: none;}
div.gallery {
border: 1px solid #ccc;
border-radius: 7px;
}
div.gallery:hover {
border: 1px solid #777;
}
.mySlides {
width: 100%;
height: auto;
}
div.gallery img {
width : 70%;
height: auto;
border-radius: 100%;
}
div.desc {
padding: 15px;
text-align: center;
}
* {
box-sizing: border-box;
}
.responsive {
padding: 0 6px;
float: left;
width: 33%;
}
.responsive7{
padding: 0 6px;
float: left;
width: 90%;
}
@media only screen and (max-width: 1400px) {
.responsive {
width: 49.99999%;
margin: 6px 0;
}
}
@media only screen and (max-width: 500px) {
.responsive {
width: 90%;
}
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
</style>
<link href="https://www.w3schools.com/w3css/4/w3.css" rel="stylesheet"></link>
<style>.mySlides {display:none;border-radius: 7px;}</style>
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
