/*responsive*/
@media (max-width: 1200px) {

}

@media (min-height: 1024px) {
}

@media (min-height: 1280px) {
}

@media (max-width: 1024px) {
    .top-header .top-menu{
        margin: 0;
        gap: 10px 1rem;
    }
    .top-menu a{
        font-size: 12px;
    }
    .header .logo{
        width: 115px;
        margin-top: -33px;
    }
    .header.fixed{
        top: -22px;
    }
    #banner, .insideBanner{
        margin-top: 86px;
    }
    #banner{
        height: auto;
    }
    .element-icon.rocket{
        width: 90px;
    }
    .testimText{
        padding: 0;
    }
    .element-icon{
        width: 130px;
    }
    .element-icon.sm {
        width: 100px;
    }
    .element-icon.xs{
        width: 80px;
    }
    .element-icon.xxs {
        width: 60px;
    }
    .padding {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
}

@media (max-width: 820px) {
    .testimonialWrapper::before{
        -webkit-mask-size: cover;
        mask-size: cover;
    }
    .testimBox .inner {
        padding: 70px 30px 25px 60px;
    }
    .testimonialWrapper .element-icon.elem-r:last-child{
        top: 80%;
    }
}

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

@media (max-width: 767px) {
    body{
        font-size: 14px;
    }
    .mbMenuContainer .mbMenu ul li a{
        font-size: 1rem;
    }
    .element-icon[style='--left:2; --top:2;'], .element-icon.sm.updown, .element-icon.xs{
        left: 0;
    }
    .about-box{
        padding-top: 0;
    }
    .about-box:last-child{
        padding-bottom: 0;
    }

    .teamvideo{
        margin-bottom: 10rem;
    }
    .teamvideo img{
        height: 100%;
        transform: none;
    }
    .playBtn{
        width: 70px;
        height: 70px;
    }
    .elementor-image{
        width: 100%;
    }
    .element-icon.bicycle{
        right: 20%;
    }

    .testimonialWrapper{
        padding: 0;
    }
    .testimonialWrapper::after{
        right: 10%;
        top: 0;
    }
    .testimBox .img-fluid{
        width: 100px;
        border-width: 5px;
        margin-top: 0;
    }
    .testimText {
        padding: 0 20px 20px 0;
    }
    .testimonialWrapper .element-icon.elem-r:last-child {
        top: 20%;
    }

    .footer-area{
        padding-top: 160px;
    }
    .footerBg{
        inset: 0;
        background-color: transparent;
        -webkit-mask-image: none;
        mask-image: none;
    }
    .footerBg .inner{
        inset: 0;
    }
    .footer-logo img {
        width: 130px;
    }
    .socialBtn {
        gap: 10px 1rem;
    }
}

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

@media (max-width: 575px) {
    .container-fluid.px-100{
        padding-left: 15px;
        padding-right: 15px;
    }
    .heading h2{
        font-size: 1.75rem;
    }
    .heading > i{width: 30px;}
    .teamwork .inner{
        font-size: 14px;
        padding-right: 0;
    }
    .element-icon.rocket {
        width: 70px;
        right: 1%;
        top: 8%;
    }
    .readmore .button{
        padding: 8px 20px;
    }
    .footer-logo img{
        width: 170px;
        margin-left: auto; 
        margin-right: auto;
    }
    .testimonialWrapper::after{
        width: 95%;
        right: 5%;
    }
    .testimFooter h5{
        font-size: 1rem;
    }
    .button-top{
        right: 10px;
        bottom: 5px;
    }
    .insideBanner {
        height: 300px;
    }
    .insideBanner::after{
        background-image: linear-gradient(180deg,rgba(247,148,30, 0.1) 0%, rgb(0 0 0 / 50%) 100%);
    }

    .pageTitle{
        width: 90%;
        top: 40%;
    }
    
    .img-blob{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    .element-icon.w-100{
        width: 160px !important;
        top: -60%;
    }
    .inside-teampage-wrapper{
        padding: 0;
    }
}

@media (max-width: 480px) {
    .testimBox .inner {
        padding: 0 15px 25px 15px;
    }
    .testimText {
        padding: 0;
    }
    .swiper-slider{
        padding-bottom: 2rem;
    }
    .swiper-button-next, .swiper-button-prev{
        top: auto;
        margin-top: 0;
        bottom: 0;
        background-color: var(--orange-color);
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next{
        left: calc(50% - 45px);
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev{
        right: calc(50% - 45px);
    }
}

@media (max-width: 425px) {
    .box-icon i{
        width: 60px;
    }
    .about-box .inner{
        padding: 20px;
        margin-bottom: 10px;
    }
    .teamwork{
        text-align: center;
    }
}

@media (max-width: 390px) {
    .header .logo {
        width: 100px;
        margin-top: -10px;
        padding: 0;
    }
}

@media (max-width: 375px) {
    .element-icon {
        width: 90px;
    }
    .element-icon[style='--left:2; --top:2;'], .element-icon.sm.updown {
        left: 10px;
        top: -4rem;
    }
    .element-icon.xs {
        width: 60px;
    }
    .heading h2 {
        font-size: 1.5rem;
    }
    .box-head h4{
        font-size: 1.25rem;
        margin-bottom: 0;
    }
}