Viewing File: /home/ubuntu/socialwhispers-landing/assets/css/responsive.css

@media (min-width: 576px) and (max-width: 767.98px) {}

@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (max-width: 2000px) {
    .container {
        max-width: 1820px;
    }

}

@media (max-width: 1900px) {
    .container {
        max-width: 1720px;
    }
}

@media (max-width: 1800px) {
    .container {
        max-width: 1620px;
    }
}

@media (max-width: 1700px) {
    .container {
        max-width: 1520px;
    }
}

@media (max-width: 1600px) {
    .container {
        max-width: 1420px;
    }
}

@media (max-width: 1500px) {
    .container {
        max-width: 1220px;
    }
}

@media (max-width: 1400px) {}


@media (max-width: 1199.98px) {
    .status-chart-box {
        gap: 2em;
    }

    .trusted-by-img-box {
        grid-template-columns: repeat(4, 1fr);
    }

    .sm-padding {
        padding: 2em 0;
    }

    .partner-img-box {
        grid-template-columns: repeat(5, 1fr);
    }

    .pricing-list h5 {
        flex-direction: column;
    }

    .footer-contact ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-contact ul li::before {
        display: none;
    }
    .resp-mrg-btm-lg{
        margin-bottom: 2em;
    }
    .service-bg{
        display: none;
    }
    .new-home-banner-img{
        width: 42%;
    }
    .shape21{
        display: none;
    }
    .shape20{
        display: none;
    }
    .shape22{
        display: none;
    }
    .shape23{
        display: none;
    }
}

@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }

    .sky-mega-menu .grid-column3,
    .sky-mega-menu .grid-container3 {
        width: 100% !important;
    }

    .header-nav-center .navbar-nav .nav-link.active:before {
        display: none;
    }

    .nav-btn {
        justify-content: flex-start;
    }

    .navbar-toggler {
        border: 0;
    }

    .resp-mrg-btm-md {
        margin-bottom: 2em;
    }

    .banner-sec {
        height: 100%;
    }

    .home-banner-sec {
        min-height: 90vh;
    }

    .nav-btn .nav-link.default-btn-white {
        background-image: linear-gradient(40deg, #ff43c0 0%, #ffa95c 100%);
        color: var(--secondary-color) !important;
    }

    .header-nav-center .navbar-nav .nav-link {
        padding-left: 0;
    }

    .header-nav-center .navbar-nav .nav-item {
        margin-left: 0;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .video-box {
        padding: 0 3em;
    }

    .video-people .one {
        left: 15px;
        width: 10em;
    }

    .video-people .two {
        right: 15px;
        width: 10em;
    }

    .banner-img {
        padding-bottom: 2em;
    }

    .hamburger-icon {
        height: 2.5em;
        object-fit: contain;
    }

    .how-its-work-bg-img-sec img {
        display: none;
    }

    .sm-padding {
        padding: 4em 0;
    }

    .content-marketing-img-sec img {
        max-width: 30em;
        margin: auto;
    }

    .content-marketing-sec .section-title {
        text-align: center;
    }

    .status-chart-box {
        justify-content: center;
    }

    .trusted-by-img-box {
        grid-template-columns: repeat(3, 1fr);
    }

    .service-details {
        padding: 1em;
    }

    .service-btn {
        padding: 1em;
    }

    .section-title {
        text-align: center;
    }

    .our-expertise-tab-sec .nav-pills .nav-link span {
        font-size: 0.9em;
    }

    .partner-img-box {
        grid-template-columns: repeat(4, 1fr);
    }

    .global-reach-img-sec img {
        max-width: 30em;
        margin: auto;
    }

    .pricing-card {
        flex-direction: column;
    }

    .pricing-content {
        align-items: center;
    }

    .faq-img-sec {
        padding-right: 0;
    }

    .faq-img-sec img {
        max-width: 30em;
        margin: auto;
    }

    .home-banner-sec {
        min-height: 85vh;
        background-position: top left;
    }

    .new-home-banner-img {
        display: none;
    }

    .service-left-img img {
        max-width: 30em;
        margin: auto;
    }

    .contact-us-details {
        margin-top: 1em;
    }

    .contact-us-form {
        padding: 0;
    }
    .slider-marquee .slick-list{  
        overflow: hidden;
      }
      .data-analysis-sec{
        min-height: 50vh;
      }
      .home-banner-sec.new-home-banner{
        min-height: 50vh;
      }
}

@media (max-width: 767.98px) {

    .sky-mega-menu .grid-column3,
    .sky-mega-menu .grid-container3 {
        width: 307px !important;
    }

    .home-banner-sec {
        min-height: 100vh;
    }

    .video-people .two {
        width: 5em;
    }

    .video-people .one {
        width: 5em;
    }

    .banner-content {
        text-align: center;
        align-items: center;
    }

    .banner-content h1 {
        font-size: 2.5em;
    }

    .banner-btn {
        justify-content: center;
    }

    .banner-img {
        max-width: 20em;
        margin: auto;
    }

    .banner-img {
        padding-bottom: 0;
    }

    .home-banner-sec {
        min-height: 100%;
        background-position: top left;
        background-image: none;
    }

    .content-marketing-img-sec img {
        max-width: 20em;
    }

    .section-title h2 {
        font-size: 2em;
    }

    .project-bg {
        display: none;
    }

    .status-chart-box {
        flex-wrap: wrap;
    }

    .sm-padding {
        padding: 3em 0;
    }

    .project-title {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1em;
    }

    .trusted-by-img-box {
        grid-template-columns: repeat(2, 1fr);
    }

    .trusted-by-img-box .trusted-by-img img {
        max-width: 6em;
    }

    .service-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .service-bg {
        display: none;
    }

    .our-expertise-tab-sec .nav-pills .nav-link span {
        display: none;
    }

    .our-expertise-tab-sec .nav-pills .nav-link {
        padding: 0.5em;
    }

    .our-expertise-icons {
        max-width: 2.5em;
    }

    .resp-order {
        order: 2;
    }

    .resp-mrg-btm-xs {
        margin-bottom: 2em;
    }

    .why-choose-us-img-sec {
        padding-left: 0;
    }

    .our-expertise-tab-info {
        text-align: center;
    }

    .our-expertise-img {
        max-width: 12em;
        margin: auto;
    }

    .partner-img-box {
        grid-template-columns: repeat(3, 1fr);
    }

    .partner-img img {
        max-width: 5em;
    }

    .global-reach-img-sec img {
        max-width: 20em;
    }

    .global-reach-img-sec {
        padding-right: 0;
    }

    .global-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .feature-reach-img-sec img {
        max-width: 20em;
    }

    .feature-reach-img-sec {
        padding-right: 0;
    }

    .feature-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .services-offers-reach-img-sec img {
        max-width: 20em;
    }

    .services-offers-reach-img-sec {
        padding-right: 0;
    }

    .services-offers-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .services-offers-card{
        display: flex;
        align-items: center;
        text-align: center;
        flex-direction: column;
    }

    .news-card {
        flex-direction: column;
        gap: 1em;
        padding: 1.5em;
    }

    .news-content {
        text-align: center;
    }

    .news-content h5 {
        justify-content: center;
    }

    .pricing-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .client-background {
        display: none;
    }

    .faq-img-sec img {
        max-width: 18em;
    }

    .contact-us-box {
        padding: 1em;
    }

    .contact-us-left-card {
        gap: 1em;
    }

    .contact-us-left-card {
        padding: 1em;
    }

    .contact-us-form {
        padding: 0;
    }

    .footer-bg {
        display: none;
    }

    .footer-sec {
        padding: 3em 0 0;
    }

    .copyright-sec {
        padding: 2em 0;
        text-align: center;
    }

    .copyright-list ul {
        justify-content: center;
        margin-top: 1em;
        gap: 1em;
    }

    .footer-logo {
        gap: 1em;
    }

    .client-review-sec {
        overflow-x: hidden;
    }

    .faq-accordion .accordion-item .accordion-button {
        font-size: 0.7em;
    }

    .section-title {
        margin-bottom: 2em;
    }

    .new-home-banner-img {
        display: none;
    }

    .contact-us-header-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact-us-list {
        padding-left: 0;
        margin-top: 0;
    }

    .service-left-img img {
        max-width: 15em;
        margin: auto;
    }

    /* .home-banner-sec {
        background-image: linear-gradient(40deg, #ff43c0 0%, #ffa95c 100%)!important;
    } */
    .home-banner-sec.new-home-banner{
        background-image: unset!important;
    }

    .video-sec::before {
        background: none;
    }
    .video-sec{
       background-image: linear-gradient(40deg, #ff43c0 0%, #ffa95c 100%)!important;
    }
    .cta-card{
        flex-direction: column;
        gap: 2em;
        text-align: center;
    }
    .contact-us-info{
        text-align: center;
    }
    .data-analysis-sec .service-left-content h1{
        font-size: 2em;
        text-align: center;
    }
    .data-analysis-sec .service-left-content p{
        text-align: center;
    }
    .fixed-popup-sec{
        width: 100%;
        left: 0;
    }
    .popup-img-sec h3{
        font-size: 1.3em;
    }
    .popup-form-sec{
        padding: 1em;
    }
    .popup-form-sec .popup-img{
        height: 12em;
    }
}