#mygallery {

display: block;
width:90%;
padding-left: 0.5%;
padding-top: 5%;
padding-bottom: 20px;
}
#mygallery p{
padding-left:5%;
font-size:14px;
}


.gallery .images{
position:relative;
width:105%;

padding-bottom:70%;

}
.gallery .images>div,.gallery .images>span{
position:absolute;
display:block;
width:100%;
height:100%;
}
.gallery .images>div{
opacity:0;
background:center no-repeat;
background-size:cover;
border-radius:3px;
box-shadow:1px 1px 5px rgba(0,0,0,.4);
-webkit-transition:all .88s ease;
transition:all .88s ease;
margin:3%;
}
.gallery .images>div.active{
opacity:1;
}
.gallery .images>span{
cursor:pointer;width:50px;color:#fff;text-shadow:0 0 5px #111;font-size:40px;height:100%;line-height:44px
}
.gallery .images>span.right{
left:100%;margin-left:-34px

}
.gallery .images>span.left{
left:10%;margin-left:-12px
}
.gallery .images>span:before{
margin-top:-10px;top:50%;position:absolute;bottom:0
}
.gallery .images>span.left:before{
content:"\00AB"
}
.gallery .images>span.right:before{
content:"\00BB"

}
.gallery .thumbs{
margin-top:5%;display:inline-block;width:100%;text-align:center;cursor:pointer;
	margin-left:30px;
}
.gallery .thumbs>div{
box-sizing:border-box;
background:center no-repeat;
background-size:cover;display:inline-block;
position:relative;
margin:1px;
border:3px solid transparent;
width:65px;
height:65px;
cursor:pointer;
-webkit-transition:all .88s ease;transition:all .88s ease;
}
.gallery .thumbs>div:before{left:10px
	}}.gallery .thumbs>div.active{borders-color:silver}
.gallery .thumbs>div.active:before{border-bottom-color:silver}

@media (max-width : 768px ){

#mygallery p{

font-size:12px;
}

	.gallery .thumbs>div{width:65px;height:65px;
}
width:100%;
}
.gallery .thumbs>div:before{content:'';width:0;height:0;border:solid transparent;border-width:0 5px 5px;position:absolute;left:45px;top:-8px;-webkit-transition:all .88s ease;transition:all .88s ease}

	.gallery .thumbs>div:before{left:25px
	}}.gallery .thumbs>div.active{borders-color:silver}
.gallery .thumbs>div.active:before{border-bottom-color:silver}

@media (max-width : 714px ){
	
	#mygallery{
padding-top:15%;
	}

#mygallery p{
padding-left:5%;
font-size:10px;
}
.gallery .thumbs{
margin-top:5%;display:inline-block;width:100%;text-align:center;cursor:pointer;
	margin-left:20px;
}

.gallery .thumbs>div{
width:40px;height:40px;
margin:0.3px;
.gallery .thumbs>div:before{
	left:5px
	}