.gimage_con {
    display: inline-block;
    float: left;
    padding: 5px;
    text-align: -webkit-center;
}
.gimage_con .gimage {
    padding: 4px;
    border: 1px solid #ddd;
    cursor:pointer;
    max-width: 100%;
    max-height: 75%;
}
.gimage_con .gimage_title {
	color: black;
}
.gimage_con .giage_description p,li,span{
	color: #232323;
}
.gimage_slider_con{
	background: #000000f2;
	position: fixed;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 7777777;
	top: 0;
	left: 0;
	}
.gimage_slider_con .imgonscreen{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	bottom: 79px;
	max-width: 100%;
	max-height: 75%;
}
.gimage_slider_con .caption{
	position: absolute;
	left: 0;
	right: 0;
	/* top: 0; */
	bottom: 100px;
	margin: auto;
	display: block;
	z-index: 2;
	background: #000000c9;
	width: fit-content;
	padding: 0  19px;
	border-radius: 6px;
}
.gimage_slider_con #title{
	color: white;
	text-align: center;
	font-weight: 600;
	padding: 7px 1px;
}
.gimage_slider_con #description,
.gimage_slider_con #description p,
.gimage_slider_con #description span,
.gimage_slider_con #description li
{
	color: #c4c4c4;
	text-align: center;
}
.gimage_slider_con #thumbs{
	position: absolute;
	bottom: 9px;
	text-align: center;
	background: black;
	padding: 6px 0 0 0;
	max-height: 92px;
	overflow: auto;
	width: 100%;
	text-align: center;
}

.gimage_slider_con #thumbs .thumb_slider{
	margin: 2px 3px;
	max-height: 35px;
	opacity: 0.6;
}
.gimage_slider_con #thumbs .thumb_slider.active,
.gimage_slider_con #thumbs .thumb_slider:hover{
	border: 2px solid #c8c8c8;
	opacity: 1;
}
.gimage_slider_con .close_img{
	width: 50px;
	height: 50px;
	background: #ff00009e;
	line-height: 45px;
	border-radius: 48%;
	color: white;
	font-size: 41px;
	padding: 3px;
	text-align: center;
	position: absolute;
	right: 12px;
	top: 12px;
	cursor:pointer;
	z-index: 1;
	font-weight: 600;
}
 .gimage_slider_con #img_counter {
    position: absolute;
    z-index: 44;
    color: white;
    background: #454545b0;
    float: right;
    right: 0;
    left: 0;
    top: 18px;
    /* bottom: 22%; */
    padding: 0px 8px;
    border-radius: 4px;
    width: fit-content;
    margin: auto;
}

.gimage_slider_con .next_img,
.gimage_slider_con .prev_img{
	width: 46px;
	height: 80px;
	line-height: 80px;
	background: #00000024;
	text-align: center;
	font-size: 60px;
	color: white;
	position: absolute;
	top: 40%;
	font-weight: 600;
	cursor:pointer;
	z-index: 23333;
}

.gimage_slider_con .prev_img{
	left: 3px;
}

.gimage_slider_con .next_img{
	right: 3px;
}

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

	.gimage_slider_con .gimage_screen {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    height: fit-content;
    width: 100%;
    text-align: center;
}
	
.gimage_slider_con .imgonscreen{
	position: fixed;
	top: 0px;
	height: initial;
	max-width: 99%;
}
	.gimage_slider_con #thumbs{
		position: fixed;
		/* width: 999999px; */
		bottom: 38px;
	}
	.gimage_slider_con .caption{
	position: fixed;
	bottom: 14%;
	background: #00000082;
	}	
	.gimage_slider_con #thumbs .thumb_slider{
		max-height: 26px;
		/* float: left; */
	}
	.gimage_slider_con .next_img, .gimage_slider_con .prev_img{
		height: 64px;
		width: 36px;
		/* background: #171717; */
		line-height: 58px;
		font-size: 46px;
	}
	
	.gimage_con .gimage_title {
	margin: 10px 0 7px 0;
	}
	
	.gimage_con .giage_description p,li,span{
	font-size: 13px;
	line-height: 1.3;
	}
}