/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .banner .text:has(.text-1) p{
        font-size: 14px;
    }

    .text-1 {
        font-size: 21px !important;
        line-height: 26px;
    }
    
    .text-2 {
        font-size: 38px;
        line-height: 50px;
    }
    
    .text-3{
        font-size: 25px;
        line-height: 32px;
    }
}

@media only screen and (min-width : 550px) {
    .j-cate .post-item:first-child .box-image{
        width: 40% !important;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}