.body-wrapper { margin-bottom: 0px; }

.user-gif { width: 100%; text-align: center; margin-top: 20px; }
.user-gif img { margin: 0 auto; }

.share-buttons { width: 100%; padding-top: 20px; text-align: center; height: 40px;}

.ads-1 { width: 100%; text-align: center; margin: 5px auto 5px auto; }

.gif-set-previews { margin-top: 20px; text-align: center; }
.gif-set-previews .gif-set-preview { background-position: center; background-repeat: no-repeat; background-size: cover; width: 400px; height: 400px; display: inline-block; margin: 2px; position: relative; cursor: pointer; }
.gif-set-previews .gif-set-preview .gif-set-info { padding: 20px; color: #fff; background-color: rgba(0,0,0,0.5); position: absolute; top: 0px; left: 0px; width: 360px; }

@media screen and (max-width: 1365px){
}
	
@media screen and (max-width: 1024px){
	.gif-set-previews .gif-set-preview { width: 300px; height: 300px; }
	.gif-set-previews .gif-set-preview .gif-set-info { padding: 10px; width: 280px; font-size: 16px; }
}

@media screen and (max-width: 768px){
	.main-wrapper { width: 100%; margin: 15px auto; }
	.header-text { margin: 5px 5px 10px 5px;}
	.header-text h3 { font-size: 12px; }
	.main-wrapper .block-center { width: 98%; margin: 0 auto; }
	.header .header-tabs { display: none; }
	.user-gif img { max-width: 300px; height: auto; }
}

@media screen and (max-width: 480px){
	.gif-set-previews .gif-set-preview { width: 200px; height: 200px; }
	.gif-set-previews .gif-set-preview .gif-set-info { padding: 10px; width: 180px; font-size: 14px; }
}

@media screen and (max-width: 414px){
}

@media screen and (max-width: 375px){
	.gif-set-previews .gif-set-preview { width: 330px; height: 330px; }
	.gif-set-previews .gif-set-preview .gif-set-info { padding: 10px; width: 310px; font-size: 14px; }
}

@media screen and (max-width: 360px){
}

@media screen and (max-width: 320px){
	.gif-set-previews .gif-set-preview { width: 310px; height: 280px; }
	.gif-set-previews .gif-set-preview .gif-set-info { padding: 10px; width: 280px; font-size: 14px; }
}
