/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1280px) {
    .home-hero-text h2 {
        font-size: 42px;
        line-height: 50px;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 767px) and (max-width: 991px) {
    .navbar-toggler span.icon-bar {
        background: #fff;
    }
    .stick-bg .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-toggler {
        background-color: #fff;
    }
    button.navbar-toggler {
        margin-right: 35px;
    }
    .hero-right-image img {
        display: none;
    }
    .stick-bg .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-toggler {
        background-color: #fff;
        font-size: 25px;
    }
    .navbar-collapse {
        background: #fff;
        border-top: none;
    }
    .navbar-nav .nav-link {
        padding: 10px 25px !important;
        color: #333;
    }
    .about-text {
        margin-top: 30px;
    }
    .app-dn-text {
        margin-top: 30px;
    }
    .single-faq {
        margin-top: 30px;
    }
    .single-blog {
        margin-bottom: 30px;
    }
    .contact-details-left {
        margin-bottom: 30px;
    }
    .single-footer-wedget {
        margin-bottom: 30px;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    button.navbar-toggler {
        border: none !important;
        outline: none !important;
    }
    .navbar-toggler span.icon-bar {
        background: #fff;
    }
    .stick-bg .navbar-toggle .icon-bar {
        background: #fff;
    }
    .navbar-toggler {
        background-color: #fff;
        font-size: 25px;
    }
    .navbar-collapse {
        background: #fff;
        border-top: none;
    }
    .navbar-nav .nav-link {
        padding: 10px 25px !important;
        color: #333;
    }
    .hero-right-image img {
        display: none;
    }
    .home-hero-text h2 {
        font-size: 35px;
        line-height: 47px;
    }
    .about-text {
        margin-top: 30px;
    }
    .about-text h2 {
        font-size: 28px;
    }
    .app-dn-text {
        margin-top: 30px;
    }
    .app-dn-text h2 {
        font-size: 28px;
    }
    .sibscribe-box form input {
        width: 100% !important;
    }
    button.subscribe-btn {
        margin: 0 auto;
        margin-top: 10px;
    }
    .sibscribe-box h2 {
        font-size: 28px;
    }
    .sibscribe-box p {
        font-size: 15px;
    }
    .faq-image {
        margin-bottom: 30px;
    }
    .single-blog {
        margin-bottom: 30px;
    }
    .contact-details-left {
        margin-bottom: 30px;
    }
    .single-footer-wedget {
        margin-bottom: 30px;
    }
}


/* Landscape */

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .home-hero-text h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .hero-right-image img {
        display: none;
    }
}


/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .auto-container {
        padding: 0 0px;
    }
    nav.navbar {
        top: 120px;
    }
    .top-header a {
        display: block;
    }
    .featured-area .product-grid .product-links li:nth-child(1) {
        transform: translateX(80px);
    }
    .row {
        padding: 0;
        margin: 0;
    }
    .navbar a.logo img {
        width: 178px;
    }
    button.contact-btn {
        width: 210px;
    }
    .hero-fullseen-parallax-area {
        padding: 82px 0 80px;
    }
    #home form {
        margin-top: 30px;
    }
    .about-text p {
        text-align: justify;
    }
    .contact-form {
        padding: 20px 10px;
    }
}