/* Medium Layout: 1367px. */

@media only screen and (max-width: 1367px) {

}


/* Medium Layout: 1280px. */

@media only screen and (max-width: 1199px) {
    header .header-bottom-area .stellarnav ul li a {
        padding: 20px 10px;
    }
    .hero-area .hero-content .title {
        font-size: 62px;
        line-height: 66px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (max-width: 991px) {
    header .header-top-area .hta-left {
        text-align: center;
    }
    header .header-top-area .hta-right {
        text-align: center;
    }
    header .header-bottom-area {
        position: relative;
        top: 0;
    }
    .header-bottom-area.navbar-fixed-top {
        position: relative;
    }
    header .header-bottom-area .logo {
        text-align: center;
    }
    header .header-bottom-area .demo a {
        font-size: 20px;
        line-height: 24px;
        padding: 10px 30px;
    }
    .stellarnav.light a, .stellarnav.light li a {
        padding: 16px 0 0;
        font-size: 17px;
        letter-spacing: 0;
        font-weight: 500;
    }
    .stellarnav.mobile.left>ul, .stellarnav.mobile.right>ul {
        z-index: 999;
        text-align: left;
    }
    .hero-area {
        padding: 100px 15px 100px;
    }
    .portfolio-menu-area .portfolio-menu {
        padding: 0 10px;
    }
    .about-banner {
        text-align: center;
    }
    .footer-widget {
        text-align: center;
    }
    .footer-widget .links li::before {
        display: none;
    }
    .footer-widget .title {
        background-position: center bottom;
    }
    .section-title .title {
        font-size: 30px;
        line-height: 34px;
    }
    .section-title .text {
        font-size: 20px;
        line-height: 24px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .hero-area .hero-content {
        padding: 14px;
    }
    .hero-area .hero-content .title {
        font-size: 40px;
        line-height: 44px;
    }
    header .header-top-area .text {
        font-size: 14px;
    }
    header .header-top-area .social li a {
        font-size: 14px;
    }
    header .header-top-area .social li {
        margin-left: 4px;
    }
}


/* Small Mobile Layout: 480px. */

@media only screen and (max-width: 480px) {
    
}