@media (min-width: 300px) and (max-width: 576px){


    .portfolio-img{
        margin: 10px;
    }

    .experience-box .inner-content h6 {
    font-size: 45px;

}

    .bg-dark .cteative-service-item {
        min-height: auto;
    }

        .services-item-one-items .services-carousel {
        top: -170px;
        margin: 0;
        padding: 0;
    }

    .portfolio {
    /* text-align: center; */
    padding: 40px 0px;
    /* background: #fff; */
}

#myVideo{
  position: absolute;
   top: 0; 
   left: 0;
    width: 100%;
     height: auto; 
     object-fit: contain; 
     z-index: -1;
             margin-top: -200px;
}

    /* .banner-area{
        height: 40vh;
    } */

    .banner-area .content {
        padding: unset;
        display: none;
    }

    /* .banner-slide-counter .swiper-wrapper{
        height: 400px !important;
    } */

    /* .banner-area div {
    height: 400px !important;
} */

.branding_design{
    display: none;
}

    .banner-area.banner-style-five {
        /* height: 100%; */
        height: 30%;
    }

    .banner-animation-zoom {
  padding: unset;
}
}