/* BASIC css start */
.about-slogan-wrap ul.about-slogan-list:after{
    clear:both;
    content:'';
    display:block;
}

.about-slogan-wrap ul.about-slogan-list{
    margin-bottom:100px;
}

.about-slogan-wrap ul.about-slogan-list li{
    float:left;
    width:calc((100% - 60px)/4);
    margin-right:20px;
}

.about-slogan-wrap ul.about-slogan-list li:last-child{
    margin-right:0;
}

.about-slogan-wrap ul.about-slogan-list li .imgBox img{
    display:block;
    width:100%;
}

.about-slogan-wrap ul.about-slogan-list li .textBox strong{
    display: block;
    text-align: center;
    padding: 10px 0 10px;
    font-size: 19px;
    font-weight: 500;
}

.about-slogan-wrap ul.about-slogan-list li .textBox span{
    display:block;
    text-align:center;
}

@media (max-width:950px){
    .about-slogan-wrap ul.about-slogan-list li{
        width:calc((100% - 20px)/2);
         margin-bottom:20px;   
    }
    
    .about-slogan-wrap ul.about-slogan-list li:nth-child(2n){
        margin-right:0;
    }
}

@media screen and (min-width: 767px) and (max-width: 950px) {
    .about-wrap .about-slogan-wrap{
        padding:50px;
    }
}

@media screen and (max-width: 767px){
    body .about-wrap .about-slogan-wrap{
        padding-top:0;
        margin-top:0;
        border-top:0;
    }
    
    .about-slogan-wrap ul.about-slogan-list{
        margin-bottom:50px;
    }
    
    .about-slogan-wrap ul.about-slogan-list li .textBox strong{
        font-size:14px;
        padding:5px 0;
    }
    
    .about-slogan-wrap ul.about-slogan-list li .textBox span{
        font-size:12px;
        letter-spacing:-0.7px;
        line-height:20px;
    }
}


/* BASIC css end */