/* MOBILE-SCREEN */

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

@media only screen and (min-width: 330px) and (max-width: 375px) {

    .about-intro-section {
        margin-top: 77px;
    }


    .about-section {
        background-color: #fff;
        margin-top: 0;
    }
    .what-we-do-section::before {
        top: -20px;
        right: 0;
        width: 110px;
        height: 110px;
    }


    .why-choose-section::after {
        bottom: 0;
        right: 0;
        width: 110px;
        height: 110px;
    }


    .review-card {
        margin: 0;
    }

    .info-item {
        margin-bottom: 30px;
        padding: 20px;
        border-radius: 15px;
        transition: all 0.3sease;
        border: 1px solid #eee;
        display: flex
    ;
        align-items: center;
        flex-direction: column;
    }

    .info-text {
        padding-left: 0;
        padding-top: 18px;
        text-align: center;
    }

    .header-top-right {
        position: fixed;
        top: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .mas-hero-inner-text h1 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 4px;
    }

    .mas-hero-bg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }

    svg text {
        font-size: 30px;
        stroke-width: 1;
    }

    .header-top-right ul {
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .header-top-left-logo {
        max-width: 65px;
    }

    .header-top-bg {
        padding: 10px 0px;
        background-image: none;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-color: white;
    }

    .header-top-right {
        position: fixed;
        top: 77px;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        left: -100%;
        background-color: rgb(218 229 202);
        transition: 1s all;
        /* backdrop-filter: blur(10px); */
    }

    .header-top-right ul li {
        margin-left: 0px;
        margin-bottom: 24px;
        /* padding: 10px 95px; */
        background: aliceblue;
        width: 100%;
        text-align: center;
        padding: 12px 0px;
        border-radius: 107px;
        max-width: 210px;
    }

    .header-top-right-btn {
        display: block;
    }

    .menu svg {
        height: 33px;
    }

    .header-top-right-cards-r p {
        font-size: 4px;
    }

    .show {
        left: 0;
    }

    section.hero-section-pd {
        top: 78px;
    }

    .hero-section-top-title h6 {
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 0px;
    }

    .hero-section-main {
        padding: 280px 0px;
    }

    .hero-section-top-title p {
        font-size: 13px;
    }

    .services-main {
        padding: 3px 0px;
    }

    .about-pd {
        padding-bottom: 40px;
        padding-top: 50px;
    }

    .about-main {
        flex-direction: column-reverse;
    }

    .about-right {
        width: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
        padding-right: 0px;
    }

    .about-left-text p {
        max-width: 420px;
    }

    .about-left-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .about-right-video {
        height: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
    }

    .mas-benefits-pd {
        padding: 10px 0px;
    }

    .mas-benefits-top-title h6 {
        font-size: 31px;
    }

    .mas-benefits-middel {
        padding-top: 18px;
    }

    .mas-benefits-middel-cards {
        max-width: 410px;
        padding: 22px 28px;
        margin-left: 0px;
        margin-bottom: 25px;
    }

    .mas-benefits-middel-cards-inner-right p {
        max-width: 456px;
        font-size: 9px;
    }

    .mas-benefits-middel-cards-inner-left {
        max-width: 45px;
        height: 45px;
    }

    .mas-benefits-middel-cards-inner-right {
        padding-left: 20px;
    }

    .call-today-bg {
        padding: 20px 0px;
        margin-top: 25px;
    }

    .call-today-l-text h6 {
        max-width: 510px;
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 0px;
    }

    .customer-reviews-top-title {
        padding-top: 30px;
    }

    .call-today-right h6 {
        max-width: 100%;
        font-size: 11px;
    }

    .call-today-main {
        justify-content: center;
    }

    .customer-reviews-pd {
        padding: 72px 0px;
    }

    .customer-reviews-top-title h6 {
        font-size: 28px;
    }

    .item {
        display: flex;
        justify-content: center;
    }

    .get-in-touch-top-title h6 {
        font-size: 28px;
    }

    .get-in-touch-map {
        max-width: 470px;
        height: 390px;
    }

    .services-middel-cards {
        max-width: 300px;
        padding: 30px 30px;
        margin-left: 0px;
        margin-bottom: 45px;
    }

    .services-middel-top-inner {
        max-width: 40px;
    }

    .cus-ab-inner-image-slider {
        height: 100%;
    }

    .cus-ab-right-slider .owl-nav .owl-prev {
        height: 30px;
        width: 30px;
        left: -6px;
    }

    .cus-ab-right-slider .owl-nav .owl-next {
        height: 30px;
        width: 30px;
        right: -10px;
    }

    .cus-ab-right-slider .owl-nav .owl-prev img,
    .cus-ab-right-slider .owl-nav .owl-next img {
        max-width: 16px;
    }

    .services-middel-bottom-text h6 {
        font-size: 16px;
    }



    .services-middel-bottom-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .services-top-main h6 {
        font-size: 31px;
    }

    .hero-section-top-title {
        text-align: left;
        align-items: unset;
    }

    .services-pd {
        margin-top: 60px;
    }

    .get-in-touch-middel-map {
        margin-top: 25px;
    }

    .get-in-touch-middel-main {
        flex-direction: column;
        padding-top: 0px;
    }

    .get-in-touch-middel-map {
        max-width: 100%;
    }

    .get-in-touch-middel-left {
        padding-left: 0;
        padding-top: 45px;
    }

    .get-in-touch-middel-cards {
        max-width: 480px;
        margin-bottom: 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .crm-hero-middel-left,
    .crm-hero-middel-right {
        display: none;
    }

    .crm-hero-top-title h6 {
        font-size: 27px;
    }

    .crm-hero-top-title p {
        font-size: 15px;
        line-height: 22px;
    }

    .crm-hero-middel {
        max-width: 100%;
    }

    .crm-hero-section-bg {
        background-image: url(../images/mas-bg.png);
        background-size: cover;
        padding-top: 77px;
    }

    .crm-hero-top-title {
        margin-bottom: 79px;
    }

    .crm-hero-main {
        padding-top: 0;
    }

    .crm-hero-main {
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .design-for-device-main.d-flex.align-items-center {
        flex-direction: column-reverse;
    }

    .design-for-device-left,
    .design-for-device-right {
        width: 100%;
    }

    .design-for-device-right-image {
        max-width: 100%;
        height: 100%;
        width: 100%;
    }

    .design-for-device-left.aos-init.aos-animate {
        padding-top: 35px;
    }

    .design-for-device-pd {
        padding-top: 50px;
    }

    .design-for-device-left-top-title h6 {
        font-size: 40px;
        line-height: 49.9px;
    }

    .design-for-device-left-bot-text h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 25px;
    }

    .design-for-device-left-bot-text p {
        font-size: 18px;
        line-height: 27px;
    }

    .in-cloud-main {
        flex-direction: column;
    }

    .in-cloud-left,
    .in-cloud-right {
        width: 100%;
    }

    .in-cloud-right.aos-init.aos-animate {
        padding-top: 55px;
    }

    .main-feature-middel-main {
        FLEX-DIRECTION: column;
    }

    .main-feature-middel-cards {
        margin-right: 0px;
        width: calc(100% / 1);
        MARGIN-BOTTOM: 60px;
    }

    .frequently-ask-que-top-right {
        display: none;
    }

    .frequently-ask-que-top-left,
    .frequently-ask-que-top-right {
        width: 100%;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 35px;
        line-height: 50.9px;
    }

    .frequently-ask-que-pd {
        padding-top: 0;
    }

    .cus-frequently-font {
        font-size: 14px;
        line-height: 24px;
    }

    .frequently-ask-que-middel-collapes {
        padding: 9px 9px;
        margin-bottom: 20px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font.collapsed {
        margin-bottom: 0px;
    }

    .frequently-ask-que-body {
        padding-left: 10px;
        padding-right: 15px;
    }

    .frequently-ask-que-body p {
        font-size: 12px;
        line-height: 22px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font {
        margin-bottom: 0;
    }

    .services-top-main p {
        font-size: 19px;
        margin-bottom: 0;
        margin-top: 1px;
        text-align: center;
        line-height: 24px;
        max-width: 285px;
    }

    .text-overlay {
        height: max-content;
    }

    .mas-hero-inner-text p {
        font-size: 18px;
        max-width: 230px;
    }

    .mas-hero-inner-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* SERVICES-CSS */

    .hero-services-section {
        padding-top: 100PX;
    }

    .hero-services-top-title h6 {
        font-size: 27px;
    }

    .hero-services-top-title p {
        font-size: 12px;
        line-height: 20px;
    }

    .hero-services-middel-main {
        padding: 16px 20px;
        margin-top: 25PX;
    }

    .hero-services-middel-c-top-right h5 {
        font-size: 14px;
        margin-left: 6px;
    }

    .hero-services-middel-c-top-left {
        max-width: 42px;
        height: 37px;
    }

    .hero-services-middel-c-top-title {
        padding-bottom: 14px;
        padding-right: 32px;
    }

    .hero-servies-middel-cards-middle h6 {
        font-size: 13px;
    }

    .hero-servies-middel-cards-middle {
        padding-top: 15px;
    }

    .hero-servies-middel-cards-middle p {
        font-size: 13px;
        margin-top: 13px;
    }

    .hero-servies-middel-cards-bottom a {
        padding: 10px 33px;
        max-width: 130px;
        font-size: 11px;
    }

    section.hero-reviews-pd {
        top: 77px;
    }

    .hero-reviews-right-main-cards-bg {
        padding: 38px 0px;
        max-width: 280px;
        width: 100%;
        position: relative;
    }

    .hero-reviews-right-main-cards-bg h4 {
        margin-bottom: 9px;
        font-size: 20px;
    }

    .header-reviews-right-main-top-icon {
        max-width: 58px;
    }

    .header-top-right-cards-top-text h6 {
        line-height: 19px;
        font-size: 13px;
        max-width: 230px;
    }

    .hero-reviews-right-cards-bottom-text {
        margin-top: 15px;
    }

    .hero-reviews-right-cards-bottom-text h6 {
        font-size: 17px;
        margin-bottom: 3px;
    }

    .hero-reviews-right-cards-bottom-text p {
        font-size: 12px;
    }

    .cus-reviews-slider .owl-nav .owl-next img,
    .cus-reviews-slider .owl-nav .owl-prev img {
        max-width: 30px;
        width: 100%;
    }

    .cus-reviews-slider .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        left: -21px;
    }

    .cus-reviews-slider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        right: -21px;
    }

    .hero-contact-us-page-bg {
        /* height: 100vh; */
        margin-top: 30px;
    }

    .hero-contact-us-page-main {
        flex-direction: column-reverse;
    }

    .hero-contact-us-page-right {
        width: 100%;
    }

    .hero-contact-us-page-left {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-bg {
        max-width: 100%;
        width: 100%;
    }

    .hero-contact-us-page-right-form-main {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form textarea {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form input[type="email"],
    .hero-contact-us-page-right-form-main form input[type="text"] {
        width: 100%;
    }

    .frequently-ask-que-top-main {
        top: 0px;
        padding-bottom: 25px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 29px;
    }


}

@media only screen and (min-width: 376px) and (max-width: 480px) {


    .about-intro-section {
        margin-top: 78px;
    }


    .what-we-do-section::before {
        top: -20px;
        right: 0;
        width: 110px;
        height: 110px;
    }


    .why-choose-section::after {
        bottom: 0;
        right: 0;
        width: 110px;
        height: 110px;
    }


    .about-section {
        background-color: #fff;
        margin-top: 0;
    }


    .review-card {
        margin: 0;
    }
    
    .info-item {
        margin-bottom: 30px;
        padding: 20px;
        border-radius: 15px;
        transition: all 0.3sease;
        border: 1px solid #eee;
        display: flex
    ;
        align-items: center;
        flex-direction: column;
    }

    .info-text {
        padding-left: 0;
        padding-top: 18px;
        text-align: center;
    }
    .header-top-right {
        position: fixed;
        top: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }


    .services-top-main p {
        font-size: 21px;
        text-align: center;
        max-width: 312px;
        line-height: 25px;
    }

    .mas-hero-inner-text h1 {
        font-size: 37px;
        line-height: 44px;
    }

    .mas-hero-bg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }

    svg text {
        font-size: 30px;
        stroke-width: 1;
    }

    section.get-in-touch {
        padding: 31px 0px;
        width: 100%;
        max-width: 100%;
    }

    .get-in-touch-main {
        max-width: 100%;
        width: 100%;
    }

    .header-top-right ul {
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .header-top-left-logo {
        max-width: 65px;
    }

    .header-top-bg {
        padding: 10px 0px;
        background-image: none;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-color: white;
    }

    .header-top-right {
        position: fixed;
        top: 78px;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        left: -100%;
        background-color: rgb(218 229 202);
        transition: 1s all;
        /* backdrop-filter: blur(10px); */
    }

    .header-top-right ul li {
        margin-left: 0px;
        margin-bottom: 24px;
        /* padding: 10px 95px; */
        background: aliceblue;
        width: 100%;
        text-align: center;
        padding: 12px 0px;
        border-radius: 107px;
        max-width: 210px;
    }

    .header-top-right-btn {
        display: block;
    }

    .menu svg {
        height: 33px;
    }

    .header-top-right-cards-r p {
        font-size: 5px;
    }

    .show {
        left: 0;
    }

    section.hero-section-pd {
        top: 78px;
    }

    .hero-section-top-title h6 {
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 0px;
    }

    .hero-section-main {
        padding: 280px 0px;
    }

    .hero-section-top-title p {
        font-size: 13px;
    }

    .services-main {
        padding: 3px 0px;
    }

    .about-pd {
        padding-bottom: 40px;
        padding-top: 50px;
    }

    .about-main {
        flex-direction: column-reverse;
    }

    .about-right {
        width: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
        padding-right: 0px;
    }

    .about-left-text p {
        max-width: 420px;
    }

    .about-left-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .about-right-video {
        height: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
    }

    .mas-benefits-pd {
        padding: 10px 0px;
    }

    .mas-benefits-top-title h6 {
        font-size: 31px;
    }

    .mas-benefits-middel {
        padding-top: 18px;
    }

    .mas-benefits-middel-cards {
        max-width: 410px;
        padding: 22px 28px;
        margin-left: 0px;
        margin-bottom: 25px;
    }

    .mas-benefits-middel-cards-inner-right p {
        max-width: 456px;
        font-size: 9px;
    }

    .mas-benefits-middel-cards-inner-left {
        max-width: 45px;
        height: 45px;
    }

    .mas-benefits-middel-cards-inner-right {
        padding-left: 20px;
    }

    .call-today-bg {
        padding: 20px 0px;
        margin-top: 25px;
    }

    .call-today-l-text h6 {
        max-width: 510px;
        font-size: 11px;
        line-height: 13px;
        margin-bottom: 0px;
    }

    .customer-reviews-top-title {
        padding-top: 30px;
    }

    .call-today-right h6 {
        max-width: 100%;
        font-size: 12px;
    }

    .call-today-main {
        justify-content: center;
    }

    .customer-reviews-pd {
        padding: 62px 0px;
    }

    .customer-reviews-top-title h6 {
        font-size: 28px;
    }

    .item {
        display: flex;
        justify-content: center;
    }

    .get-in-touch-top-title h6 {
        font-size: 28px;
    }

    .get-in-touch-map {
        max-width: 470px;
        height: 390px;
    }

    .services-middel-cards {
        max-width: 300px;
        padding: 30px 30px;
        margin-left: 0px;
    }

    .services-middel-top-inner {
        max-width: 40px;
    }

    .services-middel-bottom-text h6 {
        font-size: 16px;
    }

    .services-middel-bottom-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .services-top-main h6 {
        font-size: 31px;
    }

    .hero-section-top-title {
        text-align: left;
        align-items: unset;
    }

    .services-pd {
        margin-top: 130px;
    }

    .get-in-touch-middel-map {
        margin-top: 25px;
    }


    .get-in-touch-middel-main {
        flex-direction: column;
        padding-top: 0px;
    }

    .get-in-touch-middel-map {
        max-width: 100%;
    }

    .get-in-touch-middel-left {
        padding-left: 0;
        padding-top: 45px;
    }

    .get-in-touch-middel-cards {
        max-width: 409px;
        margin-bottom: 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .crm-hero-middel-left,
    .crm-hero-middel-right {
        display: none;
    }

    .crm-hero-top-title h6 {
        font-size: 27px;
    }

    .crm-hero-top-title p {
        font-size: 15px;
        line-height: 22px;
    }

    .crm-hero-middel {
        max-width: 100%;
    }

    .crm-hero-section-bg {
        background-image: url(../images/mas-bg.png);
        background-size: cover;
        padding-top: 78px;
    }

    .crm-hero-top-title {
        margin-bottom: 79px;
    }

    .crm-hero-main {
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .design-for-device-main.d-flex.align-items-center {
        flex-direction: column-reverse;
    }

    .design-for-device-left,
    .design-for-device-right {
        width: 100%;
    }

    .design-for-device-right-image {
        max-width: 100%;
        height: 100%;
        width: 100%;
    }

    .design-for-device-left.aos-init.aos-animate {
        padding-top: 35px;
    }

    .design-for-device-pd {
        padding-top: 50px;
        max-width: 100%;
    }

    .design-for-device-left-top-title h6 {
        font-size: 40px;
        line-height: 49.9px;
    }

    .design-for-device-left-bot-text h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 25px;
    }

    .design-for-device-left-bot-text p {
        font-size: 18px;
        line-height: 27px;
    }

    .crm-hero-main {
        padding-top: 0;
    }



    .in-cloud-main {
        flex-direction: column;
    }

    .in-cloud-left,
    .in-cloud-right {
        width: 100%;
    }

    .in-cloud-right.aos-init.aos-animate {
        padding-top: 55px;
    }

    .main-feature-middel-main {
        FLEX-DIRECTION: column;
    }

    .main-feature-middel-cards {
        margin-right: 0px;
        width: calc(100% / 1);
        MARGIN-BOTTOM: 60px;
    }

    .frequently-ask-que-top-right {
        display: none;
    }

    .frequently-ask-que-top-left,
    .frequently-ask-que-top-right {
        width: 100%;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 35px;
        line-height: 50.9px;
    }

    .frequently-ask-que-pd {
        padding-top: 0;
    }

    .cus-frequently-font {
        font-size: 14px;
        line-height: 24px;
    }

    .frequently-ask-que-middel-collapes {
        padding: 9px 9px;
        margin-bottom: 20px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font.collapsed {
        margin-bottom: 0px;
    }

    .frequently-ask-que-body {
        padding-left: 10px;
        padding-right: 15px;
    }

    .frequently-ask-que-body p {
        font-size: 12px;
        line-height: 22px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font {
        margin-bottom: 0;
    }

    .cus-ab-inner-image-slider {
        height: 100%;
    }

    .cus-ab-right-slider .owl-nav .owl-prev {
        height: 30px;
        width: 30px;
        left: -6px;
    }

    .cus-ab-right-slider .owl-nav .owl-next {
        height: 30px;
        width: 30px;
        right: -10px;
    }

    .cus-ab-right-slider .owl-nav .owl-prev img,
    .cus-ab-right-slider .owl-nav .owl-next img {
        max-width: 16px;
    }

    .mas-hero-inner-text p {
        font-size: 18px;
        max-width: 230px;
    }

    .mas-hero-inner-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }


    /* SERVICES-CSS */

    .hero-services-section {
        padding-top: 100PX;
    }

    .hero-services-top-title h6 {
        font-size: 27px;
    }

    .hero-services-top-title p {
        font-size: 12px;
        line-height: 20px;
    }

    .hero-services-middel-main {
        padding: 16px 20px;
        margin-top: 25PX;
    }

    .hero-services-middel-c-top-right h5 {
        font-size: 14px;
        margin-left: 6px;
    }

    .hero-services-middel-c-top-left {
        max-width: 42px;
        height: 37px;
    }

    .hero-services-middel-c-top-title {
        padding-bottom: 14px;
        padding-right: 32px;
    }

    .hero-servies-middel-cards-middle h6 {
        font-size: 13px;
    }

    .hero-servies-middel-cards-middle {
        padding-top: 15px;
    }

    .hero-servies-middel-cards-middle p {
        font-size: 13px;
        margin-top: 13px;
    }

    .hero-servies-middel-cards-bottom a {
        padding: 10px 33px;
        max-width: 130px;
        font-size: 11px;
    }

    section.hero-reviews-pd {
        top: 78px;
    }

    .hero-reviews-right-main-cards-bg {
        padding: 38px 0px;
        max-width: 320px;
        width: 100%;
    }

    .hero-reviews-right-main-cards-bg h4 {
        margin-bottom: 9px;
        font-size: 20px;
    }

    .header-reviews-right-main-top-icon {
        max-width: 58px;
    }

    .header-top-right-cards-top-text h6 {
        line-height: 21px;
        font-size: 15px;
        max-width: 250px;
    }

    .hero-reviews-right-cards-bottom-text {
        margin-top: 15px;
    }

    .hero-reviews-right-cards-bottom-text h6 {
        font-size: 17px;
        margin-bottom: 3px;
    }

    .hero-reviews-right-cards-bottom-text p {
        font-size: 12px;
    }

    .cus-reviews-slider .owl-nav .owl-next img,
    .cus-reviews-slider .owl-nav .owl-prev img {
        max-width: 30px;
        width: 100%;
    }

    .cus-reviews-slider .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        left: -21px;
    }

    .cus-reviews-slider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        right: -21px;
    }

    .hero-contact-us-page-bg {
        /* height: 100vh; */
        margin-top: 38px;
    }

    .hero-contact-us-page-main {
        flex-direction: column-reverse;
    }

    .hero-contact-us-page-right {
        width: 100%;
    }

    .hero-contact-us-page-left {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-bg {
        max-width: 100%;
        width: 100%;
    }

    .hero-contact-us-page-right-form-main {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form textarea {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form input[type="email"],
    .hero-contact-us-page-right-form-main form input[type="text"] {
        width: 100%;
    }

    .frequently-ask-que-top-main {
        top: 0px;
        padding-bottom: 25px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 39px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 29px;
    }


}

@media only screen and (min-width: 481px) and (max-width: 530px) {

    .about-intro-section {
        margin-top: 90px;
    }


    .what-we-do-section::before {
        top: -20px;
        right: 0;
        width: 110px;
        height: 110px;
    }


    .why-choose-section::after {
        bottom: 50px;
        right: 0;
        width: 170px;
        height: 170px;
    }

    .why-choose-section {
        padding: 140px 0 !important; 
    }


    .about-section {
        background-color: #fff;
        margin-top: 0;
    }

    .info-item {
        margin-bottom: 30px;
        padding: 20px;
        border-radius: 15px;
        transition: all 0.3sease;
        border: 1px solid #eee;
        display: flex
    ;
        align-items: center;
        flex-direction: column;
    }

    .info-text {
        padding-left: 0;
        padding-top: 18px;
        text-align: center;
    }


    .header-top-right {
        position: fixed;
        top: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .mas-hero-inner-text h1 {
        font-size: 46px;
        line-height: 57px;
        max-width: 410px;
    }

    .mas-hero-bg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }

    svg text {
        font-size: 50px;
        stroke-width: 1;
    }

    .services-top-main p {
        text-align: center;
        max-width: 320px;
    }

    .header-top-right ul {
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .header-top-left-logo {
        max-width: 86px;
    }

    .header-top-bg {
        padding: 12px 0px;
        background-image: none;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-color: white;
    }

    .header-top-right {
        position: fixed;
        top: 90px;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        left: -100%;
        background-color: rgb(218 229 202);
        transition: 1s all;
        /* backdrop-filter: blur(10px); */
    }

    .header-top-right ul li {
        margin-left: 0px;
        margin-bottom: 24px;
        /* padding: 10px 95px; */
        background: aliceblue;
        width: 100%;
        text-align: center;
        padding: 12px 0px;
        border-radius: 107px;
        max-width: 210px;
    }

    .header-top-right-btn {
        display: block;
    }

    .menu svg {
        height: 38px;
    }

    .header-top-right-cards-r p {
        font-size: 7px;
    }

    .show {
        left: 0;
    }

    section.hero-section-pd {
        top: 92px;
    }

    .hero-section-top-title h6 {
        font-size: 25px;
        line-height: 55px;
        margin-bottom: 0px;
    }

    .hero-section-main {
        padding: 280px 0px;
    }

    .hero-section-top-title p {
        font-size: 13px;
    }

    .services-main {
        padding: 3px 0px;
    }

    .about-pd {
        padding-bottom: 40px;
        padding-top: 50px;
    }

    .about-main {
        flex-direction: column-reverse;
    }

    .about-right {
        width: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
        padding-right: 0px;
    }

    .about-left-text p {
        max-width: 420px;
    }

    .about-left-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .about-right-video {
        height: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
    }

    .mas-benefits-pd {
        padding: 10px 0px;
    }

    .mas-benefits-top-title h6 {
        font-size: 31px;
    }

    .mas-benefits-middel {
        padding-top: 18px;
    }

    .mas-benefits-middel-cards {
        max-width: 410px;
        padding: 22px 28px;
        margin-left: 0px;
        margin-bottom: 25px;
    }

    .mas-benefits-middel-cards-inner-right p {
        max-width: 456px;
        font-size: 9px;
    }

    .mas-benefits-middel-cards-inner-left {
        max-width: 45px;
        height: 45px;
    }

    .mas-benefits-middel-cards-inner-right {
        padding-left: 20px;
    }

    .call-today-bg {
        padding: 20px 0px;
        margin-top: 25px;
    }

    .call-today-l-text h6 {
        max-width: 510px;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .customer-reviews-top-title {
        padding-top: 30px;
    }

    .call-today-right h6 {
        max-width: 100%;
        font-size: 14px;
    }

    .call-today-main {
        justify-content: center;
    }

    .customer-reviews-pd {
        padding: 72px 0px;
    }
    .customer-reviews-top-title h6 {
        font-size: 28px;
    }

    .item {
        display: flex;
        justify-content: center;
    }

    .get-in-touch-top-title h6 {
        font-size: 28px;
    }

    .get-in-touch-map {
        max-width: 470px;
        height: 390px;
    }

    .services-middel-cards {
        max-width: 300px;
        padding: 30px 30px;
        margin-left: 0px;
    }

    .services-middel-top-inner {
        max-width: 40px;
    }

    .services-middel-bottom-text h6 {
        font-size: 16px;
    }

    .services-middel-bottom-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .services-top-main h6 {
        font-size: 31px;
    }

    .hero-section-top-title {
        text-align: left;
        align-items: unset;
    }

    .services-pd {
        margin-top: 80px;
    }

    .get-in-touch-middel-map {
        margin-top: 25px;
    }


    .get-in-touch-middel-main {
        flex-direction: column;
        padding-top: 0px;
    }

    .get-in-touch-middel-map {
        max-width: 100%;
    }

    .get-in-touch-middel-left {
        padding-left: 0;
        padding-top: 45px;
    }

    .get-in-touch-middel-cards {
        max-width: 480px;
        margin-bottom: 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .crm-hero-middel-left,
    .crm-hero-middel-right {
        display: none;
    }

    .crm-hero-top-title h6 {
        font-size: 27px;
    }

    .crm-hero-top-title p {
        font-size: 15px;
        line-height: 22px;
    }

    .crm-hero-middel {
        max-width: 100%;
    }

    .crm-hero-section-bg {
        background-image: url(../images/mas-bg.png);
        background-size: cover;
        padding-top: 92px;
    }

    .crm-hero-top-title {
        margin-bottom: 79px;
    }

    .crm-hero-main {
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }


    .design-for-device-main.d-flex.align-items-center {
        flex-direction: column-reverse;
    }

    .design-for-device-left,
    .design-for-device-right {
        width: 100%;
    }

    .design-for-device-right-image {
        max-width: 100%;
        height: 100%;
        width: 100%;
    }

    .design-for-device-left.aos-init.aos-animate {
        padding-top: 35px;
    }

    .design-for-device-pd {
        padding-top: 50px;
    }

    .design-for-device-left-top-title h6 {
        font-size: 40px;
        line-height: 49.9px;
    }

    .design-for-device-left-bot-text h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 25px;
    }

    .design-for-device-left-bot-text p {
        font-size: 18px;
        line-height: 27px;
    }

    .crm-hero-main {
        padding-top: 0;
    }


    .in-cloud-main {
        flex-direction: column;
    }

    .in-cloud-left,
    .in-cloud-right {
        width: 100%;
    }

    .in-cloud-right.aos-init.aos-animate {
        padding-top: 55px;
    }

    .main-feature-middel-main {
        FLEX-DIRECTION: column;
    }

    .main-feature-middel-cards {
        margin-right: 0px;
        width: calc(100% / 1);
        MARGIN-BOTTOM: 60px;
    }

    .frequently-ask-que-top-right {
        display: none;
    }

    .frequently-ask-que-top-left,
    .frequently-ask-que-top-right {
        width: 100%;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 35px;
        line-height: 50.9px;
    }

    .frequently-ask-que-pd {
        padding-top: 0;
    }

    .cus-frequently-font {
        font-size: 14px;
        line-height: 24px;
    }

    .frequently-ask-que-middel-collapes {
        padding: 9px 9px;
        margin-bottom: 20px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font.collapsed {
        margin-bottom: 0px;
    }

    .frequently-ask-que-body {
        padding-left: 10px;
        padding-right: 15px;
    }

    .frequently-ask-que-body p {
        font-size: 12px;
        line-height: 22px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font {
        margin-bottom: 0;
    }

    .cus-ab-inner-image-slider {
        height: 100%;
    }

    .cus-ab-right-slider .owl-nav .owl-prev {
        height: 30px;
        width: 30px;
        left: -6px;
    }

    .cus-ab-right-slider .owl-nav .owl-next {
        height: 30px;
        width: 30px;
        right: -10px;
    }

    .cus-ab-right-slider .owl-nav .owl-prev img,
    .cus-ab-right-slider .owl-nav .owl-next img {
        max-width: 16px;
    }

    .mas-hero-inner-text p {
        font-size: 18px;
        max-width: 292px;
    }

    .mas-hero-inner-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* SERVICES-CSS */

    .hero-services-section {
        padding-top: 100PX;
    }

    .hero-services-top-title h6 {
        font-size: 27px;
    }

    .hero-services-top-title p {
        font-size: 12px;
        line-height: 20px;
    }

    .hero-services-middel-main {
        padding: 16px 20px;
        margin-top: 25PX;
    }

    .hero-services-middel-c-top-right h5 {
        font-size: 14px;
        margin-left: 6px;
    }

    .hero-services-middel-c-top-left {
        max-width: 42px;
        height: 37px;
    }

    .hero-services-middel-c-top-title {
        padding-bottom: 14px;
        padding-right: 32px;
    }

    .hero-servies-middel-cards-middle h6 {
        font-size: 13px;
    }

    .hero-servies-middel-cards-middle {
        padding-top: 15px;
    }

    .hero-servies-middel-cards-middle p {
        font-size: 13px;
        margin-top: 13px;
    }

    .hero-servies-middel-cards-bottom a {
        padding: 10px 33px;
        max-width: 130px;
        font-size: 11px;
    }

    section.hero-reviews-pd {
        top: 90px;
    }

    .hero-reviews-right-main-cards-bg {
        padding: 38px 0px;
        max-width: 370px;
        width: 100%;
    }

    .hero-reviews-right-main-cards-bg h4 {
        margin-bottom: 9px;
        font-size: 24px;
    }

    .header-reviews-right-main-top-icon {
        max-width: 73px;
    }

    .header-top-right-cards-top-text h6 {
        line-height: 21px;
        font-size: 16px;
        max-width: 280px;
    }

    .hero-reviews-right-cards-bottom-text {
        margin-top: 15px;
    }

    .hero-reviews-right-cards-bottom-text h6 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .hero-reviews-right-cards-bottom-text p {
        font-size: 13px;
    }

    .cus-reviews-slider .owl-nav .owl-next img,
    .cus-reviews-slider .owl-nav .owl-prev img {
        max-width: 30px;
        width: 100%;
    }

    .cus-reviews-slider .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        left: -21px;
    }

    .cus-reviews-slider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        right: -21px;
    }

    .hero-contact-us-page-bg {
        /* height: 100vh; */
        margin-top: 60px;
    }

    .hero-contact-us-page-main {
        flex-direction: column-reverse;
    }

    .hero-contact-us-page-right {
        width: 100%;
    }

    .hero-contact-us-page-left {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-bg {
        max-width: 100%;
        width: 100%;
    }

    .hero-contact-us-page-right-form-main {
        width: 100%;
    }

    .frequently-ask-que-top-main {
        top: 0px;
        padding-bottom: 25px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 39px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 29px;
    }


}

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

    .about-intro-section {
        margin-top: 92px;
    }


    .what-we-do-section::before {
        top: -20px;
        right: 0;
        width: 110px;
        height: 110px;
    }


    .why-choose-section::after {
        bottom: 50px;
        right: 0;
        width: 170px;
        height: 170px;
    }

    .why-choose-section {
        padding: 140px 0 !important; 
    }


    .about-section {
        background-color: #fff;
        margin-top: 0;
    }



    .info-item {
        margin-bottom: 30px;
        padding: 20px;
        border-radius: 15px;
        transition: all 0.3sease;
        border: 1px solid #eee;
        display: flex
    ;
        align-items: center;
        flex-direction: column;
    }

    .info-text {
        padding-left: 0;
        padding-top: 18px;
        text-align: center;
    }

    .header-top-right {
        position: fixed;
        top: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }


    .mas-hero-inner-text h1 {
        font-size: 51px;
        line-height: 65px;
        max-width: 410px;
    }

    .mas-hero-bg video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left;
    }

    .header-top-right ul {
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .header-top-left-logo {
        max-width: 86px;
    }

    .header-top-bg {
        padding: 12px 0px;
        background-image: none;
        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        background-color: white;
    }

    .header-top-right {
        position: fixed;
        top: 92px;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        left: -100%;
        background-color: rgb(218 229 202);
        transition: 1s all;
        /* backdrop-filter: blur(10px); */
    }

    .header-top-right ul li {
        margin-left: 0px;
        margin-bottom: 24px;
        /* padding: 10px 95px; */
        background: aliceblue;
        width: 100%;
        text-align: center;
        padding: 12px 0px;
        border-radius: 107px;
        max-width: 210px;
    }

    .header-top-right-btn {
        display: block;
    }

    .menu svg {
        height: 38px;
    }

    .header-top-right-cards-r p {
        font-size: 8px;
    }

    .show {
        left: 0;
    }

    section.hero-section-pd {
        top: 92px;
    }

    .hero-section-top-title h6 {
        font-size: 25px;
        line-height: 55px;
        margin-bottom: 0px;
    }

    .hero-section-main {
        padding: 280px 0px;
    }

    .hero-section-top-title p {
        font-size: 13px;
    }

    .services-main {
        padding: 3px 0px;
    }

    .about-pd {
        padding-bottom: 40px;
        padding-top: 50px;
    }

    .about-main {
        flex-direction: column-reverse;
    }

    .about-right {
        width: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
        padding-right: 0px;
    }

    .about-left-text p {
        max-width: 420px;
    }

    .about-left-text {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .about-right-video {
        height: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
    }

    .mas-benefits-pd {
        padding: 10px 0px;
    }

    .mas-benefits-top-title h6 {
        font-size: 31px;
    }

    .mas-benefits-middel {
        padding-top: 18px;
    }

    .mas-benefits-middel-cards {
        max-width: 410px;
        padding: 22px 28px;
        margin-left: 0px;
        margin-bottom: 25px;
    }

    .mas-benefits-middel-cards-inner-right p {
        max-width: 456px;
        font-size: 9px;
    }

    .mas-benefits-middel-cards-inner-left {
        max-width: 45px;
        height: 45px;
    }

    .mas-benefits-middel-cards-inner-right {
        padding-left: 20px;
    }

    .call-today-bg {
        padding: 20px 0px;
        margin-top: 25px;
    }

    .call-today-l-text h6 {
        max-width: 510px;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0px;
    }

    .customer-reviews-top-title {
        padding-top: 30px;
    }

    .call-today-right h6 {
        max-width: 100%;
        font-size: 14px;
    }

    .call-today-main {
        justify-content: center;
    }

    .customer-reviews-pd {
        padding: 72px 0px;
    }

    .customer-reviews-top-title h6 {
        font-size: 28px;
    }

    .item {
        display: flex;
        justify-content: center;
    }

    .get-in-touch-top-title h6 {
        font-size: 28px;
    }

    .get-in-touch-map {
        max-width: 470px;
        height: 390px;
    }

    .services-middel-cards {
        max-width: 300px;
        margin-left: 0px;
        padding: 30px 30px;
    }

    .services-middel-top-inner {
        max-width: 40px;
    }

    .services-middel-bottom-text h6 {
        font-size: 16px;
    }

    .services-middel-bottom-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .services-top-main h6 {
        font-size: 31px;
    }

    .hero-section-top-title {
        text-align: left;
        align-items: unset;
    }

    .services-pd {
        margin-top: 130px;
    }

    .get-in-touch-middel-map {
        margin-top: 25px;
    }

    .get-in-touch-middel-main {
        flex-direction: column;
        padding-top: 45px;
    }

    .get-in-touch-middel-map {
        max-width: 100%;
    }

    .get-in-touch-middel-left {
        padding-left: 0;
        padding-top: 45px;
    }

    .get-in-touch-middel-cards {
        max-width: 480px;
        margin-bottom: 25px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .crm-hero-middel-left,
    .crm-hero-middel-right {
        display: none;
    }

    .crm-hero-top-title h6 {
        font-size: 27px;
    }

    .crm-hero-top-title p {
        font-size: 15px;
        line-height: 22px;
    }

    .crm-hero-middel {
        max-width: 100%;
    }

    .crm-hero-section-bg {
        background-image: url(../images/mas-bg.png);
        background-size: cover;
        padding-top: 104px;
    }

    .crm-hero-top-title {
        margin-bottom: 79px;
    }

    .crm-hero-main {
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .design-for-device-main.d-flex.align-items-center {
        flex-direction: column-reverse;
    }

    .design-for-device-left,
    .design-for-device-right {
        width: 100%;
    }

    .design-for-device-right-image {
        max-width: 100%;
        height: 100%;
        width: 100%;
    }

    .design-for-device-left.aos-init.aos-animate {
        padding-top: 35px;
    }

    .design-for-device-pd {
        padding-top: 50px;
    }

    .design-for-device-left-top-title h6 {
        font-size: 40px;
        line-height: 49.9px;
    }

    .design-for-device-left-bot-text h6 {
        font-size: 18px;
        line-height: 27px;
        margin-bottom: 25px;
    }

    .design-for-device-left-bot-text p {
        font-size: 18px;
        line-height: 27px;
    }

    .crm-hero-main {
        padding-top: 0;
    }

    .in-cloud-main {
        flex-direction: column;
    }

    .in-cloud-left,
    .in-cloud-right {
        width: 100%;
    }

    .in-cloud-right.aos-init.aos-animate {
        padding-top: 55px;
    }

    .main-feature-middel-main {
        FLEX-DIRECTION: column;
    }

    .main-feature-middel-cards {
        margin-right: 0px;
        width: calc(100% / 1);
        MARGIN-BOTTOM: 60px;
    }

    .frequently-ask-que-top-right {
        display: none;
    }

    .frequently-ask-que-top-left,
    .frequently-ask-que-top-right {
        width: 100%;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 35px;
        line-height: 50.9px;
    }

    .frequently-ask-que-pd {
        padding-top: 0;
    }

    .cus-frequently-font {
        font-size: 14px;
        line-height: 24px;
    }

    .frequently-ask-que-middel-collapes {
        padding: 9px 9px;
        margin-bottom: 20px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font.collapsed {
        margin-bottom: 0px;
    }

    .frequently-ask-que-body {
        padding-left: 10px;
        padding-right: 15px;
    }

    .frequently-ask-que-body p {
        font-size: 12px;
        line-height: 22px;
    }

    button.accordion-button.frequently-ask-que-middel-collapes.cus-frequently-font {
        margin-bottom: 0;
    }

    .cus-ab-inner-image-slider {
        height: 100%;
    }

    .cus-ab-right-slider .owl-nav .owl-prev {
        height: 30px;
        width: 30px;
        left: -6px;
    }

    .cus-ab-right-slider .owl-nav .owl-next {
        height: 30px;
        width: 30px;
        right: -10px;
    }

    .cus-ab-right-slider .owl-nav .owl-prev img,
    .cus-ab-right-slider .owl-nav .owl-next img {
        max-width: 16px;
    }


    .mas-hero-inner-text p {
        font-size: 18px;
        max-width: 292px;
    }

    .mas-hero-inner-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* SERVICES-CSS */

    .hero-services-section {
        padding-top: 100PX;
    }

    .hero-services-top-title h6 {
        font-size: 27px;
    }

    .hero-services-top-title p {
        font-size: 12px;
        line-height: 20px;
    }

    .hero-services-middel-main {
        padding: 16px 20px;
        margin-top: 25PX;
    }

    .hero-services-middel-c-top-right h5 {
        font-size: 14px;
        margin-left: 6px;
    }

    .hero-services-middel-c-top-left {
        max-width: 42px;
        height: 37px;
    }

    .hero-services-middel-c-top-title {
        padding-bottom: 14px;
        padding-right: 32px;
    }

    .hero-servies-middel-cards-middle h6 {
        font-size: 13px;
    }

    .hero-servies-middel-cards-middle {
        padding-top: 15px;
    }

    .hero-servies-middel-cards-middle p {
        font-size: 13px;
        margin-top: 13px;
    }

    .hero-servies-middel-cards-bottom a {
        padding: 10px 33px;
        max-width: 130px;
        font-size: 11px;
    }

    section.hero-reviews-pd {
        top: 92px;
    }

    .hero-reviews-right-main-cards-bg {
        padding: 38px 0px;
        max-width: 370px;
        width: 100%;
    }

    .hero-reviews-right-main-cards-bg h4 {
        margin-bottom: 9px;
        font-size: 24px;
    }

    .header-reviews-right-main-top-icon {
        max-width: 73px;
    }

    .header-top-right-cards-top-text h6 {
        line-height: 21px;
        font-size: 16px;
        max-width: 280px;
    }

    .hero-reviews-right-cards-bottom-text {
        margin-top: 15px;
    }

    .hero-reviews-right-cards-bottom-text h6 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .hero-reviews-right-cards-bottom-text p {
        font-size: 13px;
    }

    .cus-reviews-slider .owl-nav .owl-next img,
    .cus-reviews-slider .owl-nav .owl-prev img {
        max-width: 30px;
        width: 100%;
    }

    .cus-reviews-slider .owl-nav .owl-prev {
        width: 40px;
        height: 40px;
        left: -21px;
    }

    .cus-reviews-slider .owl-nav .owl-next {
        width: 40px;
        height: 40px;
        right: -21px;
    }

    .hero-contact-us-page-bg {
        /* height: 100vh; */
        margin-top: 72px;
    }

    .hero-contact-us-page-main {
        flex-direction: column-reverse;
    }

    .hero-contact-us-page-right {
        width: 100%;
    }

    .hero-contact-us-page-left {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-bg {
        max-width: 100%;
        width: 100%;
    }

    .frequently-ask-que-top-main {
        top: 0px;
        padding-bottom: 25px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 39px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 29px;
    }


}


/* I-PAD */
@media screen and (min-width: 768px) and (max-width: 991px) {

    .about-intro-section {
        margin-top: 104px;
    }

    .about-section {
        margin-top: 0;
    }

    .what-we-do-section::before {
        right: 0;
    }

    .why-choose-section::after {
        bottom: 0;
        right: 0;
    }
    

    .header-top-right {
        position: fixed;
        top: 0;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .mas-hero-bg video {
        object-position: left;
    }

    .mas-hero-inner-text h1 {
        font-size: 73px;
        line-height: 85px;
        max-width: 560px;
    }

    .header-top-right ul {
        align-items: center;
        flex-direction: column;
        width: 100%;
    }

    .header-top-left-logo {
        max-width: 98px;
        width: 100%;
    }

    .header-top-right {
        position: fixed;
        top: 104px;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        left: -100%;
        background-color: rgba(13, 110, 253, .25);
        transition: 1s all;
        backdrop-filter: blur(15px);
    }

    .header-top-right ul li {
        margin-left: 0px;
        margin-bottom: 24px;
        /* padding: 10px 95px; */
        background: aliceblue;
        width: 100%;
        text-align: center;
        padding: 12px 0px;
        border-radius: 107px;
        max-width: 210px;
    }

    .header-top-right-btn {
        display: block;
    }

    .menu svg {
        height: 40px;
    }

    .header-top-right-cards-r p {
        font-size: 11px;
    }

    .show {
        left: 0;
    }

    section.hero-section-pd {
        top: 104px;
    }

    .hero-section-top-title h6 {
        font-size: 35px;
        line-height: 55px;
        margin-bottom: 0px;
    }

    .hero-section-top-title p {
        font-size: 21px;
    }

    .services-main {
        padding: 3px 0px;
    }

    .about-pd {
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .about-main {
        flex-direction: column-reverse;
    }

    .about-right {
        width: 100%;
    }

    .about-right-video {
        height: 100%;
    }

    .about-left {
        width: 100%;
        padding-top: 35px;
    }

    .mas-benefits-pd {
        padding: 10px 0px;
    }

    .mas-benefits-top-title h6 {
        font-size: 41px;
    }

    .mas-benefits-middel {
        padding-top: 18px;
    }

    .mas-benefits-middel-cards {
        max-width: 330px;
        padding: 22px 28px;
        margin-left: 25px;
        margin-bottom: 25px;
    }

    .mas-benefits-middel-cards-inner-right p {
        max-width: 456px;
        font-size: 9px;
    }

    .mas-benefits-middel-cards-inner-left {
        max-width: 48px;
        height: 48px;
    }

    .mas-benefits-middel-cards-inner-right {
        padding-left: 20px;
    }

    .call-today-bg {
        padding: 25px 0px;
        margin-top: 25px;
    }

    .call-today-l-text h6 {
        max-width: 510px;
        font-size: 17px;
        line-height: 40px;
    }

    .call-today-right h6 {
        max-width: 100%;
        font-size: 18px;
    }

    .call-today-main {
        justify-content: center;
    }


    .customer-reviews-top-title h6 {
        font-size: 31px;
    }

    .item {
        display: flex;
        justify-content: center;
    }

    .get-in-touch-top-title h6 {
        font-size: 31px;
    }

    .get-in-touch-map {
        max-width: 620px;
        height: 470px;
    }

    .services-middel-cards {
        max-width: 300px;
        padding: 30px 30px;
    }

    .services-middel-top-inner {
        max-width: 40px;
    }

    .services-middel-bottom-text h6 {
        font-size: 16px;
    }

    .services-middel-bottom-text p {
        font-size: 12px;
        line-height: 20px;
    }

    .services-top-main h6 {
        font-size: 31px;
    }

    .crm-hero-section-bg {
        padding-top: 104px;
        background-size: cover;
    }

    .crm-hero-main {
        height: 89vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .crm-hero-top-title h6 {
        font-size: 50px;
    }

    .crm-hero-top-title p {
        font-size: 22px;
        line-height: 33px;
        max-width: 581px;
    }

    .crm-hero-middel-left,
    .crm-hero-middel-right {
        display: none;
    }

    .crm-hero-top-title {
        margin-bottom: 109px;
    }

    .design-for-device-pd {
        padding-top: 80px;
    }

    .crm-hero-main {
        padding-top: 0;
    }

    .design-for-device-left-top-title h6 {
        font-size: 28px;
        line-height: 50px;
    }

    .design-for-device-left-bot-text h6 {
        max-width: 499.74px;
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    .design-for-device-left-bot-text p {
        font-size: 16px;
        line-height: 23px;
    }

    .design-for-device-left.aos-init.aos-animate {
        padding-right: 45px;
    }

    .main-feature-middel-cards {
        width: calc(100% / 2);
    }

    section.hero-reviews-pd {
        top: 104px;
    }


    .hero-contact-us-page-left-top-title h6 {
        font-size: 30px;
    }

    .hero-contact-us-page-right-form-main {
        padding: 25px 25px;
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form input[type="email"],
    .hero-contact-us-page-right-form-main form input[type="text"] {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form textarea {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form button {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-top-text h6 {
        font-size: 17px;
    }

    .hero-contact-us-page-left-bottom-top-text p {
        font-size: 17px;
    }

    .hero-contact-us-page-left-bottom-top-text a {
        font-size: 17px;
    }

    .hero-contact-us-page-left-main {
        justify-content: end;
    }

    .hero-contact-us-page-bg {
        height: 100%;
        margin-top: 104px;
    }

    .hero-contact-us-page-main {
        flex-direction: column-reverse;
    }

    .hero-contact-us-page-left,
    .hero-contact-us-page-right {
        width: 100%;
    }

    .hero-contact-us-page-left-top-title {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-bg {
        max-width: 100%;
        width: 100%;
    }

    .frequently-ask-que-top-main {
        top: 31px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 39px;
    }
}


/* IPAD-PRO */

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

    .what-we-do-section::before {
        top: -100px;
        right: 0;
    }

    .why-choose-section::after {
        bottom: -60px;
        right: 0;
    }

    .about-intro-section {
        margin-top: 93px;
    }
    
    .header-top-left-logo {
        max-width: 92px;
    }

    .header-top-right ul li a {
        font-size: 14px;
    }

    .header-top-right ul li {
        margin-left: 19px;
    }

    .header-top-right-cards-r p {
        font-size: 11px;
    }

    .header-top-bg {
        padding: 12px 0px;
    }

    section.hero-section-pd {
        top: 93px;
    }

    .hero-section-main {
        padding: 314px 0px;
    }

    .hero-section-top-title h6 {
        font-size: 48px;
        line-height: 56px;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .hero-section-top-title p {
        font-size: 25px;
    }

    .services-pd {
        margin-top: 100px;
    }

    .services-top-main h6 {
        font-size: 35px;
    }

    .about-main {
        flex-direction: column-reverse;
    }

    .about-right {
        width: 100%;
    }

    .about-left {
        width: 100%;
        padding-right: 0px;
        padding-top: 45px;
    }

    .about-right-video {
        height: 100%;
        width: 100%;
    }

    .mas-benefits-middel-cards {
        max-width: 450px;
        padding: 30px 30px;
        margin-left: 25px;
        margin-bottom: 25px;
    }

    .mas-benefits-middel-cards-inner-right p {
        max-width: 456px;
        font-size: 12px;
    }

    .mas-benefits-pd {
        padding: 10px 0px;
    }

    .mas-benefits-middel-cards-inner-left {
        max-width: 44px;
        height: 44px;
    }

    .mas-benefits-middel {
        padding-top: 30px;
    }

    .mas-benefits-top-title h6 {
        font-size: 40px;
    }

    .call-today-l-text h6 {
        max-width: 510px;
        font-size: 22px;
        line-height: 34px;
    }

    .call-today-right h6 {
        max-width: 320px;
        font-size: 21px;
        line-height: 32px;
        text-align: right;
    }

    .call-today-bg {
        padding: 30px 0px;
        margin-top: 40px;
    }


    .customer-reviews-top-title h6 {
        font-size: 40px;
    }

    .customer-reviews-middel {
        padding-top: 25px;
    }

    .crm-hero-section-bg {
        padding-top: 93px;
        background-size: cover;
    }

    .crm-hero-main {
        height: 89vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .crm-hero-top-title h6 {
        font-size: 50px;
    }

    .crm-hero-top-title p {
        font-size: 22px;
        line-height: 33px;
        max-width: 581px;
    }

    .crm-hero-middel-left {
        max-width: 237px;
    }

    .crm-hero-middel-right {
        max-width: 204px;
    }

    .crm-hero-top-title {
        margin-bottom: 109px;
    }

    .main-feature-middel-cards {
        width: calc(100% / 2);
    }

    section.hero-reviews-pd {
        top: 93px;
    }

    .hero-contact-us-page-left-top-title h6 {
        font-size: 30px;
    }

    .hero-contact-us-page-right-form-main {
        padding: 25px 25px;
        width: 470px;
    }

    .hero-contact-us-page-right-form-main form input[type="email"],
    .hero-contact-us-page-right-form-main form input[type="text"] {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form textarea {
        width: 100%;
    }

    .hero-contact-us-page-right-form-main form button {
        width: 100%;
    }

    .hero-contact-us-page-left-bottom-top-text h6 {
        font-size: 17px;
    }

    .hero-contact-us-page-left-bottom-top-text p {
        font-size: 17px;
    }

    .hero-contact-us-page-left-bottom-top-text a {
        font-size: 17px;
    }

    .hero-contact-us-page-left-main {
        justify-content: end;
    }

    .hero-contact-us-page-bg {
        height: 100vh;
        margin-top: 93px;
    }

    .frequently-ask-que-top-main {
        top: 41px;
    }

    .frequently-ask-left-top-title h5 {
        font-size: 45px;
    }
}

/* 1200px To 1399px */

@media screen and (min-width: 1200px) and (max-width:1399px) {}