@media (max-width:1025px) {
    .container-costum {
        width: 920px;
    }
    .aboutUs .image {
        max-height: unset;
        height: unset;
        padding-bottom: 0;
    }
    .aboutUs .image img {
        width: 282px;
        height: 276px;
        object-fit: cover;
        z-index: 2;
        position: relative;
    }
}

@media (max-width:993px) {
    .container-costum {
        width: 840px;
    }
    header {
        height: 65px;
    }
    .mob-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }
    .nav-mobile {
        position: fixed;
        top: 0;
        width: 260px;
        max-width: 260px;
        background-color: #fafafa;
        height: 100%;
        right: -100%;
        transition: right 0.3s ease-in-out;
        -webkit-transition: right 0.3s ease-in-out;
        -moz-transition: right 0.3s ease-in-out;
        -ms-transition: right 0.3s ease-in-out;
        -o-transition: right 0.3s ease-in-out;
        padding: 75px 15px;
        z-index: 9998;
    }
    .nav-mobile ul li {
        height: 40px;
    }
    .nav-mobile ul li .nav-link {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 48px;
    }
    .menu-open {
        display: flex;
        align-items: center;
        width: 35px;
        height: 35px;
        justify-content: center;
        background-color: #fff;
        border-radius: 50%/3px;
        position: relative;
        z-index: 9999;
    }
}

@media (max-width:769px) {
    .container-costum {
        width: 720px;
        padding: 0 15px;
    }
    .aside .recent-projects,
    .aside .about,
    .aside .recent-posts,
    .aside .form {
        padding: 10px;
    }
    .post .container-costum {
        width: 100%;
    }
    .aside .recent-projects .project {
        max-width: 100%;
    }
    .aside .about .label {
        margin-right: 5px;
        font-size: 12px;
    }
    .landing .datiles {
        margin-bottom: 40px;
    }
    .landing .image {
        background-position: center;
    }
    .works .image {
        height: 300px;
    }
    .get-in-touch .image {
        width: 480px;
    }
    .about-us .headingText {
        margin-bottom: 40px;
    }
    .landing .headingText {
        margin-bottom: 40px;
    }
    .landing .headingText h2 {
        margin-bottom: 10px;
    }
    footer .logo {
        width: 125px;
    }
    .aboutUs .box {
        margin-left: 0;
    }
    .aboutUs .nav-tabs .nav-item .nav-link {
        font-size: 14px;
    }
    .aboutUs .tabs .headingText h1 {
        font-size: 30px;
    }
    .aboutUs .tab-content .tab-pane p {
        margin: 1rem 0;
    }
}

@media (max-width:481px) {
    .aboutUs .image img {
        width: 403px;
        height: 412px;
        object-fit: cover;
        z-index: 2;
        position: relative;
    }
    .whatsapp {
        display: flex;
    }
    .contact .vr {
        display: none;
    }
    .works .image {
        margin: 10px 0;
    }
    .about-us {
        padding: 30px 0 0 0;
    }
    .about-us .content p {
        margin-bottom: 20px;
    }
    .about-us .list {
        margin-bottom: 30px !important;
    }
    .landing .links {
        display: none;
    }
    .landing {
        height: 56vh;
    }
    .landing .row {
        margin: 0;
    }
    .landing .image {
        background-size: contain;
        background-position: right;
        width: 90%;
        left: 55%;
    }
    .container-costum {
        width: 100%;
        padding: 0 12px;
    }
    .landing .headingText h1 {
        font-size: 22px;
    }
    .landing .datiles p {
        max-width: 190px;
        font-size: 12px;
    }
    .landing .headingText {
        margin-bottom: 0;
    }
    .our-clients .headingText h1,
    .get-in-touch .headingText h1 {
        font-size: 30px;
    }
    .search-container form {
        width: 320px;
        max-width: 100%;
    }
    .get-in-touch .image {
        position: relative;
        height: 250px;
    }
    .get-in-touch .form {
        min-width: 100%;
        padding: 20px;
        box-shadow: none;
    }
    .get-in-touch .form form .input {
        width: 100%;
    }
    .works {
        padding: 0;
    }
    .works .headingText p {
        font-size: 12px;
    }
    footer .see-more {
        right: 15px;
    }
    .breadcrumb-nav .title {
        font-size: 40px;
    }
    footer .logo {
        width: 145px;
        margin-bottom: 30px;
    }
    .services .questions .questions-box {
        min-width: 100%;
        padding: 1rem;
    }
    .services .questions .questions-box .headingText {
        padding: 1rem;
    }
    .services .questions .questions-box .headingText h1 {
        font-size: 25px;
    }
}