.cshero-fancybox-wrap {
	display: inline-block;
	width: 100%;
}
.fancybox-layout6 .cshero-fancybox-image {
	margin-bottom: 0px;
	position: relative;
}
.fancybox-layout6 .cshero-fancybox-image:before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    -webkit-transition: all 300ms linear 0ms;
       -moz-transition: all 300ms linear 0ms;
         -o-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
            transition: all 300ms linear 0ms;
}
.fancybox-layout6:hover .cshero-fancybox-image:before {
	background: rgba(0, 0, 0, 0.54);
}
.fancybox-layout6 .cshero-fancybox-image .cshero-read-more {
	position: absolute;
    right: 40px;
    top: 50%;
    z-index: 1;
    opacity: 0;
    -webkit-transition: all 300ms linear 0ms;
       -moz-transition: all 300ms linear 0ms;
         -o-transition: all 300ms linear 0ms;
        -ms-transition: all 300ms linear 0ms;
            transition: all 300ms linear 0ms;
    -webkit-transform: translate(0px, -50%);
       -moz-transform: translate(0px, -50%);
        -ms-transform: translate(0px, -50%);
         -o-transform: translate(0px, -50%);
            transform: translate(0px, -50%);
}
.fancybox-layout6:hover .cshero-fancybox-image .cshero-read-more {
	opacity: 1;
}
.fancybox-layout6 .cshero-fancybox-image img {
	height: 155px;
}
.fancybox-layout6 .cshero-fancybox-effect svg {
	width: 155px; 
	position: absolute;
	bottom: 48px;
	right: -107px;
	-webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.fancybox-layout6 .cshero-fancybox-effect .cshero-fancybox-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.fancybox-layout6 .cshero-fancybox-effect .cshero-fancybox-content .cshero-fancybox-hover {
	background: #222;
    position: relative;
    width: 50%;
    height: 155px;
    padding: 23px 0 23px 25px;
    text-align: left;
}
.fancybox-layout6 .cshero-fancybox-effect h3.cshero-fancybox-title-wrap {
	font-size: 36px;
    font-weight: 900;
    margin: 0;
    line-height: 35px;
}
.fancybox-layout6 .cshero-fancybox-effect .content {
	color: #fff;
    font-size: 19px;
    line-height: 26px;
    margin-top: 8px;
}
@media (max-width: 1024px) {
    #wrapper .fancybox-layout6 .cshero-fancybox-effect h3.cshero-fancybox-title-wrap {
        font-size: 26px;
        line-height: 32px;
    }
    #wrapper .fancybox-layout6 .cshero-fancybox-effect .content {
        font-size: 15px;
        line-height: 26px;
    }
}
@media (max-width: 900px) {
    #wrapper .fancybox-layout6 .cshero-fancybox-effect h3.cshero-fancybox-title-wrap {
        font-size: 24px;
        line-height: 28px;
    }
    #wrapper .fancybox-layout6 .cshero-fancybox-effect .content {
        font-size: 14px;
        line-height: 24px;
    }
     #wrapper .fancybox-layout6 .cshero-fancybox-image .cshero-read-more {
        right: 20px;
    }
        
}