/* Overrides KT class to hide Settings in Menu @ PC media */
:root {
    --mobile-padding: 20px;
    --mobile-font-size-normal: 18px;
    --mobile-title-font-size: 25px;


    --mobile-section-title: 32px;
    --mobile--card-title-lg: 25px;
    --mobile-card-title: 17px;
    --mobile-blog-text:16px;
    --mobile-section-description:15px;
    --mobile-card-description:14px;
    --mobile-small-font:12px;

    --mobile-line-height-lg:1.7;
    --mobile-line-height-md:1.4;
    --mobile-line-height-sm:1.2;
    --mobile-line-height-xs:1.0;

    --mobile-padding-inline: 17px;


    --ipad-page-title: 40px;
}


@media (min-width: 1025px) {
    .kt-header-menu .kt-menu__nav>.kt-menu__item.mobileMenuViewSettings {
        display: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .15rem;
    }
}

/* Mobile View */
@media (min-width: 320px) and (max-width: 767px) {

    .headerBurgerBtn.active ~ .homepageHeader {
        /* left: 40% !important; */
    }
    .menuBtn:hover, .menuBtn.active{
        color: #000 !important;
    }
    .dashboardSection01 {
        margin-top: 0px;
    }

    .dashboardSection01Title {
        margin-top: 10px;
        border-right: none;
    }
    
    .ranges, .ranges ul{
        width: 100% !important;
    }

    .dashboardSection03Bg {
        height: 200px;
        background-position: center;
    }   

    .dashboardSection03Padding {
        padding-right: 10px;
    }

    .dashboardSection03 {
        padding: 20px 10px 20px 10px;
    }

    .dashboardSection03Padding {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #cccccc;
    }

    .dashboardSection03Padding:last-child {
        border-bottom: 1px solid transparent;
    }
    
    .dashboardSection03ContentBlock {
        border-right: unset;
        padding-left: 30px;
        margin-top: 10px;
        font-size: 10px;
        text-align: left;
    }

    .dashboardSection03ContentDetail {
        color: #000;
        text-align:right;
        padding-right: 35px;
    }

    .document-select-bg {
        padding: 3rem 0rem;
    }

    .document-select-page-content {
        padding: 0rem 3rem 5rem 3rem;
    }

    .document-select-title {
        text-align: center;
        font-size: 17px;
    }

    .print-order-steps-div {
        max-width: 100%;
        width: 100%;
        overflow-x: auto;
    }

    .print-order-num-div {
        margin-right: 2rem;
    }

    .print-order-num-div:last-child {
        margin-right: unset;
    }

    .print-order-num-label {
        font-size: 12px;
        white-space: nowrap;
    }

    ::-webkit-scrollbar {
        height: 3px !important;
    }

    .document-select-form-group {
        display: block;
    }

    .document-select-form-group label {
        padding-left: unset;
    }

    .btn.btn-default {
        margin-left: unset;
    }

    .print-summary-title-div {
        flex-direction: column;
        align-items: end;
    }

    .print-summary-title-div .document-select-section-title {
        width: 100%;
        text-align: left;
    }

    .print-summary-details-label,
    .print-summary-details-value {
        padding: 0.3rem 10px;
    }

    .print-checkout-quotation-div .print-summary-details-value {
        padding: 0.3rem 0px;
    }

    /* Header Section - Mobile View */
    .mobile-hamburger-menu {
        position: fixed;
        top: 0;
        right: 0;
        min-height: 100vh;
        background: white;
    }

    .mobile-hamburger-menu {
        display: none;
    }

    .mobile-hamburger-menu.active {
        display: block;
    }

    .web-menu-bg {
        display: none;
    }

    .headerMenuItem .menuBtn {
        color: black;
        font-size: var(--mobile-card-title);
        font-weight: 700;
    }

    .web-menu-nav {
        flex-direction: column;
        width: 80%;
    }

    .headerMenuItem .free-quotation {
        color: black;
        border: 1px solid black;
        width: fit-content;
        
    }

    .web-menu-items img {
        /* display: none; */
    }

    .web-menu-items-container{
        background-color: white;
        padding-inline: 0;
        padding-left: 18px;
        flex-direction: column;
    }

    .menuBtn i.la.la-angle-down {
        position: relative;
        top: 12px;
    }

    .btn [class*=" la-"] {
        height: 18px;
        left: 40px;
        position: absolute;
        z-index: 1;
    }

    .homepageHeaderMobile {
        background-color: #CC0000!important;
    }

    .web-menu-items {
        /* flex-direction: column;
        justify-content: unset; */

        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .free-quotation-container {
        flex-direction: column;
        /* width: 80%!important; */
        /* gap: 1rem; */
        gap: 19px;
        align-items: flex-start;
    }

    .login-profile-div p{
        color: black;
        padding-block: 1rem;
        font-size: 16px;
    }

    .tempSol {
        margin-left: 0;
    }

    .dropdown-menu.active {
        left: 0;
        width: 24%;
        position: unset!important;
        transform: unset!important;
        background-color: #F2F2F2;
    }

    .service-dropdown-container .dropdown-menu.show {
        left: 0;
        width: 24%;
        position: unset!important;
        transform: unset!important;
        background-color: #F2F2F2;
    }

    .dropdown-menu {
        width: 80%;
        position: unset;
    }

    .dropdown-item {
        word-break: break-word;
        white-space: normal;
    }

    .web-menu-logged {
        /* display: unset; */
    }

    .google-filter {
        flex-direction: column;
    }

    .search-button {
        justify-content: center;
    }

    #basicwizardGoogle, #basicwizardFB {
        overflow: auto;
    }

    .sideBarContent {
        margin-top: 0;
    }

    .desktop-hidden {
        display: unset;
    }

    .headerMenuDropdown img {
        display: block;
    }

    .homepageHeaderMobile {
        display: none!important;
    }

    .headerMenu {
        /* padding-left: 30px; */
    }

    .headerMenuClose {
        right: 0!important;
    }

    /* End of Header Section - Mobile View */

    /* Footer Section - Mobile View */

    .privacy-section {
        padding-bottom: 10px;
        border-bottom: 1px solid #707070;
    }

    .breakline {
        display: none;
    }

    .subscribe-section {
        padding-top: 10px;
    }

    .homepageHeader.active {
        left: 33%!important;
        z-index: 101;
        width: 80%;
        overflow: hidden;
        height: inherit;
    }

    .my-profile-menu {
        padding-inline: 0;
    }

    .footer-section {
        padding-inline: var(--mobile-padding-inline);
        flex-direction: column;
        gap: 30px;
        padding-inline: 0;
        padding-bottom: 0;
    }

    .footer-doc-div {
        flex-direction: column-reverse!important;
        align-items: flex-start!important;
        gap: 0px!important;
    }

    .mobile-footer-margin {
        margin-top: 30px;
    }

    .footer-content-container {
        width: 100%;
    }

    .footer-section-content1 {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }


    .footer-section-content1, .footer-section-content2 {
        width: 100% !important;
    }

    .footer-section-content2 {
        justify-content: space-between;
    }

    .footer-container {
        flex-direction: column;
        gap: 30px;
    }
    

    /* End of Footer Section - Mobile View */

    /* Homepage Section - Mobile View */

    .S1_TopContainer {
        flex-direction: column;
        padding-top: 50px;
        gap: 30px;
    }

    .S1_Right_Content-Btm-Btn {
        width: 100%;
    }

    .S1_Btm_Content_Description_Container {
        flex-direction: column;
    }

    
    .S1_Btm_Content_Title {
        font-size: 24px;
    
    }

    
    .S1_Description-Top {
        font-size: 16px;
    }


    .S1_Description-Btm {
        font-size: 16px;
    }


    .S2_Card_Container {
        flex-direction: column;
        gap: 30px;
    }

    .S3_Img_Container  {
        padding-inline: 20px;
    }

    
    .Img_TopText {
    
        font-size: 20px;
        width: 100%;
    }

   
    .Img_BtmText {
        
        font-size: 16px;
        font-weight: 400;
        text-align: left;
        width: 100%; 
    }

    .S3_bg {
        padding-inline: 0;
    }


    .S3_BtmC_Container {
        flex-direction: column-reverse;
    }


    .S3_Btm_Img {
        margin-bottom: 30px;
        width: 100%;    
    }

    .S3_BtmLeft_Container {
        padding: 30px;
    }

    .contact-section-text {
        width: 100%;
    }

    
    .contact-us_Btn, .get-demo_Btn {
        height: 70px;
        width: 250px;
        font-size: 20px;
    }

    .S1_Right_Content-Top-Title1 {
        font-size: 24px;
    }
    
    .S2_Title {
        font-size: 24px;
    }

    
    .S1_Right_Content-Top-Title2 {
        font-size: 24px;
    }

   
    .S1_Right_Content-Mid-Content {
        font-size: 18px;
    }


    .S1_Description_Container {
        width: 100%;
        margin-bottom: 20px;
    }


    .S1_Icon {
        height: 40px;
        width: 40px;
    }

    
    .S2_Card {
        margin-bottom: 20px;
        align-self: center;
        width: 100%;
    }

    
    .S3_BtmLeftC_Title {
        font-size: 24px;
        width: 100%;    
    }

    .services-section {
        width: unset;
    }
    
   

    /* End of Homepage Section - Mobile View */

    /* Homepage Latest - Mobile View */

    .video-text {
        min-width: 100%!important;
        padding-inline: 10px;
    }

    .video-container {
        /* height: 100vh; */
        margin-top: 0;
    }

    
    .video-text .title {
        width: 145px;
        font-size: 18px;
        font-weight: 700;
        margin-top: 10px;
        line-height: var(--mobile-line-height-md);
        margin-bottom: 10px;
        /* width: unset; */
        text-wrap: wrap;
        word-break: break-word;
        background-color: rgba(255, 255, 255, 0.4);
        padding: 7px;
        border-radius: 8px;
        justify-content: center;
    }

    .gap__mobile {
        gap: 20px;
    }

    .border__mobile__none {
        border-right: none!important;
    }

    .mobile-flex-column {
        flex-direction: column;
        align-items: center;
    }

    .video-text .text-title {
        margin-top: 15px;
        font-size: var(--mobile-section-description);
    }

    .enquiry-btn {
        font-size: 15px!important;
        margin-top: 20px;
    }

    .video-title-text {
        width: 85%;
        margin-inline: auto;
        margin-bottom: 15px!important;
    }

    .video-text p {
        font-size: var(--mobile-card-description);
        font-weight: 500;
        /* width: unset!important; */
    }

    .services-section {
        padding-inline: var(--mobile-padding-inline);
    }

    .services-section p {
        width: unset;
        font-weight: 300;
        font-size: var(--mobile-section-description);
        line-height: var(--mobile-line-height-lg);
    }

    .services-section .services-card-container .title {
        font-size: var(--mobile-card-title);
        font-weight: 700;
        margin-bottom: 15px!important;
    }

    .faq-answer-div.active {
        padding-inline: 0;
    }

    .services-section .services-card-container p {
        font-size: var(--mobile-card-description);
        font-weight: 300;
    }

    .services-card {
        padding: 35px;
    }

    .service-card-div {
        margin-bottom: 27px!important;
    }

    .services-card-container .top-container, .services-card-container .bottom-container {
        flex-direction: column;
        gap: 30px;
    }

    .services-card-container {
        gap: 30px;
        width: 95%;
    }

    .services-card-container .services-card-red, .services-card-container .services-card-white {
        width: 100%;
    }

    .pitching-section {
        padding-inline: var(--mobile-padding-inline);
    }
    .pitching-summary .title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
        line-height: var(--mobile-line-height-xs);
    }

    .pitching-details-card p {
        text-align: center;
    }

    .pitching-details-card {
        width: 100%;
        height: unset;
        padding-inline: 0px;
        flex-direction: column;
        align-items: center;
    }

    .pitching-summary p {
        width: 100%;
        font-size: var(--mobile-section-description);
        font-weight: 300;
        line-height: var(--mobile-line-height-lg);
    }

    .hp-contact-section {
        flex-direction: column;
        padding-inline: var(--mobile-padding-inline);
        gap: 30px;
    }

    .hp-contact-section .enquiry .title {
        font-weight: 700;
        font-size: var(--mobile-section-title);
        width: unset!important;
        line-height: var(--mobile-line-height-sm);
    }

    .hp-contact-section .enquiry p {
        width: unset;
        font-weight: 300;
        font-size: var(--mobile-section-description);
        line-height: var(--mobile-line-height-lg);
    }

    .footer-container p {
        font-size: var(--mobile-small-font);
    }

    .hp-contact-container {
        flex-direction: column;
        gap: 30px;
        width: unset!important;
    }

    .map-navigation iframe {
        width: 100%;
    }

    .services-section .title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    .pitching-container {
        width: unset!important;
    }
    
    .pitching-card-wrapper {
        flex-direction: column;
    }

    .milestone-section .title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    .milestone-section p {
        font-size: var(--mobile-section-description);
        font-weight: 300;
        line-height: var(--mobile-line-height-lg);
    }
    

    /* End of Homepage Latest - Mobile View */

    /* Career Page - Mobile View */

    .kt-container3 {
        width: unset!important;
    }

    .kt-container2 {
        width: unset!important;
    }

    .main-title-container .title {
        font-size: var(--mobile-title-font-size);
    
    }

    .main-title-container {
        margin-top: 0;
        padding: 20px;
        /* flex-direction: column; */
    }

    .career-pitching-container, .career-pitching-container2, .vacancies-container, .career-details {
        padding: var(--mobile-padding);
    }
    
    .career-card-content {
        flex-direction: column;
        padding: 20px;
        align-items: center;
        text-align: center;
    }

    .view-job {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .inner-career-details .career-card {
        padding-inline: 0;
    }

    .view-job p {
        margin-bottom: 5px;
    }

    .career-last-card {
        margin-bottom: 0;
    }

    .pitching-inner-container .title, .pitching-inner-container .title, .vacancies-container .title {
        font-size: var(--mobile-font-size-normal);
    }

    .pitching-inner-container .title {
        width: unset;
    }

    .pitching-inner-container .title-pitch {
        font-size: var(--mobile-title-font-size)!important;
    }

    .small-width-p {
        width: unset!important;
    }


    /* End of Career Page - Mobile View */

    /* Career Detail Page - Mobile View */

    .career-detail-bg-img-container {
        margin-top: 0;
        padding-inline: 40px;
    }

    .career-detail-bg-img-container .title {
        font-size: var(--mobile-title-font-size);
    }

    .submit-container {
        padding: 30px;
        margin-top: 18px;
    }

    .submit-section p {
        width: unset;
    }

    .submit-container .kt-container2 {
        width: unset!important;
    }

    .submit-button button {
        padding-inline: 22px;
    }

    .career-details-content {
        flex-direction: column;
    }

    .objective-wrapper {
        margin-right: 0!important;
    }

    /* End of Career Detail Page - Mobile View */

    /* Contact Us - Mobile View */

    .contactUs-section1 .title {
        font-size: var(--mobile-section-title);
        margin-bottom: 0!important;
    }

    .contactUs-section1{
        margin-top: 0;
        padding: 20px;
    }

    #contactUsContent2 {
        font-size: 17px;
    }
    #contactUsContent3 {
        font-size: 15px;
    }

    .contactUs-section2 {
        flex-direction: column;
        padding-inline: 20px;
    }

    .location span {
        display: inline;
    }

    .map-section {
        margin-right: 0;
    }
    /* End of Contact Us - Mobile View */

    /* Website Design Development - Mobile View */
    .service-container {
        width: unset;
        padding-inline: var(--mobile-padding-inline);
        /* margin-bottom: unset; */
        /* padding-block: 60px; */
    }

    .conversion-design {
        padding-bottom: 60px;
    }

    .seo-bg-2 {
        padding-top: 130px;
    }


    .service-container {
        margin-bottom: 0;
    }

    .service-container p {
        font-size: var(--mobile-section-description);
        line-height: var(--mobile-line-height-lg);
    }

    .list-title {
        line-height: var(--mobile-line-height-sm)!important;
    }

    .service-type .title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    .stepper-content {
        padding-left: 50px;
    }


    .service-bg-img, .ppc-bg-img, .content-bg-img, .social-bg-img, .seo-bg-img {
        padding-inline: 20px;
        margin-top: 0;
    }
    .service-bg-img .title, .content-bg-img .title, .ppc-bg-img .title, .social-bg-img .title, .seo-bg-img .title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    .conversion-design .title {
        font-weight: 700;
        font-size: var(--mobile-section-title);
    }

    .service-pitching-section .title {
        font-size: var(--mobile-section-title);
        line-height: var(--mobile-line-height-xs);
    }

    .service-pitching-section span {
        /* display: inline-block; */
        line-height: var(--mobile-line-height-xs);
        /* font-size: var(--mobile-section-description); */
    }

    .service-container span {
        display: inline-block;
        line-height: var(--mobile-line-height-xs);
    }

    .service-pitching-section2 {
        flex-direction: column;
        padding-block: 0px;
    }

    .service-type .top-section {
        margin-bottom: 0;
    }

    .service-pitching-section2 img {
        width: 70%;
        margin-right: 0;
        height: unset;
        margin-bottom: 15px;
    }

    .service-pitching-section .text-desc {
        padding: 0;
    }

    .content-marketing-stepper img {
        height: unset!important;
    }

    .service-card-2 {
        margin-block: 0;
    }

    .service-card {
        flex-direction: column;
        gap: 30px;
        padding-inline: 20px;
    }

    .service-card-1, .service-card-2, .service-card-3{
        width: 100%;
    }

    .text-desc-stepper li:last-child {
        padding-bottom: 0;
    }

    .service-bg-2 .title, .content-bg-2 .title, .ppc-bg-2 .title, .social-bg-2 .title, .seo-bg-2 .title {
        width: unset;
        font-size: var(--mobile-section-title);
        font-weight: 700;
        line-height: var(--mobile-line-height-xs);
    }

    .seo-bg-2 p {
        line-height: var(--mobile-line-height-lg);
        font-size: var(--mobile-section-description);
        font-weight: 300;
    }

    .width-container {
        width: unset;
        flex-direction: column;
    }

    .service-bg-2, .content-bg-2, .ppc-bg-2, .social-bg-2, .seo-bg-2{
        padding-inline: var(--mobile-padding-inline);
        /* padding-block: 60px; */
    }

    .width-container img {
        width: 100%;
        margin-bottom: 15px;
    }

    
    /* End of Website Design Development - Mobile View  */

    /* SEO - Mobile View */
    .service-card .service-card-seo {
        width: unset;
    }

    .last-section-container {
        padding-inline: 0px;
        padding-bottom: 0;
    }

    .seo-description p:not(:first-child) {
        display: inline;

    }
    /* End of SEO - Mobile View */

    /* Login Mobile View */

    .login-container-wrapper {
        /* flex-direction: column-reverse; */
    }

    .login-img-container {
        text-align: center;
        display: none;
    }

    .mobile-login-page {
        display: flex;
        /* align-items: center; */
        justify-content: center;
    }

    .login-img-container img {
        width: 100%;
    }

    .sign-up-forgot {
        flex-direction: column;
    }

    .login-container {
        padding-inline: unset;
        margin-top: 20px;
    }

    .mobile-login-container {
        padding: calc(var(--mobile-padding)*2);
    }

    .mb-xs-2 {
        margin-bottom: 20px!important;
    }
    
    /* End of Login Mobile View */

    .social-media-description {
        width: unset!important;
    }

    /* OTP Verification - Mobile View */

    .OTPVerification-redirect {
        flex-direction: column;
    }

    /* End of OTP Verification - Mobile View */

    /* Dashboard - Mobile View */
    .row{
        justify-content: space-between;
    }

    .fa{

    }

    .daterangepicker {
        transform: translateX(0px);
    }

    .ipadViewMenu{
        display: unset !important;
        width: 100%;
        margin-left: 30px;
        margin-top: 15px;
    }

    .graph-header {
        flex-direction: column;
        align-items: flex-start!important;
        gap:10px;
    }

    .summary-items {
        flex-direction: column-reverse;
        gap: 10px;
        text-align: center;
    }

    .dashboard-header .title {
        text-align: center;
    }

    .mid-width-container, .small-width-container {
        width: unset;
    }

    .google-filter .input-group {
        flex-direction: column;
    }

    .summary-container {
        flex-direction: column;
    }

    .dashboard-content {
        padding: 50px 25px;
    }
    
    .dashboard-content.centered {
        transform: translateX(0px);
    }

    .inputDesign{
        width: 200px;
        text-align: center;
        margin-right: 4%;
        font-size: var(--mobile-small-font);
    }

    .summaryPlatform {
        font-size: var(--mobile-small-font);
    }

    .filter-group{
        flex-direction: row;
        /* justify-content: space-between !important; */
    }
    
    .custom-date-range {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 15px;
    }

    .activity-card {
        flex: 1 1 100%;
    }

    .ad-performance-card {
        flex: 1 1 100%;
    }

    .ad-stat {
        flex: 1 1 calc(50% - 10px);
    }
     
    /* End of Dashboard - Mobile View */

    /* Our Team - Mobile View */

    .team-image-section {
        width: 100%;
        margin-inline: 10px;
    }

    .team-details-section {
        margin-top: 0;
        padding-inline:var(--mobile-padding-inline);
    }

    .details-img-container img {
        margin-bottom: 15px;
    }

    .team-bg {
        width: unset;
        margin-inline: 10px;
    }

    .team-image-section #hanyao {
        width: 110px;
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(80%, 80%);
    }
    .team-image-section #yihong, .team-image-section #danny {
        width: 100px;
    }
    
    .team-image-section #mike, .team-image-section #susan, .team-image-section #karen, .team-image-section #stanley {
        width: 90px;
    }
    
    .team-image-section #cj {
        width: 60px;
        position: absolute;
        bottom: 0;
        right: 0;
        transform: translate(-20%, 0%);
    }
    
    .team-image-section #yihong {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 33%);
        width: 90px;
    }
    
    .team-image-section #danny {
        position: absolute;
        top: 0;
        left: 0;
        transform: translate(0%, 20%);
    }
    
    .team-image-section #mike {
        position: absolute;
        top: 0;
        right: 0;
        /* transform: translate(-389%, 60%); */
    }
    
    .team-image-section #susan {
        position: absolute;
        bottom: 0;
        right: 0;
        transform: translate(0%,-180%);
    }
    
    .team-image-section #stanley {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, -81%);
    }
    
    /* #karen {
        position: relative;
        bottom: 0;
        left: 0;
        transform: translate(50%, -6%);
    } */

    .team-image-section #jinglun {
        transform: translate(-66%, -187%);
        width: 90px;
    }

    /* End of Our Team - Mobile View */

    /* Profile - Mobile View */

    .user-profile-wrapper{
        flex-direction: column;
        align-items: center;
    }

    .user-project-wrapper .project-info-container {
        /* flex-direction: column; */
        justify-content: space-between;
    }

    .project-wrapper, .campaign-wrapper {
        padding-inline: 10px;
    }

    .project-wrapper {
        border: none;
    }

    .user-details {
        text-align: center;
    }

    .team-details-wrapper {
        flex-direction: column-reverse;
        width: unset;
        padding: 10px;
    }

    .team-section .title p {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    .team-section p {
        font-size: var(--mobile-section-description);
        font-weight: 300;
        line-height: var(--mobile-line-height-lg);
    }

    .text-width {
        width: 100%;
    }

    .team-bg .name-title p {
        font-size: 22px;
    }

    /* End of Profile - Mobile View */

    /* Package - Mobile View */

    .package-filter {
        flex-direction: column;
    }

    .listing-input .input-div {
        width: 100%;
    }

    .listing-input .input-group-addon {
        width: 100%;
    }

    /* End of Package -Mobile View */

    /* Order History */

    .filter-criteria .input-daterange .input-group-addon {
        min-width: unset;
        max-width: 25px;
    }
    /* End of Order History - Mobile View */

    /* Invoice - Mobile View*/
    #wrapper2 .invoice-header-img img {
        width: 200px;
    }

    #wrapper2 .invoice-table-container {
        padding-inline: 20px;
    }

    #wrapper2 .invoice-padding-mobile {
        padding-left: 0px!important;
    }

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

    #wrapper2 .payment-details-container {
        display: unset;
    }

    #wrapper2 .payment-details-wrapper {
        padding-left: 10px;
    }

    #wrapper2 .col-lg-6, #wrapper2 .col-md-6, #wrapper2 .col-lg-3, #wrapper2 .col-md-3, #wrapper2 .col-sm-3, #wrapper2 .col-xs-6 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    #wrapper2 .row {
        margin-right: 0!important;
        margin-left: 0!important;
    }

    .payment-mobile-padding {
        padding-inline: 0px !important;
        
    }

    .total-amount-mobile .row {
        padding-inline: 20px !important;
    }

    #wrapper2 .invoice-footer {
        padding: 8px 20px;
    }

    #wrapper2 .invoice-pl {
        padding-left: 20px!important;
    }

    .invoice-btn {
        padding-inline: 20px;
    }

    #wrapper2 #card-listing-container {
        display: block;
    }

    #wrapper2 #basicwizard1 {
        display: none;
    }

    #wrapper2 .card-listing-block {
        margin-bottom: 20px;
        background: #F8F9FA;
        padding: 20px;
    }

    #wrapper2 .card-listing-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    #wrapper2 .card-listing-row p {
        text-align: right;
        margin-bottom: 0;
        color: black;
    }

    #wrapper2 .card-listing-row div {
        color: black;
    }

    /* End of Invoice -Mobile View */

    /* View Package - Mobile View */

    .view-package-body .information-container {
        border: none;
        margin-block: 30px;
    }

    .view-package-body {
        flex-direction: column-reverse;
    }

    /* End of View Package - Mobile View */

     /* Before Login Menu - Mobile View */
     .page-content-div {
        margin-top: 0;
     }

     .header-menu-first-item {
        margin-top: 20px;
     }
     
     .header-menu-section-div {
        position: fixed;
        width: 80%;
        top: 0;
        right: -100%;
        transition: ease-in 0.5s;
        min-height: 100vh;
        max-height: 100vh;
        z-index: 100;
        /* box-shadow: 0px 0px 5px 1px rgba(226, 175, 255, 0.75);
        -webkit-box-shadow: 0px 0px 5px 1px rgba(226, 175, 255, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(226, 175, 255, 0.75); */
        overflow-y: scroll;
    }

    .header-dropdown-list-div {
        padding: 2px;
    }

    .header-dropdown-list-div {
        display: block;
        position: unset;
        width: unset;
    }

    .dropdown-content {
        display: flex;
        position: unset;
        width: unset;
    }

    .header-menu-section-div.show-header-menu {
        right: 0%;
    }

    .header-menu-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-logo-img {
        width: 100%;
    }

    .header-menu-section-inner-div {
        /* padding: 1.5rem; */
        background-color: white;
        min-height: 100vh;
        /* padding-top: 0; */
    }

    .sidebar-close-btn {
        margin-right: 0;
    }

    .headerMenuItem {
        margin-inline: 0;
    }

    .menu-service{
        margin-left: 15px;
        font-weight: 700;
        font-size: 17px;
    }

    .nav-header{
        align-items: flex-start !important;
    }

    .homepage-header {
        justify-content: flex-end;
    }

    .sidebar-btn {
        position: absolute;
        top: 0px;
        right: 0;
        z-index: 2;
        background: transparent!important;
        min-width: 90px;
    }

    .sidebar-btn.scrolled{
        background:white!important ;
        border-bottom: 1px solid #efefef;
    }

    .top-menu-div {
        text-align: right;
    }

    .header-dropdown-list-div {
        left: 0;
    }

    .sign-in-inner-div {
        padding: 7px;
        border: none;
        background-color: #C10309;
        text-align: center;
        color: white;
    }

    .sign-in-inner-div a {
        color: white!important;
    }

    .headerMenuItem {
        margin-bottom: 15px;
        /* padding: 0 25px!important; */
        display: flex !important;
        flex-direction: column !important;
    }

    .whatsapp-container-mobile {
        /* padding-top: 10px!important; */
        padding-inline: 25px!important;
        min-width: 191px;
        width: 100%;
        padding-inline: 0px !important;
    }

    .language-btn {
        justify-content: flex-start!important;
    }

    .wa-in-inner-div {
        padding: 7px;
        background-color: #F5F5F5;
        color: black;
        width: 85%;
    }

    .wa-in-inner-div-logged-in{
        padding: 7px;
        background-color: #F5F5F5;
        color: black;
    }

    .wa-in-inner-div-logged-in a {
        color: black!important;
    }

    #mobileMenuArrow {
        font-size: 15px!important;
        font-weight: 700!important;
    }

    .our-service-dropdown-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .wa-in-inner-div a {
        color: black!important;
    }

    .milestone-section {
        padding-inline: var(--mobile-padding-inline);
    }

    .faq-section {
        padding-inline: var(--mobile-padding-inline);
    }

    .faq-card-inner-div p {
        font-weight: 500;
        font-size: var(--mobile-section-description);
    }

    .faq-answer-div p {
        font-weight: 300;
        font-size: var(--mobile-section-description);
        line-height: var(--mobile-line-height-lg);
    }

    .blog-post-section .title {
        font-weight: 700;
        font-size: var(--mobile-section-title);
    }

    .faq-card-inner-div {
        min-height: 90px;
    }

    .blog-post-section {
        padding-inline: var(--mobile-padding-inline);
    }

    .blog-card-inner-div span {
        /* font-weight: 300; */
        font-size: var(--mobile-small-font);
    }

    .blog-post-section .blog-title {
        font-size: var(--mobile-blog-text);
    }

    .blog-post-section p {
        font-size: var(--mobile-blog-text);
    }

    .blog-body-div {
        padding: 30px;
    }

    .header-logo-div {
        padding-inline: 10px;
        /* margin-bottom: 16px; */
    }

    .blog-div-wrapper {
        margin-bottom: 30px!important;
    }

    .header-menu-div {
        /* padding: 7px; */
        width: 100%;
    }

    .logo-mobile-header {
        padding: 7px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #efefef;
    }

    .headerMenuSectionInner {
        width: 100%;
        position: relative;
        align-items: baseline !important;
        margin-left: 20px !important;
    }

    .backdrop-mobile-menu {
        background: rgba(0, 0, 0);
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0%;
        right: 0%;
        transition: .5s ease-in-out;
        visibility: visible;
        z-index: 3;
        opacity: 0.7;
    }

    .sign-in-mobile-bottom {
        /* position: fixed!important; */
        /* bottom: 0%; */
        /* border-top: 2px solid #C2C2C2; */
        /* padding: 15px 25px!important; */
        margin-bottom: 0px;
        width: 85%!important;
        align-items: unset !important;
    }

    .headerMenuSection {
        /* padding-inline: 10px; */
    }

    .mobile-menu-wa-div {
        width: 100%;
        padding-inline: 0;
    }

    /* End of Before Login Menu - Mobile View */

    /* About Us Revamp - Mobile View */
    .content-div {
        padding-inline: var(--mobile-padding-inline);
        line-height: var(--mobile-line-height-xs);
    }

    .content-div .description-text {
        font-size: var(--mobile-section-description);
        line-height: var(--mobile-line-height-lg);
    }

    .approach-card-wrapper {
        margin-bottom: 30px!important;
    }

    .approach-card-div {
        width: 100%;
    }

    .content-div .approach-card-div p {
        font-size: var(--mobile--card-title-lg);
    }

    .content-div p {
        font-size: var(--mobile-section-title);
    }

    /* End of About Us Revamp - Mobile View */

    /* Blog Details Revamp - Mobile View */

    .blog-section {
        /* padding-inline: 10px; */
    }

    /* End of Blog Details Revamp - Mobile View */

    /* Homepage Revamp - Mobile View */

    .milestone-inner-div {
        justify-content: flex-start;
        margin-bottom: 20px;
    }

    #teamSection {
        padding-inline: var(--mobile-padding-inline);
    }

    .team-close-btn {
        right: 0;
    }

    .header-menu-section-div {
        padding: 0;
    }

    .milestone-div {
        justify-content: center;
    }

    .faq-section .faq-section-title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    .main-container .title {
        font-size: var(--mobile-section-title);
        font-weight: 700;
    }

    /* End of Homepage Revamp - Mobile View */

    .service-pitching-section {
        padding-inline: var(--mobile-padding-inline);
    }

    /* Activity Page - Mobile View */

    .ad-card {
        flex: 1 1 calc(100% - 20px);
    }

    /* End of Activity Page - Mobile View */

    /* New dashoard page - mobile view */

    .needs-wrapper{
        padding: 0px;
        position: relative;
    } 
    .needs-wrapper .bg-img {
        position: absolute;
        /* width: 24%; */
        top: -8px;
        width: 301px;
        height: unset;
        right: 0;
    }
    .understand-needs-section .title {
        font-size: var(--mobile-title-font-size);
        font-weight: 700;
        color: var(--secondary-font-color);
    }
    .container-1{
        margin-top: 0px;
    }
    
    .container-2{
        margin-top: 30px;
    }
}

@media (min-width: 350px) and (max-width: 390px) {
    #contactUsContent2 {
        font-size: 14px;
    }
    #contactUsContent3 {
        font-size: 12px;
    }

}

/* Ipad View */
@media (min-width: 768px) and (max-width: 990px) {

    .backdrop-mobile-menu {
        background: rgba(0, 0, 0);
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0%;
        right: 0%;
        transition: .5s ease-in-out;
        visibility: visible;
        z-index: 3;
        opacity: 0.7;
    }
    .dashboardSection01 {
        margin-top: 150px;
    }

    .dashboardSection03Bg {
        height: 200px;
        background-position: center;
    }

    .dashboardSection03Padding {
        padding-right: 15px;
    }

    .dashboardSection03 {
        padding: 20px 20px 20px 20px;
    }

    #teamSection {
        padding-inline: var(--mobile-padding);
    }

    .team-details-section {
        padding-inline: var(--mobile-padding);
    }

    .team-close-btn {
        top: -50px;
    }


    .dropdown-content {
        display: flex;
        position: unset;
        width: unset;
        margin-left: 30px;
    }

    /* Homepage Section - Ipad View */

    .S1_TopContainer {
        flex-direction: column;
    }

    .S1_Right_Content-Top-Title1, .S1_Right_Content-Top-Title2 {
        font-size:36px;
    }

    .S1_Right_Content-Mid-Content {
        font-size: 28px;
    }

    .S1_Right_Content-Btm-Btn {
        height: 70px;
        font-size: 20px;
    }

    .S1_Btm_Content_Description_Container {
        gap: 29px;
    }

    .S2_Card_Container {
        flex-direction: column;
        align-items: center;
        gap:30px;
    }

    .S2_Card {
        width: 80%;
    }

    .S3_BtmC_Container {
        flex-direction: column-reverse;
    }

    .S3_Btm_Img {
        width: 100%;
        margin-bottom: 30px;
    }

    .contact-section-text {
        font-size: 28px;
        width: 70%;
        line-height: 34px;
    }

    .services-card-container .services-card-red, .services-card-container .services-card-white {
        padding-inline: 20px;
    }

    .services-card-container {
        width: 100%;
    }

    /* End of Homepage Section - Ipad View */

    /* Homepage Latest - Ipad View */

    .hp-contact-section {
        flex-direction: column;
        gap: 30px;
        padding-inline: 10px;
    }

    .map-navigation iframe {
        width: 100%;
    }

    .pitching-details-card {
        width: 70%;
    }
    
    .footer-section-content1 {
        gap: 50px;
    }

    .footer-doc-div {
        gap: 10px;
    }

    .mobile-footer-margin {
        margin-top: 30px;
    }

    .footer-section-content2 {
        gap: 30px;
    }

    /* .video-text .title {
        font-size: var(--mobile-title-font-size);
    } */

    .video-text p {
        font-size: var(--mobile-font-size-normal);
        /* width: 623px!important; */
    }

    .video-text .text-title {
        font-size: 20px;
        margin-top: 20px;
    }

    .enquiry-btn {
        margin-top: 40px;
    }

    .video-text .title {
        font-size: var(--ipad-page-title)
    }

    .video-text .title {
        font-size: var(--mobile--card-title-lg)
    }

    .video-container{
        /* margin-top: 83px; */
        /* margin-top: 17px; */
    }

    .services-section {
        padding-inline: var(--mobile-padding);
        width: unset;
    }

    .pitching-details-card {
        height: unset;
    }

    .hp-contact-container {
        flex-direction: column;
        gap:30px;
        width: unset!important;
    }

    .video-text {
        min-width: 90%;
        padding-inline: 25px;
    }

    .pitching-container {
        width: unset!important;
    }
    
    .pitching-card-wrapper {
        flex-direction: column;
    }
    
    .blog-post-section {
        padding-inline: var(--mobile-padding);
    }

    /* End of Homepage Latest - Ipad View */

    /* Header - Ipad View */

    /* .web-menu-items {
        width: unset;
        gap: 0;
        display: none;
    } */

    .web-menu-items-container {
        padding-inline: 30px;
        flex-direction: column;
        align-items: flex-start;
        z-index: 101;
    }

    .headerMenuItem .menuBtn {
        padding-inline: 0;
        /* margin-right: 30px!important; */
    }

    .service-dropdown-container {
        margin-right: 0;
    }

    .headerMenuItem a:last-child {
        margin-right: 0!important;
    }

    .responsive-contact {
        display: unset;
    }
    
    .responsive-quote {
        display: unset;
    }

    .top-menu {
        min-width: 100%!important;
        padding-right: 30px;
    }

    .ipadViewMenu {
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
    }

    .ipadViewMenu img {
        width: 214px;
    }

    .ipad-logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

     /* comment .ipad-main-menu below if no sign in and Get Free Quotation at right side */
    /* .ipad-main-menu {
        display: flex;
        justify-content: space-between;
    } */
     /* comment .ipad-main-menu below if got sign in and Get Free Quotation at right side */
    .ipad-main-menu{
        justify-content: center;
        display: flex;
    }

    .login-ipad .login-profile-div img {
        width: unset;
    }

    .web-menu-nav-ipad {
        display: flex;
    }

    .login-ipad {
        display: flex;
        gap: 30px;
        justify-content: center;
        align-items: center;
    }

    .headerBurgerBtn, .headerBurgerBtn:hover, .headerBurgerBtn:focus {
        display: block!important;
    }



    .homepageHeaderMobile {
        display: block!important;
        background-color: #C10206;
        width: 100%;
    }

    /* .headerMenu {
        position: absolute;
        top: 0;
        right: -100%;
        background-color: white;
        min-height: 100vh;
    } */

    .headerMenu.active {
        right: -54%;
    }

    .kt-container-menu {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }
    
    .headerMenuItem .menuBtn {
        display: block;
        text-align: left;
        /* margin-bottom: 15px; */
        font-size: var(--mobile--card-title-lg);
        padding-inline: 10px;
        color: black;
        font-weight: 700;
        padding-inline: 15px;
    }

    .whatsapp-container-mobile {
        padding: 10px 15px 0!important;
    }

    .sign-in-inner-div {
        padding: 7px;
        border: none;
        background-color: #C10309;
        text-align: center;
        color: white;
    }

    .headerMenuSectionInner .headerMenuItem .sign-in-inner-div a {
        color: white!important;
    }

    .sign-in-mobile-bottom {
        /* position: fixed !important;
        bottom: 0%; */
        /* border-top: 2px solid #C2C2C2; */
        padding: 15px !important;
        margin-bottom: 10px!important;
        width: 100%!important;
    }

    .header-menu-first-item {
        margin-top: 20px;
    }

    .sign-in-inner-div a {
        text-align: center!important;
    }
    

    .web-menu-bg {
        display: none;
    }

    .headerMenuDropdownBox {
        left: 0;
    }

    .ipad-close-btn {
        display: unset;
    }

    .dropdown-menu {
        position: unset;
    }

    .dropdown-menu.active {
        position: unset!important; 
        will-change: unset!important; 
        transform: unset!important;
    }


    /* End of Header - Ipad View  */

    /* Career Page - Ipad View */

    .kt-container3 {
        width: unset!important;
    }

    .kt-container2 {
        width: unset!important;
    }

    .career-card-content {
        min-height: 375px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }

    .pitching-inner-container .title {
        width: unset;
    }

    /* End of Career Page - Ipad View */

    .package-price{
        font-size: 20px;
    }
    .package-description-text{
        font-size: 17px;
    }
    .walk-with-content-container {
        padding: 10px;
        max-width: 33%;
    }
    .package-title {
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 1rem;
        color: #262626;
        font-size: 17px;
        text-align: center;
    }
    /* Career Detail Page - Ipad View */

    .career-detail-bg-img-container {
        padding-inline: 40px;
    }

    .submit-container {
        padding: 40px;
        margin-top: 18px;
    }

    .submit-section p {
        width: unset;
    }

    .submit-container .kt-container2 {
        width: unset!important;
    }

    .career-details-content {
        padding-inline: 3rem;
        flex-direction: column;
    }

    .objective-wrapper {
        margin-right: 0!important;
    }

    /* End of Career Detail Page - Ipad View */
    

    .contactUs-body-container {
        min-height: unset;
    }

    .contactUs-section2 {
        padding-inline: 20px;
    }

    .location span {
        display: inline;
    }

    /* Website Design Development - Ipad View */
    
    .service-container {
        width: unset;
        text-align: center;
        padding-inline: 50px!important;
    }

    .service-bg-img, .social-bg-img {
        padding-inline: 20px;
    }

    .social-bg-img span {
        display: inline;
    }

    .service-pitching-section2 {
        flex-direction: column;
        padding-block: 50px;
    }

    .service-pitching-section2 img {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .service-card {
        flex-direction: column;
        gap: 50px;
    }

    .service-card-2 {
        margin-block: 0;
    }

    .service-card-1, .service-card-2, .service-card-3 {
        width:100%;
        flex-direction: column;
        align-items: center;
        padding: 50px;
    }

    .service-card img {
        height: unset;
        width: 80px;
    }

    .service-bg-2 {
        padding-inline: 20px;
    }

    .service-pitching-section .text-desc {
        padding-left: 0;
    }

    .seo-bg-2 {
        padding-top: 0;
    }

    /* End of Website Design Development - Ipad View */

    /* SEO - Ipad View */

    .service-card .service-card-seo{
        width: unset;
    }

    .seo-bg-2 .width-container {
        flex-direction: column;
    }

    .seo-bg-2 .width-container img {
        margin-bottom: 15px;
    }

    .width-container {
        width: unset;
        padding-inline: 20px;
    }

    .last-section-container {
        padding-inline: 0px;
    }

    .social-media-description {
        width: unset!important;
    }

    /* End of SEO - Ipad View */

    /* Login - Ipad View */

    .login-container-wrapper {
        /* flex-direction: column-reverse;
        margin-top: 82px; */
    }

    .mobile-login-container {
        max-width: 100%;
    }

    .login-img-container {
        max-width: 100%;
        text-align: center;
    }

    .login-img-container img {
        /* width: 400px; */
    }

    .login-container {
        padding-inline: unset;
    }

    /* End of Login - Ipad View */

    /* Footer - Ipad View */
    .dashboard-content.centered {
        transform: none;
    }

    .web-menu-items-container{
        background-color: white;
        padding-inline: 0;
        padding-left: 18px;
        flex-direction: column;
        width: 100%;
    }

    .side-ipad-view{
        width: 100%;
    }

    .nav-ipad-view{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .row{
        justify-content: space-between;
        width: 98%;
    }

    .homepageHeader.active {
        left: 50%!important;
        z-index: 101;
        width: 80%;
        overflow: hidden;
        height: inherit;
        display: flex;
    }

    .our-service-dropdown-div-ipad{
        display: flex;
        align-items: center;
        font-size: 25px;
        font-weight: bold;
        margin-left: 30px;
        justify-content: flex-start !important;
        gap: 10px;
    }

    .header-dropdown-list-div{
        margin-left: 30px;
    }

    .wa-in-inner-div-logged-in{
        max-width: 240px;
    }

    .dashboard-content{
        padding-top: 0;
    }

    .homepageHeader{
        width: 50% !important;
        display: none;
    }

    .ipadViewMenu{
        margin-top: 10px;
        width: 100%;
        margin-left: 25px;
    }

    .headerMenuClose {
        display: flex !important;
        justify-content: flex-end !important;
        color: black !important;
        float: right;
        margin: 0;
        z-index: 102;
        height: 20px;
        width: 20px;
        margin-right: 20px !important;
        margin-top: 20px !important;
    }

    .headerMenuClose i{
        z-index: 110 !important;
    }

    .btn [class*=" la-"] {
        font-size: 3.5rem;
    }

    .wa-btn{
        color: white !important;
    }

    .footer-container {
        flex-direction: column  ;
    }

    .footer-section-content1, .footer-section-content2 {
        width: 100%;
        flex-wrap: wrap;
    }

    .footer-content-container {
        width: 40%;
    }

    /* End of Footer - Ipad View */

    /* Dashboard - Ipad View */

    .mid-width-container {
        width: unset;
    }

    /* End of Dashboard - Ipad View */

    /* Our Team - Ipad View  */

    .team-image-section{
        width: unset;
        margin-inline: 20px;
    }

    .team-bg {
        width: unset;
        margin-inline: 20px;
    }

    .team-image-section #danny {
        transform: translate(50%, 35%);
    }

    .team-image-section #hanyao {
        transform: translate(-70%, 38%);
    }

    .team-image-section #yihong {
        transform: translate(280%, 40%);
        width: 110px;
    }

    .team-image-section #jinglun {
        transform: translate(-130%, -130%);
    }

    /* #karen {
        transform: translate(150%, 32%);
    } */

    .team-image-section #susan {
        transform: translate(-89%, -123%);
    }

    .team-image-section #stanley {
        transform: translate(-30%, -30%);
    }

    .team-image-section #mike {
        transform: translate(-211%, 70%);
    }

    /* End of Our Team - Ipad View */

    /* Profile - Ipad View */

    .user-profile-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .project-info-container {
        flex-direction: column;
    }

    .project-wrapper {
        border: none;
    }

    .user-details {
        text-align: center;
    }

    .team-details-wrapper {
        flex-direction: column-reverse;
        width: 100%;
        padding: 20px;
    }

    .team-image-section {
        width: 100%;
    }

    /* End of Profile - Ipad View */

    /* Invoice - Ipad View*/

    #wrapper2 .col-lg-6, #wrapper2 .col-md-6, #wrapper2 .col-lg-3, #wrapper2 .col-md-3, #wrapper2 .col-sm-3, #wrapper2 .col-xs-6 {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    #wrapper2 .row {
        margin-right: 0!important;
        margin-left: 0!important;
    }

    #wrapper2 .invoice-padding {
        padding-left: 0!important;
    }

    #wrapper2 .invoice-pl {
        padding-left: 20px!important;
    }

    #wrapper2 .payment-mobile-padding {
        padding-inline: 20px!important;
    }

    #wrapper2 .total-amount-mobile .row {
        padding-inline: 20px;
    }

    #wrapper2 .mobile-margin.mobile-pl {
        padding-left: 10px!important
    }

    #wrapper2 .invoice-table-container {
        padding-inline: 20px;
    }
    /* End of Invoice -Ipad View */

    /* Before Login Menu - Ipad View */
    .header-menu-section-div {
        position: fixed;
        width: 40%;
        top: 0;
        right: -100%;
        transition: ease-in .3s;
        min-height: 100vh;
        max-height: 100vh;
        z-index: 100;
        /* box-shadow: 0px 0px 5px 1px rgba(226, 175, 255, 0.75);
        -webkit-box-shadow: 0px 0px 5px 1px rgba(226, 175, 255, 0.75);
        -moz-box-shadow: 0px 0px 5px 1px rgba(226, 175, 255, 0.75); */
        overflow-y: scroll;
    }

    .header-menu-section-div.show-header-menu {
        right: 0%;
    }

    .header-menu-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-logo-img {
        width: 60%;
        padding-inline: 10px;
        /* margin-bottom: 16px; */
    }

    .wa-in-inner-div {
        padding: 7px;
        background-color: #F5F5F5;
        color: black;
        display: flex;
        justify-content: center;
    }

    .sign-in-inner-div{
        display: flex;
        justify-content: center;
    }

    .fa-angle-right{
        margin-left: 10px;
    }

    .mobile-menu-wa-div {
        width: 100%;
        padding-inline: 0;
    }

    .header-menu-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-menu-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .whatsapp-container-mobile {
        padding-top: 10px!important;
    }

    .wa-in-inner-div a {
        color: black!important;
    }

    .logo-mobile-header {
        padding: 7px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #efefef;
    }

    .headerMenuSectionInner {
        width: 100%;
        position: relative;
        align-items: flex-start!important;
    }

    .our-service-dropdown-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-menu-div {
        width: 100%;
    }


    .header-menu-section-inner-div {
        /* padding: 1.5rem; */
        background-color: white;
        min-height: 100vh;
        /* padding-top: 0; */
    }

    .header-dropdown-list-div {
        position: block;
    }

    .headerMenuItem {
        margin-bottom: 15px;
        /* padding: 0 10px !important; */
    }

    .sidebar-close-btn {
        margin-right: 0;
    }

    .headerMenuItem {
        margin-inline: 0;
        width: 100%;
    }

    .homepage-header {
        justify-content: flex-end;
    }

    .sidebar-btn {
        position: absolute;
        top: 0px;
        right: 0;
        z-index: 2;
        background: transparent!important;
        min-width: 90px;
    }

    .sidebar-btn.scrolled {
        background: white!important;
        border-bottom: 1px solid #efefef;
    }

    .top-menu-div {
        text-align: right;
    }

    .header-dropdown-list-div {
        left: 0;
        position: unset;
    }

    .milestone-section {
        padding: var(--mobile-padding);
    }

    .faq-section {
        padding: var(--mobile-padding);
    }

    .headerMenuSection {
        align-items: flex-start!important;
    }

    .wa-in-inner-div {
        padding: 0;
    }

    .sign-in-inner-div {
        border: none;
        padding: 0;
    }

    .header-menu-section-div {
        padding: 0;
    }

     /* End of Before Login Menu - Ipad View */

     /* About Us Revamp - Ipad View */
     .approach-card-div {
        width: 100%;
     }

      /* End of About Us Revamp - Ipad View */

    /* Hompage Revamp - Ipad View */

    .walk-with-text p {

        font-size: var(--mobile-card-description);
    }
    /* End of homepage revamp - Ipad view */


 
}

/* Ipad Pro View */
@media (min-width: 991px) and (max-width: 1199px) {

    .web-menu-items {
        width: unset;
        gap: 100px;
        width: unset;
        gap: 0;
        /* display: none; */
    }

    .headerMenuItem .menuBtn {
        margin-right: 0;
    }

    .ipadViewMenu {
        display: flex;
        /* justify-content:space-between; */
        align-items: center;
    }
    .ipad-logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ipad-logo-container img {
        width: 214px;
    }

    .nav-menu-service-dropdown {
        margin-right: 30px!important;
    }

    .responsive-contact {
        display: unset;
    }
    
    .responsive-quote {
        display: unset;
    }


     /* comment .ipad-main-menu below if no sign in and Get Free Quotation at right side */
    /* .ipad-main-menu {
        display: flex;
        justify-content: space-between;
    } */
     /* comment .ipad-main-menu below if got sign in and Get Free Quotation at right side */
     .ipad-main-menu{
        justify-content: center;
        display: flex;
    }

    .package-price{
        font-size: 20px;
    }
    .package-description-text{
        font-size: 17px;
    }
    .walk-with-content-container {
        padding: 10px;
        max-width: 33%;
    }
    .package-title {
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 1rem;
        color: #262626;
        font-size: 17px;
        text-align: center;
    }
    .package-description-text {
        font-size: 14px;
    }
    /* Career Page - Ipad Pro */

    .kt-container3 {
        width: unset!important;
    }

    .career-card-content {
        /* height: 380px; */

    }

    .main-title-container {
        /* margin-top: 90px; */
        /* margin-top: 60px */
    }

    /* End of Career Page - Ipad Pro */

    /* Career Detail Page - Ipad Pro */

    .submit-container {
        padding: 40px;
        /* height: 480px; */
    }

    .objective-section, .responsibilities-section, .qualification-section {
        width: unset!important;
    }

    .submit-container .kt-container2 {
        width: unset!important;
    }

    .career-details-content {
        padding-inline: 3rem;
        width: unset!important;
    }

    .career-details {
        padding-inline: 60px;
    }
    

    /* End of Career Detail Page - Ipad Pro */

    /* Header Section - Ipad Pro */

    .top-menu {
        min-width: 100%;
        padding-right: 30px;
    }

    .free-quotation-container {
        gap: 5px;
    }

    .headerMenuItem .free-quotation {
        text-align: center;
    }

    .web-menu-items-container {
        padding-block: 5px;
    }

    .headerMenuItem a:last-child{
        margin: 0;
    }

    .service-dropdown-container {
        margin-right: 0;
    }

    /* End of Header Section -Ipad Pro */

    /* Homepage Section - Ipad Pro */

    .video-text{
        min-width: 100%;
    }

    .pitching-details-card {
        height: unset;
    }

    .hp-contact-container {
        width: unset!important;
    }

    .hp-contact-section {
        padding-inline: 10px;
    }

    .hp-contact-section .enquiry p {
        width: unset;
    }

    .hp-contact-section .enquiry .title {
        width: unset!important;
    }

    .services-section {
        width: unset;
    }

    .pitching-container {
        width: unset!important;
    }

    /* End of Homepage Section - Ipad PRo */

    .contactUs-body-container {
        min-height: unset;
    }

    .video-container {
        /* margin-top: 93px; */
        /* margin-top: 55px; */
    }

    .contactUs-section2 {
        width: unset!important;
        padding-inline: 20px;
    }

    /* Website Design Development - Ipad Pro View */

    .service-container {
        width: unset;
        padding-inline: 20px!important;
    }

    .service-pitching-section .text-desc {
        padding-left: 20px;
    }

    .service-bg-2 {
        padding-inline: 20px;
    }

    .service-bg-img, .ppc-bg-img, .content-bg-img, .social-bg-img, .seo-bg-img {
        /* margin-top: 64px; */
    }

    /* End of Website Design Development - Ipad Pro View */

    /* SEO Ipad Pro View */

    .width-container {
        width: unset;
    }

    .seo-description p:not(:first-child) {
        display: inline;

    }

    .service-card .service-card-seo {
        /* width: unset; */
    }

    .width-container {
        padding-inline: 20px;
    }

    .social-media-description {
        width: unset!important;
    }

    /* End of SEO Ipad Pro View  */

    .service-card-1, .service-card-2, .service-card-3 {
        /* width: unset; */
    }

    /* Login - Ipad Pro View */

    .main-flex-container {
        /* margin-top: 90px; */
    }

    .login-img-container img {
        width: 100%;
    }

    /* End of Login - Ipad Pro View */

    /* OTP Verification - Ipad Pro View */

    .OTPVerification-redirect {
        flex-direction: column;
    }

    /* End of OTP Verification - Ipad Pro View */

    /* Our Team - Ipad Pro View */

    .team-image-section{
        width: 100%;
        margin-inline: 20px;
    }

    .team-bg {
        width: 100%;
        margin-inline: 20px;
        padding-inline: 40px;
    }

    .team-image-section #danny {
        transform: translate(100%, 35%);
    }

    .team-image-section #hanyao {
        transform: translate(-60%, 38%);
    }

    .team-image-section #jinglun {
        transform: translate(-182%, -102%);
    }

    .team-image-section #yihong {
        transform: translate(179%, 20%);
        width: 150px;
    }

    .team-image-section #mike, .team-image-section #susan, .team-image-section #karen, .team-image-section #stanley {
        width: 150px;
    }

    .team-image-section #jinglun {
        width: 150px;
    }

    .team-image-section #stanley {
        transform: translate(-112%, 5%);
    }

    .team-image-section #susan {
        transform: translate(-115%, -123%);
    }

    .team-image-section #mike {
        transform: translate(-231%, 0%);
    }
   

    /* End of Our Team - Ipad Pro View */

    .user-profile-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .user-details {
        text-align: center;
    }

    .team-details-wrapper {
        flex-direction: column-reverse;
        width: 100%;
        padding: 20px;
    }

    /* #karen{
        transform: translate(99%, 39%);
    } */

    /* About Us Revamp - Ipad Pro */
    .tsf-bg-img {
        padding: 10px;
    }
    /* End of About Us Revamp - Ipad Pro */

    /* Blog Details - Ipad Pro */

    .blog-section {
        padding-inline: 20px;
    }
    /* End of Blog Details - Ipad Pro */

    .page-content-div {
        /* margin-top: -93px; */
    }

    .services-card-container {
        width: 100%;
    }

    .footer-section-content1{
        flex-wrap: wrap;
    }

    .last-section-container {
        padding-inline: 30px;
    }

    .video-text .title {
        font-size: var(--ipad-page-title);
    }

    .footer-section {
        padding: 60px;
        padding-inline: 0;
    }

    .footer-section-content1, .footer-section-content2 {
        gap: 60px;
    }

    /* Before Login Menu */

    .logo-mobile-header {
        flex: 1;
    }

    .header-menu-div {
        flex: 3;
    }
    /* End of Before Login Menu */
    
}