@media (max-width:1200px){
    .myNav .services-nav-list{
        li{
            margin-bottom: 1px;
            a{
                font-size:10px;
            }
        }
    }
    .myNav .tab-head-p{
        font-size:14px;
    }
    .myNav .tab-head-p2{
        font-size: 10px;
    }
}
@media(max-width:992px){
    .hero-section br{
        display:none;
    }
   .hero-section .hero-content{
       h1{
           font-size:30px;
       }
       p{
           font-size:18px;
       }
       a{
           font-size:14px;
       }
   }
   .gridview-btn-wrapper{
       display:none;
   }
   .case-study-header .btn{
       padding: 10px;
       margin: 3px;
       font-size: 10px;
   }
   .case-study-header .case-study-header-content p{
       font-size:15px;
   }
   .case-study-header{
       padding: 40px 0px 30px;
   }
   .success-story-page .case-studies .cards{
      max-height: initial;
      min-height: initial;
   }
   .contact-form-content h2 {
        font-size: 24px;
    }
    .contact-form-content p {
        font-size: 16px;
    }
    .contact-form-content img{
        display:none;
    }
    .case-details-header{
        padding: 30px 0px 30px;
        background-size: cover;
    }
    .case-details-header .case-heading h1{
        font-size: 24px;
    }
    .client-wrapper .client-details-info h2{
        font-size:20px;
    }
    .client-wrapper .client-details-info p{
        font-size: 14px;
        line-height: 25px;
    }
    .client-wrapper{
        padding: 15px 0px;
    }
    .case-details-content{
        padding: 40px 0px 40px 0px;
    }
    .case-details-content .technologie-used ul li{
        padding: 0px 20px;
        min-height: 50px;
        font-size: 12px;
        gap: 5px;
    }
    .case-details-sidebar{
        display:none;
    }
    .contact-form-wrapper{
        padding: 30px 0px;    
    }
    .case-details-content .result-list{
        gap:5px;
    }
    .case-details-content .result-list i{
        height: 20px;
        width: 30px;
        margin-top: 4px;
    }
    .sidenav .main-links{
        line-height: 40px;
        font-weight: 600;
        border-bottom: 1px solid #FF5300;
    }
    .sidenav ul li{
        line-height: 40px;
        border-bottom: 1px solid #FF5300;
        font-weight: 500;
    }
    .tech-banner{
        background-image:none !important;
    }
    .benefits-wrapper .benefits-img{
        margin-bottom:20px;
    }
    .benefits-wrapper .benefits-content-item{
        gap: 15px;
    }
    .our-stack-wrapper{
        display:none;
    }
    .technologies-use-wrapper .bg-before{
        padding:15px;
    }
    .technologie-used ul li{
        padding: 0px 10px;
        min-height: 40px;
        font-size: 15px;
    }
    .technologie-used ul li img{
        height: 20px;
        width: 20px;
    }
    .technologies-use-item .form-text-btn{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .outsourcing-wrapper{
        padding: 0px 0px 0px;
    }
    .benefits-service-wrapper{
        padding: 20px 0px 0px;
    }
}
@media(max-width:767px){
    .slider .slide h3{
        font-size: 2.1rem;
        line-height: 2.3rem;
    }
    .stack-logo-slider-wrapper{
        padding-top: 60px !important;
        margin-top: -60px;
    }
    .tabinaion-div .nav-link{
        font-size: 10px;
        padding-right: 9px !important;
        padding-left: 4px !important;
    }
    .banner-text-black .breadcrump-content h1{
        font-size: 24px;
    }
    .tech-banner .breadcrump-content p{
        font-size: 16px;
    }
    .tech-banner .breadcrump-content {
        padding: 40px 0px 60px;
    }
    .tech-banner .breadcrump-content .tech-span{
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 15px;
    }
    .tech-banner .breadcrump-links li:not(:last-child)::after{
        margin-left: 6px;
    }
    .tech-banner.banner-text-black .breadcrump-links li{
        font-size: 12px;
    }
    .benefits-service-wrapper .benefits-content .benefits-item h4{
        font-size: 14px;
    }
    .benefits-service-wrapper .benefits-content .benefits-item p{
        font-size: 14px;
    }
    .all-services-wrapper .bg-w-shadow{
        margin: 10px 10px;
        padding: 20px;
    }
    .all-services-wrapper .all-service-img video{
        margin-top:20px;
    }
}



@media(max-width:576px){
   .hero-section .hero-content{
       h1{
           font-size:18px;
       }
       p{
           font-size:16px;
       }
       a{
           font-size:12px;
       }
   }
   .hero-section #image1{
       height:320px !important;
   }
   .myNav-logo img{
        width: 75px;
   }
}



@media (max-width:400px){
    p{
        font-size:14px;
    }
    a{
        font-size:14px;
    }
    h2{
        font-size:20px;
    }
    h3{
        font-size:20px;
    }
    h4{
        font-size:18px;
    }
    h5{
        font-size:16px;
    }
    h6{
        font-size:14px;
    }
    li{
        font-size:14px;
    }
    .p-b-head{
        font-size:16px;
    }
    .hero-section .hero-content{
        a{
            font-size:10px;
        }
        p{
            font-size:14px;
        }
    }
}



.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999999;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav h6{
    font-weight: 600;
    color: #394951;
    padding-left: 32px;
    background-color: #ff5300;
    color: #ffffff;
    padding: 10px;
    margin: 20px 10px;
    text-align: center;
    border-radius:10px;
}
.sidenav a {
  /* padding: 5px 8px 0px 32px; */
  text-decoration: none;
  color: #394951;
  display: block;
  transition: 0.3s;
}
.sidenav .main-links{
    font-size: 18px;
    border-bottom: 1px solid #dee2e6;
}
.sidenav .internal-links{
    border-bottom: 1px solid #dee2e6;
}

.sidenav a:hover {
  color: #ff5300;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.sidenav ul{
    list-style: none;
    padding-left: 0;
    a{
        margin-left: 10px;
    }
}
.sidenav-overlay{
    display:none;
}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  /* .sidenav a {font-size: 18px;} */
}
    .sidenav-overlay{
        width: 100vw;
        height: 100vh;
        background: black;
        opacity: 0.7;
        overflow: hidden;
        position: fixed;
        display: none;
        z-index:9999;
        display:none;
    }