/***
*All right copy by RfanCloud hsaignsun
***/

/*Clear all default style*/

@media only screen and (min-width: 1200px){

    .column{
        width: 25%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .xy_lg_3{
        width: 25%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 1200px){
    .column{
        width: 33.333333%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .xy_md_4{
        width: 33.333333%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 768px){
    .column{
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .xy_sm_6{
        width: 50%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 400px){
    .column{
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
    .xy_xsm_12{
        width: 100%;
        float: left;
        padding-left: 15px;
        padding-right: 15px;
    }
}