@media (max-width:1920px) {
    .signup-section-number-page .signupform {
        max-height: calc(100vh - 175px);
        overflow-y: hidden;
    }

        .signup-section-number-page .signupform form.signup-form {
            max-height: calc(100vh - 175px);
            overflow-y: auto;
            padding-bottom: 7vh !important;
        }

    .signup-section-email-page .signinform {
        max-height: calc(100vh - 147px);
        overflow-y: auto;
    }

    .signup-section-email-page .signupform form.signup-form {
        overflow-y: auto;
    }

    .vilazia-idcard-order-btn {
        margin-left: 15px;
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    video.video{
        width:900px;
    }
}@media (min-width:1500px) and (max-width:1900px) {
    video.video{
        width:1100px;
    }
}

    @media (max-width:1365px) {
        header .navbar .navbar-collapse ul li.nav-item a.nav-link {
            font-size: 16px;
            white-space: nowrap;
        }

        video.video {
            width: 860px;
        }

        .username-in-header {
            white-space: nowrap;
        }

        header .navbar-brand .logo {
            width: 100px;
        }

        .notification-bell-icon {
            margin-right: 16px;
            margin-left: 18px;
        }

        .custom-container-currencyTable {
            width: unset;
        }

        .social-n-live-content .liveStream i {
            font-size: 40px;
        }

        .social-n-live-content .space-social-links .space-main-social-icon img {
            width: 40px;
        }

        .login-section-page {
            min-height: 320px;
        }
    }



    @media (max-width:1200px) {
        video.video {
            width: 860px;
        }

        .back1 {
            margin-top: 10px;
            height: 250px;
        }

        .login-section-page {
            min-height: 320px;
        }

        .picture-container {
            height: 282px;
        }

        header .navbar .navbar-collapse ul li.nav-item a.nav-link {
            padding: 3px 5px !important;
            font-size: 16px;
        }

        header .navbar-brand .logo {
            width: 100px;
        }

        header .navbar .navbar-collapse ul li.my-world-li {
            margin-left: 10px;
            width: 110px;
            margin-top: 10px;
        }

        .notification-bell-icon {
            margin-right: 13px;
            margin-left: 13px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn {
            display: block;
        }

            .space-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn .follow-chat-btn-pills,
            .people-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn .follow-chat-btn-pills,
            .my-world-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn .follow-chat-btn-pills {
                padding: 0 !important;
            }

        .red-follow-btn .red-follow-btn-color {
            width: 100%;
            margin-bottom: 8px;
        }

        .blue-chat-btn .blue-chat-btn-color {
            width: 100%;
        }

        .subscribe-form input {
            width: 100%;
            padding: 12px 12px;
            background: #fff;
            border: none;
            color: #333;
        }

        .subscribe-form button {
            position: absolute;
            right: 0;
            color: #fff;
            background: #EE220B;
            padding: 12px 8px;
            font-size: 16px;
            top: 0;
            outline: none;
            border: none;
        }

        footer .footer-pad h3 {
            font-size: 22px;
        }

        .feature-card-deatails h4 {
            font-size: 17px;
        }
        /*---------------------------------- */
        /*------ view profile css------ */
        /*---------------------------------- */


        /*------ right side css------ */
        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a i {
            font-size: 32px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
            font-size: 16px;
        }

        .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a p {
            font-size: 16px;
            margin-bottom: 2px;
        }

        .right-inner-container .view-profile-right-tabs section .tab-content .profile-tab-content-inner .tab-content-inner-img {
            height: 100vh;
            width: 100%;
        }

            .right-inner-container .view-profile-right-tabs section .tab-content .profile-tab-content-inner .tab-content-inner-img img {
                width: 100%;
                height: 80vh;
            }

        .citizen-register-card .back {
            min-height: 248px;
            margin-top: 10px;
        }

        header .navbar .navbar-collapse {
            height: calc(100vh - 55px);
        }

        .header-tab-version {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        .header-dekstop-version, .username-in-header {
            display: none !important;
        }

        .social-n-live-content .liveStream i {
            font-size: 40px;
        }

        .social-n-live-content .space-social-links .space-main-social-icon img {
            width: 40px;
        }

        .postpage-right-section-body.common-scrollbar-tpp {
            display: none;
        }

        .pp-sidepanel {
            display: block;
            position: fixed;
            height: 100vh;
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            min-width: 100px;
            margin-left: 0;
            z-index: 12;
            color: #f1f1f2;
            top: 63px;
            transition: all .5s ease;
        }

        .mobile-filter-button-pp {
            display: block;
            position: fixed;
            right: 0;
            background: #ccc;
            padding: 5px 10px;
            z-index: 13;
            top: 90px;
            color: #000;
            font-size: 20px;
        }

        .postpage-left-section-body {
            height: calc(100vh - 63px);
            width: 45%;
            background: #141414;
            padding-top: 40px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .ppSlideOpen {
            width: 0px;
            margin-left: -300px;
        }

        .postpage-main-body {
            padding-top: 0;
        }

        .create-blogpost-btn-mobile {
            display: flex;
            background: #ECC309;
            color: #000;
            text-decoration: none;
            cursor: pointer;
            padding: 8px 15px;
            border-radius: 25px;
            margin-bottom: 10px;
            width: fit-content;
            font-size: 14px;
            margin-left: 5px;
        }

        .postpage-left-section-body .create-blogpost-btn {
            display: none;
        }

        .leftsection-desktop-pp {
            display: none;
        }
    }

    @media (max-width:1080px) {
        video.video {
            width: 660px;
        }

        .picture-container {
            height: 282px;
        }

        header .navbar .navbar-collapse ul li.nav-item a.nav-link {
            padding: 3px 4px !important;
            font-size: 16px;
            white-space: nowrap;
        }


        header .navbar .navbar-collapse ul li.my-world-li {
            margin-left: 10px;
        }

            header .navbar .navbar-collapse ul li.my-world-li a {
                font-size: 14px !important;
            }

        .notification-bell-icon {
            margin-right: 12px;
            margin-left: 12px;
        }

        .navbar-dark .navbar-brand {
            margin-right: 5px;
        }

        .home-searchinput .form-control {
            width: 188px;
        }

        /*---------------------------------- */
        /*------ view profile css------ */
        /*---------------------------------- */


        /*------ right side css------ */
        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
            font-size: 14px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tab-content {
            padding: 25px 20px 25px 20px;
        }

        .social-n-live-content .liveStream i {
            font-size: 40px;
        }

        .social-n-live-content .space-social-links .space-main-social-icon img {
            width: 40px;
        }

        .postpage-right-section-body.common-scrollbar-tpp {
            display: none;
        }

        .pp-sidepanel {
            display: block;
            position: fixed;
            height: 100vh;
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            min-width: 100px;
            margin-left: 0;
            z-index: 12;
            color: #f1f1f2;
            top: 63px;
            transition: all .5s ease;
        }

        .mobile-filter-button-pp {
            display: block;
            position: fixed;
            right: 0;
            background: #ccc;
            padding: 5px 10px;
            z-index: 13;
            top: 90px;
            color: #000;
            font-size: 20px;
        }

        .postpage-left-section-body {
            height: calc(100vh - 63px);
            width: 45%;
            background: #141414;
            padding-top: 40px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .ppSlideOpen {
            width: 0px;
            margin-left: -300px;
        }

        .postpage-main-body {
            padding-top: 0;
        }

        .create-blogpost-btn-mobile {
            display: flex;
            background: #ECC309;
            color: #000;
            text-decoration: none;
            cursor: pointer;
            padding: 8px 15px;
            border-radius: 25px;
            margin-bottom: 10px;
            width: fit-content;
            font-size: 14px;
            margin-left: 5px;
        }

        .postpage-left-section-body .create-blogpost-btn {
            display: none;
        }

        .leftsection-desktop-pp {
            display: none;
        }
    }


    @media (max-width:1024px) {
        video.video {
            width: 760px;
        }

        #showdiv, #showcontent {
            display: block !important;
        }

        #login-bg-demo a.carousel-control-prev, #login-bg-demo a.carousel-control-next {
            display: none;
        }

        .signup-section-number-page .signupform {
            max-height: calc(100vh - 175px);
            overflow-y: hidden;
        }

            .signup-section-number-page .signupform form.signup-form {
                max-height: calc(100vh - 175px);
                overflow-y: auto;
                padding-bottom: 10vh !important;
            }

        .signup-section-email-page .signupform form.signup-form {
            overflow-y: auto;
        }

        /* User dashboard datatable css starts here for iPad devices */

        #user-dashboard .custom-table-responsive {
            width: 100%;
            overflow: auto;
        }

        /* User dashboard datatable css ends here for iPad devices */

        .username-in-header {
            display: none;
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }

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

        .social-n-live-content .liveStream i {
            font-size: 40px;
        }

        .social-n-live-content .space-social-links .space-main-social-icon img {
            width: 40px;
        }

        .space-detail-uploaded-image .profile-circle {
            width: 185px;
            height: 185px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content {
            padding: 25px 20px 65px;
        }

        .picture-container {
            height: 282px;
        }

            .picture-container .controls {
                display: none;
            }

        .postpage-right-section-body.common-scrollbar-tpp {
            display: none;
        }

        .pp-sidepanel {
            display: block;
            position: fixed;
            height: 100vh;
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            min-width: 100px;
            margin-left: 0;
            z-index: 12;
            color: #f1f1f2;
            top: 63px;
            transition: all .5s ease;
        }

        .mobile-filter-button-pp {
            display: block;
            position: fixed;
            right: 0;
            background: #ccc;
            padding: 5px 10px;
            z-index: 13;
            top: 90px;
            color: #000;
            font-size: 20px;
        }

        .postpage-left-section-body {
            height: calc(100vh - 63px);
            width: 45%;
            background: #141414;
            padding-top: 40px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .ppSlideOpen {
            width: 0px;
            margin-left: -300px;
        }

        .postpage-main-body {
            padding-top: 0;
        }

        .create-blogpost-btn-mobile {
            display: flex;
            background: #ECC309;
            color: #000;
            text-decoration: none;
            cursor: pointer;
            padding: 8px 15px;
            border-radius: 25px;
            margin-bottom: 10px;
            width: fit-content;
            font-size: 14px;
            margin-left: 5px;
        }

        .postpage-left-section-body .create-blogpost-btn {
            display: none;
        }

        .leftsection-desktop-pp {
            display: none;
        }
        /* post page for ipad devices*/
    }


    @media (max-width:1024px) and (orientation:portrait) {
        video.video {
            width: 800px;
        }

        #showdiv, #showcontent {
            display: block !important;
        }

        .back1 {
            margin-top: 10px;
            height: 250px;
        }

        .signup-section-number-page .signupform form.signup-form {
            padding-bottom: 1vh !important;
        }

        .signup-section-email-page .signupform form.signup-form {
            padding-bottom: 1vh !important;
        }

        .vilazia-idcard-order-btn {
            margin-left: 0;
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }
    }

    @media (max-width:992px) {
        #showdiv, #showcontent {
            display: block !important;
        }

        .change-order-1 {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

        .change-order-2 {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3;
        }

        .change-order-3 {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

        .home-searchinput {
            width: 185px;
            margin-top: 15px;
        }

        header .navbar .navbar-collapse ul {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        header .header-icon-tab-top .notification-bell-icon {
            margin: 0;
        }

        header .header-icon-tab-top .filter-nav-link {
            margin: 0 10px;
        }

        header .header-icon-tab-top .notification-bell-icon .number {
            height: 18px;
            width: 18px;
            font-size: 12px;
            font-weight: bold;
            top: -6px;
            right: 1px;
        }

        .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption {
            bottom: unset;
            top: 40%;
            width: 80%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

            .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption h3 {
                font-size: 22px;
                font-weight: 600;
                padding-bottom: 10px;
            }

            .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption p {
                font-size: 15px;
                font-weight: 300;
            }

        header .navbar .navbar-collapse ul li.nav-item a.nav-link {
            padding: 8px 5px !important;
            font-size: 14px;
        }

        .home-searchinput .form-control {
            display: block;
            height: 42px;
            width: 100%;
            font-size: 16px;
        }

        .home-searchinput i {
            top: 12px;
        }

        header .navbar .navbar-collapse ul li.my-world-li {
            margin: 10px 6px;
            width: 86px;
        }

            header .navbar .navbar-collapse ul li.my-world-li a {
                font-size: 14px;
            }

        .space-home-herobanner .user-space-profile .user-space-ownership,
        .people-home-herobanner .user-space-profile .user-space-ownership,
        .my-world-herobanner .user-space-profile .user-space-ownership {
            max-width: 60vw;
            float: none;
            margin: 0 auto 20px;
        }

        .currency-selector-mnt li {
            margin: 5px;
            width: 100%;
        }

        .navbar-collapse {
            height: 100vh
        }
        /*---------------------------------- */
        /*------ view profile css------ */
        /*---------------------------------- */
        /*------ right side css------ */
        .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a p {
            font-size: 14px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
            min-height: 110px;
        }

            .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
                font-size: 16px;
                line-height: 18px;
                margin-bottom: 0;
            }


        .upload-excel-text-ellipses {
            max-width: 60px;
        }

        /*-----------------Wallet page css --------------------*/


        .payment-inner-container .view-profile-right-tabs section .profile-tab-content {
            padding: 25px 40px 25px 40px;
            max-width: calc(100% - 155px);
        }


        .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
            width: 155px;
        }


        /*-----------------Wallet page css end --------------------*/

        .space-create-circle-modal,
        .large-custom-modal-width,
        .v-product-detail-modal {
            max-width: 95%;
        }

        .picture-container {
            height: 282px;
        }
    }

    @media (max-width:992px) and (orientation:landscape) {
        video.video {
            width: 760px;
        }

        #showdiv, #showcontent {
            display: block !important;
        }

        .login-section-page .signinform {
            max-height: calc(100vh - 145px);
            overflow-y: hidden;
            min-height: calc(100vh - 145px) !important;
        }

            .login-section-page .signinform .signin-form {
                max-height: calc(100vh - 215px);
                overflow-y: auto;
                padding-bottom: 0vh !important;
            }

        .signup-section-number-page {
            margin-top: 42px !important;
        }

            .signup-section-number-page .signupform {
                max-height: calc(100vh - 145px);
                overflow-y: hidden;
                min-height: calc(100vh - 145px) !important;
            }

                .signup-section-number-page .signupform form.signup-form {
                    max-height: calc(100vh - 215px);
                    overflow-y: auto;
                    padding-bottom: 0vh !important;
                }


        .signup-section-email-page {
            margin-top: 42px !important;
        }

            .signup-section-email-page .signupform {
                max-height: calc(100vh - 145px);
                overflow-y: hidden;
                min-height: calc(100vh - 145px) !important;
            }

                .signup-section-email-page .signupform form.signup-form {
                    max-height: calc(100vh - 215px);
                    overflow-y: auto;
                    padding-bottom: 0vh !important;
                }


        .signin-section-email-page {
            margin-top: 42px !important;
        }

            .signin-section-email-page .signinform {
                max-height: calc(100vh - 145px);
                overflow-y: hidden;
                min-height: calc(100vh - 145px) !important;
            }

                .signin-section-email-page .signinform form.signin-form {
                    max-height: calc(100vh - 215px);
                    overflow-y: auto;
                    padding-bottom: 0vh !important;
                }


        .signin-section-number-page {
            margin-top: 42px !important;
        }

            .signin-section-number-page .signinform {
                max-height: calc(100vh - 145px);
                overflow-y: hidden;
                min-height: calc(100vh - 145px) !important;
            }

                .signin-section-number-page .signinform form.signin-form {
                    max-height: calc(100vh - 215px);
                    overflow-y: auto;
                    padding-bottom: 0vh !important;
                }

        header .navbar .navbar-collapse {
            max-height: calc(100vh - 55px);
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }

        .picture-container {
            height: 282px;
        }
    }

    @media (max-width:991px) {
        #showdiv, #showcontent {
            display: block !important;
        }

        .signin-section .main-sign-in-body .main-sign-in-content .login-left-side-content {
            display: none !important;
        }

        .header-dekstop-version {
            display: none !important;
        }

        .header-tab-version {
            display: -webkit-box !important;
            display: -ms-flexbox !important;
            display: flex !important;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }

        header .navbar .navbar-collapse ul {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
        }

        header .navbar .navbar-collapse .home-searchinput {
            margin-bottom: 70vh;
        }

        .currency-selector-mnt li {
            margin: 5px;
            width: 100%;
        }

        .product-detail,
        .space-detail {
            margin-left: 10px;
            width: 49%;
        }

        .username-in-header-tab {
            display: block;
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }

        .picture-container {
            height: 282px;
        }

            .picture-container img {
                top: -60px !important;
            }

        .lot-left-inner-container {
            min-height: unset;
        }

        .back1 {
            height: 250px;
            margin-top: 14px;
        }
    }

    @media (max-width:768px) {
        video.video {
            width: 658px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li {
            margin-top: 10px;
        }

        .feature-section-inner-content {
            margin-left: 61px;
        }

        .coun-flg-img img {
            margin-left: 2px;
        }

        #showdiv, #showcontent {
            display: block !important;
        }

        .citizen-country-flag {
            width: 34px;
            height: 21px;
        }

        .signin-section .main-sign-in-body .main-sign-in-content .login-left-side-content {
            display: none !important;
        }

        .space-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications, .people-home-herobanner .user-space-profile .user-space-ownership .my-world-notifications {
            max-height: 100px;
            overflow-y: auto;
        }

        .home-searchinput {
            width: 350px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5 {
            font-size: 24px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content p,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content p,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content p {
            font-size: 18px;
            font-weight: 300;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li {
            font-size: 18px;
            font-weight: 300;
        }

        .space-carousel-caption {
            margin: 15px auto 25px;
        }

            .space-carousel-caption p {
                font-weight: 300;
                font-size: 16px;
            }

        .space-home-herobanner .user-space-profile .user-space-ownership,
        .people-home-herobanner .user-space-profile .user-space-ownership {
            max-width: 58vw;
            border-radius: 7px;
            float: none;
            margin: 0 auto !important;
        }

        .slider-heading .search-container {
            margin-bottom: 10px;
        }
        /*---------------------------------- */
        /*------ view profile css------ */
        /*---------------------------------- */
        /*------ left side css------ */
        .view-profile-main-container .container-fluid .row > div {
            margin-bottom: 5px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .edit-profile-form-box form > div {
            padding: 0;
        }
        /*------ right side css------ */
        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a i {
            font-size: 32px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
            font-size: 16px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li .blog-tab-button-content {
            padding-right: 12px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li {
            margin-bottom: 6px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tab-content {
            padding: 25px 13px 25px 13px;
        }

        .right-inner-container .view-profile-right-tabs section .tab-content .profile-tab-content-inner .tab-content-inner-img {
            height: 60vh;
            width: 100%;
        }

            .right-inner-container .view-profile-right-tabs section .tab-content .profile-tab-content-inner .tab-content-inner-img img {
                width: 100%;
                height: 60vh;
            }

        .postpage-right-section-body.common-scrollbar-tpp {
            display: none;
        }

        .pp-sidepanel {
            display: block;
            position: fixed;
            height: 100vh;
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            min-width: 100px;
            margin-left: 0;
            z-index: 12;
            color: #f1f1f2;
            top: 63px;
            transition: all .5s ease;
        }

        .mobile-filter-button-pp {
            display: block;
            position: fixed;
            right: 0;
            background: #ccc;
            padding: 5px 10px;
            z-index: 13;
            top: 90px;
            color: #000;
            font-size: 20px;
        }

        .postpage-left-section-body {
            height: calc(100vh - 63px);
            width: 45%;
            background: #141414;
            padding-top: 40px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .ppSlideOpen {
            width: 0px;
            margin-left: -300px;
        }

        .postpage-main-body {
            padding-top: 0;
        }

        .create-blogpost-btn-mobile {
            display: flex;
            background: #ECC309;
            color: #000;
            text-decoration: none;
            cursor: pointer;
            padding: 8px 15px;
            border-radius: 25px;
            margin-bottom: 10px;
            width: fit-content;
            font-size: 14px;
            margin-left: 5px;
        }

        .postpage-left-section-body .create-blogpost-btn {
            display: none;
        }

        .leftsection-desktop-pp {
            display: none;
        }
        /*.postpage-left-section-body{display:none;}*/
        /*  admin vilazia-map */
        .master-form-upload-excel {
            -webkit-box-pack: start !important;
            -ms-flex-pack: start !important;
            justify-content: flex-start !important;
            margin-top: 10px;
        }

        .upload-excel-text-ellipses {
            max-width: 100px;
        }

        .currency-selector-mnt li {
            margin: 5px;
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }

        .signin-section .main-sign-in-body .main-sign-in-content {
            height: calc(100vh - 115px);
        }

        .signin-section .navbar-top {
            justify-content: center;
            flex-direction: column;
        }

        .beta-release-text {
            position: absolute;
            left: 10px;
            top: 10px;
        }

        .signin-section .navbar-top .nav-title-top p i {
            font-size: 14px;
        }

        .new-mob-header-login {
            margin-top: 10px;
            margin-left: auto;
            margin-right: auto;
        }

        .signin-section .navbar-top .nav-title-top p {
            font-size: 20px;
        }

        .picture-container img {
            top: 0 !important
        }

        .picture-container .controls {
            display: none;
        }

        .postpage-header-section-right .postpage-middle-title-custom {
            flex-wrap: wrap;
        }

        .blog-details-nav .navbar-top {
            justify-content: space-between;
        }

        .blogposted-time-mob {
            display: none;
        }
    }

    /********* iPad media query from 768px to 1024px landscape and portrait view *********/

    /********* media query for chat section from width 811px to height 376px *********/

    @media screen (max-width: 812px) and (max-height:375px) {
        #viewprofilemodal .modal-dialog {
            position: absolute;
            bottom: 0;
            right: 5px;
            margin: 0;
            width: 300px;
        }

        video.video {
            width: 631px;
        }


        #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner {
            max-height: calc(100vh - 115px);
            min-height: calc(100vh - 115px);
            overflow-y: scroll;
        }

        .view-profile-floating-chat.user-chatting-box-1 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat.user-chatting-box-2 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat.user-chatting-box-3 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat .wrapper {
            width: 100%;
        }

        header .navbar .navbar-collapse {
            max-height: calc(100vh - 55px);
            overflow-y: auto;
            height: 100vh;
        }

            header .navbar .navbar-collapse .home-searchinput {
                margin-bottom: 15vh;
            }

        .currency-selector-mnt li {
            margin: 5px;
            width: 100%;
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }

        .create-blogpost-btn {
            display: none;
        }
    }


    /********* Mobile phone media query from 320px to 767px landscaope and portrait view **********/

    @media (min-width: 320px) and (max-width:767px) {
        video.video {
            width: 500px;
        }

        .mob-login-block {
            padding: 0 5px;
        }

        .icard-bottom-passport-encode p {
            display: flex;
            font-size: 8px;
        }

        .mob-login-block #LoginWithEmailPasswd .signinform {
            padding: 0px 5px;
        }

        label input[type="radio"] ~ span {
            display: block !important;
            margin: auto !important;
            margin-bottom: 5px !important;
        }

        #alertBox {
            width: 320px !important;
        }

        .apply-forvisitor-visa {
            white-space: nowrap;
        }

        .picture-container img {
            -o-object-fit: cover;
            object-fit: cover;
            top: 0px !important;
        }

        .picture-container .controls {
            display: none;
        }
        /* by mohit on 31 dec*/
        .signin-section .navbar-top .nav-title-top p {
            font-size: 4vw !important;
        }

            .signin-section .navbar-top .nav-title-top p i {
                font-size: 12px !important;
            }

        .passport-control-image-icon {
            height: 50px !important;
        }

            .passport-control-image-icon img {
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
            }

        .signupform .vilazia-signup-page-tab ul li a {
            white-space: nowrap;
        }

        .login-section-page .signinform .signin-form {
            max-height: calc(100vh - 150px);
        }

        .signup-section-email-page .signupform {
            max-height: calc(100vh - 110px);
        }

            .signup-section-email-page .signupform form.signup-form {
                max-height: calc(100vh - 110px);
            }

        .signin-section .main-sign-in-body .main-sign-in-content {
            padding-top: 30%;
            height: calc(100vh - 115px);
            align-items: flex-start !important;
        }

        #showdiv, #showcontent {
            display: block !important;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner.vilazia-loan {
            max-width: 100%;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner h4 {
            font-size: 22px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner p {
            font-size: 16px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .edit-profile-reset-password {
            padding: 12px 0;
            width: 352px;
        }

        .wallet-tab-content-inner {
            margin-left: 0px !important;
        }

        .account-setting img {
            max-width: 320px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
            min-height: 70px;
        }

        .back1 {
            margin-top: 24px;
            height: 253px;
        }

        #alertBox {
            width: 300px;
        }

            #alertBox h1 {
                font-size: 18px !important;
            }

            #alertBox p {
                font-size: 18px !important;
            }

            #alertBox #closeBtn {
                font-size: 16px !important;
            }

        header .navbar .navbar-collapse {
            max-height: calc(100vh - 55px);
            overflow-y: auto;
            height: 100vh;
        }

            header .navbar .navbar-collapse .home-searchinput {
                margin-bottom: 15vh;
            }

            header .navbar .navbar-collapse .home-searchinput {
                max-width: 350px;
            }

        #viewprofilemodal .modal-dialog {
            position: absolute;
            bottom: 0;
            margin: 0;
            width: 100%;
            max-width: 100%;
            top: 0;
            height: 100vh;
            right: 0;
            overflow-y: hidden;
        }

            #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner {
                max-height: calc(100vh - 115px);
                min-height: calc(100vh - 115px);
                overflow-y: scroll;
            }

        .view-profile-floating-chat.user-chatting-box-1 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat.user-chatting-box-2 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat.user-chatting-box-3 .wrapper {
            right: 0px;
            right: 0px;
        }

        .view-profile-floating-chat .wrapper {
            width: 100%;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger {
                max-width: 100vw;
                max-height: 145px;
                min-height: calc(100vh - 107px);
            }

        .view-profile-home-herobanner,
        .wallet-page-herobanner .wallet-home-img-herobanner {
            -o-object-fit: cover;
            object-fit: cover;
            height: 250px;
            width: 100%;
        }

        .bg-change-camera-icon {
            position: absolute;
            right: 20px;
            top: 80px;
        }

            .bg-change-camera-icon ul li .dropdown-menu {
                top: 0 !important;
            }

        .view-user-profile-image {
            position: absolute;
            top: -80px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .profile-circle {
            border-radius: 50%;
            overflow: hidden;
            width: 150px;
            height: 150px;
            border: 4px solid #fff;
        }

        .profile-image {
            position: absolute;
            bottom: 20px;
            right: 0px;
            color: #000;
            background-color: #fff;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            cursor: pointer;
        }

        .view-user-profile .view-profile-user-name {
            padding-top: 80px;
        }

        .home-searchinput {
            width: unset;
            display: block;
        }

        header .navbar-brand {
            margin-right: 5px;
        }

            header .navbar-brand .logo {
                width: 100px;
            }


        .min-b-h {
            min-height: unset;
        }

        footer .footer-pad {
            padding: 0px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5 {
            font-size: 18px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers {
            margin-bottom: 10px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .space-user-qualification-list > div ul li {
            font-size: 15px;
            font-weight: 400;
        }


        .btn-red .btn {
            font-size: 16px;
            padding: 7px 10px;
        }

        .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption {
            top: 22%;
            width: 90%;
        }

            .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption h3 {
                font-size: 18px;
                font-weight: 600;
                padding-bottom: 7px;
            }

            .home-herobanner-slide .carousel-inner .carousel-item .carousel-caption p {
                font-size: 14px;
                font-weight: 300;
            }

        .space-create-circle-modal,
        .v-product-detail-modal,
        .large-custom-modal-width,
        .modal-for-mobile,
        #newModalDialogue {
            max-width: 100%;
            margin: 0;
        }

        .space-home-herobanner .user-space-profile,
        .people-home-herobanner .user-space-profile,
        .my-world-herobanner .user-space-profile {
            padding: 80px 10px 20px 10px;
        }

        .carousel-wrap .slider-heading > h2 {
            font-size: 24px;
        }

        .carousel-wrap .slider-heading a.add-on-icon {
            margin: 0 10px 0 20px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .follow-chat-btn {
            display: block;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }



        .red-follow-btn .red-follow-btn-color {
            width: 100%;
            margin-bottom: 8px;
        }

        .blue-chat-btn .blue-chat-btn-color {
            width: 100%;
        }

        .space-carousel-caption {
            margin: 15px auto;
        }

            .space-carousel-caption h3 {
                font-weight: 500;
                font-size: 26px;
            }

            .space-carousel-caption p {
                font-weight: 300;
                font-size: 14px;
            }

        .carousel-slider-red-btn .red-btn {
            margin-top: 10px;
        }

        .red-btn .red-btn-color {
            background-color: #EE220B;
            color: #fff;
            padding: 5px 10px;
        }

        .search-container {
            margin-left: 10px;
        }

        .subscribe-form input {
            width: 100%;
            padding: 12px 12px;
            background: #fff;
            border: none;
            color: #333;
        }

        .subscribe-form button {
            position: absolute;
            right: 0;
            color: #fff;
            background: #EE220B;
            padding: 12px 8px;
            font-size: 16px;
            top: 0;
            outline: none;
            border: none;
        }

        .space-home-herobanner .user-space-profile .user-space-ownership,
        .people-home-herobanner .user-space-profile .user-space-ownership,
        .my-world-herobanner .user-space-profile .user-space-ownership {
            max-width: 100%;
            float: unset;
        }

        .space-carousel-caption {
            margin: 15px auto;
        }

            .space-carousel-caption h3 {
                font-weight: 600;
                font-size: 26px;
            }

            .space-carousel-caption p {
                font-weight: 300;
                font-size: 14px;
            }

        .carousel-slider-red-btn .red-btn {
            margin-top: 10px;
        }

        .red-btn .red-btn-color {
            background-color: #EE220B;
            color: #fff;
            padding: 5px 10px;
        }

        .search-container {
            margin-left: 10px;
        }

        .subscribe-form input {
            width: 100%;
            padding: 12px 12px;
            background: #fff;
            border: none;
            color: #333;
        }

        .subscribe-form button {
            position: absolute;
            right: 0;
            color: #fff;
            background: #EE220B;
            padding: 12px 8px;
            font-size: 16px;
            top: 0;
            outline: none;
            border: none;
        }

        .feature-card-deatails h4 {
            font-size: 18px;
            letter-spacing: 1px;
        }

        .notification-bell-dropdown {
            min-width: 400px;
            top: 47px;
            right: -195px;
        }

        /*----- view all page first searchbar start ------ */
        .view-all-searchbar {
            padding: 15px 0 15px 0;
        }

        .view-all-search-filter-heading {
            padding: 40px 0 0 0;
        }

            .view-all-search-filter-heading h2 {
                font-size: 26px;
            }
        /*----- view all page first searchbar end ------ */

        /*----- view all page second searchbar start ------ */
        .view-all-second-searchbar {
            padding: 15px 0 15px 0;
        }
        /*----- view all page second searchbar end ------ */


        /*---------------------------------- */
        /*------ view profile css------ */
        /*---------------------------------- */


        /*------ right side css------ */
        .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a {
            min-height: 155px;
        }

            .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a span i {
                padding-right: 2px;
            }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a i {
            font-size: 38px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
            font-size: 12px;
        }

        /*left-side css*/

        .view-profile-main-container .left-inner-container {
            margin-right: 0;
        }


        /*admin vilazia-map*/
        .master-form-category h2.ctg-heading {
            font-size: 28px !important;
        }

        .master-form-upload-excel {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
            margin-top: 10px;
        }

        .map-vilazia-page-heading {
            text-align: center;
            display: block !important;
        }

        .upload-excel-text-ellipses {
            max-width: 85px;
        }

        .all-notifications .all-notification-dd {
            right: -65px;
            width: 340px
        }

            .all-notifications .all-notification-dd .notificaton-dropdown-header .triangle {
                right: 68px;
            }
        /*-----------------Wallet page css --------------------*/


        .wallet-main-container .left-inner-container {
            margin-right: 0;
        }

        .wallet-main-container .right-inner-container {
            margin-top: 10px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .card-quick-option, .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .card-other-option {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            align-items: self-start;
        }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .card-quick-option .add-money-btn, .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .card-other-option .add-money-btn {
                margin-top: 10px;
            }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content {
            padding: 25px 15px 35px 15px;
        }

            .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-refund-money-to-bank {
                max-width: 100%;
            }

        .right-inner-container .wallet-right-tabs section .wallet-tabs-container ul li a p {
            font-size: 14px;
        }

        .payment-section {
            padding-top: 72px;
            padding-bottom: 0;
        }

        .payment-main-container .payment-main-container-heading {
            padding: 30px 25px 20px 25px;
        }

        .payment-inner-container .view-profile-right-tabs section .profile-tab-content {
            padding: 90px 25px 40px 25px;
            max-width: unset;
        }

        .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        }

            .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                min-height: 100px;
                text-align: center;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                margin: 2px;
                border: 2px solid #3e3e3e;
            }

                .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1;
                    border: 0;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    min-height: unset;
                    padding: 7px 5px;
                }

        .payment-section {
            min-height: unset;
        }

        .payment-inner-container .view-profile-right-tabs section {
            display: block;
        }

            .payment-inner-container .view-profile-right-tabs section .profile-tabs-container {
                max-width: unset;
                padding-bottom: 30px;
            }

                .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a i, .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a svg {
                    font-size: 25px;
                    padding-top: 0;
                }

        .wallet-tab-summary-content {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .download-wallet-summary .wallet-summary-download {
            font-size: 20px;
        }

        .download-wallet-summary > div i {
            font-size: 26px;
        }

        /*-----------------Wallet page css end --------------------*/

        /*sign in page (login page)*/



        .signin-section .main-sign-in-body .main-sign-in-content .signinform .login-title-sign-in h2 {
            letter-spacing: 1px;
            font-size: 26px;
        }

        .floating-form > div.d-flex {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            .floating-form > div.d-flex .floating-label {
                margin: 0 0 28px;
            }

        header .navbar .navbar-brand .logo1 {
            width: 25px;
        }

        .circle-home-herobanner .user-circle-profile, .things-home-herobanner .user-things-profile {
            padding: 80px 0 20px 0;
        }

        header .header-icon-tab-top {
            margin-right: 5px;
        }

            header .header-icon-tab-top .filter-nav-link {
                margin: 0 5px;
            }

            header .header-icon-tab-top .profile-userpic img {
                width: 30px;
                height: 30px;
            }

        header .navbar-toggler {
            padding: .25rem .45rem;
            font-size: 1rem;
        }


        footer .copy {
            font-size: 14px;
            padding: 20px 7px 20px 7px;
        }

        footer .footer-brand-logo {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

            footer .footer-brand-logo > img {
                width: 60px;
                margin-top: 5px;
            }

        .carousel-wrap .slider-heading h2 {
            font-size: 25px;
        }

        .red-btn .red-btn-color {
            padding: 5px 8px;
            font-size: 14px;
        }

        .search-container {
            margin-left: 0px;
        }

        .notification-bell-dropdown {
            min-width: 300px;
            top: 47px;
            right: -140px;
        }

        /*------ view profile css------ */
        /*---------------------------------- */


        /*------ right side css------ */
        .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a {
            min-height: 157px;
        }

            .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a p {
                font-size: 14px;
            }

            .right-inner-container .view-profile-right-tabs section .people-profile-tabs-container ul li a span i {
                padding-right: 2px;
            }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a i {
            font-size: 32px;
        }

        .space-create-circle-modal .modal-header .close:hover {
            background-color: #EE220B;
            opacity: 1;
        }

        .space-create-circle-modal .modal-header .form-title h2 {
            font-size: 22px;
            margin-top: 5px;
            padding-right: 55px;
        }


        .space-create-circle-modal .modal-body .form-title h2 {
            font-size: 24px;
            color: #222;
            font-weight: 700;
            width: 85%;
        }

        .space-create-circle-modal .btn-create-circle {
            font-size: 14px;
            width: 110px;
        }

        .space-create-circle-modal .btn-close-circle {
            font-size: 14px;
            width: 110px;
        }

        .master-form-category h2.ctg-heading {
            font-size: 24px !important;
        }

        .upload-excel-add-vilazia-map-btn {
            margin-top: 5px;
        }



        /*-----------------Wallet page css --------------------*/
        .right-inner-container .wallet-right-tabs section .wallet-summary-tabs-inner-container ul li a {
            font-size: 14px;
            padding: .75rem 0.25rem;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money {
            max-width: 100%;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-content-inner h2 {
            font-size: 22px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option h2 {
            font-size: 22px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-send-money h2 {
            font-size: 22px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .other-card-option-outer .card-other-option > div > p {
            font-size: 14px;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .wallet-tab-payment-option .quick-card-option-outer .card-quick-option > div > p {
            font-size: 14px;
        }

        .payment-section {
            padding-top: 62px;
            padding-bottom: 0;
        }

        .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
            width: 110px;
        }

            .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
                font-size: 14px;
                margin: 0;
            }

        .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li {
            min-height: 82px;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button {
            padding: 5px 8px;
        }


        /*-----------------Wallet page css end --------------------*/


        .signin-section-number-page {
            margin-top: 50px;
        }

        .signin-section-email-page {
            margin-top: 50px;
        }


        .signup-section-number-page .signupform {
            max-height: calc(100vh - 130px);
            overflow-y: hidden;
        }

            .signup-section-number-page .signupform form.signup-form {
                max-height: calc(100vh - 130px);
                overflow-y: auto;
                padding-bottom: 10vh !important;
            }

        .signup-section-email-page {
            height: calc(100vh - 165px);
        }

            .signup-section-email-page .signupform .login-title-sign-up h2 {
                padding-top: 10px !important;
            }

            .signup-section-email-page .signupform {
                height: calc(100vh - 110px);
                overflow: auto;
                min-height: 0;
            }

                .signup-section-email-page .signupform form.signup-form {
                    overflow-y: auto;
                }



        .signin-section-number-page form.signin-form .signin-number-input-field {
            margin-bottom: 0px !important;
            margin-top: 0px !important;
        }

        .signin-section-number-page .signinform form.signin-form .button_red {
            margin: 25px 0 0px 0 !important;
        }

        .signin-section-email-page form.signin-form .signin-email-input-field {
            margin-bottom: 0px !important;
            margin-top: 0px !important;
        }

        .signin-section-email-page .signinform form.signin-form .button_red {
            margin: 25px 0 0px 0 !important;
        }

        .signin-section-number-page form.signin-form .enter_the_otp {
            width: 80% !important;
        }

        .signin-section-email-page form.signin-form .enter_the_otp {
            width: 80% !important;
        }

        .signup-section-number-page form.signup-form .enter_the_otp {
            width: 80% !important;
        }

        .signup-section-email-page form.signup-form .enter_the_otp {
            width: 80% !important;
        }

        .carousel-wrap .slider-heading h2 {
            font-size: 22px;
        }

        .signup-section-number-page form.signup-form .enter_the_otp {
            width: 80% !important;
        }

        .signup-section-email-page form.signup-form .enter_the_otp {
            width: 80% !important;
        }

        .signin-section .main-sign-in-body .main-sign-in-content .signinform .signin-form {
            padding: 20px 18px;
        }

        .signin-section .main-sign-in-body .main-sign-in-content .signupform .signup-form {
            padding: 10px;
        }

        .invitation-link-url center p.invitation-code {
            font-size: 14px !important;
        }


        /* wallet page css */

        .add-money-modal .add-money-modal-outer .wallet-tab-send-money {
            max-width: 100%;
        }

        .search-container input[type=text] {
            width: 180px;
        }

        .search-container button {
            margin-right: 0;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > div, .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > div, .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content .user-space-profile-followers .counting-pills > div {
            padding: 0px 12px;
        }

        .space-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
        .people-home-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5,
        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content h5 {
            font-size: 16px;
        }

        .my-world-herobanner .user-space-profile .user-space-profile-main-box img {
            width: 170px;
            height: 170px;
        }

        .my-world-herobanner .user-space-profile .user-space-profile-main-box .user-space-profile-content {
            text-align: center;
        }
        /*-----------------Wallet page css --------------------*/
        .payment-form .card-info-container .expire-cvv .form-group label.ml-3 {
            display: block;
            margin-left: 0 !important;
            padding-top: 3px;
        }


        .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a {
            width: 80px;
        }

            .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li a p {
                font-size: 12px;
            }

        .payment-inner-container .view-profile-right-tabs section .profile-tabs-container ul li {
            min-height: 82px;
        }
        /*-----------------Wallet page css end --------------------*/



        /*15 oct*/
        .signin-section-number-page .signinform form.signin-form .button_red {
            margin: 15px 0 0px 0 !important;
            font-size: 18px !important;
            line-height: 35px !important;
        }

        .signin-section-number-page form.signin-form .enter_the_otp .enter_the_otp_title {
            font-size: 18px !important;
            padding: 12px 0 10px 0 !important;
        }

        .signin-section-number-page form.signin-form .button_box {
            padding: 5px 0 15px 0 !important;
        }

        /* view profile datatable responsive css starts here */

        #user-dashboard .nav-1 {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        }

            #user-dashboard .nav-1 .navbar-nav {
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
            }

        #user-dashboard .form-box {
            padding: 5px 5px;
        }

        #user-dashboard .right-sec .ui-cards.card-heading.mob {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        #user-dashboard .creatanaccount {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        #user-dashboard .leftsidebar {
            z-index: 1;
        }

        #user-dashboard .mob-none {
            display: none;
        }

        #user-dashboard .nav-1 .navbar-nav .dropdown-menu {
            position: absolute;
        }

        #user-dashboard .nav-1 .navbar-nav .nav-item .nav-link.mob {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        #user-dashboard .right-sec {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }

        .mob-column {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }

        .mob-w-100 {
            width: 100%;
        }

        #user-dashboard .vilazia-map-page-upload-file {
            width: 100%;
            margin-bottom: 10px;
        }

        /* view profile datatable responsive css ends here */


        /* Modal popup css starts here for iPad and mobile devices */
        #CreateAssetsModel {
            overflow: hidden;
        }

        .create-popup-form {
            border: 0;
        }

        #people-buy .modal-content.create-popup-form {
            padding: 0;
        }

            #people-buy .modal-content.create-popup-form .modal-header {
                padding-right: 10px;
            }

        .create-popup-form .modal-content {
            border: 0;
            border-radius: 0;
        }

        .create-popup-form .modal-header,
        .detail-modal-popup .modal-header {
            position: fixed;
            width: 100%;
            background: #F7F9FA;
            z-index: 3;
            left: 0;
            top: 0;
            border-radius: 0;
        }

        .create-popup-form .modal-body,
        .detail-modal-popup .modal-body {
            padding-top: 80px;
            padding-bottom: 80px;
            overflow-x: hidden;
            overflow-y: auto;
            height: calc(100vh - 2px);
        }

        .create-popup-form .modal-footer,
        .detail-modal-popup .modal-footer {
            position: fixed;
            bottom: 0;
            width: 100%;
            background: #F7F9FA;
            z-index: 2;
            left: 0;
            border-radius: 0;
            border-top: 2px solid #EDEDED
        }

        .social-media-scroll-table {
            max-height: 76px;
            overflow-x: hidden;
            overflow-y: scroll;
            background-color: #fff;
            position: relative;
            width: 100%;
        }

        .added-certificate img {
            height: 230px;
        }

        /* Modal popup css ends here for iPad and mobile devices */

        #viewprofilemodal {
            width: 100%;
            max-width: 100%;
            height: 100vh;
        }

        /* Geolocation css */

        #geolocation-modal .modal-content .modal-header h2 {
            font-size: 18px;
        }

        .login-section-page {
            display: block;
        }

        .signin-section .main-sign-in-body .main-sign-in-content .signinform {
            overflow: auto;
            min-height: 0;
        }

        .carousel-indicators {
            display: none;
        }

        .map-filter-btn {
            font-size: 1rem;
            position: absolute;
            top: 70px;
            right: 10px;
            z-index: 2;
            cursor: pointer;
            padding: 10px;
            background-color: #2F3D49;
            border: none;
            color: #fff;
            outline: none;
        }

        aside {
            top: 60px;
        }

        .map1 .mapsvg {
            -webkit-transform: translate(0px, 0px) !important;
            transform: translate(0px, 0px) !important;
        }

        .citizen-id-card-backside th, .citizen-id-card-backside td {
            white-space: nowrap
        }

        .currency-selector-mnt li {
            margin: 5px;
            width: 100%;
        }

        .navbar-top {
            -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
            justify-content: center !important;
        }

            .navbar-top .nav-title-top {
                margin-top: 10px;
            }

        .beta-release-text {
            font-size: 14px;
            position: unset;
        }

        .login-about-btn {
            font-size: 12px;
        }

        .info-icon-header {
            width: 25px;
            height: 25px;
        }

        .new-mob-header-login {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-top: 10px;
        }

        .new-modal-popupstyle .modal-content,
        #add-create-modal .modal-content,
        #mntValue .modal-content.mntValueModal {
            background: #F7F9FA;
            padding: 0px;
        }

            .new-modal-popupstyle .modal-content .modal-header,
            #add-create-modal .modal-content .modal-header,
            #mntValue .modal-content.mntValueModal .modal-header {
                padding-left: 10px;
                padding-right: 10px;
                border-bottom: 2px solid #EDEDED;
            }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner,
        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner.vilazia-loan,
        .right-inner-container .wallet-right-tabs section .wallet-tab-content .my-wallet-tab-content-inner.vilazia-remaining-balance {
            margin-right: 0;
            margin-bottom: 10px;
            width: 100%;
            max-width: 100%;
        }

        .service-detail,
        .product-detail,
        .space-detail {
            margin-left: 0px;
            width: 100%;
            padding: 10px 0px;
        }

        .service-detail-image,
        .product-detail-image,
        .space-detail-image {
            width: 100%;
        }

        .service-detail-body,
        .product-detail-body,
        .space-detail-body {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .product-detail-image-section,
        .service-detail-image-section,
        .space-detail-image-section {
            width: 100%;
        }

        #product-detail-modal .modal-content {
            padding: 0;
        }

        #mntValue .mnt-currency-modal-header {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            #mntValue .mnt-currency-modal-header .modal-title {
                margin-bottom: 10px;
            }

        .btn-currencylivelist {
            margin-left: 0;
        }

        .map-asset-body li {
            width: 50%;
            padding: 1px;
        }

        .exchange-rate-tabs {
            overflow-x: auto;
            margin-right: 10px;
        }

        .currencyTable-top-filter button {
            white-space: nowrap;
        }

            .currencyTable-top-filter button span {
                display: none;
            }

        .item-modal-mob-responsive {
            width: 100%;
            margin: auto;
        }

        .Add-vilazia-idcard-add-citizenship-btn {
            margin-left: 10px;
            margin-left: 10px;
            margin-right: 10px;
            width: auto;
        }

        .circle-right-inner-container {
            padding: 20px 15px;
        }

        .home-herobanner-slide .carousel-inner {
            height: 250px
        }

            .home-herobanner-slide .carousel-inner .carousel-item img {
                height: 420px;
                -o-object-fit: cover;
                object-fit: cover;
            }

        .right-inner-container .view-profile-right-tabs section .profile-tab-content {
            padding: 15px;
        }

        .v-h-blog-post-time {
            display: none;
        }

        .v-h-blog-post-time-mobile span {
            display: block;
            position: absolute;
            top: 15px;
            left: 10px;
            color: #000;
        }

        .v-h-blog-post-card .v-h-blog-card-otherdetail {
            padding: 10px 0px 20px;
            width: 100%;
            max-width: 100%;
        }

        .cont {
            display: none;
        }

            .cont footer {
                background: rgb(0,0,0);
            }

            .cont:hover .over {
                height: 100vh;
                -webkit-transition: 1s ease;
                transition: 1s ease;
            }

        .over {
            z-index: 2;
        }

        .mobile-login-footer-close:hover .over {
            height: 0;
            -webkit-transition: 1s ease;
            transition: 1s ease;
        }

        .mobile-login-footer-close {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding-top: 10px;
            position: absolute;
            top: 0;
            z-index: 3;
            width: 100vw
        }

        .mobile-login-footer {
            position: absolute;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100vw;
            bottom: 10px;
        }


        .home-herobanner-slide .carousel-inner.spacedetail-carousel-banner {
            height: 360px;
        }

        .carousel-wrap {
            width: calc(100vw - 9%);
        }

        .spacedetailrightbody .slider-heading {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            .spacedetailrightbody .slider-heading h2 {
                width: 100%;
                text-align: center;
            }

        .home-herobanner-slide .picture-container,
        .video-container,
        .video-container video {
            height: 250px;
        }

        .citizen-register-card .front, .citizen-register-card .back {
            margin-right: 0;
        }

        .vilazia-idcard-order-btn {
            margin-left: 0px;
        }

        #addCitizenshipModal .modal-content {
            padding: 0 30px;
        }

        .my-world-home-img-herobanner .user-space-profile {
            visibility: visible;
        }

        .user-space-profile-content .rating-star .mobstarRating {
            justify-content: center;
        }

        .myWorldCredentials, .myWorldInvestment {
            justify-content: center;
        }

        #Communitymyworld span {
            justify-content: center;
        }

        .event-container .evnet .mid {
            padding-right: 0;
            padding-left: 10px;
            width: calc(100% - 40px);
            align-items: flex-start;
        }

        .event-container .evnet .left {
            width: 50px;
        }

            .event-container .evnet .left img {
                width: 40px;
                height: 40px;
            }

        .notification-on-comment-img {
            width: 70px;
            height: 80px;
            border: 2px solid #fff;
        }

        .event-container .evnet .mid-box-inside {
            width: calc(100% - 70px);
        }

        .invitedUserAddBtn {
            justify-content: end;
        }

            .invitedUserAddBtn input[type="button"] {
                width: 20%;
            }

        .invitedUserEmailInput {
            margin-bottom: 10px;
        }


        /* Floating chat css starts here */

        .v-floating-chat {
            z-index: 1031;
        }

            .v-floating-chat .v-floating-chat-block-bottom {
                display: block;
                width: 100%;
                right: 0;
            }

        .v-floating-chat-body.open {
            height: 100vh;
            opacity: 1;
            width: 100%;
        }

        .v-floating-chat-body .v-floating-chat-userlist, .v-floating-chat-body .v-floating-chat-grouplist {
            max-height: none;
        }

        .v-floating-chat .v-floating-chat-block-bottom .view-profile-floating-chat {
            width: 100%;
            left: 0;
            z-index: 1;
        }

        #minimize-chatbox, #minimize-groupchatbox {
            display: none;
        }

        /* The post page css starts here  */

        .postpage-main-body {
            padding-top: 0;
        }

        .postpage-left-section-body {
            height: calc(100vh - 63px);
            width: 75%;
            background: #141414;
            padding-top: 5px;
            overflow-y: auto;
            overflow-x: hidden;
        }

            .postpage-left-section-body .create-blogpost-btn {
                display: none;
            }

        .create-blogpost-btn-mobile {
            display: flex;
            background: #ECC309;
            color: #000;
            text-decoration: none;
            cursor: pointer;
            padding: 8px 15px;
            border-radius: 25px;
            margin-bottom: 10px;
            width: fit-content;
            font-size: 14px;
            margin-left: 5px;
        }

        .leftsection-desktop-pp {
            display: none;
        }

        .postpage-center-section-body > div:first-child {
            position: sticky;
            top: 62px;
            background: #333;
            z-index: 11;
            padding-bottom: 10px;
        }

        .postpage-center-section-body .postpage-middle-title {
            margin-right: 0;
            border-bottom: 0;
            padding-bottom: 0;
        }

        .all-trendings-tab ul {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            overflow-x: auto;
            margin-top: 10px;
            padding: 0 5px;
            justify-content: space-around;
        }

        .all-trendings-tab-pills-section li.nav-item:last-child .nav-link {
            margin-right: 0;
        }

        .all-trendings-tab-pills-section.nav-pills .nav-item .nav-link {
            font-size: 14px;
            margin-right: 0;
        }

        .postpage-blogposted-card .postpage-blog-detail-box {
            flex-direction: column-reverse;
        }

        .postpage-blog-detail-box .postpage-blogposted-img {
            position: relative;
            max-width: 100%;
            height: 200px;
            margin-bottom: 10px;
        }

        .postpage-blogposted-card .postpage-blog-detail-box .postpage-blog-title-n-description {
            width: 100%;
            margin-right: 0;
        }

        .blogposted-time {
            display: none;
        }

        .blogposted-time-mob {
            display: block;
            position: absolute;
            bottom: 5px;
            right: 5px;
            background: #ccc;
            padding: 5px;
            font-size: 12px;
            border-radius: 25px;
            margin-bottom: 0;
        }

        .postpage-blogposted-card .blogposted-by-username {
            width: calc(100% - 150px);
            font-size: 14px;
        }

        .postpage-blog-title-n-description p.postpage-blog-description {
            font-size: 14px;
        }

        .postpage-center-card-section-outer {
            max-height: none;
        }

        .post-fav, div.slideouticons label.mainlabel {
            width: 26px;
            height: 26px;
            font-size: 16px;
        }

            .postpagecard-like i, .postpagecard-dislike i, .postpagecard-comment i, .post-fav i {
                font-size: 16px;
            }

        div.slideouticons div.iconswrapper ul li {
            width: 26px;
            height: 26px;
        }

        div.slideouticons.horizontal div.iconswrapper {
            right: 35px;
        }

        .fav-heart.post-fav {
            display: none;
        }

            .fav-heart.post-fav.postfav-mobile {
                display: flex;
                position: absolute;
                right: 5px;
                top: 5px;
            }

        .postpage-right-section-body.common-scrollbar-tpp {
            display: none;
        }

        .mobile-filter-button-pp {
            display: block;
            position: fixed;
            right: 0;
            background: #ccc;
            padding: 5px 10px;
            z-index: 13;
            top: 70px;
            color: #000;
            font-size: 20px;
        }

        .pp-sidepanel {
            display: block;
            position: fixed;
            height: 100vh;
            background-color: rgba(0,0,0,0.5);
            width: 100%;
            min-width: 100px;
            margin-left: 0;
            z-index: 12;
            color: #f1f1f2;
            top: 63px;
            transition: all .5s ease;
        }

        .ppSlideOpen {
            width: 0px;
            margin-left: -300px;
        }

        .hide {
            display: none;
        }

        .postpage-filters-leftnav .pp-filter-option-dd {
            padding-left: 5px;
            background: #000;
        }

        .postpage-center-card-trending-section-outer {
            max-height: 100%;
            overflow: auto;
        }

        .the-editor-container {
            margin-right: 0;
        }

        .pp-the-curators-list {
            margin-top: 63px;
            min-height: calc(100vh - 150px);
        }

        .postpage-container {
            width: 330px;
            padding-top: 0;
        }

        .interested-category-btns {
            margin-bottom: 0;
        }
        /* The post page css ends here */
        .upload__box {
            white-space: nowrap;
        }

        .v-blogpost-dropdown {
            min-width: 150px;
            max-width: 150px;
        }

            .v-blogpost-dropdown .dropdown-label {
                white-space: nowrap;
                overflow: hidden;
                position: relative;
                margin-left: 10px;
                padding: 0 10px 0 10px;
            }

                .v-blogpost-dropdown .dropdown-label:before {
                    content: '▼';
                    position: absolute;
                    right: -2px;
                    top: 52%;
                    transform: translateY(-50%);
                    transition: transform 0.25s;
                    transform-origin: center center;
                    width: 25px;
                    padding: 5px;
                }

        #videoplaylist {
            object-fit: cover;
        }

        #modalContainer {
            background-color: rgba(0, 0, 0, 0.9);
        }

        .lot-left-inner-container {
            min-height: unset;
        }

        .backcard-1 {
            min-height: 85px;
        }

        .citizen-register-card .back {
            min-height: 230px;
        }

        .id-card-detail-top {
            min-height: 210px;
        }

        .v-h-blog-dislikes span,
        .v-h-blog-likes span,
        v-h-blog-comments.comment-s-h,
        .v-h-blog-post-time-onlycontent span {
            font-size: 13px;
        }

        .v-h-blog-post-time-onlycontent {
            display: none;
        }

        .myWorldCard-img {
            width: 100%;
        }
        /*Permalink CSS*/
        .blog-details-img .blogposted-time {
            display: block;
        }
    }


    @media (min-width: 320px) and (max-width:767px) and (orientation:landscape) {

        #addCitizenshipModal .modal-content {
            padding: 0 30px;
        }

        .Add-vilazia-idcard-add-citizenship-btn {
            margin-left: 10px;
            margin-top: 0;
            width: auto;
        }

        .home-herobanner-slide .carousel-inner.spacedetail-carousel-banner,
        .home-herobanner-slide .picture-container {
            height: 250px;
        }

            .home-herobanner-slide .carousel-inner.spacedetail-carousel-banner .carousel-item video {
                height: 250px;
            }

        .v-floating-chat-body .v-floating-chat-userlist, .v-floating-chat-body .v-floating-chat-grouplist {
            max-height: calc(100vh - 45px);
            overflow: auto;
        }

        .postpage-left-section-body {
            width: 40%;
        }

        .all-trendings-tab ul {
            margin-top: 0;
        }

        .postpage-center-section-body .postpage-middle-title {
            border-bottom: 0;
        }

        .login-section-page .signinform .signin-form {
            max-height: calc(100vh - 180px);
        }

        .signin-section .main-sign-in-body .main-sign-in-content {
            padding-top: 1%;
        }

        .postpage-container {
            width: 465px;
        }

        .post-curator-subscribe-list {
            height: calc(100vh - 330px);
        }

            .post-curator-subscribe-list .post-curator-card {
                margin-top: 2px;
            }
    }

    @media(min-width:319px) and (max-width: 480px) {
        video.video {
            width: auto;
            height: 245px;
        }

        .citizen-profile-pic {
            width: 70px;
            height: 70px;
        }

        .citizen-biometric-image {
            width: 60px;
            height: 60px;
        }

        .biometric-text {
            left: 15px;
        }

        .citizen-qr-code {
            width: 60px;
            height: 60px;
        }

        .citizen-city-logo img {
            width: 40px;
        }

        .citizen-detail-title {
            font-size: 10px;
        }

        .citizen-detail-answer {
            font-size: 12px;
        }

        .citizen-detail-ans {
            font-size: 11px;
        }

        .vilazia-address-id-card {
            font-size: 11px;
        }

        .citizen-register-card .back {
            background-position: bottom;
            background-size: cover;
        }

        .citizen-detail-backcard .subtitle {
            font-size: 11px;
        }

        .citizen-detail-backcard .title {
            font-size: 10px;
        }

        .citizen-register-card {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .vilazia-idcard-add-citizenship-btn {
            width: 100%
        }

        .vilazia-idcard-order-btn {
            width: 100%;
            margin-left: 0px;
        }

        .new-modal-popupstyle .modal-content,
        #add-create-modal .modal-content,
        #mntValue .modal-content.mntValueModal {
            background: #F7F9FA;
            padding: 0px;
        }

            .new-modal-popupstyle .modal-content .modal-header,
            #add-create-modal .modal-content .modal-header,
            #mntValue .modal-content.mntValueModal .modal-header,
            #product-detail-modal .modal-content .modal-header {
                padding-left: 10px;
                padding-right: 10px;
                border-bottom: 2px solid #EDEDED;
            }

        .right-inner-container .view-profile-right-tabs section .tab-content .tab-pane .financial-investment-tab .financial-investment-tab-inner-container ul li {
            margin-bottom: 10px;
        }

        .financial-investment-tab-real-and-assets .nav.nav-pills .nav-item {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            margin-bottom: 10px;
        }

        .right-inner-container .view-profile-right-tabs section .profile-tabs-container ul li {
            margin-bottom: 5px;
        }

        .Add-vilazia-idcard-add-citizenship-btn {
            width: 100%;
            margin-left: 0px;
            margin-right: 0px;
        }
    }



    /********* Mobile phone media query for device less than 280px **********/

    @media(min-width:279px) and (max-width:319px) {
        video.video {
            width: 360px;
        }

        .view-profile-main-container .left-inner-container {
            margin-right: 0;
        }

        .right-inner-container .wallet-right-tabs section .wallet-tab-content {
            padding: 20px 15px 35px 15px;
        }

        #modalContainer #alertBox {
            width: 253px;
        }

            #modalContainer #alertBox h1 {
                font-size: 16px;
            }

            #modalContainer #alertBox p {
                font-size: 16px;
            }

            #modalContainer #alertBox #closeBtn {
                font-size: 15px;
            }

        #viewprofilemodal .modal-dialog {
            position: absolute;
            bottom: 0;
            margin: 0;
            width: 100%;
            max-width: 100%;
            top: 0;
            height: 100vh;
            right: 0;
            overflow-y: hidden;
        }

            #viewprofilemodal .modal-dialog .modal-content .modal-body section .view-profile-chat-tab-content .tab-pane .profile-tab-content-inner {
                max-height: calc(100vh - 115px);
                min-height: calc(100vh - 115px);
                overflow-y: scroll;
            }

        .view-profile-floating-chat.user-chatting-box-1 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat.user-chatting-box-2 .wrapper {
            right: 0px;
        }

        .view-profile-floating-chat.user-chatting-box-3 .wrapper {
            right: 0px;
            right: 0px;
        }

        .view-profile-floating-chat .wrapper {
            width: 100%;
        }

            .view-profile-floating-chat .wrapper .user-circle-chat .msger {
                max-width: 100vw;
                max-height: 145px;
                min-height: calc(100vh - 107px);
            }
    }



    @media (max-width:768px) {
    }