@media screen and (min-width: 768px) and (max-width: 1024px) {

    .portfolio .row {
        gap: unset !important;
        margin-bottom: 20px !important;
    }

    .about .boxes-container .box  {
        height: 100% !important;
    }

    .img-box img {
            width: 100% !important;
     }

     .banner.inner-banner {
        height: 40vh !important;
    }

    .portfolio-main .nav-pills {
            flex-direction: unset !important;
    }

    .packages .nav-pills {
        flex-direction: unset !important;
    }
}