@import url("style.css");

@media only screen and (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    h1,
    .h1 {
        font-size: 38px;
    }

    h2,
    .h2 {
        font-size: 32px;
    }

    h3,
    .h3 {
        font-size: 28px;
    }

    h4,
    .h4 {
        font-size: 24px;
    }

    h5,
    .h5 {
        font-size: 18px;
    }
}

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

    h1,
    .h1 {
        font-size: 34px;
    }

    h2,
    .h2 {
        font-size: 28px;
    }

    h3,
    .h3 {
        font-size: 24px;
    }

    h4,
    .h4 {
        font-size: 20px;
    }

    h5,
    .h5 {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    p.has-large-font-size {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    p.has-medium-font-size {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767px) {
    p.has-medium-font-size {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    p.b1 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    p.b1 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    p.b2 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    p.b3 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    p.b4 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .b1 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .b2 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .b3 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .b4 {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    ul.liststyle.bullet li {
        padding-left: 19px;
    }
}

@media (max-width: 480px) {
    .site-button {
        padding: 8px 8px;
        font-size: 14px;
    }
}

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

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--20 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--20 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .row--20>[class*=col],
    .row--20>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .row--20>[class*=col],
    .row--20>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row--20>[class*=col],
    .row--20>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

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

    .row--20>[class*=col],
    .row--20>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--25 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--25 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .row--25>[class*=col],
    .row--25>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .row--25>[class*=col],
    .row--25>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row--25>[class*=col],
    .row--25>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

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

    .row--25>[class*=col],
    .row--25>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--30 {
        margin-left: -30px;
        margin-right: -30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--30 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--30 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .row--30>[class*=col],
    .row--30>[class*=col-] {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .row--30>[class*=col],
    .row--30>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row--30>[class*=col],
    .row--30>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

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

    .row--30>[class*=col],
    .row--30>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--40 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--40 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .row--40>[class*=col],
    .row--40>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .row--40>[class*=col],
    .row--40>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row--40>[class*=col],
    .row--40>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

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

    .row--40>[class*=col],
    .row--40>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--45 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--45 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .row--45>[class*=col],
    .row--45>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .row--45>[class*=col],
    .row--45>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row--45>[class*=col],
    .row--45>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

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

    .row--45>[class*=col],
    .row--45>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .row--60 {
        margin-left: -60px;
        margin-right: -60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .row--60 {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .row--60 {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .row--60>[class*=col],
    .row--60>[class*=col-] {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .row--60>[class*=col],
    .row--60>[class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .row--60>[class*=col],
    .row--60>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

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

    .row--60>[class*=col],
    .row--60>[class*=col-] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    #scrollUp {
        right: 20px;
        bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 20px;
        bottom: 40px;
    }
}


@media only screen and (max-width: 767px) {
    #scrollUp {
        right: 20px;
        bottom: 30px;
        width: 50px;
        height: 60px;
        line-height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    #scrollUp span.text {
        margin-top: 3px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-section-gap {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gap {
        padding: 80px 0;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-section-gap2 {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gap2 {
        padding: 80px 0;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-section-gapBottom {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gapBottom {
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-section-gap2Bottom {
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gap2Bottom {
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-section-gapTop {
        padding-top: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gapTop {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-section-gap2Top {
        padding-top: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-section-gap2Top {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .pb--165,
    .pb--85 {
        padding-bottom: 100px;
    }
}

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

    .pb--165,
    .pb--85 {
        padding-bottom: 60px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .default-callto-action-overlap {
        padding-top: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .default-callto-action-overlap {
        padding-top: 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ptb--120 {
        padding: 80px 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .ptb--120 {
        padding: 60px 0 !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .pb--165,
    .pb--120,
    .pb--85,
    .pb--165 {
        padding-bottom: 80px !important;
    }
}

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

    .pb--165,
    .pb--120,
    .pb--85,
    .pb--165 {
        padding-bottom: 60px !important;
    }
}

@media only screen and (max-width: 767px) {
    .pb--70 {
        padding-bottom: 60px !important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .ptb_lp--5 {
        padding: 5px 0;
    }

    .plr_lp--5 {
        padding: 0 5px;
    }

    .pt_lp--5 {
        padding-top: 5px;
    }

    .pb_lp--5 {
        padding-bottom: 5px;
    }

    .pl_lp--5 {
        padding-left: 5px;
    }

    .pr_lp--5 {
        padding-right: 5px;
    }

    .mt_lp--5 {
        margin-top: 5px;
    }

    .mb_lp--5 {
        margin-bottom: 5px;
    }

    .ptb_lp--10 {
        padding: 10px 0;
    }

    .plr_lp--10 {
        padding: 0 10px;
    }

    .pt_lp--10 {
        padding-top: 10px;
    }

    .pb_lp--10 {
        padding-bottom: 10px;
    }

    .pl_lp--10 {
        padding-left: 10px;
    }

    .pr_lp--10 {
        padding-right: 10px;
    }

    .mt_lp--10 {
        margin-top: 10px;
    }

    .mb_lp--10 {
        margin-bottom: 10px;
    }

    .ptb_lp--15 {
        padding: 15px 0;
    }

    .plr_lp--15 {
        padding: 0 15px;
    }

    .pt_lp--15 {
        padding-top: 15px;
    }

    .pb_lp--15 {
        padding-bottom: 15px;
    }

    .pl_lp--15 {
        padding-left: 15px;
    }

    .pr_lp--15 {
        padding-right: 15px;
    }

    .mt_lp--15 {
        margin-top: 15px;
    }

    .mb_lp--15 {
        margin-bottom: 15px;
    }

    .ptb_lp--20 {
        padding: 20px 0;
    }

    .plr_lp--20 {
        padding: 0 20px;
    }

    .pt_lp--20 {
        padding-top: 20px;
    }

    .pb_lp--20 {
        padding-bottom: 20px;
    }

    .pl_lp--20 {
        padding-left: 20px;
    }

    .pr_lp--20 {
        padding-right: 20px;
    }

    .mt_lp--20 {
        margin-top: 20px;
    }

    .mb_lp--20 {
        margin-bottom: 20px;
    }

    .ptb_lp--25 {
        padding: 25px 0;
    }

    .plr_lp--25 {
        padding: 0 25px;
    }

    .pt_lp--25 {
        padding-top: 25px;
    }

    .pb_lp--25 {
        padding-bottom: 25px;
    }

    .pl_lp--25 {
        padding-left: 25px;
    }

    .pr_lp--25 {
        padding-right: 25px;
    }

    .mt_lp--25 {
        margin-top: 25px;
    }

    .mb_lp--25 {
        margin-bottom: 25px;
    }

    .ptb_lp--30 {
        padding: 30px 0;
    }

    .plr_lp--30 {
        padding: 0 30px;
    }

    .pt_lp--30 {
        padding-top: 30px;
    }

    .pb_lp--30 {
        padding-bottom: 30px;
    }

    .pl_lp--30 {
        padding-left: 30px;
    }

    .pr_lp--30 {
        padding-right: 30px;
    }

    .mt_lp--30 {
        margin-top: 30px;
    }

    .mb_lp--30 {
        margin-bottom: 30px;
    }

    .ptb_lp--35 {
        padding: 35px 0;
    }

    .plr_lp--35 {
        padding: 0 35px;
    }

    .pt_lp--35 {
        padding-top: 35px;
    }

    .pb_lp--35 {
        padding-bottom: 35px;
    }

    .pl_lp--35 {
        padding-left: 35px;
    }

    .pr_lp--35 {
        padding-right: 35px;
    }

    .mt_lp--35 {
        margin-top: 35px;
    }

    .mb_lp--35 {
        margin-bottom: 35px;
    }

    .ptb_lp--40 {
        padding: 40px 0;
    }

    .plr_lp--40 {
        padding: 0 40px;
    }

    .pt_lp--40 {
        padding-top: 40px;
    }

    .pb_lp--40 {
        padding-bottom: 40px;
    }

    .pl_lp--40 {
        padding-left: 40px;
    }

    .pr_lp--40 {
        padding-right: 40px;
    }

    .mt_lp--40 {
        margin-top: 40px;
    }

    .mb_lp--40 {
        margin-bottom: 40px;
    }

    .ptb_lp--45 {
        padding: 45px 0;
    }

    .plr_lp--45 {
        padding: 0 45px;
    }

    .pt_lp--45 {
        padding-top: 45px;
    }

    .pb_lp--45 {
        padding-bottom: 45px;
    }

    .pl_lp--45 {
        padding-left: 45px;
    }

    .pr_lp--45 {
        padding-right: 45px;
    }

    .mt_lp--45 {
        margin-top: 45px;
    }

    .mb_lp--45 {
        margin-bottom: 45px;
    }

    .ptb_lp--50 {
        padding: 50px 0;
    }

    .plr_lp--50 {
        padding: 0 50px;
    }

    .pt_lp--50 {
        padding-top: 50px;
    }

    .pb_lp--50 {
        padding-bottom: 50px;
    }

    .pl_lp--50 {
        padding-left: 50px;
    }

    .pr_lp--50 {
        padding-right: 50px;
    }

    .mt_lp--50 {
        margin-top: 50px;
    }

    .mb_lp--50 {
        margin-bottom: 50px;
    }

    .ptb_lp--55 {
        padding: 55px 0;
    }

    .plr_lp--55 {
        padding: 0 55px;
    }

    .pt_lp--55 {
        padding-top: 55px;
    }

    .pb_lp--55 {
        padding-bottom: 55px;
    }

    .pl_lp--55 {
        padding-left: 55px;
    }

    .pr_lp--55 {
        padding-right: 55px;
    }

    .mt_lp--55 {
        margin-top: 55px;
    }

    .mb_lp--55 {
        margin-bottom: 55px;
    }

    .ptb_lp--60 {
        padding: 60px 0;
    }

    .plr_lp--60 {
        padding: 0 60px;
    }

    .pt_lp--60 {
        padding-top: 60px;
    }

    .pb_lp--60 {
        padding-bottom: 60px;
    }

    .pl_lp--60 {
        padding-left: 60px;
    }

    .pr_lp--60 {
        padding-right: 60px;
    }

    .mt_lp--60 {
        margin-top: 60px;
    }

    .mb_lp--60 {
        margin-bottom: 60px;
    }

    .ptb_lp--65 {
        padding: 65px 0;
    }

    .plr_lp--65 {
        padding: 0 65px;
    }

    .pt_lp--65 {
        padding-top: 65px;
    }

    .pb_lp--65 {
        padding-bottom: 65px;
    }

    .pl_lp--65 {
        padding-left: 65px;
    }

    .pr_lp--65 {
        padding-right: 65px;
    }

    .mt_lp--65 {
        margin-top: 65px;
    }

    .mb_lp--65 {
        margin-bottom: 65px;
    }

    .ptb_lp--70 {
        padding: 70px 0;
    }

    .plr_lp--70 {
        padding: 0 70px;
    }

    .pt_lp--70 {
        padding-top: 70px;
    }

    .pb_lp--70 {
        padding-bottom: 70px;
    }

    .pl_lp--70 {
        padding-left: 70px;
    }

    .pr_lp--70 {
        padding-right: 70px;
    }

    .mt_lp--70 {
        margin-top: 70px;
    }

    .mb_lp--70 {
        margin-bottom: 70px;
    }

    .ptb_lp--75 {
        padding: 75px 0;
    }

    .plr_lp--75 {
        padding: 0 75px;
    }

    .pt_lp--75 {
        padding-top: 75px;
    }

    .pb_lp--75 {
        padding-bottom: 75px;
    }

    .pl_lp--75 {
        padding-left: 75px;
    }

    .pr_lp--75 {
        padding-right: 75px;
    }

    .mt_lp--75 {
        margin-top: 75px;
    }

    .mb_lp--75 {
        margin-bottom: 75px;
    }

    .ptb_lp--80 {
        padding: 80px 0;
    }

    .plr_lp--80 {
        padding: 0 80px;
    }

    .pt_lp--80 {
        padding-top: 80px;
    }

    .pb_lp--80 {
        padding-bottom: 80px;
    }

    .pl_lp--80 {
        padding-left: 80px;
    }

    .pr_lp--80 {
        padding-right: 80px;
    }

    .mt_lp--80 {
        margin-top: 80px;
    }

    .mb_lp--80 {
        margin-bottom: 80px;
    }

    .ptb_lp--85 {
        padding: 85px 0;
    }

    .plr_lp--85 {
        padding: 0 85px;
    }

    .pt_lp--85 {
        padding-top: 85px;
    }

    .pb_lp--85 {
        padding-bottom: 85px;
    }

    .pl_lp--85 {
        padding-left: 85px;
    }

    .pr_lp--85 {
        padding-right: 85px;
    }

    .mt_lp--85 {
        margin-top: 85px;
    }

    .mb_lp--85 {
        margin-bottom: 85px;
    }

    .ptb_lp--90 {
        padding: 90px 0;
    }

    .plr_lp--90 {
        padding: 0 90px;
    }

    .pt_lp--90 {
        padding-top: 90px;
    }

    .pb_lp--90 {
        padding-bottom: 90px;
    }

    .pl_lp--90 {
        padding-left: 90px;
    }

    .pr_lp--90 {
        padding-right: 90px;
    }

    .mt_lp--90 {
        margin-top: 90px;
    }

    .mb_lp--90 {
        margin-bottom: 90px;
    }

    .ptb_lp--95 {
        padding: 95px 0;
    }

    .plr_lp--95 {
        padding: 0 95px;
    }

    .pt_lp--95 {
        padding-top: 95px;
    }

    .pb_lp--95 {
        padding-bottom: 95px;
    }

    .pl_lp--95 {
        padding-left: 95px;
    }

    .pr_lp--95 {
        padding-right: 95px;
    }

    .mt_lp--95 {
        margin-top: 95px;
    }

    .mb_lp--95 {
        margin-bottom: 95px;
    }

    .ptb_lp--100 {
        padding: 100px 0;
    }

    .plr_lp--100 {
        padding: 0 100px;
    }

    .pt_lp--100 {
        padding-top: 100px;
    }

    .pb_lp--100 {
        padding-bottom: 100px;
    }

    .pl_lp--100 {
        padding-left: 100px;
    }

    .pr_lp--100 {
        padding-right: 100px;
    }

    .mt_lp--100 {
        margin-top: 100px;
    }

    .mb_lp--100 {
        margin-bottom: 100px;
    }

    .plr--120 {
        padding: 0 80px !important;
    }

    .mt_lp_dec--30 {
        margin-top: -30px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pl_lg--0 {
        padding-left: 0 !important;
    }

    .mt_lg_dec--30 {
        margin-top: -30px !important;
    }

    .ptb_lg--5 {
        padding: 5px 0 !important;
    }

    .plr_lg--5 {
        padding: 0 5px !important;
    }

    .pt_lg--5 {
        padding-top: 5px !important;
    }

    .pb_lg--5 {
        padding-bottom: 5px !important;
    }

    .pl_lg--5 {
        padding-left: 5px !important;
    }

    .pr_lg--5 {
        padding-right: 5px !important;
    }

    .mt_lg--5 {
        margin-top: 5px !important;
    }

    .mb_lg--5 {
        margin-bottom: 5px !important;
    }

    .ml_lg--5 {
        margin-left: 5px !important;
    }

    .ptb_lg--10 {
        padding: 10px 0 !important;
    }

    .plr_lg--10 {
        padding: 0 10px !important;
    }

    .pt_lg--10 {
        padding-top: 10px !important;
    }

    .pb_lg--10 {
        padding-bottom: 10px !important;
    }

    .pl_lg--10 {
        padding-left: 10px !important;
    }

    .pr_lg--10 {
        padding-right: 10px !important;
    }

    .mt_lg--10 {
        margin-top: 10px !important;
    }

    .mb_lg--10 {
        margin-bottom: 10px !important;
    }

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

    .ptb_lg--15 {
        padding: 15px 0 !important;
    }

    .plr_lg--15 {
        padding: 0 15px !important;
    }

    .pt_lg--15 {
        padding-top: 15px !important;
    }

    .pb_lg--15 {
        padding-bottom: 15px !important;
    }

    .pl_lg--15 {
        padding-left: 15px !important;
    }

    .pr_lg--15 {
        padding-right: 15px !important;
    }

    .mt_lg--15 {
        margin-top: 15px !important;
    }

    .mb_lg--15 {
        margin-bottom: 15px !important;
    }

    .ml_lg--15 {
        margin-left: 15px !important;
    }

    .ptb_lg--20 {
        padding: 20px 0 !important;
    }

    .plr_lg--20 {
        padding: 0 20px !important;
    }

    .pt_lg--20 {
        padding-top: 20px !important;
    }

    .pb_lg--20 {
        padding-bottom: 20px !important;
    }

    .pl_lg--20 {
        padding-left: 20px !important;
    }

    .pr_lg--20 {
        padding-right: 20px !important;
    }

    .mt_lg--20 {
        margin-top: 20px !important;
    }

    .mb_lg--20 {
        margin-bottom: 20px !important;
    }

    .ml_lg--20 {
        margin-left: 20px !important;
    }

    .ptb_lg--25 {
        padding: 25px 0 !important;
    }

    .plr_lg--25 {
        padding: 0 25px !important;
    }

    .pt_lg--25 {
        padding-top: 25px !important;
    }

    .pb_lg--25 {
        padding-bottom: 25px !important;
    }

    .pl_lg--25 {
        padding-left: 25px !important;
    }

    .pr_lg--25 {
        padding-right: 25px !important;
    }

    .mt_lg--25 {
        margin-top: 25px !important;
    }

    .mb_lg--25 {
        margin-bottom: 25px !important;
    }

    .ml_lg--25 {
        margin-left: 25px !important;
    }

    .ptb_lg--30 {
        padding: 30px 0 !important;
    }

    .plr_lg--30 {
        padding: 0 30px !important;
    }

    .pt_lg--30 {
        padding-top: 30px !important;
    }

    .pb_lg--30 {
        padding-bottom: 30px !important;
    }

    .pl_lg--30 {
        padding-left: 30px !important;
    }

    .pr_lg--30 {
        padding-right: 30px !important;
    }

    .mt_lg--30 {
        margin-top: 30px !important;
    }

    .mb_lg--30 {
        margin-bottom: 30px !important;
    }

    .ml_lg--30 {
        margin-left: 30px !important;
    }

    .ptb_lg--35 {
        padding: 35px 0 !important;
    }

    .plr_lg--35 {
        padding: 0 35px !important;
    }

    .pt_lg--35 {
        padding-top: 35px !important;
    }

    .pb_lg--35 {
        padding-bottom: 35px !important;
    }

    .pl_lg--35 {
        padding-left: 35px !important;
    }

    .pr_lg--35 {
        padding-right: 35px !important;
    }

    .mt_lg--35 {
        margin-top: 35px !important;
    }

    .mb_lg--35 {
        margin-bottom: 35px !important;
    }

    .ml_lg--35 {
        margin-left: 35px !important;
    }

    .ptb_lg--40 {
        padding: 40px 0 !important;
    }

    .plr_lg--40 {
        padding: 0 40px !important;
    }

    .pt_lg--40 {
        padding-top: 40px !important;
    }

    .pb_lg--40 {
        padding-bottom: 40px !important;
    }

    .pl_lg--40 {
        padding-left: 40px !important;
    }

    .pr_lg--40 {
        padding-right: 40px !important;
    }

    .mt_lg--40 {
        margin-top: 40px !important;
    }

    .mb_lg--40 {
        margin-bottom: 40px !important;
    }

    .ml_lg--40 {
        margin-left: 40px !important;
    }

    .ptb_lg--45 {
        padding: 45px 0 !important;
    }

    .plr_lg--45 {
        padding: 0 45px !important;
    }

    .pt_lg--45 {
        padding-top: 45px !important;
    }

    .pb_lg--45 {
        padding-bottom: 45px !important;
    }

    .pl_lg--45 {
        padding-left: 45px !important;
    }

    .pr_lg--45 {
        padding-right: 45px !important;
    }

    .mt_lg--45 {
        margin-top: 45px !important;
    }

    .mb_lg--45 {
        margin-bottom: 45px !important;
    }

    .ml_lg--45 {
        margin-left: 45px !important;
    }

    .ptb_lg--50 {
        padding: 50px 0 !important;
    }

    .plr_lg--50 {
        padding: 0 50px !important;
    }

    .pt_lg--50 {
        padding-top: 50px !important;
    }

    .pb_lg--50 {
        padding-bottom: 50px !important;
    }

    .pl_lg--50 {
        padding-left: 50px !important;
    }

    .pr_lg--50 {
        padding-right: 50px !important;
    }

    .mt_lg--50 {
        margin-top: 50px !important;
    }

    .mb_lg--50 {
        margin-bottom: 50px !important;
    }

    .ml_lg--50 {
        margin-left: 50px !important;
    }

    .ptb_lg--55 {
        padding: 55px 0 !important;
    }

    .plr_lg--55 {
        padding: 0 55px !important;
    }

    .pt_lg--55 {
        padding-top: 55px !important;
    }

    .pb_lg--55 {
        padding-bottom: 55px !important;
    }

    .pl_lg--55 {
        padding-left: 55px !important;
    }

    .pr_lg--55 {
        padding-right: 55px !important;
    }

    .mt_lg--55 {
        margin-top: 55px !important;
    }

    .mb_lg--55 {
        margin-bottom: 55px !important;
    }

    .ml_lg--55 {
        margin-left: 55px !important;
    }

    .ptb_lg--60 {
        padding: 60px 0 !important;
    }

    .plr_lg--60 {
        padding: 0 60px !important;
    }

    .pt_lg--60 {
        padding-top: 60px !important;
    }

    .pb_lg--60 {
        padding-bottom: 60px !important;
    }

    .pl_lg--60 {
        padding-left: 60px !important;
    }

    .pr_lg--60 {
        padding-right: 60px !important;
    }

    .mt_lg--60 {
        margin-top: 60px !important;
    }

    .mb_lg--60 {
        margin-bottom: 60px !important;
    }

    .ml_lg--60 {
        margin-left: 60px !important;
    }

    .ptb_lg--65 {
        padding: 65px 0 !important;
    }

    .plr_lg--65 {
        padding: 0 65px !important;
    }

    .pt_lg--65 {
        padding-top: 65px !important;
    }

    .pb_lg--65 {
        padding-bottom: 65px !important;
    }

    .pl_lg--65 {
        padding-left: 65px !important;
    }

    .pr_lg--65 {
        padding-right: 65px !important;
    }

    .mt_lg--65 {
        margin-top: 65px !important;
    }

    .mb_lg--65 {
        margin-bottom: 65px !important;
    }

    .ml_lg--65 {
        margin-left: 65px !important;
    }

    .ptb_lg--70 {
        padding: 70px 0 !important;
    }

    .plr_lg--70 {
        padding: 0 70px !important;
    }

    .pt_lg--70 {
        padding-top: 70px !important;
    }

    .pb_lg--70 {
        padding-bottom: 70px !important;
    }

    .pl_lg--70 {
        padding-left: 70px !important;
    }

    .pr_lg--70 {
        padding-right: 70px !important;
    }

    .mt_lg--70 {
        margin-top: 70px !important;
    }

    .mb_lg--70 {
        margin-bottom: 70px !important;
    }

    .ml_lg--70 {
        margin-left: 70px !important;
    }

    .ptb_lg--75 {
        padding: 75px 0 !important;
    }

    .plr_lg--75 {
        padding: 0 75px !important;
    }

    .pt_lg--75 {
        padding-top: 75px !important;
    }

    .pb_lg--75 {
        padding-bottom: 75px !important;
    }

    .pl_lg--75 {
        padding-left: 75px !important;
    }

    .pr_lg--75 {
        padding-right: 75px !important;
    }

    .mt_lg--75 {
        margin-top: 75px !important;
    }

    .mb_lg--75 {
        margin-bottom: 75px !important;
    }

    .ml_lg--75 {
        margin-left: 75px !important;
    }

    .ptb_lg--80 {
        padding: 80px 0 !important;
    }

    .plr_lg--80 {
        padding: 0 80px !important;
    }

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

    .pb_lg--80 {
        padding-bottom: 80px !important;
    }

    .pl_lg--80 {
        padding-left: 80px !important;
    }

    .pr_lg--80 {
        padding-right: 80px !important;
    }

    .mt_lg--80 {
        margin-top: 80px !important;
    }

    .mb_lg--80 {
        margin-bottom: 80px !important;
    }

    .ml_lg--80 {
        margin-left: 80px !important;
    }

    .ptb_lg--85 {
        padding: 85px 0 !important;
    }

    .plr_lg--85 {
        padding: 0 85px !important;
    }

    .pt_lg--85 {
        padding-top: 85px !important;
    }

    .pb_lg--85 {
        padding-bottom: 85px !important;
    }

    .pl_lg--85 {
        padding-left: 85px !important;
    }

    .pr_lg--85 {
        padding-right: 85px !important;
    }

    .mt_lg--85 {
        margin-top: 85px !important;
    }

    .mb_lg--85 {
        margin-bottom: 85px !important;
    }

    .ml_lg--85 {
        margin-left: 85px !important;
    }

    .ptb_lg--90 {
        padding: 90px 0 !important;
    }

    .plr_lg--90 {
        padding: 0 90px !important;
    }

    .pt_lg--90 {
        padding-top: 90px !important;
    }

    .pb_lg--90 {
        padding-bottom: 90px !important;
    }

    .pl_lg--90 {
        padding-left: 90px !important;
    }

    .pr_lg--90 {
        padding-right: 90px !important;
    }

    .mt_lg--90 {
        margin-top: 90px !important;
    }

    .mb_lg--90 {
        margin-bottom: 90px !important;
    }

    .ml_lg--90 {
        margin-left: 90px !important;
    }

    .ptb_lg--95 {
        padding: 95px 0 !important;
    }

    .plr_lg--95 {
        padding: 0 95px !important;
    }

    .pt_lg--95 {
        padding-top: 95px !important;
    }

    .pb_lg--95 {
        padding-bottom: 95px !important;
    }

    .pl_lg--95 {
        padding-left: 95px !important;
    }

    .pr_lg--95 {
        padding-right: 95px !important;
    }

    .mt_lg--95 {
        margin-top: 95px !important;
    }

    .mb_lg--95 {
        margin-bottom: 95px !important;
    }

    .ml_lg--95 {
        margin-left: 95px !important;
    }

    .ptb_lg--100 {
        padding: 100px 0 !important;
    }

    .plr_lg--100 {
        padding: 0 100px !important;
    }

    .pt_lg--100 {
        padding-top: 100px !important;
    }

    .pb_lg--100 {
        padding-bottom: 100px !important;
    }

    .pl_lg--100 {
        padding-left: 100px !important;
    }

    .pr_lg--100 {
        padding-right: 100px !important;
    }

    .mt_lg--100 {
        margin-top: 100px !important;
    }

    .mb_lg--100 {
        margin-bottom: 100px !important;
    }

    .ml_lg--100 {
        margin-left: 100px !important;
    }
}



@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ptb--170 {
        padding: 80px 0 !important;
    }

    .mt_md_dec--30 {
        margin-top: -30px !important;
    }

    .pl_md--0 {
        padding-left: 0 !important;
    }

    .ptb_md--0 {
        padding: 0 !important;
    }

    .pl_md--0 {
        padding-left: 0 !important;
    }

    .pr_md--0 {
        padding-right: 0 !important;
    }

    .pt_md--0 {
        padding-top: 0 !important;
    }

    .pb_md--0 {
        padding-bottom: 0 !important;
    }

    .mr_md--0 {
        margin-right: 0 !important;
    }

    .ml_md--0 {
        margin-left: 0 !important;
    }

    .mt_md--0 {
        margin-top: 0 !important;
    }

    .mb_md--0 {
        margin-bottom: 0 !important;
    }

    .ptb_md--250 {
        padding: 250px 0 !important;
    }

    .ptb_md--5 {
        padding: 5px 0 !important;
    }

    .plr_md--5 {
        padding: 0 5px !important;
    }

    .pt_md--5 {
        padding-top: 5px !important;
    }

    .pb_md--5 {
        padding-bottom: 5px !important;
    }

    .pl_md--5 {
        padding-left: 5px !important;
    }

    .pr_md--5 {
        padding-right: 5px !important;
    }

    .mt_md--5 {
        margin-top: 5px !important;
    }

    .mb_md--5 {
        margin-bottom: 5px !important;
    }

    .ptb_md--10 {
        padding: 10px 0 !important;
    }

    .plr_md--10 {
        padding: 0 10px !important;
    }

    .pt_md--10 {
        padding-top: 10px !important;
    }

    .pb_md--10 {
        padding-bottom: 10px !important;
    }

    .pl_md--10 {
        padding-left: 10px !important;
    }

    .pr_md--10 {
        padding-right: 10px !important;
    }

    .mt_md--10 {
        margin-top: 10px !important;
    }

    .mb_md--10 {
        margin-bottom: 10px !important;
    }

    .ptb_md--15 {
        padding: 15px 0 !important;
    }

    .plr_md--15 {
        padding: 0 15px !important;
    }

    .pt_md--15 {
        padding-top: 15px !important;
    }

    .pb_md--15 {
        padding-bottom: 15px !important;
    }

    .pl_md--15 {
        padding-left: 15px !important;
    }

    .pr_md--15 {
        padding-right: 15px !important;
    }

    .mt_md--15 {
        margin-top: 15px !important;
    }

    .mb_md--15 {
        margin-bottom: 15px !important;
    }

    .ptb_md--20 {
        padding: 20px 0 !important;
    }

    .plr_md--20 {
        padding: 0 20px !important;
    }

    .pt_md--20 {
        padding-top: 20px !important;
    }

    .pb_md--20 {
        padding-bottom: 20px !important;
    }

    .pl_md--20 {
        padding-left: 20px !important;
    }

    .pr_md--20 {
        padding-right: 20px !important;
    }

    .mt_md--20 {
        margin-top: 20px !important;
    }

    .mb_md--20 {
        margin-bottom: 20px !important;
    }

    .ptb_md--25 {
        padding: 25px 0 !important;
    }

    .plr_md--25 {
        padding: 0 25px !important;
    }

    .pt_md--25 {
        padding-top: 25px !important;
    }

    .pb_md--25 {
        padding-bottom: 25px !important;
    }

    .pl_md--25 {
        padding-left: 25px !important;
    }

    .pr_md--25 {
        padding-right: 25px !important;
    }

    .mt_md--25 {
        margin-top: 25px !important;
    }

    .mb_md--25 {
        margin-bottom: 25px !important;
    }

    .ptb_md--30 {
        padding: 30px 0 !important;
    }

    .plr_md--30 {
        padding: 0 30px !important;
    }

    .pt_md--30 {
        padding-top: 30px !important;
    }

    .pb_md--30 {
        padding-bottom: 30px !important;
    }

    .pl_md--30 {
        padding-left: 30px !important;
    }

    .pr_md--30 {
        padding-right: 30px !important;
    }

    .mt_md--30 {
        margin-top: 30px !important;
    }

    .mb_md--30 {
        margin-bottom: 30px !important;
    }

    .ptb_md--35 {
        padding: 35px 0 !important;
    }

    .plr_md--35 {
        padding: 0 35px !important;
    }

    .pt_md--35 {
        padding-top: 35px !important;
    }

    .pb_md--35 {
        padding-bottom: 35px !important;
    }

    .pl_md--35 {
        padding-left: 35px !important;
    }

    .pr_md--35 {
        padding-right: 35px !important;
    }

    .mt_md--35 {
        margin-top: 35px !important;
    }

    .mb_md--35 {
        margin-bottom: 35px !important;
    }

    .ptb_md--40 {
        padding: 40px 0 !important;
    }

    .plr_md--40 {
        padding: 0 40px !important;
    }

    .pt_md--40 {
        padding-top: 40px !important;
    }

    .pb_md--40 {
        padding-bottom: 40px !important;
    }

    .pl_md--40 {
        padding-left: 40px !important;
    }

    .pr_md--40 {
        padding-right: 40px !important;
    }

    .mt_md--40 {
        margin-top: 40px !important;
    }

    .mb_md--40 {
        margin-bottom: 40px !important;
    }

    .ptb_md--45 {
        padding: 45px 0 !important;
    }

    .plr_md--45 {
        padding: 0 45px !important;
    }

    .pt_md--45 {
        padding-top: 45px !important;
    }

    .pb_md--45 {
        padding-bottom: 45px !important;
    }

    .pl_md--45 {
        padding-left: 45px !important;
    }

    .pr_md--45 {
        padding-right: 45px !important;
    }

    .mt_md--45 {
        margin-top: 45px !important;
    }

    .mb_md--45 {
        margin-bottom: 45px !important;
    }

    .ptb_md--50 {
        padding: 50px 0 !important;
    }

    .plr_md--50 {
        padding: 0 50px !important;
    }

    .pt_md--50 {
        padding-top: 50px !important;
    }

    .pb_md--50 {
        padding-bottom: 50px !important;
    }

    .pl_md--50 {
        padding-left: 50px !important;
    }

    .pr_md--50 {
        padding-right: 50px !important;
    }

    .mt_md--50 {
        margin-top: 50px !important;
    }

    .mb_md--50 {
        margin-bottom: 50px !important;
    }

    .ptb_md--55 {
        padding: 55px 0 !important;
    }

    .plr_md--55 {
        padding: 0 55px !important;
    }

    .pt_md--55 {
        padding-top: 55px !important;
    }

    .pb_md--55 {
        padding-bottom: 55px !important;
    }

    .pl_md--55 {
        padding-left: 55px !important;
    }

    .pr_md--55 {
        padding-right: 55px !important;
    }

    .mt_md--55 {
        margin-top: 55px !important;
    }

    .mb_md--55 {
        margin-bottom: 55px !important;
    }

    .ptb_md--60 {
        padding: 60px 0 !important;
    }

    .plr_md--60 {
        padding: 0 60px !important;
    }

    .pt_md--60 {
        padding-top: 60px !important;
    }

    .pb_md--60 {
        padding-bottom: 60px !important;
    }

    .pl_md--60 {
        padding-left: 60px !important;
    }

    .pr_md--60 {
        padding-right: 60px !important;
    }

    .mt_md--60 {
        margin-top: 60px !important;
    }

    .mb_md--60 {
        margin-bottom: 60px !important;
    }

    .ptb_md--65 {
        padding: 65px 0 !important;
    }

    .plr_md--65 {
        padding: 0 65px !important;
    }

    .pt_md--65 {
        padding-top: 65px !important;
    }

    .pb_md--65 {
        padding-bottom: 65px !important;
    }

    .pl_md--65 {
        padding-left: 65px !important;
    }

    .pr_md--65 {
        padding-right: 65px !important;
    }

    .mt_md--65 {
        margin-top: 65px !important;
    }

    .mb_md--65 {
        margin-bottom: 65px !important;
    }

    .ptb_md--70 {
        padding: 70px 0 !important;
    }

    .plr_md--70 {
        padding: 0 70px !important;
    }

    .pt_md--70 {
        padding-top: 70px !important;
    }

    .pb_md--70 {
        padding-bottom: 70px !important;
    }

    .pl_md--70 {
        padding-left: 70px !important;
    }

    .pr_md--70 {
        padding-right: 70px !important;
    }

    .mt_md--70 {
        margin-top: 70px !important;
    }

    .mb_md--70 {
        margin-bottom: 70px !important;
    }

    .ptb_md--75 {
        padding: 75px 0 !important;
    }

    .plr_md--75 {
        padding: 0 75px !important;
    }

    .pt_md--75 {
        padding-top: 75px !important;
    }

    .pb_md--75 {
        padding-bottom: 75px !important;
    }

    .pl_md--75 {
        padding-left: 75px !important;
    }

    .pr_md--75 {
        padding-right: 75px !important;
    }

    .mt_md--75 {
        margin-top: 75px !important;
    }

    .mb_md--75 {
        margin-bottom: 75px !important;
    }

    .ptb_md--80 {
        padding: 80px 0 !important;
    }

    .plr_md--80 {
        padding: 0 80px !important;
    }

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

    .pb_md--80 {
        padding-bottom: 80px !important;
    }

    .pl_md--80 {
        padding-left: 80px !important;
    }

    .pr_md--80 {
        padding-right: 80px !important;
    }

    .mt_md--80 {
        margin-top: 80px !important;
    }

    .mb_md--80 {
        margin-bottom: 80px !important;
    }

    .ptb_md--85 {
        padding: 85px 0 !important;
    }

    .plr_md--85 {
        padding: 0 85px !important;
    }

    .pt_md--85 {
        padding-top: 85px !important;
    }

    .pb_md--85 {
        padding-bottom: 85px !important;
    }

    .pl_md--85 {
        padding-left: 85px !important;
    }

    .pr_md--85 {
        padding-right: 85px !important;
    }

    .mt_md--85 {
        margin-top: 85px !important;
    }

    .mb_md--85 {
        margin-bottom: 85px !important;
    }

    .ptb_md--90 {
        padding: 90px 0 !important;
    }

    .plr_md--90 {
        padding: 0 90px !important;
    }

    .pt_md--90 {
        padding-top: 90px !important;
    }

    .pb_md--90 {
        padding-bottom: 90px !important;
    }

    .pl_md--90 {
        padding-left: 90px !important;
    }

    .pr_md--90 {
        padding-right: 90px !important;
    }

    .mt_md--90 {
        margin-top: 90px !important;
    }

    .mb_md--90 {
        margin-bottom: 90px !important;
    }

    .ptb_md--95 {
        padding: 95px 0 !important;
    }

    .plr_md--95 {
        padding: 0 95px !important;
    }

    .pt_md--95 {
        padding-top: 95px !important;
    }

    .pb_md--95 {
        padding-bottom: 95px !important;
    }

    .pl_md--95 {
        padding-left: 95px !important;
    }

    .pr_md--95 {
        padding-right: 95px !important;
    }

    .mt_md--95 {
        margin-top: 95px !important;
    }

    .mb_md--95 {
        margin-bottom: 95px !important;
    }

    .ptb_md--100 {
        padding: 100px 0 !important;
    }

    .plr_md--100 {
        padding: 0 100px !important;
    }

    .pt_md--100 {
        padding-top: 100px !important;
    }

    .pb_md--100 {
        padding-bottom: 100px !important;
    }

    .pl_md--100 {
        padding-left: 100px !important;
    }

    .pr_md--100 {
        padding-right: 100px !important;
    }

    .mt_md--100 {
        margin-top: 100px !important;
    }

    .mb_md--100 {
        margin-bottom: 100px !important;
    }
}

@media only screen and (max-width: 767px) {
    .mt_sm_dec--30 {
        margin-top: -30px !important;
    }

    .ptb_sm--250 {
        padding: 250px 0 !important;
    }

    .ptb--170 {
        padding: 80px 0 !important;
    }

    .ptb_sm--0 {
        padding: 0 !important;
    }

    .pl_sm--0 {
        padding-left: 0 !important;
    }

    .pr_sm--0 {
        padding-right: 0 !important;
    }

    .pt_sm--0 {
        padding-top: 0 !important;
    }

    .pb_sm--0 {
        padding-bottom: 0 !important;
    }

    .mr_sm--0 {
        margin-right: 0 !important;
    }

    .ml_sm--0 {
        margin-left: 0 !important;
    }

    .mt_sm--0 {
        margin-top: 0 !important;
    }

    .mb_sm--0 {
        margin-bottom: 0 !important;
    }

    .pt_sm--150 {
        padding-top: 150px !important;
    }

    .pb_sm--110 {
        padding-bottom: 110px !important;
    }

    .ptb_sm--60 {
        padding: 60px 0 !important;
    }

    .ptb_sm--5 {
        padding: 5px 0 !important;
    }

    .plr_sm--5 {
        padding: 0 5px !important;
    }

    .pt_sm--5 {
        padding-top: 5px !important;
    }

    .pb_sm--5 {
        padding-bottom: 5px !important;
    }

    .pl_sm--5 {
        padding-left: 5px !important;
    }

    .pr_sm--5 {
        padding-right: 5px !important;
    }

    .mt_sm--5 {
        margin-top: 5px !important;
    }

    .ml_sm--5 {
        margin-left: 5px !important;
    }

    .mr_sm--5 {
        margin-right: 5px !important;
    }

    .mb_sm--5 {
        margin-bottom: 5px !important;
    }

    .ptb_sm--10 {
        padding: 10px 0 !important;
    }

    .plr_sm--10 {
        padding: 0 10px !important;
    }

    .pt_sm--10 {
        padding-top: 10px !important;
    }

    .pb_sm--10 {
        padding-bottom: 10px !important;
    }

    .pl_sm--10 {
        padding-left: 10px !important;
    }

    .pr_sm--10 {
        padding-right: 10px !important;
    }

    .mt_sm--10 {
        margin-top: 10px !important;
    }

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

    .mr_sm--10 {
        margin-right: 10px !important;
    }

    .mb_sm--10 {
        margin-bottom: 10px !important;
    }

    .ptb_sm--15 {
        padding: 15px 0 !important;
    }

    .plr_sm--15 {
        padding: 0 15px !important;
    }

    .pt_sm--15 {
        padding-top: 15px !important;
    }

    .pb_sm--15 {
        padding-bottom: 15px !important;
    }

    .pl_sm--15 {
        padding-left: 15px !important;
    }

    .pr_sm--15 {
        padding-right: 15px !important;
    }

    .mt_sm--15 {
        margin-top: 15px !important;
    }

    .ml_sm--15 {
        margin-left: 15px !important;
    }

    .mr_sm--15 {
        margin-right: 15px !important;
    }

    .mb_sm--15 {
        margin-bottom: 15px !important;
    }

    .ptb_sm--20 {
        padding: 20px 0 !important;
    }

    .plr_sm--20 {
        padding: 0 20px !important;
    }

    .pt_sm--20 {
        padding-top: 20px !important;
    }

    .pb_sm--20 {
        padding-bottom: 20px !important;
    }

    .pl_sm--20 {
        padding-left: 20px !important;
    }

    .pr_sm--20 {
        padding-right: 20px !important;
    }

    .mt_sm--20 {
        margin-top: 20px !important;
    }

    .ml_sm--20 {
        margin-left: 20px !important;
    }

    .mr_sm--20 {
        margin-right: 20px !important;
    }

    .mb_sm--20 {
        margin-bottom: 20px !important;
    }

    .ptb_sm--25 {
        padding: 25px 0 !important;
    }

    .plr_sm--25 {
        padding: 0 25px !important;
    }

    .pt_sm--25 {
        padding-top: 25px !important;
    }

    .pb_sm--25 {
        padding-bottom: 25px !important;
    }

    .pl_sm--25 {
        padding-left: 25px !important;
    }

    .pr_sm--25 {
        padding-right: 25px !important;
    }

    .mt_sm--25 {
        margin-top: 25px !important;
    }

    .ml_sm--25 {
        margin-left: 25px !important;
    }

    .mr_sm--25 {
        margin-right: 25px !important;
    }

    .mb_sm--25 {
        margin-bottom: 25px !important;
    }

    .ptb_sm--30 {
        padding: 30px 0 !important;
    }

    .plr_sm--30 {
        padding: 0 30px !important;
    }

    .pt_sm--30 {
        padding-top: 30px !important;
    }

    .pb_sm--30 {
        padding-bottom: 30px !important;
    }

    .pl_sm--30 {
        padding-left: 30px !important;
    }

    .pr_sm--30 {
        padding-right: 30px !important;
    }

    .mt_sm--30 {
        margin-top: 30px !important;
    }

    .ml_sm--30 {
        margin-left: 30px !important;
    }

    .mr_sm--30 {
        margin-right: 30px !important;
    }

    .mb_sm--30 {
        margin-bottom: 30px !important;
    }

    .ptb_sm--35 {
        padding: 35px 0 !important;
    }

    .plr_sm--35 {
        padding: 0 35px !important;
    }

    .pt_sm--35 {
        padding-top: 35px !important;
    }

    .pb_sm--35 {
        padding-bottom: 35px !important;
    }

    .pl_sm--35 {
        padding-left: 35px !important;
    }

    .pr_sm--35 {
        padding-right: 35px !important;
    }

    .mt_sm--35 {
        margin-top: 35px !important;
    }

    .ml_sm--35 {
        margin-left: 35px !important;
    }

    .mr_sm--35 {
        margin-right: 35px !important;
    }

    .mb_sm--35 {
        margin-bottom: 35px !important;
    }

    .ptb_sm--40 {
        padding: 40px 0 !important;
    }

    .plr_sm--40 {
        padding: 0 40px !important;
    }

    .pt_sm--40 {
        padding-top: 40px !important;
    }

    .pb_sm--40 {
        padding-bottom: 40px !important;
    }

    .pl_sm--40 {
        padding-left: 40px !important;
    }

    .pr_sm--40 {
        padding-right: 40px !important;
    }

    .mt_sm--40 {
        margin-top: 40px !important;
    }

    .ml_sm--40 {
        margin-left: 40px !important;
    }

    .mr_sm--40 {
        margin-right: 40px !important;
    }

    .mb_sm--40 {
        margin-bottom: 40px !important;
    }

    .ptb_sm--45 {
        padding: 45px 0 !important;
    }

    .plr_sm--45 {
        padding: 0 45px !important;
    }

    .pt_sm--45 {
        padding-top: 45px !important;
    }

    .pb_sm--45 {
        padding-bottom: 45px !important;
    }

    .pl_sm--45 {
        padding-left: 45px !important;
    }

    .pr_sm--45 {
        padding-right: 45px !important;
    }

    .mt_sm--45 {
        margin-top: 45px !important;
    }

    .ml_sm--45 {
        margin-left: 45px !important;
    }

    .mr_sm--45 {
        margin-right: 45px !important;
    }

    .mb_sm--45 {
        margin-bottom: 45px !important;
    }

    .ptb_sm--50 {
        padding: 50px 0 !important;
    }

    .plr_sm--50 {
        padding: 0 50px !important;
    }

    .pt_sm--50 {
        padding-top: 50px !important;
    }

    .pb_sm--50 {
        padding-bottom: 50px !important;
    }

    .pl_sm--50 {
        padding-left: 50px !important;
    }

    .pr_sm--50 {
        padding-right: 50px !important;
    }

    .mt_sm--50 {
        margin-top: 50px !important;
    }

    .ml_sm--50 {
        margin-left: 50px !important;
    }

    .mr_sm--50 {
        margin-right: 50px !important;
    }

    .mb_sm--50 {
        margin-bottom: 50px !important;
    }

    .ptb_sm--55 {
        padding: 55px 0 !important;
    }

    .plr_sm--55 {
        padding: 0 55px !important;
    }

    .pt_sm--55 {
        padding-top: 55px !important;
    }

    .pb_sm--55 {
        padding-bottom: 55px !important;
    }

    .pl_sm--55 {
        padding-left: 55px !important;
    }

    .pr_sm--55 {
        padding-right: 55px !important;
    }

    .mt_sm--55 {
        margin-top: 55px !important;
    }

    .ml_sm--55 {
        margin-left: 55px !important;
    }

    .mr_sm--55 {
        margin-right: 55px !important;
    }

    .mb_sm--55 {
        margin-bottom: 55px !important;
    }

    .ptb_sm--60 {
        padding: 60px 0 !important;
    }

    .plr_sm--60 {
        padding: 0 60px !important;
    }

    .pt_sm--60 {
        padding-top: 60px !important;
    }

    .pb_sm--60 {
        padding-bottom: 60px !important;
    }

    .pl_sm--60 {
        padding-left: 60px !important;
    }

    .pr_sm--60 {
        padding-right: 60px !important;
    }

    .mt_sm--60 {
        margin-top: 60px !important;
    }

    .ml_sm--60 {
        margin-left: 60px !important;
    }

    .mr_sm--60 {
        margin-right: 60px !important;
    }

    .mb_sm--60 {
        margin-bottom: 60px !important;
    }

    .ptb_sm--65 {
        padding: 65px 0 !important;
    }

    .plr_sm--65 {
        padding: 0 65px !important;
    }

    .pt_sm--65 {
        padding-top: 65px !important;
    }

    .pb_sm--65 {
        padding-bottom: 65px !important;
    }

    .pl_sm--65 {
        padding-left: 65px !important;
    }

    .pr_sm--65 {
        padding-right: 65px !important;
    }

    .mt_sm--65 {
        margin-top: 65px !important;
    }

    .ml_sm--65 {
        margin-left: 65px !important;
    }

    .mr_sm--65 {
        margin-right: 65px !important;
    }

    .mb_sm--65 {
        margin-bottom: 65px !important;
    }

    .ptb_sm--70 {
        padding: 70px 0 !important;
    }

    .plr_sm--70 {
        padding: 0 70px !important;
    }

    .pt_sm--70 {
        padding-top: 70px !important;
    }

    .pb_sm--70 {
        padding-bottom: 70px !important;
    }

    .pl_sm--70 {
        padding-left: 70px !important;
    }

    .pr_sm--70 {
        padding-right: 70px !important;
    }

    .mt_sm--70 {
        margin-top: 70px !important;
    }

    .ml_sm--70 {
        margin-left: 70px !important;
    }

    .mr_sm--70 {
        margin-right: 70px !important;
    }

    .mb_sm--70 {
        margin-bottom: 70px !important;
    }

    .ptb_sm--75 {
        padding: 75px 0 !important;
    }

    .plr_sm--75 {
        padding: 0 75px !important;
    }

    .pt_sm--75 {
        padding-top: 75px !important;
    }

    .pb_sm--75 {
        padding-bottom: 75px !important;
    }

    .pl_sm--75 {
        padding-left: 75px !important;
    }

    .pr_sm--75 {
        padding-right: 75px !important;
    }

    .mt_sm--75 {
        margin-top: 75px !important;
    }

    .ml_sm--75 {
        margin-left: 75px !important;
    }

    .mr_sm--75 {
        margin-right: 75px !important;
    }

    .mb_sm--75 {
        margin-bottom: 75px !important;
    }

    .ptb_sm--80 {
        padding: 80px 0 !important;
    }

    .plr_sm--80 {
        padding: 0 80px !important;
    }

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

    .pb_sm--80 {
        padding-bottom: 80px !important;
    }

    .pl_sm--80 {
        padding-left: 80px !important;
    }

    .pr_sm--80 {
        padding-right: 80px !important;
    }

    .mt_sm--80 {
        margin-top: 80px !important;
    }

    .ml_sm--80 {
        margin-left: 80px !important;
    }

    .mr_sm--80 {
        margin-right: 80px !important;
    }

    .mb_sm--80 {
        margin-bottom: 80px !important;
    }

    .ptb_sm--85 {
        padding: 85px 0 !important;
    }

    .plr_sm--85 {
        padding: 0 85px !important;
    }

    .pt_sm--85 {
        padding-top: 85px !important;
    }

    .pb_sm--85 {
        padding-bottom: 85px !important;
    }

    .pl_sm--85 {
        padding-left: 85px !important;
    }

    .pr_sm--85 {
        padding-right: 85px !important;
    }

    .mt_sm--85 {
        margin-top: 85px !important;
    }

    .ml_sm--85 {
        margin-left: 85px !important;
    }

    .mr_sm--85 {
        margin-right: 85px !important;
    }

    .mb_sm--85 {
        margin-bottom: 85px !important;
    }

    .ptb_sm--90 {
        padding: 90px 0 !important;
    }

    .plr_sm--90 {
        padding: 0 90px !important;
    }

    .pt_sm--90 {
        padding-top: 90px !important;
    }

    .pb_sm--90 {
        padding-bottom: 90px !important;
    }

    .pl_sm--90 {
        padding-left: 90px !important;
    }

    .pr_sm--90 {
        padding-right: 90px !important;
    }

    .mt_sm--90 {
        margin-top: 90px !important;
    }

    .ml_sm--90 {
        margin-left: 90px !important;
    }

    .mr_sm--90 {
        margin-right: 90px !important;
    }

    .mb_sm--90 {
        margin-bottom: 90px !important;
    }

    .ptb_sm--95 {
        padding: 95px 0 !important;
    }

    .plr_sm--95 {
        padding: 0 95px !important;
    }

    .pt_sm--95 {
        padding-top: 95px !important;
    }

    .pb_sm--95 {
        padding-bottom: 95px !important;
    }

    .pl_sm--95 {
        padding-left: 95px !important;
    }

    .pr_sm--95 {
        padding-right: 95px !important;
    }

    .mt_sm--95 {
        margin-top: 95px !important;
    }

    .ml_sm--95 {
        margin-left: 95px !important;
    }

    .mr_sm--95 {
        margin-right: 95px !important;
    }

    .mb_sm--95 {
        margin-bottom: 95px !important;
    }

    .ptb_sm--100 {
        padding: 100px 0 !important;
    }

    .plr_sm--100 {
        padding: 0 100px !important;
    }

    .pt_sm--100 {
        padding-top: 100px !important;
    }

    .pb_sm--100 {
        padding-bottom: 100px !important;
    }

    .pl_sm--100 {
        padding-left: 100px !important;
    }

    .pr_sm--100 {
        padding-right: 100px !important;
    }

    .mt_sm--100 {
        margin-top: 100px !important;
    }

    .ml_sm--100 {
        margin-left: 100px !important;
    }

    .mr_sm--100 {
        margin-right: 100px !important;
    }

    .mb_sm--100 {
        margin-bottom: 100px !important;
    }

    .pl_sm--0 {
        padding-left: 0;
    }

    .pr_sm--0 {
        padding-right: 0;
    }

    .pt_sm--0 {
        padding-top: 0;
    }

    .pb_sm--0 {
        padding-bottom: 0;
    }

    .mr_sm--0 {
        margin-right: 0;
    }

    .ml_sm--0 {
        margin-left: 0;
    }

    .mt_sm--0 {
        margin-top: 0;
    }

    .mb_sm--0 {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 575px) {
    .ptb_mobile--5 {
        padding: 5px 0 !important;
    }

    .plr_mobile--5 {
        padding: 0 5px !important;
    }

    .pt_mobile--5 {
        padding-top: 5px !important;
    }

    .pb_mobile--5 {
        padding-bottom: 5px !important;
    }

    .pl_mobile--5 {
        padding-left: 5px !important;
    }

    .pr_mobile--5 {
        padding-right: 5px !important;
    }

    .mt_mobile--5 {
        margin-top: 5px !important;
    }

    .mb_mobile--5 {
        margin-bottom: 5px !important;
    }

    .ptb_mobile--10 {
        padding: 10px 0 !important;
    }

    .plr_mobile--10 {
        padding: 0 10px !important;
    }

    .pt_mobile--10 {
        padding-top: 10px !important;
    }

    .pb_mobile--10 {
        padding-bottom: 10px !important;
    }

    .pl_mobile--10 {
        padding-left: 10px !important;
    }

    .pr_mobile--10 {
        padding-right: 10px !important;
    }

    .mt_mobile--10 {
        margin-top: 10px !important;
    }

    .mb_mobile--10 {
        margin-bottom: 10px !important;
    }

    .ptb_mobile--15 {
        padding: 15px 0 !important;
    }

    .plr_mobile--15 {
        padding: 0 15px !important;
    }

    .pt_mobile--15 {
        padding-top: 15px !important;
    }

    .pb_mobile--15 {
        padding-bottom: 15px !important;
    }

    .pl_mobile--15 {
        padding-left: 15px !important;
    }

    .pr_mobile--15 {
        padding-right: 15px !important;
    }

    .mt_mobile--15 {
        margin-top: 15px !important;
    }

    .mb_mobile--15 {
        margin-bottom: 15px !important;
    }

    .ptb_mobile--20 {
        padding: 20px 0 !important;
    }

    .plr_mobile--20 {
        padding: 0 20px !important;
    }

    .pt_mobile--20 {
        padding-top: 20px !important;
    }

    .pb_mobile--20 {
        padding-bottom: 20px !important;
    }

    .pl_mobile--20 {
        padding-left: 20px !important;
    }

    .pr_mobile--20 {
        padding-right: 20px !important;
    }

    .mt_mobile--20 {
        margin-top: 20px !important;
    }

    .mb_mobile--20 {
        margin-bottom: 20px !important;
    }

    .ptb_mobile--25 {
        padding: 25px 0 !important;
    }

    .plr_mobile--25 {
        padding: 0 25px !important;
    }

    .pt_mobile--25 {
        padding-top: 25px !important;
    }

    .pb_mobile--25 {
        padding-bottom: 25px !important;
    }

    .pl_mobile--25 {
        padding-left: 25px !important;
    }

    .pr_mobile--25 {
        padding-right: 25px !important;
    }

    .mt_mobile--25 {
        margin-top: 25px !important;
    }

    .mb_mobile--25 {
        margin-bottom: 25px !important;
    }

    .ptb_mobile--30 {
        padding: 30px 0 !important;
    }

    .plr_mobile--30 {
        padding: 0 30px !important;
    }

    .pt_mobile--30 {
        padding-top: 30px !important;
    }

    .pb_mobile--30 {
        padding-bottom: 30px !important;
    }

    .pl_mobile--30 {
        padding-left: 30px !important;
    }

    .pr_mobile--30 {
        padding-right: 30px !important;
    }

    .mt_mobile--30 {
        margin-top: 30px !important;
    }

    .mb_mobile--30 {
        margin-bottom: 30px !important;
    }

    .ptb_mobile--35 {
        padding: 35px 0 !important;
    }

    .plr_mobile--35 {
        padding: 0 35px !important;
    }

    .pt_mobile--35 {
        padding-top: 35px !important;
    }

    .pb_mobile--35 {
        padding-bottom: 35px !important;
    }

    .pl_mobile--35 {
        padding-left: 35px !important;
    }

    .pr_mobile--35 {
        padding-right: 35px !important;
    }

    .mt_mobile--35 {
        margin-top: 35px !important;
    }

    .mb_mobile--35 {
        margin-bottom: 35px !important;
    }

    .ptb_mobile--40 {
        padding: 40px 0 !important;
    }

    .plr_mobile--40 {
        padding: 0 40px !important;
    }

    .pt_mobile--40 {
        padding-top: 40px !important;
    }

    .pb_mobile--40 {
        padding-bottom: 40px !important;
    }

    .pl_mobile--40 {
        padding-left: 40px !important;
    }

    .pr_mobile--40 {
        padding-right: 40px !important;
    }

    .mt_mobile--40 {
        margin-top: 40px !important;
    }

    .mb_mobile--40 {
        margin-bottom: 40px !important;
    }

    .ptb_mobile--45 {
        padding: 45px 0 !important;
    }

    .plr_mobile--45 {
        padding: 0 45px !important;
    }

    .pt_mobile--45 {
        padding-top: 45px !important;
    }

    .pb_mobile--45 {
        padding-bottom: 45px !important;
    }

    .pl_mobile--45 {
        padding-left: 45px !important;
    }

    .pr_mobile--45 {
        padding-right: 45px !important;
    }

    .mt_mobile--45 {
        margin-top: 45px !important;
    }

    .mb_mobile--45 {
        margin-bottom: 45px !important;
    }

    .ptb_mobile--50 {
        padding: 50px 0 !important;
    }

    .plr_mobile--50 {
        padding: 0 50px !important;
    }

    .pt_mobile--50 {
        padding-top: 50px !important;
    }

    .pb_mobile--50 {
        padding-bottom: 50px !important;
    }

    .pl_mobile--50 {
        padding-left: 50px !important;
    }

    .pr_mobile--50 {
        padding-right: 50px !important;
    }

    .mt_mobile--50 {
        margin-top: 50px !important;
    }

    .mb_mobile--50 {
        margin-bottom: 50px !important;
    }

    .ptb_mobile--55 {
        padding: 55px 0 !important;
    }

    .plr_mobile--55 {
        padding: 0 55px !important;
    }

    .pt_mobile--55 {
        padding-top: 55px !important;
    }

    .pb_mobile--55 {
        padding-bottom: 55px !important;
    }

    .pl_mobile--55 {
        padding-left: 55px !important;
    }

    .pr_mobile--55 {
        padding-right: 55px !important;
    }

    .mt_mobile--55 {
        margin-top: 55px !important;
    }

    .mb_mobile--55 {
        margin-bottom: 55px !important;
    }

    .ptb_mobile--60 {
        padding: 60px 0 !important;
    }

    .plr_mobile--60 {
        padding: 0 60px !important;
    }

    .pt_mobile--60 {
        padding-top: 60px !important;
    }

    .pb_mobile--60 {
        padding-bottom: 60px !important;
    }

    .pl_mobile--60 {
        padding-left: 60px !important;
    }

    .pr_mobile--60 {
        padding-right: 60px !important;
    }

    .mt_mobile--60 {
        margin-top: 60px !important;
    }

    .mb_mobile--60 {
        margin-bottom: 60px !important;
    }

    .ptb_mobile--65 {
        padding: 65px 0 !important;
    }

    .plr_mobile--65 {
        padding: 0 65px !important;
    }

    .pt_mobile--65 {
        padding-top: 65px !important;
    }

    .pb_mobile--65 {
        padding-bottom: 65px !important;
    }

    .pl_mobile--65 {
        padding-left: 65px !important;
    }

    .pr_mobile--65 {
        padding-right: 65px !important;
    }

    .mt_mobile--65 {
        margin-top: 65px !important;
    }

    .mb_mobile--65 {
        margin-bottom: 65px !important;
    }

    .ptb_mobile--70 {
        padding: 70px 0 !important;
    }

    .plr_mobile--70 {
        padding: 0 70px !important;
    }

    .pt_mobile--70 {
        padding-top: 70px !important;
    }

    .pb_mobile--70 {
        padding-bottom: 70px !important;
    }

    .pl_mobile--70 {
        padding-left: 70px !important;
    }

    .pr_mobile--70 {
        padding-right: 70px !important;
    }

    .mt_mobile--70 {
        margin-top: 70px !important;
    }

    .mb_mobile--70 {
        margin-bottom: 70px !important;
    }

    .ptb_mobile--75 {
        padding: 75px 0 !important;
    }

    .plr_mobile--75 {
        padding: 0 75px !important;
    }

    .pt_mobile--75 {
        padding-top: 75px !important;
    }

    .pb_mobile--75 {
        padding-bottom: 75px !important;
    }

    .pl_mobile--75 {
        padding-left: 75px !important;
    }

    .pr_mobile--75 {
        padding-right: 75px !important;
    }

    .mt_mobile--75 {
        margin-top: 75px !important;
    }

    .mb_mobile--75 {
        margin-bottom: 75px !important;
    }

    .ptb_mobile--80 {
        padding: 80px 0 !important;
    }

    .plr_mobile--80 {
        padding: 0 80px !important;
    }

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

    .pb_mobile--80 {
        padding-bottom: 80px !important;
    }

    .pl_mobile--80 {
        padding-left: 80px !important;
    }

    .pr_mobile--80 {
        padding-right: 80px !important;
    }

    .mt_mobile--80 {
        margin-top: 80px !important;
    }

    .mb_mobile--80 {
        margin-bottom: 80px !important;
    }

    .ptb_mobile--85 {
        padding: 85px 0 !important;
    }

    .plr_mobile--85 {
        padding: 0 85px !important;
    }

    .pt_mobile--85 {
        padding-top: 85px !important;
    }

    .pb_mobile--85 {
        padding-bottom: 85px !important;
    }

    .pl_mobile--85 {
        padding-left: 85px !important;
    }

    .pr_mobile--85 {
        padding-right: 85px !important;
    }

    .mt_mobile--85 {
        margin-top: 85px !important;
    }

    .mb_mobile--85 {
        margin-bottom: 85px !important;
    }

    .ptb_mobile--90 {
        padding: 90px 0 !important;
    }

    .plr_mobile--90 {
        padding: 0 90px !important;
    }

    .pt_mobile--90 {
        padding-top: 90px !important;
    }

    .pb_mobile--90 {
        padding-bottom: 90px !important;
    }

    .pl_mobile--90 {
        padding-left: 90px !important;
    }

    .pr_mobile--90 {
        padding-right: 90px !important;
    }

    .mt_mobile--90 {
        margin-top: 90px !important;
    }

    .mb_mobile--90 {
        margin-bottom: 90px !important;
    }

    .ptb_mobile--95 {
        padding: 95px 0 !important;
    }

    .plr_mobile--95 {
        padding: 0 95px !important;
    }

    .pt_mobile--95 {
        padding-top: 95px !important;
    }

    .pb_mobile--95 {
        padding-bottom: 95px !important;
    }

    .pl_mobile--95 {
        padding-left: 95px !important;
    }

    .pr_mobile--95 {
        padding-right: 95px !important;
    }

    .mt_mobile--95 {
        margin-top: 95px !important;
    }

    .mb_mobile--95 {
        margin-bottom: 95px !important;
    }

    .ptb_mobile--100 {
        padding: 100px 0 !important;
    }

    .plr_mobile--100 {
        padding: 0 100px !important;
    }

    .pt_mobile--100 {
        padding-top: 100px !important;
    }

    .pb_mobile--100 {
        padding-bottom: 100px !important;
    }

    .pl_mobile--100 {
        padding-left: 100px !important;
    }

    .pr_mobile--100 {
        padding-right: 100px !important;
    }

    .mt_mobile--100 {
        margin-top: 100px !important;
    }

    .mb_mobile--100 {
        margin-bottom: 100px !important;
    }
}

@media only screen and (max-width: 767px) {
    .transform-sm-none {
        transform: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-round-btn {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .card-info .inner .rating-wrapper span {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-border-with-box {
        padding: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-shadow-box {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-shadow-box {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-shadow-box {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg_image--19 {
        background-position: center right 25%;
    }
}

@media only screen and (max-width: 767px) {
    .bg_image--19 {
        background-position: center right 25%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .bg_image--22 {
        background-position: center right 33%;
    }
}

@media only screen and (max-width: 767px) {
    .bg_image--22 {
        background-position: center right 33%;
    }
}

@media only screen and (min-width: 768px) {
    .cd-intro {
        margin: 5em auto;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-intro {
        margin: 6em auto;
    }
}


@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .header-space-betwween {
        padding-left: 233px;
        padding-right: 180px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .header-space-betwween {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-space-betwween {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .header-space-betwween {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .header-space-betwween {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .header-space-betwween {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .header-right .nav-side {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    ul.rbt-dropdown-menu li a .right-icon {
        font-size: 12px;
    }
}

@media only screen and (min-width: 1200px) {
    .rbt-header-sec {
        height: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header-sec {
        height: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header-sec .rbt-header-sec-col .rbt-header-content {
        margin: 0 -5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-sec .rbt-header-sec-col .rbt-header-content {
        margin: 0 -5px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-sec .rbt-header-sec-col .rbt-header-content {
        margin: 0 -5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header-sec .rbt-header-sec-col .rbt-header-content>div {
        padding: 0 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-sec .rbt-header-sec-col .rbt-header-content>div {
        padding: 0 5px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-sec .rbt-header-sec-col .rbt-header-content>div {
        padding: 0 5px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .quick-access {
        border-right: 0 none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .quick-access {
        border-right: 0 none;
    }
}

@media only screen and (max-width: 767px) {
    .quick-access {
        border-right: 0 none;
    }
}

@media only screen and (max-width: 767px) {
    .quick-access>li {
        margin: 0 6px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .quick-access>li.account-access {
        margin-right: 20px;
        margin-left: 15px;
        padding-left: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .quick-access>li.account-access {
        padding-left: 14px;
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .quick-access>li.account-access {
        padding-left: 10px;
        margin-left: 10px;
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .quick-access>li.account-access {
        padding-left: 10px;
        margin-left: 10px;
        margin-right: 5px;
    }
}

@media only screen and (max-width: 575px) {
    .quick-access>li.account-access {
        padding-left: 0;
        margin-left: 5px;
    }
}

@media only screen and (max-width: 575px) {
    .quick-access>li.account-access::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-with-category .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 139px;
    }

    .rbt-search-with-category .search-field input {
        padding-right: 34px;
        font-size: 13px;
        padding-left: 12px;
    }

    .rbt-search-with-category .rbt-modern-select .bootstrap-select button.btn-light {
        font-size: 13px;
        padding-right: 25px;
    }

    .rbt-search-with-category .filter-select select {
        min-width: 139px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-secondary-menu {
        margin: 0 -5px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-secondary-menu li {
        padding: 0 5px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-secondary-menu li a {
        font-size: 13px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-category-btn {
        background: transparent;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-category-btn {
        background: transparent;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-category-btn {
        background: transparent;
        padding: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper {
        position: static;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: auto;
        right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper .rbt-user-menu-list-wrapper {
        left: 20px;
        right: 20px;
        width: auto;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-user-wrapper.right-align-dropdown .rbt-user-menu-list-wrapper {
        right: 20px;
        left: 20px;
        width: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-mini-cart .rbt-cart-count {
        top: 0px;
        left: 60%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-mini-cart .rbt-cart-count {
        left: auto;
        font-weight: 500;
        right: 1px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-mini-cart .rbt-cart-count {
        top: -7px;
        right: -4px;
        left: auto;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top.rbt-header-top-1::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 85%;
        display: block;
        z-index: 1;
        content: "";
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--dark-border) 100%);
        transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
        cursor: pointer;
        opacity: 1;
    }
}

@media only screen and (min-width: 1200px) {
    .rbt-header-top.rbt-header-top-1.variation-height-60 {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 60px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header-top.rbt-header-top-1.variation-height-50 {
        height: auto;
        min-height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header-top.rbt-header-top-1.variation-height-50 {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-top.rbt-header-top-1.variation-height-50 {
        height: 40px;
        min-height: auto;
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top.rbt-header-top-1.variation-height-50 {
        height: 40px;
        min-height: auto;
        overflow: hidden;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header-top.rbt-header-top-1 .rbt-header-sec .rbt-header-sec-col {
        flex-basis: 33.33%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header-top.rbt-header-top-1 .rbt-header-sec .rbt-header-sec-col {
        flex-basis: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-top.rbt-header-top-1 .rbt-header-sec .rbt-header-sec-col {
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top.rbt-header-top-1 .rbt-header-sec .rbt-header-sec-col {
        flex-basis: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-top.rbt-header-top-1.top-expended-activation {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top.rbt-header-top-1.top-expended-activation {
        overflow: hidden;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top.rbt-header-top-1.top-expended-activation.active::after {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-header-top-2 .address-content p {
        padding: 0 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-top-2 .fancy-menu-text {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top-2 .fancy-menu-text {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-top-2 .fancy-menu-address {
        justify-content: center;
        margin-top: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top-2 .fancy-menu-address {
        justify-content: center;
        margin-top: 6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header-top-2.header-top-2 .header-right {
        justify-content: end;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top-2.header-top-2 .header-right {
        justify-content: center;
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-top-2.header-top-2 .header-right {
        display: block;
    }
}

@media only screen and (max-width: 479px) {
    .rbt-header-top-2.header-top-2 .header-right .social-icon-wrapper {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-header-top-2 .social-icon-wrapper {
        margin-left: 0;
        padding-left: 0;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-header-top-2 .social-icon-wrapper::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-campaign .icon-close.position-right {
        right: 10px;
        top: 9px;
        transform: none;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top-news .inner {
        text-align: start;
        justify-content: space-between !important;
        padding-right: 25px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header-top-news .inner .content .news-text {
        font-size: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-header-top-news .inner .content .news-text {
        margin-left: 0;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-top-news .inner .right-button {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-campaign-1.rbt-header-top-news .inner {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header-campaign-1.rbt-header-top-news .inner .right-button {
        margin-left: 0;
        margin-top: 6px;
    }
}

@media only screen and (max-width: 575px) {
    .social-share-transparent {
        margin: -5px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-header .logo a {
        height: auto;
        line-height: initial;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header .rbt-header-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header .rbt-header-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header .rbt-header-wrapper {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header .rbt-header-wrapper .header-right {
        justify-content: flex-end;
        flex-basis: 60%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header .rbt-header-wrapper .header-left {
        flex-basis: 40%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header.rbt-header-8 .mainbar-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header.rbt-header-8 .mainbar-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header.rbt-header-8 .mainbar-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: auto;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header .mainmenu-nav .mainmenu>li>a {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header .mainmenu-nav .mainmenu>li>a {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header .mainmenu-nav .mainmenu>li>a {
        padding: 0 12px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-header .rbt-category-menu-wrapper {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-header .rbt-category-menu-wrapper {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-header .rbt-category-menu-wrapper {
        height: auto;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header.rbt-header-3 .mainmenu-nav .mainmenu>li>a {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .single-dropdown-menu-presentation .single-mega-item {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 1199px) {
    .home-plesentation-wrapper {
        margin-bottom: 12px;
        margin-top: 0;
        max-height: inherit;
        min-height: inherit;
        overflow: inherit;
    }
}

@media only screen and (max-width: 1199px) {
    .home-plesentation-wrapper .single-mega-item+.single-mega-item .demo-single {
        border-top: 1px solid var(--color-border);
    }
}


@media only screen and (max-width: 1199px) {
    .demo-single {
        box-shadow: none;
        margin-top: 0;
        border-radius: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner {
        text-align: left;
    }
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .thumbnail {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .content {
        padding: 0;
        opacity: 1;
        position: static;
        text-align: left;
    }
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .content .title {
        font-size: 15px;
        color: var(--color-heading) !important;
    }
}

@media only screen and (max-width: 1199px) {
    .demo-single .inner .content .title i {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    .demo-single:hover {
        transform: none;
    }
}

@media only screen and (min-width: 1200px) {
    .popup-mobile-menu {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper {
        padding: 30px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .popup-mobile-menu .inner-wrapper {
        width: 300px;
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .inner-top {
        padding-bottom: 15px;
        margin-bottom: 0px;
    }
}


@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .content {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .popup-mobile-menu .inner-wrapper .description {
        padding-right: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .rbt-ads-wrapper {
        margin-top: 0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 1199px) {
    .popup-mobile-menu .rbt-ads-wrapper img {
        border-radius: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .hamberger {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-offcanvas-trigger .offcanvas-trigger .offcanvas-bars span {
        margin-bottom: 4px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {

    .side-menu,
    .rbt-cart-side-menu {
        width: 40%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .side-menu,
    .rbt-cart-side-menu {
        width: 550px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .side-menu,
    .rbt-cart-side-menu {
        width: 550px;
    }
}

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

    .side-menu,
    .rbt-cart-side-menu {
        width: 450px;
    }
}

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

    .side-menu,
    .rbt-cart-side-menu {
        width: 310px;
    }
}

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

    .side-menu .inner-wrapper,
    .rbt-cart-side-menu .inner-wrapper {
        padding: 30px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-offcanvas-side-menu .inner-wrapper {
        width: 310px;
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-offcanvas-side-menu .inner-wrapper .inner-top {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-vertical-nav-list-wrapper .vartical-nav-content-menu-wrapper {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-inner-onepage-navigation {
        padding: 0;
        border-radius: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-inner-onepage-navigation {
        padding: 0;
        border-radius: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-inner-onepage-navigation {
        padding: 0;
        border-radius: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-inner-onepage-navigation {
        position: static;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-inner-onepage-navigation .mainmenu-nav .mainmenu {
        padding: 17px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rounded-player {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rounded-player-2 {
        width: 50px;
        height: 50px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-btn.rounded-player-2 {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.rounded-player-2.sm-size {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.btn-sm {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.btn-md {
        padding: 0 15px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-btn.btn-lg {
        padding: 0 17px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-btn.btn-xl {
        padding: 0 20px;
        font-size: 16px;
        height: 55px;
        line-height: 55px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-btn.btn-xxl {
        padding: 0 20px;
        font-size: 18px;
        height: 70px;
        line-height: 70px;
    }
}

@media only screen and (max-width: 767px) {
    a.rbt-moderbt-btn {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-new-badge.rbt-new-badge-one {
        font-size: 14px;
        padding: 18px 10px 18px 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title.text-center .description {
        padding: 0 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title.text-center .description {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .section-title.text-center .description {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title.text-center .description.has-medium-font-size {
        padding: 0 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title.text-center .description.has-medium-font-size {
        padding: 0 10%;
    }
}

@media only screen and (max-width: 767px) {
    .section-title.text-center .description.has-medium-font-size {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title.text-xl-start .description {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .section-title.text-xl-start .description {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .section-title.text-xl-start .description {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-breadcrumb-default .title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-breadcrumb-default .title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-breadcrumb-default .title {
        font-size: 28px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .breadcrumb-style-max-width {
        max-width: 960px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .breadcrumb-style-max-width {
        max-width: 720px;
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb-style-max-width {
        max-width: 540px;
    }
}

@media only screen and (max-width: 575px) {
    .breadcrumb-style-max-width {
        max-width: 420px;
    }
}

@media only screen and (max-width: 479px) {
    .breadcrumb-style-max-width {
        max-width: inherit;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-article-content-wrapper {
        padding: 50px 30px;
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-article-content-wrapper {
        padding: 50px 30px;
        padding-top: 0;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-overlay-page-wrapper .breadcrumb-image-container {
        padding: 44px 30px 50px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-page-wrapper .breadcrumb-image-container {
        padding: 44px 30px 50px;
        border-radius: 0;
    }
}

@media only screen and (max-width: 479px) {
    .rbt-overlay-page-wrapper .breadcrumb-image-container {
        margin: 0px auto 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-overlay-page-wrapper .breadcrumb-content-top .title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-page-banner-wrapper {
        padding: 40px 0px 180px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-page-banner-wrapper .rbt-banner-content-top .title-wrapper {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-page-banner-wrapper .rbt-banner-content-top .title-wrapper .rbt-badge-2 {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-page-banner-wrapper .rbt-banner-content-top .title {
        font-size: 32px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-breadcrumb-default.rbt-breadcrumb-style-3 {
        height: auto;
        padding: 120px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-breadcrumb-default.rbt-breadcrumb-style-3 {
        height: auto;
        padding: 60px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-breadcrumb-style-3 .description {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card {
        padding: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card .rbt-card-body {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card .rbt-card-body {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-card-body {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-card-body .rbt-meta {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card .rbt-card-body .lesson-number {
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-card-body .lesson-number {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card .rbt-card-body .rbt-card-title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card .rbt-card-body .rbt-card-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-card-body .rbt-card-title {
        font-size: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-card .rbt-card-body .rbt-card-title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-card .rbt-card-body .rbt-card-text {
        margin-bottom: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-card-body .rbt-card-text {
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-card .rbt-card-body .rbt-author-meta {
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card .rbt-card-top {
        margin-bottom: 10px;
        margin-top: 0;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.variation-02 .rbt-card-body {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.variation-02 .rbt-card-body {
        padding: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.variation-02 .rbt-card-body {
        padding: 20px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.card-minimal .rbt-card-body {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-minimal .rbt-card-body {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-minimal .rbt-card-body {
        padding: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-card.variation-03 .rbt-card-body {
        padding-top: 15px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
        flex-basis: 90%;
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
        flex-basis: 90%;
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-title {
        flex-basis: 90%;
        font-size: 20px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
        flex-basis: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
        flex-basis: 10%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.variation-03 .rbt-card-body .rbt-card-bottom {
        flex-basis: 10%;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-card.card-list {
        display: block;
        max-height: inherit;
        align-items: center;
        height: auto;
        border-radius: var(--radius);
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.card-list .rbt-card-img a img {
        max-width: 200px;
        min-width: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list .rbt-card-img a img {
        max-height: initial;
        max-width: inherit;
        min-width: inherit;
        width: 100%;
        object-fit: cover;
        border-radius: var(--radius) var(--radius) 0 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-card.card-list .rbt-card-body {
        padding: 20px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2 {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2 {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2 .rbt-card-img {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2 .rbt-card-img {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.card-list-2 .rbt-card-body {
        padding-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2 .rbt-card-body {
        padding-left: 0;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2 .rbt-card-body {
        padding-left: 0;
        padding-top: 30px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.card-list-2 .rbt-card-body .rbt-card-title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2 .rbt-card-body .rbt-card-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2 .rbt-card-body .rbt-card-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-card.card-list-2 .rbt-card-body .rbt-card-title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.card-list-2.elegant-course {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-img {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-img {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-img a img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-img a img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-body {
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-body {
        padding-left: 0;
        padding-top: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-card.card-list-2.event-list-card .rbt-card-body .rbt-card-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-card.elegant-course.card-list-2 .rbt-card-body {
        padding: 45px 20px 35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-card.event-grid-card .rbt-card-body .rbt-card-title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-meta {
        margin: -3px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-meta {
        margin: -3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-meta li {
        margin: 3px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-meta li {
        margin: 3px;
        font-size: var(--font-size-b4);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-category a {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-category a {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-category a {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-price.large-size .current-price {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-price.large-size .current-price {
        font-size: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-price.large-size .off-price {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-price.large-size .off-price {
        font-size: 16px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-1 .inner {
        padding: 22px 18px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-1 .inner .icon {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-1 .inner .content .title {
        margin-bottom: 9px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-1 .inner .content p {
        margin-bottom: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-service.rbt-service-2 {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-2 {
        padding: 30px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-service.rbt-service-2 .inner {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-2 .inner {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-2 .inner .thumbnail {
        flex-basis: 100%;
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-2 .inner .content {
        flex-basis: 100%;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-service.rbt-service-2 .inner .content .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-service.rbt-service-2 .inner .content .title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-service.rbt-service-2 .inner .content .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-flipbox .rbt-flipbox-wrap .rbt-flipbox-front .content>a {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-flipbox .rbt-flipbox-wrap .rbt-flipbox-front .content>a {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-card-5 .inner .icon {
        margin-right: 15px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-card-5 .inner .content .title {
        font-size: 15px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service-card-5 .inner .content .title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .service-card-5 .inner .content .title {
        font-size: 16px;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .service-card-6 .inner {
        padding: 30px 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service-card-6 .inner .content .title {
        font-size: 17px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-swiper-pagination .swiper-pagination-bullet {
        margin: 0 16px !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
        left: auto;
        right: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .banner-swiper-active.rbt-dot-bottom-center .rbt-swiper-pagination {
        bottom: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature+.rbt-feature {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature.feature-style-2:hover {
        transform: scale(1);
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-single-course-features .subtitle {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-single-course-features .subtitle {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-single-course-features .subtitle {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper {
        display: block;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-1 {
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-1 img {
        width: 100%;
        transform: none !important;
        margin-bottom: 20px;
        max-height: inherit;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-2 {
        top: -33px;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-2 {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-2 img {
        width: 100%;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-3 {
        left: 88px;
        top: -193px;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-3 {
        left: 0;
        top: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-1 .thumbnail-wrapper .thumbnail.image-3 img {
        transform: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-style-2 .about-wrapper {
        margin-top: 80px;
        padding: 15px 15px 30px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-2 .about-wrapper {
        margin-top: 80px;
        padding: 15px 15px 30px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-2 .about-wrapper .content .inner {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about-style-2 .about-wrapper .content .inner .title {
        font-size: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-callto-action.callto-action-default {
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-callto-action.callto-action-default {
        padding: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-callto-action-area.mt_dec--half {
        margin-bottom: 0;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-callto-action-area.mt_dec--half {
        margin-bottom: 0;
        padding-bottom: 80px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cta-default.style-2 .content-wrapper {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-2 .content-wrapper {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cta-default.style-3 .content-wrapper {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-3 .content-wrapper {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-3 .content .title {
        font-size: 22px;
        line-height: 1.5;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cta-default.style-4 {
        position: relative;
        padding: 30px 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cta-default.style-4 {
        position: relative;
        padding: 30px 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-4 {
        position: relative;
        padding: 30px 10px;
        margin-top: 0 !important;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cta-default.style-4 .content .title {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-4 .content .title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cta-default.style-4 .content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-4 .content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-4 .content-wrapper .inner {
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-default.style-4 .content-wrapper .thumbnail {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cta-default.style-4.variation-2 .content-wrapper .thumbnail {
        width: 27%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cta-5 .title {
        font-size: 45px;
        padding-right: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cta-5 .title {
        font-size: 40px;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cta-5 .title {
        font-size: 34px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-call-to-action-5 .shape-images {
        right: 5%;
        max-width: 48%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-call-to-action-5 .shape-images {
        right: 4%;
        max-width: 53%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-call-to-action-5 .shape-images {
        right: 4%;
        max-width: 53%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-accordion-style .card .card-header {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-accordion-style .card .card-header button {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-accordion-style .card .card-header button .rbt-badge-5 {
        margin-left: 0 !important;
        margin-top: 7px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-accordion-style .card .card-body {
        padding: 20px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-accordion-style.for-right-content .card .card-header button {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-accordion-style.for-right-content .card .card-header button {
        display: flex;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-image-gallery-1 {
        padding-right: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-image-gallery-1 {
        padding-right: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-image-gallery-1 {
        padding-right: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1 {
        padding-right: 0;
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1 .image-1 {
        width: 100%;
        transform: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-image-gallery-1 .image-2 {
        right: 0;
        top: 18%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-image-gallery-1 .image-2 {
        top: 16%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-image-gallery-1 .image-2 {
        top: 16%;
        right: -1%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1 .image-2 {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-image-gallery-1.text-end .image-2 {
        top: 18%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-image-gallery-1.text-end .image-2 {
        top: 16%;
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-image-gallery-1.text-end .image-2 {
        top: 16%;
        left: 22%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-image-gallery-1.text-end .image-2 {
        display: none;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-counterup {
        padding: 30px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-counterup {
        padding: 30px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-counterup {
        padding: 30px 15px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-counterup {
        padding: 25px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-counterup .inner .content .counter {
        font-size: 40px;
        line-height: 1;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-counterup.style-2 .inner .content .counter {
        font-size: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-counterup.style-3 .inner .content .counter {
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-counterup.style-3 .inner .content .counter {
        font-size: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-counterup.style-3 .inner .content .counter {
        font-size: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-counterup.variation-01 .inner .content .counter {
        font-size: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-counterup.variation-01 .inner .content .counter {
        font-size: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-counterup.variation-01 .inner .content .counter {
        font-size: 35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-counter+.single-counter::before {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-counter+.single-counter::before {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .single-counter+.single-counter::before {
        display: none;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hanger-line>.col-lg-3.mt_md--30::before {
        height: 32px;
    }
}

@media only screen and (max-width: 767px) {
    .hanger-line>.col-lg-3.mt_md--30::before {
        height: 32px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hanger-line>.col-lg-3.mt_md--30::after {
        bottom: calc(100% + 23px);
    }
}

@media only screen and (max-width: 767px) {
    .hanger-line>.col-lg-3.mt_md--30::after {
        bottom: calc(100% + 23px);
    }
}


@media only screen and (max-width: 767px) {
    .pricing-billing-duration {
        text-align: left;
    }
}


@media only screen and (max-width: 767px) {
    .pricing-billing-duration ul {
        padding: 6px 6px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 18px;
        padding: 0 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 17px;
        padding: 0 15px;
        letter-spacing: -0.5px;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-billing-duration ul .nav-item .nav-link {
        font-size: 17px;
        padding: 0 15px;
        letter-spacing: -0.5px;
        height: 50px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pricing-table {
        padding: 60px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-table {
        padding: 40px 20px;
    }
}


@media only screen and (max-width: 767px) {
    .pricing-table .pricing-header .price-wrap .amount {
        font-size: 36px;
    }
}


@media only screen and (max-width: 767px) {
    .pricing-table .pricing-body .list-item li {
        font-size: 16px;
    }
}


@media only screen and (max-width: 767px) {
    .pricing-table .pricing-body .list-item li+li {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-table.style-3 {
        padding: 30px 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .pricing-table.style-3 .pricing-body,
    .pricing-table.style-3 .pricing-btn,
    .pricing-table.style-3 .pricing-header {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .pricing-table.style-3 .pricing-body,
    .pricing-table.style-3 .pricing-btn,
    .pricing-table.style-3 .pricing-header {
        padding: 0 20px;
    }
}

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

    .pricing-table.style-3 .pricing-body,
    .pricing-table.style-3 .pricing-btn,
    .pricing-table.style-3 .pricing-header {
        padding: 0 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .pricing-table.style-3 .pricing-header {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-table.style-3 .pricing-header {
        padding-bottom: 20px;
        margin-bottom: 20px;
        padding-top: 20px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .advance-pricing .pricing-left {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .advance-pricing .pricing-right {
        padding: 60px 20px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .team-style-default .inner .content .title,
    .rbt-default-card .inner .content .title {
        font-size: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .team-style-default .inner .content .title,
    .rbt-default-card .inner .content .title {
        font-size: 24px;
    }
}

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

    .team-style-default .inner .content .title,
    .rbt-default-card .inner .content .title {
        font-size: 28px;
    }
}

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

    .team-style-default .inner .content .title,
    .rbt-default-card .inner .content .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .team-style-default .inner .content .subtitle,
    .rbt-default-card .inner .content .subtitle {
        font-size: 18px;
    }
}

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

    .team-style-default .inner .content .subtitle,
    .rbt-default-card .inner .content .subtitle {
        font-size: 16px;
    }
}


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

    .team-style-default.style-three .inner,
    .rbt-default-card.style-three .inner {
        padding: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team .content {
        padding: 10px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .team .content {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team .content .title {
        font-size: 22px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team ul.social-icon {
        left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .team ul.social-icon {
        left: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .team.team-style--bottom ul.social-icon {
        bottom: 97px;
        left: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .swiper-slide .team-style-default.style-three {
        margin: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .swiper-slide .team-style-default.style-three {
        margin: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .swiper-slide .team-style-default.style-three {
        margin: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .team-slide-activation-2 .swiper-wrapper {
        margin: -15px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .team-slide-activation-2 .swiper-wrapper {
        margin: -15px 0;
    }
}

@media only screen and (max-width: 767px) {
    .team-slide-activation-2 .swiper-wrapper {
        margin: -15px 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-team-tab-thumb {
        margin-bottom: -10px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-team-tab-thumb li {
        flex-basis: 33.33%;
        margin-bottom: 14px;
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-team-tab-thumb li {
        flex-basis: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
        width: 100%;
        height: 270px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-team-tab-thumb li .rbt-team-thumbnail .thumb img {
        width: 100%;
        height: auto;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-team-tab-content .inner {
        display: block;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-team-tab-content .author-info {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-team-tab-content .author-info {
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-team-tab-content .rbt-team-details {
        padding-left: 0;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-team-tab-content .rbt-team-details p {
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 575px) {
    .rbt-team-modal-thumb {
        margin-bottom: -10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-pagination {
        margin: -4px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-pagination li {
        margin: 4px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-pagination li a {
        width: 45px;
        height: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-form-1 input {
        height: 50px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .newsletter-form-1 input {
        padding-right: 20px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-form-1 .rbt-btn {
        right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .newsletter-form-1 .rbt-btn {
        position: static;
        transform: none;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .newsletter-style-1 {
        padding: 60px 20px;
    }
}


@media only screen and (max-width: 767px) {
    .brand-style-1 li {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .brand-style-1 li {
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 479px) {
    .brand-style-1 li {
        flex-basis: 50%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-1 li a img {
        max-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-1 li a img {
        max-height: 25px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-2 {
        justify-content: flex-start !important;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-2 {
        justify-content: flex-start !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-2 li {
        flex-basis: 25%;
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-2 li {
        flex-basis: 25%;
        text-align: left;
    }
}

@media only screen and (max-width: 575px) {
    .brand-style-2 li {
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 479px) {
    .brand-style-2 li {
        flex-basis: 50%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-2 li a img {
        max-width: inherit;
        max-height: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-2 li a img {
        max-width: inherit;
        max-height: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-2.variation-2 li {
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 479px) {
    .brand-style-2.variation-2 li {
        flex-basis: 50%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-3 li {
        flex-basis: 25%;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-3 li {
        flex-basis: 25%;
    }
}

@media only screen and (max-width: 575px) {
    .brand-style-3 li {
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 479px) {
    .brand-style-3 li {
        flex-basis: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .brand-style-3 li a img {
        max-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-3 li a img {
        max-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .brand-style-3.variation-2 li {
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 479px) {
    .brand-style-3.variation-2 li {
        flex-basis: 50%;
    }
}

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

    .filter-button-default,
    .filter-tab-button {
        margin: -5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .filter-button-default button,
    .filter-button-default a,
    .filter-tab-button button,
    .filter-tab-button a {
        padding: 0px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .filter-button-default button,
    .filter-button-default a,
    .filter-tab-button button,
    .filter-tab-button a {
        padding: 0px 24px;
    }
}

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

    .filter-button-default button,
    .filter-button-default a,
    .filter-tab-button button,
    .filter-tab-button a {
        padding: 0 20px;
        height: 48px;
        line-height: 48px;
        margin: 5px;
        font-size: 16px;
    }
}


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

    .filter-button-default button .course-number,
    .filter-button-default a .course-number,
    .filter-tab-button button .course-number,
    .filter-tab-button a .course-number {
        right: 10px;
        top: 4px;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro2 .maso-item {
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro2 .resizer {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-metro3 .maso-item {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .grid-metro3 .maso-item {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro3 .maso-item {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .grid-metro3 .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .grid-metro3 .resizer {
        width: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .grid-metro3 .resizer {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .demo-presentation-mesonry.grid-metro3 {
        margin: 0 -15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .demo-presentation-mesonry.grid-metro3 {
        margin: 0 -15px;
    }
}

@media only screen and (max-width: 767px) {
    .demo-presentation-mesonry.grid-metro3 {
        margin: 0 -15px;
    }
}

.demo-presentation-mesonry.grid-metro3 .maso-item {
    padding: 0 60px;
    margin-top: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .demo-presentation-mesonry.grid-metro3 .maso-item {
        padding: 0 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .demo-presentation-mesonry.grid-metro3 .maso-item {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 767px) {
    .demo-presentation-mesonry.grid-metro3 .maso-item {
        padding: 0 15px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-contact-form.contact-form-style-1 {
        padding: 30px 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-contact-form.contact-form-style-1 {
        max-width: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-contact-form.contact-form-style-1 {
        padding: 30px 20px;
        padding-left: 20px;
        max-width: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-contact-form.contact-form-style-1 .callto-action-wrapper span a {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-contact-form.contact-form-style-1 .shape-group {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-contact-form.contact-form-style-1 .shape-group .shape {
        right: -151px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-contact-form.contact-form-style-1 .shape-group .shape {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-content .inner {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-content .inner {
        text-align: center;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-testimonial-content .inner::before {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-content .inner::before {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-content .inner::before {
        top: -15px;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-testimonial-content .inner p {
        font-size: 24px;
        line-height: 44px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-content .inner p {
        font-size: 28px;
        line-height: 1.5;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-content .inner p {
        font-size: 18px;
        line-height: 26px;
        padding: 0;
        font-weight: 400;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-content .author-info {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-content .author-info {
        text-align: center;
    }
}


@media only screen and (max-width: 575px) {
    ul.testimonial-thumb-wrapper {
        margin-bottom: -10px;
    }
}


@media only screen and (max-width: 767px) {
    ul.testimonial-thumb-wrapper li {
        flex-basis: 33.33%;
        margin-bottom: 14px;
        padding-left: 7px;
        padding-right: 7px;
    }
}

@media only screen and (max-width: 575px) {
    ul.testimonial-thumb-wrapper li {
        flex-basis: 50%;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
}


@media only screen and (max-width: 767px) {
    ul.testimonial-thumb-wrapper li a.active .thumb img {
        transform: none;
        object-fit: cover;
    }
}

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

    .scroll-animation-wrapper::before,
    .scroll-animation-wrapper::after {
        width: 50px;
    }
}


@media only screen and (max-width: 767px) {
    .scroll-animation .single-column-20 {
        width: 310px;
        padding: 0 10px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-testimonial-box .inner {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-testimonial-box .inner {
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-box .inner {
        padding: 30px 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .inner {
        padding: 22px 19px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .inner::before {
        right: 20px;
        top: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .clint-info-wrapper {
        display: block;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info {
        padding-left: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info {
        padding-left: 0;
        margin-top: 15px;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info .title {
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info .title {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .clint-info-wrapper .client-info .title {
        font-size: 20px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .description {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-box .description .rbt-btn-link {
        margin-top: 10px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-testimonial-box.style-2 .clint-info-wrapper {
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
        padding-left: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-testimonial-box.style-2 .clint-info-wrapper .client-info {
        padding-left: 0;
        margin-top: 15px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .advance-tab-button-1 .tab-button-list li {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-button-1 .tab-button-list li {
        width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .advance-tab-button-1 .tab-button-list .tab-button {
        padding: 18px 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .advance-tab-button-1 .tab-button-list .tab-button {
        padding: 25px 24px;
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-button-1 .tab-button-list .tab-button {
        padding: 25px 24px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .advance-tab-button-1 .tab-button-list .tab-button::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-button-1 .tab-button-list .tab-button::after {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .tab-button-style-2 {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tab-button-style-2 li a {
        padding: 16px 12px;
    }
}

@media only screen and (max-width: 767px) {
    .tab-button-style-2 li a {
        padding: 14px 10px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .advance-tab-content-style-2 {
        padding: 0 6%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .advance-tab-content-style-2 {
        padding: 0 7%;
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-content-style-2 {
        padding: 0;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .advance-tab-content-style-2.text-start {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .advance-tab-content-style-2.text-start {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .advance-tab-content-style-2.text-start {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-default-tab .tab-button .tabs__tab .nav-link {
        padding: 24px 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-default-tab .tab-button .tabs__tab .nav-link {
        padding: 24px 24px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-default-tab .tab-button .tabs__tab .nav-link {
        padding: 24px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-default-tab .rainbow-tab-content {
        padding: 30px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splite-style .thumbnail.image-left-content img {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splite-style .thumbnail.image-left-content img {
        border-radius: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splite-style .thumbnail.image-left-content img {
        border-radius: 0;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splite-style .split-inner {
        padding: 30px 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splite-style .split-inner {
        padding: 40px 80px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splite-style .split-inner {
        padding: 40px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splite-style .split-inner {
        padding: 30px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splite-style .split-inner .title {
        font-size: 24px;
        line-height: 30px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-splite-style .split-inner .split-list li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .countdown-style-1 .countdown .countdown-container .countdown-value {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .radial-progress {
        display: inline-block;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-cat-box-1 .inner {
        padding: 20px 20px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cat-box-1 .inner .content .title {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cat-box-1 .inner .content .title {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box-1 .inner .content .title {
        margin-bottom: 5px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-cat-box-1.variation-3 .inner .content .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-cat-box-1.variation-3 .inner .content .title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-cat-box-1.variation-3 .inner .content .title {
        font-size: 16px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .default-exp-wrapper .filter-inner {
        justify-content: flex-start;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .default-exp-wrapper .filter-inner {
        justify-content: start;
    }
}

@media only screen and (max-width: 767px) {
    .default-exp-wrapper .filter-inner {
        justify-content: start;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .default-exp-wrapper .filter-inner .filter-select-option {
        flex-basis: 33.33%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .default-exp-wrapper .filter-inner .filter-select-option {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .default-exp-wrapper .filter-inner .filter-select-option {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .default-exp-wrapper .filter-inner .filter-select-option {
        flex-basis: 100%;
    }
}


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

    .rbt-team-modal .modal-dialog .modal-content,
    .rbt-default-modal .modal-dialog .modal-content {
        padding: 30px;
    }
}

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

    .rbt-team-modal .modal-dialog .modal-content,
    .rbt-default-modal .modal-dialog .modal-content {
        padding: 40px 15px 25px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
    .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
        padding-right: 0;
    }
}

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

    .rbt-team-modal .modal-dialog .modal-content .modal-body .rbt-team-details p,
    .rbt-default-modal .modal-dialog .modal-content .modal-body .rbt-team-details p {
        padding-right: 0;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-list-style-1 li {
        font-size: 16px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-list-style-2 {
        display: block;
        text-align: left;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-list-style-2 li {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-course-features-box {
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .modern-course-features-box {
        padding: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .modern-course-features-box {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-course-features-box .inner {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .modern-course-features-box .inner {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-course-features-box .inner .content {
        padding-left: 0;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .modern-course-features-box .inner .content {
        padding-left: 0;
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .modern-course-features-box .inner .content .title {
        font-size: 26px;
        padding-right: 0;
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .modern-course-features-box .inner .content p {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .modern-course-features-box .inner .content p {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .modern-course-features-box.grid-content-reverse .inner {
        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    .course-feature-list {
        margin: -10px -10px;
    }
}

@media only screen and (max-width: 767px) {
    .course-feature-list li {
        padding: 10px 10px;
    }
}

@media only screen and (max-width: 767px) {
    .course-feature-list li .feature-content .featute-title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .course-feature-list li .feature-content .featute-title span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .plan-offer-list-wrapper {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .plan-offer-list-wrapper .plan-offer-list+.plan-offer-list {
        margin-left: -10px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-search-dropdown {
        max-height: 500px;
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown {
        max-height: 500px;
        overflow-y: scroll;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-search-dropdown .wrapper {
        margin: 15px 0;
        display: block;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .wrapper {
        margin: 15px 0;
        display: block;
        margin-top: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-search-dropdown .wrapper form {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-search-dropdown .wrapper form input {
        font-size: 14px;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-search-dropdown .rbt-search-with-category {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown .rbt-search-with-category {
        margin-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-search-dropdown.search-with-category-popup {
        overflow-y: inherit;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-search-dropdown.search-with-category-popup {
        overflow-y: inherit;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-error-area .title {
        font-size: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-error-area .title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-error-area .sub-title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .alignwide {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .alignwide {
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .blocks-gallery-grid li.blocks-gallery-item {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .blocks-gallery-grid li.blocks-gallery-item {
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .columns-2 .blocks-gallery-grid li.blocks-gallery-item {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 575px) {
    .columns-2 .blocks-gallery-grid li.blocks-gallery-item {
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .blog-meta {
        margin: 0 -7px;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-meta {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .blog-meta li {
        font-size: 14px;
        margin: 0 7px;
        margin-bottom: 10px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-categori-leftbar {
        gap: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-categori-leftbar {
        gap: 10px;
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-categori-list {
        gap: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-categori-list {
        gap: 10px;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-categori-list a {
        padding: 0px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-categori-list a {
        padding: 0px 10px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-categori-list a {
        padding: 0px 20px;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        min-width: max-content;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-categori-list a.blank {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .meta-list {
        margin: -5px;
    }
}

@media only screen and (max-width: 767px) {
    .meta-list {
        margin: -5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .meta-list li {
        padding: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .meta-list li {
        padding: 5px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .meta-list li .author-thumbnail {
        margin-right: 6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .meta-list li .author-thumbnail {
        margin-right: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .meta-list li .author-thumbnail {
        margin-right: 6px;
    }
}

@media only screen and (max-width: 479px) {
    .about-author .media {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .about-author .thumbnail a img {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .about-author .media-body .author-info .subtitle {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-instructor .about-author .media {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-instructor .about-author .thumbnail {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-total-comment-post {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-total-comment-post .add-comment-button {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .comment-list ul.children {
        padding-left: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .comment-list .comment .single-comment {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .wp-block-quote,
    blockquote,
    .wp-block-coblocks-click-to-tweet,
    .wp-block-pullquote blockquote,
    .wp-block-quote.is-style-large,
    .wp-block-quote.is-large,
    blockquote.has-text-align-right,
    .wp-block-quote.has-text-align-right {
        padding: 20px;
        padding-left: 40px;
    }
}


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

    .wp-block-quote,
    blockquote,
    .wp-block-coblocks-click-to-tweet,
    .wp-block-pullquote blockquote,
    .wp-block-quote.is-style-large,
    .wp-block-quote.is-large,
    blockquote.has-text-align-right,
    .wp-block-quote.has-text-align-right {
        padding: 20px;
        padding-left: 40px;
    }
}

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

    .wp-block-quote,
    blockquote,
    .wp-block-coblocks-click-to-tweet,
    .wp-block-pullquote blockquote,
    .wp-block-quote.is-style-large,
    .wp-block-quote.is-large,
    blockquote.has-text-align-right,
    .wp-block-quote.has-text-align-right {
        margin: 20px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .wp-block-quote::before,
    blockquote::before,
    .wp-block-coblocks-click-to-tweet::before,
    .wp-block-pullquote blockquote::before,
    .wp-block-quote.is-style-large::before,
    .wp-block-quote.is-large::before,
    blockquote.has-text-align-right::before,
    .wp-block-quote.has-text-align-right::before {
        top: 7px;
        left: 0;
        font-size: 48px;
    }
}

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

    .wp-block-quote::before,
    blockquote::before,
    .wp-block-coblocks-click-to-tweet::before,
    .wp-block-pullquote blockquote::before,
    .wp-block-quote.is-style-large::before,
    .wp-block-quote.is-large::before,
    blockquote.has-text-align-right::before,
    .wp-block-quote.has-text-align-right::before {
        top: 7px;
        left: 0;
        font-size: 48px;
    }
}

@media only screen and (max-width: 575px) {
    .pro-qty {
        margin: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-single-product .product-action {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-single-product .pro-qty {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-single-product .product-feature {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-single-product .product-feature {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-single-product .product-feature {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-my-account-inner {
        padding: 20px 15px;
    }
}

@media only screen and (max-width: 575px) {
    .cart-table .table {
        border-top: 8px solid transparent;
    }
}

@media only screen and (max-width: 575px) {
    .cart-table .table thead {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .cart-table .table tbody tr td {
        display: block;
        width: 100%;
        max-width: none;
        padding: 15px;
        text-align: left;
    }
}

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

    .cart-table th.pro-thumbnail a,
    .cart-table td.pro-thumbnail a {
        width: 160px;
    }
}

@media only screen and (max-width: 575px) {
    .cart-table td.pro-quantity .pro-qty {
        margin: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-table .pro-remove a {
        width: 60px;
        text-align: center;
    }
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-wrap {
        padding: 25px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button {
        display: flex;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button {
        display: flex;
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 767px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 20px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .cart-summary .cart-summary-button button {
        margin-left: 0;
        margin-right: 10px;
    }

    .cart-summary .cart-summary-button button:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width: 479px) {
    .cart-summary .cart-summary-button button {
        width: 130px;
    }
}


@media only screen and (max-width: 575px) {
    .pro-quantity .pro-qty {
        margin: 0;
    }
}

@media only screen and (max-width: 479px) {
    .checkout-cart-total {
        padding: 30px 19px;
    }
}

@media only screen and (max-width: 479px) {
    .checkout-payment-method {
        padding: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-minicart-wrapper .minicart-item .close-btn {
        position: static;
    }
}

@media only screen and (max-width: 1199px) {
    .height-850 {
        height: auto;
    }
}

@media only screen and (max-width: 1199px) {
    .height-650 {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .height-750 {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .height-750 {
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .height-950 {
        height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .height-950 {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-display-1 {
        font-size: 70px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-display-1 {
        font-size: 60px !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-display-1 {
        font-size: 40px !important;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-display-1 {
        font-size: 28px !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-display-2 {
        font-size: 42px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-1 {
        padding: 0 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1 {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1 {
        padding: 0 60px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1 {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1::after {
        height: 142px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1::after {
        height: 109px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1 .content {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1 .content {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1 .content {
        display: block;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 40px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 42px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 32px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .rbt-banner-1 .content .inner .description {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-1 .content .inner .description {
        padding-right: 18%;
        font-size: 18px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1 .content .inner .description {
        padding-right: 26%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-1 .content .inner .description {
        font-size: 16px;
        margin-bottom: 20px;
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1 .content .shape-wrapper {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1 .content .shape-wrapper {
        left: -76px;
        bottom: -14px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1 .content .shape-wrapper {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1 .content .shape-wrapper img {
        max-width: 450px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1 .content .shape-wrapper img {
        max-width: 450px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1 .content .banner-card {
        position: absolute;
        max-width: 350px;
        bottom: 12%;
        right: 7%;
        z-index: 2;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1 .content .banner-card {
        position: absolute;
        max-width: 290px;
        bottom: 12%;
        right: 40px;
        z-index: 2;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1 .content .banner-card {
        position: relative;
        max-width: 320px;
        bottom: 12%;
        right: 40px;
        z-index: 2;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-1 .content .banner-card {
        right: 0;
        left: 0;
    }

    .header-right .nav-side {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1.variation-2 {
        padding: 0 60px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1.variation-2 {
        padding: 0 15px;
        padding-top: 60px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1.variation-2 .content {
        padding-right: 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1.variation-2 .content .banner-card {
        position: static;
        margin-top: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1.variation-2 .content .banner-card {
        position: static;
        margin-top: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-1.variation-2 .content .inner .title {
        font-size: 50px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1.variation-2 .content .inner .title {
        font-size: 40px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1.variation-2 .content .inner .title {
        font-size: 40px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1.variation-2 .content .inner .title {
        font-size: 30px;
        padding-right: 0;
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-1.variation-2 .content .inner .description {
        padding-right: 20%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-1.variation-2 .content .inner .description {
        font-size: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-1.variation-2 .content .inner .description {
        font-size: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-1.variation-2 .content .inner .description {
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-3 .wrapper {
        padding-top: 50px;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-3 .wrapper {
        padding-top: 50px;
        padding-bottom: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-3 .banner-content .inner .title {
        font-size: 55px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-3 .banner-content .inner .title {
        font-size: 45px;
        margin-bottom: 18px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-3 .banner-content .inner .title {
        font-size: 42px;
        margin-bottom: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-3 .banner-content .inner .title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-3 .banner-content .inner .description {
        font-size: 18px;
        margin-bottom: 23px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-3 .banner-content .inner .profile-share {
        display: block;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-banner-3 .banner-content .inner .profile-share .more-author-text {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-3 .top-shape {
        left: -100px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-3 .left-shape {
        bottom: -120px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-3 .left-shape {
        width: 75%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-3 .rbt-contact-form.contact-form-style-1 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-3 .rbt-contact-form.contact-form-style-1 {
        margin-left: 0;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-3 .edumarque {
        height: 275px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-3 .edumarque {
        width: 72%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-4 .wrapper {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-4 .wrapper {
        padding: 60px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-4 .content .description {
        font-weight: 400;
        margin-top: 20px;
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-4 .content .description {
        font-weight: 400;
        margin-top: 20px;
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-4 .content .rbt-list-style-2 {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-4 .content .rbt-list-style-2 {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-5 {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 .inner .subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 .inner .subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-5 .inner .subtitle {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-5 .inner .title {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-5 .inner .title {
        max-width: 100%;
        font-size: 45px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 .inner .title {
        font-size: 40px;
        padding: 0 17%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 .inner .title {
        font-size: 42px;
        padding: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-5 .inner .title {
        font-size: 32px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-5 .inner .description {
        padding: 0 14%;
        font-size: 22px;
        margin-bottom: 35px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 .inner .description {
        padding: 0 1%;
        font-size: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 .inner .description {
        padding: 0 1%;
        font-size: 20px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-5 .inner .description {
        font-size: 18px;
        margin-bottom: 25px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-5 .inner .header-caption span {
        font-size: 70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 .inner .header-caption span {
        font-size: 65px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 .inner .header-caption span {
        font-size: 65px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-5 .inner .header-caption span {
        font-size: 46px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-5 .inner.text-start .title {
        max-width: 50%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-5 .inner.text-start .title {
        max-width: 71%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 .inner.text-start .title {
        max-width: 69%;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 .inner.text-start .title {
        max-width: 100%;
        font-size: 34px;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-5 .inner.text-start .description {
        padding: 0;
        max-width: 48%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-5 .inner.text-start .description {
        padding: 0;
        max-width: 55%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-5 .inner.text-start .description {
        max-width: 100%;
        font-size: 18px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-6 .inner .subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-6 .inner .subtitle {
        font-size: 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-6 .inner .subtitle {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-6 .inner .title {
        font-size: 60px;
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-6 .inner .title {
        margin-bottom: 0;
        font-size: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-6 .inner .title {
        margin-bottom: 0;
        font-size: 42px;
        word-wrap: break-word;
        width: 100%;
        overflow: hidden;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-6 .inner .title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-banner-6.variation-01 {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-6.variation-01 .wrapper {
        padding-bottom: 250px;
        padding-top: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-6.variation-01 .wrapper {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-6.variation-01 .wrapper {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-6.variation-01 .inner .title {
        max-width: 80%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-6.variation-01 .inner .title {
        max-width: 80%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-6.variation-01 .inner .title {
        max-width: 100%;
        font-size: 32px;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-banner-6.variation-02 {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-6.variation-02 .wrapper {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-6.variation-02 .wrapper {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-6.variation-02 .wrapper {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-banner-6.variation-03 {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-6.variation-03 .wrapper {
        padding: 100px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-6.variation-03 .wrapper {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-6.variation-03 .wrapper {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-6.variation-03 .inner .title {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-banner-7 {
        height: auto;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-7 .wrapper {
        padding: 100px 0;
        margin-top: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-7 .wrapper {
        padding: 100px 0;
        margin-top: -20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-7 .wrapper {
        padding: 100px 0;
        margin-top: -20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-7 .inner .title {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-7 .inner .title {
        font-size: 36px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-7 .inner .title {
        font-size: 36px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-7 .inner .title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-7 .thumbnail-wrapper .card-info {
        position: static;
        margin-top: 20px;
        margin-left: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-7 .profile-share {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-7 .profile-share .more-author-text {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-8 .inner .meta-text {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8 .inner .meta-text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8 .inner .meta-text {
        font-size: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-8 .inner .rbt-badge-2 {
        margin-left: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-8 .inner .rbt-badge-group {
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-8 .inner .title {
        font-size: 54px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8 .inner .title {
        font-size: 52px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8 .inner .title {
        font-size: 42px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-8 .inner .title {
        font-size: 38px;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .rbt-banner-8.variation-01 {
        height: auto;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-8.variation-01 .wrapper {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-8.variation-01 .wrapper {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8.variation-01 .wrapper {
        padding-top: 80px;
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.variation-01 .wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8.variation-02 .inner .title {
        font-size: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.variation-02 .inner .title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-8.variation-02 .inner .title {
        font-size: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-8.variation-02 .inner .description {
        padding: 0 10%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8.variation-02 .inner .description {
        padding: 0 5%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.variation-02 .inner .description {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8.variation-03 .inner .banner-title {
        font-size: 57px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.variation-03 .inner .banner-title {
        font-size: 48px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-8.variation-03 .inner .banner-title {
        font-size: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-8.variation-03 .inner .description {
        padding: 0 12%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8.variation-03 .inner .description {
        padding: 0 12%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.variation-03 .inner .description {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.section-bottom-overlay .wrapper {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-8.with-shape {
        padding-bottom: 130px !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.with-shape {
        padding-bottom: 130px !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-8.with-shape .shape-image {
        width: 89%;
    }
}

@media only screen and (max-width: 767px) {
    .banner-overlay-section {
        margin-top: 0;
        padding-top: 80px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-9 .inner .title {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-9 .inner .title {
        font-size: 60px;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-9 .inner .title {
        font-size: 46px;
        padding: 0;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-banner-9 .inner .description {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-9 .inner .description {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-9 .inner .description {
        font-size: 20px;
        line-height: 38px;
        padding: 0;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-banner-9 .inner .description {
        font-size: 18px;
        line-height: 30px;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-banner-10 {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-banner-10 {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-course-main-content li a {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-course-main-content .course-content-left {
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-instructor .about-author .media {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-instructor .about-author .thumbnail a img {
        margin-bottom: 0;
        min-width: 100%;
        max-height: initial;
        margin-right: 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-instructor .about-author .media-body {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rating-text {
        top: 0;
        margin-bottom: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .review-wrapper .single-progress-bar {
        margin-bottom: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .review-wrapper .progress {
        max-width: 61%;
    }
}

@media only screen and (max-width: 767px) {
    .review-wrapper .progress {
        max-width: 83%;
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-course-grid-column .course-grid-4 {
        width: 33.33%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-course-grid-column .course-grid-4 {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-grid-column .course-grid-4 {
        width: 100%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-course-grid-column .course-grid-3 {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-grid-column .course-grid-3 {
        width: 100%;
    }
}

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

    .rbt-course-grid-column.list-column-half.active-list-view .course-grid-3,
    .rbt-course-grid-column.list-column-half.active-list-view .course-grid-2,
    .rbt-course-grid-column.list-column-half.active-list-view .course-grid-4 {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .course-sidebar-top {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .course-sidebar-top {
        margin-top: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .course-sidebar .social-share-wrapper {
        margin: 0 -10px -10px;
        padding: 20px;
        border-radius: 6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .course-sidebar .social-share-wrapper {
        margin: 0 -10px -10px;
        padding: 20px;
        border-radius: 6px;
    }
}

@media only screen and (max-width: 767px) {
    .course-sidebar .social-share-wrapper {
        margin: 0 -10px -10px;
        padding: 20px;
        border-radius: 6px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-address {
        padding: 30px;
        padding-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-address {
        padding: 30px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-address {
        padding: 30px;
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-action-bottom {
        bottom: -128px;
        padding: 20px 0;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-course-action-bottom {
        bottom: -150px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-action-bottom.rbt-course-action-active {
        bottom: 0 !important;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-course-action-bottom.rbt-course-action-active {
        bottom: 0 !important;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-action-bottom .course-action-bottom-right {
        justify-content: center;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-course-action-bottom .rbt-price.large-size .current-price {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-action-bottom .rbt-price.large-size .current-price {
        font-size: 24px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-course-action-bottom .rbt-price.large-size .off-price {
        font-size: 13px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-course-action-bottom .rbt-price.large-size .off-price {
        font-size: 13px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-course-action-bottom .rbt-price {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-tutor-information {
        padding: 0 30px;
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-tutor-information .rbt-tutor-information-left {
        display: block;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-tutor-information .rbt-tutor-information-left .thumbnail {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-tutor-information .rbt-tutor-information-right {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-dashboard-table .rbt-table {
        min-width: 450px;
    }
}

@media only screen and (max-width: 767px) {
    .mobile-table-750 .rbt-table {
        min-width: 750px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-lesson-content-wrapper {
        flex-direction: column;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lesson-content-wrapper {
        flex-direction: column;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-lesson-content-wrapper .rbt-lesson-leftsidebar {
        width: 100%;
        border-right: 0 none;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lesson-content-wrapper .rbt-lesson-leftsidebar {
        width: 100%;
        border-right: 0 none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-lesson-leftsidebar .rbt-course-main-content li a {
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lesson-leftsidebar .rbt-course-main-content li a {
        display: flex;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-lesson-rightsidebar .inner {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lesson-rightsidebar .inner {
        padding: 30px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-lesson-rightsidebar .content {
        padding: 40px 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-lesson-rightsidebar .content {
        padding: 40px 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .footer-style-1 .footer-top {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-style-1 .ft-title {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splash-slider {
        padding: 100px 50px;
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-slider {
        padding: 100px 50px;
        padding-bottom: 100px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-slider {
        padding: 100px 50px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-slider {
        padding: 60px 15px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splash-slider .banner-top {
        margin-bottom: 12px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-slider .banner-top {
        display: block;
        margin-top: -20px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-slider .banner-top .banner-badge-top {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-slider .banner-top .banner-badge-top .subtitle {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-slider .inner {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splash-slider .inner .title {
        padding-right: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-slider .inner .title {
        font-size: 60px;
        padding-right: 0;
    }

    .rbt-splash-slider .inner .title br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-slider .inner .title {
        font-size: 40px;
        padding-right: 0;
    }

    .rbt-splash-slider .inner .title br {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-slider .inner .title {
        font-size: 40px;
        padding-right: 0;
    }

    .rbt-splash-slider .inner .title br {
        display: none;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-slider .inner .title {
        font-size: 34px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-slider .service-wrapper.service-white {
        margin-top: 64px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-slider .banner-group-shape .shape-image.shape-6 {
        left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-slider .banner-group-shape .shape-image.shape-6 {
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-slider .banner-group-shape .shape-image.shape-6 {
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-slider .banner-group-shape .shape-image img {
        transform: scale(0.8);
    }
}

@media only screen and (max-width: 767px) {
    .splash-service-main .service-wrapper {
        padding: 30px 0 0;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .service__style--1 {
        padding: 40px 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .service__style--1 {
        padding: 30px 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .service__style--1 {
        padding: 30px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .service__style--1 {
        padding: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .service__style--1 .content .title {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .top-features-box {
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top-features-box {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .top-features-box {
        padding: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .top-features-box.grid-content-reverse .inner {
        flex-direction: column;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .splash-layout-presentation .advance-tab-button-1 .tab-button-list .tab-button {
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .splash-layout-presentation .advance-tab-button-1 .tab-button-list .tab-button {
        padding: 20px 15px;
    }
}

@media only screen and (max-width: 767px) {
    .splash-layout-presentation .advance-tab-button-1 .tab-button-list .tab-button {
        padding: 20px 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .splash-layout-presentation .advance-tab-button-1 .tab-button-list .tab-button .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .splash-layout-presentation .advance-tab-button-1 .tab-button-list .tab-button .title {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .splash-layout-presentation .advance-tab-button-1 .tab-button-list .tab-button .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .has-section-before-title .section-before-title {
        font-size: 450px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .has-section-before-title .section-before-title {
        font-size: 450px;
    }
}

@media only screen and (max-width: 767px) {
    .has-section-before-title .section-before-title {
        font-size: 300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .indicator-icon {
        bottom: -70px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .indicator-icon {
        bottom: -70px;
    }
}

@media only screen and (max-width: 767px) {
    .indicator-icon {
        bottom: -70px;
    }
}

@media only screen and (max-width: 1199px) {
    .single-demo .thumbnail>img {
        min-height: auto;
    }
}

@media only screen and (max-width: 767px) {
    .single-demo .content .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-demo .mobile-view {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-demo .mobile-view {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .single-demo .mobile-view {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-inner-page-layout-area .rbt-splite-style .split-inner {
        padding-left: 90px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-inner-page-layout-area .rbt-splite-style .split-inner {
        padding-left: 25px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-inner-page-layout-area .rbt-splite-style .split-inner {
        padding-left: 50px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-inner-page-layout-area .rbt-splite-style .split-inner {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-inner-page-layout-area .plan-offer-list-wrapper {
        display: block;
    }
}


@media only screen and (max-width: 575px) {
    .rbt-inner-page-layout-area .plan-offer-list-wrapper .plan-offer-list+.plan-offer-list {
        margin-left: -10px;
        margin-top: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-inner-layout-inner {
        border-radius: 0;
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-inner-layout-inner {
        border-radius: 0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-inner-layout-inner {
        border-radius: 0;
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
        border-radius: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
        border-radius: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
        border-radius: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-inner-layout-inner .content {
        padding: 15px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-inner-layout-inner .content .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .splash-right-align-image .rbt-splash-inner-layout-inner {
        margin-right: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .splash-right-align-image .rbt-splash-inner-layout-inner {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .splash-right-align-image .rbt-splash-inner-layout-inner {
        margin-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-testimonial-area .line-shape {
        bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-service {
        padding: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-service {
        padding: 30px 30px 30px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-service {
        padding: 30px 30px 30px 30px;
    }
}

@media only screen and (max-width: 479px) {
    .rbt-splash-service {
        padding: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-service.no-translate {
        padding: 35px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-service.no-translate {
        padding: 35px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-service.no-translate {
        padding: 35px 20px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splash-callto-action .inner {
        background-position: center right -300px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-callto-action .inner {
        background-position: center right -400px;
        padding: 100px 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-callto-action .inner {
        background-position: center right -550px;
        padding-left: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-callto-action .inner {
        padding: 30px;
        background-image: none;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .rbt-splash-callto-action .inner .partner-img {
        width: 50%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splash-callto-action .inner .partner-img {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-callto-action .inner .partner-img {
        width: 50%;
    }
}

/* @media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-callto-action .inner .partner-img {
        width: 50%;
    }
} */

@media only screen and (max-width: 767px) {
    .rbt-splash-callto-action .inner .rbt-badge-2 {
        display: none;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-splash-callto-action .title {
        font-size: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-callto-action .title {
        font-size: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-callto-action .title {
        font-size: 30px;
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-callto-action .title {
        font-size: 30px;
        width: 100%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-splash-callto-action .title {
        font-size: 26px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-feature-column:nth-child(odd) {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-column:nth-child(odd) {
        padding-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-column:nth-child(even) .inner .thumbnail img {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-plugin .inner .thumbnail img {
        width: 60px;
        height: 60px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-feature-plugin .inner .content .rbt-badge {
        padding: 0 10px;
        width: max-content;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-feature-plugin .inner .content .rbt-badge {
        font-size: 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-feature-box .inner .content {
        padding: 40px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-feature-box .inner .content {
        padding: 40px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-box .inner .content {
        padding: 40px 20px;
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-box .inner .content .description {
        font-size: 16px;
        line-height: 26px;
    }
}


@media only screen and (max-width: 767px) {
    .rbt-splash-feature-box.space-between-align .inner {
        display: block;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-feature-box.space-between-align .inner .content {
        padding: 20px 20px 20px 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-feature-box.space-between-align .inner .content {
        padding: 20px 20px 20px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-splash-feature-box.space-between-align .inner .content {
        padding: 20px 20px 20px 20px;
        max-width: 100%;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .splash-layout-presentation .wrapper .splash-layout-presentation-box {
        padding: 50px 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .splash-layout-presentation .wrapper .splash-layout-presentation-box {
        padding: 50px 30px;
    }
}

@media only screen and (max-width: 767px) {
    .splash-layout-presentation .wrapper .splash-layout-presentation-box {
        padding: 40px 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .scroll-animation-all-wrapper::before,
    .scroll-animation-all-wrapper::after {
        width: 100px;
        background: linear-gradient(90deg, #fff 10px, rgba(255, 255, 255, 0));
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .scroll-animation-all-wrapper::before,
    .scroll-animation-all-wrapper::after {
        width: 100px;
        background: linear-gradient(90deg, #fff 10px, rgba(255, 255, 255, 0));
    }
}

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

    .scroll-animation-all-wrapper::before,
    .scroll-animation-all-wrapper::after {
        width: 100px;
        background: linear-gradient(90deg, #fff 10px, rgba(255, 255, 255, 0));
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .home-demo-area .section-title .description.has-medium-font-size {
        padding: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .home-demo-area .section-title .description.has-medium-font-size {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-demo-area .section-title .description.has-medium-font-size {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .home-demo-area .section-title .description.has-medium-font-size {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .splash-testimonial-all-wrapper .read-more-review {
        width: max-content;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-buy-now-content .title {
        font-size: 40px;
        padding: 0 8%;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-buy-now-content .title {
        font-size: 50px;
        padding: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-buy-now-content .title {
        font-size: 30px;
        padding: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-buy-now-content .subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-buy-now-content .subtitle {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-bebefit-list {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-bebefit-list {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-bebefit-list .single-bebefit {
        flex-basis: 33.33%;
    }
}

@media only screen and (max-width: 575px) {
    .rbt-bebefit-list .single-bebefit {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .rbt-bebefit-list .single-bebefit .title {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service__title-sm {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service__content p br {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
    .tp-service__top-content p br {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
    .tp-service__title-white {
        font-size: 26px;
    }

    .tp-service__title-white br {
        display: none;
    }
}

@media (max-width: 767px) {
    .tp-service-2__section-box {
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .tp-service-2__section-box p {
        font-size: 17px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-service-2__shape {
        top: -75px;
    }
}

@media (max-width: 767px) {
    .tp-service-2__shape {
        top: -53px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service-2__user {
        padding-left: 40px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-service-2__user {
        padding-left: 0;
        padding-right: 65px;
        margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .tp-service-2__user {
        padding-left: 0;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .tp-service-2__user p {
        font-size: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
    .tp-service-2__user-shape {
        right: auto;
        left: 0;
    }
}

@media (max-width: 767px) {
    .tp-service-2__user-shape svg {
        width: 100%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-service-2__bg-shape {
        transform: rotate(-4deg);
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-service-2__title-sm {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service-2__title-sm {
        font-size: 17px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service-2__link {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .tp-service-2__feature-item {
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-service-2__feature-list ul li {
        font-size: 12px;
        line-height: 24px;
    }
}

@media (max-width: 767px) {
    .tp-service-2__feature-list ul li {
        font-size: 12px;
        line-height: 24px;
        width: 50%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-service-sm-title {
        font-size: 22px;
        line-height: 28px;
    }

    .tp-service-sm-title br {
        display: none;
    }
}

@media (max-width: 767px) {
    .tp-service-sm-title {
        font-size: 18px;
        line-height: 23px;
    }

    .tp-service-sm-title br {
        display: none;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .tp-service__dashdboard-sm-img img {
        margin-left: 140px;
        margin-top: 34px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-section-wrapper .tp-section-title-3 {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-section-wrapper {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-section-four {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .tp-service-sction-content p {
        padding-left: 17px;
    }

    .tp-service-sction-content p br {
        display: none;
    }
}

@media (max-width: 767px) {
    .tp-service-sction-content p::after {
        top: -4px;
    }
}

@media (max-width: 767px) {
    .tp-service-4-item::before {
        opacity: 1;
        visibility: visible;
    }
}

@media (max-width: 767px) {
    .tp-service-4-item::after {
        background-color: #3137D2;
        height: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-service-4-title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-4-border-right {
        border: 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-4-border-right::after {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-4-border-top {
        border: 0;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-service-five-section-box {
        padding-left: 170px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-service-five-section-box {
        padding-left: 100px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service-five-section-box {
        padding-left: 30px;
        padding-right: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-service-five-section-box {
        padding-left: 30px;
        padding-right: 0px;
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .tp-service-five-section-box {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
        text-align: center;
    }
}

@media (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
    .tp-service-five-section-box p br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-service-five-bg {
        width: 100%;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-service-five-item {
        padding: 40px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-service-five-item {
        padding: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service-five-item {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .tp-service-five-item {
        padding: 30px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    .tp-service-five-title-sm {
        font-size: 23px;
        line-height: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-service-five-title-sm {
        font-size: 19px;
        line-height: 25px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-service-five-title-sm {
        font-size: 22px;
        line-height: 28px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sv-details-category {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .sv-details-category {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .sv-details-title {
        font-size: 35px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sv-details-category-list ul li a {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .sv-details-wrapper {
        padding-left: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .sv-details-wrapper {
        padding-left: 0px;
    }
}

@media (max-width: 767px) {
    .sv-details-title-box p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .sv-details-text ul li p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .sv-details-text-2 p {
        font-size: 15px;
    }
}


@media only screen and (max-width: 590px) {
    .d-none1 {
        display: none;
    }

    .tp-price-feature-item {
        padding: 16px 14px;
    }

    .tp-price-feature-item span {
        font-size: 12px;
    }

    .tp-price-top-title-wrapper h4 {
        font-size: 16px;
    }

    .tp-price-top-item {
        padding: 20px 2px;
    }

    .tp-price-top-title-wrapper h4 {
        font-size: 13px;
        line-height: 24px;
    }

    .tp-btn-service {
        height: 30px;
        line-height: 28px;
        padding: 0px 10px;
        font-size: 11px;
    }

    .rbt-default-badge {
        border-radius: 50px;
        padding: 5px 8px;
        font-size: 8px;
        height: 35px;
        line-height: 34px;
        margin: 2px;
    }

    .tp-price-feature-info {
        line-height: 20px;
        padding: 15px 20px;
    }

    .tp-price-top-tag-wrapper span {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .price-inner-white-bg .tp-price-top-title-wrapper h4 {
        font-size: 15px;
        line-height: 20px;
        font-weight: 400;
        color: #979797;
        margin-bottom: 4px;
    }

    .tp-price-top-title-wrapper h4 span {
        font-weight: 400;
        font-size: 15px;
    }

    .tp-section-title {
        font-size: 30px;
    }

    .pr-title-md button {
        font-size: 18px;
    }

    .pr-feature-title-sm {
        font-size: 16px;
    }

    .free_app_section .container .free_app_inner {
        padding: 40px 30px 0px;
    }

    .free_app_section .container .free_app_inner .free_img {
        margin-top: 0px;
    }

    .free_app_section .container .free_app_inner .free_img img:last-child {
        margin-left: 30px;
    }

    .p-0 {
        padding: 0 !important;
    }

    .mb-00 {
        margin-bottom: 0 !important;
    }

    .title {
        padding: 13px 0 3px !important;
        bottom: 30px !important;
    }

    .tp-industri-space {
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center;
    }

    .tp-industri-space-scanner {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .tp-title-sm {
        font-size: 30px !important;
    }

    .plan-offer-list li {
        font-size: 14px !important;
        line-height: 30px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-price__pl-pr {
        margin: 0px 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-price__pl-pr {
        margin: 0px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-price__item {
        padding: 35px 28px;
    }
}

@media (max-width: 767px) {
    .tp-price__item {
        padding: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .tp-price__title-box p {
        font-size: 13px;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .tp-price-table {
        overflow-x: scroll;
        scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
    }
}

@media (max-width: 767px) {
    .plan-section-box p br {
        display: none;
    }
}

@media (max-width: 767px) {
    .tp-price__btn-bg {
        transform: translateY(40px);
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .price-shape-line {
        right: 25%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .price-shape-line {
        right: 17%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .price-offer-badge {
        right: 20%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .price-offer-badge {
        right: 11%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .tp-price__section-box .tp-section-title br {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-banner-title {
        font-size: 63px;
    }
}

@media (max-width: 767px) {
    .price-banner-title {
        font-size: 48px;
        padding-bottom: 12px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .price-banner-title-box p {
        font-size: 14px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .price-inner-white-bg {
        overflow-x: scroll;
        scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .pr-feature-main {
        width: 930px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
    .pr-feature-box {
        overflow-x: scroll;
        scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
    }
}

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

    /* features section */
    .features_section .feature_detail .feature_box {
        width: 350px;
    }

    .features_section .feature_detail .left_data {
        padding-left: 75px;
    }

    .features_section .feature_detail .right_data {
        padding-right: 75px;
    }
}

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

    /* features section */
    .features_section .feature_detail .feature_box {
        width: 300px;
    }

    .features_section .feature_detail .left_data {
        padding-left: 15px;
    }

    .features_section .feature_detail .right_data {
        padding-right: 15px;
    }

}

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

    /* features section */
    .features_section .feature_detail .feature_img {
        width: 275px;
    }

    .features_section .feature_detail .feature_box .data_block {
        margin-bottom: 30px;
    }

    .features_section .feature_detail .feature_box {
        width: 200px;
    }

    .banner_section {
        text-align: center;
    }

    .banner_section {
        justify-content: center;
    }

    /* banner section */
    .banner_section .banner_text h1 {
        font-size: 40px;
    }

    .banner_section .banner_slider {
        margin-top: 50px;
    }

    .banner_section .banner_slider .left_icon {
        left: 0;
    }

    .banner_section .banner_slider .right_icon {
        right: 0;
    }
}

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

    /* features section */
    .features_section .feature_detail {
        flex-direction: column-reverse;
        padding-top: 30px;
        margin-top: 0;
    }

    .features_section .feature_detail .feature_img {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 75%;
        margin: 0 auto;
    }

    .features_section .feature_detail .feature_box {
        width: 100%;
        padding: 0 15px;
        text-align: center;
    }

    .features_section .feature_detail .left_data .data_block .icon {
        margin-right: 0;
    }

    .features_section .feature_detail .right_data .data_block .icon {
        margin-left: 0;
    }

    .features_section .feature_detail .feature_box .data_block {
        margin-bottom: 0;
        margin-top: 30px;
    }

}

@media screen and (max-width:640px) {
    .features_section .feature_detail .feature_box {
        justify-content: center;
        margin: 0 auto;
    }
}


@media only screen and (max-width: 575px) {
    .tp-service-bs-space {
        margin-left: 10px;
        margin-right: 10px;
    }

    .tp-sv-space-wrapper {
        margin-left: 10px;
    }

    .service-space {
        padding: 16px 10px;
    }

    .tp-sales-feature-pos ul li span em {
        font-size: 15px;
    }
}

@media only screen and (max-width: 590px) {
    .tp-industri-space {
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center;
    }

    .tp-industri-space-scanner {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .tp-title-sm {
        font-size: 30px !important;
    }

    .plan-offer-list li {
        font-size: 14px !important;
        line-height: 30px;
    }
}

@media only screen and (max-width: 590px) {
    .z-index-5 {
        left: 0;
    }
}

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

    /* .box-gr .box {
        padding: 40px 20px;
    } */
    .services.style-10 .content {
        padding: 40px 20px;
    }

    .services.style-10 .services-card .icon {
        margin-top: 30px;
    }

    .tp-subtitle {
        font-size: 16px;
    }

    .design_1 {
        bottom: 22px;
        left: -24px;
    }

    .design_2 {
        top: -20px;
        right: -18px;
    }

    .design_3 {
        bottom: -20px;
        right: -40px;
    }

    /* .device-cover .mac {
        width: 270px !important;
    }
    .device-cover .mac .imgBx {
        width: 244px !important;
        height: 176px !important;
    }
    .device-cover .macbook {
        width: 230px !important;}
    .device-cover .macbook .imgBx {
        top: 10px !important;
        left: 27px !important;
        width: 182px !important;
        height: 110px !important;  
    }   */
}

@media (min-width: 992px) {
    .padding-tb {
        padding-top: 110px;
        padding-bottom: 95px;
    }
}

@media (min-width: 768px) {

    .section-wrapper .clients .client-list:nth-child(1) .client-content,
    .section-wrapper .clients .client-list:nth-child(2) .client-content {
        top: 50px;
        bottom: auto;
        left: 0;
        right: auto;
    }
}

@media (min-width: 768px) {
    .section-wrapper .clients .client-list .client-content {
        width: 370px;
        bottom: 50px;
        right: -30px;
        transform: translate(0%, 0%);
    }
}

@media (min-width: 768px) {

    .section-wrapper .clients .client-list:nth-child(1) .client-content::after,
    .section-wrapper .clients .client-list:nth-child(2) .client-content::after {
        top: -15px;
        bottom: auto;
        left: 25px;
        right: auto;
    }
}

@media (min-width: 768px) {

    .section-wrapper .clients .client-list:nth-child(1) .client-content,
    .section-wrapper .clients .client-list:nth-child(2) .client-content {
        top: 50px;
        bottom: auto;
        left: 0;
        right: auto;
    }
}

@media (min-width: 768px) {
    .section-wrapper .clients .client-list .client-content {
        width: 370px;
        bottom: 50px;
        right: -30px;
        transform: translate(0%, 0%);
    }
}

@media (min-width: 768px) {

    .section-wrapper .clients .client-list:nth-child(1) .client-content::after,
    .section-wrapper .clients .client-list:nth-child(2) .client-content::after {
        top: -15px;
        bottom: auto;
        left: 25px;
        right: auto;
    }
}

@media (min-width: 768px) {

    .section-wrapper .clients .client-list:nth-child(3) .client-content,
    .section-wrapper .clients .client-list:nth-child(7) .client-content {
        top: 0px;
        bottom: auto;
        right: 50px;
    }
}

@media (min-width: 768px) {
    .section-wrapper .clients .client-list:nth-child(4) .client-content::after {
        left: 25px;
        right: auto;
    }
}

@media (min-width: 768px) {

    .section-wrapper .clients .client-list:nth-child(3) .client-content,
    .section-wrapper .clients .client-list:nth-child(7) .client-content {
        top: 0px;
        bottom: auto;
        right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .seofy_module_time_line_vertical:before {
        left: 45px;
    }

    .seofy_module_time_line_vertical .time_line-date_wrap {
        margin-left: 35px !important;
        margin-right: 35px !important;
    }

    .seofy_module_time_line_vertical .time_line-date {
        padding: 0 !important;
        right: 100% !important;
        left: auto !important;
    }

    .seofy_module_time_line_vertical .time_line-content {
        text-align: left !important;
    }

    .seofy_module_time_line_vertical .time_line-content:before {
        left: 0 !important;
        right: auto !important;
    }

    .seofy_module_time_line_vertical .time_line-item {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -moz-box-orient: horizontal !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .seofy_module_time_line_vertical .time_line-date {
        -webkit-transform: rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: rotate3d(0, 0, 1, -90deg) !important;
        transform: rotate3d(0, 0, 1, -90deg) !important;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-date {
        -webkit-transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
        transform: translateX(-20%) rotate3d(0, 0, 1, -90deg) !important;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-content {
        -webkit-transform: translateX(20%) !important;
        -moz-transform: translateX(20%) !important;
        -ms-transform: translateX(20%) !important;
        -o-transform: translateX(20%) !important;
        transform: translateX(20%) !important;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-item.item_show .time_line-date {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        -moz-transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        transform: translate(15px, -9px) rotate3d(0, 0, 1, -90deg) !important;
        width: 100px;
        white-space: normal;
    }

    .seofy_module_time_line_vertical.appear_anim .time_line-item.item_show .time_line-content {
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        transform: translateX(0) !important;
    }

    .seofy_module_time_line_vertical .time_line-item:hover .time_line-content {
        -webkit-transform: translateX(5px) !important;
        -moz-transform: translateX(5px) !important;
        -ms-transform: translateX(5px) !important;
        -o-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
    }

    .seofy_module_time_line_vertical .time_line-item.item_show:hover .time_line-content {
        -webkit-transform: translateX(5px) !important;
        -moz-transform: translateX(5px) !important;
        -ms-transform: translateX(5px) !important;
        -o-transform: translateX(5px) !important;
        transform: translateX(5px) !important;
    }
}

/* Added By Khushbu */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /* Index Page Start */
    .video-popup-wrapper .hero-img {
        max-width: 70%;
    }

    .tp-about__main-img {
        padding-right: 0px !important;
    }

    .tp-about__main-img img {
        max-width: 60%;
    }

    .tp-about__sub-img-2 {
        left: -1%;
    }

    .tp-about__sub-img-1 {
        bottom: -10%;
    }

    .tp-plan-2-img-box {
        left: 4%;
    }

    .tp-plan-2-img-1 img {
        width: 85%;
    }

    .tp-plan-2-img-2 {
        top: 21%;
        right: -2%;
    }

    .tp-card-thumb-wrapper {
        left: 10%;
    }

    .tp-card-main-img img {
        max-width: 80%;
    }

    .free_app_section .container .free_app_inner {
        padding: 30px 100px 30px;
    }

    /* Index Page End */

    /* ASIFD Page Start */
    .tp-hero-3-main-thumb {
        left: unset !important;
    }

    .tp-service-sm-content {
        margin-bottom: -20px;
    }

    .tp-rated-bg {
        margin-left: 20px;
        margin-right: 20px;
        border-radius: 10px;
    }

    /* .tp-service-3-item{padding-bottom: 0px !important;} */
    /* ASIFD Page End */

    /* Channel manager Start */
    .content {
        padding: unset;
        margin-top: 20%;
    }

    .content .num8_circle {
        top: -175px;
        right: 65px;
        width: 80%;
    }



    .rbt-splash-slider .inner {
        top: 100px;
    }

    .content .plat-icons .icon:nth-of-type(8) {
        width: 63px;
        bottom: 135px;
        left: 51px;
    }

    .features-style-one img {
        width: 75%;
    }

    .auto-download img {
        max-width: 80%;
    }

    .auto-download .split-inner {
        margin-top: 40px;
    }

    .intigration-section .intigration-img-box {
        right: 327px;
        bottom: -18px;
        padding-bottom: 321px;
    }

    /* Channel Manager Ends */

    /* Reservation Start */
    .webres-sec .inner {
        top: 30px;
    }

    .webres-popup-wrapper {
        left: 0px !important;
    }

    .webres-popup-wrapper .webres-hero-img {
        max-width: 80%;
    }

    .img-sliding {
        width: 90%;
        height: 155px;
    }

    .rbt-splash-slider .inner {
        top: 61px;
    }

    .rate-plans-sec .info {
        padding: 40px;
    }

    .rate-plans-img {
        max-width: 80%;
        padding-left: 25px;
    }

    .upsells-img {
        padding-top: 20px;
        padding-left: 0px;
    }

    .upsells .cont {
        padding-right: 0px;
    }

    .tailor img {
        width: 40px;
    }

    /* Reservation Ends */

    /* Interface Start */
    .interface-popup-wrapper .interface-hero-image {
        width: 80%;
        padding-top: 100px;
    }

    /* Interface Ends */

    /* Globle Partnership start */
    .rbt-splash-callto-action .title {
        width: 60%;
        font-size: 26px;
    }

    .rbt-splash-callto-action .inner .partner-img {
        left: 60%;
    }

    /* GLoble Partnership End */

    /* POS Start */
    .tp-service-bs-space {
        margin-left: 50px;
        margin-right: 50px;
    }

    .tp-best-services-title-box {
        padding-left: 45px;
    }

    .tp-sv-space-wrapper {
        margin-left: 0px;
    }

    /* POS End */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    /* Index Page */
    .service-inner {
        padding: 15px;
        margin: 20px 0px;
    }

    .tp-plan-2-img-2 {
        top: 12%;
        right: -10%;
    }

    .content .num8_circle {
        top: -140px;
        max-width: 70%;
        left: 15%;
    }

    .channel-manager-hero .inner {
        top: 122px;
    }

    .content .logo-icon {
        top: 38px;
    }

    .content .plat-icons .icon:nth-of-type(3) {
        width: 65px;
        height: 65px;
        top: -109px;
        left: 476px;
    }

    .content .plat-icons .icon:nth-of-type(2) {
        top: -75px;
        left: 328px;
    }

    .content .plat-icons .icon:nth-of-type(8) {
        top: 31px;
        left: 206px;
    }

    .content .plat-icons .icon:nth-of-type(9) {
        width: 90px;
        height: 90px;
        bottom: -153px;
        left: 260px;
    }

    .content .plat-icons .icon:nth-of-type(4) {
        top: 177px;
        left: 160px;
    }

    .content .plat-icons .icon:nth-of-type(7) {
        top: 58px;
        right: 186px;
    }

    .content .plat-icons .icon:nth-of-type(1) {
        width: 60px;
        height: 60px;
        top: 342px;
        right: 270px;
    }

    .content .plat-icons .icon:nth-of-type(6) {
        width: 40px;
        height: 40px;
        right: 271px;
    }

    .features-style-one img {
        width: 95%;
    }

    .features-style-one .feature-style-content p {
        padding: 0px;
    }

    .intigration-section .intigration-img-box {
        right: 20%;
        bottom: 10%;
    }

    .rate-plans-sec .info {
        padding-bottom: 0px !important;
    }

    .img-sliding {
        width: 104%;
        height: 270px;
    }

    /* POS Starts */
    .tp-hero-3-main-thumb {
        left: 16%;
        max-width: 80%;
    }

    .main-image .rock8 {
        width: 70px;
        right: 15px;
    }

    .main-image .rock9 {
        width: 70px;
    }

    .main-image .rock10 {
        width: 70px;
    }

    .main-image .rock11 {
        width: 70px;
    }

    .main-image .rock1 {
        right: -12px;
        width: 70px;
    }

    .main-image .rock4 {
        width: 70px;
    }

    .main-image .rock2 {
        width: 70px;
    }

    .main-image .rock3 {
        width: 70px;
    }

    .main-image .rock5 {
        width: 70px;
    }

    .main-image .rock6 {
        width: 70px;
        right: 0px;
    }

    .main-image .rock7 {
        width: 70px;
    }

    .bp-sv-shape-1 {
        left: unset;
    }

    .tp-sv-space-wrapper {
        margin-left: unset;
    }

    /* POS Ends */

    /* Interface Start */
    .interface-popup-wrapper .interface-hero-image {
        max-width: 80%;
    }

    /* Interface End */
}

/* Added By Riya (2/10/2023) */
@media (max-width: 1799px) {

    /* Front-desk pms start*/
    .tp-hero-3-main-thumb,
    .author-rated-big-img img {
        left: 0;
    }

    /* Front-desk pms end */
}

@media (max-width: 1599px) {

    /* Front-desk pms start*/
    .tp-rated-bg {
        margin-left: 20px;
        margin-right: 20px;
    }

    /* Front-desk pms end */
}

@media (max-width: 1429px) {

}

@media (max-width: 1199px) {

    /* Header-Mobile menu start*/
    .close-button svg {
        top: 6px;
        right: 6px;
    }

    /* Header-Mobile menu end*/

    /* website page start*/
    .services.style-10 .services-card .icon img {
        width: 80px;
        height: 62px;
    }

    .services.style-10 .services-card h3 {
        font-size: 20px;
    }

    .portfolio-blocks .section-title .title {
        margin-bottom: 0;
        font-size: 32px;
    }

    .webdesign_hero .subpg-details {
        max-width: 450px;
    }

    /* website page end */

    /* pricing page start */
    .price-banner-title {
        font-size: 54px;
    }

    .card-badge-container .card .title {
        bottom: 42px;
    }

    .tp-price-top-title-wrapper h4 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .tp-price-top-title-wrapper h4 span {
        font-size: 16px;
    }

    .tp-price-top-tag-wrapper span {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 16px;
    }

    .tp-price-feature-item span {
        font-size: 16px;
        line-height: 20px;
        margin-right: 0;
    }

    .price-tab-content .tp-section-title {
        font-size: 36px;
    }

    .stickynav {
        top: 0;
    }

    .pr-feature-title {
        font-size: 22px;
    }

    .pr-feature-item h5 {
        font-size: 20px;
    }

    .pr-feature-wrapper {
        padding: 10px 40px;
    }

    .pr-title-md button {
        font-size: 18px;
    }

    .pr-feature-title-sm {
        font-size: 16px;
    }

    /* pricing page end */

    /* Front-desk pms start*/

    .tp-hero-3-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 50px;
    }

    .tp-section-title-3 {
        font-size: 36px;
    }

    .tp-service-sm-item {
        min-height: 330px;
    }

    .author-rated-big-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .author-rated-big-img img {
        position: static;
        max-width: 70%;
        margin: 0 auto;
    }

    .features_section .container {
        max-width: 940px;
    }

    .features_section .feature_detail .feature_box {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }

    /* Front-desk pms end*/

    /* career page start*/
    .height-750 {
        height: 580px;
    }

    .section-head.style-5 h2 {
        font-size: 40px;
    }

    /* career page end*/

    /* about page start*/

    .about.style-4 .integration .content.mb-100 {
        margin-bottom: 0px !important;
    }

    .about.style-4 .content {
        padding-bottom: 0px;
    }

    .about .section-head.style-4 h2 {
        font-size: 34px;
    }

    /* about page end*/

}

@media (max-width: 991px) {

    /* website page start*/
    .webdesign_hero {
        background-image: linear-gradient(45deg, rgb(255 255 255 / 100%), rgb(0 0 0 / 0%)),
            url(../designing/webdesign_bg.jpg);

    }

    .webdesign_hero.rbt-splash-slider .inner {
        left: 0;
        top: 20px;
    }

    .webdesign_hero.rbt-splash-slider {
        padding: 100px 50px 100px 20px;
    }

    .webdesign_hero .subpg-details p {
        color: #453d3d;
    }

    .boxgr_3.mb_100 {
        margin-bottom: 60px;
    }

    .services.style-10 .content {
        margin-top: 0%;
    }

    .services.style-10 .services-card {
        margin-bottom: 20px;
    }

    .portfolio-blocks {
        padding: 80px 0;
    }

    /* website page end */


    /* pricing page start */
    .tp-price-feature-wrapper {
        border-radius: 12px;
    }

    .price-banner-title {
        font-size: 50px;
    }

    .tp-price-feature-item {
        display: flex;
        align-items: center;
        padding: 12px 24px;
    }

    .price-tab-content .tp-section-title {
        font-size: 34px;
    }

    .pr-feature-title {
        font-size: 20px;
    }

    .pr-feature-item h5 {
        font-size: 18px;
    }

    .card-badge-container .card .title {
        bottom: 32px;
    }

    .tp-price-top-item {
        padding: 30px 10px;
    }

    .tp-price-top-tag-wrapper span {
        font-size: 18px;
        line-height: 1.2;
        padding-bottom: 10px;
        /* display: block; */
    }

    .tp-price-top-title-wrapper h4 {
        font-size: 24px;
    }

    /* .tp-price-top-title-wrapper h4 span {
        display: block;
    } */

    /* pricing page end */

    /* Front-desk pms start*/
    #chs .split-inner {
        padding: 0 30px;
    }

    .author-rated-big-img {
        margin-bottom: 60px;
    }

    .features_section .container {
        max-width: 710px;
    }

    #infrastructure .tp-sales-space,
    #benifits .tp-sales-space {
        padding: 60px 0 0;
    }

    .tp-sales-main-thumb {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
    }

    .tp-sales-main-thumb img {
        width: 70%;
    }

    .tp-rated-bg {
        border-radius: 40px;
    
    }

    .rbt-elements-presentation-area .section-title .title {
        font-size: 36px;
    }

    .features_section .feature_detail {
        flex-wrap: wrap;
        margin-top: 40px;
        padding: 50px 0;
    }

    .features_section .banner_slider {
        top: 0;
    }

    /* Front-desk pms end*/

    /* Sitemap page start */
    .height-350 {
        height: 230px;
    }

    .bg_image--22 {
        background-position: center right 18%;
    }

    /* Sitemap page end */

    /* about page start*/

    .about .section-head.style-4 p {
        padding: 0 40px;
    }

    .about.style-4 .content {
        margin-top: 0%;
    }

    /* about page end*/

    /* angular-developer page start*/
    .page-header.ptb-120,
    .job-details.ptb-120 {
        padding: 100px 0;
    }

    /* angular-developer page end*/

}

@media (max-width: 767px) {

    /* index page start*/
    .service-inner {
        margin: 10px 0;
    }

    .policy-subject {
        padding: 10px;
    }

    .section-title .title {
        font-size: 38px;
    }

    #integration .section-title .title {
        font-size: 30px;
    }

    .tp-section-title-5.pb-15 {
        padding-bottom: 0;
    }

    .free_img {
        float: right;
    }

    .free_img img {
        height: 400px;

    }

    /* index page end*/

    /* channel-manager page start*/

    .channel-manager-hero .content .num8_circle {
        top: -76px;
    }

    .channel-manager-hero .content .logo-icon {
        top: 55px;
    }

    .channel-manager-hero .content .logo-icon img {
        height: 180px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(1) {
        width: 56px;
        height: 56px;
        top: 292px;
        right: 82px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(2) {
        top: 40px;
        left: 50px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(3) {
        width: 52px;
        height: 52px;
        top: -50px;
        left: 300px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(4) {
        width: 72px;
        height: 72px;
        top: 275px;
        left: 72px;
    }


    .channel-manager-hero .content .plat-icons .icon:nth-of-type(5) {
        top: -52px;
        left: 170px;

    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(6) {
        top: 37px;
        right: 62px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(7) {
        top: 146px;
        right: 25px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(8) {
        bottom: 30px;
        left: 30px;

    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(9) {
        bottom: -160px;
        left: 190px;
    }

    .rbt-splash-slider.channel-manager-hero {
        padding-top: 150px;
    }

    .rbt-splash-slider.channel-manager-hero .inner {
        margin-top: 200px;
    }

    .cat-area .split-inner {
        padding: 50px 20px 0;

    }

    .intigration-section .intigration-img-box {
        min-height: 340px;
        right: 18%;
        bottom: -10%;
    }

    .features-style-one .feature-style-content p {
        padding: 0;
    }

    .split-inner .title {
        margin-bottom: 10px;
        padding: 15px 0 0 !important;
    }

    .features-style-one .feature-style-content h3 {
        margin-top: 0;
    }

    /* channel-manager page end*/
    /* reservation page start */
    .webres-popup-wrapper {
        left: 0;
    }

    .ptb--100 {
        padding: 80px 0 !important;
    }

    .ui_images .mobile-right_img img {
        top: -30px;
        left: 40%;
    }

    .rate-plans-img {
        margin-bottom: 30px;
    }

    .upsells .cont {
        margin-bottom: 20px !important;
        padding-right: 0;
    }

    .img-sliding {
        width: 100%;
        height: 290px;
        margin-top: 30px;
    }

    .two-way-sec .two-way-content {
        padding-left: 0;
        padding-top: 40px;
    }

    /* reservation page end */

    /* POS page start */
    .rbt-splash-slider .inner {
        margin-top: 80px;
    }

    .rbt-splash-slider .inner .subpg-titles {
        font-size: 36px;
    }

    .rbt-splash-slider .inner .subpg-smalltitles {
        font-size: 28px;
    }

    .tp-service-bs-space {
        margin-left: 20px;
        margin-right: 20px;
    }

    .tp-service-area.pt-130,
    .tp-service-area.pt-110 {
        padding-top: 60px;
    }

    .tp-service-area.pb-130,
    .tp-service-area.pb-110 {
        padding-bottom: 60px !important;
    }

    .tp-service-area .tp-title-sm,
    .tp-feature-area .tp-title-sm,
    .edu-feature-area .tp-title-sm,
    .tp-chose-area .tp-title-sm,
    .tp-sales-area .tp-section-title {
        font-size: 28px !important;
    }

    .tp-sv-space-wrapper {
        margin-left: 0;
    }

    .tpservices__icon svg {
        font-size: 40px;
    }

    .tp-feature-five-item {
        padding: 30px;
        margin-bottom: 30px;
    }

    .tp-feature-five-icon {
        height: 80px;
        width: 80px;
        margin-bottom: 30px;
        padding: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .tp-feature-five-content h4 {
        margin-bottom: 0px;
    }

    .feature-list-wrapper .feature-list {
        padding: 0 15px;
    }

    .feature-list .icon svg {
        font-size: 42px;
    }

    .feature-list .content {
        padding: 0;
    }

    .feature-list .content .title {
        font-size: 18px;
        margin-bottom: 0;
    }

    .row--35 {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row--35>[class*="col"],
    .row--35>[class*="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-image .rock1,
    .main-image .rock2,
    .main-image .rock3,
    .main-image .rock4,
    .main-image .rock5,
    .main-image .rock6,
    .main-image .rock7,
    .main-image .rock8,
    .main-image .rock10,
    .main-image .rock11,
    .main-image .rock9 {
        width: 80px;
    }

    .main-image .rock5 {
        left: 20px;
    }

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

    .pb-110 {
        padding-bottom: 80px !important;
    }

    /* POS page end */
    /* website page start*/

    .webdesign_hero {
        background-position: center;
    }

    .box-gr .box {
        padding: 40px;
    }

    .box-gr .box.boxgr_1 {
        padding: 40px 40px 0;
        border-radius: 15px 15px 0 0;
    }

    .box-gr.pt-110 {
        padding-top: 40px !important;
    }

    .boxgr_2.mt_100,
    .boxgr_3.mt_100 {
        margin-top: 60px;
    }

    .boxgr_3.mb_100 {
        margin-bottom: 60px;
    }

    .design_1 {
        left: 0;
    }

    .design_2 {
        right: 50px;
    }

    .design_3 {
        bottom: -30px;
        right: 30px;
    }

    .services.style-10 .services-card .icon img {
        width: 60px;
        height: 50px;
    }

    .services.style-10 .services-card h3 {
        font-size: 18px;
    }

    .portfolio-blocks {
        padding: 60px 0;
    }

    .portfolio-blocks .main-marq .box .item {
        width: 240px;
        padding: 0 10px;
    }

    .portfolio-blocks .section-title .title {
        margin-bottom: 0;
        font-size: 26px;
    }

    /* 
    .section-title .title {
        font-size: 26px;
    } */

    .ptb_1850 {
        padding: 14px 40px 14px 40px !important;
    }

    /* website page end */

    /* Interface page start */
    .interface-popup-wrapper {
        left: 0;
    }

    .rbt-splash-slider.interface-sec .inner {
        margin-top: 0px;
    }

    .tp-industri-area .tp-project-section-box .pb-60 {
        padding-bottom: 10px;
    }

    .tp-industri-area .tp-title-sm {
        font-size: 26px !important;
    }

    /* Interface page end */

    /* reseller page start */
    .rbt-banner-7,
    .rbt-banner-7 .wrapper,
    .rbt-splash-callto-action {
        padding: 80px 0;
    }

    .rbt-splash-callto-action .title {
        font-size: 24px;
        width: 80%;
    }

    .rbt-splash-callto-action .inner .partner-img img {
        width: 82%;
    }

    .rbt-splash-callto-action .inner .partner-img {
        left: 76%;
    }

    /* reseller page end */

    /* pricing page start */
    .tp-price-feature-item {
        padding: 10px;
    }

    .tp-price-feature-item span {
        font-size: 14px;
    }

    .pr-feature-title {
        font-size: 18px;
    }

    .pr-title-md button {
        font-size: 16px;
    }

    .pr-feature-title-sm {
        font-size: 14px;
    }

    .pr-feature-bottom.pt_20 {
        padding: 10px 0;
    }

    .price-inner-white-bg {
        border-radius: 20px 20px 0 0;
    }

    .price-tab-content .tp-section-title {
        font-size: 32px;
    }

    .pr-feature-title.hf {
        padding: 18px 0;
    }

    /* pricing page end */

    /* career page start  */
    .inf h5 {
        display: none;
    }

    .career-content .commun-card .icon {
        margin-right: 0;
    }

    /* career page end  */

    /* Front-desk pms start*/
    .rbt-splash-slider .inner .subpg-title {
        font-size: 36px;
    }

    .rbt-splash-slider .inner .subpg-smalltitle {
        font-size: 28px;
    }

    .tp-section-title-3 {
        font-size: 30px;
    }

    .features_section .feature_detail {
        flex-direction: initial;
    }

    /* Front-desk pms end*/


    /* disclaimer start*/
    .subtitle.bg-coral-opacity {
        margin-bottom: 0;
    }

    .title.mb--55 {
        margin-bottom: 30px !important;
    }

    /* disclaimer end*/

    /* Sitemap page start */

    .height-350 {
        height: 167px;
    }

    .rbt-section-overlayping-top {
        margin: -110px auto 0;
    }

    /* Sitemap page end */



}

@media (max-width: 575px) {

    /* index page start*/
    .close-button svg {
        font-size: 32px;
    }

    .rbt-header .logo a {
        width: 210px;
        height: auto;
    }

    .rbt-header .logo a img {
        width: inherit;
        height: inherit;
        object-fit: contain;
    }

    .ptb--100 {
        padding: 80px 0 !important;
    }

    .section-title .title {
        font-size: 34px;
    }

    #integration .section-title .title {
        font-size: 28px;
    }

    #services .mb--60 {
        margin-bottom: 40px !important;
    }


    .service-inner .service-ico [class*=flaticon-] {
        font-size: 46px;
    }

    .tp-service-five-section-box .pb-15 {
        padding-bottom: 0;
    }

    .tp-service-five-title-sm {
        font-size: 24px;
    }

    .policy-subject {
        padding: 8px 10px;
    }

    .rbt-section-gap {
        padding: 60px 0;
    }

    /* index page end*/

    /* channel-manager page start*/
    .cd-words-wrapper {
        width: 100% !important;
    }

    .cd-words-wrapper b {
        word-wrap: break-word;
        white-space: normal;
    }

    .channel-manager-hero .content .logo-icon img {
        height: 150px;
    }

    .channel-manager-hero .content .logo-icon {
        top: 20px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(2),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(7) {
        width: 50px;
        height: 50px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(1) {
        width: 52px;
        height: 52px;
        top: 250px;
        right: 130px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(2) {
        top: -32px;
        left: 75px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(3) {
        width: 52px;
        height: 52px;
        top: -10px;
        left: 310px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(4),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(8),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(9) {
        width: 70px;
        height: 70px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(4) {
        top: 162px;
        left: 25px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(5) {
        left: 190px;
        top: -70px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(6) {
        top: 78px;
        right: 20px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(7) {
        top: 200px;
        right: 40px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(8) {
        bottom: 90px;
        left: 10px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(9) {
        bottom: -90px;
        left: 104px;
    }

    .features-style-one .feature-style-content h3 {
        margin-top: 0;
    }

    /* channel-manager page end*/

    /* reservation page start */
    .webres-sec .wrapper .inner .description {
        padding-right: 0;
    }

    .ui_images .mobile-right_img img {
        top: 0;
        left: 35%;
        margin-bottom: 30px;
    }

    .img-sliding {
        height: 260px;

    }

    /* reservation page end */

    /* POS page start */
    .rbt-splash-slider .inner .subpg-titles {
        font-size: 36px;
    }

    .rbt-splash-slider .inner .subpg-smalltitles {
        font-size: 26px;
    }

    .tpservices__icon svg {
        font-size: 32px;
    }

    .main-image .rock8,
    .main-image .rock9,
    .main-image .rock10,
    .main-image .rock11 {
        width: 80px;
    }

    .feature-list-wrapper .feature-list {
        padding: 15px;
    }

    .feature-list .content .title {
        font-size: 16px;
        padding: 0 !important;

    }

    .feature-list .icon {
        margin-bottom: 15px;
    }

    .edu-section-gap {
        padding: 60px 0 !important;
    }

    .main-image .rock5 {
        left: 20px;
        width: 80px;
    }

    .main-image .rock6,
    .main-image .rock7 {
        width: 80px;
    }

    .main-image .rock7 {
        bottom: -5px;
    }

    .tp-section-title {
        margin-bottom: 0;
    }

    .tp-sales-feature-pos ul li span svg {
        width: 20px;
        height: 20px;
    }

    .pt-110 {
        padding-top: 60px !important;
    }

    .pb-110 {
        padding-bottom: 60px !important;
    }

    /* POS page end*/


    /* website page start */


    .boxgr_2.mt_100,
    .boxgr_3.mt_100 {
        margin-top: 60px;
    }

    .boxgr_2 .section-head.mb-30 {
        margin-bottom: 0;
    }

    .boxgr_2 .section-head h2 {
        margin: 10px 0;
    }

    .box-gr .box {
        border-radius: 8px 8px 0 0;
    }

    .services.style-10 .content .section-title {
        font-size: calc(4vw + 12px);
        width: 100%;
        text-align: center;
    }

    .portfolio-blocks {
        padding: 60px 0;
    }

    .section-title .title {
        font-size: 30px;
    }

    .services.style-10 .content .section-title {
        background-color: var(--color-heading);
    }

    /* website page end */

    /* reseller page start */
    .rbt-banner-7,
    .rbt-banner-7 .wrapper,
    .rbt-splash-callto-action {
        padding: 60px 0;
    }

    .rbt-banner-7 .wrapper {
        padding-bottom: 0 !important;
    }

    .rbt-splash-callto-action .inner {
        border-radius: 12px;
    }

    .easy-sec .description {
        padding: 0px 30px 0px 0px;
    }

    .easy-sec img {
        width: 80%;
    }

    .interface-sec img {
        width: 90%;
    }

    /* reseller page end */
    /* interface page start*/
    .interface-popup-wrapper {
        left: 0;
    }

    /* interface page end */
    /* pricing page start */
    .price-tab-content .tp-section-title {
        font-size: 30px;
    }

    .plan-area.pt-80 {
        padding-top: 60px;
    }

    .interface-sec .wrapper .inner .description {
        padding-right: 0;
    }

    /* pricing page end */

    /* career page start  */
    .inf h5 {
        display: none;
    }

    .career-content .commun-card .icon {
        margin-right: 0;
    }

    /* career page end  */


    /* Front-desk pms start*/
    .tp-hero-3-wrapper {
        margin-bottom: 0;
    }

    .rbt-splash-slider .inner {
        margin-top: 60px;
    }

    .rbt-splash-slider .inner .subpg-smalltitle {
        font-size: 26px;
    }

    .tp-service-section-wrapper .tp-section-title-3 {
        padding-bottom: 0;
    }

    .tp-service-section-wrapper.mb--60 {
        margin-bottom: 30px !important;
    }

    .tp-service-3-item {
        min-height: 300px;
    }

    .tp-section-title-3 {
        font-size: 28px;
    }

    .tp-section-title-3.pb--15 {
        padding-bottom: 0 !important;
    }

    .rbt-elements-presentation-area {
        padding-bottom: 40px;
    }

    .rbt-elements-presentation-area.pt--80 {
        padding-top: 40px;
    }

    .author-rated-big-img img {
        max-width: 100%;
    }

    /* Front-desk pms end*/

    /* Front-desk pms start*/
    .tp-service-sm-item {
        min-height: 320px;
    }

    #chs .split-inner {
        padding: 0 10px;
    }

    .tp-sales-main-thumb img {
        width: 100%;
    }

    /* .tp-rated-bg {
        border-radius: 20px;
    } */

    /* Front-desk pms end*/

    /* Sitemap page start */

    .height-350 {
        height: 132px;
    }

    .rbt-section-overlayping-top {
        margin: -118px auto 0;
    }

    /* Sitemap page end */

    /* about page start*/
    .section-head.style-4 .title_small {
        display: block;
        max-width: max-content;
        margin: 0 auto 20px auto;
    }

    .about .section-head.style-4 h2 {
        font-size: 32px;
    }

    .about.style-4 .content {
        padding-top: 60px;
    }

    .about.style-4 .content.pb-100 {
        padding-bottom: 60px !important;
    }

    /* about page end*/

    /* angular-developer page start*/
    .company-overview h6 {
        margin-bottom: 10px;
    }

    .career-content .commun-card .icon svg {
        font-size: 32px;
    }

    /* angular-developer page end*/
}

@media (max-width: 480px) {

    /* imdex page start */
    .popup-mobile-menu .inner-wrapper .inner-top .content {
        padding: 20px 0;
    }

    .popup-mobile-menu .inner-wrapper .description {
        margin: 18px 0;
    }

    .rbt-header .logo a {
        width: 190px;
    }

    .rbt-splash-slider .inner {
        margin-top: 60px;
        left: 0;
    }

    .rbt-splash-slider .inner .title {
        font-size: 30px;
        padding: 0 !important;
    }

    .tp-section-title-5 {
        font-size: 28px;
    }

    .rbt-splite-style .split-inner .title,
    .tp-service-five-title-sm {
        font-size: 22px;
    }

    #integration .section-title .title,
    .f-light {
        font-size: 20px;
    }


    .free_img img {
        height: 310px;
    }

    .rbt-splash-slider .inner .description {
        font-size: 16px;
    }

    .ptb--100 {
        padding: 60px 0 !important;
    }

    .section-title .title {
        font-size: 28px;
        padding: 0 !important;
    }

    .service-inner .service-ico [class*=flaticon-] {
        font-size: 40px;
    }

    .service-inner .service-ico {
        width: 72px;
        height: 72px;
    }

    .rbt-inner-page-layout-area .rbt-splite-style .split-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .twm-read-more .site-button {
        padding: 8px 16px;
    }

    /* index page start */
    /* channel-manager page start */
    .rbt-splash-slider.channel-manager-hero {
        padding: 60px 0;
    }

    .channel-manager-hero .content .num8_circle {
        top: -10px;
    }

    .channel-manager-hero .content .logo-icon {
        top: 70px;
    }

    .channel-manager-hero .content .logo-icon img {
        height: 120px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(1),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(2),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(3),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(5),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(6),
    .channel-manager-hero .content .plat-icons .icon:nth-of-type(7) {
        width: 40px;
        height: 40px;
    }


    .channel-manager-hero .content .plat-icons .icon:nth-of-type(8) {
        bottom: 74px;
        left: 28px;
        width: 50px;
        height: 50px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(2) {
        top: 8px;
        left: 85px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(5) {
        left: 180px;
        top: 0px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(4) {
        top: 161px;
        left: 10px;
        width: 60px;
        height: 60px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(9) {
        width: 60px;
        height: 60px;
        bottom: -110px;
        left: 64px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(1) {
        top: 270px;
        right: 130px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(7) {
        top: 230px;
        right: 43px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(3) {

        top: 60px;
        left: 258px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(6) {
        top: 158px;
        right: 18px;
    }

    .features-style-one .feature-style-content h3 {
        font-size: 28px;
    }

    h2.channel-manager-smalltitle {
        font-size: 24px;
    }

    .intigration-section .intigration-img-box {
        right: 0;
        bottom: 0;
        position: relative;
        min-height: 260px;
    }

    .intigration-section .intigration-img-box img {
        position: absolute;
        border-radius: 10px !important;
        width: 100px;
        height: 100px;
    }

    .intigration-section .intigration-img-box img:nth-child(1),
    .intigration-section .intigration-img-box img:nth-child(3) {
        left: 10%;
    }

    .intigration-section .intigration-img-box img:nth-child(1),
    .intigration-section .intigration-img-box img:nth-child(2) {
        top: 0;
    }

    .intigration-section .intigration-img-box img:nth-child(2),
    .intigration-section .intigration-img-box img:nth-child(4) {
        right: 10%;

    }

    .intigration-section .intigration-img-box img:nth-child(3),
    .intigration-section .intigration-img-box img:nth-child(4) {
        top: 50%;
    }

    .intigration-section .intigration-img-box img:nth-child(1),
    .intigration-section .intigration-img-box img:nth-child(4) {
        width: 120px;
        height: 120px;
    }

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

    .pb--95 {
        padding-bottom: 60px !important;
    }

    /* channel-manager page end */

    /* reservation page start */
    .mobile-right_img {
        width: 100%;
    }

    .ui_images .mobile-right_img img {
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
    }

    .tailor-made .tailor img {
        width: 16%;
    }

    .img-sliding {
        height: 180px;
    }

    .webres-sec .webres-smalltitle {
        font-size: 26px;
    }

    .profile-share {
        flex-wrap: wrap;
    }

    .profile-share .more-author-text {
        margin-left: 0;
        margin-top: 20px;
    }

    .profile-share .more-author-text .subtitle {
        word-wrap: break-word;
        white-space: normal;
    }

    .mobile-friendly .cont {
        padding: 0px 10px 0px 10px;
    }

    /* reservation page end */

    /* pos page start */
    h5.subpg-titles.pos_heading {
        font-size: 32px !important;
    }

    h6.subpg-smalltitles {
        font-size: 20px !important;
    }

    .tp-service-bs-space {
        margin-left: 15px;
        margin-right: 15px;
    }

    .tp-service-area.pt-130,
    .tp-service-area.pt-110 {
        padding-top: 30px;
    }

    .pos-bg {
        border-radius: 12px;
    }

    .tp-service-area .tp-title-sm,
    .tp-feature-area .tp-title-sm,
    .edu-feature-area .tp-title-sm,
    .tp-chose-area .tp-title-sm,
    .tp-sales-area .tp-section-title {
        font-size: 22px !important;
    }

    .tp-sv-bs-title {
        font-size: 16px;
    }

    .tp-feature-five-icon {
        height: 70px;
        width: 70px;
    }

    .tp-feature-five-title-sm {
        font-size: 18px;
    }

    .main-image .rock1,
    .main-image .rock2,
    .main-image .rock3,
    .main-image .rock4,
    .main-image .rock5,
    .main-image .rock6,
    .main-image .rock7,
    .main-image .rock8,
    .main-image .rock10,
    .main-image .rock11,
    .main-image .rock9 {
        width: 60px;
    }

    .main-image .rock2 {
        bottom: 90px;
    }

    .main-image .rock3 {
        bottom: 75px;
    }

    .main-image .rock11 {
        bottom: 10px;
    }

    .feature-list .icon svg {
        font-size: 30px;
    }

    .feature-list .content .title {
        font-size: 14px;
        line-height: 22px;
    }

    /* pos page end */

    /* website page start*/
    .section-head.mb-30 {
        margin-bottom: 0px;
    }

    .box-gr .box.boxgr_1 {
        padding: 40px 15px 0;
        border-radius: 0;
    }

    .box-gr .box {
        padding: 40px 15px;
    }

    .boxgr_2.mt_100,
    .boxgr_3.mt_100 {
        margin-top: 0;
    }

    .device-cover .mac {
        width: 300px;
        left: 50%;
        transform: translateX(-50%);
    }

    .device-cover .mac .imgBx {
        width: 282px;
        height: 152px;
    }

    .device-cover .macbook {
        right: 0;
        width: 260px;
    }

    .device-cover .macbook .imgBx {
        left: 30px;
        top: 8px;
        width: 200px;
        height: 122px
    }

    .device-cover .iphone {
        top: 38%;
        right: 1px;
        width: 120px;
        height: 190px;
    }

    .device-cover .iphone .imgBx {
        top: 22px;
        left: 20px;
        width: 80px;
        height: 144px;
    }

    .portfolio-blocks {
        padding: 40px 0;
    }

    .webdesign_hero.rbt-splash-slider {
        padding: 80px 8px;
    }

    .box-gr.pt-110 {
        padding-top: 0px !important;
    }

    .webdesign_hero.rbt-splash-slider .inner {
        top: 0;
        margin-top: 0;
    }

    /* website page end*/

    /* interface page start */
    .interface-sec h2 {
        font-size: 24px;
    }

    .pt-80 {
        padding-top: 60px;
    }

    .pb-80 {
        padding-bottom: 60px;
    }

    .tp-industri-bg {
        padding: 40px 0;
        border-radius: 10px;
    }

    .tp-industri-area .tp-title-sm {
        font-size: 24px !important;
    }

    /* interface page end */
    /* pricing page start */
    .tp-btn-service {
        height: 24px;
        line-height: 22px;
        padding: 0px 9px;
        font-size: 11px;
        border-radius: 12px;
    }

    .tp-price-top-item {
        padding: 20px 0px;
    }

    .price-inner-white-bg .tp-price-top-title-wrapper h4 {
        font-size: 13px;
    }

    .tp-price-feature-item {
        padding: 12px 10px;
    }

    .tp-price-top-title-wrapper h4 span {
        font-size: 12px;
    }

    .price-banner-title {
        font-size: 34px;
    }

    .price-tab-content .tp-section-title {
        font-size: 24px;
    }

    /* pricing page end */

    /* reseller page start */
    .rbt-banner-7,
    .rbt-banner-7 .wrapper,
    .rbt-splash-callto-action {
        padding: 40px 0;
    }

    .rbt-inner-page-layout-area.rbt-section-gap {
        padding: 40px 0;
    }

    .plr_mobile--30 {
        padding: 0 15px !important;
    }

    /* reseller page end */

    /* career page start  */
    .inf h5 {
        display: none;
    }

    .career-content .commun-card .icon {
        margin-right: 0;
    }

    /* career page end  */

    /* FrontDesk pms page start  */
    .rbt-splash-slider .inner .subpg-title {
        font-size: 32px;
    }

    .rbt-splash-slider .inner .subpg-smalltitle {
        font-size: 20px;
    }

    .tp-section-title-3 {
        font-size: 26px;
    }

    .tp-service-3-item {
        min-height: 260px;
        padding: 30px;
    }

    #integration .section-title .title,
    .f-light {
        font-size: 16px;
    }

    .rbt-elements-presentation-area .section-title .title,
    #integration .rbt-elements-presentation-area .section-title .title {
        font-size: 24px;
    }

    .features_section .banner_slider #frmae_slider {
        width: 295px;
    }

    .features_section .banner_slider .slider_frame {
        width: 305px;
    }

    .tp-service-sm-item {
        min-height: 310px;
    }

    /* FrontDesk pms page end*/

    /* career page start*/
    .section-head.style-5 h2 {
        font-size: 32px;
    }

    /* career page end*/

    /* Sitemap page start */
    .rbt-page-banner-wrapper {
        padding: 10px 0px 130px;
    }

    .height-350 {
        height: 100px;
    }

    .rbt-section-overlayping-top {
        margin: -70px auto 0;
    }

    .rbt-dashboard-content-wrapper {
        margin-bottom: 10px;
    }

    /* Sitemap page end */
    /* angular-developer page start*/
    .company-info-wrap {
        flex-wrap: wrap;
    }

    .company-overview {
        margin-top: 30px;
    }

    .page-header.ptb-120,
    .job-details.ptb-120 {
        padding: 80px 0;
    }

    /* angular-developer page end*/

}

@media (max-width: 350px) {

    /* index page start */
    .rbt-header .logo a {
        width: 160px;
    }

    .rbt-splash-slider .inner .title {
        font-size: 28px;
    }

    .free_app_inner .f-light {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .rbt-splash-slider .inner .description,
    .split-inner .description {
        font-size: 14px;
        line-height: 1.5;
    }

    .section-title .title {
        font-size: 26px;

    }

    .tp-section-title-5 {
        font-size: 24px;
    }

    .free_img img {
        height: 240px;
    }

    .tp-service-five-section-box {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .plan-offer-list li {
        margin: 6px;
    }

    .tp-service-five-section-box p {
        font-size: 14px;
    }

    .description {
        font-size: 14px;
    }

    #channel-manager .tp-service-five-title-sm {
        font-size: 20px;
        line-height: 1.3;
    }

    /* index page end */


    /* channel-manager page start */
    .cd-words-wrapper {
        width: 100% !important;
    }

    .channel-manager-hero .content .logo-icon {
        top: 54px;
    }

    .rbt-splash-slider.channel-manager-hero {
        padding: 60px 0;
    }

    .channel-manager-hero .content .logo-icon img {
        height: 100px;
    }

    .channel-manager-hero .content .plat-icons .icon:nth-of-type(1) {
        width: 32px;
        height: 32px;
        top: 240px;
        right: 110px;
    }

    .intigration-section p {
        padding: 0px 10px 20px 0px;
    }

    /* channel-manager page end */

    /* reservation page start */
    .mobile-friendly .cont {
        padding: 0 15px;
    }

    .img-sliding {
        height: 160px;
    }

    .webres-sec .webres-smalltitle {
        font-size: 24px;
    }

    /* reservation page end */

    /* pos page start */
    .tp-sales-area.tp-sales-space,
    .tp-feature-area.tp-sales-space {
        padding: 40px 0;
    }

    h5.subpg-titles.pos_heading {
        font-size: 28px !important;
    }

    h6.subpg-smalltitles {
        font-size: 18px !important;
    }

    .tp-sv-bs-title {
        font-size: 14px;
    }

    .tpservices__icon svg {
        font-size: 28px;
    }

    .tp-sales-feature-pos ul li span em {
        font-size: 14px;
    }

    /* pos page end */

    /* reseller page start */
    .rbt-banner-7,
    .rbt-banner-7 .wrapper,
    .rbt-splash-callto-action {
        padding: 40px 0;
    }

    .rbt-flipbox-front .content {
        padding: 10px 0px;
    }

    .rbt-splash-callto-action .title {
        width: 100%;
        font-size: 22px;
    }

    .rbt-splash-callto-action .inner {
        padding: 20px;
    }

    /* reseller page end */


    /* website page start */
    .box-gr .box {
        border-radius: 0;
    }

    .box-gr .box.boxgr_1 {
        padding: 40px 15px;
    }

    .section-head h2 {
        font-size: 26px;
        margin-bottom: 12px;
    }

    .services.style-10 .services-card .icon img {
        width: 40px;
        height: 40px;
    }

    .portfolio-blocks .section-title .title {
        font-size: 20px;
        margin: 0 15px;
    }

    .ptb_1850 {
        padding: 12px 30px 12px 30px !important;
    }

    .ptb_1850 {
        font-size: 16px !important;
    }

    .device-cover .mac {
        width: 290px;
    }

    .device-cover .mac .imgBx {
        width: 265px;
        height: 146px;
    }

    /* website page end */

    /* career page start  */
    .inf h5 {
        display: none;
    }

    .career-content .commun-card .icon {
        margin-right: 0;
    }

    /* career page end  */
    /* Sitemap page start */
    .height-350 {
        height: 90px;
    }

    /* Sitemap page end */

}