******************************************************************************
 Add your custom css styles here
 *******************************************************************************
.grid-item h3 a, .port-desc-holder .grid-item span {
	text-shadow: 1px 1px 5px #000 !important;
}
.videoWrapper {
		position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
		position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}

.portfolio_item, .horizontal_item, .swiper-slide {
	cursor: auto ;
}
.port-desc-holder{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.port-subtitle-holder {
	position: relative !important;
	padding: 20px;
}

.port-img {

	position: relative;
}

.port-desc-holder {
	padding:0px;
}

.portfolio_item, .horizontal_item, .swiper-slide {
	cursor: auto ;
}
.grid-item {
	top: 50%;
	margin-top: -15px;
}
@media only screen and (max-width: 1036px) {
	.horizontal_item img {
		width: 100%;
		height: 100% !important;
	}
}

@media only screen and (max-width: 768px) {
.count-folio, .full-height-wrap:before, .full-height-wrap:after, .left-decor, .right-decor, .fixed-wrap:before, .fixed-wrap:after, .policy-box, .portfolio_item .port-desc-holder {

}
/*.grid-item h3, .grid-item span {
	opacity: 1;
}*/
.grid-item {
	position: absolute;
	width: 100%;
	height: auto;
	z-index: 3;
	top: 50%;
	left: 0;
}
/*.overlay {
	opacity: .3 !important;
}*/
}
 /* Small devices (landscape phones, 544px and up)*/
 @media (min-width: 400px) {
.port-desc-holder{
			width: 100%;
		}
.overlay {
	opacity: 0 !important;
}
.grid-item {
	top: 50% ;
}
.port-img {
	height: auto;
}
.gallery_horizontal .owl-item .port-img img {
	height: auto;
}
 .grid-item h3, .grid-item span {
	opacity: 1;
}
.grid-item:hover h3, .grid-item:hover span {
	opacity: 1;
}
}
@media (min-width: 544px) {
.port-desc-holder{
			width: 100%;
		}
.overlay {
	opacity: 0 !important;
}
.grid-item {
	top: 50%;
}
.port-img {
	height: auto;
}
.gallery_horizontal .owl-item .port-img img {
	height: auto;
}

}


/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.port-desc-holder{
			width: 100%;
		}
.overlay {
	opacity: 0 !important;
	width: 100%;
	margin-top: 0;
	margin-left: 0 !important;
}
.port-img {
	height: auto;
}
.gallery_horizontal .owl-item .port-img img {
	height: auto;
}
.grid-item {
	top: 50%;
}
 .grid-item h3, .grid-item span {
	opacity: 1;
}
.grid-item:hover h3, .grid-item:hover span {
	opacity: 1;
}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 920px) {
	.port-desc-holder{
			width: 100%;
		}
.overlay {
	opacity: 0 !important;
	width: 100%;
	margin-top: 0;
	margin-left: 0 !important;
}
.port-img {
	height: auto;
}
.gallery_horizontal .owl-item .port-img img {
	height: 100% !important;
}
.grid-item {
	top: 40%;
}
 .grid-item h3, .grid-item span {
	opacity: 1;
}
.grid-item:hover h3, .grid-item:hover span {
	opacity: 1;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	.port-desc-holder{
			width: 100%;
		}
 .overlay{
	opacity: 0 !important;
 }
 .grid-item h3, .grid-item span {
	opacity: 0;
}
.grid-item:hover h3, .grid-item:hover span {
	opacity: .6;
}
.grid-item {
	top: 50%;
}
.port-img {
	height: 71vh;
}
.gallery_horizontal .owl-item .port-img img {
	height: 100% !important;
}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 1035px) {
	.overlay{
			height: 100%;
			width: 100%;
		}
.grid-item {
	top: 50%;
}
.port-desc-holder:hover .overlay, .horizontal_item:hover .overlay {
	opacity: .6 !important;
}
.port-img {
	height: 71vh;
}
.gallery_horizontal .owl-item .port-img img {
	height: 100% !important;
}
}
/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.grid-item {
	top: 50%;
}
.port-img {
	height: 71vh;
}
.gallery_horizontal .owl-item .port-img img {
	height: 100% !important;
}
}

/* Portrait */
@media only screen  and (min-device-width: 768px)  and (max-device-width: 1024px)  {

	.owl-controls {
	}

}

a {outline: none;}
*
{
	/*-webkit-user-select: none;
	-moz-user-select: -moz-none;
	/*IE10*/
	/*-ms-user-select: none;*/
	/*user-select: none;*/

	/*You just need this if you are only concerned with android and not desktop browsers.*/
	/*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/*/
}

@media only screen and (max-width: 768px) {
.resize-carousel-holder .customNavigation {
	display:none
}


}