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

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

/* Medium Devices, Desktops */
@media only screen and (min-width : 850px) {
	
    .nav-right {
        flex-direction: column;
        gap: 5px;
    }

    .nav-right li {
        margin: unset;
    }

    .nav-right li .button {
        min-width: 146px;
    }

    .nav-left {
        justify-content: center;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 850px) {
    .j-banner p {
        font-size: 24px;
    }

    .j-banner p:nth-child(3) {
        font-size: 70px;
    }

    .j-banner-2 p {
        font-size: 16px;
    }

    .j-banner-2 p:nth-child(2) {
        font-size: 40px;
    }

    .j-order {
        order: -1
    }

    .j-chuyen-muc .row {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
	.page-numbers li{
		margin: 0 3px !important;
	}
	.header-bottom .container{
		padding: unset;
	}
	.header-bottom-nav{
		flex-wrap: nowrap;
	}
	.header-bottom-nav li {
		padding: 0 6px;
	}
	.header-bottom-nav li a{
		font-size: 9px;
		line-height: 1;
		white-space: nowrap;
	}
    .j-chuyen-muc .row {
        grid-template-columns: repeat(2, 1fr);
    }

    .j-banner p {
        font-size: 14px;
    }

    .j-banner p:first-child {
        font-size: 18px;
    }

    .j-banner .button span,
    .j-banner-2 .button span {
        white-space: nowrap;
        font-size: 12px;
        padding: 3px;
    }

    .j-banner .button,
    .j-banner-2 .button {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-height: unset;
    }

    .j-banner p:nth-child(3) {
        font-size: 30px;
    }

    .j-banner-2 p {
        font-size: 16px;
    }

    .j-banner-2 p:nth-child(2) {
        font-size: 36px;
    }

    .j-banner-2 {
        padding-top: 20px !important;
    }

}

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