/* For screens below 1500px (approx. 125% zoom) */
@media screen and (max-width: 1500px) {}

/* For screens between 1300px - 1399px (approx. 110% zoom) */
@media screen and (max-width: 1399px) and (min-width: 1300px) {
    .event-cards{
        max-width: 1120px;
    }
    .section-title h2 {
        font-size: 40px;
    }
    h2.counter-num{
        font-size: 42px;
    }
    .nav-tabs{
        gap:20px;
    }
    .surveillance-solutions-content p {
        font-size: 14px;
    }
    .accordion-button{
        font-size: 26px;
    }
    .accordion-item{
        padding: 12px 0;
    }
    .zygal-organization-title h2{
        font-size: 42pxl
    }
    .accordion-body{
        font-size: 16px;
    }
}

/* For screens between 1200px - 1299px */
@media screen and (max-width: 1299px) and (min-width: 1200px) {
    .surveillance-solutions-text p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1199.98px){
   
    .section-title h2 {
        font-size: 38px;
    }
    .footer-newsletter form {
        display: block !important;
    }
    section#step-section .section {
        height: 50vh;
    }
    .tab-btn {
        padding: 10px 25px;
    }
    .cta-btn a {
        padding: 10px 10px;
    }
    #banking-hero{
        height: 40vh;
    }
    #vsaas-hero {
        height: 30vh;
    }
    .familiar-content h2{
        font-size: 40px;
    }
    .new-testimonials .slick-arrow.slick-next{
        right: 142%;
        bottom: 80px;
    }
    .new-testimonials .slick-arrow.slick-prev{
        bottom: 80px;
    }
    .cta-content h2{
        font-size: 62px;
    }
    div#zygalAccordion {
    padding: 0 40px 0 40px;
    }
    .nav-tabs {
    display: flex;
    gap: 25px;
    justify-content: unset;
    border: none;
    margin-bottom: 30px;
    flex-wrap: wrap;
    }
    .surveillance-solutions-text {
        min-height: 125px;
    }
    #support-channel::after {
        right: 14%;
    }
    #support-channel::before {
        left: 14%;
    }
    .features-box::before, .features-box::after{
        height: 187px;
    }
    #support-channel::before, #support-channel::after {
        width: 135px;
        bottom: 44%;
    }
    .implementation-main {
        padding-left: 60px;
    }   
}

@media screen and (max-width: 991.98px){
    .your-surveillance-image img {
        margin: 0 auto;
    }

    .your-surveillance-content h2{
        font-size: 40px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .tab-btn {
        padding: 10px 20px;
    }
    .zygal-organization-title h2 {
        font-size: 40px;
    }
    h2 {
        font-size: 38px;
    }
    .cta-content h2 {
        font-size: 34px;
    }
    .cta-content p {
        font-size: 22px;
    }
    #vsaas-hero {
        height: 40vh;
    }
    .vsaas-hero-title h2 {
        padding-left: 50px;
        font-size: 38px;
    }
    .familiar-content h2{
            font-size: 28px;
    }
    .new-testimonials .slick-arrow.slick-prev{
      left: -90%;
           width: 20%; 
    }
    .new-testimonials .slick-arrow.slick-next{
         width: 20%;
    }
    .features-box::before {
        left: -103px;
    }
    .features-box::before, .features-box::after {
        height: 173px;
        bottom: 53%;
    }
    #support-channel::after {
        right: 10%;
    }
    #support-channel::before, 
    #support-channel::after {
        width: 133px;
        z-index: 1;
        bottom: 44%;
    }

}

@media screen and (max-width: 767.98px){
    h1,
    h2,
    span {
        font-size: 30px;
    }
    .Consultation-content ul li:before {
        background-size: 25px;
    }
    #vsaas-hero {
        height: 60vh;
    }
    .features-list-title #myTab li button{
        font-size: 20px;
    }
    .vsaas-action-box {
        margin-bottom: 10px;
    }
    .your-surveillance-content h2{
        font-size: 28px;
    }
    .vsaas-hero-title h2 {
        padding-left: 0;
        font-size: 22px;
    }
    .familiar-content h2 {
        font-size: 28px;
        margin-top: 10px;
    }
    section {
        padding: 30px 0;
    }
    .hero-g-title h2 {
        font-size: 30px;
    }
    .zygal-organization-title h2 {
        font-size: 34px;
    }
    .atm-title h2{
        font-size: 32px;
    }
    div#zygalAccordion {
        padding: 0;
    }
    .accordion-images {
        min-height: auto;
    }
    .step p {
        font-size: 12px;
    }
    .step h2 {
        font-size: 18px;
    }
    /* .nav-tabs {
        flex-wrap: nowrap;
        overflow: scroll;
    } */
    #adapts-tabs .nav-tabs li {
        width: 50%;
    }
    #adapts-tabs .nav-tabs .nav-link .business-btn p {
        font-size: 14px;
    }
    .tab-btn {
        margin: 0 auto;
        min-width: 220px;
        padding: 10px;
    }
    .event-cards {
        display: block;
    }
    .brand-slider::before, .brand-slider::after{
        width: 70px;
    }
    .left-side .section-title h2{
        margin-bottom: 30px;
    }
    #about-value .section-title{
        width: 100%;
    }
    .connect-organization{
        padding: 15px;
    }
    .connect-step-section .left-slider{
        width: 50%;
    }
    .connect-step-section .right-content{
        width: 50% !important;
    }
    .connect-title {
        flex-direction: column;
        align-items: flex-start !important;
    }
    #adapts-tabs .nav-tabs{
        /* flex-wrap: nowrap;
        overflow: scroll;
        min-width: 400px; */
        gap: 0px;
    }
    /* #adapts-tabs button{
        min-width: 270px;
    } */
    .certified-image-second{
        border: none;
    }
    .agent-hero-text p {
        font-size: 24px;
    }
    .maximize-title{
        margin-top: 15px;
    }
    .implementation-main {
        padding-left: 30px;
    }
    .cybersecurity h2{
        margin-top: 10px;
    }
    .carousel-item {
        margin-bottom: 30px;
    }
    #detection .carousel-control-next, .carousel-control-prev{
        bottom: -2%;
    }
    .agent-hero-img img{
        margin-top: 10px;
    }
    #detection .feature-btn{
        min-width: 200px
    }
    .feature-main {
        overflow: scroll;
        flex-wrap: nowrap;
        justify-content: unset;
        padding-left: 20px;
    }
    .drop-ul.depth_0 li a{
        color: #fff !important;
    }

    .cta img{
        margin-top: 50px;
    }

    .cta-btn img{
        margin-top: 0;
    }

    .menu-item a:hover {
        color: #fff;
    }

    #navbar #menu-main-menu li:last-child a {
        font-size: 16px;
        width: fit-content;
        margin: 0 auto;
    }

    .step-icon{
        margin-top: 30px;
        padding: 5px;
    }
    .step-main-image{
        text-align: center;
        border-bottom: 1px solid #e7eaf2;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .step-main-image img{
        width: 90%;
    }

    /* .copyright-content {
        text-align: left !important;
    } */

    .term-policy ul{
        justify-content: center;
    }

    .event-label {
        font-size: 12px;
    }

    #detection .accordion-item{
        padding: 5px 15px;
    }

    #detection .accordion{
        --bs-accordion-bg: transparent;
    }

     #detection .accordion-body h4{
        color: #fff;
        margin-top: 15px;
    }

     #detection .accordion-body p{
        color: #fff;
    }

    #detection .accordion-button{
        font-size: 20px;
    }
    .zygal-professional .accordion {
        padding: 10px !important;
    }

    #transforming-surveillance .accordion-button{
        font-size: 24px;
    }
    .inhouse-pro-title h2 {
        font-size: 28px;
    }
    .apple-google {
        width: 50%;
        display: block;
        margin: 0 auto;
    }
    section#about-value {
        padding: 60px 0 60px 0;
    }
    section#about-value {
        padding: 100px 0 30px 0;
    }
    .adop-box button {
        height: 115px;
    }
    .about-title h2 {
        font-size: 30px;
    }
    .book-hero-content h1 {
        font-size: 38px;
    }
    .book-hero-form form h2 {
        font-size: 30px;
    }
    .book-hero-form form h2 span {
        font-size: 30px;
    }
}

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

    #adapts-tabs .nav-tabs .nav-link .business-btn p {
        font-size: 13px;
    }

}

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

    #adapts-tabs .nav-tabs .nav-link .business-btn p {
        font-size: 9px;
    }

}