@import "category.css";
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info {
height:150px}
.sp-simpleportfolio-item:before{
width:100px;
bottom:10rem;
}
#g-header{
background: url(/images/ezdupe/webpage/Category/EZ-Dupe_All-products-Duplicator_Tower-HDD-Duplicator_USB-Duplicator_SD-Duplicator_microSD-Duplicator_ODD-Duplicator_01.png) center 65%;
background-size: cover;
text-align: center;
filter:none;
background-color:#EBEBEB;
}
#g-intro{background-color:#EBEBEB !important}
 .sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay{
    background: #0079c3; !important
}
.category {
    padding: 13rem 0 27rem;
}

.category .content{padding:5% 8%}
#category p{font-size:20px;color:#757575}
#category{display:flex;align-items:stretch}
#category p span {
    white-space: nowrap;
}
@media screen and (min-width:1600px){
	.category{padding:13rem 0 31rem}
}
/*new category*/
#g-intro{margin:0; }
#category>div>a{
display: flex;
align-items: center;
justify-content: flex-start;
border-radius: 20px;
color:#373737;
min-height:200px;
background-color:#fff;
padding:2% 4%;
height:100%
}
#category>div>a:hover{box-shadow:9px 12px 15px rgb(0 0 0 / 15%);}
#category>div:hover img {
    /*background: #D2EFF5;*/
    border-radius: 20px;
}
#category a:hover{
	text-decoration:none;
}
#category>div{margin:15px 0}
#category img{
	width:50%;
	margin-right:20px;
	transition:1s
}
#category h3{position:relative; font-weight:bold;font-size:38px;line-height:1.2;color:#424242}
#category h3:before {
    /*content: "";*/
    position: absolute;
    width: 53px;
    height: 5.25px;
    top: -18px;
    background: #f4ee2f;
}
/*mobile*/
@media screen and (max-width:1600px){
#category h3{font-size:30px}
#category p{font-size:16px}
}
			
@media screen and (max-width:1200px){
		#category img{width:50%}
		#category h3{font-size:24px}
		#category p{font-size:12px}
}
@media screen and (max-width:576px){
#g-intro{padding: 2% 9% 5%}
#category img{width:48%}
#category h3{font-size:18px;line-height:26px}
#category>div{margin:10px 0}
#category>div>a{min-height:unset;padding:5% 0}
.category {padding: 16vw 6% 51vw !important}
#category img{margin-right:9px}
}
@media screen and (max-width:1200px){
#category>div:hover img{background:transparent;box-shadow:none}
#category>div>a:hover {box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);}
}