/*==========  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: 110px;
    }

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

    .nav-left li {
        margin: unset;
    }

    .nav-left li a {
        padding: 27px 10px;
    }

    .nav-left li.active a,
    .nav-left li:hover a {
        background-color: #fff;
        color: #E68036;
    }
}

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

/* Extra Small Devices, Phones */
@media only screen and (max-width : 550px) {
    .j-banner p{
        font-size: 13px;
    }
    .j-banner .button span{
        white-space: nowrap;
        font-size: 14px;
        padding: 3px;
    }
    .j-banner .button{
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: unset;
    }
    .j-banner p:nth-child(3){
        font-size: 10px;
    }
    .j-banner-2 p{
        font-size: 14px;
        line-height: 1;
    }
    .j-banner-2 p strong{
        font-size: 16px;
    }
}

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