@media(max-width: 900px) {
    main .header .header-content .header-creative-content {
        padding: 60px 20px;
    }

    main .header .header-content .header-creative-content .service-link {
        position: relative;
        display: block;
    }

    main .header .header-content .header-creative-content .service-link li a {
        padding: .25rem;
    }

    main .header .header-content .image-cover {
        height: 490px;
    }

    main .header .header-content .image-cover .image-content {
        top: 0px !important;
    }
}

@media(max-width: 600px) {
    .nav , .fixed-top {
        position: static !important;
    }

    nav .nav-content {
        display: block;

    }

    nav .nav-content .image-content {
        margin: auto;
    }

    .nav-content .nav-link {
        display: none !important;
    }

    .mobile-nav {
        position: fixed !important;
        width: fit-content;
        display: flex;
        z-index: 9999;
        bottom: 0px !important;
        left: 50%;
        justify-content: space-around;
        width: 100%;
        transform: translateX(-50%);
        padding: 10px 0px;
        background-color: rgb(225, 240, 253);
        margin: 0px;
        border-top: 3px solid rgb(134, 133, 205);
        box-shadow: 0px 0px 20px rgb(134, 133, 205);
    }

    .mobile-nav li.active a span,
    .mobile-nav li a span {
        display: none;
    }

    .mobile-nav .nav-link.active a::after,
    .mobile-nav .nav-link:hover a::after {
        color: rgb(134, 133, 205);
        font-weight: bold;
    }

    .mobile-nav .nav-link {
        color: #000;
        font-size: 20px !important;
    }

    .mobile-nav .nav-link.active {
        color: #5553B8;
    }

    .scroll-top-btn {
        display: none !important;
    }

    main .some-of-work .some-of-work-content .general-banner.last-banner,
    main .some-of-work .some-of-work-content .banner {
        background-size: cover !important;
    }

    main .some-of-work .some-of-work-content .general-banner {
        background-size: contain !important;
    }

    main .some-of-work .some-of-work-content .general-banner,
    main .some-of-work .some-of-work-content .banner {
        height: 351px;
        margin: 20px 0px;
    }
    footer {
        width: 100%;
        padding: 40px 0px 71px 0px;
    }
    footer .footer-contain{
        flex-direction: column;
    }
    footer .footer-contain .image-content , 
    footer .footer-contain .socail-link{
        margin-bottom: 20px;
    }
}

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