@media (min-width:100px) and (max-width:320px) {
    .testi-sec::before{
        background-image: none;
    }
    .testi-sec{
        background-position: center;
        background-size: cover;
        }
    .dropdown-item{
        font-size: 0.9rem;
    }
    .navbar .nav-link{
        font-size: 1rem;

    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .desktop-hide{
        display: block;
       }

    .mobile-hide{
        display: none;
    }
    .mt4{
        margin-top: 4vh;
       }
    .card__content{
        margin-bottom: 3vh;
    }
    .innercard__content{
        padding: 20px 20px;
    }
   

   
    .about-content {
        padding: 20px 0px 20px 7px;
    }
    .smc-numbersbox img{
        width: 30vh;
    }
    #hide{
        display: none;
    }
    .Pages-cardcaption h2{
        color: #fff !important;
    }
    .logo{
        width: 50% !important;
    }
    .carousel-control-next {
        right: 0px !important;
    }
    
    .mob-w{
        width: 60%;
    }
    #team-sec .card{ 
        height: 37vh !important;     
        }
    .testi-sec::before{
        background-image: linear-gradient(to left, transparent 0%, transparent 100%);
    }
     .testi-sec{           
        margin-top: -17%;
        padding-top: 25%;
        background-size:cover;
        background-position:center;
     }

     .carousel-control-next {
       right: -3%;
    }

    .carousel-control-next i{
        background-color: #fff;
    }

    .carousel-control-prev i{
        background-color: #fff;
    }
    .carousel-control-prev {
    left: -3%;}

  
    .collaboration-section {
    background-size: cover;}
    .collaboration-section::before {
    top: 0;
    left: 0%;
    background-image: linear-gradient(to bottom, #ffffffcf 77%, transparent 100%);
}
    .close-content{
        top: -2%;
        right: 2%;
    }
    .title-box{
        padding: 20px 0px;
    }
      .open-content.open{
        padding: 0px;
    }
      .about-box {
        display: block;
    }

    .container_outer_img {
        width: 100%;
    }

    .container_content {
        width: 100%;
        margin-top: 50px;

    }
    .title{
        margin-bottom: 7%;
        font-size: 2rem;
    }
        .contact-form{
        background-color:#fff;
        border-radius:10px;
        padding:20px 10px;
    }
    .contact-sec{
        margin-top:0px;
    }
}

@media (min-width:321px) and (max-width:375px) {
    .testi-sec::before{
        background-image: none;
    }
    .testi-sec{
        background-position: center;
        background-size: cover;
        }
    .dropdown-item{
        font-size: 0.9rem;
    }
    .navbar .nav-link{
        font-size: 1rem;

    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .desktop-hide{
        display: block;
       }
    .mobile-hide{
        display: none;
    }
    .mt4{
        margin-top: 4vh;
       }
    .card__content{
        margin-bottom: 4vh;
    }
    .innercard__content{
        padding: 20px 30px;
    }

    .carousel-control-prev {
        left: 5px !important;
    }

    
   
    .about-content {
        padding: 20px 0px 20px 7px !important;
    }
    .smc-numbersbox img{
        width: 30vh;
    }
    #hide{
        display: none;
    }
    .Pages-cardcaption h2{
        color: #fff !important;
    }
    .logo{
        width: 50% !important;
    }
    .carousel-control-next {
        right: 5px !important;
    }
    .mob-w{
        width: 60%;
    }
    #team-sec .card{ 
        height: 40vh !important;     
        }

    .testi-sec::before{
        background-image: linear-gradient(to left, transparent 0%, transparent 100%);
    }
     .testi-sec{
            margin-top: -17%;
    padding-top: 25%;
        background-size:cover;
        background-position:center;
     }
     .carousel-control-next {
    right: -3%;}

    .carousel-control-next i{
        background-color: #fff;
    }

    .carousel-control-prev i{
        background-color: #fff;
    }

    .carousel-control-prev {
    left: -3%;}
 
    .collaboration-section {
        background-size: cover;}
    .collaboration-section::before {
        top: 0;
        left: 0%;
        background-image: linear-gradient(to bottom, #ffffffcf 77%, transparent 100%);
    }
    .close-content{
        top: -2%;
        right: 2%;
    }
    .title-box{
        padding: 20px 0px;
    }
      .open-content.open{
        padding: 0px;
    }
      .about-box {
        display: block;
    }

    .container_outer_img {
        width: 100%;
    }

    .container_content {
        width: 100%;
        margin-top: 50px;

    }
    .title{
        margin-bottom: 7%;
        font-size: 2.3rem;
    }
        .contact-form{
        background-color:#fff;
        border-radius:10px;
        padding:20px 10px;
    }
    .contact-sec{
        margin-top:0px;
    }
}

@media (min-width:376px) and (max-width:414px) {
    .testi-sec::before{
        background-image: none;
    }
    .testi-sec{
        background-position: center;
        background-size: cover;
        }
    .dropdown-item{
        font-size: 0.9rem;
    }
    .navbar .nav-link{
        font-size: 1rem;

    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .desktop-hide{
        display: block;
       }
    .mobile-hide{
        display: none;
    }
    .mt4{
        margin-top: 4vh;
       }
    .card__content{
        margin-bottom: 4vh;
    }
    .innercard__content{
        padding: 20px 30px;
    }
  
    .about-content {
        padding: 20px 0px 20px 7px !important;
    }
  
    .smc-numbersbox img{
        width: 30vh;
    }
    #hide{
        display: none;
    }
    .Pages-cardcaption h2{
        color: #fff !important;
    }
    .carousel-control-next {
        right: 0px !important;
    }

    .logo{
        width: 50% !important;
    }
    .mob-w{
        width: 60%;
    }
    #team-sec .card{ 
        height: 40vh !important;     
        }
    .testi-sec::before{
        background-image: linear-gradient(to left, transparent 0%, transparent 100%);
    }
     .testi-sec{
            margin-top: -17%;
    padding-top: 25%;
        background-size:cover;
        background-position:center;
     }
     .carousel-control-next {
    right: -3%;}


    .carousel-control-next i{
        background-color: #fff;
    }

    .carousel-control-prev i{
        background-color: #fff;
    }
    .carousel-control-prev {
    left: -3%;}

 
    .collaboration-section {
        background-size: cover;}
    .collaboration-section::before {
        top: 0;
        left: 0%;
        background-image: linear-gradient(to bottom, #ffffffcf 77%, transparent 100%);
    }
    .close-content{
        top: -2%;
        right: 2%;
    }
    .title-box{
        padding: 20px 0px;
    }
      .open-content.open{
        padding: 0px;
    }
      .about-box {
        display: block;
    }

    .container_outer_img {
        width: 100%;
    }

    .container_content {
        width: 100%;
        margin-top: 50px;

    }
    .wrapper {
        width: 100%;
        height: 60vh;
        overflow: hidden;
        margin-top: -43%;
    }

    .home-video-sec .bg {
        height: 60vh;
    }

    .movie {
        height: 54%;
    }

    .story-content, .actor ul {
        position: absolute;
        top: 37%;
        left: 0;
        width: 100%;
    }

    .story-content h2 {
        font-size: 1.8rem;
    }

    .story-content p {
        font-size: 1.1rem;
    }

    .scroll-downs {
        top: 77%;
    }

      /* index Page */
      .about-content {
        padding: 0px;
        margin-top: 10%;
    }

    .scroll-wrap li{
        height: 45vh;
    }

    .secure-data {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .secure-data::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffffd1;
    }

    .managed-section {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .managed-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff99;
    }

    .overlay-img {
        background-position: center;
    }
    .contact-form{
        background-color:#fff;
        border-radius:10px;
        padding:20px 10px;
    }
    .contact-sec{
        margin-top:0px;
    }
}

@media (min-width:415px) and (max-width:600px) {
    .testi-sec::before{
        background-image: none;
    }
    .testi-sec{
        background-position: center;
        background-size: cover;
        }
    .dropdown-item{
        font-size: 0.9rem;
    }
    .navbar .nav-link{
        font-size: 1rem;

    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .desktop-hide{
        display: block;
       }
    .mobile-hide{
        display: none;
    }
    .card__content{
        margin-bottom: 4vh;
    }
    .innercard__content{
        padding: 20px 30px;
    }
   
    
    .about-content {
        padding: 20px 0px 20px 7px !important;
    }
    .logo{
        width: 50% !important;
    }
    .smc-numbersbox img{
        width: 30vh;
    }
    #hide{
        display: none;
    }
    .Pages-cardcaption h2{
        color: #fff !important;
    }
    #team-sec .card{ 
        height: 37vh !important;     
        }
    .testi-sec::before{
        background-image: linear-gradient(to left, transparent 0%, transparent 100%);
    }
     .testi-sec{
            margin-top: -17%;
    padding-top: 25%;
        background-size:cover;
        background-position:center;
     }
     .carousel-control-next {
    right: -3%;}

    .carousel-control-next i{
        background-color: #fff;
    }

    .carousel-control-prev i{
        background-color: #fff;
    }

    .carousel-control-prev {
    left: -3%;}

 
    .collaboration-section {
        background-size: cover;}
    .collaboration-section::before {
        top: 0;
        left: 0%;
        background-image: linear-gradient(to bottom, #ffffffcf 77%, transparent 100%);
    }
    .close-content{
        top: -2%;
        right: 2%;
    }
    .title-box{
        padding: 20px 0px;
    }
      .open-content.open{
        padding: 0px;
    }
    .wrapper {
        width: 100%;
        height: 70vh;
        overflow: hidden;
        margin-top: -43%;
    }

    .home-video-sec .bg {
        height: 60vh;
    }

    .movie {
        height: 48%;
    }

    .story-content, .actor ul {
        position: absolute;
        top: 37%;
        left: -8%;
        width: 100%;
    }

    .story-content h2 {
        font-size: 1.8rem;
    }

    .story-content p {
        font-size: 0.8rem;
    }

    .scroll-downs {
        top: 77%;
    }

      /* index Page */
      .about-content {
        padding: 0px;
        margin-top: 10%;
    }

    .scroll-wrap li{
        height: 45vh;
    }

    .secure-data {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .secure-data::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffffd1;
    }

    .managed-section {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .managed-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff99;
    }

    .overlay-img {
        background-position: center;
    }
    .contact-form{
        background-color:#fff;
        border-radius:10px;
        padding:20px 10px;
    }
    .contact-sec{
        margin-top:0px;
    }
}

@media (min-width:768px) and (max-width:819px) {
    .tab-hide{
        display: none;
    }
    .dropdown-item{
        font-size: 1.5rem;
    }
    .navbar .nav-link{
        font-size: 1.8rem;

    }
    #cards li{
        margin-bottom: 50px;

    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .desktop-hide{
        display: block;
       }
    .mobile-hide{
        display: none;
    }
    #team-sec .card{ 
    height: 23vh;     
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    /* index Page */
    .about-content {
        padding: 0px;
        margin-top: 10%;
    }

    /* About Page */

    .about-first-sec {
        padding: 50px 0px;
        margin-top: 0;
    }

    .about-box {
        display: block;
    }

    .container_outer_img {
        width: 100%;
    }

    .container_content {
        width: 100%;
        margin-top: 50px;

    }



    .secure-data {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .secure-data::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffffd1;
    }

    .managed-section {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .managed-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff99;
    }

    .overlay-img {
        background-position: center;
    }

    .about-box h1 {
        font-size: 2rem;
    }

}

@media (min-width:800px) and (max-width:820px) {
    .tab-hide{
        display: none;
    }
    .dropdown-item{
        font-size: 1.5rem;
    }
    .navbar .nav-link{
        font-size: 1.8rem;

    }
    #cards li{
        margin-bottom: 50px;
    }
    .column-reverse{
        flex-direction: column-reverse;
    }
    .about-content {
        padding: 20px 0px 20px 9px !important;
    }
    #team-sec .card{ 
        height: 23vh !important;     
        }

        .news-card{
            padding: 14px 20px;
        }
  

}

@media (min-width:1000px) and (max-width:1024px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .about-box h1 {
        font-size: 2rem;
    }

    .secure-data {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .secure-data::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffffd1;
    }

    .managed-section {
        background-size: cover;
        background-position: top;
        height: auto;
        padding: 45px 0px;
    }

    .managed-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff99;
    }
}

@media (min-width:1400px) and (max-width:1440px) {
    
    .secure-data::before{
        left: 22%;
    }
    .close-content{
        top: 16%;
    }
    .close-content span{
        top: 18px;
    }

}
@media (min-width:1300px) and (max-width:1366px){
    .innercard__content{
        padding: 10px 32px;


    }

    .innercard__content h2{
        font-size: 25px;
    }

    .card > img {
        width: 82%;
        position: absolute;
        top: -10%;
        left: -10%;
        border-radius: 10px;
    }

    #team-sec .card p {
        color: #f7f7f7;
        font-size: 12px;
    }
    .card h1{
        font-size: 1rem;
    }
    .contact-sec {
        
        background-size: contain;
        padding-top: 1%;
        position: relative;
        background-repeat: no-repeat;
        background-color: #f3d8bb;
    }
    .Pages-cardcaption h2{
        font-size: 1.6rem;
        color: #fff;

    }

}