@media (max-width:1281px)
{
    .jiocard-navbar-light .navbar-nav > .nav-item.cta-outline > a, .jiocard-navbar-light .navbar-nav > .nav-item.cta > a{ margin-left: 0.5rem; }
    .jiocard-navbar-light .navbar-nav > .nav-item > .nav-link{ font-size: 0.9em; padding-left: 10px; padding-right: 10px; }

    .banner-section{ padding: 3rem 0; }
    .banner-section .text-section{ padding: 0 0.5em; margin-top: 3rem; }
    .banner-section h3{ font-weight: 300; font-size: 2rem; }
    .banner-section h1{ font-size: 2rem; }
    .banner-section ul{ text-align: center; }
    .banner-section ul li img{ max-width: 200px; }
    .banner-section ul li:last-child { margin-left: 1rem; }
    .banner-section p{ font-size: 1rem; font-weight: 400; }
    .banner-section .button-section{ text-align: left; }

    .col-section-3{ padding: 1rem 0 1rem; }
    .col-section-3 .text-wrap{ position: inherit; margin: 3rem 0; width: 100%; }
    .col-section-3 ul{ min-height: inherit; text-align: center; }
    .col-section-3 ul li{ margin-bottom: 1rem; }
    .col-section-3 ul li:nth-child(2){ top: 0; margin-left: 1rem; }
    .col-section-3 ul li:nth-child(3){ top: 0; margin-left: 1rem; }
    .col-section-3 ul li img{ max-width: 280px; }
    .col-section-3 h3{ font-size: 2rem; }
    .col-section-3 h1{ font-size: 1.8rem; }
    .col-section-3 p{ font-size: 1rem; font-weight: 400; }
    .custom-btn{ padding: 10px 15px; }

    .group-section .text-section{ margin-top: 14rem; }
}
@media (min-width:1025px){}
@media (max-width:961px)
{
    .navbar-nav{ display: block; }
    .jiocard-navbar-light .navbar-nav > .nav-item.cta-outline, .jiocard-navbar-light .navbar-nav > .nav-item.cta{ display: inline-block; margin-top: 1rem; text-align: center; width: 49%; }
    .jiocard-navbar-light .navbar-nav > .nav-item.cta-outline > a, .jiocard-navbar-light .navbar-nav > .nav-item.cta > a{ margin-left: 0; }

    .button-section{ text-align: center !important; }
    .banner-section{ padding: 1rem 0; }
    .banner-section .text-section{ padding: 0 0.5em; order: 2; margin-top: 3rem; }
    .banner-section h3{ font-weight: 300; font-size: 2rem; }
    .banner-section h1{ font-size: 2rem; }
    .banner-section ul{ text-align: center; }
    .banner-section ul li img{ max-width: 337px; }
    .banner-section ul li:last-child { margin-left: 1rem; }
    .banner-section p{ font-size: 1rem; font-weight: 400; }
    .banner-section .button-section{ text-align: center; }

    .icon-section{ padding: 2rem 0; }
    .icon-section .box{ text-align: center; border-radius: 10px; background: #fff; border: 2px solid #ececec; padding: 40px 40px; -webkit-box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

    .col-section-3{ padding: 1rem 0 2rem; }
    .col-section-3 .text-wrap{ position: inherit; margin: 1rem 0;}
    .col-section-3 ul{ min-height: inherit; text-align: center; }
    .col-section-3 ul li{ margin-bottom: 1rem; }
    .col-section-3 ul li:nth-child(2){ top: 0; margin-left: 0.5rem; }
    .col-section-3 ul li:nth-child(3){ top: 0; margin-left: 0.5rem; }
    .col-section-3 ul li img{ max-width: 220px; }
    .col-section-3 h3{ font-size: 2rem; }
    .col-section-3 h1{ font-size: 1.8rem; }
    .col-section-3 p{ font-size: 1rem; font-weight: 400; }
    .custom-btn{ padding: 10px 15px; }

    .group-section{ padding: 1rem 0; }
    .group-section-bg{ position: relative; min-height: 33em; }
    .group-section-bg:before{ width: 100%; }
    .group-section .text-section{ margin-top: 1rem; }
    .group-section .text-section h1{ font-size: 1.9rem; }
    .group-section p{ font-size: 1rem; font-weight: 400; }

    .group-contact-section .text-section{ margin-top: 0; }
    .group-contact-section{ padding: 1rem 0; }
    .group-contact-section img{ position: inherit; width: 100%; }
    .group-contact-section .text-section h1{ font-size: 1.9rem; margin-top: 1rem; }
    .group-contact-section p{ font-size: 1rem; font-weight: 400; }

    .group-digicontact-section{ padding: 1rem 0; }
    .group-digicontact-section img{ position: inherit; width: 100%; }
    .group-digicontact-section .text-section{ margin-top: 1rem; }
    .group-digicontact-section .text-section h1{ font-size: 1.9rem; margin-top: 1rem; }
    .group-digicontact-section p { font-size: 1rem; font-weight: 400; }
    .custom-btn-green{ padding: 10px 15px; }

    .virtual-backgrounds .text-section h1{ font-size: 1.9rem; margin-top: 1rem; }
    .virtual-backgrounds p{ font-size: 1rem; font-weight: 400; }

    .testimonials { padding: 2rem 0; }
    .testimonials #customers-testimonials .item{ margin-bottom: 40px; }

    .faq-section { padding: 0rem 0 1rem; }
    .faq-section .section-heading h3{ font-size: 1.9rem; margin-top: 1rem; }
    .faq-section .accordion-button{ padding: 20px 30px 20px 40px; font-weight: 500; font-size: 1rem; }
    .faq-section .accordion-button::after{ left: 10px; }
    .faq-section .accordion-body{ padding: 0px 30px 20px 40px; }

    .logo-section{ padding: 1rem 0; }
    .logo-section:before{ content: unset; }
    .logo-section:after{ content: unset; }
    .logo-section .partners:before{ content: unset; }
    .logo-section .partners:after{ content: unset; }
    .logo-section .section-heading h3{ font-size: 1.9rem; margin-top: 1rem; }
    .logo-section .partners ul li{ padding: 0 20px; max-width: 33%; min-width: 33%; box-shadow: 0 4px 10px rgb(0 0 0 / 10%), 0 4px 10px rgb(0 0 0 / 2%); }

    .newsletter-section .newsletter{ padding: 1rem 1rem; }
    .newsletter-section .newsletter .section-heading h2{ font-size: 1.9rem; margin-top: 1rem; font-weight: 500; }
    .newsletter .newsletter-form{ max-width: 100%; }
    .newsletter .newsletter-form input{ height: 60px; padding: 18px 53px 17px 13px; }
    .newsletter .newsletter-form button{ width: 42px; height: 42px; }
    .newsletter-section .newsletter:after{ opacity: 0.1; }
    .newsletter-section .newsletter:before{ height: 180px; }

    .pl-45-md{ padding-left: 0px; }
    .mt-15{ margin-top: 3rem; }
}

@media (max-width:641px)
{
    .accountbg{ display: none !important; }
}

@media (max-width:481px)
{
    .button-section{ text-align: center !important; }
    .banner-section{ padding: 1rem 0; }
    .banner-section .text-section{ padding: 0 0.5em; order: 2; margin-top: 3rem; }
    .banner-section h3{ font-weight: 300; font-size: 2rem; }
    .banner-section h1{ font-size: 2rem; }
    .banner-section ul{ text-align: center; }
    .banner-section ul li img{ max-width: 140px; }
    .banner-section ul li:last-child { margin-left: 1rem; }
    .banner-section p{ font-size: 1rem; font-weight: 400; }
    .banner-section .button-section{ text-align: center; }
    .icon-section{ padding: 2rem 0; }
    .icon-section .box{ text-align: center; border-radius: 10px; background: #fff; border: 2px solid #ececec; padding: 40px 40px; -webkit-box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16); box-shadow: 0px 10px 30px 0px rgb(50 50 50 / 16%); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }
    
    .col-section-3{ padding: 1rem 0 1rem; }
    .col-section-3 .text-wrap{ position: inherit; }
    .col-section-3 ul{ min-height: inherit; text-align: center; }
    .col-section-3 ul li{ margin-bottom: 1rem; }
    .col-section-3 ul li:nth-child(2){ top: 0; margin-left: 0em; }
    .col-section-3 ul li:nth-child(3){ top: 0; margin-left: 0em; }
    .col-section-3 ul li img{ max-width: 180px; }
    .col-section-3 h3{ font-size: 2rem; }
    .col-section-3 h1{ font-size: 1.8rem; }
    .col-section-3 p{ font-size: 1rem; font-weight: 400; }
    .custom-btn{ padding: 10px 15px; }

    .group-section{ padding: 1rem 0; }
    .group-section-bg{ position: relative; min-height: 20em; }
    .group-section-bg:before{ width: 100%; }
    .group-section .text-section{ margin-top: 1rem; }
    .group-section .text-section h1{ font-size: 1.9rem; }
    .group-section p{ font-size: 1rem; font-weight: 400; }

    .group-contact-section .text-section{ margin-top: 0; }
    .group-contact-section{ padding: 1rem 0; }
    .group-contact-section img{ position: inherit; width: 100%; }
    .group-contact-section .text-section h1{ font-size: 1.9rem; margin-top: 1rem; }
    .group-contact-section p{ font-size: 1rem; font-weight: 400; }

    .group-digicontact-section{ padding: 1rem 0; }
    .group-digicontact-section img{ position: inherit; width: 100%; }
    .group-digicontact-section .text-section{ margin-top: 1rem; }
    .group-digicontact-section .text-section h1{ font-size: 1.9rem; margin-top: 1rem; }
    .group-digicontact-section p { font-size: 1rem; font-weight: 400; }
    .custom-btn-green{ padding: 10px 15px; }

    .virtual-backgrounds .text-section h1{ font-size: 1.9rem; margin-top: 1rem; }
    .virtual-backgrounds p{ font-size: 1rem; font-weight: 400; }

    .testimonials { padding: 1rem 0; }
    .testimonials .section-heading h3{ font-size: 1.9rem; margin-top: 1rem; }
    .testimonials .section-heading span{ font-size: 1rem; font-weight: 400; }
    .testimonials #customers-testimonials .item{ margin-bottom: 40px; }

    .faq-section { padding: 0rem 0 1rem; }
    .faq-section .section-heading h3{ font-size: 1.9rem; margin-top: 1rem; }
    .faq-section .accordion-button{ padding: 20px 30px 20px 40px; font-weight: 500; font-size: 1rem; }
    .faq-section .accordion-button::after{ left: 10px; }
    .faq-section .accordion-body{ padding: 0px 30px 20px 40px; }

    .logo-section{ padding: 1rem 0; }
    .logo-section:before{ content: unset; }
    .logo-section:after{ content: unset; }
    .logo-section .partners:before{ content: unset; }
    .logo-section .partners:after{ content: unset; }
    .logo-section .section-heading h3{ font-size: 1.9rem; margin-top: 1rem; }
    .logo-section .partners ul li{ padding: 0 20px; max-width: 49%; min-width: 49%; box-shadow: 0 4px 10px rgb(0 0 0 / 10%), 0 4px 10px rgb(0 0 0 / 2%); }

    .newsletter-section .newsletter{ padding: 1rem 1rem; }
    .newsletter-section .newsletter .section-heading h2{ font-size: 1.9rem; margin-top: 1rem; font-weight: 500; }
    .newsletter .newsletter-form{ max-width: 100%; }
    .newsletter .newsletter-form input{ height: 60px; }
    .newsletter .newsletter-form button{ width: 42px; height: 42px; }
    .newsletter-section .newsletter:after{ opacity: 0.1; }

    .pl-45-md{ padding-left: 0px; }
    .mt-15{ margin-top: 3rem; }

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