.tem304-irregular{background: #fff;}
.tem304-irregular.content-right .wrap{flex-direction:row-reverse;}
.tem304-irregular .wrap{display: flex;display: -webkit-flex;align-items: center;flex-wrap: wrap;}
.tem304-irregular .wrap .items{padding: 0!important;}
.tem304-irregular .wrap .items .item:nth-of-type(1){width: 80%;}
.tem304-irregular .wrap .item{width: 100%;margin:5px 0;}
.tem304-irregular .wrap .col-lg-6{padding: 0!important;}
.tem304-irregular .wrap .image{width: 100%;margin: 0 5px;position: relative;width: calc(100% - 10px);display: block;}
.tem304-irregular .wrap .image img{width: 100%;}
.tem304-irregular .wrap .image .text{position: absolute;width: 100%;height: 100%;left:0;top:0;padding: 15px;background: #28262B;display: block;opacity: 0;transition: .3s ease;-o-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-webkit-transition: .3s ease;}
.tem304-irregular .wrap .image .tit{position: absolute;top: 50%;text-align: center;width: 100%;left:20%;color:#fff;padding: 0 15px;-o-transition: .3s ease 0s;
-moz-transition: .3s ease 0s;-ms-transition: .3s ease 0s;-webkit-transition: .3s ease 0s;transition: .3s ease 0s;transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
}
.tem304-irregular .wrap .image .title{position: relative;top: 50%;text-align: left;width: 100%;color:#fff;left:0;border-color: #fff;padding-top: 10px;transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.tem304-irregular .wrap .image .title::after{position: absolute;content: "";left:0;top:0;width: 70%;border-top:1px solid;border-color: inherit;}
.tem304-irregular .wrap .image:hover .text{opacity: .6;}
.tem304-irregular .wrap .image2:hover .text{opacity: 1;}
.tem304-irregular .wrap .image:hover .tit{left:10%;}
@media (max-width: 768px){
    .tem304-irregular .wrap{padding:0 2%;}
    .tem304-irregular.full-screen-spacing .wrap{padding:0;}
    .tem304-irregular .wrap .image .text{opacity: .6;}
    .tem304-irregular .wrap .image .tit{left:10%;}
}
@media (max-width: 480px){
    .tem304-irregular .wrap, 
    .tem304-irregular .wrap .items{display: block;width: 100%;}
    .tem304-irregular .wrap .items .item:nth-of-type(1){width: 100%;}
    .tem304-irregular .wrap .image .text{position: static;background: #fff;padding: 3%;opacity: 1;}
    .tem304-irregular .wrap .image .tit{position: static;padding: 0;transform: translateY(0);-o-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);}
    .tem304-irregular .wrap .image .title{color: #333;padding: 0;transform: translateY(0);-o-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);}
    .tem304-irregular .wrap .image .title::after{opacity: 0;}
    .tem304-irregular .wrap .image{margin: 0;width: 100%;}
    .tem304-irregular .wrap .col-lg-6{padding: 0 1%!important;}
    .tem304-irregular .wrap .items .item:nth-of-type(2){margin:0 -1%;width: 102%;}
}