@media (max-width:767px) {
    .hot-news .blog-detail-img {
        display: block;
        margin: 30px auto 70px;
        max-width: 100%
    }
    .another-rate {
        display: flex;
        flex-direction: column-reverse;
    }
    .review-modal .modal-body {
        padding: 0 5px;
    }
    .review-modal .modal-media {
        display: block !important;
        text-align: center;
        margin: 50px auto 25px;
    }
    .search-sec {
        text-align: center;
    }
    .align-items-center-desktop {
        margin-top: 14px;
    }
    .search-sec .overlay {
        background: rgb(255 254 254 / 70%);
        padding: 14vw 0 10vw;
    }
    .search-sec .container-fluid {
        padding: 0;
        overflow: hidden;
        max-width: 100%
    }
    .search-sec .form-main {
        width: 100%;
        background: none
    }
    .search-sec .form-main .form-group {
        display: block;
        width: 100%;
    }
    .search-sec h1 {
        font-size: 40px;
        font-weight: 600;
        color: #09053A;
        max-width: 300px;
        margin: 0 auto 20px;
    }
    .search-sec p {
        font-size: 20px;
        text-align: center;
        max-width: 600px;
        margin: 0 auto;
        color: black !important;
    }
    .search-sec img {
        float: none;
        width: 100%;
    }
    .search-sec .form-main input {
        width: 100%;
        font-size: 12px;
        margin-bottom: 10px;
        height: 40px;
    }
    .search-sec .form-main button {
        font-size: 12px;
        cursor: pointer;
    }
    .featured-experts .box>.icon>.info {
        margin-top: -35px;
        border: 1px solid #e0e0e0;
        padding: 40px 15px 15px;
        border-radius: 5px;
        text-align: center;
    }
    .featured-experts .info h4 {
        border-radius: 15px;
        margin: 0 auto 5px;
    }
    .featured-experts .box>.icon>.image {
        position: initial;
        z-index: 2;
        margin: 0 auto 10px;
        width: 88px;
        height: 88px;
        border: 5px solid white;
        border-radius: 50%;
    }
    .search-sec {
        background-position: 92% 0%;
    }
}

@media (max-width:991px) {
    .contact {
        padding-bottom: 20px;
    }
    .complete-recieve {
        padding: 40px 0
    }
    .complete-recieve img {
        position: relative;
        top: 0;
    }
    .complete-recieve h2 {
        margin-top: 20px;
    }
    .contact .right-content {
        padding: 70px 20px;
        max-width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .media-right-style .verfy-p {
        right: 10px
    }
    .marketing-sec {
        background: none;
        padding: 50px 0 0!important
    }
    .reverse-row {
        flex-direction: column-reverse !important;
    }
    .hide-desktop {
        display: block;
        padding: 0 !important;
        margin: 30px auto 0 !important;
        position: relative;
        left: -15px;
    }
    .main-profile {
        background-size: auto;
    }
    .carousel-sec {
        padding: 30px 0px 50px;
    }
    .profile .box .media .bg-exp {
        margin: 5px auto 30px;
    }
    .profile-details .right-data {
        position: initial;
    }
    .profile .contact-box {
        float: none;
        margin: 10px auto;
        padding: 20px 10px;
    }
    .profile .box ul p {
        font-size: 16px;
    }
    .profile-details .right-data {
        margin-top: 50px;
    }
    .about img {
        display: block;
        margin: 10px auto 30px
    }
    .profile .media {
        display: block !important;
        text-align: center;
        margin: 0 auto;
    }
    .profile .box {
        padding: 50px 10px;
    }
    .about h2 {
        text-align: center;
    }
    .about p {
        text-align: center;
    }
    .align-items-center-desktop li {
        margin-bottom: 15px !important;
        display: flex;
    }
    .align-items-center-desktop li a {
        width: fit-content;
    }
    .main-desc {
        text-align: center;
        margin: 0 auto 20px;
    }
    .main-tit {
        text-align: center;
    }
    .hidden-sm {
        display: none;
    }
    .visible-mob {
        display: block !important;
        width: fit-content;
        margin: 30px auto 0;
    }
    .trends .media h5 {
        max-width: 100%;
    }
    .trends .media h6 {
        max-width: 100%;
    }
    .buy-home .main-descrip {
        text-align: center;
        max-width: 700px;
        margin: 10px auto;
    }
    .buy-home img {
        display: block;
        margin: 20px auto
    }
    .hot-news .main-desc {
        font-size: 50px !important;
    }
}

@media(max-width:500px) {
    .featured-agent .btn {
        padding: 10px 20px;
    }
    .trends .mr-img {
        height: 100%;
    }
    .media-right-style .verfy-p {
        right: 0px !important
    }
    .review-modal button.close {
        position: relative;
        left: 8px;
    }
    .review-modal .modal-content {
        /* padding-bottom: 25px !important; */
        padding: 0 10px 25px;
    }
    .trends .media {
        display: block;
        margin: 40px auto 0;
        text-align: center;
        max-width: 100%;
    }
    .trends .media img {
        margin-bottom: 20px;
        width: 100%;
    }
    .mr-img {
        margin-right: 0;
    }
    .all-experts .media {
        display: block !important;
        text-align: center;
        margin: 0 auto;
    }
    .all-experts .box .media ul {
        margin: 0px auto 15px !important;
    }
    .all-experts .box .media ul {
        justify-content: center !important;
    }
}

@media (min-width:992px) {
    .align-items-center-desktop {
        align-items: center;
    }
    .carousel-sec .owl-nav {
        display: block !important;
        position: absolute;
        top: 42%;
        width: 100%;
    }
    .carousel-sec .owl-theme .owl-nav [class*=owl-]:hover,
    .carousel-sec .owl-theme .owl-nav [class*=owl-]:focus {
        background: none;
        color: #000;
        text-decoration: none;
        box-shadow: none;
    }
}

@media (max-width:1200px) {
    .buy-home .main-descrip {
        font-size: 47px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .buy-home .main-descrip {
        font-size: 47px;
    }
    .profile-details p {
        font-size: 13px;
    }
    .marketing-sec {
        background-position: -15vw 0;
    }
}

@media (min-width:1200px) and (max-width:1370px) {
    .marketing-sec {
        background-position: -10vw 0;
    }
}

@media (max-width:1350px) {
    .review-modal .modal-media {
        display: block !important;
        text-align: center;
        margin: 50px auto 25px;
    }
}