/*= Reset CSS 
============= */

.hovereffectwrap  img{
	max-width: 100%;
	vertical-align: middle;
	margin-bottom: 20px;
}
.full-length{width: 100%; float: left; padding-bottom: 80px;}
.hovereffectwrap ul{margin: 0 -1%;}
.hovereffectwrap  li{float: left; width: 50%; list-style: none;}

.hovereffectwrap p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px; }
.hovereffectwrap .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.hovereffectwrap  .btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}
.hovereffectwrap  .text-desc{
	position: absolute;
	left: 0;
	top: 0;
	background-color: #fff;
	color: #000000;
	height: 100%;
	opacity: 0;
	width: 100%;
}
/*= Reset CSS End
================= *


/* effect-6 css */
.port-6{
	float: left;
	width: 100%;
	position: relative;
	text-align: center;
	overflow: visible;
}

.port-6.effect-3 img{transition: 0.5s;}
.port-6.effect-3:hover img{transform: scale(0.3) translateY(-110%); position: relative; z-index: 9;}
.port-6.effect-3 .text-desc{
	transform: translateY(100%);
	opacity: 0;
	padding-top: 130px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	overflow: auto;
	transition: 0.5s;
}
.port-6.effect-3:hover .text-desc{transform: translateY(0px); opacity: 1;}
/* effect-6 css end */



/*= Media Screen CSS
==================== */
@media only screen and (max-width: 1090px){
	.hovereffectwrap ul{width: 340px; margin: 0 auto;}
	.hovereffectwrap li{width: 100%; margin: 20px 0;}
	.port-6.effect-3 .text-desc{
	transform: translateY(100%);
	opacity: 0;
	padding-top: 60px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	transition: 0.5s;
	overflow: auto;
}

}

@media only screen and (max-width: 360px){
	.hovereffectwrap ul{width: 300px;}
	.port-6.effect-3 .text-desc .btn,
	.port-6.effect-3 .text-desc{
	padding-top: 60px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	overflow: auto;
}
	
}
/*= Media Screen CSS End
======================== */