@media (min-width: 1680px) and (max-width: 1780px) {
    :root {
    /* style guide for 1920 */
    --h1-font-size: 69px;
    --h1-line-height:65px;

    --h2-font-size: 65px;
    --h2-line-height: 65px;

    --h3-font-size: 49px;
    --h3-line-height: 55px;

    --h4-font-size: 47px;
    --h4-line-height: 57px; 
 
    --h5-font-size: 31px;
    --h5-line-height: 41px;

    --h6-font-size: 20px;
    --h6-line-height: 30px;

    --font-28: 28px;
    --line-28-height: 38px;
    
    --body-font-size: 17px;
    --body-line-height: 25px;
    
    --btn-font-size: 17px;
    --btn-line-height: 25px;
    }
    
    .about-banner-main.booking-main .image {
        width: 700px;
        height: 410px;
    }

    .app-store-bookings .search-input {
        position: relative;
        max-width: 430px;
    }
    
    .our-clients {
        padding: 47px 0 100px;
    }

    /* Privacy Policy Page */
    .term-header-main {
        padding: 243px 0 37px;
        padding-left: 31.7%;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 26.5% auto;
        gap: 2%;
    }
    /* end */

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 690px;
        height: 404px;
    }

    /* Solution v2 end */

    /* solutions-detail */
    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 670px;
        height: 568px;
    }
    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 50px 0 55px;
    }
    /* end product-detail-online-booking */

    /* product-detail-pms */
    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 60px;
    }

    .pms-banner {
        padding: 250px 0 129px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 850px;
        height: 500px;
        border-radius: 12px 0 0 12px;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 45px 0 93px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 42px 0 53px 60px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 780px;
        height: 460px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        background: var(--white);
        width: 460px;
        height: 369px;
        right: 91%;
        bottom: 0;
        padding: 24px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 390px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 65px 0 100px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 280px;
        height: 245px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 316px;
        height: 265px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 116px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 100px;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    /* end product detail */

    /* blog detail */
    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 60px;
    }

    .blog-content-v1 {
        padding: 70px 0 52px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 940px;
        height: 460px;
    }

    /* end blog detail */
    
    /* blog */
    .blog-banner-v1 {
        padding: 200px 0 80px;
    }

    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 760px 1fr;
        gap: 80px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 395px;
    }

    .blog-backoffice {
        padding: 75px 0px 50px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 256px 1fr;
        gap: 25px;
        margin-bottom: 30px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
    }

    /* end blog */

    /* about */
    .blog-slider-v1 .owl-dots {
        max-width: 758px;
    }

    .about-v2 {
        padding: 92px 0 45px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 30px;
        width: 30px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */
    .partner-baner {
        padding: 340px 0 100px;
    }

    .local-partners {
        padding: 100px 0 80px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .cost-pagination {
        margin: 45px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 100px 0 40px;
    }

    .solutions-partner .solutions-tab {
        padding: 45px 95px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 30px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 70px 0 100px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }

    /* end Partner */

    /* contact us */
    .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .request-demo .request-row {
        grid-template-columns: 542px 1fr;
        gap: 100px;
    }

    .request-demo .get-in-bottom {
        margin-top: 30px;
    }

    /* end contact us */

    /* new header  */
    .cost-container-lg {
        padding: 0 150px;
    }   

    .cost-container-sm {
        padding: 0 325px;
    }

    .cost-container-md {
        padding: 0 235px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 82%;
        left: 9%;
        top: 66px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 330px auto;
        gap: 82px;
    }

    .software-designed .pms-card {
        padding: 27px 35px 294px 30px; 
        margin-bottom: 35px;
        border-radius: 10px;
    }

    .software-designed .pms-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .channel-manager-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .self-service-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .online-booking-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 450px 1fr;
        gap: 35px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 35px;
    }

    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 413px;
        height: 245px;
    }

    .software-designed .pms-card .image {
        width: 419px;
        height: 289px;
    }

    .software-designed .self-service-card  .image {
        width: 419px;
        height: 289px;
    }

    .software-designed .pos-card .image {
        width: 460px;
        height: 280px;
    }

    .software-designed .app-store-card .image {
        width: 529px;
        height: 302px;
    }
    
    .one-platform-v1 {
        padding: 60px 0;
    }

    .our-partners {
        padding: 70px 0 90px;
    }

    .warm-welcome-v1 {
        padding: 539px 0 100px;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 25px;
    }

    .page-footer .footer-row {
        grid-template-columns: 36% 19% 27% 18%;
    }

    .page-footer .footer-bottom {
        margin-top: 80px;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 520px auto;
        gap: 90px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 0px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 160px 1fr;
        gap: 50px;
        padding-top: 0;
    }

    .our-clients .clients-card .bottom .detail {
        position: relative;
        font-family: var(--neue);
        margin-bottom: 30px;
    }

    .our-partners-card .logo {
        margin: 0px 0 30px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 60px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: 50px;
    }
}

/* optional if you want to use it otherwise make one for 1680 and 1600 */
@media (min-width: 1600px) and (max-width: 1679px) {
    :root {
    /* style guide for 1920 */
    --h1-font-size: 69px;
    --h1-line-height:65px;

    --h2-font-size: 65px;
    --h2-line-height: 65px;

    --h3-font-size: 49px;
    --h3-line-height: 55px;

    --h4-font-size: 47px;
    --h4-line-height: 57px;

    --h5-font-size: 31px;
    --h5-line-height: 41px;

    --h6-font-size: 20px;
    --h6-line-height: 30px;

    --font-28: 28px;
    --line-28-height: 38px;
    
    --body-font-size: 17px;
    --body-line-height: 25px;
    
    --btn-font-size: 17px;
    --btn-line-height: 25px;
    }
    
    .about-banner-main.booking-main .image {
        width: 700px;
        height: 410px;
    }
    
    .app-store-bookings .search-input {
        position: relative;
        max-width: 430px;
    }

    .home-s1-v2 {
        padding: 90px 0;
    }

    /* Privacy Policy Page */
    .term-header-main {
        padding: 243px 0 37px;
        padding-left: 31.7%;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 26.5% auto;
        gap: 2%;
    }
    /* end */
    
    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 690px;
        height: 404px;
    }

    /* Solution v2 end */
    
    /* solutions-detail */
    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 670px;
        height: 568px;
    }
    /* product-detail-online-booking */
    
    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 50px 0 55px;
    }
    .integrate-way .way-card.pink-bg .right-image {
        bottom: 128px;
        width: 314px;
        height: 60px;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 61px;
    }
    /* end product-detail-online-booking */

    /* product-detail-pms */

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 60px;
    }

    .pms-banner {
        padding: 250px 0 129px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 770px;
        height: 450px;
        border-radius: 12px 0 0 12px;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 45px 0 93px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 42px 0 53px 60px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 780px;
        height: 460px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        background: var(--white);
        width: 460px;
        height: 369px;
        right: 91%;
        bottom: 0;
        padding: 24px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 390px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 65px 0 100px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 318px;
        height: 269px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 316px;
        height: 265px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 116px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 70px;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    .schedule-board .board-card {
        padding: 25px 30px;
        height: 330px;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 50px;
    }

    /* end product detail */

    /* blog detail */
    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 60px;
    }

    .blog-content-v1 {
        padding: 70px 0 52px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 940px;
        height: 460px;
    }

    /* end blog detail */

    /* blog */
    .blog-slider-v1 .owl-dots {
        max-width: 758px;
    }

    .blog-banner-v1 {
        padding: 200px 0 80px;
    }

    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 760px 1fr;
        gap: 80px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 395px;
    }

    .blog-backoffice {
        padding: 75px 0px 50px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 256px 1fr;
        gap: 25px;
        margin-bottom: 30px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 92px 0 45px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 30px;
        width: 30px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */
    .partner-baner {
        padding: 340px 0 100px;
    }

    .local-partners {
        padding: 100px 0 80px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .cost-pagination {
        margin: 45px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 100px 0 40px;
    }

    .solutions-partner .solutions-tab {
        padding: 45px 95px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 30px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 50px 0 100px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }
    /* end Partner */

    /* contact us */
    .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .request-demo .request-row {
        grid-template-columns: 542px 1fr;
        gap: 100px;
    }

    .request-demo .get-in-bottom {
        margin-top: 30px;
    }

    /* end contact us */
    
  /* new header  */
  .cost-container-lg {
        padding: 0 115px;
    }   

    .cost-container-sm {
        padding: 0 305px;
    }

    .cost-container-md {
        padding: 0 235px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 85.5%;
        left: 7.5%;
        top: 72px;
    }
    
    .page__header .top-header .other-site ul {
        gap: 15px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 330px auto;
        gap: 82px;
    }

    .software-designed .pms-card {
        padding: 27px 35px 294px 30px; 
        margin-bottom: 35px;
        border-radius: 10px;
    }

    .software-designed .pms-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .channel-manager-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .self-service-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .online-booking-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 450px 1fr;
        gap: 35px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 35px;
    }

    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 413px;
        height: 245px;
    }

    .software-designed .pms-card .image {
        width: 419px;
        height: 289px;
    }
    
    .desktop.new-v1 .pms-card .image {
        width: 610px;
        height: 470px;
    }

    .software-designed .self-service-card  .image {
        width: 419px;
        height: 289px;
    }

    .software-designed .pos-card .image {
        width: 460px;
        height: 280px;
    }

    .software-designed .app-store-card .image {
        width: 540px;
        height: 302px;
    }

    .one-platform-v1 {
        padding: 60px 0;
    }

    .our-partners {
        padding: 70px 0 90px;
    }

    .warm-welcome-v1 {
        padding: 539px 0 100px;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 25px;
    }

    .page-footer .footer-row {
        grid-template-columns: 36% 19% 27% 18%;
    }

    .page-footer .footer-bottom {
        margin-top: 80px;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 488px auto;
        gap: 72px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 0px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 160px 1fr;
        gap: 40px;
        padding-top: 0;
    }

    .our-clients .clients-card .rating {
        margin-bottom: 10px;
    }

    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 10px;
    }

    .our-clients .clients-card .bottom .detail {
        position: relative;
        font-family: var(--neue);
        margin-bottom: 30px;
    }

    .our-partners-card .logo {
        margin: 0px 0 45px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 60px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: 32px;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
:root {
    /* style guide for 1920 */
    --h1-font-size: 65px;
    --h1-line-height:60px;

    --h2-font-size: 60px;
    --h2-line-height: 55px;

    --h3-font-size: 46px;
    --h3-line-height: 52px;

    --h4-font-size: 44px;
    --h4-line-height: 54px;

    --h5-font-size: 28px;
    --h5-line-height: 38px;

    --h6-font-size: 19px;
    --h6-line-height: 29px;

    --font-28: 25px;
    --line-28-height: 35px;
    
    --body-font-size: 16px;
    --body-line-height: 24px;
    
    --btn-font-size: 16px;
    --btn-line-height: 24px;
    }
    /* app store detail */
    
    .app-store .watch-video .video {
        height: 130px;
        width: 130px;
    }
    
    .about-banner-main.booking-main .image {
        width: 640px;
        height: 380px;
    }
    
    .camping-faq .right .title {
        margin-bottom: 0px;
    }
    
    .booking-categorie .category-book {
        grid-template-columns: 400px 1fr;
        gap: 100px;
    }
    
    .booking-categorie .app-install .text-medium {
        margin-bottom: 15px;
    }
    .camping-faq {
        padding: 80px 0;
    }
    .camping-faq .faq-row {
        grid-template-columns: 400px 1fr;
        gap: 100px;
    }
    .camping-faq .languages .langu-card {
        padding: 15px 0;
    }
    .camping-faq .languages .langu-card .title {
        margin-bottom: 2px;
    }
    .camping-faq .faq-detail .accordion-button {
        padding: 18px 0;
    }
    .camping-faq .left .support-v1 {
        margin-bottom: 10px;
    }
    .camping-faq .left .jon {
        margin-bottom: 12px;
    }
    .app-store .category-image {
        height: 150px;
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .camping-faq .faq-detail .accordion-button::after {
        width: 20px;
        height: 20px;
    }
    /* end */
    
    /* app store */
    .book-card-v1 .card-title {
        margin-bottom: 10px;
    }

    .book-card-v1 .tag {
        position: relative;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    
    .book-card-v1 {
        padding: 38px 30px;
    }

    .book-card-v1 .provided-text {
        margin-bottom: 28px;
        margin-top: 15px;
    }

  .app-store-bookings .search-input {
        max-width: 395px;
    }
    
    .app-store-bookings .dropdown {
        width: 250px;
    }
    
    .app-store-bookings .lenguage-group .custom-select {
        width: 250px;
    }

    .app-store-bookings .bookings-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        row-gap: 30px;
    }
    
    .app-store-bookings {
        padding: 40px 0 80px;
    }
    /* end */
    
    .desktop.new-v1 .new-oms-row .title p {
        margin: 0px 0 5px;
    }
    
    .desktop.new-v1 .oms-content {
        max-width: 48%;
    }
        
    .desktop.new-v1 .pms-card .image {
        width: 48%;
        height: 475px;
    }
    
    .desktop.new-v1 .new-oms-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
        row-gap: 10px;
    }
    
     .desktop.new-v1 .pms-card.coom-card {
        height: 580px;
        padding: 35px 35px 40px 35px;
    }
    
    .schedule-board .board-card .content-v1 {
        width: 250px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing {
        margin-right: 0px;
    }

    .warm-welcome-v1 .platform-v1 {
        padding: 24px 0 12px;
        max-width: 63%;
        margin: 0 auto;
    }

    .header-main .page-navebar .nav-item.dropdown {
        margin-right: -8px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing .nav-link {
        padding-left: 0;
        padding-right: 15px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing::after {
        right: 2px;
    }
    
    .channel-manager-s1 .ch-manager-card .image {
        height: max-content;
        position: relative;
    }
    
    .channel-manager-s1 .ch-manager-card .image-1 {
        position: relative;
        bottom: 0;
    }

    .integrate-way .way-row .way-card .title {
        max-width: 46%;
        margin-bottom: 10px;
    }
    
    .integrate-way .way-card.pink-bg {
        padding: 40px;
        height: 310px;
    }
    
    .integrate-way .way-card-v2.light-green-bg {
        padding: 40px;
        height: 310px;
    }

    .page__header .top-header .other-site ul {
        gap: 14px;
    }

    .partner-aply-now .left .rec-img {
        height: 370px;
        width: 460px;
    }

    .one-platform-v1 .video-v1 {
        max-width: 100%;
        margin: 0 auto;
    }
    
    .one-platform-v1 .video-v1 iframe {
        height: 513px;
    }

    .page__header .new-menu-v1 {
        padding: 20px 18px;
    }

    .archive-banner .archive-content {
        max-width: 48%;
        margin-top: 10px;
    }

    .blog-banner-v1.archive-banner {
        padding: 200px 0 30px;
    }

    .local-partners.archive .partner-tab .nav {
        margin: 20px 0 30px;
        gap: 8px;
    }

    /* Privacy Policy Page */
    .term-header-main {
        padding: 243px 0 37px;
        padding-left: 31.7%;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 26.5% auto;
        gap: 2%;
    }

    #scrollToTopBtn {
        right: 40px;
    }
    /* end */

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 640px;
        height: 370px;
    }
    /* Solution v2 end */
    
    /* solutions-detail */
    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 610px;
        height: 530px;
    }
    .integrate-want-v1 .title {
        margin-bottom: 50px;
    }
    .integrate-want-v1 .interg-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
    }
    /* product-detail-online-booking */

    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 40px 0 40px;
    }

    .integrate-way .way-card.pink-bg .right-image {
        bottom: 128px;
        width: 256px;
        height: 49px;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 55px;
    }
    /* end product-detail-online-booking */

    /* product-detail-pms */

    .pms-banner .banner-image-outer {
        bottom: 70px;
    }

    .pms-banner {
        padding: 250px 0 109px;
    }
    
    .pms-banner.detail {
        height: 750px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 700px;
        height: 400px;
        border-radius: 12px 0 0 12px;
    }

    .pms-banner .banner-content {
        max-width: 510px;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 25px 0 93px;
    }

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 60px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 42px 0 53px 60px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 700px;
        height: 409px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        background: var(--white);
        width: 418px;
        height: 300px;
        right: 91%;
        bottom: 0;
        padding: 24px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 355px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 65px 0 100px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 250px;
        height: 215px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 243px;
        height: 215px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 116px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 130px;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    .schedule-board .board-card {
        padding: 25px 30px;
        height: 330px;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 50px;
    }

    .and-more-v1 .add-more-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
    }

    /* end product detail */

    /* blog detail */

    .blog-detail-banner .bottom-sec {
        grid-template-columns: 134px auto;
        gap: 45px;
    }

    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 60px;
    }

    .blog-content-v1 {
        padding: 50px 0 52px;
    }
    
    .blog-content-v1 .more-platform .plat-title {
        margin-bottom: 12px;
        margin-top: 50px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 900px;
        height: 440px;
    }

    .blog-content-v1 .content-v4 {
        max-width: 55%;
    }

    .blog-detail-banner .top-sec {
        max-width: 55%;
        margin-bottom: 30px;
    }

    .blog-detail-banner .top-sec .title {
        margin: 20px 0 10px;
    }

    .interested-blog .inters-form .cust-form {
        max-width: 55%;
    }

    .interested-blog .inters-form .com-heading {
        max-width: 55%;
    }
    /* end blog detail */

    /* blog */
    .blog-banner-v1 {
        padding: 200px 0 80px;
    }

    .blog-card-v1 .image {
        height: 212px;
    }

    .blog-card-v1 .top {
        gap: 14px;
        margin: 25px 0 13px;
        padding: 0 30px;
    }

    .blog-card-v1 .card-detail {
        padding: 0 30px 28px;
    }

    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 600px 1fr;
        gap: 50px;
        padding-bottom: 30px;
    }
    
    .card-row.backoffice-slider {
        padding-bottom: 10px;
    }
    
    .all-block-list .blog-card-v1 .top {
        grid-template-columns: 1fr;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 325px;
    }

    .blog-slider-v1 .owl-dots {
        max-width: 603px;
        margin-top: -5px !important;
    }

    .blog-backoffice {
        padding: 30px 0px 35px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 256px 1fr;
        gap: 25px;
        margin-bottom: 30px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 92px 0 45px;
    }

    .about-banner-main .ab-baner-row .content {
        max-width: 582px;
        padding-bottom: 10;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px;
    }

    .about-banner-main .image {
        width: 620px;
        height: 440px;
    }

    .about-banner-main .ab-baner-row {
        grid-template-columns: 40% 60%;
        width: 100%;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 30px;
        width: 30px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */

    .partner-aply-now .aply-s1-v1 {
        grid-template-columns: auto 700px;
    }

    .partner-baner {
        padding: 300px 0 100px;
    }

    .partner-baner .banner-title {
        margin-top: 20px;
    }

    .local-partners {
        padding: 100px 0 80px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .cost-pagination {
        margin: 45px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .partner-baner .banner-content .detail {
        margin-top: 5px;
        padding-bottom: 29px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 100px 0 40px;
    }

    .solutions-partner .solutions-tab {
        padding: 45px 80px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 30px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 70px 0 100px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }
    /* end Partner */

    /* contact us */
    .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .request-demo .request-row {
        grid-template-columns: 445px 1fr;
        gap: 85px;
    }

    .request-demo .get-in-bottom {
        margin-top: 20px;
    }

    .cust-form .cust-form-row {
        column-gap: 22px;
        row-gap: 17px;
        margin-bottom: 56px;
    }

    .request-demo .get-in-bottom .media {
        margin-top: 28px;
    }

    .request-demo {
        padding: 172px 0 38px;
    }

    .form-control {
        padding: 8px 12px 8px;
    }

    /* end contact us */

    /* new header  */

    .banner.home-banner .banner-detail .home-title span {
        margin-top: 5px;
        margin-bottom: -2px;
    }

    .cost-container-lg {
        padding: 0 100px;
    }   

    .cost-container-sm {
        padding: 0 265px;
    }

    .cost-container-md {
        padding: 0 160px;
    }

    .banner.home-banner {
        position: relative;
        padding: 450px 0 89px;
    }

    .home-s1-v1 .row-s1 ul li {
        padding-left: 24px;
    }

    .home-s1-v1 .row-s1 ul li::after {
        height: 11.2px;
        width: 17px;
        left: 0;
        top: 7px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 86%;
        left: 7%;
        top: 71px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 330px auto;
        gap: 60px;
    }

    .software-designed .pms-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .channel-manager-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .self-service-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .pos-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .app-store-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .channel-manager-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .online-booking-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .pms-card {
        padding: 17px 24px 94px 24px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: 442.5px;
    }

    .software-designed .self-service-card {
        padding: 22px 27px 94px 30px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: 442.5px;
    }

    .software-designed .online-booking-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 400px 1fr;
        gap: 20px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 20px;
    }

    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 370px;
        height: 216px;
    }

    .software-designed .pms-card .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .self-service-card  .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .pos-card .image {
        width: 400px;
        height: 230px;
    }

    .software-designed .app-store-card .image {
        width: 54%;
        height: 92%;
    }

    .software-designed .coom-card .heading-h6 {
        padding: 5px 0 0 0;
    }

    .channel-manager-card .social-active .s-row {
        border-radius: 55px;
        padding: 7px 9px;
        margin-bottom: 10px;
    }

    .channel-manager-card .social-active .s-row .left .icon {
        height: 30px;
        width: 30px;
    }

    .starfish-v1-h .starf-row .right .camping-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care::after {
        width: 185px;
        height: 37px;
        left: -192px;
        bottom: 92px;
        transform: rotate(0deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-2 {
        left: 71%;
        right: 0;
        top: 135px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-3 {
        left: 8px;
        bottom: -285px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-1 {
        top: -119px;
        right: 117px;
    }

    .our-partners-card {
        padding: 25px;
    }

    .our-clients .clients-card {
        padding: 25px;
    }

    .our-partners .our-client-title .platform-title {
        padding: 0px 0 30px;
        max-width: 50%;
    }
    
    .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 51px;
        height: 30px;
        background-size: cover;
    }

    .software-designed .soft-v1 {
        padding: 0px 0 30px;
    }

    .home-s1-v2 {
        padding: 90px 0;
    }

    .perfect-fit-wrap .perfect-v1 {
        padding: 0px 0 18px;
    }

    .one-platform-v1 .platform-v1 {
        padding: 0px 0 12px;
    }

    .one-platform-v1 {
        padding: 30px 0;
    }

    .our-partners {
        padding: 70px 0 90px;
    }

    .warm-welcome-v1 {
        padding: 465px 0 78px;
    }

    .our-clients .our-client-title {
        padding: 0px 0 29px;
    }

    .perfect-fit-wrap .perfect-fit-row {
        gap: 20px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant {
        padding: 20px 25px;
        height: 300px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 7px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h6 {
        margin-bottom: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant p {
        margin-bottom: 8px;
    }

    .perfect-fit-wrap .perfect-card .card-img {
        height: 245px;
    }

    .home-s1-v2 .move-s1-marquee {
        gap: 92px;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 25px;
    }

    .page-footer .footer-row {
        grid-template-columns: 36% 19% 27% 18%;
    }

    .page-footer .footer-bottom {
        margin-top: 60px;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 520px auto;
        gap: 90px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 0px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 160px 1fr;
        gap: 50px;
        padding-top: 0;
    }

    .our-clients .clients-card .bottom .detail {
        position: relative;
        font-family: var(--neue);
        margin-bottom: 30px;
    }
    
    .our-partners-card .logo {
        margin: 0px 0 25px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 60px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }
    
    .our-partners-card .logo img {
        height: 45px;
    }

    .our-partners-card .partners-bottom {
        gap: 10px;
        margin-top: 15px;
    }

    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 18px;
        margin-top: 0px;
    }

    .media .med-title {
        margin-bottom: 12px;
    }
        
    .disclaimer-main.condition .claimer-row .right .to-top {
        position: absolute;
        right: 00px;
        bottom: 35px;
    }
}

@media (min-width: 1360px) and (max-width: 1399px) {
:root {
    /* style guide for 1920 */
    --h1-font-size: 63px;
    --h1-line-height:58px;

    --h2-font-size: 58px;
    --h2-line-height: 53px;

    --h3-font-size: 45px;
    --h3-line-height: 51px;

    --h4-font-size: 43px;
    --h4-line-height: 52px;

    --h5-font-size: 27px;
    --h5-line-height: 37px;

    --h6-font-size: 19px;
    --h6-line-height: 29px;

    --font-28: 25px;
    --line-28-height: 35px;
    
    --body-font-size: 16px;
    --body-line-height: 24px;
    
    --btn-font-size: 16px;
    --btn-line-height: 24px;
    }
    /* app store detail */
    
    .app-store .watch-video .video {
        height: 130px;
        width: 130px;
    }
    .about-banner-main.booking-main .image {
        width: 93%;
        height: 390px;
    }
    .booking-categorie .category-book {
        grid-template-columns: 400px 1fr;
        gap: 100px;
    }
    .booking-categorie .app-install .text-medium {
        margin-bottom: 15px;
    }
    .camping-faq {
        padding: 80px 0;
    }
    .camping-faq .faq-row {
        grid-template-columns: 400px 1fr;
        gap: 100px;
    }
    .camping-faq .languages .langu-card {
        padding: 15px 0;
    }
    .camping-faq .languages .langu-card .title {
        margin-bottom: 2px;
    }
    .camping-faq .faq-detail .accordion-button {
        padding: 18px 0;
    }
    .camping-faq .left .support-v1 {
        margin-bottom: 10px;
    }
    .camping-faq .left .jon {
        margin-bottom: 12px;
    }
    .app-store .category-image {
        height: 150px;
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .camping-faq .faq-detail .accordion-button::after {
        width: 20px;
        height: 20px;
    }
    .camping-faq .right .title {
        margin-bottom: 0px;
    }
    /* end */    
    /* app store */
    .book-card-v1 .card-title {
        margin-bottom: 10px;
    }

    .book-card-v1 .tag {
        position: relative;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    
    .book-card-v1 {
        padding: 38px 30px;
    }

    .book-card-v1 .provided-text {
        margin-bottom: 28px;
        margin-top: 15px;
    }

  .app-store-bookings .search-input {
        max-width: 395px;
    }
    
    .app-store-bookings .dropdown {
        width: 250px;
    }
    
    .app-store-bookings .lenguage-group .custom-select {
        width: 250px;
    }

    .app-store-bookings .bookings-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        row-gap: 30px;
    }
    
    .app-store-bookings {
        padding: 40px 0 80px;
    }
    /* end */
    
    .desktop.new-v1 .oms-content {
        max-width: 48%;
    }
    
    .desktop.new-v1 .new-oms-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
        row-gap: 2px;
    }
    
    .desktop.new-v1 .new-oms-row .title p {
        margin: 0px 0 5px;
    }
        
    .desktop.new-v1 .pms-card .image {
        width: 48%;
        height: 455px;
    }

    .schedule-board .board-card .content-v1 {
        width: 250px;
    }
    
    .desktop.new-v1 .pms-card.coom-card {
        height: 580px;
        padding: 35px 35px 40px 35px;
    }

    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing {
        margin-right: 0px;
    }
    .header-main .page-navebar .nav-item.dropdown {
        margin-right: -8px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing .nav-link {
        padding-left: 0;
        padding-right: 15px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing::after {
        right: 2px;
    }
    
    .channel-manager-s1 .ch-manager-card .image {
        height: max-content;
        position: relative;
    }
    
    .channel-manager-s1 .ch-manager-card .image-1 {
        position: relative;
        bottom: 0;
    }
    
    .integrate-way .way-card.pink-bg {
        padding: 40px;
        height: 310px;
    }
    
    .integrate-way .way-card-v2.light-green-bg {
        padding: 40px;
        height: 310px;
    }
    
    .page__header .top-header .other-site ul {
        gap: 14px;
    }

    .pms-banner.detail {
        height: 800px;
    }
    
    .pms-banner.solution-v1 .solution-banner-row {
        grid-template-columns: 42% 58%;
    }

    .card-row.backoffice-slider {
        padding-bottom: 10px;
    }

    .home-s1-v1 .cost-container-sm {
        padding: 0 145px;
    }
    
    .partner-aply-now .left .rec-img {
        height: 370px;
        width: 460px;
    }
    
    .one-platform-v1 .video-v1 {
        max-width: 100%;
        margin: 0 auto;
    }
    
    .one-platform-v1 .video-v1 iframe {
        height: 490px;
    }
    
    .archive-banner .archive-content {
        max-width: 48%;
        margin-top: 10px;
    }

    .blog-banner-v1.archive-banner {
        padding: 200px 0 30px;
    }

    .local-partners.archive .partner-tab .nav {
        margin: 20px 0 30px;
        gap: 8px;
    }

    .blog-banner-v1 .com-heading {
        margin-bottom: 20px;
    }

    /* Privacy Policy Page */
    .term-header-main {
        padding: 243px 0 37px;
        padding-left: 34%;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 30% auto;
        gap: 2%;
    }

    #scrollToTopBtn {
        right: 40px;
    }
    /* end */

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 600px;
        height: 354px;
    }
    /* Solution v2 end */

    /* solutions-detail */
    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 610px;
        height: 530px;
    }
    .integrate-want-v1 .title {
        margin-bottom: 50px;
    }
    .integrate-want-v1 .interg-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
    }
    /* product-detail-online-booking */

    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 40px 0 40px;
    }

    .integrate-way .way-card.pink-bg .right-image {
        bottom: 128px;
        width: 256px;
        height: 49px;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 55px;
    }
    /* end product-detail-online-booking */

    /* product-detail-pms */
    
    .pms-banner .banner-image-outer {
        bottom: 70px;
    }

    .pms-banner {
        padding: 250px 0 109px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 680px;
        height: 398px;
        border-radius: 12px 0 0 12px;
    }

    .pms-banner .banner-content {
        max-width: 510px;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 25px 0 93px;
    }

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 60px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 42px 0 53px 60px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 700px;
        height: 409px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        background: var(--white);
        width: 418px;
        height: 300px;
        right: 91%;
        bottom: 0;
        padding: 24px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 320px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 65px 0 100px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 250px;
        height: 215px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 243px;
        height: 215px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 100px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .channel-50 {
        position: relative;
        padding: 70px 0 60px;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 48%  48%;
        gap: 130px;
    }

    .product-v3-pay.booking .pay-v3-row {
        gap: 30px;
    }
    
    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }
    
    .product-v3-pay.booking .pay-v3-card {
        border-radius: 20px;
        padding: 40px 46px;
    }

    .schedule-board .board-card {
        padding: 25px 30px;
        height: 330px;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 50px;
    }

    .and-more-v1 .add-more-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 80px;
    }
    /* end product detail */

   /* blog detail */
   .blog-detail-banner .bottom-sec {
        grid-template-columns: 134px auto;
        gap: 45px;
    }

    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 50px;
    }

    .blog-content-v1 {
        padding: 40px 0 30px;
    }

    .blog-content-v1 .content-v4 .cta {
        padding: 13px 0;
        margin: 23px 0 10px;
    }

    .blog-content-v1 .more-platform .plat-title {
        margin-bottom: 10px;
        margin-top: 55px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 850px;
        height: 420px;
    }

    .blog-content-v1 .content-v4 {
        max-width: 55%;
    }

    .blog-detail-banner .top-sec {
        max-width: 55%;
        margin-bottom: 30px;
    }

    .blog-detail-banner .top-sec .title {
        margin: 20px 0 10px;
    }

    .interested-blog .inters-form .cust-form {
        max-width: 55%;
    }

    .interested-blog .inters-form .com-heading {
        max-width: 55%;
    }
    /* end blog detail */

    /* blog */
    .blog-banner-v1 {
        padding: 200px 0 60px;
    }

    .blog-card-v1 .image {
        height: 212px;
    }

    .blog-card-v1 .top {
        gap: 14px;
        margin: 25px 0 13px;
        padding: 0 30px;
    }

    .blog-card-v1 .card-detail {
        padding: 0 30px 28px;
    }
    
    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 600px 1fr;
        gap: 50px;
        padding-bottom: 30px;
    }
    
    .blog-banner-v1 .b-slide-card .company-detail a {
        padding: 1px 9px;
        margin-right: 2px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 325px;
    }
    
    .blog-slider-v1 .owl-dots {
        max-width: 600px;
        margin-top: 1px !important;
    }

    .blog-backoffice {
        padding: 70px 0px 35px;
    }

    .all-block-list .block-list {
        gap: 40px;
    }

    .all-block-list .blog-card-v1 .top {
        gap: 11px;
        margin: 26px 0 11px;
        padding: 0;
        margin-top: 2px !important;
        grid-template-columns: 1fr;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 256px 1fr;
        gap: 25px;
        margin-bottom: 30px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 70px 0 15px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px;
    }

    .partner-aply-now .left .rec-img {
        height: 350px;
        width: 378px;
    }

    .about-banner-main .image {
        width: 620px;
        height: 440px;
    }

    .about-banner-main .ab-baner-row .content {
        max-width: 582px;
        padding-bottom: 10px;
    }

    .about-banner-main .ab-baner-row {
        grid-template-columns: 40% 60%;
        width: 100%;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 30px;
        width: 30px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */
    
    .cost-pagination .pagination .page-link {
        height: 33px;
        width: 33px;
        line-height: 28px;
    }

    .partner-aply-now .aply-s1-v1 {
        grid-template-columns: auto 650px;
    }

    .partner-baner {
        padding: 300px 0 100px;
    }

    .partner-baner .banner-title {
        margin-top: 20px;
    }

    .local-partners {
        padding: 90px 0 60px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .cost-pagination {
        margin: 45px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .partner-baner .banner-content .detail {
        margin-top: 5px;
        padding-bottom: 29px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 100px 0 40px;
    }

    .solutions-partner .solutions-tab {
        padding: 45px 80px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 70px 0 100px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }
    /* end Partner */

    /* contact us */
    .header-main .logo .header-logo {
        width: 198px;
        height: 54.04px;
    }

    .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .request-demo .request-row {
        grid-template-columns: 445px 1fr;
        gap: 85px;
    }

    .request-demo .get-in-bottom {
        margin-top: 20px;
    }

    .cust-form .cust-form-row {
        column-gap: 22px;
        row-gap: 17px;
        margin-bottom: 56px;
    }

    .request-demo .get-in-bottom .media {
        margin-top: 28px;
    }

    .request-demo {
        padding: 172px 0 38px;
    }

    .form-control {
        padding: 8px 12px 8px;
    }

    /* end contact us */

    /* new header  */

    .banner.home-banner .banner-detail .home-title span {
        margin-top: 5px;
        margin-bottom: -2px;
    }

    .cost-container-lg {
        padding: 0 90px;
    }   

    .cost-container-sm {
        padding: 0 250px;
    }

    .cost-container-md {
        padding: 0 130px;
    }

    .banner.home-banner {
        position: relative;
        padding: 500px 0 89px;
    }

    .home-s1-v1 .row-s1 ul li {
        padding-left: 24px;
    }

    .home-s1-v1 .row-s1 ul li::after {
        height: 11.2px;
        width: 17px;
        left: 0;
        top: 7px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 87%;
        left: 6.8%;
        top: 68px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 330px auto;
        gap: 60px;
    }

    .software-designed .pms-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .channel-manager-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .self-service-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .pos-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .app-store-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .channel-manager-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .online-booking-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .pms-card {
        padding: 17px 24px 94px 24px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: 442.5px;
    }

    .software-designed .self-service-card {
        padding: 22px 27px 94px 30px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: 442.5px;
    }

    .software-designed .online-booking-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 400px 1fr;
        gap: 20px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 20px;
    }

    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 350px;
        height: 204px;
    }

    .software-designed .pms-card .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .self-service-card  .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .pos-card .image {
        width: 373px;
        height: 230px;
    }

    .software-designed .app-store-card .image {
        width: 55%;
        height: 92%;
    }

    .software-designed .coom-card .heading-h6 {
        padding: 5px 0 0 0;
    }

    .channel-manager-card .social-active .s-row {
        border-radius: 55px;
        padding: 7px 10px;
        margin-bottom: 10px;
    }

    .channel-manager-card .social-active .s-row .left .icon {
        height: 30px;
        width: 30px;
    }

    .starfish-v1-h .starf-row .right .camping-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care::after {
        width: 185px;
        height: 37px;
        left: -192px;
        bottom: 92px;
        transform: rotate(0deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-2 {
        left: 66%;
        right: 0;
        top: 135px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-3 {
        left: 8px;
        bottom: -285px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-1 {
        top: -119px;
        right: 117px;
    }


    .starfish-v1-h .starf-row .left .left-cont {
        padding: 7px 0 25px;
    }

    .our-partners-card {
        padding: 25px;
    }

    .our-clients .clients-card {
        padding: 25px;
    }

    .our-partners .our-client-title .platform-title {
        padding: 0px 0 30px;
        max-width: 50%;
    }

    .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 51px;
        height: 30px;
        background-size: cover;
    }

    .software-designed .soft-v1 {
        padding: 0px 0 30px;
    }

    .home-s1-v2 {
        padding: 90px 0;
    }

    .perfect-fit-wrap .perfect-v1 {
        padding: 0px 0 18px;
    }

    .one-platform-v1 .platform-v1 {
        padding: 0px 0 12px;
    }

    .one-platform-v1 {
        padding: 30px 0;
    }

    .our-partners {
        padding: 70px 0 90px;
    }

    .warm-welcome-v1 {
        padding: 450px 0 75px;
    }

    .our-clients {
        padding: 35px 0 70px;
    }

    .our-clients .our-client-title {
        padding: 0px 0 29px;
    }

    .perfect-fit-wrap .perfect-fit-row {
        gap: 20px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant {
        padding: 20px 25px;
        height: 340px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 7px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h6 {
        margin-bottom: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant p {
        margin-bottom: 8px;
    }

    .perfect-fit-wrap .perfect-card .card-img {
        height: 233px;
    }

    .home-s1-v2 .move-s1-marquee {
        gap: 47px;
    }

    .warm-welcome-v1 .platform-v1 {
        padding: 16px 0 10px;
        max-width: 65%;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 25px;
    }

    .page-footer .footer-row {
        grid-template-columns: 36% 19% 27% 18%;
    }

    .page-footer .footer-bottom {
        margin-top: 60px;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 520px auto;
        gap: 90px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 0px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 160px 1fr;
        gap: 50px;
        padding-top: 0;
    }

    .our-clients .clients-card .bottom .detail {
        position: relative;
        font-family: var(--neue);
        margin-bottom: 30px;
    }

    .our-partners-card .logo {
        margin: 0px 0 30px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 38px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: 45px;
    }

    .our-partners-card .partners-bottom {
        gap: 10px;
        margin-top: 15px;
    }

    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 18px;
        margin-top: 0px;
    }

    .media .med-title {
        margin-bottom: 12px;
    }
    
    .disclaimer-main.condition .claimer-row .right .to-top {
        position: absolute;
        right: 00px;
        bottom: 35px;
    }
}


@media (min-width: 1200px) and (max-width: 1359px) {
:root {
    /* style guide for 1920 */
    --h1-font-size: 58px;
    --h1-line-height:53px;

    --h2-font-size: 53px;
    --h2-line-height: 48px;

    --h3-font-size: 41px;
    --h3-line-height: 48px;

    --h4-font-size: 38px;
    --h4-line-height: 47px;

    --h5-font-size: 25px;
    --h5-line-height: 34px;

    --h6-font-size: 18px;
    --h6-line-height: 28px;

    --font-28: 23px;
    --line-28-height: 33px;
    
    --body-font-size: 16px;
    --body-line-height: 24px;
    
    --btn-font-size: 16px;
    --btn-line-height: 24px;
    }
    /* app store detail */
    .app-store .watch-video .video {
        height: 120px;
        width: 120px;
    }
    .about-banner-main.booking-main .image {
        width: 90%;
        height: 360px;
    }
    .booking-categorie .category-book {
        grid-template-columns: 350px 1fr;
        gap: 80px;
    }
    .booking-categorie .app-install .text-medium {
        margin-bottom: 15px;
    }
    .camping-faq {
        padding: 80px 0;
    }
    .camping-faq .faq-row {
        grid-template-columns: 350px 1fr;
        gap: 80px;
    }
    .camping-faq .languages .langu-card {
        padding: 15px 0;
    }
    .camping-faq .languages .langu-card .title {
        margin-bottom: 2px;
    }
    .camping-faq .faq-detail .accordion-button {
        padding: 18px 0;
    }
    .camping-faq .left .support-v1 {
        margin-bottom: 10px;
    }
    .camping-faq .left .jon {
        margin-bottom: 12px;
    }
    .app-store .category-image {
        height: 150px;
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .camping-faq .faq-detail .accordion-button::after {
        width: 20px;
        height: 20px;
    }
    .camping-faq .right .title {
        margin-bottom: 0px;
    }
    .camping-faq .left .languages {
        margin-top: 20px;
    }
    /* end */    
    /* app store */
    .book-card-v1 .card-title {
        margin-bottom: 10px;
    }

    .book-card-v1 .tag {
        position: relative;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    
    .book-card-v1 {
        padding: 38px 30px;
    }

    .book-card-v1 .provided-text {
        margin-bottom: 28px;
        margin-top: 15px;
    }

    .app-store-bookings .search-input {
        max-width: 356px;
    }
    
    .app-store-bookings .dropdown {
        width: 250px;
    }
    
    .app-store-bookings .lenguage-group .custom-select {
        width: 250px;
    }

    .app-store-bookings .bookings-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        row-gap: 30px;
    }
    
    .app-store-bookings {
        padding: 40px 0 80px;
    }
    /* end */
        
    .desktop.new-v1 .oms-content {
        max-width: 48%;
    }
    
    .desktop.new-v1 .new-oms-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
        row-gap: 2px;
    }
    
    .desktop.new-v1 .new-oms-row .title p {
        margin: 0px 0 5px;
    }
        
    .desktop.new-v1 .pms-card .image {
        width: 48%;
        height: 455px;
    }
    
    .desktop.new-v1 .pms-card.coom-card {
        height: 580px;
        padding: 35px 35px 40px 35px;
    }
    
    .software-designed .app-store-card .image {
        width: 53% !important;
        height: 83% !important;
        bottom: 25px;
    }

    .schedule-board .board-card .content-v1 {
        width: 100%;
    }

    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing {
        margin-right: 0px;
    }
    .page__header .top-header li a {
        font-size: 14px;
    }
    
    .page__header .top-header .dropdown-toggle {
        font-size: 14px;
        line-height: 20px;
    }
    
    .page__header .top-header .dropdown-menu .dropdown-item {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 22px;
    }
    
    .page__header .top-header .dropdown .dropdown-toggle::after {
        right: 15px;
        top: 18px;
    }


    .header-main .page-navebar .nav-item.dropdown {
        margin-right: -8px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing .nav-link {
        padding-left: 0;
        padding-right: 15px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing::after {
        right: 2px;
    }
    
    .cust-form label {
        font-size: 14px;
        line-height: 22px;
    }

    .channel-manager-s1 .ch-manager-card .image {
        height: max-content;
        position: relative;
    }
    
    .channel-manager-s1 .ch-manager-card .image-1 {
        position: relative;
        bottom: 0;
    } 
    
    .page__header .top-header .software p {
        font-size: 14px;
        padding-left: 50px;
    }

    .integrate-way .way-card.pink-bg {
        padding: 40px;
        height: 310px;
    }
    
    .integrate-way .way-card-v2.light-green-bg {
        padding: 40px;
        height: 310px;
    }
        
    .disclaimer-main.condition .claimer-row .right .to-top {
        position: absolute;
        right: 00px;
        bottom: 35px;
    }
    
    .archive-banner .archive-content {
        max-width: 48%;
        margin-top: 10px;
    }

    .blog-banner-v1.archive-banner {
        padding: 200px 0 30px;
    }

    .local-partners.archive .partner-tab .nav {
        margin: 0px 0 30px;
        gap: 8px;
    }

    .blog-banner-v1 .com-heading {
        margin-bottom: 20px;
    }

    /* Privacy Policy Page */
    .term-header-main {
        padding: 220px 0 37px;
        padding-left: 34%;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 30% auto;
        gap: 2%;
    }

    #scrollToTopBtn {
        right: 40px;
    }
    /* end */

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 600px;
        height: 354px;
    }
    /* Solution v2 end */

    /* solutions-detail */
    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 583px;
        height: 496px;
    }
    .integrate-want-v1 .title {
        margin-bottom: 40px;
    }
    .integrate-want-v1 .interg-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }
    /* product-detail-online-booking */

    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 40px 0 40px;
    }

    .integrate-way .way-card.pink-bg .right-image {
        bottom: 128px;
        width: 256px;
        height: 49px;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 50px;
    }
    /* end product-detail-online-booking */

    /* product-detail-pms */
    .pms-banner {
        padding: 250px 0 109px;
    }
    
    .pms-banner.detail {
        height: max-content;
    }
        
    .pms-banner.detail .banner-image-outer {
        bottom: 100px;
        padding: 15px 0 15px 15px;
        border-radius: 25px 0 0 25px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 570px;
        height: 330px;
        border-radius: 12px 0 0 12px;
    }

    .pms-banner .banner-image-outer {
        bottom: 46px;
        padding: 15px 0 15px 15px;
        border-radius: 25px 0 0 25px;
    }

    .pms-banner .banner-content {
        max-width: 465px;
    }

    .pms-banner .banner-content .title { 
        margin-bottom: 18px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 25px 0 70px;
    }

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 60px;
    }

    .and-more-v1 .add-more-card li {
        padding: 8px 0;
    }

    .and-more-v1 .add-more-card .title {
        margin-bottom: 20px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 42px 0 53px 60px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 640px;
        height: 375px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        background: var(--white);
        width: 357px;
        height: 324px;
        right: 99%;
        bottom: 0;
        padding: 24px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 320px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 65px 0 70px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 250px;
        height: 215px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 243px;
        height: 215px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 100px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .channel-50 {
        position: relative;
        padding: 70px 0 60px;
    }

    .product-v3-pay.booking .pay-v3-row {
        gap: 21px;
        grid-template-columns: 49% 49%;
    }
    
    .product-v3-pay.booking .pay-v3-card {
        border-radius: 20px;
        padding: 40px 40px;
    }
    
    .product-v3-pay  .pay-v3-card .pay-image img {
        width: -webkit-fill-available;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    .schedule-board .board-card {
        padding: 25px 30px;
        height: 400px;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 50px;
    }

    .and-more-v1 .add-more-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px;
    }
    /* end product detail */

   /* blog detail */
   .blog-detail-banner .bottom-sec {
        grid-template-columns: 134px auto;
        gap: 45px;
    }

    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 50px;
    }

    .blog-content-v1 {
        padding: 40px 0 30px;
    }

    .blog-content-v1 .content-v4 .cta {
        padding: 13px 0;
        margin: 23px 0 10px;
    }

    .blog-content-v1 .more-platform .plat-title {
        margin-bottom: 10px;
        margin-top: 55px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 789px;
        height: 395px;
    }

    .blog-content-v1 .content-v4 {
        max-width: 58%;
    }

    .blog-detail-banner .top-sec {
        max-width: 58%;
        margin-bottom: 30px;
    }

    .blog-detail-banner .top-sec .title {
        margin: 20px 0 10px;
    }

    .interested-blog .inters-form .cust-form {
        max-width: 58%;
    }

    .interested-blog .inters-form .com-heading {
        max-width: 58%;
    }
    /* end blog detail */

   /* blog */
   .blog-banner-v1 {
        padding: 200px 0 60px;
    }

    .blog-card-v1 .image {
        height: 196px;
    }

    .blog-card-v1 .top {
        gap: 14px;
        margin: 25px 0 13px;
        padding: 0 20px;
    }

    .blog-card-v1 .card-detail {
        padding: 0 20px 28px;
    }
    
    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 550px 1fr;
        gap: 40px;
        height: max-content !important;
        padding-bottom: 30px;
    }
    
    .home-s1-v1 .cost-container-sm {
        padding: 0 130px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 305px;
    }

    .blog-slider-v1 .owl-dots {
        max-width: 550px;
        margin-top: -10px !important;
    }

    .blog-backoffice {
        padding: 70px 0px 35px;
    }

    .all-block-list .block-list {
        gap: 40px;
    }

    .all-block-list .blog-card-v1 .top {
        gap: 11px;
        margin: 26px 0 11px;
        padding: 0;
        margin-top: 2px !important;
    }

    .blog-card-v1 .card-detail .font-28 {
        height: 71px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 210px 1fr;
        gap: 25px;
        margin-bottom: 30px;
    }

    .all-block-list .blog-card-v1 .image {
        height: 118px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 70px 0 15px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px;
    }

    .partner-aply-now .left .rec-img {
        height: 350px;
        width: 378px;
    }

    .about-banner-main .image {
        width: 570px;
        height: 400px;
    }

    .about-banner-main {
        padding: 180px 0 73px;
    }

    .about-banner-main .ab-baner-row .content {
        max-width: 582px;
        padding-bottom: 10px;
    }

    .about-banner-main .ab-baner-row {
        grid-template-columns: 40% 60%;
        width: 100%;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 30px;
        width: 30px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */
    .cost-pagination .pagination .page-link {
        height: 30px;
        width: 30px;
        line-height: 28px;
    }

    .local-partners .nav-pills .nav-link {
        padding: 7.5px 20px;
    }

    .partner-aply-now .aply-s1-v1 {
        grid-template-columns: auto 600px;
    }

    .partner-baner {
        padding: 300px 0 100px;
    }

    .partner-baner .banner-title {
        margin-top: 20px;
    }

    .local-partners {
        padding: 90px 0 60px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .cost-pagination {
        margin: 45px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .partner-baner .banner-content .detail {
        margin-top: 5px;
        padding-bottom: 29px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 100px 0 40px;
    }

    .solutions-partner .solutions-tab {
        padding: 45px 80px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 70px 0 100px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }
    /* end Partner */

    /* contact us */
    .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .header-main .logo .header-logo {
        width: 198px;
        height: 54.04px;
    }

    .request-demo .request-row {
        grid-template-columns: 425px 1fr;
        gap: 75px;
    }

    .request-demo .get-in-bottom {
        margin-top: 20px;
    }

    .cust-form .cust-form-row {
        column-gap: 22px;
        row-gap: 17px;
        margin-bottom: 56px;
    }

    .request-demo .get-in-bottom .media {
        margin-top: 28px;
    }

    .request-demo {
        padding: 172px 0 8px;
    }

    .form-control {
        padding: 8px 12px 8px;
    }

    .request-demo .request-row .right .font-28 {
        margin-bottom: 10px;
    }
    /* end contact us */

    /* new header  */

    .page__header .top-header .other-site ul {
        gap: 14px;
    }

    .page__header .top-header .cost-container-lg {
        grid-template-columns: 32% 52% 15%;
    }

    .banner.home-banner .banner-detail .home-title span {
        margin-top: 5px;
        margin-bottom: 1px;
    }

    .header-main .logo .header-logo {
        width: 160px;
        height: 42.04px;
    }

    .cost-container-lg {
        padding: 0 80px;
    }   

    .cost-container-sm {
        padding: 0 200px;
    }

    .cost-container-md {
        padding: 0 100px;
    }

    .banner.home-banner {
        position: relative;
        padding: 440px 0 85px;
    }

    .home-s1-v1 .row-s1 ul li {
        padding-left: 24px;
    }

    .home-s1-v1 .row-s1 ul li::after {
        height: 11.2px;
        width: 17px;
        left: 0;
        top: 7px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 88%;
        left: 5.8%;
        top: 66px;
    }
    
    .page__header .new-menu-v1 .menu-v1 .dropdown-item {
        font-size: 16px;
        line-height: 22px;
        padding: 5px 2px;
    }
    
    .page__header .new-menu-v1 {
        position: relative;
        padding: 20px 20px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 325px auto;
        gap: 48px;
    }

    .page__header .new-menu-v1 .menu-v1 .menu-image {
        width: 278px;
        height: 130px;
    }

    .software-designed .pms-card .cta {
        right: 20px;
        top: 22px;
    }
    
    .software-designed .channel-manager-card .cta {
        right: 25px;
        top: 23px;
    }

    .software-designed .self-service-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .pos-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .app-store-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .channel-manager-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .online-booking-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .pms-card {
        padding: 17px 24px 94px 24px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: 442.5px;
    }

    .software-designed .self-service-card {
        padding: 22px 27px 94px 30px;
        margin-bottom: 20px;
        border-radius: 10px;
        height: 442.5px;
    }

    .software-designed .online-booking-card .cta {
        right: 20px;
        top: 23px;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 400px 1fr;
        gap: 20px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 20px;
    }

    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 313px;
        height: 187px;
    }

    .software-designed .pms-card .image {
        width: 374px;
        height: 199px;
    }

    .software-designed .self-service-card  .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .pos-card .image {
        width: 338px;
        height: 205px;
    }

    .software-designed .coom-card p {
        margin: 5px 0 32px;
        max-width: 100%;
    }
    
    .software-designed .pos-card p {
        max-width: 46%;
    }

    .software-designed .app-store-card .image {
        width: 338px;
        height: 225px;
    }

    .software-designed .coom-card .heading-h6 {
        padding: 5px 0 0 0;
    }

    .channel-manager-card .social-active .s-row {
        border-radius: 55px;
        padding: 7px 10px;
        margin-bottom: 6px;
    }
    
    .software-designed .app-store-card p {
        max-width: 48%;
    }

    .channel-manager-card .social-active .s-row .left .icon {
        height: 30px;
        width: 30px;
    }

    .starfish-v1-h .starf-row .right .camping-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care::after {
        width: 185px;
        height: 37px;
        left: -192px;
        bottom: 92px;
        transform: rotate(0deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-2 {
        left: 59%;
        right: 0;
        top: 135px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-3 {
        left: 8px;
        bottom: -285px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-1 {
        top: -119px;
        right: 117px;
    }


    .starfish-v1-h .starf-row .left .left-cont {
        padding: 7px 0 25px;
    }

    .our-partners-card {
        padding: 25px;
    }

    .our-clients .clients-card {
        padding: 25px;
    }

    .our-partners .our-client-title .platform-title {
        padding: 0px 0 30px;
        max-width: 50%;
    }

    .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 51px;
        height: 30px;
        background-size: cover;
    }

    .software-designed .soft-v1 {
        padding: 0px 0 30px;
    }

    .home-s1-v2 {
        padding: 64px 0;
    }

    .perfect-fit-wrap .perfect-v1 {
        padding: 0px 0 18px;
    }

    .one-platform-v1 .platform-v1 {
        padding: 0px 0 12px;
    }

    .one-platform-v1 {
        padding: 30px 0;
    }

    .our-partners {
        padding: 70px 0 90px;
    }

    .warm-welcome-v1 {
        padding: 406px 0 70px;
    }

    .our-clients {
        padding: 35px 0 70px;
    }

    .our-clients .our-client-title {
        padding: 0px 0 29px;
    }

    .perfect-fit-wrap .perfect-fit-row {
        gap: 20px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant {
        padding: 20px 25px;
        height: 365px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 7px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h6 {
        margin-bottom: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant p {
        margin-bottom: 8px;
    }

    .perfect-fit-wrap .perfect-card .card-img {
        height: 217px;
    }

    .page-footer {
        padding: 65px 0 76px;
        border-top: 4px solid var(--pink);
    }

    .home-s1-v2 .move-s1-marquee {
        gap: 42px;
    }

    .warm-welcome-v1 .platform-v1 {
        padding: 16px 0 10px;
        max-width: 60%;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 15px;
    }

    .our-clients .clients-card .rating {
        margin-bottom: 10px;
    }

    .page-footer .footer-row {
        grid-template-columns: 36% 19% 27% 18%;
    }

    .page-footer .footer-bottom {
        margin-top: 65px;
        grid-template-columns: 64% 36%;
    }

    .page-footer .footer-bottom .right .image-group {
        gap: 40px;
    }

    .page-footer .footer-bottom .right .image-group img {
        height: 56px;
    }

    .page-footer .footer-bottom .footer-link {
        gap: 15px;
        margin-bottom: 8px;
    }

    .page-footer .footer-row .footer-link .f-link {
        margin-bottom: 5px;
    }

    .starfish-v1-h {
        padding: 106px 0 270px;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 485px auto;
        gap: 90px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 0px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 124px 1fr;
        gap: 42px;
        padding-top: 0;
    }

    .our-clients .clients-card .bottom .detail {
        margin-bottom: 19px;
    }

    .our-partners-card .logo {
        margin: 0px 0 15px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 38px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: 45px;
    }

    .our-partners-card .partners-bottom {
        gap: 10px;
        margin-top: 15px;
    }
    
    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 7px;
        margin-top: 11px;
    }
    
    .page-footer .footer-row .footer-link .f-link a {
        font-size: 14px;
    }

    .media .med-title {
        margin-bottom: 12px;
    }
    
    .page-footer .footer-bottom .footer-link a {
        font-size: 13px;
        line-height: 20px;
    }
    
    .page-footer .footer-bottom .left p {
        font-size: 13px;
        line-height: 23px;
    }
    
    .request-demo .platform-v1 .platform-title {
        max-width: 80%;
    }
    
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 95%;
        height: 180px;
    }
    .software-designed .app-store-card .image {
        width: 300px;
        height: 200px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
:root {
    /* style guide for 1920 */
    --h1-font-size: 55px;
    --h1-line-height:50px;

    --h2-font-size: 50px;
    --h2-line-height: 45px;

    --h3-font-size: 37px;
    --h3-line-height: 45px;

    --h4-font-size: 35px;
    --h4-line-height: 45px;

    --h5-font-size: 25px;
    --h5-line-height: 34px;

    --h6-font-size: 17px;
    --h6-line-height: 27px;

    --font-28: 22px;
    --line-28-height: 32px;
    
    --body-font-size: 16px;
    --body-line-height: 24px;
    
    --btn-font-size: 16px;
    --btn-line-height: 24px;
    }
    /* app store detail */
    .app-store .watch-video .video {
        height: 110px;
        width: 110px;
    }
    .about-banner-main.booking-main .pms-banner-cta .theme-btn2 {
        margin-right: 10px;
        display: block;
        width: max-content;
        margin-bottom: 25px;
    }
    .about-banner-main.booking-main .image {
        width: 88%;
        height: 320px;
    }
    .booking-categorie .category-book {
        grid-template-columns: 350px 1fr;
        gap: 80px;
    }
    .booking-categorie .app-install .text-medium {
        margin-bottom: 15px;
    }
    .camping-faq {
        padding: 80px 0;
    }
    .camping-faq .faq-row {
        grid-template-columns: 350px 1fr;
        gap: 80px;
    }
    .camping-faq .languages .langu-card {
        padding: 15px 0;
    }
    .camping-faq .languages .langu-card .title {
        margin-bottom: 2px;
    }
    .camping-faq .faq-detail .accordion-button {
        padding: 18px 0;
    }
    .camping-faq .left .support-v1 {
        margin-bottom: 10px;
    }
    .camping-faq .left .jon {
        margin-bottom: 12px;
    }
    .app-store .category-image {
        height: 150px;
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .camping-faq .faq-detail .accordion-button::after {
        width: 20px;
        height: 20px;
    }
    .camping-faq .right .title {
        margin-bottom: 0px;
    }
    .camping-faq .left .languages {
        margin-top: 20px;
    }
    /* end */      
    /* app store */
    .book-card-v1 .card-title {
        margin-bottom: 10px;
    }

    .book-card-v1 .tag {
        position: relative;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    
    .book-card-v1 {
        padding: 25px 20px;
    }

    .book-card-v1 .provided-text {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .app-store-bookings .search-input {
        max-width: 295px;
    }
    
    .app-store-bookings .dropdown {
        width: 220px;
    }
    
    .app-store-bookings .lenguage-group .custom-select {
        width: 220px;
    }

    .app-store-bookings .bookings-list {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        row-gap: 20px;
    }
    
    .app-store-bookings {
        padding: 40px 0 50px;
    }
    /* end */
            
    .desktop.new-v1 .oms-content {
        max-width: 100%;
    }
    
    .desktop.new-v1 .new-oms-row {
        grid-template-columns: 48% 48%;
        gap: 4%;
        row-gap: 2px;
    }
    
    .desktop.new-v1 .new-oms-row .title p {
        margin: 0px 0 5px;
    }
        
    .desktop.new-v1 .pms-card .image {
        width: 65%;
        height: 410px;
    }
    
    .desktop.new-v1 .pms-card.coom-card {
        height: 900px;
        padding: 35px 35px 40px 35px;
        margin-bottom: 50px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing {
        margin-right: 0px;
    }
    .page__header .top-header li a {
        font-size: 14px;
    }
    
    .page__header .top-header .dropdown-toggle {
        font-size: 14px;
        line-height: 20px;
    }
    
    .page__header .top-header .dropdown-menu .dropdown-item {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 22px;
    }
    
    .page__header .top-header .dropdown .dropdown-toggle::after {
        right: 15px;
        top: 18px;
    }
    
    .header-main .page-navebar .nav-item.dropdown {
        margin-right: -8px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing .nav-link {
        padding-left: 0;
        padding-right: 15px;
    }
    
    .header-main .page-navebar .nav-s1 .navbar-nav .nav-item.pricing::after {
        right: 2px;
        top: 12px;
    }

    .cust-form label {
        font-size: 14px;
        line-height: 22px;
    }
    
    .request-demo .platform-v1 .platform-title {
        max-width: 74%;
    }
    
    .page__header .top-header .software {
        font-size: 14px;
        line-height: 4px;
        letter-spacing: 0.5px;
        padding-left: 20px;
    }
    
    .page__header .top-header li a {
        letter-spacing: 1px;
        font-size: 14px;
    }

    .disclaimer-main.condition .claimer-row .right .to-top {
        position: absolute;
        right: 00px;
        bottom: 35px;
    }
    
    .wpcf7-submit.theme-btn2 {
        background-position: 64% !important;
        background-size: 3% !important;
    }
    
    .wpcf7-submit.theme-btn2:hover {
        background-position: 61% !important;
        background-size: 3% !important;
    }

    .home-s1-v1 .row-s1 ul {
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        row-gap: 20px;
    }

    .perfect-fit-wrap .perfect-cta {
        padding: 40px 0 20px;
    }

    .archive-banner .archive-content {
        max-width: 56%;
        margin-top: 10px;
    }

    .blog-banner-v1.archive-banner {
        padding: 200px 0 30px;
    }

    .local-partners.archive .partner-tab .nav {
        margin: 0px 0 30px;
        gap: 8px;
    }

    .blog-banner-v1 .com-heading {
        margin-bottom: 20px;
    }

    /* Privacy Policy Page */
    .term-header-main {
        padding: 200px 0 37px;
        padding-left: 34%;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 30% auto;
        gap: 2%;
    }

    #scrollToTopBtn {
        right: 40px;
    }
    /* end */

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 1fr 1fr;
        gap: 80px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 500px;
        height: 286px;
    }
    /* Solution v2 end */

    /* solutions-detail */
    .pms-banner.solution-v1 .solution-banner-row {
        grid-template-columns:100%;
    }

    .pms-banner.solution-v1 .banner-image-outer {
        right: auto;
        bottom: auto;
        margin-left: 0;
        margin-right: auto;
    }

    .pms-banner.solution-v1 .banner-content {
        max-width: 90%;
        margin-bottom: 50px;
    }

    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 583px;
        height: 496px;
    }
    .integrate-want-v1 .title {
        margin-bottom: 40px;
    }
    .integrate-want-v1 .interg-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
    }
    /* product-detail-online-booking */

    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 40px 0 40px;
    }

    .integrate-way .way-card.pink-bg .right-image {
        bottom: 87px;
        width: 256px;
        height: 49px;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 40px;
    }

    .integrate-way .way-card.pink-bg {
        padding: 40px;
        height: 420px;
    }

    .integrate-way .way-card-v2.light-green-bg {
        padding: 40px;
        height: 420px;
    }

    .pms-sec-v1 .sec-v1-row {
        gap: 70px;
    }

    .integrate-way .way-row .way-card .title {
        max-width: 93%;
        margin-bottom: 5px;
    }

    .integrate-way .way-row .way-card .content, .integrate-way .way-row .way-card-v2 .content {
        max-width: 93%;
    }

    .integrate-way .way-card-v2.light-green-bg .title {
        margin-bottom: 5px;
        max-width: 93%;
    }

    .way-card-v2.light-green-bg .channel-manager-card {
        position: absolute;
        right: 30px;
        width: 80%;
        top: auto;
        bottom: 10px;
    }

    .guest-journey-v1 .e-mails-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 40px;
        justify-content: center;
        align-items: start;
    }

    /* end product-detail-online-booking */

    /* product-detail-pms */
    .pms-banner {
        padding: 220px 0 500px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 619px;
        height: 360px;
        border-radius: 12px 0 0 12px;
        margin-left: auto;
    }

    .channel-manager-s1 .ch-manager-card {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .pms-banner .banner-image-outer {
        bottom: 46px;
        padding: 15px 0 15px 15px;
        border-radius: 25px 0 0 25px;
    }

    .pms-banner .banner-content {
        max-width: 68%;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 25px 0 93px;
    }

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 60px;
    }

    .and-more-v1 .add-more-card li {
        padding: 8px 0;
    }

    .and-more-v1 .add-more-card .title {
        margin-bottom: 20px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 42px 0 53px 60px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 640px;
        height: 375px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        background: var(--white);
        width: 357px;
        height: 324px;
        right: 50%;
        bottom: 0;
        padding: 24px;
    }

    .channel-manager-s1 .ch-manager-card .com-heading {
        max-width: 90%;
        margin-bottom: 10px;
    }

    .channel-manager-s1 .ch-manager-card .content p {
        max-width: 90%;
    }

    .channel-manager-s1 .ch-manager-card .cta {
        max-width: 90%;
        margin-top: 25px;
    }

    .channel-manager-s1 .ch-manager-card .image {
        height: 504px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 320px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 45px 0 70px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 250px;
        height: 215px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 243px;
        height: 215px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 100px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .channel-50 {
        position: relative;
        padding: 70px 0 60px;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 49% 49%;
        gap: 18px !important;
    }
    
    .product-v3-pay.booking .pay-v3-card {
        border-radius: 20px;
        padding: 40px 40px;
    }

    .product-v3-pay .pay-v3-card .pay-image {
        display: grid;
        justify-content: space-between;
        align-items: center;
        gap: 15px;
        grid-template-columns: 1fr 1fr;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    .schedule-board .board-card .content-v1 {
        width: 98%;
    }

    .schedule-board .board-card {
        padding: 25px 30px;
        height: 420px;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 50px;
    }

    .and-more-v1 .add-more-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px;
    }
    /* end product detail */

   /* blog detail */
   .blog-detail-banner .bottom-sec {
        grid-template-columns: 125px auto;
        gap: 30px;
    }

    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 50px;
    }

    .blog-content-v1 {
        padding: 25px 0 30px;
    }

    .blog-content-v1 .content-v4 .cta {
        padding: 13px 0;
        margin: 23px 0 10px;
    }

    .blog-content-v1 .more-platform .plat-title {
        margin-bottom: 10px;
        margin-top: 56px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 720px;
        height: 360px;
    }

    .blog-content-v1 .content-v4 {
        max-width: 67%;
    }

    .blog-detail-banner .top-sec {
        max-width: 67%;
        margin-bottom: 30px;
    }

    .blog-detail-banner .top-sec .title {
        margin: 20px 0 10px;
    }

    .interested-blog .inters-form .cust-form {
        max-width: 67%;
    }

    .interested-blog .inters-form .com-heading {
        max-width: 67%;
    }
    /* end blog detail */

   /* blog */
   .blog-banner-v1 {
        padding: 200px 0 40px;
    }

    .blog-banner-v1 .b-slide-card .top {
        gap: 22px;
        margin-top: 2px;
    }

    .blog-card-v1 .image {
        height: 165px;
    }

    .blog-card-v1 .top {
        gap: 14px;
        margin: 25px 0 13px;
        padding: 0 20px;
        display: block;
    }

    .blog-card-v1 .top .tag {
        margin-bottom: 5px;
    }

    .blog-card-v1 .card-detail {
        padding: 0 20px 28px;
    }

    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 480px 1fr;
        gap: 35px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 250px;
    }

    .blog-banner-v1 .b-slide-card .bottom .heading-h5 {
        margin-bottom: 5px;
    }

    .blog-banner-v1 .b-slide-card .bottom .cta {
        margin-top: 23px;
    }

    .blog-banner-v1 .b-slide-card .bottom {
        margin-top: 10px;
    }

    .blog-slider-v1 .owl-dots {
        max-width: 483px;
        margin-top: -42px !important;
    }

    .all-block-list .blog-card-v1 .card-detail {
        padding-bottom: 20px;
    }

    .blog-backoffice {
        padding: 70px 0px 35px;
    }

    .all-block-list .block-list {
        gap: 40px;
    }

    .all-block-list .blog-card-v1 .top {
        gap: 5px;
        margin: 26px 0 11px;
        padding: 0;
        margin-top: 2px !important;
        grid-template-columns: 100%;
    }
    
    .blog-card-v1 .company-detail a {
        padding: 1px 8px;
        border-radius: 55px;
        font-size: 14px;
    }

    .blog-card-v1 .card-detail .font-28 {
        height: 71px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 188px 1fr;
        gap: 23px;
        margin-bottom: 30px;
    }

    .all-block-list .blog-card-v1 .image {
        height: 102px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 70px 0 15px;
    }

    .partner-aply-now .address-v1 {
        margin: 0px 0 35px;
        grid-template-columns: 100%;
        gap: 10px;
        max-width: 500px;
    }

    .partner-aply-now .address-v1 .cta a {
        margin-bottom: 16px;
    }

    .partner-aply-now .address-v1 .cta a:last-child {
        margin-bottom: 0px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(4, 1fr);
        gap: 50px;
    }

    .partner-aply-now .left .rec-img {
        height: 350px;
        width: 378px;
    }

    .about-banner-main .image {
        width: 500px;
        height: 345px;
    }

    .about-banner-main .ab-baner-row .com-heading {
        max-width: 450px;
        margin-top: 18px;
        margin-bottom: 8px;
    }

    .about-banner-main {
        padding: 180px 0 73px;
    }

    .about-banner-main .ab-baner-row .content {
        max-width: 582px;
        padding-bottom: 10px;
    }

    .about-banner-main .ab-baner-row .content .heading-h6 {
        margin-bottom: 5px;
    }

    .about-banner-main .ab-baner-row {
        grid-template-columns: 40% 60%;
        width: 100%;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 25px;
        width: 25px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */
    .solutions-partner .solu-v1-s1 .requirements ul li {
        padding: 6px 0 5px 8px !important;
    }

    .solutions-partner .part-content .solu-v1-s1 ul li::after {
        left: 0;
        top: 8px;
        height: 20px;
        width: 20px;
    }

    .solutions-partner .part-content .solu-v1-s1 ul li {
        padding: 6px 0 5px 26px;
    }

    .partner-aply-now .left .rec-img {
        height: 300px;
        width: 308px;
    }

    .cost-pagination .pagination .page-link {
        height: 30px;
        width: 30px;
        line-height: 28px;
    }

    .local-partners .nav-pills .nav-link {
        padding: 5.5px 15px;
    }

    .partner-aply-now .aply-s1-v1 {
        grid-template-columns: 32% 64%;
    }

    .partner-baner {
        padding: 300px 0 100px;
    }

    .partner-baner .banner-title {
        margin-top: 20px;
    }

    .local-partners {
        padding: 90px 0 60px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(3, 1fr);
        gap: 25px;
    }

    .cost-pagination {
        margin: 35px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .partner-baner .banner-content .detail {
        margin-top: 5px;
        padding-bottom: 29px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 100px 0 40px;
    }

    .solutions-partner .solutions-tab {
        padding: 35px 30px;
    }

    .solutions-partner .part-content .solu-row .right .rec-img {
        height: 300px;
        width: 308px;
    }

    .solutions-partner .part-content .solu-row {
        grid-template-columns: 60% auto;
        margin-top: 36px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 60px 0 30px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }
    /* end Partner */

    /* contact us */
    .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .header-main .logo .header-logo {
        width: 198px;
        height: 54.04px;
    }

    .request-demo .request-row {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .request-demo .get-in-bottom {
        margin-top: 20px;
    }

    .request-demo .request-row .right {
        padding-top: 40px;
    }

    .cust-form .cust-form-row {
        column-gap: 22px;
        row-gap: 17px;
        margin-bottom: 56px;
    }

    .request-demo .get-in-bottom .media {
        margin-top: 28px;
    }

    .request-demo {
        padding: 172px 0 8px;
    }

    .form-control {
        padding: 8px 12px 8px;
    }

    .request-demo .request-row .right .font-28 {
        margin-bottom: 10px;
    }
    /* end contact us */

    /* new header  */
    .page__header .top-header .other-site ul {
        gap: 15px;
    }

    .page__header .new-menu-v1 .menu-v1 .dropdown-item {
        font-size: 14px;
        line-height: 20px;
    }

    .header-main .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
        line-height: 20px;
    }

    .page__header .top-header .cost-container-lg {
        grid-template-columns: 37% 49% 14%;
    }

    .banner.home-banner .banner-detail .home-title span {
        margin-top: 5px;
        margin-bottom: 1px;
    }

    .header-main .logo .header-logo {
        width: 160px;
        height: 42.04px;
    }

    .cost-container-lg {
        padding: 0 40px;
    }   

    .cost-container-sm {
        padding: 0 100px;
    }

    .cost-container-md {
        padding: 0 60px;
    }

    .banner.home-banner .banner-detail {
        grid-template-columns: 100%;
    }

    .banner.home-banner {
        padding: 240px 0 86px;
    }

    .banner.home-banner .banner-detail .home-title {
        margin-bottom: 20px;
    }

    .banner.home-banner .banner-right .heading-h6 {
        margin-bottom: 35px;
        max-width: 65%;
    }

    .home-s1-v1 .row-s1 ul li {
        padding-left: 20px;
    }

    .home-s1-v1 .row-s1 ul li::after {
        height: 9.2px;
        width: 14px;
        left: 0;
        top: 9px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 91.2%;
        left: 4.8%;
        top: 65px;
    }
    
    .page__header .top-header .dropdown {
        width: 137px;
    }

    .home-s1-v1 {
        padding: 40px 0;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 250px auto;
        gap: 10px;
    }

    .blog-banner-v1 .b-slide-card .b-slide-detail {
        position: relative;
        padding: 2px 0;
        max-width: 405px;
        height: 310px;
    }
    
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 0px;
    }

    .page__header .new-menu-v1 .menu-v1 .menu-image {
        width: 210px;
        height: 130px;
    }
    
    .page__header .new-menu-v1 {
        position: relative;
        padding: 15px 20px;
    }

    .software-designed .pms-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .channel-manager-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .self-service-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .pos-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .app-store-card {
        padding: 17px 24px 94px 24px;
        height: 260px;
    }

    .software-designed .channel-manager-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .online-booking-card {
        padding: 17px 24px 94px 24px;
        height: 345px;
    }

    .software-designed .pms-card {
        padding: 17px 24px 221px 24px;
        margin-bottom: 0px;
        border-radius: 10px;
        height: 422px;
    }

    .software-designed .self-service-card {
        padding: 17px 24px 221px 24px;
        margin-bottom: 0px;
        border-radius: 10px;
        height: 422px;
    }

    .software-designed .online-booking-card .cta {
        right: 25px;
        top: 28px;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .software-designed .soft-s1 .left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 20px;
    }

    .software-designed .online-booking-card .image {
        bottom: -1px;
        width: 332px;
        height: 209px;
    }

    .software-designed .pms-card .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .self-service-card  .image {
        width: 374px;
        height: 213px;
    }

    .software-designed .pos-card .image {
        width: 461px;
        height: 235px;
    }

    .software-designed .coom-card p {
        margin: 9px 0 28px;
        max-width: 100%;
    }

    .app-store-card.coom-card p {
        max-width: 50%;
    }

    .pos-card.coom-card p {
        max-width: 50%;
    }

    .software-designed .app-store-card .image {
        width: 53%;
        height: 93%;
    }

    .software-designed .coom-card .heading-h6 {
        padding: 5px 0 0 0;
    }

    .channel-manager-card .social-active .s-row {
        border-radius: 55px;
        padding: 7px 10px;
        margin-bottom: 10px;
    }

    .channel-manager-card .social-active .s-row .left .icon {
        height: 30px;
        width: 30px;
    }

    .starfish-v1-h .starf-row .right .camping-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care::after {
        width: 185px;
        height: 37px;
        left: -192px;
        bottom: 92px;
        transform: rotate(0deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-2 {
        left: 59%;
        right: 0;
        top: 135px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-3 {
        left: 163px;
        bottom: -277px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-1 {
        top: -116px;
        right: 302px;
    }


    .starfish-v1-h .starf-row .left .left-cont {
        padding: 7px 0 25px;
    }

    .our-partners-card {
        padding: 20px;
    }

    .our-clients .clients-card {
        padding: 20px;
    }

    .our-partners .our-client-title .platform-title {
        padding: 0px 0 30px;
        max-width: 50%;
    }

    .media .social-ic.linkedin {
        width: 14px;
        height: 14px;
    }

    .media .social-ic.fb {
        width: 7px;
        height: 14px;
    }

    .page-footer .logo-sec .address {
        max-width: 152px;
        margin: 9px 0 35px;
    }

    .media .social-ic .icon-linkedin {
        background-size: cover;
    }

    .media .social-ic .icon-fb {
        background-size: cover;
    }

    .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 51px;
        height: 30px;
        background-size: cover;
    }

    .software-designed .soft-v1 {
        padding: 0px 0 30px;
    }

    .home-s1-v2 {
        padding: 38px 0;
    }

    .home-s1-v2 .move-s1-marquee img {
        height: 22px;
    }

    .perfect-fit-wrap .perfect-v1 {
        padding: 0px 0 18px;
    }

    .one-platform-v1 .platform-v1 {
        padding: 0px 0 12px;
    }

    .one-platform-v1 {
        padding: 30px 0;
    }

    .our-partners {
        padding: 60px 0 70px;
    }

    .warm-welcome-v1 {
        padding: 311px 0 58px;
    }
    
    .page-footer .footer-row .footer-link .f-link a {
        font-size: 14px;
    }
    
    .page-footer .footer-bottom .footer-link a {
        font-size: 13px;
        line-height: 20px;
    }
    
    .page-footer .footer-bottom .left p {
        font-size: 13px;
        line-height: 25px;
    }

    .our-partners-card .company-detail a {
        padding: 0px 6px;
        border-radius: 55px;
        font-size: 13px;
    }

    .our-clients {
        padding: 35px 0 70px;
    }

    .our-clients .our-client-title {
        padding: 0px 0 29px;
    }

    .perfect-fit-wrap .perfect-fit-row {
        gap: 20px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant {
        padding: 12px 15px;
        height: 375px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 7px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h6 {
        margin-bottom: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant p {
        margin-bottom: 8px;
    }

    .perfect-fit-wrap .perfect-card .card-img {
        height: 180px;
    }

    .page-footer {
        padding: 65px 0 76px;
        border-top: 4px solid var(--pink);
    }

    .home-s1-v2 .move-s1-marquee {
        gap: 42px;
    }

    .warm-welcome-v1 .platform-v1 {
        padding: 16px 0 5px;
        max-width: 61%;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 15px;
    }

    .our-clients .clients-card .rating {
        margin-bottom: 7px;
    }

    .our-clients .clients-card .rating li.active {
        height: 13px;
        width: 13px;
        background-size: contain;
    }

    .our-clients .clients-card .rating li {
        height: 13px;
        width: 13px;
        background-size: contain;
    }
    
    .page-footer .footer-row {
        grid-template-columns: 28% 19% 35% 18%;
    }

    .page-footer .footer-bottom {
        margin-top: 43px;
        grid-template-columns: 63% 37%;
    }

    .page-footer .footer-bottom .right .image-group {
        gap: 40px;
    }

    .page-footer .footer-bottom .right .image-group img {
        height: 32px;
    }

    .page-footer .footer-bottom .footer-link {
        gap: 15px;
        margin-bottom: 5px;
    }

    .page-footer .footer-row .footer-link .f-link {
        margin-bottom: 5px;
    }

    .starfish-v1-h {
        padding: 30px 0 290px;
    }

    .one-platform-v1 iframe {
        height: 463px !important;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 100%;
        gap: 145px;
    }

    .header-main .page-navebar .nav-s1 {
        padding-left: 80px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 185px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 102px 1fr;
        gap: 20px;
        padding-top: 0;
    }

    .our-clients .clients-card .bottom .detail {
        margin-bottom: 15px;
    }

    .our-partners-card .logo {
        margin: 0px 0 15px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 38px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: 45px;
    }

    .our-partners-card .partners-bottom {
        gap: 10px;
        margin-top: 15px;
    }

    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 18px;
        margin-top: 0px;
    }

    .media .med-title {
        margin-bottom: 8px;
    }

    .page-footer .footer-row .f-cell .f-logo img {
        max-width: 53%;
    }
    
    .pms-banner.detail {
        height: 1005px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
:root {
    --h1-font-size: 52px;
    --h1-line-height:48px;

    --h2-font-size: 48px;
    --h2-line-height: 42px;

    --h3-font-size: 35px;
    --h3-line-height: 42px;

    --h4-font-size: 33px;
    --h4-line-height: 42px;

    --h5-font-size: 23px;
    --h5-line-height: 32px;

    --h6-font-size: 17px;
    --h6-line-height: 27px;

    --font-28: 20px;
    --line-28-height: 30px;
    
    --body-font-size: 16px;
    --body-line-height: 24px;
    
    --btn-font-size: 16px;
    --btn-line-height: 24px;
    }
    /* app store detail */
    .about-banner-main.booking-main .image {
        width: 100%;
        height: 400px;
    }
    .booking-categorie .for-mobile-main .inst-title {
        font-weight: 600;
    }
    .pms-banner.booking-categorie .for-desktop-main {
        display: none;
    }
    .booking-categorie .for-mobile-main {
        margin-top: 20px;
    }
    .booking-categorie .category-book {
        grid-template-columns: 100%;
        gap: 0px;
    }
    .booking-categorie .app-store .ceta-cta {
        display: none;
    }
    .booking-categorie .app-install .text-medium {
        margin-bottom: 15px;
    }
    .booking-categorie .app-install .for-mobile-main {
        margin-top: 0;
        margin-bottom: 30px;
        display: block;
    }
    .app-install .install .install-cta .theme-btn2 {
        width: max-content;
        display: block;
    }
    .app-store .watch-video {
        justify-content: flex-start;
        gap: 10px;
    }
    .camping-faq {
        padding: 80px 0;
    }
    .camping-faq .faq-row {
        grid-template-columns: 100%;
        gap: 80px;
    }
    .camping-faq .languages .langu-card {
        padding: 15px 0;
    }
    .camping-faq .languages .langu-card .title {
        margin-bottom: 2px;
    }
    .camping-faq .faq-detail .accordion-button {
        padding: 18px 0;
    }
    .camping-faq .left .support-v1 {
        margin-bottom: 10px;
    }
    .camping-faq .left .jon {
        margin-bottom: 12px;
    }
    .app-store .category-image {
        height: 200px;
        margin-top: 28px;
        margin-bottom: 20px;
    }
    .camping-faq .faq-detail .accordion-button::after {
        width: 20px;
        height: 20px;
    }
    .camping-faq .right .title {
        margin-bottom: 0px;
    }
    .camping-faq .left .languages {
        margin-top: 20px;
    }
    /* end */      
    /* app store */
    .book-card-v1 .card-title {
        margin-bottom: 10px;
    }

    .book-card-v1 .tag {
        position: relative;
        margin-top: 25px;
        margin-bottom: 15px;
    }
    
    .book-card-v1 {
        padding: 25px 20px;
    }

    .book-card-v1 .provided-text {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .app-store-bookings .search-input {
        max-width: 100%;
    }
    
    .app-store-bookings .multi-select-filter {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: right;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    
    .app-store-bookings .multi-select-filter .category-group {
        width: 48%;
    }

    .app-store-bookings .multi-select-filter .lenguage-group {
        width: 48%;
    }
    
    .app-store-bookings .dropdown {
        width: 100%;
    }
    
    .app-store-bookings .lenguage-group .custom-select {
        width: 100%;
    }

    .pms-sec-v1.book-main {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    
    .app-store-bookings .bookings-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        row-gap: 20px;
    }
    
    .app-store-bookings {
        padding: 40px 0 50px;
    }
    
    .app-store-bookings .app-filter {
        grid-template-columns: 100%;
        gap: 30px;
        margin-bottom: 30px;
    }
    /* end */
    
    .mobile-v1.for-mobile-main .new-oms-row {
        display: none;
    }

    .software-designed .pms-card .title p {
        font-weight: 500;
        margin: 0;
    }
    
    .software-designed .pms-card .detail p {
        padding: 0;
        margin: 5px 0 17px;
    }

    .for-desktop-main {
        display: none;
    }
    
    .for-mobile-main {
        display: block;
    }
    
    .page__header .top-header .software {
        font-size: 14px;
        line-height: 20px;
    }

    .cust-form label {
        font-size: 14px;
        line-height: 20px;
    }
    
    .request-demo .platform-v1 .platform-title {
        max-width: 76%;
    }
    
    .page-footer .footer-bottom .left p {
        font-size: 13px;
        line-height: 25px;
    }
    
    .pms-sec-v1 .sec-v1-row .disc-v1:last-child {
        margin-left: 0;
    }
    
    .pms-sec-v1 .sec-v1-row .disc-v1:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }

    .wpcf7-submit.theme-btn2 {
        background-position: 63% !important;
        background-size: 4% !important;
    }

    .disclaimer-main.condition .claimer-row .right .to-top {
        position: absolute;
        right: 00px;
        bottom: 35px;
    }
    
    .mobile-header-logo .dropdown {
        width: 48px;
    }

    .mobile-header-logo .dropdown-menu {
        top: 41px;
    }

    .mobile-header-logo .dropdown {
        margin-top: -22px;
    }
    
    .mobile-header-logo .dropdown-toggle img {
        width: 18px;
        padding-left: 1px;
        position: absolute;
        left: 2px;
    }

    .mobile-header-logo .dropdown-toggle img {
        width: 23px;
        padding-left: 1px;
    }

    .mobile-header-logo.other-banner .login .theme-btn {
        border: 0;
        padding: 5px;
        color: var(--dark-blue);
    }
    
    .mobile-header-logo.other-banner .login .theme-btn  span {
        background-image: url('../images/arrow-right-blue.svg');
    }
    
    .mobile-header-logo.other-banner .dropdown-toggle  .img-blue {
        display: block;
    }
    
    .mobile-header-logo.other-banner .header-fix-l {
        display: block !important;
    }
    
    .mobile-header-logo.other-banner .desktop {
        display: none;
    }

    .archive-banner .archive-content {
        max-width: 86%;
        margin-top: 10px;
    }

    .blog-banner-v1.archive-banner {
        padding: 200px 0 30px;
    }

    .local-partners.archive .partner-tab .nav {
        margin: 0px 0 30px;
        gap: 8px;
    }

    .blog-banner-v1 .com-heading {
        margin-bottom: 20px;
    }

    /* privacy policy */
    .disclaimer-main .claimer-row .left .cont-sa1 {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 9;
        background: var(--bg-color);
        bottom: 53px;
        left: 0;
        padding: 30px;
    }

    .disclaimer-main .cont-s1 .left-main {
        display: none;
    }

    .disclaimer-main .claimer-row .custom-dropdown {
        position: relative;
        width: 100%;
        border-radius: 4px;
        cursor: pointer;
        background-attachment: var(--white);
        border: 1px solid var(--dark-blue);
        height: 44px;
    }

    .disclaimer-main .claimer-row .dropdown-list {
        position: absolute;
        top: auto;
        left: 0px;
        width: 100%;
        display: none;
        border: 1px solid var(--dark-blue);
        border-radius: 0 0 4px 4px;
        background-color: #fff;
        z-index: 99;
        bottom: 112%;
        max-height: 550px;
        overflow-x: auto;
    }
    
    .disclaimer-main .claimer-row .dropdown-list::-webkit-scrollbar {
      width: 5px;
    }


    .disclaimer-main .claimer-row .custom-dropdown::after {
        position: absolute;
        content: " ";
        right: 25px;
        top: 18px;
        height: 15px;
        width: 12px;
        background-image: url(../images/arrow-down-blue.svg) !important;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 9;
    }

    .disclaimer-main .claimer-row .custom-dropdown.show::after {
        transform: rotate(180deg);
        top: 10px;
    }

    .disclaimer-main .claimer-row .dropdown-item {
        padding: 0;
        font-size: 20px;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        padding-left: 10px;
    }

    .disclaimer-main .claimer-row .dropdown-item a {
        display: block;
        padding: 10px;
    }
    
    .disclaimer-main .claimer-row {
        grid-template-columns: 100%;
        gap: 0;
    }

    .disclaimer-main .claimer-row .cont-sa1.list .cont-title {
        display: none;
    }

    .disclaimer-main .claimer-row .selected-item {
        padding: 10px;
        font-size: 22px;
        font-weight: 400;
        display: block;
        position: absolute;
        background: transparent;
        z-index: 9;
        bottom: 0;
        width: 100%;
    }

    .disclaimer-main .claimer-row .left {
        position: inherit;
    }

    #scrollToTopBtn {
        position: fixed;
        bottom: 140px;
        right: 20px;
        display: none;
        background: url(../images/arrow-go-top.png), white;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: inherit;
        border: 1px solid var(--dark-blue);
        border-radius: 3px;
        padding: 10px;
        cursor: pointer;
        z-index: 9;
        height: 31px;
        width: 31px;
    }

    .term-header-main {
        padding: 200px 0 0px;
        padding-left: 39px;
    }

    .term-header-main .cost-container-lg {
        padding: 0;
    }

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 500px;
        height: 286px;
    }
    /* Solution v2 end */

    /* solutions-detail */
    .pms-banner.solution-v1 .solution-banner-row {
        grid-template-columns:100%;
    }

    .pms-banner.solution-v1 .banner-image-outer {
        right: auto;
        bottom: auto;
        margin-left: 0;
        margin-right: auto;
    }

    .pms-banner.solution-v1 .banner-content {
        max-width: 90%;
        margin-bottom: 50px;
    }

    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 583px;
        height: 496px;
    }
    .integrate-want-v1 .title {
        margin-bottom: 40px;
    }
    .integrate-want-v1 .interg-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
    /* product-detail-online-booking */

    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 40px 0 40px;
    }

    .integrate-way .way-card.pink-bg .right-image {
        bottom: 87px;
        width: 213px;
        height: 42px;
    }
    
    .integrate-way .way-card.pink-bg .right-image img {
        object-fit: contain;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 40px;
    }
    
    .integrate-way .way-card.pink-bg .bottom-image img {
        object-fit: contain;
    }

    .integrate-way .way-card.pink-bg {
        padding: 20px;
        height: 420px;
    }

    .integrate-way .way-card-v2.light-green-bg {
        padding: 20px;
        height: 420px;
    }

    .pms-sec-v1 .sec-v1-row {
        gap: 70px;
    }

    .integrate-way .way-row .way-card .title {
        max-width: 93%;
        margin-bottom: 5px;
    }

    .integrate-way .way-row .way-card .content, .integrate-way .way-row .way-card-v2 .content {
        max-width: 100%;
    }

    .integrate-way .way-card-v2.light-green-bg .title {
        margin-bottom: 5px;
        max-width: 93%;
    }

    .way-card-v2.light-green-bg .channel-manager-card {
        position: absolute;
        right: 30px;
        width: 80%;
        top: auto;
        bottom: 10px;
    }

    .guest-journey-v1 .title {
        margin-bottom: 25px;
    }

    .guest-journey-v1 .e-mails-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
        justify-content: center;
        align-items: start;
    }

    /* end product-detail-online-booking */

    /* product-detail-pms */
    .pms-banner {
        padding: 220px 0 500px;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 619px;
        height: 360px;
        border-radius: 12px 0 0 12px;
        margin-left: auto;
    }

    .channel-manager-s1 .ch-manager-card {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .pms-banner .banner-image-outer {
        bottom: 46px;
        padding: 15px 0 15px 15px;
        border-radius: 25px 0 0 25px;
    }

    .pms-banner .banner-content {
        max-width: 100%;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
        max-width: 89%;
    }

    .pms-sec-v1 .sec-v1-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    
    .integrate-way {
        position: relative;
        padding: 2px 0 5px;
    }

    .schedule-board .board-row {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 25px 0 93px;
    }

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 0px;
        justify-content: start;
    }

    .and-more-v1 .add-more-card li {
        padding: 8px 0;
    }

    .and-more-v1 .add-more-card .title {
        margin-bottom: 20px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 40px 0 53px 0px;
        background: transparent;
    }
    
    .channel-manager-s1 {
        background: #F2EBF3;
    }

    .channel-manager-s1.solution-v1 .cost-container-lg {
        background: #f2ebf3;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 560px;
        height: 328px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        width: 324px;
        height: 315px;
        right: 50%;
        bottom: 0;
        padding: 17px;
    }

    .channel-manager-s1 .ch-manager-card .com-heading {
        max-width: 90%;
        margin-bottom: 10px;
    }

    .channel-manager-s1 .ch-manager-card .content p {
        max-width: 90%;
    }

    .channel-manager-s1 .ch-manager-card .cta {
        max-width: 90%;
        margin-top: 25px;
    }

    .channel-manager-s1 .ch-manager-card .image {
        height: 460px;
    }

    .channel-50 .v-50-row .v-50-col {
        width: 33.333%;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 320px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 40px 0 70px;
    }
    
    .channel-50 .v-50-row:after {
        position: absolute;
        content: "";
        left: -1px;
        top: 0;
        height: 100%;
        width: 3px;
        background: #ffffff;
    }
    
    .channel-50 .v-50-row {
        border-right: 0px solid #00356138;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 312px;
        height: 242px;
    }
    
    .channel-manager-s1 .ch-manager-card .image-1 {
        right: -40px;
        bottom: 0;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 313px;
        height: 241px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 166px;
        height: 100px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .channel-50 {
        position: relative;
        padding: 50px 0 30px;
    }
    
    .product-v3-pay.booking .pay-v3-card {
        border-radius: 20px;
        padding: 40px 48px;
    }
    
    .product-v3-pay.booking .pay-v3-row {
        gap: 37px;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .product-v3-pay .pay-v3-card .pay-image {
        justify-content: flex-start;
        align-items: center;
        gap: 23px;
    }
    
    .product-v3-pay  .pay-v3-card .pay-image img {
        width: inherit;
    }

    .pms-banner.detail {
        height: max-content;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    .schedule-board .board-card .content-v1 {
        width: 98%;
    }

    .schedule-board .board-card {
        padding: 25px 30px;
        height: max-content;
        padding-bottom: 250px;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 40px;
    }

    .and-more-v1 .add-more-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }
    /* end product detail */
    
    /* blog detail */
    .blog-detail-banner .bottom-sec {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
        order: 2;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 60px;
    }

    .interested-blog .inters-form {
        padding-top: 50px;
    }

    .blog-content-v1 {
        padding: 25px 0 30px;
    }

    .blog-content-v1 .content-v4 .cta {
        padding: 13px 0;
        margin: 23px 0 10px;
    }

    .blog-content-v1 .more-platform .plat-title {
        margin-bottom: 10px;
        margin-top: 45px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 100%;
        height: 260px;
    }

    .blog-content-v1 .content-v4 {
        max-width: 100%;
    }

    .blog-detail-banner .top-sec {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .blog-detail-banner .top-sec .title {
        margin: 20px 0 10px;
    }

    .interested-blog .inters-form .cust-form {
        max-width: 100%;
    }

    .interested-blog .inters-form .com-heading {
        max-width: 100%;
    }
    /* end blog detail */

   /* blog */
   .blog-banner-v1 {
        padding: 200px 0 40px;
    }

    .blog-banner-v1 .b-slide-card .top {
        gap: 22px;
        margin-top: 2px;
    }

    .blog-card-v1 .image {
        height: 185px;
    }

    .blog-card-v1 .top {
        gap: 14px;
        margin: 25px 0 13px;
        padding: 0 20px;
    }

    .blog-card-v1 .card-detail {
        padding: 0 20px 28px;
    }

    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 100%;
        gap: 35px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 350px;
        order: 2;
    }

    .blog-banner-v1 .b-slide-card .bottom .heading-h5 {
        margin-bottom: 5px;
    }

    .blog-banner-v1 .b-slide-card .bottom .cta {
        margin-top: 23px;
    }

    .blog-banner-v1 .b-slide-card .bottom {
        margin-top: 10px;
    }

    .blog-slider-v1 .owl-dots {
        max-width: 100%;
        margin-top: 20px !important;
    }

    .all-block-list .blog-card-v1 .card-detail {
        padding-bottom: 20px;
    }

    .blog-backoffice {
        padding: 70px 0px 35px;
    }

    .all-block-list .block-list {
        gap: 90px;
        grid-template-columns: 100%;
    }

    .all-block-list .blog-card-v1 .top {
        gap: 11px;
        margin: 26px 0 11px;
        padding: 0;
        margin-top: 2px !important;
    }

    .blog-card-v1 .card-detail .font-28 {
        height: 63px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 188px 1fr;
        gap: 23px;
        margin-bottom: 30px;
    }

    .all-block-list .blog-card-v1 .image {
        height: 102px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
        margin-left: 212px;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 70px 0 15px;
    }

    .partner-aply-now .address-v1 {
        margin: 0px 0 35px;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        max-width: 500px;
    }

    .partner-aply-now .address-v1 address {
        max-width: 167px;
        letter-spacing: 1px;
    }

    .partner-aply-now .address-v1 .cta a {
        margin-bottom: 0px;
    }

    .partner-aply-now .address-v1 .cta a:last-child {
        margin-bottom: 0px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
    }

    .partner-aply-now .left .rec-img {
        height: 350px;
        width: 378px;
    }

    .about-banner-main .image {
        width: 100%;
        height: 475px;
    }

    .about-banner-main .ab-baner-row .com-heading {
        max-width: 450px;
        margin-top: 18px;
        margin-bottom: 8px;
    }

    .about-banner-main {
        padding: 180px 0 60px;
    }

    .about-banner-main .ab-baner-row .content {
        max-width: 100%;
        padding-bottom: 45px;
    }

    .about-banner-main .ab-baner-row .content .heading-h6 {
        margin-bottom: 5px;
    }

    .about-banner-main .ab-baner-row {
        grid-template-columns: 100%;
        width: 100%;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 25px;
        width: 25px;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    /* end about */

    /* Partner */
    .solutions-partner .solu-v1-s1 .requirements ul li {
        padding: 6px 0 5px 8px !important;
    }

    .solutions-partner .part-content .solu-v1-s1 ul li::after {
        left: 0;
        top: 8px;
        height: 20px;
        width: 20px;
    }

    .solutions-partner .part-content .solu-v1-s1 ul li {
        padding: 6px 0 5px 26px;
    }

    .partner-aply-now .left .rec-img {
        height: 340px;
        width: 431px;
    }

    .cost-pagination .pagination .page-link {
        height: 30px;
        width: 30px;
        line-height: 28px;
    }

    .local-partners .nav-pills .nav-link {
        padding: 5.5px 15px;
    }

    .partner-aply-now .aply-s1-v1 {
        grid-template-columns: 100%;
    }

    .partner-baner {
        padding: 240px 0 88px;
    }

    .partner-baner .banner-title {
        margin-top: 20px;
    }

    .local-partners {
        padding: 63px 0 35px;
    }

    .partner-all-card .card-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .cost-pagination {
        margin: 35px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .partner-baner .banner-content .detail {
        margin-top: 5px;
        padding-bottom: 29px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
    }

    .solutions-partner {
        padding: 60px 0 40px;
        background: #00b4d72e;
    }

    .solutions-partner .solutions-tab {
        padding: 35px 0px;
        background: transparent;
    }

    .solutions-partner .part-content .solu-row .right .rec-img {
        height: 300px;
        width: 308px;
        margin-top: 20px;
    }

    .solutions-partner .part-content .solu-row {
        grid-template-columns: 100%;
        margin-top: 36px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 20px 0 20px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 15px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 15px;
    }
    /* end Partner */

   /* contact us */
   
   .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .header-main .logo .header-logo {
        width: 198px;
        height: 54.04px;
    }

    .request-demo .request-row {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .request-demo .get-in-bottom {
        margin-top: 20px;
    }

    .request-demo .request-row .right {
        padding-top: 40px;
    }

    .cust-form .cust-form-row {
        column-gap: 22px;
        row-gap: 17px;
        margin-bottom: 56px;
    }

    .request-demo .get-in-bottom .media {
        margin-top: 28px;
    }

    .request-demo {
        padding: 172px 0 8px;
    }

    .form-control {
        padding: 8px 12px 8px;
    }

    .request-demo .request-row .right .font-28 {
        margin-bottom: 10px;
    }
    /* end contact us */

    /* new header  */
    .page__header .top-header .other-site ul {
        display: none;
    }

    .page__header .top-header .cost-container-lg {
        grid-template-columns: 100%;
    }

    .banner.home-banner .banner-detail .home-title span {
        margin-top: 5px;
        margin-bottom: 1px;
        color: var(--pink);
    }

    .header-main .logo .header-logo {
        width: 160px;
        height: 42.04px;
    }

    .cost-container-lg {
        padding: 0 40px;
    }   

    .cost-container-sm {
        padding: 0 40px;
    }

    .cost-container-md {
        padding: 0 40px;
    }

    .banner.home-banner .banner-detail {
        grid-template-columns: 100%;
    }

    .banner.home-banner {
        padding: 240px 0 86px;
    }

    .banner.home-banner .banner-detail .home-title {
        margin-bottom: 20px;
    }

    .banner.home-banner .banner-right .heading-h6 {
        margin-bottom: 35px;
        max-width: 77%;
    }

    .home-s1-v1 .row-s1 ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 11px;
        justify-content: center;
        align-items: center;
    }

    .home-s1-v1 .row-s1 ul li {
        padding-left: 24px;
    }

    .home-s1-v1 .row-s1 ul li::after {
        height: 9.2px;
        width: 14px;
        left: 0;
        top: 9px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 91.2%;
        left: 4.8%;
        top: 55px;
    }

    .home-s1-v1 {
        padding: 40px 0 22px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 325px auto;
        gap: 48px;
    }

    .page__header .new-menu-v1 .menu-v1 .menu-image {
        width: 278px;
        height: 130px;
    }

    .software-designed .pms-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin-bottom: 20px;
    }

    .software-designed .channel-manager-card .cta {
        right: 0;
        top: 0;
        position: relative;
    }

    .soft-s1.mobile .channel-manager-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .soft-s1.mobile .self-service-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .soft-s1.mobile .pms-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .soft-s1.mobile .online-booking-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .software-designed .self-service-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin: 20px 0;
    }

    .software-designed .pos-card {
        padding: 17px 24px 94px 24px;
        height: 560px;
    }

    .software-designed .app-store-card {
        padding: 17px 24px 94px 24px;
        height: 560px;
    }

    .software-designed .channel-manager-card {
        padding: 17px 24px 94px 24px;
        height: 560px;
    }

    .software-designed .online-booking-card {
        padding: 17px 24px 94px 24px;
        height: 560px;
    }

    .software-designed .pms-card {
        padding: 17px 24px 290px 24px;
        border-radius: 10px;
        height: max-content;
        margin-bottom: 40px;
    }
    
    .oms-mobile-slider .pms-card {
        height: 560px;
    }

    .software-designed .self-service-card {
        padding: 17px 24px 215px 24px;
        margin-bottom: 0px;
        border-radius: 10px;
        height: 560px;
    }

    .software-designed .online-booking-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin: 20px 0;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .software-designed .soft-s1 .left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 20px;
    }

    .software-designed .online-booking-card .image {
        width: 320px;
        height: 225px;
    }

    .software-designed .pms-card .image {
        width: 60%;
        height: 240px;
    }
    
    .oms-mobile-slider .image.img-box {
        width: 92%;
        height: 280px;
    }

    .software-designed .self-service-card  .image {
        width: 92%;
        height: 280px;
    }

    .software-designed .pos-card .image {
        width: 320px;
        height: 225px;
    }

    .software-designed .coom-card p {
        margin: 9px 0 28px;
        max-width: 100%;
    }

    .app-store-card.coom-card p {
        max-width: 100%;
    }

    .pos-card.coom-card p {
        max-width: 100%;
    }

    .soft-s1.mobile .online-booking-card .cta .theme-btn-out-blue {
        border-color: var(--white);
        color: var(--white);
    }

    .soft-s1.mobile .online-booking-card .cta .theme-btn-out-blue  span {
        background-image: url('../images/arrow-right-white.svg');
    }

    .soft-s1.mobile .online-booking-card .cta .theme-btn-out-blue:hover {
       border-color: var(--dark-blue);
    }

    .soft-s1.mobile .self-service-card .cta .theme-btn-out-blue {
        border-color: var(--white);
        color: var(--white);
    }
        
    .channel-manager-card .social-active {
        position: absolute;
        right: 2%;
        bottom: 5%;
        width: 94%;
    }
    
    .integrate-way .way-row {
        gap: 20px;
    }

    .soft-s1.mobile .self-service-card .cta .theme-btn-out-blue  span {
        background-image: url('../images/arrow-right-white.svg');
    }

    .soft-s1.mobile .self-service-card .cta .theme-btn-out-blue:hover {
        border-color: var(--dark-blue);
     }

    .software-designed .app-store-card .image {
        width: 94%;
        height: 45%;
    }

    .software-designed .coom-card .heading-h6 {
        padding: 5px 0 0 0;
    }

    .channel-manager-card .social-active .s-row {
        border-radius: 55px;
        padding: 5px 10px;
        margin-bottom: 4px;
    }

    .channel-manager-card .social-active .s-row .left .icon {
        height: 30px;
        width: 30px;
    }

    .starfish-v1-h .starf-row .right .camping-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care {
        padding: 73px 39px;
        width: 208px;
        height: 200px;
    }

    .starfish-v1-h .starf-row .right .hotel-care::after {
        width: 185px;
        height: 37px;
        left: -192px;
        bottom: 92px;
        transform: rotate(0deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-2 {
        left: 58%;
        right: 0;
        top: 154px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-3 {
        left: 50px;
        bottom: -310px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care::after {
        width: 177px;
        height: 117px;
        left: -117px;
        top: auto;
        bottom: 131px;
        transform: rotate(230deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-1 {
        top: -88px;
        right: auto;
        left: 150px;
    }

    .starfish-v1-h .starf-row .left .left-cont {
        padding: 7px 0 25px;
    }

    .our-partners-card {
        padding: 20px;
    }

    .our-clients .clients-card {
        padding: 20px;
    }

    .our-partners .our-client-title .platform-title {
        padding: 0px 0 30px;
        max-width: 75%;
    }

    .media .social-ic.linkedin {
        width: 14px;
        height: 14px;
    }

    .media .social-ic.fb {
        width: 7px;
        height: 14px;
    }

    .page-footer .logo-sec .address {
        max-width: 152px;
        margin: 9px 0 35px;
    }

    .media .social-ic .icon-linkedin {
        background-size: cover;
    }

    .media .social-ic .icon-fb {
        background-size: cover;
    }

    .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 43px;
        height: 25px;
        background-size: cover;
    }

    .software-designed .soft-v1 {
        padding: 0px 0 30px;
    }

    .home-s1-v2 {
        padding: 38px 0;
    }

    .home-s1-v2 .move-s1-marquee img {
        height: 22px;
    }

    .perfect-fit-wrap .perfect-v1 {
        padding: 0px 0 18px;
    }

    .one-platform-v1 .platform-v1 {
        padding: 0px 0 12px;
    }

    .one-platform-v1 {
        padding: 30px 0;
    }

    .our-partners {
        padding: 60px 0 70px;
    }

    .warm-welcome-v1 {
        padding: 258px 0 68px;
    }

    .our-partners-card .company-detail a {
        padding: 0px 6px;
        border-radius: 55px;
        font-size: 13px;
    }

    .our-clients {
        padding: 35px 0 70px;
    }

    .our-clients .our-client-title {
        padding: 0px 0 29px;
    }

    .perfect-fit-wrap .perfect-fit-row {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant {
        padding: 12px 15px;
        height: 375px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 7px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h6 {
        margin-bottom: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant p {
        margin-bottom: 8px;
    }

    .perfect-fit-wrap .perfect-card .card-img {
        height: 180px;
    }

    .page-footer {
        padding: 65px 0 176px;
        border-top: 4px solid var(--pink);
    }
    
    .disclaimer-main .claimer-row::before {
        display: none;
    }

    .home-s1-v2 .move-s1-marquee {
        gap: 42px;
    }

    .warm-welcome-v1 .platform-v1 {
        padding: 16px 0 10px;
        max-width: 75%;
    }

    .our-clients .clients-card .c-heading {
        margin-bottom: 15px;
    }

    .our-clients .clients-card .rating {
        margin-bottom: 7px;
    }

    .our-clients .clients-card .rating li.active {
        height: 13px;
        width: 13px;
        background-size: contain;
    }

    .our-clients .clients-card .rating li {
        height: 13px;
        width: 13px;
        background-size: contain;
    }
    
    .page-footer .footer-row {
        grid-template-columns: 100%;
    }

    .page-footer .footer-bottom {
        margin-top: 43px;
        grid-template-columns: 50% 50%;
        margin-bottom: 20px;
    }

    .page-footer .footer-bottom .right .image-group {
        gap: 40px;
    }

    .page-footer .footer-bottom .right .image-group img {
        height: 32px;
    }

    .page-footer .footer-bottom .footer-link {
        gap: 30px;
        margin-bottom: 20px;
    }

    .page-footer .footer-row .footer-link .f-link {
        margin-bottom: 5px;
    }

    .starfish-v1-h {
        padding: 30px 0 345px;
    }

    .one-platform-v1 iframe {
        height: 387px !important;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 100%;
        gap: 145px;
    }

    .header-main .page-navebar .nav-s1 {
        padding-left: 80px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 0;
        max-width: 99px;
        padding-top: 160px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 102px 1fr;
        gap: 20px;
        padding-top: 0;
    }

    .our-clients .clients-card .bottom .detail {
        margin-bottom: 15px;
    }

    .our-partners-card .logo {
        margin: 0px 0 15px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 38px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: fit-content;
        max-height: 51px;
    }

    .our-partners-card .partners-bottom {
        gap: 10px;
        margin-top: 15px;
    }

    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 18px;
        margin-top: 0px;
    }

    .media .med-title {
        margin-bottom: 8px;
    }

    .page-footer .footer-row .f-cell .f-logo img {
        max-width: 53%;
    }

/* ============================================ */
    /* new mobile menu */
    .header-main .page-navebar {
        display: none;
    }
    .header-main .contact-fixed {
        display: none;
    }

.nav-visible .nav-wrapper .btn-group, .nav-visible .nav-wrapper .btn-group-vertical {
    position: relative;
    display: block;
}
.nav-visible .nav-wrapper .btn-secondary {
    color: var(--white);
    background-color: transparent !important;
    border-color: transparent !important;
    display: flex;
    justify-content: space-between;
    padding: 0;
    width: 100%;
}
    .nav-visible .nav-wrapper .btn-secondary:active:focus {
        box-shadow: none;
    }
    .nav-visible .nav-wrapper .btn-check:focus+.btn-secondary,
    .nav-visible .nav-wrapper .btn-secondary:focus {
        color: var(--white);
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none;
    }
    /* end */

    .main-header .header-menu {
        display: none;
    }

    .mobile-menu {
        position: fixed;
        bottom: auto;
        top: 58px;
        z-index: 999;
        left: auto;
        right: 40px;
        background: transparent;
        width: 6%;
        border-radius: 0;
        padding: 0;
    }

    .page-wrap.fixed-header .mobile-menu {
        top: 21px;
        z-index: 9999;
        left: auto;
        right: 40px;
        background: transparent;
        width: 6%;
        border-radius: 0;
        padding: 0;
        position: fixed;
    }

    .page-wrap.fixed-header .menu_icon span {
        background-color: var(--dark-blue);
    }

    .nav-visible .page-wrap.fixed-header .menu_icon span {
        background-color: #ffffff !important;
    }
    
    .nav-visible .mobile-menu {
        position: fixed !important;
        bottom: 0 !important;
        top: auto !important;
        z-index: 999;
        left: calc(50% - 10.5%);
        right: 40px;
        background: transparent;
        width: 21%;
        border-radius: 0;
        padding-top: 20px;
    }

    .page__header .top-header .dropdown-toggle {
        display: block;
        width: 80px;
        padding: 6px 0px;
        margin-left: auto;
    }

    .page__header .top-header .dropdown .dropdown-toggle::after {
        right: 12px;
        top: 15px;
        width: 11px;
        height: 6.5px;
    }
    
    .nav-wrapper {
        height: 100%;
        padding-top: 0px;
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        transform: translateY(100%);
        transition: transform 0.6s, visibility 0.8s;
        visibility: hidden;
        width: 100%;
        z-index: 99;
        border-radius: 0;
    }

    .main-header .header-right {
        display: none;
    }

    .mobile-menu {
        display: block;
        width: 21%;
        height: 58px;
        background: var(--dark-blue);
        left: calc(50% - 10.5%);
        bottom: 0;
        position: fixed;
        top: auto;
        padding: 0;
        border-radius: 0;
        border-right: 1px solid #E3E7ED;
        border-left: 1px solid #E3E7ED;
        /* border-top: 1px solid #E3E7ED; */
        padding-top: 20px;
    }
    
    .mobile-menu .toggle-btn {
        width: fit-content;
        margin: 0 auto;
    }
    
    .page__header {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        padding: 0 0 10px;
        transition: all 200ms ease-in;
    }

    .mobile-menu .to-menu {
        display: block;
    }
    
    .menu_icon span {
        background-color: var(--white);
    }
    
    .nav-visible  .menu_icon span {
        background-color: var(--white);
    } 
    
    .navbar_toggler .text-menu {
        color: var(--RichBlue);
    }
    
    .nav-visible .navbar_toggler .text-menu {
        color: var(--white);
    }
    
    .mobile-menu .cta .theme-btn2 {
        background: var(--RichBlue) !important;
        padding: 14px 22.5px 14px 30px;
        border-radius: 15px 0px 0px 0px;
    }
    
    .nav-visible .mobile-menu .cta .theme-btn2 {
        background: var(--light-blue) !important;
    }

    .soft-s1.mobile {
        display: block;
    }

    .soft-s1.desktop{
        display: none;
    }

    .page-footer .footer-bottom .left .f-bot-cp {
        display: block;
        gap: 50px;
    }

    .soft-s1.mobile .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
        margin-bottom: 6px;
    }

    .soft-s1.mobile .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 3px;
        background: var(--dark-blue);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .soft-s1.mobile .owl-dot.active {
        border: 1px solid var(--dark-blue);
        border-radius: 100%;
        height: 20px;
        width: 20px;
    }

    .our-partners-slider  .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
        margin-bottom: 6px;
    }

    .our-partners-slider .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 3px;
        background: var(--dark-blue);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .our-partners-slider .owl-dot.active {
        border: 1px solid var(--dark-blue);
        border-radius: 100%;
        height: 20px;
        width: 20px;
    }

    .our-partners-slider .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
        margin-bottom: 6px;
    }

    .our-partners-slider .owl-dots .owl-dot {
        margin-right: 5px;
    }

    .our-partners-slider .owl-dot.active span, 
    .our-partners-slider .owl-dot:hover span {
        background: var(--dark-blue) !important;
    }

    .soft-s1.mobile .owl-dots .owl-dot {
        margin-right: 5px;
    }

    
    .page__header .top-header {
        margin-bottom: 15px;
        padding: 8px 0;
    }

    .page__header .top-header .dropdown {
        display: none;
    }

    .banner.home-banner::after {
        position: absolute;
        content: " ";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: var(--dark-blue);
        opacity: 39%;
    }

    .header-main .main-flex {
        display: none;
    }

    .mobile-header-logo {
        position: absolute;
        top: 47px;
        z-index: 88;
        display: grid;
        grid-template-columns: 51% 36% 13%;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        padding: 0 20px;
    }

      .nav-visible .nav-wrapper .cost-container-lg {
        padding: 0;
    }

    .mobile-footer-v1 {
        display: grid;
        grid-template-columns: 39% 22% 39%;
        justify-content: start;
        align-items: center;
    }

    .mobile-footer-v1  .dropdown-toggle::after {
        right: 30%;
        top: 20px;
    }

    .mobile-footer-v1 .dropdown-toggle {
        padding: 10px 29px 18px 65px;
    }

    .mobile-footer-v1 .dropdown-item {
        padding: 5px 12px 5px 65px;
    }

    .banner.home-banner::after {
        position: absolute;
        content: " ";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: var(--dark-blue);
        opacity: 39%;
    }
    
    .page-footer .platforms.f-cell {
        display: none !important;
    }
    
    .page-footer .products.f-cell {
        display: none !important;
    }
    
    .page-footer .links.f-cell {
        display: none !important;
    }
    
    .page-footer .footer-row .f-cell {
        position: relative;
        display: grid;
        grid-template-columns: 63% 37%;
        row-gap: 25px;
    }
        
    .page-footer .logo-sec .address {
        max-width: 152px;
        margin: 9px 0 20px;
        order: 3;
    }
    
    .page-footer .logo-sec .cta {
        margin-bottom: 20px;
        order: 4;
        padding-top: 9px;
        margin-left: 0px;
    }
    
    .page-footer .footer-row .f-cell .media {
        order: 2;
        margin-top: 10px;
    }

    .mobile-header-logo .header-logo {
        width: 220px;
        display: block;
        height: 70px;
    }
    
    .nav-visible .nav-wrapper .mobile-header-logo {
        padding: 0;
        width: 95%;
    }
    
    .interested-blog .inters-form .wpcf7-response-output {
        max-width: 100%;
    }
        
    .software-designed .coom-card .heading-h5 {
        font-size: 27px;
        line-height: 37px;
    }
    
    .starfish-v1-h .starf-row .right .open-rest span {
        font-size: 30px;
    }
    
    .nav-visible .nav-wrapper .software p {
        font-size: 14px;
        line-height: 20px;
    }
    
    .page__header .top-header .software {
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
:root {
    --h1-font-size: 48px;
    --h1-line-height:50px;

    --h2-font-size: 44px;
    --h2-line-height: 45px;

    --h3-font-size: 34px;
    --h3-line-height: 41px;

    --h4-font-size: 32px;
    --h4-line-height: 41px;

    --h5-font-size: 23px;
    --h5-line-height: 32px;

    --h6-font-size: 17px;
    --h6-line-height: 27px;

    --font-28: 20px;
    --line-28-height: 30px;
    
    --body-font-size: 15px;
    --body-line-height: 23px;
    
    --btn-font-size: 15px;
    --btn-line-height: 23px;
    }
    /* app store detail */
    .book-card-v1 .about-us-cta {
        font-size: 13px;
    }
    .pms-sec-v1.book-main .sec-v1-row .disc-v1 .heading-h6 {
        font-size: 18px;
        line-height: 26px;
    }
    .about-banner-main.booking-main .pms-banner-cta {
        margin-top: 20px !important;
    }
    .about-banner-main .ab-baner-row .about-us-cta {
        font-size: 13px;
    }
    .about-banner-main.booking-main .image {
        width: 100%;
        height: 250px;
    }
    .about-banner-main.booking-main {
        padding: 150px 0 79px;
    }
    .camping-faq .faq-detail .accordion-item:first-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 1px solid #00356140 !important;
    }
    .app-store .watch-video .video {
        border: 1px solid #0035614f;
        border-radius: 10px;
        padding: 5px;
        background: #fff;
        transition: all 0.9s ease;
        cursor: pointer;
        height: 112px;
        width: 112px;
    }
    .camping-faq .right .title .heading-h5 {
        font-size: 27px;
        line-height: 35px;
    }
    .pms-banner.booking-categorie .for-desktop-main {
        display: none;
    }
    .booking-categorie .for-mobile-main {
        margin-top: 20px;
    }
    .booking-categorie .category-book {
        grid-template-columns: 100%;
        gap: 0px;
    }
    .booking-categorie .app-store .ceta-cta {
        display: none;
    }
    .booking-categorie .app-install .text-medium {
        margin-bottom: 8px;
        max-width: 94%;
    }
    .booking-categorie .text-small {
        max-width: 92%;
    }
    .booking-categorie .app-install .text-medium .heading-h6 {
        font-size: 15px;
        line-height: 23px;
    }
    .booking-categorie .app-install .for-mobile-main {
        margin-top: 0;
        margin-bottom: 30px;
        display: block;
    }
    .app-install .install .install-cta .theme-btn2 {
        width: 100%;
        display: block;
    }
    .app-store .watch-video {
        justify-content: space-between;
        gap: 10px;
    }
    
   .pms-banner.booking-categorie {
        padding: 116px 0 76px;
    }

    .camping-faq {
        padding: 80px 0;
    }
    .camping-faq .faq-row {
        grid-template-columns: 100%;
        gap: 65px;
    }
    .camping-faq .languages .langu-card {
        padding: 15px 0;
    }
    .camping-faq .languages .langu-card .title {
        margin-bottom: 2px;
    }
    .camping-faq .faq-detail .accordion-button {
        padding: 14px 0;
    }
    .camping-faq .faq-detail {
        margin-top: 24px;
    }
    .camping-faq .left .support-v1 {
        margin-bottom: 10px;
    }
    .camping-faq .left .jon {
        margin-bottom: 12px;
    }
    .app-store .category-image {
        height: 120px;
        margin-top: 12px;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .app-store .category-image img {
        width: 168px;
        margin: 0 auto;
        height: max-content;
    }
    .camping-faq .faq-detail .accordion-button::after {
        width: 10px;
        height: 10px;
    }
    .camping-faq .right .title {
        margin-bottom: 0px;
    }
    .camping-faq .left .languages {
        margin-top: 20px;
    }
    .booking-categorie .for-mobile-main .inst-title {
        font-weight: 600;
        margin-bottom: 12px;
    }
    .booking-categorie .for-mobile-main .categ-channel {
        margin-bottom: 3px;
    }
    /* end */      
    /* app store */
    .about-banner-main.booking-main .ab-baner-row .content {
        max-width: 100%;
        padding-bottom: 60px;
    }
    
    .about-banner-main.booking-main .pms-banner-cta {
        display: grid;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin-top: 15px;
    }

    .pms-sec-v1.book-main .sec-v1-row {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .pms-sec-v1.book-main .sec-v1-row .disc-v1 {
        max-width: 100%;
    }

    .book-card-v1 .card-title {
        margin-bottom: 12px;
    }
    
    .book-card-v1 .card-title .heading-h5 {
        font-size: 27px;
        line-height: 35px;
    }

    .book-card-v1 .tag {
        position: relative;
        margin-top: 35px;
        margin-bottom: 20px;
    }
    
    .book-card-v1 {
        padding: 35px 30px 45PX;
    }

    .book-card-v1 .provided-text {
        margin-bottom: 28px;
        margin-top: 20px;
    }

    .load-more-row {
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .app-store-bookings .search-input {
        max-width: 100%;
    }
    
    .app-store-bookings .multi-select-filter {
        display: grid;
        gap: 10px;
        align-items: center;
        justify-content: right;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        grid-template-columns: 100%;
    }
    
    .app-store-bookings .multi-select-filter .category-group {
        width: 100%;
    }

    .app-store-bookings .multi-select-filter .lenguage-group {
        width: 100%;
    }
    
    .app-store-bookings .dropdown {
        width: 100%;
    }
    
    .app-store-bookings .lenguage-group .custom-select {
        width: 100%;
    }

    .pms-sec-v1.book-main {
        padding-top: 75px;
        padding-bottom: 45px;
    }
    
    .app-store-bookings .bookings-list {
        grid-template-columns: 100%;
        gap: 20px;
        row-gap: 20px;
    }
    
    .app-store-bookings {
        padding: 60px 0 15px;
    }
    
    .app-store-bookings .app-filter {
        grid-template-columns: 100%;
        gap: 10px;
        margin-bottom: 40px;
    }
    .app-store-bookings .dropdown-toggle {
        font-size: 15px;
    }
    /* end */
    
    .oms-mobile-slider.owl-theme .owl-nav.disabled+.owl-dots {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    
    .mobile-v1.for-mobile-main .new-oms-row {
        display: none;
    }
    
    .for-desktop-main {
        display: none;
    }
    
    .for-mobile-main {
        display: block;
    }
    
    .soft-s1-v1.mobile-v1.for-mobile-main .oms-mobile-slider {
        margin-top: 30px;
    }
    
    .new-marslide-v1 {
        padding: 90px 0;
    }
    
    .product-v3-pay .pay-v3-card .pay-image img {
        text-align: center;
        margin: 0 auto;
    }

    .local-partners .title-v1 {
        max-width: 60%;
        margin: 0 auto;
    }

    .home-s1-v1 .cost-container-sm {
        padding: 0 10px;
    }
    .blog-detail-banner {
        padding: 222px 0 58px;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1:last-child {
        margin-left: 0;
    }
    
    .pms-sec-v1 .sec-v1-row .disc-v1:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
    }
    
    .and-more-v1 .add-more-row {
        display: none;
    }
    
    .and-more-v1 .for-mobile {
        display: block;
    }

    .test-v1 ul p {
        padding-left: 0px;
    }
    .test-v1 ul p::before {
        position: absolute;
        left: -15px;
        top: 9px;
        content: "";
        height: 6px;
        width: 6px;
        background: #0d3f69;
        border-radius: 50%;
    }
    .disclaimer-main.condition .claimer-row .right .to-top {
        position: absolute;
        right: 00px;
        bottom: 35px;
    }
    
    .blog-detail-banner .top-sec .top {
        gap: 15px;
        align-items: center;
        margin-bottom: 14px;
    }

    .mobile-header-logo .dropdown-menu {
        top: 41px;
    }
    
    .mobile-header-logo .dropdown {
        margin-top: -17px;
    }
    
    .mobile-header-logo .dropdown-toggle img {
        width: 18px;
        padding-left: 1px;
        position: absolute;
        left: 2px;
    }

    .mobile-header-logo .dropdown-toggle img {
        width: 18px;
        padding-left: 1px;
    }

    .mobile-header-logo.other-banner .login .theme-btn {
        border: 0;
        padding: 5px;
        color: var(--dark-blue);
    }
    
    .mobile-header-logo.other-banner .login .theme-btn  span {
        background-image: url('../images/arrow-right-blue.svg');
    }
    
    .mobile-header-logo.other-banner .dropdown-toggle  .img-blue {
        display: block;
    }
    
    .mobile-header-logo.other-banner .header-fix-l {
        display: block !important;
    }
    
    .mobile-header-logo.other-banner .desktop {
        display: none;
    }
    
    .mobile-header-logo .header-fix-l {
        display: block;
    }
    
    .mobile-header-logo.other-banner .desktop {
        display: none;
    }

    .local-partners.archive {
        padding: 25px 0 30px;
    }

    .archive-banner .archive-content {
        max-width: 98%;
        margin-top: 10px; 
    }

    .blog-banner-v1.archive-banner {
        padding: 200px 0 30px;
    }

    .local-partners.archive .partner-tab .nav {
        margin: 0px 0 30px;
        gap: 8px;
    }
    
    .blog-banner-v1 .com-heading {
        max-width: 85%;
        margin-bottom: 32px;
    }

    /* Solutions detail v2 */
    .product-v3-pay.solution-v1 .pay-v3-row {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .product-v3-pay.solution-v1 .full-image {
        width: 100%;
        height: 217px;
    }
    /* Solution v2 end */

   /* solutions-detail */
   .pms-banner.solution-v1 .solution-banner-row {
        grid-template-columns:100%;
    }

    .pms-banner.solution-v1 .banner-image-outer {
        right: auto;
        bottom: auto;
        margin-left: 0;
        margin-right: auto;
    }

    .pms-banner.solution-v1 .banner-content {
        max-width: 100%;
        margin-bottom: 50px;
    }

    .pms-banner.solution-v1 .banner-image-outer .banner-img {
        width: 350px;
        height: 295px;
    }

    .integrate-want-v1 .title {
        margin-bottom: 40px;
    }
    .integrate-want-v1 .interg-row {
        grid-template-columns: 100%;
        gap: 15px;
    }

    .pms-banner.solution-v1 .title.heading-h2 {
        max-width: 100%;
    }
    /* product-detail-online-booking */

    /* product-detail-online-booking */
    .guest-journey-v1 {
        position: relative;
        padding: 40px 0 40px;
    }

    .integrate-way .way-card.pink-bg .right-image {
        bottom: 87px;
        width: 256px;
        height: 49px;
    }

    .integrate-way .way-card.pink-bg .bottom-image {
        bottom: 26px;
        left: 0;
        width: 95%;
        height: 40px;
    }
        
    .integrate-way .way-card.pink-bg .bottom-image img {
        object-fit: contain;
    }

    .integrate-way .way-card.pink-bg {
        padding: 20px;
        height: 420px;
    }

    .integrate-way .way-card-v2.light-green-bg {
        padding: 20px;
        height: 420px;
    }

    .pms-sec-v1 .sec-v1-row {
        gap: 70px;
    }

    .integrate-way .way-row .way-card .title {
        max-width: 93%;
        margin-bottom: 5px;
    }

    .integrate-way .way-row .way-card .content, .integrate-way .way-row .way-card-v2 .content {
        max-width: 100%;
    }

    .integrate-way .way-card-v2.light-green-bg .title {
        margin-bottom: 5px;
        max-width: 93%;
    }

    .way-card-v2.light-green-bg .channel-manager-card {
        position: absolute;
        right: 30px;
        width: 80%;
        top: auto;
        bottom: 10px;
    }

    .guest-journey-v1 .title {
        margin-bottom: 25px;
    }

    .product-v3-pay.booking .pay-v3-card {
        border-radius: 20px;
        padding: 40px 20px;
    }

    .product-v3-pay.booking .pay-v3-row {
        gap: 30px;
    }

    .guest-journey-v1 .e-mails-row {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        justify-content: center;
        align-items: start;
    }

    .integrate-way .way-row {
        grid-template-columns: 100%;
        gap: 40px;
    }
    /* end product-detail-online-booking */

    /* product-detail-pms */
    .pms-banner {
        padding: 203px 0 370px;
        height: max-content !important;
    }

    .pms-banner .banner-image-outer .banner-img {
        width: 362px;
        height: 211px;
        border-radius: 12px 0 0 12px;
        margin-left: auto;
    }

    .channel-manager-s1 .ch-manager-card {
        grid-template-columns: 100%;
        gap: 60px;
    }

    .pms-banner .banner-image-outer {
        bottom: 46px;
        padding: 15px 0 15px 15px;
        border-radius: 25px 0 0 25px;
    }

    .pms-banner .banner-content {
        max-width: 100%;
    }

    .pms-banner .banner-content .title {
        margin-bottom: 18px;
        max-width: 100%;
    }

    .pms-sec-v1 .sec-v1-row {
        grid-template-columns: 100%;
        gap: 8px;
    }
    
    .pms-sec-v1 {
        padding: 50px 0 20px;
    }

    .schedule-board .board-row {
        grid-template-columns: 100%;
        gap: 40px;
    }

    .pms-banner .banner-content .banner-cont {
        margin-bottom: 25px;
    }

    .schedule-board {
        padding: 25px 0 93px;
    }

    .channel-manager-s1 .partner-tab .part-tab .nav {
        padding-right: 0px;
        justify-content: start;
        flex-wrap: nowrap;
    }

    .and-more-v1 .add-more-card li {
        padding: 8px 0;
    }

    .and-more-v1 .add-more-card .title {
        margin-bottom: 20px;
    }

    .channel-manager-s1 .manager-v1 {
        padding: 40px 0 20px 0px;
        border-radius: 0;
    }

    .channel-manager-s1.solution-v1 .cost-container-lg {
        background: #efeaf1;
    }

    .channel-manager-s1 .ch-manager-card .image-1 .banner-img {
        width: 319px;
        height: 228px;
        border-radius: 12px 0 0 12px;
    }

    .ch-manager-card .channel-manager-card {
        width: 250px;
        height: 270px;
        right: auto;
        bottom: 0;
        padding: 17px;
        left: 0px;
    }

    .ch-manager-card .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 39px;
        height: 24px;
        background-size: cover;
    }

    .ch-manager-card .channel-manager-card .social-active {
        padding-top: 0;
        margin-top: 0;
    }

    .channel-manager-s1 .ch-manager-card .com-heading {
        max-width: 90%;
        margin-bottom: 10px;
    }

    .channel-manager-s1 .ch-manager-card .content p {
        max-width: 90%;
    }

    .channel-manager-s1 .ch-manager-card .cta {
        max-width: 90%;
        margin-top: 25px;
    }

    .channel-manager-s1 .ch-manager-card .image {
        height: 300px;
    }

    .channel-manager-s1 .ch-manager-card .image-1 {
        bottom: 30px;
        right: -20px;
    }

    .ch-manager-card .channel-manager-card .social-active .s-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 55px;
        align-items: center;
        padding: 4px 10px;
        margin-bottom: 5px;
    }

    .channel-50 .v-50-row .v-50-col {
        width: 50%;
    }

    .pms-sec-v1 .sec-v1-row .disc-v1 {
        max-width: 320px;
    }

    .product-v3-pay .pay-v3-card p {
        margin-bottom: 25px;
    }

    .and-more-v1 {
        padding: 45px 0 67px;
    }

    .pms-banner .banner-content .produc {
        margin-bottom: 30px;
    }

    .schedule-board .board-card.bg-pink .image {
        width: 299px;
        height: 279px;
    }

    .schedule-board .board-card.bg-light-green .image {
        width: 60%;
        height: 279px;
    }

    .channel-50 .v-50-row .channel-image {
        width: 150px;
        height: 90px;
    }

    .product-v3-pay {
        padding: 45px 0;
    }

    .channel-50 {
        position: relative;
        padding: 40px 0 30px;
    }

    .product-v3-pay .pay-v3-row {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .pms-banner .banner-content .produc a {
        font-size: 13px;
        line-height: 23px;
    }
    
    .pms-banner.solution-v1 .banner-content .produc {
        position: relative;
        margin-bottom: 17px;
    }
    
    .product-v3-pay .pay-v3-card .pay-image {
        justify-content: flex-start;
        align-items: center;
        gap: 12px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 30px;
    }

    .and-more-v1 .com-heading {
        margin-bottom: 25px;
    }

    .schedule-board .board-card .content-v1 {
        width: 100%;
    }

    .schedule-board .board-card {
        padding: 25px 30px 300px;
        height: max-content;
    }

    .channel-manager-s1 .partner-tab .part-tab {
        margin-bottom: 40px;
    }

    .and-more-v1 .add-more-row {
        grid-template-columns: 100%;
        gap: 35px;
    }

/* ==================== */
    .channel-manager-s1 .partner-tab .part-tab {
        position: relative;
        overflow: auto;
        width: 105%;
        margin-bottom: 20px;
    }

    .channel-manager-s1.solution-v1 {
        margin-bottom: 27px;
        overflow: hidden;
    }
    
    /* width */
    .channel-manager-s1 .partner-tab .part-tab::-webkit-scrollbar {
        height: 5px;
    }
    
    /* Track */
    .channel-manager-s1 .partner-tab .part-tab::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px var(--dark-blue); 
        border-radius: 2px;
    }
    
    /* Handle */
    .channel-manager-s1 .partner-tab .part-tab::-webkit-scrollbar-thumb {
        background: var(--dark-blue); 
        border-radius: 5px;
    }
    
    /* Handle on hover */
    .channel-manager-s1 .partner-tab .part-tab::-webkit-scrollbar-thumb:hover {
        background: var(--white); 
        cursor: pointer;
    }
    
    .channel-manager-s1 .partner-tab .part-tab .nav-pills {
        width: 175%;
        padding-bottom: 20px;
    }
    
    .channel-manager-s1 {
        background: #f2ebf3;
    }

    /* end product detail */

    /* blog detail */
    .blog-detail-banner .bottom-sec {
        grid-template-columns: 100%;
        gap: 30px;
    }

    .blog-detail-banner .bottom-sec .back-btn {
        margin-top: 10px;
        order: 2;
    }

    .blog-card-v1 .image {
        height: 230px;
    }

    .blog-backoffice.detail {
        padding: 40px 0 20px;
    }

    .interested-blog .inters-form {
        padding-top: 50px;
    }

    .blog-content-v1 {
        padding: 25px 0 30px;
    }

    .blog-content-v1 .content-v4 .cta {
        padding: 13px 0;
        margin: 23px 0 10px;
    }

    .blog-content-v1 .more-platform .plat-title {
        margin-bottom: 8px;
        margin-top: 45px;
    }

    .blog-content-v1 .more-platform {
        padding-top: 30px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 .heading-h6 {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: 1px;
    }

    .blog-content-v1 .more-platform .plat-con-v1 p {
        margin-bottom: 15px;
    }

    .blog-detail-banner .bottom-sec .image {
        width: 100%;
        height: 260px;
        margin-top: 8px;
    }

    .blog-content-v1 .content-v4 {
        max-width: 100%;
    }

    .blog-detail-banner .top-sec {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .blog-detail-banner .top-sec .title {
        margin: 1px 0 27px;
    }
        
    .interested-blog .inters-form .com-heading .title {
        max-width: 100%;
        margin-bottom: 15px;
    }
    
    .backoffice-card .top-row-sv1 {
        margin-bottom: 15px;
    }

    .interested-blog .inters-form .cust-form {
        max-width: 100%;
    }

    .interested-blog .inters-form .com-heading {
        max-width: 100%;
    }
    /* end blog detail */

    /* blog */
    .blog-banner-v1 {
        padding: 229px 0 40px;
    }

    .blog-banner-v1 .b-slide-card .top {
        gap: 22px;
        margin-top: 2px;
    }

    .blog-card-v1 .image {
        height: 185px;
    }

    .blog-card-v1 .top {
        gap: 14px;
        margin: 25px 0 13px;
        padding: 0 20px;
    }

    .blog-card-v1 .card-detail {
        padding: 0 20px 8px;
    }

    .blog-banner-v1 .b-slide-card {
        grid-template-columns: 100%;
        gap: 35px;
    }

    .blog-banner-v1 .b-slide-card .image {
        height: 230px;
        order: 2;
        width: 100%;
    }
    
    .blog-banner-v1 .b-slide-card .bottom .heading-h5 {
        margin-bottom: 10px;
        font-size: 27px;
    }
    
    .backoffice-card .top-row-sv1 .t-head .heading-h5 {
        font-weight: 600;
        font-size: 27px;
    }
    
    .backoffice-card .top-row-sv1 .theme-btn-out-blue span {
        transform: rotate(0deg);
        margin-left: 10px;
    }
    
    .blog-card-v1 .company-detail a {
        padding: 1px 9px;
        border-radius: 55px;
        font-size: 13px;
        margin-right: 3px;
    }
    
    
    .all-block-list .block-list .all-v .theme-btn-out-blue span {
        transform: rotate(0deg);
    }

    .backoffice-card .top-row-sv1 .all-v {
        position: absolute;
        bottom: -25px;
        left: 34%;
    }

    .backoffice-card .card-row.backoffice-slider {
        border-bottom: 0px solid #00356150;
        padding-bottom: 40px;
    }

    .blog-banner-v1 .b-slide-card .bottom .cta {
        margin-top: 30px;
    }

    .blog-banner-v1 .b-slide-card .bottom {
        margin-top: 20px;
    }

    .blog-slider-v1 .owl-dots {
        max-width: 100%;
        margin-top: 20px !important;
    }

    .all-block-list .blog-card-v1 .card-detail {
        padding-bottom: 20px;
    }

    .blog-backoffice {
        padding: 70px 0px 83px;
    }

    .all-block-list .block-list {
        gap: 90px;
        grid-template-columns: 100%;
    }

    .all-block-list .blog-card-v1 .top {
        gap: 11px;
        margin: 26px 0 20px;
        padding: 0;
        margin-top: 2px !important;
    }

    .blog-card-v1 .card-detail .font-28 {
        height: 63px;
    }

    .all-block-list .blog-card-v1 {
        grid-template-columns: 108px 1fr;
        gap: 20px;
        margin-bottom: 16px;
    }

    .all-block-list .blog-card-v1 .image {
        height: 75px;
    }

    .all-block-list .all-v {
        margin-top: 30px;
        margin-left: 35%;
    }
    /* end blog */

    /* about */
    .about-v2 {
        padding: 77px 0 33px;
    }
    
    .about-v2.solution-v1 {
        padding: 50px 0 60px;
    }

    .partner-aply-now .address-v1 {
        margin: 0px 0 35px;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        max-width: 100%;
    }

    .partner-aply-now .address-v1 .cta a {
        margin-bottom: 0;
    }

    .partner-aply-now .address-v1 .cta a:last-child {
        margin-top: -16px;
    }
    
    .partner-aply-now .address-v1 .address {
        max-width: 85%;
    }

    .partner-aply-now .address-v1 .cta a:last-child {
        margin-bottom: 0px;
    }

    .about-v2 .about-v2-row {
        grid-template-columns: 100%;
        gap: 11px;
    }

    .partner-aply-now .left .rec-img {
        height: 350px;
        width: 378px;
    }

    .about-banner-main .image {
        width: 100%;
        height: 260px;
    }

    .about-banner-main .ab-baner-row .com-heading {
        max-width: 450px;
        margin-top: 27px;
        margin-bottom: 12px;
    }

    .about-banner-main {
        padding: 205px 0 80px;
    }

    .about-v2 .title {
        max-width: 64%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .about-banner-main .ab-baner-row .content {
        max-width: 100%;
        padding-bottom: 25px;
    }

    .about-banner-main .ab-baner-row .content .heading-h6 {
        margin-bottom: 5px;
    }

    .about-banner-main .ab-baner-row {
        grid-template-columns: 100%;
        width: 100%;
    }

    .about-v2 .about-v2-card .v2-img {
        height: 26px;
        width: 26px;
        margin-bottom: 10px;
        margin-top: 4px;
        position: absolute;
        left: 0;
        top: -3px;
    }

    .about-v2 .about-v2-card .c-title {
        margin-bottom: 5px;
        padding-left: 37px;
    }

    .about-v2 .about-v2-card .disc {
        padding-left: 37px;
    }

    /* end about */

    /* Partner */
    .local-partners .partner-tab .part-tab {
        position: relative;
        overflow: visible;
        width: 100%;
        margin-bottom: 20px;
    }

    /* width */
    .local-partners .partner-tab .part-tab::-webkit-scrollbar {
        height: 5px;
    }
    
    /* Track */
    .local-partners .partner-tab .part-tab::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px var(--dark-blue); 
        border-radius: 2px;
    }
    
    /* Handle */
    .local-partners .partner-tab .part-tab::-webkit-scrollbar-thumb {
        background: var(--dark-blue); 
        border-radius: 5px;
    }
    
    /* Handle on hover */
    .local-partners .partner-tab .part-tab::-webkit-scrollbar-thumb:hover {
        background: var(--RichBlue); 
        cursor: pointer;
    }

    .solutions-partner .solutions-tab .soluc-tab {
        position: relative;
        width: 100%;
        overflow-x: scroll;
    }

    /* width */
    .solutions-partner .solutions-tab .soluc-tab::-webkit-scrollbar {
        height: 5px;
    }
    
    /* Track */
    .solutions-partner .solutions-tab .soluc-tab::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px var(--dark-blue); 
        border-radius: 2px;
    }
    
    /* Handle */
    .solutions-partner .solutions-tab .soluc-tab::-webkit-scrollbar-thumb {
        background: var(--dark-blue); 
        border-radius: 5px;
    }
    
    /* Handle on hover */
    .solutions-partner .solutions-tab .soluc-tab::-webkit-scrollbar-thumb:hover {
        background: var(--RichBlue); 
        cursor: pointer;
    }
    
    .solutions-partner .solutions-tab .soluc-tab .nav-pills {
        width: 130%;
    }
    
    .local-partners .partner-tab .part-tab .nav-pills {
        width: 120%;
        justify-content: flex-start;
        margin: 20px 0 16px;
    }

    .solutions-partner .solu-v1-s1 .requirements ul li {
        padding: 6px 0 5px 8px !important;
    }

    .solutions-partner .part-content .solu-v1-s1 ul li::after {
        left: 0;
        top: 8px;
        height: 20px;
        width: 20px;
    }

    .solutions-partner .part-content .solu-v1-s1 ul li {
        padding: 6px 0 5px 26px;
    }

    .partner-aply-now .left .rec-img {
        height: 300px;
        width: 100%;
    }

    .cost-pagination .pagination .page-link {
        height: 30px;
        width: 30px;
        line-height: 28px;
    }

    .local-partners .nav-pills .nav-link {
        padding: 5.5px 15px;
    }

    .partner-aply-now .aply-s1-v1 {
        grid-template-columns: 100%;
    }

    .partner-baner {
        padding: 207px 0 88px;
    }

    .partner-baner .banner-title {
        margin-top: 20px;
    }

    .local-partners {
        padding: 63px 0 35px;
    }

    .partner-all-card .card-row {
        grid-template-columns: 100%;
        gap: 25px;
    }

    .cost-pagination .pagination .page-item:first-child .page-link {
        margin-right: 25px;
    }

    .cost-pagination .pagination .page-item:last-child .page-link {
        margin-left: 25px;
    }

    .cost-pagination {
        margin: 35px 0 30px;
    }

    .our-partners-card {
        padding: 30px;
        border-radius: 10px;
    }

    .partner-baner .banner-content .detail {
        margin-top: 5px;
        padding-bottom: 29px;
    }

    .our-partners-card .name .heading-h5 {
        margin: 14px 0px 1px;
        font-size: 27px;
        line-height: 37px;
    }
    
    .solutions-partner {
        padding: 60px 0 73px;
        background: #00b4d72e;
    }
    
    .heading-style-v1 .heading-h2 {
        font-size: 32px;
    }
    
    .heading-style-v1 .heading-h2 span {
        font-size: 34px;
    }

    .solutions-partner .solutions-tab {
        padding: 10px 0px;
        background: transparent;
    }

    .solutions-partner .solutions-tab .nav-pills {
        justify-content: flex-start;
        align-items: center;
        gap: 5px;
        margin: 12px 0;
    }

    .solutions-partner .part-content .solu-row .right .rec-img {
        height: 297px;
        width: 100%;
        margin-top: 20px;
    }

    .solutions-partner .part-content .solu-row {
        grid-template-columns: 100%;
        margin-top: 36px;
    }

    .partner-aply-now .aply-s1-v1 .cont-v1 .heading-h6 {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .partner-aply-now {
        padding: 20px 0 55px;
    }

    .partner-aply-now .aply-s1-v1 .wih-x1 {
        margin-bottom: 18px;
        margin-top: 80px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements .heading-h6 {
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .solutions-partner .part-content .solu-v1-s1 .heading-h6 {
        margin-top: 20px;
        margin-bottom: 2px;
    }

    .solutions-partner .part-content .solu-v1-s1 .requirements {
        margin-top: 30px;
    }
    /* end Partner */

   /* contact us */
   .request-demo .left .heading-h6 {
        margin-top: 0px;
        margin-bottom: 7px;
    }

    .header-main .logo .header-logo {
        width: 198px;
        height: 54.04px;
    }

    .request-demo .request-row {
        grid-template-columns: 100%;
        gap: 10px;
    }

    .request-demo .get-in-bottom {
        margin-top: 20px;
    }

    .request-demo .request-row .right {
        padding-top: 71px;
    }

    .cust-form .cust-form-row {
        column-gap: 22px;
        row-gap: 17px;
        margin-bottom: 0px;
        grid-template-columns: 100%;
    }

    .cust-form .cust-form-row .cust-form-group.email-col {
        grid-column: 1;
    }

    .cust-form .cust-form-row .cust-form-sbumit {
        grid-column: 1;
    }

    .cust-form .cust-form-row .cust-form-sbumit .theme-btn2.w-50 {
        width: 100% !important;
        margin-top: 6px;
    }

    .request-demo .platform-v1 .platform-title {
        max-width: 80%;
    }

    .request-demo .get-in-bottom .media {
        margin-top: 28px;
    }

    .request-demo {
        padding: 180px 0 8px;
    }

    .form-control {
        padding: 8px 12px 8px;
    }

    .request-demo .request-row .right .font-28 {
        margin-bottom: 10px;
        font-size: 21px;
    }
    /* end contact us */

    /* new header  */
    .page__header .top-header .other-site ul {
        display: none;
    }

    .page__header .top-header .cost-container-lg {
        grid-template-columns: 100%;
    }

    .banner.home-banner .banner-detail .home-title span {
        margin-top: 5px;
        margin-bottom: 1px;
        color: var(--pink);
    }

    .banner.home-banner .home-title span {
        display: inline !important;
    }

    .header-main .logo .header-logo {
        width: 160px;
        height: 42.04px;
    }

    .cost-container-lg {
        padding: 0 20px;
    }   
    
    .banner.home-banner .banner-detail .cta .theme-btn2 {
        margin-right: 10px;
    }
    
.theme-btn {
    padding: 10.5px 30px;
    letter-spacing: 0px;
}

    .cost-container-sm {
        padding: 0 20px;
    }

    .warm-welcome-v1 .cost-container-sm {
        padding: 0 10px !important;
    }

    .cost-container-md {
        padding: 0 20px;
    }

    .banner.home-banner .banner-detail {
        grid-template-columns: 100%;
    }

    .banner.home-banner {
        padding: 224px 0 86px;
    }

    .banner.home-banner .banner-detail .home-title {
        margin-bottom: 20px;
    }

    .banner.home-banner .banner-right .heading-h6 {
        margin-bottom: 35px;
        max-width: 100%;
    }

    .home-s1-v1 .row-s1 ul {
        display: flex;
        flex-wrap: wrap;
        column-gap: 9px;
        row-gap: 7px;
        justify-content: center;
        align-items: center;
    }

    .software-designed .soft-v1 .soft-title {
        max-width: 80%;
        margin: 0 auto;
    }

    .home-s1-v1 .row-s1 ul li {
        padding-left: 17px;
    }

    .home-s1-v1 .row-s1 ul li::after {
        height: 9.2px;
        width: 12px;
        left: 0;
        top: 8px;
    }

    .header-main .navbar-nav .dropdown-menu {
        width: 91.2%;
        left: 4.8%;
        top: 55px;
    }

    .home-s1-v1 {
        padding: 34px 0 74px;
    }

    .page__header .new-menu-v1 .menu-v1 {
        grid-template-columns: 325px auto;
        gap: 48px;
    }

    .page__header .new-menu-v1 .menu-v1 .menu-image {
        width: 278px;
        height: 130px;
    }

    .software-designed .pms-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin-bottom: 10px;
    }

    .software-designed .channel-manager-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin: 20px 0;
    }

    .soft-s1.mobile .channel-manager-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .soft-s1.mobile .self-service-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .soft-s1.mobile .pms-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .soft-s1.mobile .online-booking-card .cta {
        position: relative;
        right: auto;
        top: auto;
    }

    .software-designed .self-service-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin: 20px 0;
    }

    .software-designed .pos-card {
        padding: 17px 30px 94px 30px;
        height: 611px;
    }

    .software-designed .app-store-card {
        padding: 17px 30px 94px 30px;
        height: 611px;
    }

    .software-designed .channel-manager-card {
        padding: 17px 30px 94px 30px;
        height: 611px;
    }

    .software-designed .online-booking-card {
        padding: 17px 30px 94px 30px;
        height: 611px;
    }

    .software-designed .pms-card {
        padding: 17px 30px 260px 30px;
        margin-bottom: 0px;
        border-radius: 10px;
        height: max-content ;
    }

    .oms-mobile-slider  .pms-card {
        padding: 17px 30px 94px 30px;
        height: 611px;
    }

    .software-designed .self-service-card {
        padding: 17px 30px 215px 30px;
        margin-bottom: 0px;
        border-radius: 10px;
        height: 611px;
    }

    .software-designed .online-booking-card .cta {
        right: 0;
        top: 0;
        position: relative;
        margin: 20px 0;
    }

    .software-designed .soft-s1 {
        grid-template-columns: 100%;
        gap: 20px;
    }

    .software-designed .soft-s1 .left {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .software-designed .soft-s1 .right .soft-inner {
        gap: 20px;
    }

    .software-designed .online-booking-card .image {
        width: 92%;
        height: 273px;
    }

    .software-designed .pms-card .image {
        width: 92%;
        height: 225px;
    }
    
    .oms-mobile-slider .pms-card .image {
        width: 92%;
        height: 275px;
    }

    .software-designed .self-service-card  .image {
        width: 92%;
        height: 273px;
    }

    .software-designed .pos-card .image {
        width: 92%;
        height: 240px;
    }

    .software-designed .coom-card p {
        margin: 9px 0 28px;
        max-width: 100%;
    }

    .app-store-card.coom-card p {
        max-width: 100%;
    }

    .pos-card.coom-card p {
        max-width: 100%;
    }

    .soft-s1.mobile .online-booking-card .cta .theme-btn-out-blue {
        border-color: var(--white);
        color: var(--white);
    }

    .soft-s1.mobile .online-booking-card .cta .theme-btn-out-blue  span {
        background-image: url('../images/arrow-right-white.svg');
    }

    .soft-s1.mobile .online-booking-card .cta .theme-btn-out-blue:hover {
       border-color: var(--dark-blue);
    }

    .soft-s1.mobile .self-service-card .cta .theme-btn-out-blue {
        border-color: var(--white);
        color: var(--white);
    }

    .channel-manager-card .social-active {
        position: absolute;
        right: 6%;
        bottom: 5%;
        width: 88%;
    }

    .soft-s1.mobile .self-service-card .cta .theme-btn-out-blue  span {
        background-image: url('../images/arrow-right-white.svg');
    }

    .soft-s1.mobile .self-service-card .cta .theme-btn-out-blue:hover {
        border-color: var(--dark-blue);
     }

    .software-designed .app-store-card .image {
        width: 92%;
        height: 225px;
    }

    .software-designed .coom-card .heading-h6 {
        padding: 5px 0 0 0;
    }

    .channel-manager-card .social-active .s-row {
        border-radius: 55px;
        padding: 7px 12px;
        margin-bottom: 10px;
    }

    .channel-manager-card .social-active .s-row .left .icon {
        height: 30px;
        width: 30px;
    }

    .starfish-v1-h .starf-row .right .camping-care {
        padding: 54px 25px;
        width: 160px;
        height: 155px;
    }

    .starfish-v1-h .starf-row .right .camping-care p {
        max-width: 92%;
        font-size: 13px;
        line-height: 23px;
    }

    .starfish-v1-h .starf-row .right .hotel-care p {
        max-width: 92%;
        font-size: 13px;
        line-height: 23px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care p {
        max-width: 92%;
        font-size: 13px;
        line-height: 23px;
    }

    .starfish-v1-h .starf-row .right .hotel-care {
        padding: 54px 25px;
        width: 160px;
        height: 155px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care {
        padding: 54px 25px;
        width: 160px;
        height: 155px;
    }

    .starfish-v1-h .starf-row .right .hotel-care::after {
        width: 120px;
        height: 24px;
        left: -140px;
        bottom: 50px;
        transform: rotate(0deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-2 {
        left: 50%;
        right: 20px;
        top: 154px;
    }

    .starfish-v1-h .starf-row .right .open-rest .card-3 {
        left: 48px;
        bottom: -270px;
    }

    .starfish-v1-h .starf-row .right .bungalow-care::after {
        width: 120px;
        height: 79px;
        left: -90px;
        top: auto;
        bottom: 120px;
        transform: rotate(230deg);
    }

    .starfish-v1-h .starf-row .right .open-rest .card-1 {
        top: -38px;
        right: 100px;
    }

    .starfish-v1-h .starf-row .right .camping-care::after {
        width: 120px;
        height: 24px;
        left: -115px;
        top: auto;
        bottom: 32px;
        transform: rotate(-60deg);
    }

    .starfish-v1-h .starf-row .left .left-cont {
        padding: 7px 0 25px;
    }

    .our-partners-card {
        padding: 30px;
    }

    .our-clients .clients-card {
        padding: 30px;
    }

    .our-partners .our-client-title .platform-title {
        padding: 0px 0 30px;
        max-width: 100%;
    }

    .media .social-ic.linkedin {
        width: 14px;
        height: 14px;
    }

    .media .social-ic.fb {
        width: 7px;
        height: 14px;
    }

    .page-footer .logo-sec .address {
        max-width: 152px;
        margin: 9px 0 20px;
        order: 3;
    }

    .page-footer .footer-row .f-cell a.f-logo {
        order: 1;
    }

    .media .social-ic .icon-linkedin {
        background-size: cover;
    }

    .media .social-ic .icon-fb {
        background-size: cover;
    }

    .channel-manager-card .social-active .s-row .right .toggle-button {
        width: 53px;
        height: 30px;
        background-size: cover;
    }

    .software-designed .soft-v1 {
        padding: 0px 0 24px;
    }
    
    .home-s1-v2 {
        padding: 61px 0;
    }
    
    .perfect-fit-wrap .perfect-v1 .perfect-title {
        max-width: 208px;
        margin: 0 auto;
    }

    .home-s1-v2 .move-s1-marquee img {
        height: max-content;
        width: max-content;
    }

    .perfect-fit-wrap .perfect-v1 {
        padding: 0px 0 18px;
    }

    .one-platform-v1 .platform-v1 {
        padding: 0px 0 12px;
    }

    .one-platform-v1 {
        padding: 64px 0 28px;
    }
    
    
    .one-platform-v1 .platform-v1 .platform-title {
        max-width: 345px;
        margin: 0 auto;
    }
    
    .our-partners {
        padding: 81px 0 70px;
    }

    .warm-welcome-v1 {
        padding: 558px 0 68px;
        background-size: inherit !important;
    }

    .our-partners-card .company-detail a {
        padding: 0px 6px;
        border-radius: 55px;
        font-size: 13px;
    }

    .our-clients {
        padding: 35px 0 95px;
    }

    .our-clients .our-client-title {
        padding: 0px 0 29px;
    }

    .perfect-fit-wrap .perfect-fit-row {
        gap: 20px;
        grid-template-columns: 100%;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant {
        padding: 30px 31px 20px;
        height: 375px;
    }
    
    .perfect-fit-wrap .perfect-cta {
        padding: 32px 0;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h5 {
        margin-bottom: 7px;
        font-size: 27px;
        line-height: 37px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant .heading-h6 {
        margin-bottom: 0px;
    }

    .perfect-fit-wrap .perfect-card .perrect-card-contant p {
        margin-bottom: 8px;
    }

    .perfect-fit-wrap .perfect-card .card-img {
        height: 180px;
    }
    
    .page-footer {
        padding: 65px 0 180px;
        border-top: 4px solid var(--pink);
        overflow: hidden;
    }

    .home-s1-v2 .move-s1-marquee {
        gap: 42px;
    }

    .warm-welcome-v1 .platform-v1 {
        padding: 16px 0 10px;
        max-width: 100%;
    }

    .warm-welcome-v1 .cta .theme-btn2 {
        margin-right: 0;
        width: fit-content;
        display: block;
        margin-bottom: 0;
    }
    
    .warm-welcome-v1 .cta {
        margin-top: 30px;
        display: flex;
        text-align: -webkit-center;
        gap: 20px;
        justify-content: center;
        align-items: center;
    }

    .theme-btn2 {
        padding: 11.5px 25px;
        letter-spacing: 0px;
    }

    .theme-btn-out-blue {
        padding: 10.5px 25px;
        letter-spacing: 0px;
    }
    
    .our-clients .clients-card .c-heading {
        margin-bottom: 15px;
        font-size: 21px;
        margin-top: 19px;
    }

    .our-clients .clients-card .rating {
        margin-bottom: 7px;
    }

    .our-clients .clients-card .rating li.active {
        height: 18px;
        width: 18px;
        background-size: contain;
    }

    .our-clients .clients-card .rating li {
        height: 18px;
        width: 18px;
        background-size: contain;
    }
    
    .page-footer .footer-row {
        grid-template-columns: 100%;
    }

    .page-footer .footer-bottom {
        margin-top: 30px;
        grid-template-columns: 100%;
        gap: 40px;
    }

    .page-footer .footer-bottom .right .image-group {
        gap: 20px;
    }

    .page-footer .footer-bottom .right .image-group img {
        height: 55px;
    }

    .page-footer .footer-bottom .footer-link {
        gap: 15px;
        margin-bottom: 10px;
    }

    .page-footer .footer-row .footer-link .f-link {
        margin-bottom: 5px;
    }

    .starfish-v1-h {
        padding: 30px 0 345px;
        overflow: hidden;
    }

    .warm-welcome-v1 .content {
        max-width: 100%;
        margin: 0 auto;
    }
    
    .one-platform-v1 iframe {
        height: 200px !important;
    }

    .starfish-v1-h .starf-row {
        grid-template-columns: 100%;
        gap: 145px;
    }

    .header-main .page-navebar .nav-s1 {
        padding-left: 80px;
    }

    .starfish-v1-h .starf-row .right .open-rest .heading-h5 {
        padding-left: 15px;
        max-width: 120px;
        padding-top: 160px;
        font-size: 27px;
    }
    
    .starfish-v1-h .starf-row .right .open-rest .heading-h5 span {
        font-size: 34px;
    }

    .our-clients .clients-card .top {
        grid-template-columns: 100%;
        gap: 20px;
        padding-top: 0;
    }

    .our-clients .clients-card .left img {
        display: block;
        width: 165px;
        height: max-content;
    }

    .our-clients .clients-card .bottom .detail {
        margin-bottom: 15px;
    }

    .our-partners-card .logo {
        margin: 0px 0 15px;
    }

    .page-footer .logo-sec .cta {
        margin-bottom: 20px;
        order: 4;
        padding-top: 9px;
        margin-left: -50px;
    }

    .page-footer .footer-row .f-cell .media {
        order: 2;
    }

    .page-footer .footer-row .f-cell .media ul {
        display: flex;
        gap: 20px;
        justify-content: flex-end;
        margin-top: 19px;
        margin-right: 10px;
    }

    .our-partners-card .name .heading-h6 {
        margin-bottom: 7px;
    }

    .our-partners-card .company-detail {
        margin: 8px 0 5px;
        gap: 5px;
    }

    .our-partners-card .logo img {
        height: 45px;
    }

    .our-partners-card .partners-bottom {
        gap: 10px;
        margin-top: 15px;
    }

    section {
        overflow: hidden;
    }

    .page-footer .footer-row .f-cell .f-title {
        margin-bottom: 18px;
        margin-top: 0px;
    }

    .media .med-title {
        margin-bottom: 8px;
        display: none;
    }

    .page-footer .footer-row .f-cell .f-logo img {
        max-width: 220px;
    }
    
/* ============================================ */
    /* new mobile menu */
    .header-main .page-navebar {
        display: none;
    }
    .header-main .contact-fixed {
        display: none;
    }

     .nav-visible .nav-wrapper .btn-group, .nav-visible .nav-wrapper .btn-group-vertical {
        position: relative;
        display: block;
    }
    .nav-visible .nav-wrapper .btn-secondary {
        color: var(--white);
        background-color: transparent !important;
        border-color: transparent !important;
        width: 100% !important;
        display: flex !important;
        padding: 0;
    }
    .nav-visible .nav-wrapper .btn-secondary:active:focus {
        box-shadow: none;
    }
    .nav-visible .nav-wrapper .btn-check:focus+.btn-secondary,
    .nav-visible .nav-wrapper .btn-secondary:focus {
        color: var(--white);
        background-color: transparent !important;
        border-color: transparent !important;
        box-shadow: none;
    }
    /* end */

    .main-header .header-menu {
        display: none;
    }

    .page-wrap.fixed-header .mobile-menu {
        top: 21px;
        z-index: 9999;
        left: auto;
        right: 40px;
        background: transparent;
        width: 6%;
        border-radius: 0;
        padding: 0;
        position: fixed;
    }

    .page-wrap.fixed-header .menu_icon span {
        background-color: var(--dark-blue);
    }

    .nav-visible .page-wrap.fixed-header .menu_icon span {
        background-color: #ffffff !important;
    }
    
.nav-visible .mobile-menu {
    position: fixed !important;
    bottom: 0 !important;
    top: auto !important;
    z-index: 999;
    left: calc(50% - 10.5%);
    right: 40px;
    background: transparent;
    width: 21%;
    border-radius: 0;
    padding-top: 16.5px;
}

    .page__header .top-header .dropdown-toggle {
        display: block;
        width: 80px;
        padding: 6px 0px;
        margin-left: auto;
    }

    .page__header .top-header .dropdown .dropdown-toggle::after {
        right: 12px;
        top: 15px;
        width: 11px;
        height: 6.5px;
    }
        
    .nav-wrapper {
        height: 100%;
        width: 100%;
        overflow-y: auto !important;
        padding-top: 0px;
        position: fixed;
        left: 0;
        bottom: 0;
        top: auto;
        transform: translateY(100%);
        transition: transform 0.6s, visibility 0.8s;
        visibility: hidden;
        width: 100%;
        z-index: 99;
        border-radius: 0;
    }

    .main-header .header-right {
        display: none;
    }

.mobile-menu {
    display: block;
    width: 21%;
    height: 58px;
    background: var(--dark-blue);
    left: calc(50% - 10.5%);
    bottom: 0;
    position: fixed;
    top: auto;
    padding: 0;
    border-radius: 0;
    border-right: 1px solid #E3E7ED;
    border-left: 1px solid #E3E7ED;
    /* border-top: 1px solid #E3E7ED; */
    padding-top: 18px;
}
    
    .mobile-menu .toggle-btn {
        width: fit-content;
        margin: 0 auto;
    }
    
    .page__header {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
        width: 100%;
        padding: 0 0 10px;
        transition: all 200ms ease-in;
        background: transparent;
        overflow: hidden;
    }

    .mobile-menu .to-menu {
        display: block;
    }
    
    .menu_icon span {
        background-color: var(--white);
    }
    
    .nav-visible  .menu_icon span {
        background-color: var(--white);
    } 
    
    .navbar_toggler .text-menu {
        color: var(--RichBlue);
    }
    
    .nav-visible .navbar_toggler .text-menu {
        color: var(--white);
    }
    
    .mobile-menu .cta .theme-btn2 {
        background: var(--RichBlue) !important;
        padding: 14px 22.5px 14px 30px;
        border-radius: 15px 0px 0px 0px;
    }
    
    .nav-visible .mobile-menu .cta .theme-btn2 {
        background: var(--light-blue) !important;
    }

    .soft-s1.mobile {
        display: block;
    }

    .soft-s1.desktop {
        display: none;
    }

    .page-footer .footer-bottom .left .f-bot-cp {
        display: grid;
        gap: 5px;
    }

    .page-footer .logo-sec .cta a:first-child {
        margin-bottom: 2px;
    }

    .our-clients .owl-theme .owl-nav {
        margin-top: 0;
        position: relative;
        right: 0;
        top: 19px;
    }

    .soft-s1.mobile .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
        margin-bottom: 6px;
    }

    .soft-s1.mobile .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 3px;
        background: var(--dark-blue);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .soft-s1.mobile .owl-dot.active {
        border: 1px solid var(--dark-blue);
        border-radius: 100%;
        height: 20px;
        width: 20px;
    }

    .our-partners-slider  .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
        margin-bottom: 6px;
    }

    .our-partners-slider .owl-dots .owl-dot span {
        width: 12px;
        height: 12px;
        margin: 3px;
        background: var(--dark-blue);
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity .2s ease;
        border-radius: 30px;
    }

    .our-partners-slider .owl-dot.active {
        border: 1px solid var(--dark-blue);
        border-radius: 100%;
        height: 20px;
        width: 20px;
    }

    .our-partners-slider .owl-nav.disabled+.owl-dots {
        margin-top: 35px;
        margin-bottom: 6px;
    }

    .our-partners-slider .owl-dots .owl-dot {
        margin-right: 5px;
    }

    .our-partners-slider .owl-dot.active span, 
    .our-partners-slider .owl-dot:hover span {
        background: var(--dark-blue) !important;
    }

    .soft-s1.mobile .owl-dots .owl-dot {
        margin-right: 5px;
    }

    .page-footer .platforms.f-cell {
        display: none !important;
    }

    .page-footer .products.f-cell {
        display:none !important;
    }

    .page-footer .links.f-cell {
        display: none !important;
    }

    .page-footer .footer-row .f-cell {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 25px;
    }

    .page-footer .footer-bottom .right {
        order: 1;
    }

    .page-footer .footer-bottom .left {
        order: 2;
    }

    .page-footer .footer-bottom .right {
        margin-left: 0;
        margin-right: auto;
        width: 100%;
    }

    .page__header .top-header .software {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 1px;
        text-align: center;
        font-weight: 400;
    }

    .page__header .top-header {
        margin-bottom: 15px;
        padding: 8px 0;
    }

    .page__header .top-header .dropdown {
        display: none;
    }

    .banner.home-banner::after {
        position: absolute;
        content: " ";
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: var(--dark-blue);
        opacity: 39%;
    }

    .header-main .main-flex {
        display: none;
    }
    
    .mobile-header-logo {
        position: absolute;
        top: 47px;
        z-index: 88;
        display: grid;
        grid-template-columns: 50% 36% 14%;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        gap: 0;
        padding: 0 20px;
    }

    .nav-visible .nav-wrapper .cost-container-lg {
        padding: 0;
    }

    .mobile-footer-v1 {
        display: grid;
        grid-template-columns: 39% 21% 40%;
        justify-content: start;
        align-items: center;
    }

    /* privacy policy */
    .disclaimer-main .claimer-row .left .cont-sa1 {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 9;
        bottom: 61px;
        left: 0;
        padding: 20px;
        background: var(--bg-color);
    }

    .disclaimer-main .cont-s1 .left-main {
        display: none;
    }

    .disclaimer-main .claimer-row .custom-dropdown {
        position: relative;
        width: 100%;
        border-radius: 4px;
        cursor: pointer;
        background-attachment: var(--white);
        border: 1px solid var(--dark-blue);
        height: 44px;
    }

    .disclaimer-main .claimer-row .dropdown-list {
        position: absolute;
        top: auto;
        left: -1.2px;
        width: 100%;
        display: none;
        border: 1px solid var(--dark-blue);
        border-radius: 0 0 4px 4px;
        background-color: #fff;
        z-index: 99;
        bottom: 112%;
    }

    .disclaimer-main .claimer-row .custom-dropdown::after {
        position: absolute;
        content: " ";
        right: 25px;
        top: 18px;
        height: 15px;
        width: 12px;
        background-image: url(../images/arrow-down-blue.svg) !important;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 9;
    }

    .disclaimer-main .claimer-row .custom-dropdown.show::after {
        transform: rotate(180deg);
        top: 10px;
    }

    .disclaimer-main .claimer-row .dropdown-item {
        padding: 0;
        font-size: 15px;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        padding-left: 10px;
    }

    .disclaimer-main .claimer-row .dropdown-item a {
        display: block;
        padding: 5px;
    }

    .disclaimer-main .claimer-row {
        grid-template-columns: 100%;
        gap: 0%;
    }

    .disclaimer-main .claimer-row .cont-sa1.list .cont-title {
        display: none;
    }

    .disclaimer-main .claimer-row .selected-item {
        padding: 10px;
        font-size: 15px;
        font-weight: 400;
        display: block;
        position: absolute;
        background: transparent;
        z-index: 9;
        bottom: 0;
        width: 100%;
    }

    .disclaimer-main .claimer-row .left {
        position: inherit;
    }

    #scrollToTopBtn {
        position: fixed;
        bottom: 155px;
        right: 20px;
        display: none;
        background: url(../images/arrow-go-top.png), white;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: inherit;
        border: 1px solid var(--dark-blue);
        border-radius: 3px;
        padding: 10px;
        cursor: pointer;
        z-index: 9;
        height: 31px;
        width: 31px;
    }

    .term-header-main {
        padding: 200px 0 0px;
        padding-left: 20px;
    }

    .term-header-main .cost-container-lg {
        padding: 0;
    }
    
    .our-partners-slider.owl-theme .owl-nav {
        display: none !important;
    }
    
    .wpcf7-submit.theme-btn2 {
        background-position: 62% !important;
        background-size: 3% !important;
    }
    
    .wpcf7-submit.theme-btn2:hover {
        background-position: 62% !important;
        background-size: 3% !important;
    }
    
    .interested-blog .inters-form .wpcf7-response-output {
        max-width: 100%;
    }
    
    .software-designed .coom-card .heading-h5 {
        font-size: 27px;
        line-height: 37px;
    }
    
    .page-footer .footer-bottom .footer-link a {
        font-size: 13px;
        line-height: 23px;
    }
    
    .page-footer .footer-bottom .left p {
        font-size: 13px;
        line-height: 24px;
    }
    
    .nav-visible .nav-wrapper .dropdown-menu.show ul {
        margin-bottom: 30px;
    }
    
    .nav-visible .nav-wrapper .dropdown-menu.show ul:last-child {
        margin-bottom: 7px;
    }
    
    .cust-form-group .select-menu .wpcf7-not-valid-tip {
        left: 0px;
        bottom: -34px;
    }

    .disclaimer-main .cont-s1 {
        top: 20px;
        margin-bottom: 20px;
    }
    
    .partner-banner-cta {
        font-size: 13px;
        line-height: 23px;
    }
    
    .blog-banner-v1 .b-slide-card .company-detail a {
        padding: 2px 8px;
        font-size: 13px;
        margin-right: 5px;
    }
    
    .pms-banner .banner-content .pms-banner-cta .theme-btn2 {
        margin-right: 7px;
    }
    
    .schedule-board .title .title.heading-h2 {
        font-size: 32px;
        line-height: 41px;
    }
    
    .schedule-board .title .title.heading-h2 span {
        font-size: 34px;
        line-height: 41px;
    }
    
    .schedule-board .board-card p {
        font-size: 17px;
        line-height: 27px;
        width: 100%;
    }
    
    .channel-50 .title .heading-h5 {
        font-size: 27px;
        line-height: 37px;
    }
    
    .channel-50 .v-50-row {
        border-right: 0px solid #00356138;
        position: relative;
    }
    
    .channel-50 .v-50-row:after {
        position: absolute;
        content: "";
        left: -1px;
        top: 0;
        height: 100%;
        width: 5px;
        background: #ffffff;
    }
    
    .product-v3-pay .pay-v3-card  .title {
        margin-bottom: 12px;
        font-size: 27px;
    }

    .pms-banner.solution-v1 {
        position: relative;
        padding: 182px 0 62px;
    }
        
    .partner-tab .for-mobile {
        display: grid !important;
        grid-template-columns: 20% 80%;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    
    .partner-tab .nav.nav-pills.for-desktop {
        display: none;
    }
    
    .partner-tab .for-mobile .select-btn {
        padding: 10px;
    }
    
    .disclaimer-main .right li {
        margin-bottom: 3px;
    }
    
    .partner-baner .banner-content .theme-btn2 {
        padding: 11.5px 30px;
    }
    
    .page__header .cost-container-lg {
        padding: 0 7px;
    }
    .cost-pagination .pagination .page-item.main{
        display:none;
    }
    .cost-pagination .pagination .page-item.main.active{
        display:block;
    }
}


@media (min-width: 320px) and (max-width: 400px) {

    .mobile-footer-v1 ul.dropdown-menu.show {
        transform: translate3d(-12px, -52px, 0px) !important;
        border: 0;
        border-radius: 0;
        width: 101%;
        background: var(--dark-blue);
        padding: 16px 0px 7px 0px;
    }
    
    .mobile-footer-v1 .dropdown-toggle {
        padding: 8px 23px 18px 12px;
        border: 0;
        font-size: 15px;
        line-height: 23px;
        letter-spacing: 1px;
    }
    
    .mobile-footer-v1  .dropdown-toggle::after {
        right: 20px;
        top: 19px;
    }
        
    .mobile-header-logo {
        top: 70px;
    }
    
    .pms-banner.solution-v1 .pms-banner-cta {
        width: max-content;
        gap: 20px;
    }
    .cost-pagination .pagination .page-item.main{
        display:none;
    }
    .cost-pagination .pagination .page-item.main.active{
        display:block;
    }
}

@media (min-width: 385px) and (max-width: 400px) {
    .mobile-footer-v1 ul.dropdown-menu.show {
        transform: translate3d(-7px, -52px, 0px) !important;
    }
}