@media only screen and (min-width:320px) and (max-width:767px) {

    .banner-section-three .swiper-slide img {
        width: 100% !important;
    }

    .our-portfilio-area img {
        border: solid #4a4949 1px;
        padding: 5px;
    }

    .bread-crumb-section {
        padding: 70px 25px 10px;
    }

    .circel-tex-area1 {
        display: none;
    }

    .bread-crumb-title {
        font-size: 20px;
    }


    .banner-section-three .swiper-slide {
        height: auto !important;
    }

        .banner-section-three .swiper-slide .banner-three-content {
            max-width: 100%;
            left: 0px;
            top: 50%;
            right: 0;
            text-align: center;
        }

    .gap-3 {
        gap: 0.5rem !important;
    }

    .banner-section-three .swiper-slide .banner-three-content h2 {
        font-size: 23px;
        text-align: center;
        margin: 0;
    }

    .btn--lg {
        color: #fff;
        padding: 5px 25px;
        font-size: 15px;
    }

    .header-logo {
        width: 150px;
    }

    .main-nav-wrapper .mobile-logo-area {
        padding: 0px 0;
    }

    .main-nav-wrapper .main-nav-js .menu-close-btn {
        position: absolute;
        right: 5%;
        top: 15px;
    }

    header.style-2 .header-logo {
        width: 130px;
        padding: 10px 0;
    }

    header.style-2 {
        top: 0;
        padding: 0 0%;
    }

    .main-nav-wrapper .main-nav-js {
        height: auto;
    }

        .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul {
            padding: 0px 0 0px;
        }

            .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li a {
                font-size: 21px;
                color: #fff;
                -webkit-text-stroke: snow;
                font-weight: 300;
            }

            .main-nav-wrapper .main-nav-js .sidebar-menu-area > ul > li {
                display: block;
                position: relative;
                padding: 0;
                transition: all .2s;
                transform: translateY(50px) scaleY(0);
                opacity: 0;
                line-height: 32px;
            }
}