@media only screen and (min-width: 1200px) {
    .container {
        width: 100%;
        max-width: 1740px;
        padding-right: 60px;
        padding-left: 60px;
    }
}

@media only screen and (max-width: 991px) {
    /* Common CSS */
    .padding-box {
        padding: 1em;
    }
    /* End Common CSS */
    /* Navbar */
    .navbar {
        background: var(--white);
    }
    .navbar .navbar-nav {
        margin: 0 0;
        height: 100vh;
        overflow-x: auto;
        padding-bottom: 100px;
    }
    .navbar .navbar-nav .nav-link {
        padding: 10px 5px;
        color: #000;
        text-align: center;
        font-size: 1.2em;
    }
    .navbar .navbar-nav .nav-item.active .nav-link {
        border-bottom: 0;
    }
    .navbar .dropdown .dropdown-menu {
        margin: 1em 1em 0 3em;
    }
    .navbar-toggler {
        border: none;
        border-radius: 0;
        padding: 0;
        margin-top: 27px;
        margin-bottom: 23px;
        outline: 0 !important;
    }
    .navbar-toggler[aria-expanded="false"] span:nth-child(2) {
        opacity: 1;
    }
    .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }
    .navbar-toggler[aria-expanded="true"] span:first-child {
        transform: rotate(-45deg);
        position: relative;
        top: 7.5px;
    }
    .navbar-toggler[aria-expanded="true"] span:last-child {
        transform: rotate(45deg);
        bottom: 6px;
        position: relative;
    }
    .navbar-toggler span {
        display: block;
        width: 25px;
        height: 3px;
        background: var(--black);
        margin: auto;
        margin-bottom: 4px;
        transition: all 0.4s linear;
        cursor: pointer;
    }
    .social-link {
        display: none;
    }

    .navbar.navbar.navbar-fixed .navbar-toggler span {
        background: var(--black);
    }
    /* End Header */
    /* Intro */
    .intro-banner {
        margin-top: 7em;
    }
    .intro4-content .intro4-title {
        padding: 0 0;
    }
    .intro4-content .intro4-box {
        padding: 0 0;
    }
    .intro4-content .intro4-title p {
        padding: 5em 2em;
    }
    .intro4-content .intro4-box .box .box-content {
        padding: 5em 2em;
    }
    .intro6-content .intro6-text {
        padding: 0 0;
    }
    .intro8-content .flex-center {
        padding: 5em 2em;
    }
    /* End Intro */
    /* Franchise */
    /* .franchise-content .bg-light-black .flex-center {
        height: 100%;
    } */
    /* End Franchise */
    /* Footer */
    .footer .footer-content {
        padding: 2em 1em;
    }
    .footer .copyright {
        padding: 1em 2em;
    }
    .footer .copyright .nav {
        float: left;
    }
    /* End Footer */
}

@media screen and (max-width: 1024px) and (min-width: 992px) {
    /* Common CSS */
    .padding-box {
        padding: 5em 2em;
    }
    /* End Common CSS */
    /* Header */
    .register-link, .social-link {
        display: none;
    }
    /* End Header */
}

@media screen and (min-width: 992px) {
    .navbar .dropdown .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.2s ease-in;
        -moz-transition: all 0.2s ease-in;
        -ms-transition: all 0.2s ease-in;
        -o-transition: all 0.2s ease-in;
        transition: all 0.2s ease-in;
    }
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
    }
}