@media (max-width:991px) {
    .main-btn{
        a{
            font-size: 18px;
            padding: 8px 30px;
        }
    }
    p{
        font-size: 18px;
    }
    .res-p-0{
        padding: 0 !important;
    }
    .res-p-20{
        padding: 20PX !important;
    }
    .res-g-20{
        gap: 20px !important;
    }
    .res-g-100{
        gap: 100px !important;
    }
    .res-j-c{
        justify-content: center !important;
    }
    .res-align-i-s{
        align-items: start !important;
    }
    .res-f-w-w{
        flex-wrap: wrap !important;
    }
    .res-fd-c{
        flex-direction: column !important;
    }
    .res-fd-cr{
        flex-direction: column-reverse !important;
    }
    .res-w-100{
        width: 100% !important;
        max-width: 100% !important;
        li{
            width: 100% !important;
        }
    }
    .res-h-auto{
        height: auto !important;
    }
    .res-max-height-400{
        max-height: 400px;
    }
    .res-max-h-100{
        max-height: 100% !important;
    }
    .res-w-50-18{
        width: calc(50% - 18px) !important;
    }
    .res-d-none{
        display: none !important;
    }

    .animatedUpdown{
        &:before, &:after{
            height: 100px !important;
            width: 40px !important;
        }
    }
    .animatedCircle{
        &:before,&:after{
            height: 150px !important;
            width: 150px !important;
        }
        &:before{
            right: -75px !important;
        }
        &:after{
            left: -75px !important;
        }
        &.opp{
            &:before{
                left: -75px !important;
            }
            &:after{
                right: -75px !important;
            }
        }
    }

    .res-div-d-none-ba{
        &:before, &:after{
            display: none;
        }
    }
    .res-op-3{
        opacity: 0.3;
    }
}