/*responesive cho desktop mình dùng @media min width*/
/* css responsive cho giao diện desktop */

@media only screen and (min-width: 1280px) {
    h1 {
        font-size: 13px;
    }
}
@media only screen and (min-width: 1366px) {
    h1 {
        font-size: 14px;
    }
}
@media only screen and (min-width: 1488px) {
    h1 {
        font-size: 15px;
    }
}
@media only screen and (min-width: 1600px) {
    h1 {
        font-size: 17px;
    }
}
@media only screen and (min-width: 1920px) {
    h1 {
        font-size: 15px;
    }
}
/*ket thuc  css responsive cho giao diện desktop */



/*css responsive cho giao diện mobile*/

/*màn hình cỡ ipad*/
@media only screen and (max-width: 768px) {
    .abc {
        width: 30%;
    }
}

/*màn hình cỡ sam sung note 5,6,7.. có thể mình không dùng nó*/
@media only screen and (max-width: 515px) {
    .abc {
        width: 30%;
    }
}

/*màn hình cỡ iphone 6s*/
@media only screen and (max-width: 414px) {
    .listPropertybox
    {
        display:none;
    }
}

/*màn hình cỡ iphone 6*/
@media only screen and (max-width: 375px) {
    .abc {
        width: 20%;
    }
}

/*màn hình cỡ iphone 5*/
@media only screen and (max-width: 320px) {
    .abc {
        width: 15%;
    }
}
/*ket thuc css responsive cho giao diện mobile*/