@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


}

@media only screen and (min-device-width : 600px) and (max-device-width : 767px) {

}

@media only screen and (min-device-width : 481px) and (max-device-width : 599px) { 
    .uniq h2{ padding: 0px; width: 100%; line-height: 54px;}
    .outerbox1{display: block;}
    .box-item{width: 320px;}
    .card__content{ padding: 20px 20px; margin-bottom: 30px;}
    .card__content > div{ width: 95%;}
    .recheadbox{width: 100%;}

}

@media only screen and (min-device-width : 361px) and (max-device-width : 480px) {
    .uniq h2{ padding: 0px; width: 100%; line-height: 54px;}
    .outerbox1{display: block;}
    .box-item{width: 320px;}
    .card__content{ padding: 20px 20px; margin-bottom: 30px;}
    .card__content > div{ width: 95%;}
    .recheadbox{width: 100%;}

}

@media only screen and (min-device-width : 321px) and (max-device-width : 360px) { 
    .uniq h2{ padding: 0px; width: 100%; line-height: 54px;}
    .outerbox1{display: block;}
    .box-item{width: 320px;}
    .card__content{ padding: 20px 20px; margin-bottom: 30px;}
    .card__content > div{ width: 95%;}
    .recheadbox{width: 100%;}
}

@media only screen and (min-device-width : 0px) and (max-device-width : 320px) { 

    .uniq h2{ padding: 0px; width: 100%; line-height: 54px;}
    .outerbox1{display: block;}
    .box-item{width: 320px;}
    .card__content{ padding: 20px 20px; margin-bottom: 30px;}
    .card__content > div{ width: 95%;}
    .recheadbox{width: 100%;}

}