/* XXL: 1400px and up start*/
@media (min-width: 1400px) {
  .container{
    max-width: 1360px;
  }

}

  /* XXL: 1400px and up end */

  /* XL: 1200px - 1399.98px start*/
@media (min-width: 1200px) and (max-width: 1399.98px) {
.container{
    max-width: 1260px;
}



}

  /* LG: 992px - 1199.98px start*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.container{
    max-width: 1260px;
}

.navbar .navbar-nav .nav-link{
    gap:5px !important;
    font-size:13px;
    padding:28px 7px !important;}

    .navbar .navbar-nav {
    display: flex;
    align-items: center;
    gap: 4px
}
}



 /* LG: 992px - 1199.98px end*/


/* MD: 768px - 991.98px start*/
@media (min-width: 768px) and (max-width: 991.98px) {
.mobile_view_header_div_main{
    display: block;
}

.header{
    display: none !important;
}

.desktop_whatsapp {
    display: none !important;
}

.mobile_whatsapp {
    display:  block !important;
}

.feature_boxes{
        width:max-content;
        justify-content:flex-start;
        gap:25px;
        animation:featureScroll 18s linear infinite;
    }

    .feature_box{
        flex:0 0 260px;
    }

    /* Show duplicate only on mobile */
    .mobile-copy{
        display:flex;
    }

    span.mobile-copy{
        display:inline-flex;
        align-items:center;
    }
}

@keyframes featureScroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}


/* MD: 768px - 991.98px end*/

/* SM: 576px - 767.98px start*/
@media (min-width: 576px) and (max-width: 767.98px) {


.why_choose_grid{
    display: grid;
    grid-template-columns: repeat(1,1fr) !important;
    gap: 15px;
}


.about_boxes{
        display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 22px;
}


.slider_section2{
    display: block !important;
}


.slider_section{
    display: none !important;
}



.mobile_view_header_div_main{
    display: block;
}

.header{
    display: none !important;
}

 .feature_box_section{
        overflow: hidden;
    }

    .feature_boxes{
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 20px;
        cursor: grab;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 5px;
    }

    .feature_boxes::-webkit-scrollbar{
        display: none;
    }

    .feature_box{
        flex: 0 0 auto;
        min-width: 220px;
    }

    .feature_boxes:active{
        cursor: grabbing;
    }

.hero_mobile{
    display: block !important;
}

.hero_desktop{
    display: none !important;
}


.team_section{
    position: relative;
    padding: 20px 0px 5px 0px !important;
      background-color: var(--gray-color3);
}

.team_top{
    margin-bottom: 20px !important;
}

.team_info {
    padding: 10px 8px 35px 8px !important;
}


.team_info h4{
    font-size: 15px !important;
}

.team_info p{
    font-size: 13px !important;
}

.desktop_whatsapp {
    display: none !important;
}

.mobile_whatsapp {
    display:  block !important;
}

.feature_boxes{
        width:max-content;
        justify-content:flex-start;
        gap:25px;
        animation:featureScroll 18s linear infinite;
    }

    .feature_box{
        flex:0 0 260px;
    }

    /* Show duplicate only on mobile */
    .mobile-copy{
        display:flex;
    }

    span.mobile-copy{
        display:inline-flex;
        align-items:center;
    }
}

@keyframes featureScroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }

}
/* SM: 576px - 767.98px end*/

 /* XS: <576px start*/
@media (max-width: 575.98px) {

.team_info p{
    font-size: 13px !important;
}

.team_top{
    margin-bottom: 20px !important;
}

.team_info h4{
    font-size: 15px !important;
}

.team_info {
    padding: 10px 8px 35px 8px !important;
}


.team_section{
    position: relative;
    padding: 20px 0px 5px 0px !important;
      background-color: var(--gray-color3);
}

.hero_mobile{
    display: block !important;
}

.hero_desktop{
    display: none !important;
}

     .feature_box_section{
        overflow: hidden;
    }

    .feature_boxes{
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        gap: 20px;
        cursor: grab;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 5px;
    }

    .feature_boxes::-webkit-scrollbar{
        display: none;
    }

    .feature_box{
        flex: 0 0 auto;
        min-width: 220px;
    }

    .feature_boxes:active{
        cursor: grabbing;
    }

.why_choose_grid{
    display: grid;
    grid-template-columns: repeat(1,1fr) !important;
    gap: 35px;
}

.about_boxes{
        display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 22px;
}



.slider_section2{
    display: block !important;
}


.slider_section{
    display: none !important;
}


.mobile_view_header_div_main{
    display: block;
}
.header{
    display: none !important;
}
.desktop_whatsapp {
    display: none !important;
}

.mobile_whatsapp {
    display:  block !important;
}

.team_plus {
    position: absolute;
    right: 3px;
    bottom: 14px;
    width: 40px;
    height: 40px;
}


.feature_boxes{
        width:max-content;
        justify-content:flex-start;
        gap:25px;
        animation:featureScroll 18s linear infinite;
    }

    .feature_box{
        flex:0 0 260px;
    }

    /* Show duplicate only on mobile */
    .mobile-copy{
        display:flex;
    }

    span.mobile-copy{
        display:inline-flex;
        align-items:center;
    }
}

@keyframes featureScroll{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }


}
 /* XS: <576px end*/