@media (max-width: 375.98px) {

    .scrollable-container {
        width: 285px !important;
    }

    .anim-modal-image {
        text-align: center;
    }

    .anim-modal-image img {
        width: 250px;
    }

    .facilites-box p {
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {

    .banner-sec {
        padding: 12rem 0 16rem 0;
    }

    .banner-img img {
        height: 109vh;
    }

    .main-circle-div {
        overflow: visible !important;
    }

    .user-reviews {
        display: flex;
        align-items: center;
    }

    .comu-icon {
        transform: rotate(-90deg);
    }

    .contact-page-sec {
        padding: 20px 15px 50px 15px;
    }

    .contact-form {
        margin-top: 1rem;
    }

    .social-icon-box {
        flex-direction: row;
        bottom: -20px;
        left: 25%;
    }

    .coworking-servic-box {
        width: 100%;
    }

    .coworking-service-icon {
        inline-size: 100px;
    }

    .coworking-service-icon p {
        font-size: 11px;
    }

    .cafe-box {
        width: 100%;
    }

    .mw-50 {
        width: 50%;
    }

    .ipadw-50 {
        width: 100% !important;
    }

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

    .cwbanner-img {
        text-align: center;
    }

    .cwbanner-img img {
        width: 92%;
    }

    .circle-div {
        height: 250px !important;
        width: 300px !important;
    }

    .circle {
        height: 250px !important;
        width: 250px !important;
    }

    .sliceimg {
        width: 148px !important;
    }

    #slice1img {
        top: 40px !important;
    }

    #slice2img {
        bottom: -30px;
        right: 30px;
    }

    #slice3img {
        top: -36px !important;
    }

    .scrollable-container {
        display: flex;
        height: 108px;
        width: 325px;
    }



    .mt-mobile {
        margin-top: 20px;
    }

    .pl-mobile {
        padding-left: 30px;
    }

    .mobile-center {
        text-align: center;
    }

    .about-heading {
        font-size: 38px !important;
    }


    .cwbannerH {
        font-size: 43px;
    }

    .banner-bg {
        /* padding-bottom: 450px; */
    }

    /* .buy-room-add img {
        border-radius: 1px;
    } */


    .blog_top_heading h1 {
        font-size: 28px !important;
    }

}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    h1 {
        font-size: 32px !important;
        line-height: 45px;
    }

    .review-sec {
        flex-direction: column;
    }

    .review-btn {
        width: 235px;
    }


    .accordion-body {
        width: 93%;
        margin: auto;
        margin-top: -10px;
    }

    .founder-sec .row {
        flex-direction: column-reverse !important;
    }

    .founder-img img {
        position: relative;
    }

    .studiobox img {
        margin-top: 0px;
    }

    .yt-video iframe {
        height: 250px;
    }


    .blog_sec3 h2 {
        font-size: 30px;
    }

    .blog_sec3 h2 span:before,
    .blog_sec3 h2 span:after {
        width: 44px;
        height: 36px;
        background-size: contain;
    }

    .blog_sec3 {
        
    }


    .blog_gallery_left,
    .blog_gallery_right {
        width: 100%;
    }

    .blog_gallery_image {
        height: auto !important;
    }

    .blog_gallery_right_top, 
    .blog_gallery_right_bottom {
        flex-wrap: wrap;
    }

    .blog_gallery_right_top_left, 
    .blog_gallery_right_top_right {
        width: 100%;
    }

    .blog_gallery_right_bottom_left,
    .blog_gallery_right_bottom_right {
        width: 100%;
    }



    .collaboration_sec_main {
        padding: 20px 15px;
    }

    .blog_gallery .heading h2 {
        font-size: 32px;
    }


    .collaboration_sec4 {
        margin-bottom: 0;
    } 

    .cafe-facilites-box {
       margin: 40px 0;
    }
 

}

/* // Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .navbar-nav li a {
        color: #000;
    }

    .dropend {
        margin-left: 10px !important;
    }

    .navbar-collapse {
        background-color: #f8f9faf2;
        position: fixed;
        top: 0;
        right: -100%;
        height: 100%;
        width: 75%;
        text-align: center;
        padding-top: 56px;
        z-index: 1000;
        transition: right 0.3s ease;
    }

    .navbar-collapse.show {
        right: 0;
    }

    .navbar-nav {
        flex-direction: column;
        justify-content: flex-start;
        margin-top: 10px;
        padding: 20px;
    }

    .nav-item {
        margin: 10px 0;
    }

    .dropdown-menu {
        right: 100%;
    }

    .dropdown-menu.show {
        right: auto;
        left: 100%;
    }

    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 18px;
    }


    p,
    a,
    li {
        font-size: 16px;
    }

    .mobile-none {
        display: none;
    }

    .desktop-none {
        display: block !important;
    }

    .pricingSlider {
        margin-left: 0;
    }

    .price-slider-btnbox {
        display: none;
    }

    .accordion-body {
        width: 97%;
        margin: auto;
        margin-top: -10px;
    }

    .ipadw-50 {
        width: 50%;
    }

    /* animation style in here  */
    .circle-div {
        height: 438px;
        width: 359px;
    }

    .circle {
        height: 300px;
        width: 300px;
    }

    .sliceimg {
        width: 198px;
    }

    .steps-box img {
        width: 90px;
        height: 90px;
    }

    #slice1img {
        top: 95px;
        left: -30px;
    }

    #slice3img {
        top: 25px;
        right: 0;
    }

    .about-heading {
        font-size: 47px;
    }

    .blog-hr {
        width: 25%;
    }

    .blog-hr2 {
        display: block;
    }

    .buy-room-add img {
        border-radius: 10px;
    }

    .buy-room img,
    .buy-room .inner-overlay2 {
        border-radius: 10px;
    }
    .scrolhdr{
        font-size: 14px;
    }
    .slidefot{
        font-size: 10px;
    }
    .icon-list li{
        font-size: 16px;
    }

}

@media (min-width: 1000px) {

    .anim-modal-image {
        left: 42% !important;
    }

    .collaboration_sec_main {
        padding: 30px 15px;
    }

}

/* // Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .coworking-servic-box {
        width: 90%;
    }

    .buy-room {
        background-image: url('.././img/blogpage/GET-TOUCH.png');
    }

}

/* // X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .coworking-servic-box {
        width: 94%;
    }

    .wave-container::before {
        height: 119px;

    }
}