/*==========  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 : 850px) {
    .j-tin-tuc{
        grid-template-columns: repeat(2, 1fr);
    }
    .j-tin-tuc .post-item:nth-child(2) .image-cover{
        padding-top: 50% !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .j-tin-tuc{
        grid-template-columns: repeat(1, 1fr);
    }
    .j-tin-tuc .post-item{
        grid-column: 1 / -1 !important;
    }

}

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

}
/* Custom, iPhone Retina */
@media only screen and (max-width : 433px) {
	.header .header-inner .logo {
		width: 110px !important;
	}
}
@media only screen and (max-width : 362px) {
	.header .header-inner .logo {
		width: 100px !important;
	}
}
@media only screen and (max-width : 340px) {
	.header .header-inner .logo {
		width: 89px !important;
	}
}
@media only screen and (max-width : 320px) {
	.header .header-inner .logo {
		width: 85px !important;
	}
}
@media only screen and (max-width : 320px) {
	.header .header-inner .logo {
		width: 75px !important;
	}
}