@media only screen and (max-width: 767px) {
    .pb-100 {
        padding-bottom: 40px;
    }
    .pt-130 {
        padding-top: 70px;
    }
    .ptb-130 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .ptb-100 {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .pt-100 {
        padding-top: 70px;
    }
    .pb-70 {
        padding-bottom: 40px;
    }
    .pb-80 {
        padding-bottom: 20px;
    }

    /* hero-area */
    .hero-area {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    .hero-area .hero-img  {
        margin-top: 40px;
    }
    .hero-area .hero-img.text-right {
        text-align: center !important;
    }
    /* End hero-area */

    .rermanent-residency-card {
        padding: 40px 30px;
    }

    /* why trickytax content */
    .why-trickytax-content.pr-100 {
        padding-right: 0;
    }
    .why-trickytax-img {
        margin-top: 40px;
    }
    /* End why trickytax content */

    /* ip-fees-card */
    .ip-fees-card {
        padding: 30px;
    }
    .ip-fees-card ul li span {
        float: initial;
        display: block;
    }
    /* End ip-fees-card */

    /* biometrics-fees-card */
    .biometrics-fees-card ul li .left-text {
        width: 100%;
        text-align: left;
        display: block;
    }
    .biometrics-fees-card ul li .right-text {
        float: initial;
        width: 100%;
        text-align: left;
        display: block;
    }
    /* End biometrics-fees-card */

    /* HR Services */
    .shape-1, .shape-2, .shape-3, .shape-4, .shape-5, .shape-6, .shape-7, .shape-8, .shape-9, .shape-10, .shape-11, .shape-12, .shape-13 {
        display: none;
    }
    .page-header-mt-104 {
        margin-top: 0;
    }
    .help-form {
        padding: 40px 30px;
        margin-top: 40px;
    }
    .important-hr-practices.pr-80 {
        padding-right: 0;
    }
    .hr-service-box {
        padding-left: 0;
        height: auto;
        max-height: initial;
    }
    .fs-32 {
        font-size: 28px;
    }

    .expert-guidance-card {
        padding: 30px 20px;
    }
    .feedback-content .feedback-text {
        font-size: 18px;
    }
    .feedback-content .feedback-text .quote-left {
        left: 0;
        top: -20px;
        width: 25px !important;
    }
    .feedback-content .feedback-text .quote-right {
        right: 0;
        bottom: -7px;
        width: 25px !important;
    }
    /* End HR Services */
}

@media only screen and (max-width: 575px) {

}

@media only screen and (max-width: 575px) {
    .xs-w-100 {
        width: 100%;
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
    }
    .expert-guidance-card .fs-20 {
        font-size: 17px;
    }
    .expert-guidance-card img {
        width: 70px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .xs-w-100 {
        width: 50%;
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
    }
    .u-header__navbar-link {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ptb-130 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .pb-100 {
        padding-bottom: 70px;
    }
    .pt-130 {
        padding-top: 100px;
    }
    .pb-80 {
        padding-bottom: 50px;
    }
    .md-w-33 {
        width: 33.33%;
        flex-basis: initial;
        -ms-flex-positive: initial;
        flex-grow: initial;
    }

    /* hero-area */
    .pt-md-250 {
        padding-top: 220px;
    }
    .hero-area .hero-img.text-right {
        text-align: center !important;
        margin-top: 50px;
    }
    /* End hero-area */

    /* why-trickytax-content */
    .why-trickytax-content.pr-100 {
        padding-right: 0;
    }
    /* End why-trickytax-content */

    /* HR Services */
    .shape-1, .shape-2, .shape-3, .shape-4, .shape-5, .shape-6, .shape-7, .shape-8, .shape-9, .shape-10, .shape-11, .shape-12, .shape-13 {
        display: none;
    }
    .page-header-mt-104 {
        margin-top: 190px;
    }
    .help-form {
        margin-top: 50px;
    }
    .important-hr-practices.pr-80 {
        padding-right: 0;
    }
    .hr-service-box {
        height: 100%;
        max-height: 100%;
        padding-left: 0;
    }
    .feedback-content .feedback-text .quote-left {
        left: 0;
    }
    .feedback-content .feedback-text .quote-right {
        right: 0;
    }
    /* HR Services */
    
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* twv-card */
    .twv-card {
        padding: 60px 15px 25px;
    }
    .twv-card .number {
        width: 115px;
        height: 55px;
        line-height: 55px;
        font-size: 17px;
    }
    .twv-card p {
        font-size: 14px;
    }
    /* End twv-card */

    /* why-trickytax-content */
    .why-trickytax-content.pr-100 {
        padding-right: 50px;
    }
    /* End why-trickytax-content */

    /* ip-fees-card */
    .ip-fees-card ul li span {
        float: initial;
        display: block;
        margin-top: 3px
    }
    /* End ip-fees-card */

    /* HR Services */
    .shape-3 {
        right: -25px;
        width: 85px;
    }
    .shape-5 {
        right: 0;
    }
    .shape-4 {
        left: 0;
    }
    .important-hr-practices.pr-80 {
        padding-right: 0;
    }
    .hr-service-box {
        max-height: 650px;
    }
    .pricing-card {
        padding: 20px 15px;
    }
    .pricing-card .fs-40 {
        font-size: 30px;
    }
    .pricing-card .fs-20 {
        font-size: 18px;
    }
    /* HR Services */
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    /* twv-card */
    .twv-card p {
        font-size: 15px;
    }
    /* End twv-card */

    /* ip-fees-card */
    .ip-fees-card ul li {
        font-size: 14px;
    }
    /* End ip-fees-card */

    /* HR Services */
    .shape-5 {
        right: 0;
    }
    .shape-4 {
        left: 0;
    }
    /* End HR Services */
}

@media only screen and (min-width: 1800px) {
    .shape-1 {
        left: 100px;
        top: 50px;
    }
    .shape-4 {
        left: -145px;
        bottom: 80px;
        width: 90px;
    }
    .shape-8 {
        right: -35px;
        bottom: 50px;
    }
}