@media only screen and (min-width: 360px) and (max-width: 992px) {
  .sub-menu{
      display:none;
  }
    
  .logo-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .menu-icon {
    display: block;
    position: absolute;
    top: 8px;
    right: 18px;
  }
  
  .custom-slider-section .globe img{
    width: 350px;
    margin-left: 80px;
  }
  
  .full-content{
      margin-top:25px;
  }

  nav > ul {
    display: none !important;
    padding: 20px 0px 0px 20px;
    padding-left: 0px;
  }
  
   header nav>ul>li> .bigSubmenu {
    position: static;
    width: 100%;
    display: none;
  }

 nav ul.active,
  nav .bigSubmenu.active {
    display: block !important;
  }

  header > .container {
    padding: 12px 15px;
  }

  header nav > ul > li {
    background: transparent;
    padding: 0px 15px;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  header nav > ul > li:last-child {
    border: 0px;
    margin-top: 10px;
  }
  header nav > ul > li .btn-primary {
    margin-top: 10px;
  }

  header nav > ul > li > ul,
  header nav > ul > li > ul > li > ul {
    visibility: visible;
    opacity: 1;
  }

  header nav > ul > li > a {
    padding: 15px 0px;
  }

  /*header nav>ul>li:hover > ul{*/
  /*    position:static;*/
  /*    width:100%;*/
  /*}*/
  
  header nav > ul > li > ul,
  header nav > ul > li > ul > li > ul {
    position: static;
    width: 100%;
  }

  header nav > ul > li > ul > li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px 15px;
  }

  header nav > ul > li > ul > li > a {
    display: inline-block;
    padding: 10px 0px;
  }

  header nav > ul > li > ul > li > ul > li > a {
    padding: 12px 10px;
  }

  header nav ul li .submenu-icon1,
  header nav ul li .submenu-icon2 {
    display: block;
  }

  .submenu-icon1 {
    transition: all 0.45s;
  }
  
  header nav > ul > li:hover > a{
    background: no-repeat;
    border: 0px;
    box-shadow: none;
  }

  .slider-section {
    margin: 0px;
    padding-top:10px;
  }

  .slider-section .slider-item {
    left: 20px;
  }
  
  header nav>ul>li> .bigSubmenu > ul > li > ul{
    visibility: visible;
    opacity: 1;
    position:static;
  }
  
  header nav>ul>li> .bigSubmenu > ul > li > ul > li > .bigSubmenuContent{
      position:static;
  }

  header .logo img {
    width: 70px;
    height:auto;
  }

  .box-sections .highlight-box {
    margin-bottom: 20px;
  }

  .welcome-sections {
    padding: 25px 0px;
  }

  .count-section {
    padding: 0px;
    padding-top: 50px;
    padding-bottom: 20px;
    background-size: cover;
  }

  .count-section .count-box {
    margin-bottom: 30px;
    justify-content: flex-start;
    padding-left: 30px;
  }

  .blog-section .blog-box {
    margin-top: 25px;
  }

  .newsletter-section .common-input {
    width: 100%;
  }

  .newsletter-section .btn {
    display: block;
    width: 100%;
    margin: 0px;
  }

  .heading-2 {
    font-size: 2rem;
  }

  footer h3 {
    /* margin-top: 30px; */
    font-size: 1.5rem;
  }

  .social-icon-box {
    margin-top: 30px;
  }

  footer ul {
    margin-bottom: 30px;
  }

  .listing-wrapper {
    flex-direction: column;
  }

  .listing-wrapper .listing-left-box {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
    margin-bottom: 15px;
  }

  .services-section,
  .machine-section,
  .testimonials-section,
  .month-offer-section,
  .team-section,
  .our-clinic-section,
  .partner-section,
  .franchise-section,
  .newsletter-section,
  footer,
  .franchise-partner-section,
  .franchise-section-2 {
    padding: 30px 0px;
  }

  .inner-header-section {
    padding: 20px 20px;
  }

  .inner-header-section h1 {
    font-size: 1.5rem;
  }

  .about-section span,
  .about-section-2 span,
  .franchise-section-2 span {
    font-size: 4rem;
    margin-bottom: -32px;
  }

  .about-section,
  .about-section-2 {
    padding: 30px 15px;
  }

  .copy-section ul {
    justify-content: flex-start;
    gap: 0px 12px;
    flex-wrap: wrap;
    margin: 0px;
    padding: 0px;
  }

  .copy-section ul li a {
    font-size: 13px;
  }

  .footer-2 h5,
  .footer-2 .btn {
    margin-top: 20px;
  }

  .footer-2 img {
    width: 115px;
  }

  .service-section {
    padding: 30px 15px;
  }

  .service-section-2 {
    padding: 30px 15px;
  }

  .appointment-form {
    padding: 25px;
  }

  .newsletter-section .subscribe-box {
    border: 0px !important;
  }

  .franchise-partner-section .reason-box {
    width: 90%;
    margin: auto;
    margin-bottom: 30px;
  }
  .media-box.mb-0 {
    margin-bottom: 1.5rem !important;
  }
  .meet-us-section {
    padding: 30px 0px;
  }
  .meet-us-section h2 {
    margin-bottom: 0px;
  }
  .slider-section img {
    transition: all;
    transform: scale(1.3);
  }

  /* new code begin here */

  /*.slider-section .welcome-down img {*/
  /*  width: 32px;*/
  /*}*/

  /*.slider-section .carousel-caption h3 {*/
  /*  font-size: 1.4rem;*/
  /*}*/
  /*.slider-section .carousel-caption {*/
  /*  bottom: 25%;*/
  /*}*/
  /*.slider-section .welcome-down {*/
  /*  bottom: 10px;*/
  /*}*/
  /*.welcome-section {*/
  /*  background: linear-gradient(180deg, black, #004178);*/
  /*}*/
  .welcome-section .container {
    position: static;
    width: 100%;
    top: 0px;
    padding: 40px;
  }
  .welcome-section .half-overlay {
    width: 100%;
  }

  .core-value-section,
  .how-we-started-section {
    padding: 50px 0px;
    background-position: top center;
  }
  .core-value-section.core-value-section .item h3 {
    font-size: 2rem;
  }
  /* #coreValueSlider{
    padding: 0px 30px;
  } */
  .core-value-section .vision-wrapper {
    flex-direction: column;
  }
  .core-value-section .vision-wrapper h2 {
    font-size: 2rem;
    margin-bottom: 20px;
  }
  /*.how-we-started-wrapper {*/
  /*  flex-direction: column;*/
  /*}*/
  /*.how-we-started-wrapper .how-we-started-left {*/
  /*  width: 100%;*/
  /*}*/
  /*.how-we-started-wrapper .how-we-started-right {*/
  /*  width: 100%;*/
  /*  margin-top: 20px;*/
  /*}*/
  .home-new-team-section {
    padding: 50px 0px;
  }
  .testimonials-section .testimonials-box {
    flex-direction: column;
  }
  .testimonials-section .testimonials-box .testimonial-footer {
    position: static;
  }
  .social-icon-box ul.social-icons li a {
    width: 40px;
    height: 40px;
  }
  .social-icon-box ul.social-icons li a i {
    font-size: 18px;
  }
  .newsletter-section::before,
  .newsletter-section::after {
    width: 0px;
  }
  .footer-slide .marquee-span {
    font-size: 1.5rem;
  }
  footer h6 {
    margin-top: 20px;
  }
  .started-section .excellence-logo img {
    width: 200px;
    margin-top: -10px;
  }
  .about-new-section.welcome-section .container {
    width: 100%;
  }
  .company-practice-section.core-value-section.core-value-section .item {
    min-height: 600px;
    padding: 30px;
  }
  .core-value-section .owl-nav .owl-prev,
  .core-value-section .owl-nav .owl-next {
    display: none;
  }
  .company-practice-section .heading-2 {
    margin-bottom: 0px;
  }
  .testimonials-section .testimonials-box img {
    height: 300px;
    width: 300px;
  }
  .inner-banner h2 {
    margin-top: -70px;
  }
  .modal-title {
    text-align: left;
  }
  .new-team-section .team-box .team-info h4.team-name {
    font-size: 1rem;
  }
  .new-team-section .team-box .team-info,
  .new-team-section .main-team .team-collumn .team-text {
    padding: 10px;
    min-height: 110px;
  }
  .new-team-section .team-box {
    margin-bottom: 125px;
  }
  .new-team-section .main-team .team-collumn .team-text h3,
  .new-team-section .main-team .team-collumn .team-text h4 {
    font-size: 1rem;
    line-height: 18px;
  }
  .new-team-section .main-team .team-collumn {
    margin-bottom: 20px;
  }
  .new-team-section .row {
    min-height: auto;
  }
  .new-team-section {
    padding: 40px 0px;
  }
  /*.trophy-section .trophy-info h3 {*/
  /*  font-size: 2rem;*/
  /*  line-height: 40px;*/
  /*}*/
  /*.trophy-section .trophy-info {*/
  /*  margin-bottom: 30px;*/
  /*  min-height: auto;*/
  /*}*/
  /*.trophy-section .trophy-info h3 {*/
  /*  margin-top: 0px !important;*/
  /*}*/
  /*.success-stories-section .success-stories-box .success-stories-box-body h4 {*/
  /*  font-size: 1rem;*/
  /*  margin-bottom: 5px;*/
  /*}*/
  /*.success-stories-section*/
  /*  .success-stories-box*/
  /*  .success-stories-box-body*/
  /*  .team-name-2 {*/
  /*  font-size: 1rem;*/
  /*}*/
  /*.success-stories-section .success-stories-box .success-stories-box-body {*/
  /*  padding: 10px;*/
  /*  height: 175px;*/
  /*}*/
  /*.success-stories-section .success-stories-box .read-more {*/
  /*  width: 90%;*/
  /*  font-size: 0.7rem;*/
  /*  padding: 6px;*/
  /*  bottom: 18px;*/
  /*}*/
  .success-stories-section,
  .csr-section,
  .brands-section {
    padding: 50px 0px;
  }
  .testimonials-section .mb-5 {
    margin-bottom: 0px !important;
  }
  .csr-box-right {
    padding: 0px;
    padding-top: 20px;
  }
  .csr-box-right h3 {
    font-size: 2rem;
  }
  .csr-box-right p {
    padding: 0px;
  }
  .csr-section .row {
    margin-bottom: 42px;
  }
  .brands-section .brand-box {
    padding: 30px;
    padding-bottom: 85px;
    min-height: auto;
  }
  .brands-section .brand-box h2 {
    font-size: 1.8rem;
    height: auto;
    margin-bottom: 20px;
  }
  .brands-section .brand-box .read-more {
    color: var(--bgBlue);
    position: absolute;
    bottom: 30px;
    left: 30px;
    padding: 5px 20px;
  }
  .csr-box-right {
    position: static;
  }
  .media-box h4 {
    font-size: 1.5rem;
  }
  .career-section .career-top-box h2 {
    font-size: 2rem;
  }
  .career-section .career-box {
    width: 100%;
    margin-bottom: 30px;
    min-height: 260px;
  }
  
  .inner-banner h1 {
    margin-top: -95px;
  }
  
/*  .main-content.content-top {*/
/*    padding-top: 120px;*/
/*}*/

.our-services-section .service-wrapper.active .service-arrow i{
    transform:rotate(180deg);
}
 
.services-sub-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.services-sub-head .service-arrow{
    display:block;
}

  
  
  
  /*cyberbaute responsive begin here 10-05-25*/
 #home-body{
     overflow:auto;
 }
 .welcome-section .welcome-right{
     max-width:100%;
 }
  
  .core-values .main-values ul{
    flex-direction: column;
    gap: 50px;
  }
  .core-values,
  .our-team{
      height:auto;
  }
  .core-values .main-values .value-main .left-core-bg,
  .core-values .main-values .value-main .right-core-bg{
  display:none;
      
  }
  /*.our-team .team-pic{*/
  /*    overflow:auto;*/
  /*}*/
  
  .our-team .team-pic .team-earth {
    position: relative;
    bottom: 0;
    right: 60px;
      
  }
  .our-team .team-pic .team1 img {
    position: relative;
    width: 350px;
    z-index: 100;
    top: 125px;
      
  }
  .blog-wrapp .blog-unlocks .union-img{
      width:100%;
  }
  /*.blog-wrapp .blog-unlocks .unlock-column{*/
  /*    position:relative;*/
  /*}*/
  .blog-wrapp .new-blog-list {
    position: relative;
    top: 21px;
    right: 10px;
    text-align: left;
    margin-top: 175px;
    }
    .blog-wrapp .blog-unlocks .unlock-column {
        top: 75px;
        left: 143px;
        text-align: left;
        transform: translate(-106px, 0px);
        width: 270px;
        height: 245px;
        padding: 20px;
    }
    .testimonials-section .owl-carousel .owl-nav button.owl-next {
    top: 34%;
    right: 1%;
    }
        
    .testimonials-section .owl-carousel .owl-nav button.owl-prev {
    top: 34%;
    left: 1%;
        
    }
.blog-wrapp {
    padding: 50px 0 100px 0 !important;
}

.footer-section .subscribe-widget .subsribe-bg {
    background-size: cover;}

.footer-section .subscribe-widget .subsribe-bg input {
    left: 55px;
    position: relative;
    top: 5px;
}

.footer-section .subscribe-widget .subscripb-btn{
    top:11px;
}
.custom-slider-section .custom-slide1 .art2 {
    left: 41px;
    width: 100px;
    
}
    
.custom-slider-section .custom-slide1 .art4 {
    position: absolute;
    bottom: 290px;
    right: 50px;
    width: 85px;
} 
    
    /*responsive for style 13-05-25 */
    
.custom-slider-section .custom-slide5 .art2 {
        top: 157px;
}
.custom-slider-section .custom-slide2 .art1{
    bottom: 250px;
    left: 130px;
    width: 150px;
}
.custom-slider-section .custom-slide3 .art3 {
    bottom: 182px;
    right: 29px;
    width: 120px;
}
.custom-slider-section .custom-slide3 .art1 {
    bottom: 160px;
    left: -20px;
    width: 250px;
    
}

.custom-slider-section{
    overflow:hidden;
}

.custom-slider-section .custom-slide5 .art3{
    bottom: 220px;
    left: 74px;
    width: 102px;
 }
 .custom-slider-section .custom-slide5 .art1 {
    bottom: 190px;
    right: -20px;
    width: 150px;
}
.custom-slider-section .custom-slide2 .art2 {
    bottom: 273px;
    left: 440px;
    width: 90px;
}
.custom-slider-section .custom-slide4 .art3 {
    bottom: 205px;
    left: 13px;
    width: 85px;

}
.custom-slider-section .custom-slide4 .art4 {
    bottom: 250px;
    right: 50px;
    width: 100px;
    
}
.custom-slider-section .custom-slide3 .astro3 img {
    width: 170px;
    
}
.core-values .core-value-top {
    max-width: 610px;
    
}

.custom-slider-section .custom-slide2 .art4{
    top: 75px;
    right: 90px;
    width: 80px;
}    
.custom-slider-section .custom-slide1 .globe,
.custom-slider-section .custom-slide2 .globe,
.custom-slider-section .custom-slide3 .globe,
.custom-slider-section .custom-slide4 .globe,
.custom-slider-section .custom-slide5 .globe{
    height: 230px;
    left: -70px;
}

.custom-slider-section h2{
    top: 145px;
    left: 40px;
    font-size: 2.2rem;

}
.custom-slider-section ul.customs-slider-indicators{
    bottom:100px;
}

.custom-slider-section .custom-slide1 .astro1{
    bottom:130px;
}
.custom-slider-section .custom-slide3 .astro3 {
    bottom: 120px;
}
.custom-slider-section .custom-slide2 .astro2{
    bottom:95px;
}
.custom-slider-section .custom-slide4 .astro4{
    bottom:88px;
}
.custom-slider-section .custom-slide5 .astro5{
    bottom:100px;
}

.custom-slider-section .custom-slide4 .art2 {
    top: 140px;
    right: 240px;
    width: 75px;
    
}
.custom-slider-section .custom-slide1 .art3 {
   top: 90px;
   right: 155px;
   width: 80px;
}
.custom-slider-section .custom-slide2 .art3 {
    bottom: 100px;
    right: 360px;
    width: 100px;
}

header{
    padding:0px;
}
.custom-slider-section .custom-slide3 .art2 {
    top: 50px;
    right: 150px;
    width: 120px;

}
.custom-slider-section .custom-slide4 .astro4 img {
    width:250px;
}

.welcome-section .welcome-left .galaxy-star1 {
    width: 175px;
    top: -125px;
}

.our-team{
    overflow:hidden;
}
.our-team .col-md-7{
    padding:0;
}
.footer-section .subscribe-widget h5 {
    margin: 10px 0;
    
}

.footer-section .footer-info,
.footer-section .footer-widget{
    border-right:0px solid;
}

/*about us page*/
.about-wrapper .director-message .director-info .galaxy-star1 {
    position: absolute;
    left: 134px;
    top: -100px;
    width: 140px;
}
.about-wrapper .director-message .main-commitment{
    max-width:95%;
}
.about-wrapper .director-message .director-info .globe-img img
 {
    height: auto;
    width: 100%;
}
.about-wrapper .container .director-message{
    overflow:hidden;
}


/*services pages*/
.new-service-section .services-inner .services-pic{
    position:relative;
}

.new-service-section .services-inner .services-bottom-right-bg{
    bottom: -3px;
}
.blog-detail-wrapper .top-images .earth {
    top: 0px;
    left: 40px;
    width: 65px;
}
.blog-detail-wrapper .top-images .art4 {
    top: 40px;
    right: 0;
}

.blog-detail-wrapper .top-images .jupiter {
    bottom: -40px;
    left: 80px;
    width: 100px;
}
.blog-detail-wrapper .top-images .art3 {
    bottom: 60px;
    right: 0px;
    width: 95px;
}

}


@media (min-width: 992px) and (max-width: 1200px) {
  #home-body{
      overflow:auto;
  }  
  .core-values .main-values .value-main .right-core-bg {
    bottom: 76px;
    right: 254px;
}
   .core-values .main-values .value-main .left-core-bg {
    bottom: 84px;
    left: 269px;
}
.blog-wrapp .new-blog-list {
    right: 90px;
    
}

}


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

/* ends herer */

@media (min-width: 1500px) and (max-width: 2000px) {
}

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

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



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

@media only screen and (min-width: 480px) and (max-width: 767px) {
}

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

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


 
/*cybernaute style for large destop*/
@media (min-width: 1200px) {
/*.core-values .main-values .value-main .left-core-bg{*/ 
/*    left:502px;*/
/*}*/
/*.core-values .main-values .value-main .right-core-bg{*/ 
/*    right:423px;*/
/*    bottom: 75px;*/
/*}*/

    
}
@media (min-width: 1366px) {
    .new-service-section .services-inner:after{
    height: 96vh;
        
    }
/*    .core-values .main-values .value-main .left-core-bg{*/
/*    left: 440px;*/
/*    bottom: 84px;*/
/*}*/
/*.core-values .main-values .value-main .right-core-bg{*/
/*    right:430px;*/
    
/*}*/
    .new-service-section .services-inner .services-bottom-right-bg {
    bottom: -3px;
    }
    
}

@media (min-width: 1380px) {
/*.core-values .main-values .value-main .left-core-bg{*/
/*    left: 514px;*/
/*    bottom: 84px;*/

/*}*/
/*.core-values .main-values .value-main .right-core-bg{*/
/*    right:507px;*/
/*}*/

    
}


@media (min-width: 1400px) {
    .new-service-section .services-inner .services-border{
    height: 530px;
        
    }
    .new-service-section .services-inner:after {
    top:-16px;
        
    }
}


@media (min-width: 1500px) {
 .new-service-section .services-inner:after{
    height: 86vh;
    }
    
     .new-service-section .services-inner .services-bottom-right-bg {
    bottom: -2px;
    }
    .new-service-section .services-inner.biometric-services .services-bottom-right-bg {
        bottom: -3px;
    }
    
}
@media (min-width: 1600px) {
/*    .core-values .main-values .value-main .left-core-bg {*/
/*    left: 608px;*/
    
/*}*/
    .new-service-section .services-inner .services-bottom-right-bg {
        bottom: -3px;
    }
    
    

/* .core-values .main-values .value-main .right-core-bg {*/
/*    right: 602px;*/
    
/*}*/
 .new-service-section .services-inner:after{
    height: 76vh;
    top:-15px;
    
    }
.new-service-section .services-inner .services-border{
    height: 508px;
   
        
    }
    


}