@media(min-width:1200px) {
    .bpa-hero .container {
        max-width: 1112px;
    }
}

/* XL Device :1200px. */
@media(max-width: 1900px) {
    .rtl-header-menu ul li .hovermenu .hovermenu-left ul li a {
        padding: 12px 0 12px 24px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left ul {
        padding: 12px 0;
        margin-bottom: 20px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left .sub-mail .email-addr {
        height: 40px;
    }
}

@media(max-width: 1600px) {
    .rtl-header-menu ul li .hovermenu .hovermenu-left ul li a {
        padding: 10px 0 10px 24px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left ul {
        margin-bottom: 20px;
        padding: 10px 0px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left .sub-mail .email-addr {
        height: 40px;
    }
}

@media(max-width: 1400px) {

    .hovermenu {
        position: absolute;
        width: 1150px;
    }

    .hovermenu-left {
        width: 330px;
    }

    .hovermenu-ri {
        width: 660px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left ul::after {
        width: 306px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .row::after {
        width: 660px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left ul li a {
        margin: 0;
        display: block;
        font-size: 16px;
        color: #fff !important;
        font-weight: 700;
        line-height: 20px;
        padding: 10px 0 10px 18px;
        display: flex;
        align-items: center;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-body ul li a {
        font-size: 16px;
        line-height: 20px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left .sub-mail .email-addr {
        height: 35px;
    }
}

@media(max-width: 1199px) {
    .hovermenu {
        position: absolute;
        width: 900px;

        padding: 30px 45px 50px 20px;
    }

    .hovermenu-left {
        width: 245px;
    }

    .hovermenu-ri {
        width: 500px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left ul::after {
        width: 221px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .row::after {
        width: 500px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-left ul li a {
        margin: 0;
        display: block;
        font-size: 16px;
        color: #fff !important;
        font-weight: 700;
        line-height: 20px;
        padding: 10px 0 10px 18px;
        display: flex;
        align-items: center;
    }

    .detailTable .table {
        max-width: 1000px;
        width: 1000px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn {
        white-space: pre-wrap;
        display: inline-flex;
        align-items: center;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn .img-holder,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn .img-holder {
        margin-right: 6px;

        height: 18px;
    }

    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn img {
        position: relative;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn span,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn span {
        flex: 1;
        padding: 0 5px;
        text-align: left;
    }

    .submenu-ri {
        width: 100%;
    }

    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn i img {
        transform: inherit !important;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn {
        width: 100%;
    }

    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn i {
        width: 30px;
        line-height: 0;
    }
}

@media(max-width: 991px) {
    .app-card {
        height: auto;
        margin-bottom: 15px;
    }

    .application-card {
        margin-bottom: 15px;
    }

    .project-table tbody tr td {
        font-size: 14px;
        padding: 15px 5px;
    }

    .project-table thead tr th {
        padding: 15px 5px;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn .img-fluid,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn .img-fluid {
        margin-right: 0;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn {
        white-space: pre-wrap;
        display: flex;
        align-items: center;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn .img-holder,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn .img-holder {
        margin-left: 8px;
        margin-right: 0;
    }
}

@media(max-width: 767px) {
    .project-table table {
        width: 740px;
        max-width: 740px;
    }

    .tax-card {
        padding: 30px 15px;
        height: calc(100vh - 60px);
    }

    .bpa-hero {
        padding: 30px 0;
    }

    .tax-card h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn img,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn img {
        position: relative;
    }
}

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

@media (min-width: 1200px) and (max-width: 1449px) {
    .hero-containt h3 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 50px;
    }

    .hero-mid-text p {
        font-size: 26px;
        font-weight: 700;
    }

    .hero-mid-text a {
        font-size: 24px;
        padding: 0 13px;
    }

    .location-area {
        padding: 47px 0;
    }

    .hub-containt h3 {
        font-size: 30px;
        margin-bottom: 34px;
        line-height: 45px;
    }

    .hub-area {
        padding: 60px 0;
    }

    .section-title h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .future-area {
        padding: 50px 0;
    }

    .want-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .news-area {
        padding: 50px 0;
    }

    .socail-area {
        padding: 50px 0;
        padding-bottom: 50px;
    }

    .hub-shape {
        right: 0%;
        top: 31px;
    }

    .want-shape-1 {
        top: 37%;
        left: 8%;
    }

    .want-shape-2 {
        right: 7%;
        top: 20%;
    }




    .login-page-wrap {
        width: 100%;
        padding-top: 150px;
    }

    #test2 {
        width: 460px;
        height: 550px;
    }

    .login-input {
        margin-bottom: 90px;
    }

    .login-page-wrap {
        width: 100%;
        padding-top: 133px;
    }

    .dashbord-right {
        width: 764px;
    }

    .wether-containt-fl {
        width: 408px;
    }

    .llt-text {
        width: 158px;
    }




    /* rtl-page-responsiove-start */

    .information-area {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .information-wrap h3 {
        font-size: 40px;
        margin-bottom: 14px;
    }

    .city-area {
        padding-top: 60px;
        padding-bottom: 50px;
    }



    .city-titdle h2 {
        font-size: 28px;
        line-height: 25px;
        margin-bottom: 18px;
    }

    .city-titdle h2 {
        font-size: 28px;
        line-height: 24px;
        color: #2A4759;
        margin-bottom: 17px;
    }


    /* rtl-page-responsiove-emd */




    .file-text.twxt-wd {
        width: 658px;
        margin: auto;
        margin-bottom: 50px;
    }

    .dash-min {
        width: 676px;
        margin: auto;
    }



    .about-hero-containt h3 {
        font-size: 56px;
        line-height: 50px;
    }

    .about-hero-containt p {
        font-size: 30px;
        line-height: 40px;
    }



    .sign-box {
        width: 713px;
        padding: 20px;
        border-radius: 20px;
    }

    .paid-hdn-wp {
        width: 340px;
        padding: 15px;
        border-radius: 14px;
    }

    .pais-si-2 {
        width: 320px;
        padding: 15px;
        border-radius: 14px;
    }

    .paid-hd-ri h5 {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .single-data {
        margin-bottom: 13px;
    }

    .paid-hd-ri p {
        font-size: 13px;
    }

    .pad-lf a span {
        font-size: 16px;
    }

    .info-box {
        width: 715px;
        padding: 20px;
        border-radius: 20px;
    }

    .ri-info {
        width: 295px;
        border-radius: 13px;
        padding: 20px;
    }

    .view-btn::after {
        width: 69px;
        right: -79px;
    }

    .view-btn::before {
        width: 69px;
        right: -79px;
    }





    .modal-content {
        border-radius: 10px !important;
        margin: 0 15px;
    }






    /* new */

    .dash-hero-wp h2 {
        font-size: 40px;
        line-height: 55px;
    }

    .niti-ct h3 {
        font-size: 23px;
        line-height: 40px;
    }

    .niti-locking h3 {
        font-size: 26px;
        line-height: 30px;
    }

    .bld {
        width: 191px;
    }

    .noti-hdn-fx h2 {
        font-size: 31px;
    }

    .noti-active .owl-nav button {
        top: -62px;
        font-size: 19px !important;
    }

    .aplication-hdn h3 {
        font-size: 30px;
        line-height: 50px;
    }

    .aplication-area {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .apli-actv .owl-dots {
        bottom: -36px;
    }

    .top-contl-titl h3 {
        font-size: 30px;
    }

    .point-area {
        padding: 50px 0;
    }

    /* new */




    .resolve-wrap {
        width: 100%;
        margin: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .rrsolve-area {
        background: #F6F7F8;
        height: 100%;
    }

    .licen-wrap {
        background: #F6F7F8;
        padding-top: 50px;
        padding-bottom: 70px;
        padding-left: 50px;
        padding-right: 50px;
        width: 100%;
        margin: auto;
        height: 100%;
        position: relative;
    }

    .licen-fx-wd {
        width: 1088px;
        background: #fff;
        padding: 35px;
        border-radius: 20px;
    }

    .single-dwn-bt a {
        width: 227px;
        height: 50px;
        border: 2px solid #A5B1B9;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        font-size: 16px;
        color: #2A4759;
        line-height: 19px;
        font-weight: 700;
    }


    .pr-bottom-bt::before {
        width: 165px;
        height: 2px;
        left: -178px;
    }

    .pr-bottom-bt::after {
        width: 165px;
        height: 2px;
        right: -178px;
    }



    .quick-fx {
        display: flex;
        align-items: start;
        justify-content: space-between;
        width: 793px;
    }

    .quick-mid {
        padding-top: 50px;
    }


    /* mega-menu */
    .submenu {
        position: absolute;
        width: 1130px;
        background: #2D475D;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999999;
        top: 139%;
        padding: 34px;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .submenu-left ul li {
        margin: 0;
        display: block;
        font-size: 25px;
        color: #fff;
        font-weight: 700;
        line-height: 23px;
        padding: 13px 0;
    }

    .sub-list ul li a {
        padding: 0;
        font-size: 18px;
        color: #fff !important;
        padding: 4px 0;
        display: block;
    }

    .chat-box-containt.wdl.chat-second {
        width: 800px;
    }




}

/* LG Device :992px. */
@media (max-width: 1199px) {

    .chat-box-containt.wdl.chat-second {
        width: 100%;
    }

    .chat-second .chat-select.fl .radiobtn {
        margin-bottom: 7px;
    }
}

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


    .hero-containt h3 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 31px;
    }

    .hero-mid-text p {
        font-size: 24px;
        font-weight: 700;
    }

    .hero-mid-text a {
        font-size: 22px;
        padding: 0 13px;
    }

    .location-area {
        padding: 47px 0;
    }

    .hub-containt h3 {
        font-size: 27px;
        margin-bottom: 23px;
        line-height: 36px;
    }

    .hub-area {
        padding: 60px 0;
    }

    .section-title h3 {
        font-size: 27px;
        line-height: 34px;
    }

    .future-area {
        padding: 50px 0;
    }

    .want-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .news-area {
        padding: 50px 0;
    }

    .socail-area {
        padding: 50px 0;
        padding-bottom: 50px;
    }

    .hero-mid-text {
        max-width: 749px;
        margin-bottom: 34px;
    }

    .hero-area {
        padding-top: 109px;
        padding-bottom: 48px;
    }

    .header-logo a img {
        max-width: 180px;
    }

    .header-menu li a {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 700;
    }

    #test {
        height: 430px;
        margin-bottom: 31px;
    }

    .single-hub h4 span {
        font-size: 25px;
        margin-right: 12px;
    }

    .socail-title h3 {
        font-size: 28px;
        margin: 0;
    }

    .footer-text h3 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .footer-title h3 {
        font-size: 18px;
        margin: 0;
    }

    .footer-list li a {
        font-size: 15px;
        opacity: .71;
    }

    .hub-shape {
        right: 0;
        top: 30px;
    }

    .want-shape-1 {
        top: 37%;
        left: 2%;
    }

    .want-shape-2 {
        right: 2%;
        top: 18%;
    }

    .login-page-wrap {
        width: 426px;
        padding-top: 80px;
    }

    #test2 {
        width: 390px;
        height: 490px;
    }

    .login-input {
        margin-bottom: 40px;
    }

    .login-page-wrap {
        width: 100%;
        padding-top: 133px;
    }

    .logain-pagew-ct h3 {
        font-size: 25px;
    }

    .logain-pagew-ct span {
        font-size: 18px;
        line-height: 33px;
    }

    .logain-pagew-ct {
        margin-bottom: 17px;
    }

    .service-menu ul li {
        display: inline-block;
        margin-right: 12px;
    }

    .dashbord-right {
        width: 68%;
    }

    .wether-containt-fl {
        width: 349px;
    }

    .llt-text {
        width: 158px;
    }

    .dashbord-left {
        width: 30%;
    }

    .wether-containt-left img {
        max-width: 40px;
    }

    .wether-containt-text-left h3 {
        font-size: 44px;
    }

    .fer span {
        font-size: 15px;
    }

    .fer::before {
        height: 15px;
    }

    .wether-containt-left {
        width: 173px;
    }

    .wether-img {
        max-width: 240px;
    }

    .chat-box-llt-fl {
        display: block;
    }

    .single-box-llt {
        width: 100%;
        margin-bottom: 20px;
    }



    /* rtl-page-responsiove-start */

    .information-area {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .information-wrap h3 {
        font-size: 35px;
        margin-bottom: 12px;
    }

    .city-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .rtl-header-menu ul li {
        margin-left: 29px;
    }

    .rtl-header-menu ul li a {
        font-size: 16px;
    }

    .single-ct {
        width: 183px;
        height: 106px;

    }

    .si-text {
        width: 121px;
    }

    .si-icon img {
        max-width: 24px;
    }

    .city-single-ct {
        padding: 15px 7px;
    }

    .city-title h4 {
        font-size: 30px;
    }


    .city-lf-box {
        width: 29%;
    }

    .city-ri-box {
        width: 69%;
    }

    .city-text p {
        font-size: 14px;
    }

    .city-titdle h2 {
        font-size: 28px;
        line-height: 25px;
        margin-bottom: 18px;
    }

    .city-titdle h2 {
        font-size: 28px;
        line-height: 24px;
        color: #2A4759;
        margin-bottom: 17px;
    }

    .city-titdle h2 {
        font-size: 28px;
        line-height: 40px;
        color: #2A4759;
        margin-bottom: 18px;
    }



    .file-text.twxt-wd {
        width: 503px;
        margin: auto;
        margin-bottom: 50px;
    }

    .single-chat.single-licence.mar-nn.me-wd {
        width: auto;
        margin: auto;
        margin-top: 10px;
    }

    .dashbord-chat-box.dlf-chatbox {
        margin-top: 70px;
    }

    .dash-min {
        width: 545px;
        margin: auto;
    }

    .location-box {
        display: flex;
        width: 100%;
        background: #fff;
        padding: 15px;
        border-radius: 22px;
    }







    /* rtl-page-responsiove-emd */






    .about-hero-containt h3 {
        font-size: 56px;
        line-height: 50px;
    }

    .about-hero-containt p {
        font-size: 30px;
        line-height: 40px;
    }

    .bangalur-img {
        height: 100%;
        display: flex;
        align-items: center;
    }


    .single-did-text p {
        font-size: 14px;
    }

    .single-did-fl {
        height: 163px;
    }

    .single-did-text.ffd {
        width: 429px;
    }

    .did-ls-text a {
        margin-bottom: 10px;
    }

    .did-ls-text p {
        font-size: 14px;
    }

    .single-did-img {
        width: 117px;
    }

    .single-did-text {
        width: 274px;
    }

    .single-today-fl img {
        width: 200px;
        margin-bottom: 30px;
    }

    .single-today {
        width: 350px;
    }

    .section-title.text-center p {
        font-size: 14px;
        color: #2A4759;
        font-weight: 400;
        margin: 0;
    }

    .our-log-fl {
        max-width: 555px;
        margin-left: auto;
    }

    .coming-text span {
        color: #2A4759;
        font-size: 55px;
        font-weight: 600;
        margin: 0;
    }

    .coming-text h3 {
        font-size: 30px;
        color: #2A4759;
        font-weight: 700;
        margin-bottom: 20px;
    }




    .sign-box {
        width: 566px;
        padding: 20px;
        border-radius: 20px;
    }

    .paid-hdn-wp {
        width: 360px;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
        margin-bottom: 20px;
    }

    .pais-si-2 {
        width: 360px;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
    }

    .paid-hd-ri h5 {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .single-data {
        margin-bottom: 13px;
    }

    .paid-hd-ri p {
        font-size: 13px;
    }

    .pad-lf a span {
        font-size: 16px;
    }

    .info-box {
        width: 566px;
        padding: 20px;
        border-radius: 20px;
    }

    .ri-info {
        width: 366px;
        border-radius: 13px;
        padding: 20px;
        margin: auto;
        margin-bottom: 20px;
    }

    .view-btn::after {
        width: 69px;
        right: -79px;
    }

    .view-btn::before {
        width: 69px;
        right: -79px;
    }

    .paid-fx {
        display: block;
        padding-bottom: 40px;
    }

    .box-hdn {
        justify-content: center;
    }

    .info-box-fx {
        display: block;
    }

    .eletro-box {
        width: 366px;
        margin-bottom: 20px !important;
        margin: auto;
    }

    .progrs-box {
        width: 366px;
        background: #fff;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
    }

    .info-bx-hdn p {
        text-align: center;
    }

    .modal-content {
        width: 96%;
        margin: auto;
    }


    .dash-popup-wra {
        padding-left: 20px;
    }


    .dash-popup-ct {
        width: 100%;
    }

    .modal-content {
        margin: 0 15px;
    }


    /* new */

    .dash-hero-wp h2 {
        font-size: 40px;
        line-height: 55px;
    }

    .niti-ct h3 {
        font-size: 20px;
        line-height: 37px;
    }

    .niti-locking h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .bld {
        width: 191px;
    }

    .noti-hdn-fx h2 {
        font-size: 31px;
    }

    .noti-active .owl-nav button {
        top: -62px;
        font-size: 19px !important;
    }

    .aplication-hdn h3 {
        font-size: 30px;
        line-height: 50px;
    }

    .aplication-area {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .apli-actv .owl-dots {
        bottom: -36px;
    }

    .top-contl-titl h3 {
        font-size: 30px;
    }

    .point-area {
        padding: 50px 0;
    }

    .rtl-header-menu.dash-menu ul li {
        margin-left: 10px;
    }

    .rtl-header-menu.dash-menu ul li a {
        color: #fff;
        font-size: 15px;
    }

    .header-ri-icon.dash-header a {
        margin-left: 20px;
        margin-right: 20px;
    }

    .dash-search input {
        width: 283px;
        height: 41px;
        background: #405F79;
        border: 0;
        border-radius: 35px;
        font-size: 13px;
        color: #CCD7E0;
        padding-left: 47px;
    }

    .niti-wrap {
        width: 100%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.24);
    }

    .niti-btn-wrap a {
        width: 183px;
        height: 40px;
        display: flex;
        border-radius: 37px;
        font-size: 16px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .niti-ct a {
        font-size: 15px;
        line-height: 24px;
    }

    .niti-ct a span {
        width: 94px;
        height: 30px;
        background: #EFC43A;
        display: inline-block;
        text-align: center;
        line-height: 27px;
        font-size: 15px;
        color: #FFF;
        border-radius: 21px;
        margin-right: 11px;
    }

    .single-inp {
        width: 336px;
        position: relative;
        margin-right: 35px;
    }

    .noti-wds {
        width: 100%;
        margin: auto;
        display: block;
        justify-content: space-between;
    }

    .noti-wrap {
        width: 756px;
        margin: auto;
    }

    .thing-box {
        width: 374px;
        height: 320px;
        border-radius: 20px;
        background: #F2F4F5;
        padding: 20px;
        margin: auto;
        margin-bottom: 30px;
    }

    .single-sli {
        width: 300px;
        border-radius: 15px;
        padding: 18px 14px;
    }

    .problm-wp {
        width: 100%;
        border-radius: 15px;
        padding: 12px;
        margin-top: 7px;
        margin-bottom: 16px;
    }

    .point-wrap {
        width: 100%;
        margin: auto;
    }

    .single-point {
        width: 364px;
        padding: 24px;
        border-radius: 15px;
    }

    .rason-wrap {
        width: 100%;
        border-radius: 15px;
        padding: 0;
        margin-top: 30px;
    }

    .point-content h4 {
        font-size: 23px;
        line-height: 39px;
    }

    .iten-to ul li {
        margin-right: 13px;
        font-size: 14px;
        line-height: 17px;
    }

    .count {
        width: 38px;
        text-align: center;
    }

    .top-contl-wp {
        width: 544px;
    }

    .pt-ct p {
        margin: 0;
        font-size: 17px;
        line-height: 13px;
    }

    .niti-aera {
        margin-top: -153px;
        padding-bottom: 53px;
    }

    /* new */



    .resolve-wrap {
        width: 100%;
        margin: auto;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .rrsolve-area {
        background: #F6F7F8;
        height: 100%;
    }

    .resolve-single {
        width: 49%;
        position: relative;
    }

    .rrsolcve-single-itevm {
        width: 49%;
    }

    .electroc-fx {
        width: 400px;
        border-radius: 15px;
        padding: 15px 20px;
        margin-top: 30px;
    }




    .profile-fl {
        display: block;
    }

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

    .profile-right {
        width: 100%;
    }

    .single-par-fl {
        width: 47%;
    }

    .up-wd {
        width: 124px;
        padding: 16px 20px;
        border-radius: 10px;
    }

    .upload-bt-fx {
        width: 87%;
    }



    .licen-wrap {
        width: 100%;
        height: 100%;
    }

    .licen-fx-wd {
        width: 100%;
        background: #fff;
        padding: 29px;
        border-radius: 20px;
    }

    .elc-box {
        width: 100%;
        padding: 10px 15px;
    }

    .elc-box p {
        font-size: 14px;
        color: #2A4759;
        line-height: 17px;
        max-width: 400px;
        margin: 0;
        margin-left: 10px;
    }

    .social-area.social-sc {
        padding-top: 50px;
        padding-bottom: 50px;
        background: #F2F4F5;
    }

    .application-btn a {
        width: 220px;
        height: 57px;
        line-height: 52px;
        border-radius: 10px;
        font-size: 16px;
    }

    .pr-bottom-bt::before {
        width: 120px;
        height: 2px;
        left: -133px;
    }

    .pr-bottom-bt::after {
        width: 120px;
        height: 2px;
        right: -133px;
    }

    .po-box-lf span {
        font-size: 9px;
        color: #627886;
        line-height: 18px;
        margin-bottom: 10px;
        display: block;
    }

    .po-clr-bt {
        font-size: 10px;
        color: #2E475F;
        font-weight: 500;
        width: 141px;
        background: #FEA079;
        height: 20px;
        display: inline-block;
        text-align: center;
        line-height: 19px;
        border-radius: 6px;
        margin-left: 10px;
    }


    .about-hero-bottom-area.scroll-header {
        position: fixed;
        background: #fff;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 9999;
        -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        top: 104px;
        left: 0;
        right: 0;
    }

    .rtl-header.color-about.last-about-hdr.scroll-header .off-bar {
        color: #000 !important;
    }

    .quick-mid {
        padding-top: 30px;
    }

    .quick-fx {
        display: flex;
        align-items: start;
        justify-content: space-between;
        width: 622px;
    }

    .quick-right {
        width: 558px;
        background: #F5F5F5;
        border-radius: 20px;
        padding: 30px;
        position: relative;
        margin-bottom: 15px;
    }

    .quick-right-single-item {
        display: flex;
        justify-content: space-between;
        align-items: self-start;
        max-width: 466px;
    }


    /*    ABT-PAGE*/

    .about-account {
        max-width: 100%;
        margin: auto;
    }

    .account-service-wrap {
        width: 100%;
        margin: auto;
    }

    .accoun-service-title h2 {
        font-size: 30px;
        line-height: 58px;
        margin-bottom: 40px;
    }

    .account-service-btn-wp a {
        padding: 16px 20px;
        border-radius: 47px;
        font-size: 16px;
        margin-right: 7px;
        margin-bottom: 20px;
    }

    .account-service-ri {
        width: 44.8%;
        background: #F6F7F8;
        padding: 45px 30px;
        border-radius: 20px;
    }

    .account-service-img {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }

    .account-service {
        padding-bottom: 50px;
    }

    .role-fx {
        display: flex;
        align-items: start;
        justify-content: space-between;
        width: 100%;
        margin: auto;
    }

    .organis-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-iunfo-box {
        padding: 30px 30px;
        width: 100%;
        margin: auto;
    }

    .conttact-info-single-box {
        width: 32%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 53px;
    }

    .contact-info-img {
        margin-right: 10px;
    }

    .order-active .slick-dots {
        position: absolute;
        bottom: -51px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

    .single-radio.rd-3 .containeres {
        width: 202px !important;
        height: 106px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .know-more {
        padding: 50px 0;
    }

    .mental-area {
        padding: 50px 0;
        background: #F0F7FF;
    }

    .citizen-active .slick-dots {
        bottom: -34px;
    }

    .achive-area {
        padding-top: 50px;
        padding-bottom: 110px;
    }

    .achive-lf {
        width: 53%;
    }

    .achive-ri {
        width: 43.5%;
    }






    .dfg-fl {
        display: block;
    }



    .noty-das {
        display: block;
    }

    .noty-dash-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .noty-dash-ri {
        width: 100%;
    }


    .listing-hero-text h3 {
        font-size: 57px;
    }

    .lica-area {
        display: block;
        height: auto;
        padding: 20px;
        text-align: center;
    }

    .lica-area h3 {
        margin-bottom: 20px;
    }

    .lica-area .noty-search {
        width: 71%;
    }






    /* mega-menu */
    .submenu {
        position: absolute;
        width: 96%;
        background: #2D475D;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999999;
        top: 139%;
        padding: 34px;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .submenu-left ul li {
        margin: 0;
        display: block;
        font-size: 20px;
        color: #fff;
        font-weight: 700;
        line-height: 10px;
        padding: 13px 0;
    }

    .sub-list ul li a {
        padding: 0;
        font-size: 18px;
        color: #fff !important;
        padding: 4px 0;
        display: block;
    }


    .sub-list li {
        margin: 0 !important;
        padding: 0 !important;
    }

    .submenu {
        height: 500px;
        overflow: scroll;
    }








}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .hero-containt h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 31px;
    }

    .hero-mid-text p {
        font-size: 22px;
        font-weight: 700;
    }

    .hero-mid-text a {
        font-size: 22px;
        padding: 0 13px;
    }

    .location-area {
        padding: 47px 0;
    }

    .hub-containt h3 {
        font-size: 24px;
        margin-bottom: 16px;
        line-height: 31px;
    }

    .hub-area {
        padding: 60px 0;
    }

    .section-title h3 {
        font-size: 23px;
        line-height: 31px;
    }

    .future-area {
        padding: 40px 0;
    }

    .want-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .news-area {
        padding: 50px 0;
    }

    .socail-area {
        padding: 50px 0;
        padding-bottom: 50px;
    }

    .hero-mid-text {
        max-width: 749px;
        margin-bottom: 34px;
    }

    .hero-area {
        padding-top: 109px;
        padding-bottom: 48px;
    }

    .header-logo a img {
        max-width: 148px;
    }

    .header-menu li a {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 700;
    }

    #test {
        height: 430px;
        margin-bottom: 31px;
    }

    .single-hub h4 span {
        font-size: 22px;
        margin-right: 8px;
    }

    .socail-title h3 {
        font-size: 28px;
        margin: 0;
    }

    .footer-text h3 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .footer-title h3 {
        font-size: 18px;
        margin: 0;
    }

    .footer-list li a {
        font-size: 15px;
        opacity: .71;
    }

    .header-menu li {
        margin: 0 6px;
    }

    .header-menu li a {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 700;
    }

    .future-containt {
        padding-left: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
    }

    .section-title {
        margin-bottom: 25px;
    }

    .single-future-list h3 {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .single-future-list {
        margin-bottom: 14px;
    }

    .want-list {
        max-width: 644px;
        height: 141px;
        border-radius: 20px;
        box-shadow: 0 22px 44px #1050AB2B;
        margin-top: -40px;
        padding: 20px 18px;
    }

    .single-news {
        margin-bottom: 30px;
    }

    .news-btn {
        margin-top: 13px;
    }

    .footer-last {
        width: 100%;
        display: flex;
        margin-top: 30px;
    }

    .footer-wedget {
        width: 24%;
    }

    .single-footer-contact {
        width: 41%;
    }

    .footer-fl {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }


    .hub-shape {
        right: 0;
        top: 30px;
    }

    .want-shape-1 {
        top: 37%;
        left: 2%;
    }

    .want-shape-2 {
        right: 2%;
        top: 18%;
    }

    .modal-content {
        margin: 0 15px;
    }



    #test2 {
        width: 100%;
        height: 490px;
    }

    .login-input {
        margin-bottom: 40px;
        padding-bottom: 30px;
        position: relative;
    }

    .login-page-wrap {
        width: 100%;
        padding-top: 133px;
    }

    .logain-pagew-ct h3 {
        font-size: 25px;
    }

    .logain-pagew-ct span {
        font-size: 18px;
        line-height: 33px;
    }

    .logain-pagew-ct {
        margin-bottom: 17px;
    }

    .service-menu ul li {
        display: inline-block;
        margin-right: 12px;
    }

    .login-map {
        position: unset;
        top: 125px;
        right: 0;
    }

    .login-page-wrap {
        width: 100%;
        padding-top: 21px;
    }

    .login-input a {
        font-size: 18px;
        color: #073446;
        text-decoration: underline;
        margin-top: 25px;
        display: block;
        text-align: center;
    }

    .login-input::before {
        position: absolute;
        width: 200px;
        background: #D8D8D8;
        height: 2px;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .login-service {
        margin-bottom: 30px;
    }


    .dashbord-right {
        width: 100%;
    }

    .wether-containt-fl {
        width: 349px;
    }

    .llt-text {
        width: 158px;
    }

    .dashbord-left {
        width: 100%;
    }

    .wether-containt-left img {
        max-width: 40px;
    }

    .wether-containt-text-left h3 {
        font-size: 44px;
    }

    .fer span {
        font-size: 15px;
    }

    .fer::before {
        height: 15px;
    }

    .wether-containt-left {
        width: 173px;
    }

    .wether-img {
        max-width: 240px;
    }

    .chat-box-llt-fl {
        display: block;
    }

    .single-box-llt {
        width: 100%;
        margin-bottom: 20px;
    }


    .dashbord-fl {
        display: block;
    }

    .dashbord-left {
        width: 100;
    }

    .dashbord-left {
        display: none;
    }



    .dashbors-mobi {
        background: #2D475D;
        padding: 15px;
        display: block;
    }

    .dash-popup-ct {
        width: 100%;
    }

    .dash-popup-wra {
        padding-left: 20px;
    }


    .das-logoo {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .das-logoo h3 {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: 400;
        margin: 0;
    }

    .clossee {
        background: #35526B;
        width: 96%;
        margin: auto;
        padding: 15px;
        border-radius: 20px;
    }

    .clossee a {
        text-align: center;
        display: flex;
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .clossee .dash-menu li a {
        text-align: left !important;
        justify-content: start;
    }

    .clossee .dash-menu li a {
        margin-bottom: 26px !important;
    }

    .clossee a[aria-expanded="false"] {
        margin-bottom: 0;
    }

    .clossee .dash-menu {
        margin-top: 20px;
    }






    /* rtl-page-responsiove-start */

    .information-area {
        padding-top: 40px;
        padding-bottom: 70px;
    }

    .information-wrap h3 {
        font-size: 35px;
        margin-bottom: 12px;
    }

    .city-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .rtl-header-menu ul li {
        margin-left: 29px;
    }

    .rtl-header-menu ul li a {
        font-size: 16px;
        display: none;
    }

    .single-ct {
        width: 183px;
        height: 106px;

    }

    .si-text {
        width: 121px;
    }

    .si-icon img {
        max-width: 24px;
    }

    .city-single-ct {
        padding: 15px 7px;
    }

    .city-title h4 {
        font-size: 30px;
    }

    .rtl-header {
        padding: 30px 0;
    }

    .city-fx {
        display: block;
        justify-content: space-between;
    }

    .city-lf-box {
        width: 100% !important;
        background: #2D475D;
        padding: 30px 0;
        border-radius: 14px;
        height: auto;
    }

    .city-single-ct {
        display: flex;
        justify-content: start;
    }

    .city-text {
        width: 279px;
        margin-left: 16px;
    }

    .city-ri-box {
        width: 100%;
        background: #F5F5F5;
        padding: 30px;
        border-radius: 15px;
    }

    .footer-wiget-3 {
        width: 25%;
    }

    .footer-wiget-4 {
        width: 100%;
    }

    .footer-wiget-2 {
        width: 25%;
    }

    .single-wudget-1 {
        width: 50%;
    }

    .footer-idget {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .copy-right-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
        padding-top: 22px;
        text-align: center;
    }

    .copy-right-text p::before {
        left: 204px;
    }

    /* rtl-page-responsiove-emd */


    .city-titdle h2 {
        font-size: 28px;
        line-height: 24px;
        color: #2A4759;
        margin-bottom: 17px;
    }

    .city-titdle h2 {
        font-size: 28px;
        line-height: 40px;
        color: #2A4759;
        margin-bottom: 18px;
    }



    .file-text.twxt-wd {
        width: 503px;
        margin: auto;
        margin-bottom: 50px;
    }

    .single-chat.single-licence.mar-nn.me-wd {
        width: auto;
        margin: auto;
        margin-top: 10px;
    }

    .dashbord-chat-box.dlf-chatbox {
        margin-top: 19px;
    }

    .dashboard-fx {
        float: unset;
        display: flex;
        justify-content: end;
    }



    .dash-user.dash-user-mar {
        margin-top: 0;
    }

    .dash-min {
        width: 585px;
        margin: auto;
    }


    .location-box {
        display: flex;
        width: 100%;
        background: #fff;
        padding: 15px;
        border-radius: 22px;
    }




    .mission-text p {
        font-size: 32px;
    }

    .hero-area.mission-hero {
        height: 409px;
    }

    .m-about-containt h3 {
        font-size: 30px;
    }

    .m-about-containt p {
        font-size: 16px;
        line-height: 26px;
    }

    .m-about-containt a {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        margin: auto;
        display: inline-block;
    }

    .m-about-containt {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }

    .m-about-img {
        text-align: center;
    }

    .m-about-single-box img {
        width: 100%;
    }

    .emarging-img {
        text-align: center;
        margin-bottom: 30px;
    }

    .emerging-containt h3 {
        font-size: 30px;
    }

    .emerging-containt {
        max-width: 436px;
        margin: auto;
    }

    .single-rapid p {
        font-size: 16px;
    }

    .vision-text {
        margin-bottom: 30px;
    }

    .vision-img img {
        display: inline-block;
    }

    .vision-img {
        display: block;
        text-align: center;
    }





    .about-hero-containt h3 {
        font-size: 43px;
        line-height: 35px;
    }

    .about-hero-bottom-menu li a {
        margin: 0 15px;
    }

    .about-hero-containt p {
        font-size: 22px;
        line-height: 32px;
    }

    .bangalur-img {
        height: auto;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-bottom: 40px;
    }


    .single-did-text.ffd {
        width: 407px;
    }

    .did-ls-text a {
        margin-bottom: 10px;
    }

    .did-ls-text p {
        font-size: 14px;
    }

    .single-did-text {
        width: 407px;
    }

    .single-today-fl img {
        width: 200px;
        margin-bottom: 30px;
    }

    .single-today {
        width: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .section-title.text-center p {
        font-size: 14px;
        color: #2A4759;
        font-weight: 400;
        margin: 0;
    }

    .our-log-fl {
        max-width: unset;
        margin-left: auto;
    }

    .coming-text span {
        color: #2A4759;
        font-size: 46px;
        font-weight: 600;
        margin: 0;
    }

    .o1 {
        display: none;
    }

    .coming-text h3 {
        font-size: 25px;
        color: #2A4759;
        font-weight: 700;
        margin-bottom: 9px;
    }

    .single-four {
        margin-bottom: 30px;
    }

    .today-fl {
        display: block;
    }

    .single-today-fl {
        width: auto;
        margin-bottom: 30px;
    }


    .about-bm-img {
        justify-content: center;
        margin-bottom: 40px;
        height: auto;
    }

    .about-containt {
        width: 100%;
        max-width: 100%;
    }

    .o1 {
        display: none;
    }

    .coming-containt {
        height: 300px;
        justify-content: center;
        padding: 0;
        text-align: center;
    }






    .sign-box {
        width: 566px;
        padding: 20px;
        border-radius: 20px;
        flex: 1;
    }

    .paid-hdn-wp {
        width: 360px;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
        margin-bottom: 20px;
    }

    .pais-si-2 {
        width: 360px;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
    }

    .paid-hd-ri h5 {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .single-data {
        margin-bottom: 13px;
    }

    .paid-hd-ri p {
        font-size: 13px;
    }

    .pad-lf a span {
        font-size: 16px;
    }

    .info-box {
        width: 566px;
        padding: 20px;
        border-radius: 20px;
    }

    .ri-info {
        width: 366px;
        border-radius: 13px;
        padding: 20px;
        margin: auto;
        margin-bottom: 20px;
    }

    .view-btn::after {
        width: 69px;
        right: -79px;
    }

    .view-btn::before {
        width: 69px;
        right: -79px;
    }

    .paid-fx {
        display: block;
        padding-bottom: 40px;
    }

    .box-hdn {
        justify-content: center;
    }

    .info-box-fx {
        display: block;
    }

    .eletro-box {
        width: 366px;
        margin-bottom: 20px !important;
        margin: auto;
    }

    .progrs-box {
        width: 366px;
        background: #fff;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
    }

    .info-bx-hdn p {
        text-align: center;
    }

    .dash-right-wp {
        display: flex;
        justify-content: center;
    }

    .sign-icon {
        width: 40px;
        margin-right: 18px;
    }

    .info-fx {
        display: flex;
        justify-content: center;
        margin-top: 50px;
    }

    .info-icn {
        width: 40px;
        margin-right: 18px;
    }

    .justA p {
        margin: 0;
        padding-left: 136px;
        font-size: 12px;
        color: #627886;
        margin-top: 5px;
    }

    .dash-popup-ct {
        width: 100%;
    }

    .dash-popup-wra {
        padding-left: 0;
    }


    /* new */

    .dash-hero-wp h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .niti-ct h3 {
        font-size: 20px;
        line-height: 37px;
    }

    .niti-locking h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .bld {
        width: 191px;
    }

    .noti-hdn-fx h2 {
        font-size: 31px;
    }

    .noti-active .owl-nav button {
        top: -62px;
        font-size: 19px !important;
    }

    .aplication-hdn h3 {
        font-size: 30px;
        line-height: 50px;
    }

    .aplication-area {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .apli-actv .owl-dots {
        bottom: -36px;
    }

    .top-contl-titl h3 {
        font-size: 30px;
    }

    .point-area {
        padding: 50px 0;
    }

    .rtl-header-menu.dash-menu ul li {
        margin-left: 10px;
    }

    .rtl-header-menu.dash-menu ul li a {
        color: #fff;
        font-size: 15px;
    }

    .header-ri-icon.dash-header a {
        margin-left: 20px;
        margin-right: 20px;
    }

    .dash-search input {
        width: 283px;
        height: 41px;
        background: #405F79;
        border: 0;
        border-radius: 35px;
        font-size: 13px;
        color: #CCD7E0;
        padding-left: 47px;
    }

    .niti-wrap {
        width: 100%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.24);
    }

    .niti-btn-wrap a {
        width: 183px;
        height: 40px;
        display: flex;
        border-radius: 37px;
        font-size: 16px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .niti-ct a {
        font-size: 15px;
        line-height: 24px;
    }

    .niti-ct a span {
        width: 94px;
        height: 30px;
        background: #EFC43A;
        display: inline-block;
        text-align: center;
        line-height: 27px;
        font-size: 15px;
        color: #FFF;
        border-radius: 21px;
        margin-right: 11px;
    }

    .single-inp {
        width: 336px;
        position: relative;
        margin-right: 35px;
    }

    .noti-wds {
        width: 100%;
        margin: auto;
        display: block;
        justify-content: space-between;
    }

    .noti-wrap {
        width: 100%;
        margin: auto;
    }

    .thing-box {
        width: 374px;
        height: 320px;
        border-radius: 20px;
        background: #F2F4F5;
        padding: 20px;
        margin: auto;
        margin-bottom: 30px;
    }

    .single-sli {
        width: 49%;
        border-radius: 15px;
        padding: 18px 14px;
        margin-bottom: 15px;
    }

    .problm-wp {
        width: 100%;
        border-radius: 15px;
        padding: 12px;
        margin-top: 7px;
        margin-bottom: 16px;
    }

    .point-wrap {
        width: 100%;
        margin: auto;
        display: block;
    }

    .single-point {
        width: 364px;
        padding: 24px;
        border-radius: 15px;
        margin: auto;
        margin-bottom: 20px;
    }

    .rason-wrap {
        width: 100%;
        border-radius: 15px;
        padding: 0;
        margin-top: 30px;
    }

    .point-content h4 {
        font-size: 23px;
        line-height: 39px;
    }

    .iten-to ul li {
        margin-right: 13px;
        font-size: 14px;
        line-height: 17px;
    }

    .count {
        width: 38px;
        text-align: center;
    }

    .top-contl-wp {
        width: 100%;
        margin: auto;
    }

    .pt-ct p {
        margin: 0;
        font-size: 17px;
        line-height: 13px;
    }

    .niti-aera {
        margin-top: -153px;
        padding-bottom: 53px;
    }

    .dash-hero-wp h2 span {
        font-size: 30px;
    }

    .dash-hero {
        padding-top: 130px;
        height: 400px;
    }

    .niti-top-fx {
        padding: 25px;
        display: block;
    }

    .noti-ri-fx {
        margin-bottom: 15px;
    }

    .niti-botttom-fx {
        display: block;
        padding: 30px !important;
    }

    .niti-locking {
        width: 310px;
        margin-bottom: 20px;
    }

    .noti-single {
        width: 338px;
        padding: 15px;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    .tab-slid-actv {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .niti-btn-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: start;
    }

    .dash-bar a {
        font-size: 20px;
        color: #fff;
    }

    .bb-stcky.scroll-header .dash-bar a {
        color: #000;
    }

    /* new */

    .dash-bar {
        display: block;
    }






    .resolve-wrap {
        width: 100%;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .rrsolve-area {
        background: #F6F7F8;
        height: 100%;
    }

    .resolve-single {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

    .rrsolcve-single-itevm {
        width: 100%;
    }

    .electroc-fx {
        width: 400px;
        border-radius: 15px;
        padding: 15px 20px;
        margin-top: 30px;
    }

    .resolve-fx {
        display: block;
        justify-content: space-between;
    }

    .resolve-single::before {
        display: none;
    }

    .resolve-title h3 {
        font-size: 25px;
    }

    .single-rtn a img {
        max-width: 29px;
    }

    .rating-fx {
        width: 291px;
        display: flex;
        justify-content: space-between;
    }

    .resolve-btn {
        width: 161px;
        margin: auto;
        margin-top: 40px;
    }

    .resolve-btn a {
        height: 44px;
    }

    .login-left {
        height: 635px;
    }

    .login-inner.logins {
        padding-top: 100px;
    }

    .cl-time {
        display: none;
    }

    .login-service {
        margin-bottom: 30px;
    }

    .service-menu ul li {
        display: inline-block;
        margin-right: 12px;
    }






    .profile-fl {
        display: block;
    }

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

    .profile-right {
        width: 100%;
    }

    .single-par-fl {
        width: 47%;
    }



    .licen-wrap {
        width: 100%;
    }

    .add-li-ti h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .otp-btn button {
        border: 0;
        font-size: 16px;
        color: #2A4759;
        font-weight: 700;
        background: #F5C300;
        width: 220px;
        height: 50px;
        border-radius: 10px;
        margin-top: 8px;
        text-transform: uppercase;
    }

    .licen-fx-wd {
        width: 100%;
        background: #fff;
        padding: 29px;
        border-radius: 20px;
    }

    .elc-box {
        width: 401px;
        padding: 10px 15px;
    }

    .elc-box p {
        font-size: 14px;
        color: #2A4759;
        line-height: 17px;
        max-width: 400px;
        margin: 0;
        margin-left: 10px;
    }

    .licen-fx {
        display: block;
        justify-content: space-between;
    }

    .singl-licen::before {
        display: none;
    }

    .singl-licen {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

    .single-li-item {
        width: 100%;
    }

    .licen-wrap {
        width: 100%;
        height: 100%;
    }

    .social-area.social-sc {
        padding-top: 40px;
        padding-bottom: 40px;
        background: #F2F4F5;
    }


    .application-btn a {
        width: 200px;
        height: 50px;
        line-height: 45px;
        border-radius: 10px;
        font-size: 16px;
        font-weight: 700;
        transition: .3s;
    }

    .proparty-singsle-item {
        width: 100%;
    }


    .faq-collaps button {
        white-space: initial;
        /* height: auto; */
        /* padding-top: 15px; */
        /* padding-bottom: 15px; */
        font-size: 16px;
    }

    .about-hero-bottom-area.scroll-header {
        position: fixed;
        background: #fff;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 9999;
        -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        top: 62px;
        left: 0;
        right: 0;
    }

    .rtl-header.color-about.last-about-hdr.scroll-header .off-bar {
        color: #000 !important;
    }


    .quick-right {
        width: 622px;
        background: #F5F5F5;
        border-radius: 20px;
        padding: 20px;
        position: relative;
        margin-bottom: 15px;
    }

    .quick-mid {
        padding-top: 30px;
    }

    .fb-back-wrap {
        max-width: 100%;
        padding: 20px;
    }

    .fb-back-title {
        margin-bottom: 25px;
    }

    /*    ABT-PAGE*/

    .about-account {
        max-width: 100%;
        margin: auto;
    }

    .account-service-wrap {
        width: 100%;
        margin: auto;
    }

    .accoun-service-title h2 {
        font-size: 30px;
        line-height: 58px;
        margin-bottom: 40px;
    }

    .account-service-btn-wp a {
        padding: 16px 20px;
        border-radius: 47px;
        font-size: 16px;
        margin-right: 7px;
        margin-bottom: 20px;
    }

    .account-service-ri {
        width: 69%;
        margin: auto;
        margin-top: 16px;
    }

    .account-service-img {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }

    .account-service {
        padding-bottom: 50px;
    }

    .role-fx {
        display: block;
        align-items: start;
        justify-content: space-between;
        width: 100%;
        margin: auto;
    }

    .organis-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-iunfo-box {
        padding: 30px 30px;
        width: 100%;
        margin: auto;
    }

    .conttact-info-single-box {
        width: 48%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 25px !important;
    }

    .contact-info-img {
        margin-right: 10px;
    }

    .order-active .slick-dots {
        position: absolute;
        bottom: -51px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

    .single-radio.rd-3 .containeres {
        width: 202px !important;
        height: 106px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .know-more {
        padding: 50px 0;
    }

    .mental-area {
        padding: 50px 0;
        background: #F0F7FF;
    }

    .citizen-active .slick-dots {
        bottom: -34px;
    }

    .achive-area {
        padding-top: 50px;
        padding-bottom: 110px;
    }

    .achive-lf {
        width: 100%;
        margin-bottom: 0;
    }

    .achive-ri {
        width: 43.5%;
    }

    .account-header {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .header-text h1 {
        font-size: 40px;
        line-height: 63px;
        margin: 0;
    }

    .single-account {
        width: 32%;
        margin-bottom: 30px;
    }

    .account-menu ul li a {
        font-size: 14px;
    }

    .about-account h2 {
        margin-bottom: 14px;
        font-size: 31px;
        line-height: 58px;
    }

    .account-service-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .account-service-lf {
        width: 100%;
    }

    .role-left-wrap {
        width: 100%;
    }

    .role-ri {
        width: 100%;
        margin-top: 25px;
    }

    .order-single-box {
        display: flex;
        align-items: center;
        width: 48%;
        background: #fff;
        padding: 20px;
        border: 2px solid #E5E8EB;
        border-radius: 8px;
        margin-bottom: 20px !important;
    }

    .order-single-box.od-mr {
        margin-top: 0;
    }

    .lnow-more-fx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        margin: auto;
        flex-wrap: wrap;
    }

    .citizen-fx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .citizen-single-wrap {
        width: 48.3%;
        padding: 30px 20px;
        border-radius: 15px;
        margin-bottom: 25px;
    }

    .action-wrap {
        margin-bottom: 20px;
    }

    .achive-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        margin: auto;
    }

    .achive-ri {
        width: 43.5%;
        display: none;
    }

    .achive-img.mbl-p {
        display: block;
    }

    .fb-sp {
        display: none;
    }

    .cros {
        position: absolute;
        top: 0px;
        right: 30px;
    }



    .book-box {
        width: 281px;
    }

    .single-book-bo span {
        width: 50%;
    }

    .single-book-bo {
        align-items: start;
    }


    .note-modal {
        padding: 40px 40px;
    }





    .noty-das {
        display: block;
    }

    .noty-dash-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .noty-dash-ri {
        width: 100%;
    }

    .noty-search {
        width: 400px;
    }


    .noty-containt h3 {
        font-size: 50px;
    }

    .noty-containt p {
        font-size: 16px;
    }

    .noty-hero-area {
        height: 500px;
    }

    .noty-area {
        padding: 50px 0;
    }

    .noty-title h3 {
        font-size: 34px;
    }


    .listing-hero-text h3 {
        font-size: 46px;
    }

    .lica-area {
        display: block;
        height: auto;
        padding: 20px;
        text-align: center;
    }

    .lica-area h3 {
        margin-bottom: 20px;
    }

    .lica-area .noty-search {
        width: 71%;
    }


    .privacy-area {
        padding-top: 20px;
    }

    .privacy-title h3 {
        font-size: 35px;
    }

    .privacy-title {
        margin-bottom: 35px;
    }

    .single-privacy h3 {
        font-size: 27px;
    }

    .down-ri a {
        height: 50px;
        padding: 0 20px;
    }


    /* mega-menu */
    .submenu {
        position: absolute;
        width: 96%;
        background: #2D475D;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9999999;
        top: 139%;
        padding: 34px;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
    }

    .submenu-left ul li a {
        margin: 0;
        display: block;
        font-size: 19px;
        color: #fff !important;
        font-weight: 700;
        line-height: 20px;
        padding: 12px 0 12px 24px;
    }

    .submenu-left ul li a:hover {
        background-color: #203342;
        color: #F0DE69 !important;
        border-radius: 8px;
    }

    .sub-list ul li a {
        padding: 0;
        font-size: 18px;
        color: #fff !important;
        padding: 4px 0;
        display: block;
    }






    .sudb-canva .submenu .submenu-left span {
        padding: 10px 0 0 24px;
    }

    .sudb-canva .submenu .submenu-left ul {
        position: relative;
        padding: 15px 0;
    }

    .sudb-canva .submenu .submenu-left ul::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 320px;
        bottom: 8px;
        right: 0;
        border: 0.5px solid #395166;
    }

    .sudb-canva .submenu {
        position: fixed;
        width: 50%;
        background: #2D475D;
        left: -100%;
        transform: unset;
        z-index: 9999999;
        top: 0;
        padding: 34px 34px 34px 10px;
        opacity: 1;
        visibility: visible;
        transition: .3s;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: .3s;
    }

    .submenu-fx {
        display: block;
        align-items: start;
        justify-content: space-between;
    }

    .sub-mail {
        padding-top: 9px;
        margin-top: 9px;
    }

    .submenu-left {
        width: 100%;
        margin-bottom: 33px;
    }

    .sub-icn a {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        margin-right: 10px !important;
        margin-top: 10px !important;
    }

    .sub-fi {
        display: block;
        align-items: start;
        justify-content: space-between;
    }

    .sub-fi {
        padding-bottom: 17px;
        margin-bottom: 11px;
        border-bottom: 1px solid #3B5368;
    }

    .submenu.active {
        left: 0;
    }

    .sub-ofcanva-2 .submenu {
        position: fixed;
        opacity: 1;
        visibility: visible;
        top: 0;
        left: -100%;
        width: 335px;
        z-index: 999999999999999999;
        transition: .3s;
        height: 100%;
        transform: unset;
    }

    .submenu.active {
        left: 0;
    }

    .sub-crs {
        position: absolute;
        top: 7px;
        right: 37px;
    }

























}


/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .dash-popup-ct {
        width: 100%;
    }

    .hero-containt h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 31px;
    }

    .hero-mid-text p {
        font-size: 20px;
        font-weight: 700;
    }

    .hero-mid-text a {
        font-size: 20px;
        padding: 0 13px;
    }

    .location-area {
        padding: 30px 0;
    }

    .hub-containt h3 {
        font-size: 24px;
        margin-bottom: 16px;
        line-height: 31px;
    }

    .hub-area {
        padding: 30px 0;
    }

    .section-title h3 {
        font-size: 23px;
        line-height: 31px;
    }

    .future-area {
        padding: 40px 0;
    }

    .want-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .news-area {
        padding: 50px 0;
    }

    .socail-area {
        padding: 26px 0;
        padding-bottom: 0;
    }

    .socail-area.tr .single-socail-box {
        display: block;
    }

    .hero-mid-text {
        max-width: 749px;
        margin-bottom: 34px;
    }

    .hero-area {
        padding-top: 109px;
        padding-bottom: 48px;
    }

    .header-logo a img {
        max-width: 148px;
    }

    .header-menu li a {
        color: #FFFFFF;
        font-size: 15px;
        font-weight: 700;
    }

    #test {
        height: 430px;
        margin-bottom: 31px;
    }

    .single-hub h4 span {
        font-size: 22px;
        margin-right: 8px;
    }

    .socail-title h3 {
        font-size: 28px;
        margin: 0;
    }

    .footer-text h3 {
        font-size: 18px;
        margin-bottom: 6px;
    }

    .footer-title h3 {
        font-size: 18px;
        margin: 0;
    }

    .footer-list li a {
        font-size: 15px;
        opacity: .71;
    }

    .header-menu li {
        margin: 0 6px;
    }

    .header-menu li a {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 700;
    }

    .future-containt {
        padding-left: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        margin-top: 30px;
    }

    .section-title {
        margin-bottom: 25px;
    }

    .single-future-list h3 {
        font-size: 18px;
        margin-bottom: 4px;
    }

    .single-future-list {
        margin-bottom: 14px;
    }

    .want-list {
        max-width: 100%;
        height: auto;
        border-radius: 20px;
        box-shadow: 0 22px 44px #1050AB2B;
        margin-top: 30px;
        padding: 20px 18px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 34px;
    }

    .single-news {
        margin-bottom: 30px;
        display: none;
    }

    .news-btn {
        margin-top: 13px;
    }

    .footer-last {
        width: 100%;
        display: block;
        /*! margin-top: 30px; */
    }

    .footer-wedget {
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #61879F;
        margin-bottom: 30px !important;
    }

    .single-footer-contact {
        width: 100%;
    }

    .footer-fl {
        display: none;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .header-menu {
        display: none;
    }

    .bar {
        position: absolute;
        right: 24px;
        top: 50%;
        transform: translateY(-50%);
    }

    .bar a {
        color: #ffff;
        font-size: 22px;
    }

    .hero-mid-text.ttv {
        display: block;
    }

    .headera-area.bb-stckys.scroll-header .bar a {
        color: #000;
    }

    .headera-area.bb-stcky.scroll-header .bar a {
        color: #000;
    }

    .single {
        display: block;
        justify-content: center;
        margin-bottom: 16px;
    }

    .hero-mid-text.tty {
        display: none;
    }

    .hero-action-fl a {
        width: 47%;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        border-radius: 40px;
        margin: 0 5px;
        margin-bottom: 10px;
        display: flex;
        font-weight: 400;
    }

    .location-btn a {
        display: none;
    }

    .logain-wp {
        width: 300px;
        height: 200px;
        background: #F5C300;
        margin: auto;
        display: none;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 30px;
        border-radius: 15px;
    }

    .logain-ct a {
        display: block;
        font-size: 33px;
        color: #2A4759;
    }

    .dfd {
        font-size: 20px !important;
        color: #2A4759 !important;
    }

    .logain-ct p {
        margin: 0;
        font-size: 20px;
    }

    .hub-fl-img {
        margin-top: 30px;
    }

    .tt2 {
        max-width: 162px;
    }

    .tt1 {
        max-width: 63px;
    }

    .tt3 {
        max-width: 85px;
    }

    .single-future-img img {
        max-width: 163px;
    }

    .section-title.text-center.mb-45.ggh {
        text-align: left !important;
        margin-bottom: 60px !important;
    }

    .want-single-list {
        width: 46%;
        margin-bottom: 30px;
    }

    .single-news.mbl-vs {
        display: block;
        margin-bottom: 0;
        border-radius: 25px;
    }

    .news-slider .owl-dot {
        width: 15px;
        height: 15px;
        background: #99A5EC !important;
        margin: 0 6px;
        border-radius: 50%;
    }

    .social-active .owl-dot {
        width: 15px;
        height: 15px;
        background: #99A5EC !important;
        margin: 0 6px;
        border-radius: 50%;
    }

    .news-slider .owl-dots {
        text-align: center;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .social-active .owl-dots {
        text-align: center;
        margin-top: 14px;
        margin-bottom: 14px;
    }

    .news-slider .owl-dot.active {
        background: #2A43DB !important;
    }

    .social-active .owl-dot.active {
        background: #2A43DB !important;
    }

    .news-btn a {
        width: 320px;
        height: 50px;
        background: #2A43DB;
        display: inline-block;
        border-radius: 10px;
        line-height: 49px;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 16px;
    }

    .socail-title a {
        display: none;
    }

    .single-socail-box {
        background: #fff;
        border-radius: 20px;
        padding: 20px;
        box-shadow: 0 42px 34px #00000021;
        margin-bottom: 30px;
        display: none;
    }

    .single-socail-box.visable {
        display: block;
        margin-bottom: 0;
    }

    .socail-text p {
        margin-bottom: 0;
    }

    .footer-socail {
        display: flex;
        align-items: center;
        padding-bottom: 30px;
        border-bottom: 1px solid #6991A9;
        margin-bottom: 30px;
    }

    .footer-fl.ttyr {
        display: block;
    }

    .footer-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0;
        cursor: pointer;
    }

    .footer-title span {
        font-size: 25px;
        color: #fff;
    }

    .footer-bottom-fl {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .footer-bottom-left a {
        margin-right: 0;
        color: #fff;
        font-size: 14px;
        opacity: .71;
        margin: 0 8px;
        text-align: center;
    }

    .footer-bottom-ri {
        text-align: center;
        margin-top: 10px;
    }

    .footer-bottom-area {
        border-top: 0;
        background: #2A4759;
        height: auto;
        display: flex;
        align-items: center;
        padding-bottom: 20px;
    }

    .hero-mid-text.ttv {
        display: block;
    }

    .logain-wp {
        display: none;
    }

    .news-slider.owl-carousel.owl-loaded.owl-drag {
        display: block;
    }

    .social-active.owl-carousel.owl-loaded.owl-drag {
        display: block;
    }

    .footer-fl.ttyr {
        display: flex;
    }

    .bar {
        display: block;
        z-index: 9;
    }


    .hub-shape {
        right: 0;
        top: 79%;
        max-width: 200px;
    }

    .want-shape-1 {
        top: 37%;
        left: 0;
        max-width: 109px;
    }

    .want-shape-2 {
        right: 0;
        top: 24%;
        max-width: 136px;
    }






    #test2 {
        width: 100%;
        height: 490px;
    }

    .login-input {
        margin-bottom: 40px;
        padding-bottom: 30px;
        position: relative;
    }

    .login-page-wrap {
        width: 100%;
        padding-top: 133px;
    }

    .logain-pagew-ct h3 {
        font-size: 20px;
    }

    .logain-pagew-ct span {
        font-size: 18px;
        line-height: 33px;
    }

    .logain-pagew-ct {
        margin-bottom: 17px;
    }

    .service-menu ul li {
        display: inline-block;
        margin-right: 12px;
    }

    .login-map {
        position: unset;
        top: 125px;
        right: 0;
    }

    .login-page-wrap {
        width: 100%;
        padding-top: 21px;
    }

    .login-input a {
        font-size: 18px;
        color: #073446;
        text-decoration: underline;
        margin-top: 25px;
        display: block;
        text-align: center;
    }

    .login-input::before {
        position: absolute;
        width: 200px;
        /* background: #D8D8D8; */
        height: 2px;
        content: "";
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .login-service {
        margin-bottom: 30px;
    }

    .login-input button {
        width: 100px;
        height: 45px;
        border: 0;
        border-radius: 0 11px 11px 0px;
        font-size: 14px;
    }

    .login-input input {
        width: 100%;
        height: 47px;
        border: 2px solid #F0C130;
        border-radius: 11px;
        padding-left: 20px;
        padding-right: 103px;
        font-size: 14px;
        color: #627886;
    }

    .offcanva.active {
        left: 0;
    }

    .overlay.active {
        left: 0;
    }

    .dashbord-right {
        width: 100%;
    }

    .wether-containt-fl {
        width: 100%;
        display: block;
        text-align: center;
        height: auto;
        padding-bottom: 12px;
        margin-bottom: 15px;
    }

    .llt-text {
        width: 158px;
        margin-bottom: 10px;
    }

    .dashbord-left {
        width: 100%;
    }

    .wether-containt-left img {
        max-width: 40px;
    }

    .wether-containt-text-left h3 {
        font-size: 44px;
    }

    .fer span {
        font-size: 15px;
    }

    .fer::before {
        height: 15px;
    }

    .wether-containt-left {
        width: 173px;
        margin: auto;
    }

    .wether-img {
        max-width: 100;
    }

    .chat-box-llt-fl {
        display: block;
    }

    .single-box-llt {
        width: 100%;
        margin-bottom: 20px;
    }


    .dashbord-fl {
        display: block;
    }

    .dashbord-left {
        width: 100;
    }

    .dashbord-left {
        display: none;
    }




    .dashbors-mobi {
        background: #2D475D;
        padding: 15px;
        display: block;
    }

    .das-logoo {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .das-logoo h3 {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: 400;
        margin: 0;
    }

    .clossee {
        background: #35526B;
        width: 96%;
        margin: auto;
        padding: 15px;
        border-radius: 20px;
    }

    .clossee a {
        text-align: center;
        display: flex;
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .clossee .dash-menu li a {
        text-align: left !important;
        justify-content: start;
    }

    .clossee .dash-menu li a {
        margin-bottom: 26px !important;
    }

    .clossee a[aria-expanded="false"] {
        margin-bottom: 0;
    }

    .clossee .dash-menu {
        margin-top: 20px;
    }

    .deas-wether {
        display: block;
    }

    .wether-containt-right {
        width: 100%;
    }

    .chat-ri-text p {
        font-size: 16px;
    }

    .chat-text p {
        font-size: 16px;
    }

    .radiobtn label {
        font-size: 14px;
    }

    .chat-box {
        width: 100%;
    }

    .dashbord-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .chat-box.we {
        width: 100%;
    }

    .llt-fl {
        display: block;
    }


    /* rtl-page-responsiove-start */

    .information-area {
        padding-top: 0;
        padding-bottom: 48px;
    }

    .information-wrap h3 {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .city-area {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .rtl-header-menu ul li {
        margin-left: 29px;
    }

    .rtl-header-menu ul li a {
        font-size: 16px;
        display: none;
    }

    .single-ct {
        width: 48%;
        min-height: auto;
        padding: 22px 0;
        margin-bottom: 11px;
        height: 64px;
    }

    .si-text {
        width: 102px;
    }

    .si-text p {
        font-size: 16px;
    }

    .si-icon img {
        max-width: 24px;
    }

    .si-text p {
        margin: 0;
        font-size: 15px;
        color: #2e475f;
        line-height: 18px;
    }

    .city-single-ct {
        padding: 15px 7px;
    }

    .city-title h4 {
        font-size: 25px;
    }

    .rtl-header {
        padding: 30px 0;
    }

    .city-fx {
        display: block;
        justify-content: space-between;
    }

    .city-lf-box {
        width: 100%;
        background: #2D475D;
        padding: 30px 0;
        border-radius: 14px;
        height: auto;
    }

    .city-single-ct {
        display: flex;
        justify-content: start;
    }

    .city-text {
        width: 279px;
        margin-left: 16px;
    }

    .city-ri-box {
        width: 100%;
        background: #F5F5F5;
        padding: 15px;
        border-radius: 15px;
        margin-top: 20px;
    }

    .footer-wiget-3 {
        width: 100%;
    }

    .footer-wiget-4 {
        width: 100%;
    }

    .footer-wiget-2 {
        width: 100%;
    }

    .single-wudget-1 {
        width: 100%;
    }

    .footer-idget {
        display: block;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .rtl-header-logo a img {
        max-width: 120px;
    }

    .rtl-header-menu ul {
        display: none;
    }

    .information-wrap p {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 22px;
    }

    .information-search {
        width: 100%;
        position: relative;
    }

    .information-search input {
        font-size: 20px;
        padding-left: 40px;
        text-align: left;
    }

    .information-search span {
        left: 20px;
    }

    .suggest-fx a {
        height: 40px;
        line-height: 40px;
        border-radius: 39px;
        font-size: 16px;
        margin-bottom: 14px;
    }

    .copy-right-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
        padding-top: 17px;
        text-align: center;
    }

    .copy-right-list ul li {
        list-style: none;
        display: inline-block;
        margin-right: 21px;
    }

    .copy-right-list {
        margin-bottom: 10px;
    }

    .copy-right-text p::before {
        left: 33px;
        top: 4px;
    }






    .city-titdle h2 {
        font-size: 28px;
        line-height: 24px;
        color: #2A4759;
        margin-bottom: 17px;
    }

    .city-titdle h2 {
        font-size: 28px;
        line-height: 40px;
        color: #2A4759;
        margin-bottom: 18px;
    }

    .card-body p {
        font-size: 16px;
        color: #2E475F;
        padding-left: 11px;
    }

    .city-link {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: transparent;
        border: 0;
        border-bottom: 1px solid #ddd;
        padding-bottom: 17px;
        font-size: 16px;
        color: #2E475F;
    }


    /* rtl-page-responsiove-emd */


    .file-text.twxt-wd {
        width: 100%;
        margin: auto;
        margin-bottom: 50px;
        padding-left: 50px;
    }

    .single-chat.single-licence.mar-nn.me-wd {
        width: auto;
        margin: auto;
        margin-top: 10px;
    }

    .dashbord-chat-box.dlf-chatbox {
        margin-top: 19px;
    }

    .dashboard-fx {
        float: unset;
        display: flex;
        justify-content: end;
    }

    .chate-search input {
        width: 100%;
        height: 45px;
        border: 2px solid #A1AEB6;
        padding: 0 36px;
        border-radius: 35px;
        font-size: 16px;
        color: #2E475F;
    }

    .chate-search {
        width: 100%;
        position: relative;
    }

    .chat-box-desc {
        width: 100%;
        padding: 21px;
        background: #F5F5F5;
        border-radius: 15px;
        height: 261px;
        overflow: scroll;
    }

    .chat-link {
        font-size: 16px;
    }

    .chat-clps {
        width: 100%;
    }

    .radiobtn.dddy label {
        height: auto;
        width: 260px;
    }

    .upload-wrap {
        width: 100%;
        background: #F5F5F5;
        padding: 30px;
        border-radius: 17px;
    }

    .upload-box {
        width: 100%;
    }

    .upload-content h4 {
        font-size: 16px;
    }

    .about-me-box {
        width: 100%;
        background: #F5F5F5;
        padding: 20px;
        border-radius: 20px 20px 0 0;
        padding-right: 0;
        position: relative;
    }

    .about-me-fx {
        display: block;
        overflow: space-between;
    }



    .dash-user.dash-user-mar {
        margin-top: 0;
    }

    .dash-min {
        width: 100%;
        margin: auto;
    }


    .location-box {
        display: flex;
        width: 100%;
        background: #fff;
        padding: 15px;
        border-radius: 22px;
    }

    .dashboard-fx {
        float: unset;
        display: block;
        justify-content: end;
    }

    .dash-user {
        width: 100%;
        height: 35px;
        background: #FFFA73;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 20px;
        border-radius: 34px;
        margin-bottom: 10px;
    }

    .location-fx {
        display: block;
    }

    .location-box {
        display: block;
        width: 100%;
        background: #fff;
        padding: 15px;
        border-radius: 22px;
    }

    .location-image {
        width: 235px;
        margin-bottom: 10px;
    }




    .single-radio label {
        display: flex;
        align-items: center;
        padding: 0;
        justify-content: start;
        padding-left: 10px;
    }

    .single-radio label h5 {
        margin: 0;
        margin-left: 11px;
    }

    .single-radio label {
        background: #fff;
    }

    .single-radio label span {
        border-radius: 39px;
        height: 45px;
        width: 100%;
    }

    .single-radio label {
        border-radius: 60px;
        height: 45px;
        margin-left: 0;
        margin-right: 0 !important;
        width: 93%;
    }

    .single-radio img {
        border-radius: 50%;
        max-width: 29px;
    }

    .single-radio .containeres .checkmark::after {
        top: 15px;
    }

    .single-radio {
        margin-right: 0;
        width: 50%;
    }

    .dash-button-fx {
        justify-content: space-between;
    }

    .single-contact-box {
        width: 100%;
    }

    .contact-all-collops button {
        font-size: 18px;
        height: 50px;
    }

    .contact-admin-fl {
        display: block;
    }

    .single-contact-admid {
        width: 100%;
        margin-bottom: 20px;
    }


    .contact-last-top-list {
        display: block;
    }

    .contact-last-top-list a {
        display: block;
        margin-bottom: 10px;
    }

    .aingle-cintact-lest-list-bg {
        display: block;
        margin-bottom: 20px;
    }

    .aingle-cintact-lest-list-bg a {
        display: block;
        margin-bottom: 5px;
    }

    .containeres h5 {
        font-size: 13px;
        margin-left: 3px !important;
    }

    .containeres .checkmark::after {
        top: 20px;
        right: 12px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #e6e6e6;
        z-index: 999;
        display: block;
    }

    .mission-text p {
        font-size: 32px;
    }

    .hero-area.mission-hero {
        height: auto;
    }

    .m-about-containt h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .m-about-containt p {
        font-size: 16px;
        line-height: 26px;
    }

    .m-about-containt a {
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        margin: auto;
        display: inline-block;
    }

    .m-about-containt {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding-bottom: 30px;
    }

    .m-about-img {
        text-align: center;
    }

    .m-about-single-box img {
        width: 100%;
    }

    .emarging-img {
        text-align: center;
        margin-bottom: 30px;
    }

    .emerging-containt h3 {
        font-size: 30px;
    }

    .emerging-containt {
        max-width: 436px;
        margin: auto;
    }

    .single-rapid p {
        font-size: 16px;
    }

    .vision-text {
        margin-bottom: 30px;
    }

    .vision-img img {
        display: inline-block;
    }

    .vision-img {
        display: block;
        text-align: center;
    }


    .hero-action.ttd {
        position: unset;
        max-width: 100%;
    }

    .hero-action h4 {
        font-size: 18px !important;
    }

    .hero-action-fl.bx a {
        width: 46%;
        font-size: 12px;
        line-height: 34px;
    }

    .m-about-area {
        padding-top: 60px;
    }

    .m-about-single-box {
        width: 49%;
    }

    .emerging-containt li a {
        font-size: 16px;
    }

    .rapid-title h3 {
        font-size: 24px;
    }

    .rapid-fl {
        display: block;
        text-align: center;
    }

    .single-rapid {
        margin: auto;
        margin-bottom: 30px;
    }

    .rapid-img {
        display: block;
    }

    .rapid-img a {
        width: 100%;
        margin-bottom: 20px;
    }

    .vision-text h3 {
        font-size: 24px;
    }




    .about-hero-containt h3 {
        font-size: 43px;
        line-height: 35px;
    }

    .about-hero-bottom-menu li a {
        margin: 0 6px;
        font-size: 14px;
    }

    .about-hero-bottom-area {
        height: auto;
        padding: 10px 0;
    }

    .about-hero-containt p {
        font-size: 16px;
        line-height: 26px;
    }

    .bangalur-img {
        height: auto;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        margin-bottom: 40px;
    }


    .single-did-fl {
        /*! height: 163px; */
        display: block;
        height: auto;
        text-align: center;
    }

    .single-did-text.ffd {
        width: 100%;
    }

    .did-ls-text a {
        margin-bottom: 10px;
    }

    .did-ls-text p {
        font-size: 14px;
    }

    .single-did-img {
        width: 100%;
        margin: auto;
        margin-bottom: 18px;
    }

    .single-did-text {
        width: 100%;
    }

    .single-today-fl img {
        width: 100%;
        margin-bottom: 30px;
    }

    .single-today {
        width: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .section-title.text-center p {
        font-size: 14px;
        color: #2A4759;
        font-weight: 400;
        margin: 0;
    }

    .our-log-fl {
        max-width: unset;
        margin-left: auto;
    }

    .coming-text span {
        color: #2A4759;
        font-size: 31px;
        font-weight: 600;
        margin: 0;
    }

    .o1 {
        display: none;
    }

    .coming-text h3 {
        font-size: 21px;
        color: #2A4759;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .single-four {
        margin-bottom: 30px;
    }

    .today-fl {
        display: block;
    }

    .single-today-fl {
        width: auto;
        margin-bottom: 30px;
    }


    .about-bm-img {
        justify-content: center;
        margin-bottom: 40px;
        height: auto;
    }

    .about-containt {
        width: 100%;
        max-width: 100%;
    }

    .o1 {
        display: none;
    }

    .coming-containt {
        height: 159px;
        justify-content: end;
        padding: 0;
        text-align: center;
        background-size: 100% 100%;
        padding-right: 27px;
    }

    .single-did-fl img {
        width: 100%;
    }

    .did-ls-text a img {
        width: auto;
    }

    .facts-img {
        margin-bottom: 20px;
    }

    .four-area {
        padding: 40px 0;
    }

    .our-log-area {
        padding: 40px 0;
    }

    .about-bm-area {
        padding: 40px 0;
    }

    .today-area {
        padding: 40px 0;
    }

    .coming-area {
        padding-bottom: 40px;
    }

    .about-bangalur-area {
        padding: 40px 0;
    }

    .did-know-area {
        padding-top: 40px;
    }

    .facts-area {
        padding: 40px 0;
    }

    .sign-box {
        width: 100%;
        padding: 20px;
        border-radius: 20px;
    }

    .paid-hdn-wp {
        width: 100%;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
        margin-bottom: 20px;
    }

    .pais-si-2 {
        width: 100%;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
    }

    .paid-hd-ri h5 {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .single-data {
        margin-bottom: 13px;
    }

    .paid-hd-ri p {
        font-size: 13px;
    }

    .pad-lf a span {
        font-size: 16px;
    }

    .info-box {
        width: 100%;
        padding: 20px;
        border-radius: 20px;
    }

    .ri-info {
        width: 100%;
        border-radius: 13px;
        padding: 20px;
        margin: auto;
        margin-bottom: 20px;
    }

    .view-btn::after {
        width: 46px;
        right: -62px;
    }

    .view-btn::before {
        width: 46px;
        left: -62px;
    }

    .paid-fx {
        display: block;
        padding-bottom: 40px;
    }

    .box-hdn {
        justify-content: center;
    }

    .info-box-fx {
        display: block;
    }

    .eletro-box {
        width: 100%;
        margin-bottom: 20px !important;
        margin: auto;
    }

    .progrs-box {
        width: 100%;
        background: #fff;
        padding: 15px;
        border-radius: 14px;
        margin: auto;
    }

    .info-bx-hdn p {
        text-align: center;
    }

    .dash-right-wp {
        display: block;
        justify-content: space-between;
    }

    .sign-icon {
        width: 40px;
        margin-bottom: 10px;
    }

    .justA p {
        padding-left: 7px;
    }

    .info-fx {
        display: block;
        margin-top: 23px;
    }

    .info-icn {
        width: 40px;
        margin-bottom: 20px;
    }

    .pad-lf {
        width: 112px;
        height: 71px;
        background: #F1F6FB;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        text-align: center;
        line-height: 21px;
    }


    .dash-popup-hdn h2 {
        font-size: 22px;
    }

    .dash-popup-ct p {
        font-size: 14px;
        line-height: 20px;
    }

    .dash-popup-wra {
        padding-left: 0;
    }

    .modal-content {
        margin: 0 7px;
    }


    /* new */

    .dash-hero-wp h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .niti-ct h3 {
        font-size: 18px;
        line-height: 34px;
    }

    .niti-locking h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .bld {
        width: 191px;
    }

    .noti-hdn-fx h2 {
        font-size: 31px;
    }

    .noti-active .owl-nav button {
        top: -62px;
        font-size: 19px !important;
    }

    .aplication-hdn h3 {
        font-size: 30px;
        line-height: 50px;
    }

    .aplication-area {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .apli-actv .owl-dots {
        bottom: -36px;
    }

    .top-contl-titl h3 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .point-area {
        padding: 20px 0;
    }

    .rtl-header-menu.dash-menu ul li {
        margin-left: 10px;
    }

    .rtl-header-menu.dash-menu ul li a {
        color: #fff;
        font-size: 15px;
    }

    .header-ri-icon.dash-header a {
        margin-left: 20px;
        margin-right: 20px;
    }

    .dash-search input {
        width: 283px;
        height: 41px;
        background: #405F79;
        border: 0;
        border-radius: 35px;
        font-size: 13px;
        color: #CCD7E0;
        padding-left: 47px;
    }

    .niti-wrap {
        width: 100%;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 7px 12px 0 rgba(0, 0, 0, 0.24);
    }

    .niti-btn-wrap a {
        width: 100%;
        height: 40px;
        display: flex;
        border-radius: 37px;
        font-size: 16px;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .niti-ct a {
        font-size: 15px;
        line-height: 24px;
    }

    .niti-ct a span {
        width: 94px;
        height: 30px;
        background: #EFC43A;
        display: inline-block;
        text-align: center;
        line-height: 27px;
        font-size: 15px;
        color: #FFF;
        border-radius: 21px;
        margin-right: 11px;
    }

    .single-inp {
        width: 100%;
        position: relative;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .noti-wds {
        width: 100%;
        margin: auto;
        display: block;
        justify-content: space-between;
    }

    .noti-wrap {
        width: 100%;
        margin: auto;
    }

    .thing-box {
        width: 100%;
        height: 320px;
        border-radius: 20px;
        background: #F2F4F5;
        padding: 20px;
        margin: auto;
        margin-bottom: 30px;
    }

    .single-sli {
        width: 100%;
        border-radius: 15px;
        padding: 18px 14px;
        margin-bottom: 15px;
    }

    .problm-wp {
        width: 100%;
        border-radius: 15px;
        padding: 12px;
        margin-top: 7px;
        margin-bottom: 16px;
    }

    .point-wrap {
        width: 100%;
        margin: auto;
        display: block;
    }

    .single-point {
        width: 100%;
        padding: 15px;
        border-radius: 15px;
        margin: auto;
        margin-bottom: 20px;
    }

    .rason-wrap {
        width: 100%;
        border-radius: 15px;
        padding: 0;
        margin-top: 30px;
    }

    .point-content h4 {
        font-size: 23px;
        line-height: 39px;
    }

    .iten-to ul li {
        margin-right: 13px;
        font-size: 14px;
        line-height: 17px;
    }

    .count {
        width: 38px;
        text-align: center;
    }

    .top-contl-wp {
        width: 100%;
        margin: auto;
    }

    .pt-ct p {
        margin: 0;
        font-size: 13px;
        line-height: 13px;
    }

    .niti-aera {
        margin-top: -153px;
        padding-bottom: 53px;
    }

    .dash-hero-wp h2 span {
        font-size: 30px;
    }

    .dash-hero {
        padding-top: 130px;
        height: 400px;
    }

    .niti-top-fx {
        padding: 25px;
        display: block;
    }

    .noti-ri-fx {
        margin-bottom: 15px;
    }

    .niti-botttom-fx {
        display: block;
        padding: 20px !important;
    }

    .niti-locking {
        width: 310px;
        margin-bottom: 20px;
    }

    .noti-single {
        width: 100%;
        padding: 15px;
        border-radius: 15px;
        margin-bottom: 20px;
    }

    .tab-slid-actv {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .niti-btn-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: start;
    }

    .dash-bar a {
        font-size: 20px;
        color: #fff;
    }

    .bb-stcky.scroll-header .dash-bar a {
        color: #000;
    }

    .niti-img img {
        max-width: 51px;
    }

    .niti-lf-fx {
        display: block;
        align-items: center;
    }

    .single-inp input {
        width: 100%;
        border: 0;
        height: 43px;
        font-size: 13px;
        padding-left: 15px;
        padding-right: 30px;
        border-radius: 50px;
    }

    .niti-slct .nice-select {
        width: 100% !important;
        height: 43px;
        background: #fff;
        border-radius: 35px;
        line-height: 40px;
        font-size: 14px;
        color: #2A4759;
    }

    .niti-slct {
        width: 100%;
        display: inline-block;
    }

    .dash-search {
        position: relative;
        display: none;
    }

    .apli-tab {
        display: flex;
        width: 100%;
        justify-content: start;
        border-bottom: 1px solid #DDE0E4;
        margin: auto;
        margin-bottom: 25px;
    }

    .icn-tb a {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        font-size: 12px;
    }

    .ctnt p {
        font-size: 13px;
        line-height: 19px;
    }

    .numbr {
        margin-right: 10px;
    }

    .icn-tb {
        margin-right: 10px;
    }

    .icn-img img {
        max-width: 29px;
    }

    .rop-ct-hdn-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .apli-link {
        padding: 9px 30px;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .noti-active .owl-prev {
        right: auto !important;
        left: 88%;
    }

    .dash-bar {
        display: block;
    }


    /* new */








    .resolve-wrap {
        width: 100%;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .rrsolve-area {
        background: #F6F7F8;
        height: 100%;
    }

    .resolve-single {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

    .rrsolcve-single-itevm {
        width: 100%;
    }

    .electroc-fx {
        width: 100%;
        border-radius: 15px;
        padding: 15px 20px;
        margin-top: 30px;
        display: block;
    }

    .resolve-fx {
        display: block;
        justify-content: space-between;
    }

    .resolve-single::before {
        display: none;
    }

    .resolve-title h3 {
        font-size: 25px;
    }

    .single-rtn a img {
        max-width: 29px;
    }

    .rating-fx {
        width: 291px;
        display: flex;
        justify-content: space-between;
    }

    .resolve-btn {
        width: 161px;
        margin: auto;
        margin-top: 40px;
    }

    .resolve-btn a {
        height: 44px;
    }


    .login-left {
        height: 635px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .login-containt h3 {
        font-size: 26px;
        color: #FFFFFF;
        font-weight: 700;
        margin-bottom: 50px;
    }

    .login-inner.logins {
        padding-top: 0;
    }

    .cl-time {
        display: none;
    }

    .login-titlee h3 {
        font-size: 27px;
        color: #2A4759;
        font-weight: 700;
    }

    .vari-area-text p {
        font-size: 16px;
        color: #2A4759;
        font-weight: 400;
    }

    .single-reg {
        display: block;
    }

    .reg-btn {
        margin-bottom: 20px;
    }

    .login-service {
        margin-bottom: 30px;
    }

    .service-menu ul li {
        display: inline-block;
        margin-right: 12px;
    }



    .profile-fl {
        display: block;
    }

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

    .profile-right {
        width: 100%;
    }

    .single-par-fl {
        width: 100%;
    }

    .parsonal-form-fl {
        display: block;
    }


    .licen-wrap {
        width: 100%;
    }

    .add-li-ti h3 {
        font-size: 25px;
        line-height: 35px;
    }

    .otp-btn button {
        font-size: 13px;
        font-weight: 700;
        width: 150px;
        height: 45px;
        border-radius: 10px;
        margin-top: 8px;
    }

    .lic-box {
        width: 360px;
        padding: 20px 20px;
        background: #fff;
        border-radius: 16px;
    }

    .problm-wp.td-li {
        width: 316px;
    }

    .single-form-input.otp {
        width: 100%;
        margin: auto;
    }

    .poper-slct .nice-select {
        font-size: 13px;
    }

    .poper-slct .nice-select::after {
        border-bottom: 3px solid #2A4759;
        border-right: 3px solid #2A4759;
        height: 11px;
        margin-top: -4px;
        right: 25px;
        width: 11px;
    }

    .single-form-input.lic-inp {
        margin-top: 28px;
    }

    .licen-fx-wd {
        width: 100%;
        background: #fff;
        padding: 29px;
        border-radius: 20px;
    }

    .elc-box {
        width: 100%;
        padding: 10px 15px;
    }

    .elc-box p {
        font-size: 14px;
        color: #2A4759;
        line-height: 17px;
        max-width: 400px;
        margin: 0;
        margin-left: 10px;
    }

    .licen-fx {
        display: block;
        justify-content: space-between;
    }

    .singl-licen::before {
        display: none;
    }

    .singl-licen {
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

    .single-li-item {
        width: 100%;
    }

    .licen-wrap {
        width: 100%;
        height: 100%;
    }

    .licen-area.my-tran .licen-wrap {
        padding: 20px 15px;
    }

    .licen-title h2 {
        margin: 0;
        font-size: 17px;
        color: #2A4759;
        font-weight: 700;
        line-height: 39px;
    }

    .downloas-btn-fx {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px;
    }

    .upload-bt-fx {
        display: block;
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

    .up-wd {
        width: 100%;
        padding: 16px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .social-area.social-sc {
        padding-top: 40px;
        padding-bottom: 40px;
        background: #F2F4F5;
    }


    .application-btn a {
        width: 200px;
        height: 50px;
        line-height: 45px;
        border-radius: 10px;
        font-size: 15px;
        font-weight: 700;
        transition: .3s;
    }

    .trans-area {
        padding-top: 40px;
        padding-bottom: 40px;
        background: #F6F7F8;
    }

    .trans-active .owl-dots {
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: auto;
    }

    .proparty-singsle-item {
        width: 100%;
    }

    .proparty-header-fx {
        display: block;
        justify-content: space-between;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    .po-single-btn a {
        width: 100%;
        height: 50px;
        border: 2px solid #C8C8C8;
        border-radius: 42px;
        padding-left: 21px;
        font-size: 14px;
    }

    .single-header-po {
        margin-bottom: 10px;
    }

    .po-box-lf span {
        font-size: 9px;
        color: #627886;
        line-height: 18px;
        margin-bottom: 10px;
        display: block;
    }

    .po-clr-bt {
        font-size: 9px;
        color: #2E475F;
        font-weight: 500;
        width: 141px;
        background: #FEA079;
        height: 20px;
        display: inline-block;
        text-align: center;
        line-height: 19px;
        border-radius: 6px;
        margin-left: 10px;
    }

    .po-box-lf h5 {
        font-size: 14px;
        line-height: 24px;
        color: #2E475F;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

    .proparty-box-fx {
        display: block;
        justify-content: space-between;
    }

    .po-vox-ri {
        height: 78px;
        width: 124px;
        border-radius: 10px;
        margin: auto;
        margin-top: 10px;
    }

    .pr-bottom-bt::before {
        width: 58px;
        left: -69px;
    }

    .pr-bottom-bt::after {
        width: 57px;
        right: -68px;
    }

    .po-single-btn {
        position: relative;
        width: 100%;
        height: 50px;
    }


    .faq-collaps button {
        white-space: initial;
        /* height: auto; */
        /* padding-top: 15px; */
        /* padding-bottom: 15px; */
        font-size: 16px;
    }

    .faq-title h3 {
        font-size: 24px;
    }

    .faq-collaps {
        padding: 11px;
    }

    .faq-collaps .card {
        border-radius: 10px;
    }

    .faq-collaps button {
        padding-left: 15px;
        padding-right: 15px;
        height:auto;
    }

    .faq-collaps .card-body {
        padding: 0 15px;
    }

    .card-body p {
        font-size: 13px;
    }

    .single-con-not li {
        font-size: 13px;
    }

    .about-hero-bottom-area.scroll-header {
        position: fixed;
        background: #fff;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 9999;
        -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
        transition: .3s;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        top: 58px;
        left: 0;
        right: 0;
    }

    .rtl-header.color-about.last-about-hdr.scroll-header .off-bar {
        color: #000 !important;
    }


    .quick-right {
        width: 558px;
        background: #F5F5F5;
        border-radius: 20px;
        padding: 20px;
        position: relative;
        margin-bottom: 15px;
    }

    .dash-menu li a {
        height: 40px;
        padding-left: 30px;
        padding-right: 19px;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 36px;
    }

    .quick-mid {
        padding-top: 30px;
    }

    .quick-right {
        width: 100%;
        background: #F5F5F5;
        border-radius: 18px;
        padding: 15px;
        position: relative;
        margin-bottom: 15px;
    }

    .quick-fx {
        display: block;
        align-items: start;
        justify-content: space-between;
        max-width: 100%;
    }

    .mobile-single-item p {
        font-size: 10px;
        line-height: 15px;
    }

    .mobile-single-item a {
        font-size: 12px;
        line-height: 19px;
    }

    .name-singl-wp p {
        font-size: 10px;
        line-height: 15px;
        margin-bottom: 0;
    }

    .name-singl-wp a {
        font-size: 11px;
        line-height: 19px;
    }

    .name-singl-wp h5 {
        font-size: 12px;
        line-height: 19px;
    }

    .mobile-single-item h5 {
        font-size: 12px;
        line-height: 19px;
    }

    .quick-icn {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
    }

    .quick-icn a {
        width: 39px;
        height: 34px;
        background: #DDDDDD;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        border-radius: 20px 0px 26px 0px;
        font-size: 13px;
    }

    .mb-bt {
        margin-top: 4px;
    }

    .quick-img {
        width: 40px;
        height: 40px;
        margin-bottom: 12px;
    }

    .fb-back-wrap {
        max-width: 100%;
        padding: 20px;
    }

    .fb-back-title {
        margin-bottom: 25px;
    }

    .otp-textarea textarea {
        width: 100%;
        border: 2px solid #E9E9E9;
        border-radius: 10px;
        padding: 9px;
        font-size: 16px;
        height: 91px;
        font-size: 13px;
        color: #627886;
    }

    .otb {
        background: #DADADA !important;
        margin-top: 0 !important;
        margin-right: 0;
    }

    .licen-title h2 span {
        width: 30px;
        height: 30px;
        background: #E1C4F8;
        font-size: 13px;
        display: inline-block;
        line-height: 31px;
        border-radius: 33px;
    }

    .otp-nmbr p {
        font-size: 14px;
        color: #2A4759;
        line-height: 24px;
        margin-bottom: 11px;
    }

    .fb-back-wrap.box-fb-last {
        max-width: 100%;
        padding: 20px 20px;
    }

    .fab-back-btn a {
        width: 117px;
        height: 42px;
        border-radius: 40px;
        font-size: 14px;
        margin-bottom: 21px;
        margin-right: 10px;
    }

    .fb3 {
        width: 147px !important;
    }

    .fb4 {
        width: 138px !important;
    }

    .fb5 {
        width: 108px !important;
    }

    .fb6 {
        width: 176px !important;
    }

    .fb7 {
        width: 153px !important;
    }

    .fb8 {
        width: 100% !important;
    }

    .fb7 {
        width: 100% !important;
    }

    .fb9 {
        width: 100% !important;
        background: #FFDEDE !important;
    }

    .fb10 {
        width: 100% !important;
        background: #EAEDEF !important;
    }

    /*    ABT-PAGE*/

    .about-account {
        max-width: 100%;
        margin: auto;
    }

    .account-service-wrap {
        width: 100%;
        margin: auto;
    }

    .accoun-service-title h2 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 40px;
    }

    .account-service-btn-wp a {
        padding: 0;
        border-radius: 47px;
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .account-service-ri {
        width: 100%;
        margin: auto;
        margin-top: 16px;
    }

    .account-service-img {
        width: 58px;
        height: 50px;
        margin-right: 15px;
    }

    .role-content h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .account-service {
        padding-bottom: 50px;
    }

    .account-service-box-title h2 {
        font-size: 30px;
    }

    .role-fx {
        display: block;
        align-items: start;
        justify-content: space-between;
        width: 100%;
        margin: auto;
    }

    .organis-area {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .contact-iunfo-box {
        padding: 30px 30px;
        width: 100%;
        margin: auto;
    }

    .conttact-info-single-box {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 25px !important;
    }

    .contact-info-img {
        margin-right: 10px;
    }

    .order-active .slick-dots {
        position: absolute;
        bottom: -51px;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center;
    }

    .single-radio.rd-3 .containeres {
        width: 202px !important;
        height: 120px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .know-more {
        padding: 50px 0;
    }

    .mental-area {
        padding: 50px 0;
        background: #F0F7FF;
    }

    .citizen-active .slick-dots {
        bottom: -34px;
    }

    .achive-area {
        padding-top: 50px;
        padding-bottom: 110px;
    }

    .achive-lf {
        width: 100%;
        margin-bottom: 0;
    }

    .achive-ri {
        width: 43.5%;
    }

    .account-header {
        width: 100%;
        padding-top: 50px;
        padding-bottom: 70px;
    }

    .header-text h1 {
        font-size: 30px;
        line-height: 50px;
        margin: 0;
    }

    .single-account {
        width: 48%;
        margin-bottom: 28px;
    }

    .account-menu ul li a {
        font-size: 14px;
    }

    .about-account h2 {
        margin-bottom: 14px;
        font-size: 28px;
        line-height: 34px;
    }

    .about-account-area {
        padding-top: 65px;
        padding-bottom: 39px;
    }

    .account-service-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .account-service-lf {
        width: 100%;
    }

    .role-left-wrap {
        width: 100%;
    }

    .role-ri {
        width: 100%;
        margin-top: 25px;
    }

    .order-single-box {
        display: flex;
        align-items: center;
        width: 100%;
        background: #fff;
        padding: 20px;
        border: 2px solid #E5E8EB;
        border-radius: 8px;
        margin-bottom: 20px !important;
    }

    .order-single-box.od-mr {
        margin-top: 0;
    }

    .lnow-more-fx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        margin: auto;
        flex-wrap: wrap;
    }

    .citizen-fx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .citizen-single-wrap {
        width: 100%;
        padding: 30px 20px;
        border-radius: 15px;
        margin-bottom: 25px;
    }

    .action-wrap {
        margin-bottom: 20px;
    }

    .achive-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        margin: auto;
    }

    .achive-ri {
        width: 43.5%;
        display: none;
    }

    .achive-img.mbl-p {
        display: block;
    }

    .single-account span {
        font-size: 23px;
        line-height: 33px;
        font-weight: 700;
        margin-bottom: 5px;
    }

    .header-text {
        text-align: center;
        margin-bottom: 14px;
    }

    .account-menu ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 100%;
        margin: auto;
        border-bottom: 3px solid #ddd;
        flex-wrap: wrap;
    }

    .organis-title h2 {
        margin: 0;
        font-size: 30px;
        line-height: 50px;
    }

    .organis-wrap {
        max-width: 100%;
        margin: auto;
    }

    .organi-tp-bdr {
        display: none;
    }

    .organis-btm-fx {
        display: block;
        align-items: center;
        justify-content: space-between;
    }

    .organis-single-box {
        width: 100%;
        text-align: center;
        margin: auto;
        text-align: center;
    }

    .organis-box-top a {
        margin: auto;
    }

    .organis-fda-single a {
        margin: auto;
    }

    .org-bdr span {
        width: 169px;
    }

    .organis-admin-top-wp a {
        height: 60px;
        width: 100%;
    }

    .contact-info-title h2 {
        font-size: 30px;
        margin: 0;
        line-height: 33px;
    }

    .contact-info {
        padding: 49px 0;
        background: #FFEBEB;
    }

    .order-title h2 {
        font-size: 24px;
    }

    .order-area {
        padding: 32px 0;
    }

    .know-more-title h2 {
        font-size: 25px;
    }

    .know-more-siingle-box .single-radio label span {
        height: 120px;
    }

    .know-more-siingle-box {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .action-title h2 {
        font-size: 30px;
    }

    .mental-title h2 {
        font-size: 27px;
    }

    .achive-content h2 {
        font-size: 27px;
        color: #2A4759;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 5px;
        margin-top: 40px;
    }

    .cros {
        position: absolute;
        top: 0px;
        right: 30px;
    }

    .fb-sp {
        display: none;
    }



    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 105px;
        width: 165px;
        background-color: #ffffff;
        border-radius: 20px;
        border: 2px solid #627886;
    }



    .chat-select.fl .radiobtn {
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .book-box {
        width: 100%;
    }

    .dfg-fl {
        flex-wrap: wrap;
    }

    .bok-fl {
        margin-right: 0;
    }



    .note-modal {
        padding: 40px 40px;
    }



    .note-btn {
        display: block;
    }

    .note-btn a {
        width: 100% !important;
        margin-bottom: 10px !important;
        margin-right: 0;
        margin-left: 0;
        font-size: 15px !important;
        padding: 0 15px;
    }


    .noty-das {
        display: block;
    }

    .noty-dash-left {
        width: 100%;
        margin-bottom: 30px;
    }

    .noty-dash-ri {
        width: 100%;
    }

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


    .noty-containt h3 {
        font-size: 50px;
    }

    .noty-containt p {
        font-size: 16px;
    }

    .noty-hero-area {
        height: 500px;
    }

    .noty-area {
        padding: 50px 0;
    }

    .noty-title h3 {
        font-size: 34px;
    }

    .noty-top {
        display: block;
    }

    .noty-select {
        width: 100%;
    }

    .single-noty {
        display: block;
    }

    .noty-ri a {
        justify-content: end;
    }

    .noty-link a {
        font-size: 17px;
    }

    .listing-hero-text h3 {
        font-size: 31px;
    }

    .lica-area {
        display: block;
        height: auto;
        padding: 20px;
        text-align: center;
        margin-bottom: 48px;
    }

    .lica-area h3 {
        margin-bottom: 20px;
        margin-right: 0;
        font-size: 25px;
    }

    .lica-area .noty-search {
        width: 100%;
    }

    .listing-area {
        margin-top: -115px;
    }

    .list-title h3 {
        font-size: 25px;
    }

    .single-news.list {
        display: block;
    }

    .news-list-men-btn {
        margin-bottom: 50px;
    }

    .listing-hero-area.hht {
        height: 426px;
    }

    .listing-hero-area.hht p {
        font-size: 16px;
    }



    .privacy-area {
        padding-top: 20px;
    }

    .privacy-title h3 {
        font-size: 35px;
    }

    .privacy-title {
        margin-bottom: 35px;
    }

    .single-privacy h3 {
        font-size: 27px;
    }

    .down-ri a {
        height: 50px;
        padding: 0 20px;
    }


    .single-down {
        height: auto;
        padding: 20px;
        display: block;
    }

    .down-left {
        margin-bottom: 20px;
    }

    .desk-offcanva-2 {
        width: 343px;
        height: 100%;
        position: fixed;
        background: #fff;
        z-index: 99999;
        right: -100%;
        transition: .3s;
    }

    .about-ofcanv {
        position: fixed;
        width: 308px;
        background: #2D475D;
        z-index: 9999999999999;
        padding: 16px;
        border-radius: 0;
        right: -100%;
        top: 0;
        transition: .3s;
        height: 100vh;
        overflow: scroll;
    }

    .bbmp-mison-foo-tx h5 {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: 500;
        margin-bottom: 12px;
    }

    .bbmp-mison-foo-tx {
        margin-top: 18px;
        padding-bottom: 11px;
        border-bottom: 1px solid #364F64;
        margin-bottom: 4px;
    }

    .about-off-fx {
        display: block;
        align-items: start;
        justify-content: space-between;
        padding-bottom: 25px;
        border-bottom: 1px solid #3A5367;
        margin-bottom: 16px;
    }

    .sudb-canva .submenu {
        position: fixed;
        width: 92%;
        background: #2D475D;
        left: -100%;
        transform: unset;
        z-index: 9999999;
        top: 0;
        padding: 34px 90px 34px 35px;
        opacity: 1;
        visibility: visible;
        transition: .3s;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        transition: .3s;
    }

    .submenu-left ul li a {
        margin: 0;
        display: block;
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        line-height: 24px;
        padding: 3px 0 3px 20px;
    }

    .sudb-canva .submenu .submenu-ri .accordion .card .card-header h2 {
        margin-left: 0px;
    }

    .sudb-canva .submenu .submenu-ri .row::after {
        width: 385px;
        bottom: 0;
        right: -40px;
    }

    .submenu-fx {
        display: block;
        align-items: start;
        justify-content: space-between;
    }

    .sub-mail {
        padding-top: 9px;
        margin-top: 9px;
    }

    .sub-mail {
        padding-left: 0px;
    }

    .submenu-left {
        width: 100%;
        margin-bottom: 33px;
    }

    .sub-icn a {
        margin: 0 !important;
        padding: 0 !important;
        width: auto !important;
        height: auto !important;
        margin-right: 10px !important;
        margin-top: 10px !important;
    }

    .sudb-canva .submenu .submenu-left ul {
        position: relative;
        padding: 10px 0;
    }

    .submenu-left ul li a:hover {
        background-color: #203342;
        color: #F0DE69 !important;
        border-radius: 8px;
    }

    .sudb-canva .submenu .submenu-left ul::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 385px;
        bottom: 3px;
        right: 0px;
        border: 0.5px solid #395166;
    }

    .sub-fi {
        display: block;
        align-items: start;
        justify-content: space-between;
    }

    .sub-fi {
        padding-bottom: 17px;
        margin-bottom: 11px;
        border-bottom: 1px solid #3B5368;
    }

    .submenu.active {
        left: 0;
    }

    .submenu-left span {
        padding-left: 20px;
    }

    .submenu-ri {
        margin-left: 20px;
    }

    .sub-title p {
        font-size: 16px;
        color: #9CA0A4 !important;
        font-weight: 500;
        margin-bottom: 2px;
        font-weight: 600;
    }

    .about-crs {
        position: absolute;
        left: 239px;
        top: 26px;
        z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999;
        overflow: unset;
    }

    .sub-ofcanva-2 .submenu {
        position: fixed;
        opacity: 1;
        visibility: visible;
        top: 0;
        left: -100%;
        width: 335px;
        z-index: 999999999999999999;
        transition: .3s;
        height: 100%;
        transform: unset;
    }

    .submenu.active {
        left: 0;
    }

    .city-area.contact .city-lf-box {
        width: 340px;
        height: 100%;
        margin: auto;
    }

    .submenu.ppor {
        padding: 27px;
    }



}





/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .up-wd {
        width: 200px;
        padding: 16px 20px;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .single-dwn-bt a {
        width: 231px;
    }

    .single-dwn-bt {
        margin-right: 10px;
    }




    .bpa-card .bpa-header .media-body h4 {
        margin-bottom: 10px;
    }

    .bpa-title {
        padding: 15px 0;
    }

    .card-permission .title-card {
        flex-direction: column;
        align-items: flex-start;
    }


}

@media(max-width: 575px) {
    .sudb-canva .submenu .submenu-left ul::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 200px;
        bottom: 3px;
        right: 65px;
        border: 0.5px solid #395166;
    }

    .sudb-canva .submenu .submenu-ri .row::after {
        width: 210px;
        bottom: 0;
        right: 135px;
    }

    .sudb-canva .submenu {
        padding: 30px;
    }

    .sudb-canva .submenu .submenu-ri .accordion .card .card-body ul li a {
        font-size: 14px;
        line-height: 16px;
    }

    .box-hfn2 {
        flex-wrap: wrap;
    }

    .box-hfn2 .sing-hdn {
        flex: 0 0 50%;
        max-width: 100%;
        margin: 0 0 10px;
    }

    .app-card {
        padding: 10px;
    }

    .info-wrap .media-body h3.inline-flex,
    .media-box h3 {
        font-size: 16px;
        line-height: 1.2;
    }

    .bpa-card .bpa-header .media-body h4 {
        margin-bottom: 10px;
    }

    .flow-filter {
        flex-direction: column;
        align-items: flex-start;
    }

    .flow-filter .form-control {
        margin: 10px 0 0;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn {
        white-space: nowrap;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn img,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn img {
        position: relative;
        top: 0;
    }

    .rtl-header-menu ul li .hovermenu .hovermenu-ri .accordion .card .card-header .btn span,
    .sudb-canva .submenu .submenu-ri .accordion .card .card-header .btn span {
        flex: inherit;
    }
}

@media(max-width: 374px) {
    .sudb-canva .submenu .submenu-left ul::after {
        right: 38px;
    }
}
/* BBMP - FAQs - 3  resp start*/
@media (max-width: 991px) {
    .faq-tab-list .apli-tab{
        width: auto;
    }
    .faq-3-collaps .card:nth-child(8) .single-list-con ul{
        padding-left: 30px;
    }
    .faq-3-collaps .card:nth-child(8) .single-list-con ul li:before{
        padding-right: 16px;
    }
    .faq-3-collaps .card:nth-child(8) .single-list-con h3 span{
        padding-right: 10px;
    }
    .faq-3-collaps .card:nth-child(8) .single-list-con h3{
        padding-left: 12px;
    }
    .faq-3-collaps .btn-link{
        font-size: 18px;
    }
    .faq-3-tabs .niti-slct{
        width: 264px;
    }
}
@media (max-width: 767px) {
.faq-3-tabs .single-inp{
    margin-bottom: 0;
}
.faq-3 .faq-3-drop-down{
    display: block;
    padding-right: 30px;
}
.faq-3-tabs .niti-slct{
    margin-bottom: 10px;
    width: 100%;
}
.faq-3-collaps .card:nth-child(8) .single-list-con h3{
    text-align: center;
}
.faq-3-tabs .tab-pane{
    display: block;
}
.faq-3-tabs .single-inp{
    padding: 0px 30px;
}
.faq-3-tabs .single-inp span{
    right: 46px;
}
}
@media (max-width: 575px) {
    .faq-3-collaps .btn-link{
        font-size: 12px;
    }
    .faq-3-collaps button{
        padding: 0px 11px !important;
    }
    .faq-3-collaps .card:nth-child(8) .single-con-not, .faq-3-collaps .problem-si{
        display: block;
    }
    .faq-3-collaps .card:nth-child(8) .single-con-not .problm-wp{
        margin: 0;
        margin-bottom: 10px;
    }
    .faq-3-collaps .single-list-con p{
        padding-left: 0;
    }
}
    @media (max-width: 375px){
        .faq-collaps .card-body{
            padding: 0 !important;
        }
}
/* BBMP - FAQs - 3  resp end*/
/* organization chart resp start */
@media (max-width: 1199px) {
    .organization-area .tree{
        overflow-x: scroll;
        width: 100%;
        max-width: 100%;
        white-space: nowrap;
        overflow-y: hidden;
    }
}
/* organization chart resp end */