@media only screen and (max-width: 1190px) {
    .intro .content {
        padding-top: 54px;
    }

    .intro .pic img {
        width: 500px;
    }

    .intro .content h1 {
        width: 70%;
    }

    .main-header .upper-header .main-menu ul li a {
        font-size: 12px;
    }

    .main-header .upper-header .otlob {
        width: 140px;
    }

}

@media only screen and (max-width: 990px) {
    .mainHeader .afterLogin li.otlob {
        width: 130px;
    }

    li.userInfo {
        margin-top: 16px;
    }

    .mainHeader .theHeader .logo img {
        width: 200px;
        text-align: center;
        display: block;
        float: none;
        margin: 0 auto;
    }

    .mainIntro .content {
        top: 22%;
    }

    .mainIntro .pic img {
        height: auto !important;
        object-fit: fill !important;
    }

    .mainSearchBar {
        width: 100%;
        border-radius: 12px;
    }

    .mainSearchBar hr {
        margin: 10px;
    }

    .main-header .upper-header hr {
        display: none;
    }

    .intro .content {
        padding-top: 10px;
    }

    .intro {
        padding: 20px 0px;
    }

    .intro .pic {
        position: relative;
        left: 0px;
        top: 40px;
        margin-top: 30px;
        float: right;
        width: 100%;
    }

    .intro .pic img {
        display: block;
        margin: 0 auto;
        margin-bottom: 50px;
        height: 310px;
    }

    .intro .content p, .intro .content h1 {
        width: 100%;
    }

    .chat-section .chat-messages form input {
        width: 100%;
    }

    .chat-section .chat-messages form .record {
        left: 55px;
    }

    .chat-section .chat-users .pic {
        width: 45px;
        height: 55px;
        float: right;
        margin-left: 0px;
    }

    .chat-section .chat-users .description {
        width: 73%;
    }

    .chat-section .col-md-4 {
        padding: 0px;
    }

    .chat-section .chat-messages .one, .chat-section .chat-messages .two {
        width: 80%;
    }

    .package-page .head-of p {
        width: 100%;
    }

    .electronic-financing-application .all-data .add_form_field {
        position: absolute;
        top: 40px;
        left: 20px;
    }

    .electronic-financing-application .all-data .delete {
        display: block;
        float: right;
        width: 100%;
        margin-right: 0px;
    }

    .electronic-financing-application .all-data .custom-2 {
        width: 65% !important;
    }

    .electronic-financing-application .all-data .all-pics-data .file {
        width: 70px;
    }

    .request-realState .bar-container:after {
        right: 90px;
    }


}

@media only screen and (max-width: 767px) {
    .main-header .upper-header .logo img {
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .main-header .upper-header .afterLogin ul {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .main-header .upper-header .main-menu {
        display: none;
    }

    .main-header .upper-header .afterLogin .notification .dropdown-menu {
        left: -89px;
    }

    .main-header .nav-menu {
        margin-top: 15px;
    }

    .intro .content form select {
        border: 1px solid #e6e8f0;
    }

    .main-header .upper-header .afterLogin .dropdown-menu li {
        text-align: right;
    }

    .main-header .upper-header .afterLogin .hidden-xx {
        display: inline-block;
    }

    .main-header .upper-header .beforeLogin .hidden-xx {
        display: inline-block !important;
    }

    .main-header .upper-header .afterLogin ul {
        margin-bottom: 0px;
    }

    .main-header .upper-header .afterLogin .before {
        display: block;
        margin: 0 auto;
        float: none;
        margin-bottom: 10px;
    }

    .one-realState ul li {
        margin-left: 10px;
    }

    .one-realState h2 {
        font-size: 20px;
    }

    .one-realState h6 {
        font-size: 12px;
    }

    .one-realState .name, .one-realState h4 {
        font-size: 12px;
    }

    .exclusive-realState .head-of h3 a {
        font-size: 12px;
    }

    .one-realState .mainPic {
        height: 180px;
    }

    .banner-app .pic {
        display: none;
    }

    .footer {
        text-align: center;
    }

    .footer .copyright, .footer hr {
        display: none;
    }

    .banner-app .content .download img {
        width: 120px;
    }

    .about-intro .content p {
        font-size: 14px;
        line-height: 25px;
        font-weight: bolder;
    }

    .about-intro .content h4 {
        width: 100%;
        font-size: 18px;
        line-height: 30px;
    }

    .about-intro .the-intro p {
        text-align: center;
    }

    .about-us .content h5 {
        width: 100%;
    }

    .terms-conditions .content h2 {
        width: 100%;
    }

    .login-page form .vip {
        width: 100%;
    }

    .notifications-page .one .content {
        width: 100%;
        text-align: center;
    }

    .notifications-page .one .pic {
        display: block;
        margin: 0 auto;
        float: none;
    }

    .chat-section .chat-messages .one, .chat-section .chat-messages .two {
        width: 80%;
    }

    .chat-section .chat-content {
        padding-left: 0px;
    }

    .chat-section .chat-messages form input {
        width: 100%;
    }

    .chat-section .chat-messages form .record {
        left: 55px;
    }

    .realState-section .filter input {
        width: 100%;
    }

    .realState-section .filter select {
        width: 100%;
        margin-top: 10px;
    }

    .realState-section .filter .confirm {
        width: 250px;
        margin-top: 10px;
        display: inline-block;
        float: left;
    }

    .realState-section .filter .icon {
        margin-top: 10px;
    }

    .realState-section .about {
        text-align: center;
    }

    .realState-section .about form {
        float: none;
    }

    .realState-section .map {
        margin-bottom: 100px;
        margin-top: 30px;
    }

    .road {
        margin: 10px 0px;
    }

    .realstate-details .upper .info {
        text-align: center;
    }

    .realstate-details .upper .share {
        float: none;
        margin-top: 0px;
        margin-left: 0px;
        text-align: center;
        margin-bottom: 30px;
    }

    .realstate-details .left-info .with-finance a {
        width: 100% !important;
    }

    .realstate-details :is(th, td):not(:first-child) {
        text-align: right;
    }

    .realstate-details :is(th, td) img {
        margin-left: 40px;
    }

    .realstate-details :is(th, td) span {
        font-size: 12px;
    }

    .main-profile .tab-content {
        margin-top: 30px;
    }

    .main-profile .tab-content .account-setting form .confirm button {
        width: 150px;
    }

    .package-page .accordion:after {
        position: relative;
        left: -50px;
        top: -10px;
        background-color: #fff;
    }

    .banner-app {
        text-align: center;
    }

    .request-realState .bar-container:after {
        width: 70%;
    }

    .request-realState .all-data #regForm label {
        font-size: 9px;
    }

    .request-realState .all-data #regForm .custom input, .request-realState .all-data #regForm .request-requires .one {
        width: 155px;
    }

    .package-page .accordion {
        padding-left: 60px;
    }

    .mainHeader .theHeader .afterLogin .hidden-xx i {
        font-size: 14px;
        line-height: 25px;
    }

    /*.mainHeader .theHeader .afterLogin ul .addAd {*/
    /*    width: 100px;*/
    /*}*/
    .mainHeader .theHeader .afterLogin ul li {
        margin-left: 4px;
        margin-bottom: 6px;
    }

    .mainHeader .theHeader .mainMenu ul {
        display: none;
    }

    .mainHeader .theHeader .afterLogin .dropdown-menu {
        left: 0px;
        right: auto;
    }

    .mainSearchBar {
        width: 90%;
    }

    .mainSearchBar form .one {
        width: auto;
    }

    .mainSearchBar form .one select {
        font-size: 12px;
    }

    .mainIntro {
        margin-top: -80px;
        display: block;
        height: auto;
        padding: 100px 0px;
    }

    .mainIntro .content {
        width: 100% !important;
    }

    .mainIntro .introSlider .owl-dots {
        top: 50px;
    }

    .mainIntro .content h2 {
        font-size: 18px;
        margin-top: 0px;
    }

    .mainIntro .content h4 {
        font-size: 22px;
    }

    .mainIntro .content .links a {
        width: 150px;
    }

    .hidden-xx {
        display: inline-block !important;
        margin-top: 15px;
    }

    .mainSearchBar form button {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .mainSearchBar form {
        display: block;
    }

    .mainSearchBar hr {
        display: none;
    }

    .mainSearchBar form .one {
        margin-bottom: 12px;
    }

}

@media only screen and (max-width: 500px) {
    .intro .pic {
        margin-top: -300px;
    }

    .intro .content form {
        margin-top: 12px;
        padding-top: 3px;
    }

    .realState-grid .content .name h5 {
        margin-bottom: 20px;
    }

    .realState-grid .content .price h6 {
        float: right;
        width: 100%;
    }

    .realState-grid .content .price h4 {
        float: right;
        display: inline-block;
    }

    .realState-grid .content .price h6 {
        float: right;
        display: inline-block;
        margin-top: 5px;
        width: auto;
        margin-right: 20px;
    }

    .realState-grid .pic img {
        height: 160px;
    }

    .intro .content h1 span {
        font-size: 20px;
    }

    .one-realState ul {
        padding-right: 0px;
    }

    .one-realState ul li {
        font-size: 10px;
        margin-left: 5px;
    }

    .one-realState ul li img {
        margin-left: 0px;
    }

    .one-realState .mainPic {
        height: auto;
    }

    .realState-section .filter .confirm {
        width: 220px;
    }

    .electronic-financing-application .all-data .all-pics-data .file {
        width: 50px;
    }

    .electronic-financing-application .all-data .custom-1, .electronic-financing-application .all-data .custom-2 {
        float: right;
        width: 100% !important;
    }

    .electronic-financing-application .all-data .add_form_field {
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .main-profile .tab-content .account-setting form .confirm button {
        width: 100%;
        margin-top: 20px;
    }

    .package-page .accordion:after {
        top: -2px;
    }

    .electronic-financing-application .all-data input {
        width: 100% !important;
    }

    .electronic-financing-application .all-data .uploading-2 .upload-btn-wrapper .btn {
        left: -30px !important;
    }

    .electronic-financing-application .all-data .all-pics-data .file {
        width: 45px;
    }

    .realState-grid .content .name a {
        font-size: 10px;
    }

    .realState-grid .content .name h5 {
        font-size: 9px;
    }

    .realState-grid .content .price h6 {
        margin-right: 0px;
        font-size: 10px;
    }

    .realState-grid ul li {
        margin-right: 5px;
        margin-left: 6px;
        font-size: 10px;
    }

    .realState-grid ul li img {
        margin-left: 2px;
    }

    .realState-grid .company {
        font-size: 9px;
        text-align: center;
    }

    .realState-grid .company img {
        display: block;
        margin: 0 auto;
        margin-bottom: 5px;
    }

    .financing-request .custom-table .table-header > div, .financing-request .custom-table .table-row > div {
        font-size: 10px;
    }

    .realState-grid .content .price h4 {
        margin-left: 10px;
    }

    .mainIntro .pic img {
        height: 500px;
    }


    .AddAd .all-data {
        width: 100%;
    }

    .AddAd .all-data .oneCard .content {
        text-align: center;
    }

    /*.mainHeader .theHeader .afterLogin ul .addAd {*/
    /*    width: 100%;*/
    /*}*/
    .modal-sm {
        width: auto !important;
    }

}