
.Csq {
    padding-top: 73px;
    padding-bottom: 80px;
}

.Csq-content {
    padding-top: 34px;
    -webkit-transition: padding-top .3s ease;
-moz-transition: padding-top .3s ease;
-ms-transition: padding-top .3s ease;
-o-transition: padding-top .3s ease;
transition: padding-top .3s ease;
}

.Csq-item {
    text-align: center;
    
    -webkit-transition: width .3s ease, left .3s ease, top .3s ease;
-moz-transition: width .3s ease, left .3s ease, top .3s ease;
-ms-transition: width .3s ease, left .3s ease, top .3s ease;
-o-transition: width .3s ease, left .3s ease, top .3s ease;
transition: width .3s ease, left .3s ease, top .3s ease;
}


.Csq-icon {
    padding-bottom: 24px;

    -webkit-transition: width .3s ease, left .3s ease, top .3s ease;
-moz-transition: width .3s ease, left .3s ease, top .3s ease;
-ms-transition: width .3s ease, left .3s ease, top .3s ease;
-o-transition: width .3s ease, left .3s ease, top .3s ease;
transition: width .3s ease, left .3s ease, top .3s ease;
}


.Csq-icon IMG {
    -webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-ms-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}

.Csq-text-w {
    padding: 0 20px;
}

.Csq-text SPAN {
    display: block;
}
    



.Csq-content {
    display: table;
    width: 100%;
}

.Csq-item {
    float: left;
    width: 20%;
    position: relative;
}

.Csq-icon {
    position: relative;
}
.Csq-icon IMG {
    -webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-ms-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width .3s ease;
}

.Csq-item.p-hvr-pulse-shrink:hover .i-hvr-pulse-shrink {
    -webkit-animation-duration: .45s;
-moz-animation-duration: .45s;
-o-animation-duration: .45s;
animation-duration: .45s;}



@media (max-width: 1214px) {
    .Csq {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .Csq-content {
        padding-top: 4.0498vw;
    }

    .Csq-icon {
        padding-bottom: 0.3115vw;
    }
}

@media (max-width: 810px) {
    .Csq-icon IMG {
        width: 8.642vw;
    }

    .Csq-text SPAN {
        display: inline;
    }

    }


@media (max-width: 667px) {
    
    .Csq-item {
        width: 100%;
        float: none;
        margin-bottom: 29px;
    }

    .Csq-content {
        padding-top: 13px;
        max-width: 400px;
        margin: 0 auto;
    }

    .Csq-icon {
        padding-bottom: 1px;
    }
    .Csq-icon IMG {
        width: 70px;
    }

}

@media (max-width: 480px) {
    .Csq-content {
        max-width: inherit;
    }
}

@media (max-width: 321px) {
    .Csq {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}