.prod-box{margin: auto;}
.titles{ text-align:center; padding:20px 0px;position: relative; display:flex; flex-direction: column;align-items: center; margin-bottom: 2rem;}
.titles h3{font-size: 2.5rem;color: #000;line-height: 2;margin-bottom: 0px;font-weight: bold; margin-top:10px;}
.titles h5{font-size:1.5rem; line-height:2;margin-bottom:25px;color:#000;font-weight: 300;}
.titles:after {content: "";width: 125px;height: 5px;display: block;background: var(--color1);}
.photo-list{padding:10px 0px 80px 0px;}
.photo-list ul{width:100%; display:flex;flex-wrap: wrap;}
.photo-list ul li{width: calc(((100% / 4) - 20px));flex-shrink: 0; margin:5px 10px;    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;}
.photo-list ul li .image{width:100%;flex: 1;overflow: hidden;padding:10px;display: flex;border: 1px solid #e5e5e5;justify-content: center;flex-wrap: wrap;flex-direction: row;align-items: center;}
.photo-list ul li .image img{max-width:100%;width:100%;}
/*.photo-list ul li:last-child:nth-child(3n - 1){margin-right: calc(((100% / 3) + 2.5px));}*/
/*.photo-list li .inner-box {
    position: relative;
    margin-bottom: 0px;width: 100%;
    height: 100%;
}

.photo-list li .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    opacity: .8;
}
.photo-list li .inner-box:hover:before {
        position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
    background-image: -webkit-linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
    background-image: -ms-linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
	 background-image: linear-gradient( -90deg, var(--color1) 0%, var(--color1) 100%);
    opacity: .8;
    z-index: 1;
}*/
.photo-list ul li .text{height: 50px;
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f0f0f0;}
.photo-list ul li .text a{font-size:1rem;color: #4b4a4a;}

@media screen and (width: 1024px)
{
	aside{display:none;}
	main{padding:2rem 0rem;}
	.prod-box{padding:15px;max-width:100%;}
}
@media screen and (max-width: 1023px)
{
	aside{display:none;}
	main{padding:2rem 0rem;}
	.prod-box{padding:15px;max-width:100%;}
}


@media screen and (max-width: 767px){
	.photo-list ul li{width:100%;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

}
@media screen and (max-width: 375px)
{
	
}
@media screen and (max-width: 320px)
{
	
}




.main-navigation {
    position: relative;
    background: none;
}

@media screen and (max-width: 1023px)
{
	.photo .titles{margin-top:0px;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}