/* ========== Media Queries for full site responsiveness ========== */
/* ========== Last modified by NK on 02-03-2023 at 13:54 Hours ========== */

@media only screen and (min-width: 1600px) {
    .container {
        width: 90vw !important;
    }

    section.new-faqs-design .panel-body {
        font-size: 1.2em;
    }

    section.new-faqs-design .panel-title a {
        font-size: 1.3em;
        font-weight: 600;
    }
}

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

    /* ===== For Mobile and small Tab screen view ===== */
    .top-bar .navbar-toggle {
        border: 1px solid #238391;
        border-radius: 2px;
    }

    .top-bar .navbar-toggle span.icon-bar {
        background-color: #238292;
    }

    .top-bar .col-xs-12 {
        padding: 0;
    }

    #inner_menu {
        text-align: center;
        background: #fff;
        z-index: 1000;
        position: relative;
    }

    #inner_menu .navbar-nav {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 5px 0 10px 0;
        align-items: center;
    }

    #inner_menu .nav>li {
        padding: 5px 0;
        width: 75%;
        border-bottom: 1px solid #aeacac;
    }

    #inner_menu .nav>li:last-child {
        border: none;
    }

    section.banner-section {
        height: 60vh;
    }

    section.banner-section .banner-text-content {
        left: 5%;
        top: 22%;
        width: 90%;
        margin-top: 0;
    }

    section.banner-section .banner-text-content .digital-line-banner {
        width: 15%;
        height: 3px;
        margin: 10px 0 20px 0;
    }

    section.banner-section .banner-text-content h1.banner-text-main-heading {
        font-size: 29px;
        margin-bottom: 35px;
        margin-top: 35px;
    }

    section.banner-section .banner-text-content p {
        font-size: 18px;
        margin-bottom: 35px;
    }

    section.banner-section .banner-text-content button.banner-btn {
        padding: 10px 20px;
        width: 60%;
        font-size: 18px;
        border-radius: 4px;
    }

    section.about-google-workspace .section-main-content {
        margin: 265px auto 80px;
        padding: 30px 0 0 0;
    }

    section.about-google-workspace .section-main-content .section-title p {
        width: 90%;
        left: 1em;
    }

    section.about-google-workspace .section-main-content .section-title .digital-line-about {
        width: 15%;
        height: 3px;
        margin: 10px 0 20px 0;
        left: 1em;
    }

    section.about-google-workspace .section-main-content .section-title h2 {
        font-size: 36px;
        width: 90%;
        left: 0.4em;
    }

    section.about-google-workspace .section-main-content p.main-para {
        width: 90%;
        font-size: 1.4rem;
        left: 1em;
    }

    section.quick-contact {
        padding: 20px;
    }

    section.quick-contact .img-background {
        width: 75px;
        height: auto;
        padding: 20px;
    }

    section.price-table-wrapper {
        flex-direction: column;
    }

    section.price-table-wrapper .pricing-table {
        width: auto;
    }
}