@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}

@media(max-width:768px) {
    .mbc {
    padding: 1rem;
}

    .heros h1,
    .s3h,
    .removeh2 h1,
    .expertiesh h1,
    .usrc h3,
    .ani h1,
    .servicesh h1,
    .faq-inh h1,
    .abov-fh h1,
    .pkgh2 h1 {
        font-size: 1.8rem;
    }
    .ed>div:hover {
    transform: scale(1.01);
}
.sv1, .sv2, .sv3{
    height: 75px;
    width: 75px;
}
    .rresulth3b {
    padding: 1.5rem;
}
.body22>div{
    padding-left: 0;
    padding-right: 0;
}
.servicesh>div{
    margin-top: 2rem;
}
    .client-s{
        padding-top: 2rem;
    }

    .pkg {
        padding: 3rem 0;
    }

    .pkgh2 p {
        font-size: 1rem;
    }

    .faq-inh p {
        margin-bottom: 0;
    }

    .accordion-body,
    .accordion-button {
        padding: .5rem;
    }

    .accordion-button {
        display: flex;
        gap: 12px;
        align-items: flex-start;
    }

    .faq {
        padding: 2rem 0;
    }

    .body21>div {
        padding: .6rem;
    }

    .resb1g li svg,
    .resb1 li svg {
        width: 10px;
    }

    .resb1g,
    .resb1 {
        gap: 2px;
    }

    /* .block.active {
        margin: 1rem;
    } */

    .pkg-blue3 {
        gap: 1rem;
    }

    .pkgh2 {
        padding-bottom: 2rem;
    }

    .pkg2 {
        margin-top: 1.2rem;

    }

    .below-pkg ul {
        padding-top: 0;
        margin-top: 1rem;
    }

    .seconds3 img {
        height: 292px;
    }

    .botm-f1>div:nth-child(2)>div {

        width: 100%;
    }

    .botm-f1>div:nth-child(2) {
        gap: 1rem;
    }

    .botm-f1>div {
        width: 100%;
    }

    .botm-f1 {
        gap: 1rem;
        padding: .5rem 0;
    }

    .grenb {
        margin: 3rem auto;
        padding: 2rem;
    }

    .s2 {
        padding: 3rem 0;
    }

    .abov-fh p {

        font-size: 1.25rem;
    }

    .servicesh p {
        font-size: 1rem;
    }

    .s5 {
        padding: 2rem 0 0 0;
    }

    .s4 {
        padding: 3rem 0;
    }

    .services {
        padding: 1rem;
    }

    .ani {
        padding-bottom: 0;
    }

    .block {
        width: 100%;
        margin-bottom: 1rem;
    }

    .block.active {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
        scale: none;
                margin: 1rem;
    }

    .animation {
        margin: .5rem;
    }

    .pkg2 {
        scale: none;
    }

    .pkg-blue3>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .pkg-blue3>div:last-child {
        margin-bottom: 0;
    }

    .pkg3m>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .pkg3ms>div:last-child {
        margin-bottom: 0;
    }

    .abov-ful3>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .abov-ful3>div:last-child {
        margin-bottom: 0;
    }

    

    .abov-ful2 li:last-child a {
        margin-bottom: 0;
    }

    .all-class4s>div {
        width: 49%;
        margin-bottom: 1.5rem;
    }

    .clients-s3>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .clients-s3>div:last-child {
        margin-bottom: 0;
    }

    .s3-secbm>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .s3-secbm>div:last-child {
        margin-bottom: 0;
    }

    .cs2>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .cs2>div:last-child {
        margin-bottom: 0;
    }
}

@media(max-width:992px) {
    .block.active {
        scale: none !important;
        margin: 0 !important;
        transform: none !important;
    }
    .heros>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .heros>div:last-child {
        margin-bottom: 0;
    }

    .apink h1 {
        font-size: 1.875rem;
    }

}

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

    .heros h1,
    .s3h,
    .removeh2 h1,
    .expertiesh h1,
    .usrc h3,
    .ani h1,
    .servicesh h1,
    .faq-inh h1,
    .abov-fh h1 {
        font-size: 2rem;
    }

    .s2 {
        padding: 3rem 0;
    }

    .grenb {
        margin: 3rem auto;
    }
}

@media(max-width:992px) and (min-width:575px) {
    .services4>div {
        width: 49%;
    }

    .services4>div:nth-child(1),
    .services4>div:nth-child(2) {
        margin-bottom: 1rem;
    }

    .services4 {
        gap: 2%;
    }

    .rresulth3>div {
        width: 48.66%;
        margin-bottom: 1.5rem;
    }

    .rresulth3>div:last-child {
        margin-bottom: 0;
    }

    .ed>div {
        width: 48.5%;
        margin-bottom: 1.5rem;
    }

    .ed>div:last-child {
        margin-bottom: 0;
    }

}

@media(max-width:575px) {
    .sec2f {
        gap: 1.2rem;
    }

    .sec2f>div {
        width: 100%;
    }

    .services4>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .services4>div:last-child {
        margin-bottom: 0;
    }

    .rresulth3>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .rresulth3>div:last-child {
        margin-bottom: 0;
    }

    .ed>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .ed>div:last-child {
        margin-bottom: 0;
    }

    .pkgh1r h1 span {
        display: none !important;
    }

    .pkgh1r h1 {
        flex-direction: column;
    }
}

@media(max-width:500px) {
    .pink3>div {
        width: 100%;
        margin-bottom: 1.5rem;
    }

    .pink3>div:last-child {
        margin-bottom: 0;
    }

    .below-accor>div button {
        width: 100%;
    }
}

@media(max-width:400px) {
    .reselb>div{
        width: 100%;
    }
    .resel3-in>div{
        width: 100%;
    }
    .resel3{
        padding: 1.5rem;
    }
    .coki-lbtn li {
        width: 100% !important;
    }
    .coki-lbtn li a{
               width: 100% !important;
        display: flex
;
        text-align: center;
        padding: 9px !important;
        align-items: center;
        justify-content: center;
    }
}
@media(max-width:575px) {
    .input21r {
        flex-wrap: wrap;
    }
    .input21r>div{
        width: 100%;
    }
    .ccode>div{
        width: 100% !important;
        margin-bottom: 1rem;
    }
    .ccode>div input{
        width: 100% !important;
    }
    .pkgh2 {
        padding-bottom: 1rem;
    }

    .servicesh>div {
        gap: 7px;
        font-size: 17px;
        padding: 1rem .5rem;
    }

    .all-class4s>div {
        width: 100%;
    }

    .hero-gbtn1 {
        width: 100%;
    }

    .hero-gbtn2 {
        width: 100%;
    }
}

@media(max-width:1025px) {
    .botm-f2 {
        gap: 1rem;
    }

    .botm-f2>div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media(max-width:992px) and (min-width:675px){
        .pkg3m>div {
        width: 48%;
        margin-bottom: 1.5rem;
        }
            .pkg2 {
        margin-top: 0;
    }
    .animation>div{
        width: 48%;
        margin-bottom: 1.5rem;
    }
    .block.active {
        margin-bottom: 2.5rem !important;
        margin-top: 2.5rem !important;
        scale: none;
                margin: .5rem;
    }
}
@media(max-width:768px) and (min-width:675px){
    .abov-ful2 li a
    {
        padding: .5rem 1rem;
        font-size: 1rem;
    }
}
@media(max-width:500px){
    .pkg1 button{
        width: 100%;
    }
    .abov-ful2 li a:hover {
    transform: scale(1.01);
}
    .abov-ful2 {
        gap: .6rem !important;
    }
    .abov-ful2 li a{
        padding: .6rem 1rem;
        font-size: 1rem;
        gap: 10px !important;
    }
    .abov-ful2 li {
        width: 100%;
        margin-bottom: .2rem;
        
    }
}