/* -------------------------------------------------responsive work detail page ------------------------------------ */
@media (max-width: 767px) {

    .pos-abs {

        max-width: 80%;
        max-height: 200px;

    }

    .togivetop {
        padding-top: 80px !important;
    }


    .divbgcolor {
        margin-top: 100px;
        padding: 1.5rem !important;
    }


    .circle-wrapper {
        position: relative;
        width: 167px;
        height: 233px;
        margin: 0 auto;
    }

    .imagecontant {
        font-size: 18px;
    }

    .titel {
        font-size: 22px;
    }

    .subcontent {
        font-size: 18px;

    }

   .icon-work-layout
{
  width: 30px;
height: 32px;
}

    .radial-bg {
        width: 300px;
    }
}





@media (max-width: 991px) {
    .card-stack.in-view .card1 {
        top: 30%;
        left: 30%
    }

    .card-stack.in-view .card3 {
        top: 80%;
        left: 67%;
        z-index: 3;
    }
}

@media (max-width: 767px) {
    .card-stack {
        position: static;
        transform: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px 0;
    }

    .card1,
    .card2,
    .card3 {
        position: static;
        transform: none;
        transition: none;
        width: 220px;
        height: 220px;
        margin-bottom: 20px;
    }

    .card-stack.in-view .card1,
    .card-stack.in-view .card2,
    .card-stack.in-view .card3 {
        top: auto;
        left: auto;
        transform: none;
    }

    .card3 {
        margin-bottom: 0;
    }

    .card-stack>.position-relative {
        width: auto !important;
        height: auto;
    }
}