@media screen and (min-width: 767px) {
    .desktop-none{
        display: none
    }
    .block-desktop{
        display: block
    }
}

/*320 - 767*/
@media screen and (max-width: 767px) {
    .mobile-none{
        display: none
    }
    .section-padding {
    padding: 50px 0;
}
    .banner-section .owl-nav{
        display: none
    }
      .banner-section .owl-prev{
        display: none
    }
    .about-section h1{
        font-size: 35px;
        line-height: 40px;
    }
    .about-detail-box {
    display: flex;
            gap: 15px;
}
    .icn-bx{
        width: 80px
    }
    .lagecy-list-details {
    text-align: center;
    position: relative;
    margin-left: 0;
}
    .lagecy-details {
    text-align: center;
    margin-right: 0;
}
    .lagecy-content-border-bx{
            padding: 100px 20px 80px;
    }
    .call-form-title{
        display: none
    }
    .call-form-designation {
    width: 100%;
    text-align: center;
    margin-right: 0;
}
    .call-form-details{
        margin-left: 0;
        padding-top: 30px
    }
    .call-form-box {
    margin-bottom: 30px;
}
    
    .call-form-designation p{
                text-decoration: underline;
        font-family: 'Gopher Display';
        font-weight: 400;
        text-transform: uppercase;
        font-size: 17px;
    }
    .only-for-mobile{
        text-align: center;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 35px
    }
    
    
    .blink-text {
  animation: blinkText 1.2s infinite;
}
 
@keyframes blinkText {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0;
  }
}
    
    .card-default .team-info{
        text-align: center
    }
    .team-know-more{
        text-align: center;
        text-transform: uppercase;
        text-decoration: underline
    }
    .footer-area h5{
        font-size: 12px
    }
    .social-area{
        gap:10px
    }
    .social-area img{
        width: 20px;
        height: 20px
    }
    .company-email a{
        font-size: 13px
    }
    .phone-number a{
        font-size: 13px
    }
    .copyright-text p{
        font-size: 13px;
        margin-top: 0;
         line-height: 20px;
    }
    .copyright-text p a{
        font-size: 13px
    }
    .footer-up{
                line-height: 20px;
    }
    .footer-area .logo{
        height: auto;
        padding-right: 0;
        position: relative;
        top: -35px;
    }
    .privacy a{
        font-size: 13px
    }
    .footer-bottom p{
        font-size: 13px
    }
   /* .banner-section{
        height: 40vh
    }
    .banner-wrapper{
         height: 40vh
    }*/
    .banner-video{
        height: auto;
        width: 100%
    }
    .single-testimonial-item img{
            height: auto;
    }
    .header-area{z-index: 9}
    .header-area .header-inner-box{
        justify-content: center
    }
    .header-area .header-inner-box .logo{
        height: auto;
        margin: 0;
         padding: 0
    }
    .header-area .navigation{
        height: 35px
    }
       .team-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .team-card .team-img-wrap img {
     width: auto!important; 
     height: auto !important; 
    max-width: inherit!important;
     object-fit: contain!important; 
        margin: 0 auto
   
}
    .team-info{
        text-align: center
    }
    .team-card .card-bio{
        text-align: center;
        padding: 0 40px !important
    }
    .card-inner:hover .team-img-wrap{ height: 250px !important;}
    .card-inner:hover .team-info {padding: 15px 0px !important}
    .card-inner:hover .card-bio {height: 0% !important;}
    .card-inner:hover .team-role {margin-bottom: 0px !important;}
    .card-inner:hover .team-name {
        margin-bottom: 4px !important;
        padding-top: 0px !important;
    }
    .team-card .card-inner.active .team-info {padding: 0 20px !important;}
    .team-card .card-inner.active .team-role {margin-bottom: 15px !important;}
    .team-card .card-inner.active .team-name {margin-bottom: 10px !important; padding-top: 5px !important;}
    .team-card .card-inner.active .team-know-more {display: none;}
    .team-know-more{
        margin-top: 15px
    }
    .team-role{
        margin-top: 10px
    }
    .team-know-more-back-btn{
        
        text-align: center;
        text-transform: uppercase;
        text-decoration: underline;
    }
    .card-inner{
        height: 350px
    }
    .meet-team-section{
        /*padding-top: 0*/
        padding-bottom: 50px !important
    }
    .venue-name{
            max-width: 250px;
    margin: 0 auto 30px !important;
    }
    
.container {
    padding-left: 30px;
    padding-right: 30px;
}
.connect-arrow{
    top:0;
    right: 0
}
    .connect-row{
       gap:6px 0px 
    }
    .view-more{
        text-decoration: underline
    }
    .connect-row:hover{
        background: #000;
       
    }
    .connect-row:hover .connect-arrow{
         background: #000;
    }
    .connect-row:hover .arrow-link {
    transform: none;
    right: 0;
    position: relative;
    top: 0;
    background: transparent;
}
       .connect-row:hover .connect-desc{
       color:#fff  
    }
    
    .connect-row:hover  .connect-title{
        color:#fff  
    }
    
        .connect-row:hover .connect-arrow svg line {

        stroke:#fff
    }
    .connect-desc{
        line-height: 20px
    }
    .three-detail-section{
        padding-bottom: 50px
    }
    .lagecy-list-details ul li{
        font-weight: 500
    }
    .lagecy-list-details ul li:first-child{
        margin-bottom: 5px
    }
    .connect-section{
       /* padding-bottom: 0*/
    }
    .instagram-section .team-heading span{
        display: block
    }
    .video-section{
       /* padding-top: 0*/
    }
    .follow-box{
        bottom: 0px
    }
    .social-area img.insta-icon{
        width: 30px;
        height: 30px
    }
    .social-area img.youtube-icon {
    width: 33px;
        height: 33px;
        position: relative;
        top: -5px;
}
    .progress-wrap.active-progress{
        display: none
    }
    .footer-area .container-fluid{
        padding: 0
    }
        .footer-area {
        padding:70px 10px 10px;
        margin-top: 0;
    }
    .privacy{
        text-align: left;
        margin-bottom: 7px
    }
    .copyright-line{
        text-align: left;
        line-height: 16px
    }
    .footer-up .logo img {
    width: 130px;
}
    body{
        overflow-x:hidden
    }
    .banner-section .owl-dots .owl-dot span::before{
        width: 14px
    }
    .banner-section .owl-dots .owl-dot span::after{
        height: 14px
    }
    .banner-section .owl-dots{
        gap:0;
        bottom: 15px;
    }
    .banner-section .owl-dots .owl-dot span{
        width: 20px;
        height: 20px
    }
    .about-detail-box p {
    margin-bottom: 1rem
}
    h2.team-heading {
    font-size: 35px;
            line-height: 1.1;
}
    .copyright-text{
        margin-bottom: 15px
    }
    .footer-area h5{
        margin-bottom: 0
    }
    /*.play-button{
        display: none
    }*/
    .banner1-black-video{
        background: #000
    }
    #smooth-wrapper{
        overflow: hidden !important
    }
    .about-detail-box {
    width: 100%;
}
    .footer-area p{
        margin: 0
    }
    .company-email{
        margin-top: 20px
    }
}


@media (min-width: 768px) and (max-width: 1023px) {
    .banner-video{
            height: 50vh;
    }
   .banner-video .owl-stage-outer{
         height: 50vh;
    }
    .banner-wrapper{
        height: 50vh;
}
    .single-testimonial-item img{
        height: 50vh
    }
    .container{
        max-width: 720px
    }
    .header-area{
        z-index: 3
    }
    .header-area .navigation{
        height: 70px
    }
    .section-padding{
        padding: 90px 0
    }
    .pb-112{
        padding-bottom: 90px
    }
    .about-detail-box{
        width: auto
    }
    .icn-bx {
    margin-bottom: 40px;
}
    .three-detail-section{
        padding-bottom: 50px
    }
    .lagecy-details {
    margin-right: 0;
}
    .lagecy-content-border-bx{
        padding: 80px 20px 80px
    }
    .plus-icon .v-line{
        display: none
    }
    .h-line-first{
        transform: scaleX(0.4) !important
    }
    .h-line-second{
        transform: scaleX(0.4) !important
    }
     .h-line-third{
        transform:scaleX(0.2) !important
    }
    .h-line-fourth{
         transform: scaleX(0.01) !important
    }
    .h-line-fifth{
        transform: scaleX(0.1) !important
    }
    .call-form-designation{
        text-decoration: underline
    }
    .call-form-title p{
        font-size: 14px
    }
    .call-form-designation p{
        font-size: 19px
    }
    .meet-team-section{
        padding-top: 0 !important
    }
    
    .desktop-none.team-know-more{
        display: block
    }
    .desktop-none.team-know-more-back-btn{
        display: block
    }
    .card-inner.active .desktop-none.team-know-more{
        display: none
        }
    .team-grid{
        gap:20px
    }
    .instagram-section{
        padding-top: 0 !important
    }
    .video-section{
        padding-top: 0 !important
    }
    .connect-arrow{
           top: -14px;
        right: -6px;
    }
    .connect-row{
        gap:0
    }
    .footer-area{
        padding-top: 50px !important;
        padding-bottom: 30px !important
    }
    .footer-up .logo img{
        position: relative;
    top: -50px;
    }
    .copyright-text{
        margin-bottom: 15px
    }
    .follow-box {
    position: relative;
    bottom: -27px;
    right: -35px;
}
}


@media (min-width: 1024px) and (max-width: 1279px) {
   
    .container{
        max-width: 960px
    }
    .header-area{
        z-index: 3
    }
    .header-area .navigation{
        height: 70px
    }
    .section-padding{
        padding: 50px 0
    }
    .pb-112{
        padding-bottom: 90px
    }
    .about-detail-box{
        width: auto
    }
    .icn-bx {
    margin-bottom: 40px;
}
    .three-detail-section{
        padding-bottom: 50px
    }
    .lagecy-details {
    margin-right: 0;
}
     .lagecy-content-border-bx{
        padding: 80px 50px 80px
    }
    
      .plus-icon .v-line{
        display: none
    }
    .h-line-first{
        transform: scaleX(0.65) !important
    }
    .h-line-second{
        transform: scaleX(0.69) !important
    }
     .h-line-third{
        transform:scaleX(0.49) !important
    }
    .h-line-fourth{
         transform: scaleX(0.32) !important
    }
    .h-line-fifth{
        transform: scaleX(0.39) !important
    }
    .call-form-designation{
        text-decoration: underline
    }
     .desktop-none.team-know-more{
        display: block
    }
      .card-inner.active .desktop-none.team-know-more{
        display: none
        }
     .desktop-none.team-know-more-back-btn{
        display: block
    }
    .follow-box{
        right: -31px
    }
}
@media (min-width: 1366px) and (max-width: 1439px) {
      .banner-btn{
            bottom: 10%;
        right: 9%;
            line-height: 21px;
    }
    .image-banner-btn{
         bottom: 9%;
         right: 10%;
    }
    
}
/*2560 resolution*/
@media (min-width: 1440px) and (max-width: 1559px) {
      .banner-btn{
/*            bottom: 10%;
        right: 7%;*/
           bottom: 3%;
        right: 10%;
            line-height: 21px;
    }
    .image-banner-btn{
       /*  bottom: 9%;
         right: 8%;*/
         bottom: 1.5%;
        right: 11%
    }
    
}
@media (min-width: 1600px) and (max-width: 1679px) {
      .banner-btn{
            bottom: 11%;
        right: 11%;
            line-height: 21px;
    }
    .image-banner-btn{
         bottom: 10%;
         right: 12%;
    }
    
}
@media (min-width: 1680px) and (max-width: 1919px) {
      .banner-btn{
            bottom: 10%;
        right: 5%;
            line-height: 21px;
    }
    .image-banner-btn{
         bottom: 9%;
         right: 10%;
    }
    
}
@media (min-width: 1920px) and (max-width: 5000px) {
    .banner-btn{
            bottom: 10%;
        right: 12%;
            line-height: 21px;
    }
    .image-banner-btn{
         bottom: 9%;
         right: 13%;
    }
    .banner-section .owl-dots{
        bottom: 40px
    }
}

@media (min-width: 2200px) {
    
    .banner-btn{
            /*bottom: 10%;
        right: 14%;*/
            line-height: 21px;
        position: relative;
        bottom: 168px;
        right: -400px;
        line-height: 21px;
        width: 100%;
        
    }
    .banner-btn a{
        justify-content: flex-end
    }
    .image-banner-btn{
           bottom: 160px;
        right: -380px;
    }
}