@media (max-width: 480px) {
    .left-side-menu-bar{
        padding: 20px;
    }
    .right-side-menu-bar{
        padding: 20px;
    }
    .navbar-main{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header{
        padding-left: 20px;
        padding-right: 20px;
    }
    .header h1{
        font-size: 4.5rem !important;
    }
    .right-side-header{
        margin-top: 100px !important;
    }
    .make-an-enquiry{
        display: none;
    }
    .right-side-header .w-75{
        width: 100% !important;
    }
    .bg-image1 {
        top: 0px;
        left: 0px;
    }
    .bg-image2 {
        top: 70px;
        right: 0px;
    }
    .dot {
        top: 10px;
        left: 50%;
        width: 5px;
        height: 5px;
    }
    .service-container{
        margin-top: 50px;
    }
    .service-text-main-div{
        padding: 20px;
    }
    .about-us-container{
        margin-top: 250px;
        padding: 20px;
    }
    .partner-container{
        margin-top: 100px;
        padding: 20px;
    }

    .logo-scroll-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .logo-row {
        flex-wrap: nowrap;
    }

    .logo-item {
        flex: 0 0 30.33%;
    }

    .logo-scroll-wrapper::-webkit-scrollbar {
        display: none;
    }
    .logo-scroll-wrapper {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .paragraph-service {
        width: 80%;
    }
    .button-service {
        width: 80%;
    }
    .work-container{
        padding: 20px;
    }
    .right-side-work-area .w-75{
        width: 80% !important;
        margin-top: 3rem;
    }
    .product-section{
        padding: 20px;
    }
    .heading-action-area-image-container {
        font-size: 20px;
    }
    .check-all-work-container{
        padding: 20px;
    }
    .image-container-section img {
        height: 300px;
    }
    .image-container-section {
        height: 300px;
    }
    .image-container-section-bottom-to-top {
        width: 100%;
        height: 300px;
    }
    .image-container-section-bottom-to-top img {
        height: 350px;
    }
    .process-container{
        margin-top: 100px;
        padding: 20px;
    }
    .accordian-section{
        padding: 20px;
        margin-top: 0px;
    }
    .step-number {
        font-size: 2rem;
    }
    
    .step-name {
        font-size: 2rem;
    }
    
    .toggle-icon {
        font-size: 2rem;
    }
    .bg-image-5 {
        display: none;
    }
    .insight-section{
        margin-top: 100px;
        padding: 20px;
    }
    .article-container{
        margin-top: 0px;
        padding: 20px;
    }
    .image-area-articles img {
        height: 300px;
        width: 100%;
    }
    .heading-text-area-article {
        font-size: 30px;
        padding-top: 20px;
    }
    .build-app-section{
        padding: 20px;
    }
    .build-app-section .w-75{
        width: 100% !important;
    }
    .bg-image1,.bg-image2,.bg-image-7,.bg-image-3,.bg-image4,.bg-image-5,.bg-image-6 {
        display: none;
    }
    .bg-img1{
        position: absolute;
        z-index: -1;
        overflow: hidden;
        width: 100%;
        top: 0px;
        right: 0;
    }
    .bg-img1 img{
        width: 70%;
    }
    .bg-img2{
        position: absolute;
        z-index: -3;
        overflow: hidden;
        width: 100%;
        bottom: 0;
        right: 0;
    }
    .bg-img2 img{
        width: 100%;
    }
    .d-none{
        display: inherit !important;
    }
    .view-all-posts-container{
        padding: 20px;
    }
    .bg-image-8 {
        display: none;
    }
    .text-build-app h2 {
        font-size: 4rem;
    }
    .paragraph-build-app p {
        padding-right: 0px;
    }
    .paragraph-build-app {
        width: 80%;
    }
    .button-build-app{
        width: 80%;
    }
    .footer-area{
        padding: 20px;
    }
    .email-input {
        font-size: 20px;
    }
    .bg-image-3{
        display: none;
    }
    .contact-page-second-section{
        padding: 20px;
        margin-top: 50px;
    }
    .header-insight-page{
        margin-top: 100px;
        padding: 20px;
    }
    .container-insight-cetagory{
        padding: 20px;
    }
    .tag-filter .tag {
        font-size: 30px;
    }
    .article-detail-tag-btn{
        padding: 5px 5px;
    }
    .header-insight-detail-page{
        margin-top: 100px;
        padding: 20px;
    }
    .container-image-big{
        padding: 20px;
    }
    .container-image-big img{
        border-radius: 20px !important;
    }
    .insight-text-area-container{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .right-side-description-insight-content{
        margin-top: 60px;
    }
    .padding-20{
        padding: 20px;
    }
    .swiper {
        max-width: 100%;
    }
    .swiper-slide {
        padding: 10px 60px;
    }
    .quote {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .author {
        font-size: 16px;
    }
    .quote-icon {
        font-size: 50px;
        height: 40px;
    }
    .swiper-button-prev::before, .swiper-button-next::before {
        height: 0%;
    }
    .work-detail-overview h1 {
        font-size: 35px;
    }
    .font-size35{
        font-size: 25px;
    }
    .step-number-round{
        font-size: 20px;
        padding: 0px 15px;
    }
    .step-name-round{
        font-size: 20px;
    }
}