/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px) {
    .qrcode-div img {
        max-width: 200px;
    }

    .ecard-contact-details a {
        font-size: 15px;
    }

    .similar-btn {
        font-size: 11px!important;
        position: absolute;
        left: 19%;
        top: 5px;
        z-index: 998;
        padding: 5px 10px!important;
    }

    .w-md-40 {
        width: 40%!important;
    }

    .font-30 {
        font-size: 30px!important;
    }
    
    .home-about .section-heading h2 {
        font-size: 2.5rem!important;
    }
    
    .tab-0 {
        display: none!important;
    }

    .tab-only {
        display: block;
    }
    /* .collapse:not(.show) {
        display: block!important;
    } */
    .controls li.next {
        margin-right: -39px;
    }
    header .navbar {
        position: absolute;
        display: contents;
    }

    header .navbar-collapse {
        display: inline-block;
        width: 70%;
        text-align: center;
        position: absolute;
        top: 125%;
        background-color: #093C71!important;
        z-index: 9999999999;
        right: calc(0% - 15px);
        padding-bottom: 20px;
        box-shadow: 3px 4px 12px 0px rgb(0 0 0 / 16%);
        max-height: 590px;
        overflow-y: auto;
        padding-right: 0;
        color: #fff;
    }

    .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover, header .dropdown-item, header .dropdown-item:hover {
        color: #fff!important;
        text-transform: none!important;
    }

    header .navbar-collapse::-webkit-scrollbar {
        width: 0.5em;
        border-radius: 50px;
    }
     
    header .navbar-collapse::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        width: 0.5em;
        background-color: #093C71!important;
    }
     
    header .navbar-collapse::-webkit-scrollbar-thumb {
        border-radius: 3px;
        background-color: #C4D3E2;
        outline: none;
        width: 0.3em;
    }

	header .nav-link {
		display: block;
		padding: 7px 0rem!important;
		padding-left: 0;
		padding-right: 0px!important;
	}
	
	header .navbar-light .navbar-toggler {
        width: 20%;
        float: right;
        /* margin-right: auto; */
        /* margin-left: auto; */
        color: #fff;
        font-size: 33px;
        border-color: transparent;
        text-align: right;
        margin-top: 5px;
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        max-height: 300px;
        height: auto;
        overflow-y: auto;
    }

    header .shadow.dropdown-menu {
        z-index: 9999;
        /* background-color: #093C71!important; */
        border-radius: 10px;
        padding: 10px 0 20px 0;
        box-shadow: none!important;
        text-align: left;
        margin: 0;
        border: 0;
        min-width: 210px;
        width: 100%;
    }

    .search-navbar .shadow.dropdown-menu {
        min-width: 250px;
    }

    .search-navbar .dropdown-menu-lg-left {
        box-shadow: 0 3px 9px -1px rgba(0,0,0,.16)!important;
        outline: none;
        top: 150%;
        width: 100%;
        min-width: 550px!important;
        right: -50px!important;
        left: auto!important;
        padding: 20px!important;
    }

    .search-navbar .form-control.listing-type-placeholder {
        width: 70px !important;
        max-width: 70px !important;
        min-width: 70px !important;
    }

    .search-navbar .btn-primary.yellow {
        margin-top: 0px;
    }

    header .dropdown-item {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-family: gotham-book!important;
        color: #000;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        text-transform: uppercase;
        cursor: pointer;
    }

    header .nav-item {
        margin-left: 0!important;
        font-family: gotham-book!important;
    }

    header .dropdown-header {
        display: block;
        padding: 0.5rem 0rem;
        color: #000;
        font-size: 17px;
    }

    .btn-primary.yellow, .btn-primary.yellow:not(:disabled):not(.disabled).active, .show>.btn-primary.yellow.dropdown-toggle {
        padding: 10px 20px!important;
        font-size: 15px;
    }

    .search-results-page {
        margin: 10px 0 10px 15px;
    }

    .sort-wrapper {
        margin-right: 35px;
    }

    .search-navbar {
        box-shadow: 0px 3px 6px #00000029;
        background-color: #fff;
        padding: 15px 0;
    }

    .search-navbar .col-md-3 {
        max-width: 24%!important;
    }

    .search-navbar .city-search {
        width: 140px!important;
    }

    .search-navbar .form-control.search {
        min-width: 140px;
        max-width: none;
        width: auto;
        overflow-y: auto;
        overflow-x: auto;
    }

    /* .modal .search-navbar .form-control.search {
        min-width: 140px;
        max-width: none;
        width: auto;
        overflow-y: auto;
        overflow-x: auto;
    } */

    .my-just-property-body .block-div .left-align {
        display: inline-block;
        min-width: 59%!important;
        min-width: 59%!important;
    }

    .ms-view {
        padding: 0 0px 30px 10px;
    }    

    .ms-skin-light-3 .ms-nav-prev, .ms-skin-light-3 .ms-nav-next {
        width: 0!important;
    }
    
    .ms-skin-light-3 .ms-bullets.ms-dir-h {
        bottom: 0px!important;
    }

    .slide-caption .right-align a {
        font-size: 12px;
    }

    .slide-caption .right-align {
        min-width: 110px!important;
        max-width: 110px!important;
        width: auto;
        padding: 5px 10px;
        float: right;
        margin-top: 20px;
    }

    .modal-content {
        max-height: 630px;
        overflow-y: auto;
    }

    .modal-dialog {
        margin: 0.75rem auto;
    }

    .modal {
        margin-top: 5%;
    }

    #SearchFormModal .modal-content {
        max-height: none!important;
        overflow-y: auto!important;
    }

    .search-form .select2-container {
        width: 100%!important;
    }

    .search-navbar .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
        border: none!important;
        padding-top: 0;
        padding-bottom: 0!important;
        background-color: transparent;
    }

    .search-navbar .input-group, .search-navbar .custom-select, .sale-rent-form .custom-select {
        max-height: none!important;
    }

    .input-group.for-sale-main {
        line-height: 40px;
    }

    .search-navbar .custom-select {
        min-height: 42px;
      }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        margin-top: 5px!important;
    }

    .search-navbar .select2-container--default .select2-selection--multiple .select2-selection__choice {
        display: flex;
        width: 130px;
        font-size: 12px;
    }

    .search-navbar .select2-container .select2-selection--multiple {
        min-height: 40px;
        max-height: 40px;
        overflow-y: auto;
        overflow-x: hidden;
        width: 135px;
    }

    .search-navbar .form-control {
        min-width: 75px !important;
        max-width: 75px !important;
        width: auto;
    }

    .search-navbar .shadow.dropdown-menu {
        max-height: 400px;
        overflow: auto;
    }

    .select2-container .select2-search--inline .select2-search__field {
        height: 35px;
        padding: 0;
    }

    .select2-container--open .select2-dropdown--below {
        min-width: 300px;
      }

    /* .block-div .left-align {
        max-width: 100%;
        min-width: 100%;
    } */

    .agent-profile-header .block-div .left-align {
        max-width: 50%;
        min-width: 50%;
    }

    .agent-profile-header .slide-caption .left-align {
        line-height: 20px;
        min-width: 50%;
        padding: 5px;
        max-width: 50%;
    }

    .agent-profile-header .agent-name {
        margin-bottom: 0;
    }

    .branch-team-gallery .card-body h2 {
        min-height: 50px;
    }

    .score i {
        font-size: 30px;
    }

    .listing-heading p {
        font-size: 20px;
    }

    .listing-icons span {
        font-size: 20px;
    }

    .listing-icons i {
        font-size: 17px;
        vertical-align: middle;
        line-height: 30px;
    }

    .listing .sell-agents .media .img-left {
        margin-right: 20px;
    }

    .agent-name {
        word-break: break-word;
        max-width: 90px;
        min-height: 30px;
        max-height: 40px;
        height: auto;
        line-height: 15px;
    }

    .sell-page-body .sell-agents .media-body .agent-name {
        max-width: none;
    }

    .agent-profile .tab-content .col.slide {
        min-width: 320px!important;
        max-width: 320px!important;
        float: left;
    }

    .home-header {
        padding-top: 3.5rem!important;
        padding-bottom: 3.5rem!important;
    }

    .home-header h1 {
        font-size: 50px;
    }

    .home-header .btn-primary.yellow, .home-header .btn-primary.yellow:not(:disabled):not(.disabled).active {
        padding: 5px 25px!important;
        font-size: 15px;
    }

    .home-about .shadow {
        padding: 15px 25px;
        margin-right: 15px;
        min-height: 220px;
        max-height: 300px;
        height: auto;
    }

    .home-about .shadow p.blu-txt {
        font-size: 25px;
        line-height: 25px;
    }

    .home-about .shadow p {
        line-height: 20px;
        margin-bottom: 10px;
    }

    .home-about .blue-back {
        height: 100%;
        /* margin-top: 110px; */
    }

    .home-about .blue-back.right .btn-primary {
        margin-top: 85%;
    }

    .home-about .blue-back.left .btn-primary {
        margin-top: 70%;
    }

    .home-about img {
        width: 100%;
    }

    .home-block-section .shadow {
        height: 100%;
        padding: 15px;
    }

    .home-block-section .shadow img {
        min-width: 60px;
        height: 60px;
        max-width: 60px;
        width: auto;
    }

    .home-block-section .blue-back img {
        min-width: 25%!important;
        height: auto!important;
        max-width: 25%!important;
        width: auto!important;
    }

    .home-block-section .shadow h2 {
        font-size: 25px;
    }

    .home-block-section .logos img {
        width: 110px;
        display: inline-flex;
        margin-left: 0;
        margin-right: 0;
    }

    .home-journey .shadow.grey-back {
        min-height: 670px;
        padding: 40px 20px;
    }

    .home-categories .img-overlay h3 {
        font-size: 25px;
    }

    .home-categories .img-overlay h3>br {
        display: none;
    }

    .home-categories .image-wrapper {
        min-height: 400px;
    }

    .home-categories .img-overlay {
        padding: 40% 10px 0 10px;
    }

    .home-login {
        padding-top: 5%;
        padding-bottom: 10%;
    }

    .home-login .shadow {
        padding: 20px 20px;
    }

    .home-login h2 {
        font-size: 30px!important;
    }

    .home-login .shadow ul>li>img {
        min-width: 20px;
        max-width: 20px;
        width: auto;
        margin-left: -38px;
    }

    .home-login .shadow ul>li {
        margin-left: 40px;
    }

    /* Search results page */
    .search-branch-page .custom-control-label {
        min-width: 130px;
        max-width: 135px;
        margin: 8px 0;
    }
    
    .popup-bubble {
        padding: 2px 0px;
        min-width: 320px;
        max-width: 320px;
        width: 320px;
        min-height: 100px;
        max-height: 0;
    }

    .results-break .image-wrapper {
        min-height: 330px;
        height: 100%;
    }

    .results-break .img-overlay img {
        width: 80%;
        margin-top: 0px;
    }

    /* .search-results-page .col.slide {
        min-width: auto;
        margin-left: auto;
        margin-right: auto;
    } */

    .searchpage-map {
        top: 190px;
    }
    .search-branch-page .custom-checkbox {
        padding-left: 0rem!important;
    }
    .near-you {
        min-height: 120px;
        overflow-y: scroll;
        padding-right: 10px;
        max-height: 140px;
      }

    .results-break .img-overlay {
        padding: 25% 10px 0 10px;
    }

    .results-break .img-overlay h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .search-results-page .sell-blogs .img-overlay {
        padding: 10px;
    }

    .search-results-page .sell-blogs .img-overlay-media .media img {
        width: 20px;
    }

    .search-results-page .sell-blogs .img-overlay-media .media p {
        font-size: 12px;
        line-height: 17px;
    }

    /* Sell page*/
    .sell-header h1>br, .value-right h3>br, .sell-header.letting-page p>br, .video-section h2>br, .journey .card-title>br, .story-header h1>br {
        display: none;
    }
    .sell-property p.font-18 {
        font-size: 15px !important;
    }

    .sell-header h1 {
        font-size: 30px;
    }

    .value-right.blue-back {
        padding: 30px 0px;
        margin-top: 30px;
        margin-left: -50px;
        z-index: 9999;
        min-height: 650px;
    }

    .commercial-page .value-right.blue-back {
        padding: 30px 0px;
        margin-top: 30px;
        margin-left: -30px;
        z-index: 9999;
        min-height: 650px;
        margin-right: 30px;
    }

    .sellers-guide {
        padding-bottom: 5%;
    }

    .value-right .carousel {
        position: relative;
        width: 100%;
        z-index: 999999;
    }

    .value-left {
        background-position: right -130px center;
        min-height: 730px;
        height: auto;
        padding: 40px 0px;
        z-index: -100;
      }

    .value-right h3.font-40 {
        font-size: 35px !important;
        padding-left: 20px;
        padding-right: 20px;
    }

    .value-right .card {
        margin-left: 50px;
        margin-right: 40px;
    }

    .number {
        font-size: 30px!important;
        margin-left: -40px;
        margin-right: 10px;
        width: 70px;
        z-index: 99999;
    }

    .sell-page-list-property-form {
        min-height: auto;
        height: auto;
    }

    .sell-value-steps h5:before {
        top: -30px;
        left: 0;
        width: 345px;
        z-index: 9999;
    }

    .sell-value-steps h5 {
        margin-top: 23px;
        margin-bottom: 0;
        font-size: 35px;
    }

    .sell-value-steps h6 {
        font-size: 50px;
    }

    .sell-agents .col-md-4 {
        padding: 0 5px;
    }

    .sell-agents .media-body .agent-name {
        font-size: 15px!important;
        line-height: 20px;
        /* height: 55px; */
    }

    .sell-agents .media-body .agent-profile {
        font-size: 15px;
        margin-top: 0;
    }

    .sell-agents .media-body .agent-profile a {
        font-size: 15px;
        margin-left: 0px;
        float: none;
    }

    .sell-agents .media-body i {
        font-size: 25px;
    }

    .testimonials .grey-back {
        min-height: 460px;
        padding: 40px 15px!important;
    }

    .testimonials.letting-page .grey-back {
        min-height: 720px;
    }

    .testimonials .shadow img, .home-journey-blocks .shadow img {
        bottom: 5px;
      }

    .sell-blogs .image-wrapper {
        min-height: auto;
    }

    .img-overlay {
        padding: 10px;
    }

    .social-login-wrapper .social-btn {
        font-size: 15px;
    }

    .sell-blogs .img-overlay h3 {
        font-size: 15px!important;
        color: #fff;
        text-transform: uppercase;
        font-weight: 800;
        margin-bottom: 0px;
        margin-top: 0;
        padding-top: 0%;
        position: absolute;
        left: 10px;
        bottom: 10px;
        right: 10px;
    }

    .img-overlay p.date {
        margin-bottom: 0;
        line-height: 20px;
        font-size: 11px;
    }

    .sell-header .container {
        background-position: left 40% center;
    }

    .sell-blogs .col-md{
        padding: 0 5px;
    }

    .seller-guide-form .btn-primary.yellow {
        padding: 10px 10px!important;
    }

    .blog-body img {
        padding: 20px;
        margin-bottom: 20px;
    }

    /* Let page */
    .video-section h2 {
        font-size: 40px;
    }

    /* Find a branch */
    .search-branch-page .city-search {
        width: 350px!important;
        z-index: 9999;
    }

    .search-branch-page .form-control.search {
        max-width: 310px;
        min-width: 310px;
        width: auto;
    }

    .search-branch-page .searchBranchPage-map #map {
        width: 100%;
        /* height: 620px; */
        height: calc(100vh - 37vh)!important;
    }

    .map-click-wrapper {
        height: calc(100vh - 37vh)!important;
    }

    .near-you a, .near-you p {
        font-size: 14px;
    }

    .custom-popup.near-you .media-body {
        padding: 9px 3px;
        max-width: none;
    }

    /* Commercial */
    .commercial-header .container {
        min-height: 20vh;
        padding: 4%;
    }

    .commercial-categories .shadow h2 {
        position: absolute;
        bottom: 0px;
        left: 20px;
    }

    .commercial-categories .shadow {
        min-height: 220px;
    }

    .commercial-categories .shadow h2.font-20 {
        font-size: 15px!important;
    }

    /* Our Story */
    .about-breadcrumb img {
        width: 70%;
        height: auto;
    }

    .our-services-tabs.nav .nav-link.active, .our-services-tabs.nav .show>.nav-link, .our-services-tabs.nav .nav-link {
        margin-right: 10px;
        margin-left: 10px;
    }

    .story-header {
        min-height: 30vh;
    }

    .story-header img {
        width: 20%;
        position: absolute;
        right: 8%;
        top: 65%;
        z-index: 9999;
    }

    .story-gallery .image-wrapper {
        min-height: 100px;
    }

    .custom-container {
        margin-right: auto;
    }

    .journey .card-title {
        font-size: 1.2rem;
    }

    .journey .card {
        min-height: 200px;
    }

    .mission-vision-values {
        padding: 10% 0;
    }

    .mission-vision-values-tabs .tab-content .shadow {
        min-height: 340px;
        max-height: 340px;
        height: auto;
        overflow-y: auto;
    }

    .services .tab-content>.tab-pane, .mission-vision-values-tabs .tab-content>.tab-pane {
        height: auto;
    }

    .tab-content ul img {
        width: 25px;
        margin-right: 7px;
    }

    .about-section1 {
        padding: 7% 0;
    }

    .about-section1 img {
        width: 60%;
        height: auto;
    }

    .about-section-absolute {
        margin-top: -120px;
        margin-bottom: -130px;
    }

    .about-section3 {
        height: auto;
        padding: 20% 0 10% 0;
    }

    .our-agents-page-body .about-section3, .our-franchisees-page-body .about-section3 {
        height: auto;
        padding: 4% 0 10% 0!important;
    }

    .ceo-testimonial .font-40 {
        font-size: 25px !important;
    }

    .ceo-testimonial .font-30 {
        font-size: 25px!important;
    }

    .team-franchisees .grey-back .btn-primary {
        position: absolute;
        top: auto;
        bottom: 40px;
        Left: 10px;
        opacity: 1;
        right: 10px;
        padding: 10px 0px;
    }

    .team-franchisees .grey-back:hover .btn-primary {
        opacity: 1;
        transform: translateY(0);
        bottom: 9px;
    }

    .team-franchisees .grey-back {
        min-height: 350px!important;
        position: relative;
    }

    .team-franchisees .grey-back p {
        font-size: 13px;
        margin-bottom: 15px;
        min-height: 30px;
    }

    .select2-container {
        z-index: 99999999999 !important;
    }

    .search-navbar .select2-container {
        z-index: 999999999999!important;
    }

    .res-bedrooms .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 13px;
    }

    /* Our Team / franchisees / agents */
    .team-franchisees h2 {
        font-size: 20px!important;
    }

    .story-header h1 {
        line-height: 40px;
    }

    .team-header .h-400 {
        height: 300px!important;
    }

    .team-header-gallery {
        display: none;
        /* position: absolute;
        right: 0;
        left: auto;
        top: 100px;
        max-width: 390px; */
    }
    
    .team-header-gallery .image-wrapper {
        min-height: 100px;
    }

    .team-header {
        margin-bottom: 0!important;
    }

    .team-gallery .card-body .btn-primary {
        position: absolute;
        top: auto;
        bottom: 10px;
        left: 0;
        right: 0;
    }

    .team-gallery .card-body  {
        min-height: 180px;
    }

    .about-section3 .h-220, .about-section3 .h-400 {
        height: auto!important;
    }

    /* .about-section3 p {
        position: absolute;
        top: auto;
        bottom: 0;
    }

    .about-section3 .col {
        min-height: 230px;
        text-align: center;
    } */

    .areas-btns .btn-primary {
        margin-bottom: 10px;
        padding: 5px 13px!important;
    }

    /* Branch profile */
    .hovereffect .overlay {
        padding-top: 15%;
    }

    /* Franchising */

    .slider5.tns-slider {
        min-height: 420px;
    }

    .slider5.tns-slider img {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .franchisee-individual .tns-nav, .ms-skin-default .ms-bullet {
        left: -83%!important;
        bottom: 8%!important;
    }

    .slider6 .blue-back {
        margin-left: -40px;
        min-height: 550px;
        height: auto;
    }

    .franchisees-header .container {
        min-height: 370px;
    }

    .franchisee-individual br {
        display: none;
    }


    /* .franchisees-header .container {
        min-height: 390px;
    } */

    .questionnaire .steps br {
        display: none;
    }

    /* Careers */
    .careers.home-login {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .careers-we-offer img {
        width: 70%;
        height: auto;
    }

    .careers-testimonials img {
        width: 20%;
        height: auto;
        position: absolute;
        top: -30px;
        left: 40%;
        right: auto;
    }

    /* Blogs */
    .blogs-header .sell-blogs .image-wrapper {
        min-height: 210px;
    }

    .blogs-header .sell-blogs .img-overlay h3 {
        font-size: 15px!important;
    }

    .blogs-header .sell-blogs {
        margin-bottom: -30%;
        margin-top: 25%;
    }

    .tools-tabs .nav-item {
        margin-right: 5px;
    }

    .tools-tabs .nav-link.active, .tools-tabs .nav-link {
        padding: 10px!important;
        width: auto;
        margin-bottom: 10px;
    }

    #repayment-calculator .shadow {
        padding: 20px;
    }

    .table .btn-primary.yellow {
        padding: 10px!important;
        font-size: 10px!important;
        width: 100px!important;
    }

    /* New developments */
   .provincial-developments .right-align {
        max-width: 100px!important;
        min-width: 95px!important;
        width: auto;
    }

    .provincial-developments .left-align {
        max-width: 190px!important;
        min-width: 150px!important;
        width: auto;
    }

    .provincial-developments .left-align img {
        width: 10%!important;
    }

    .view.overlay {
        max-height: 180px;
        overflow: hidden;
    }

    .provincial-developments .card-body {
        min-height: 180px;
    }

    .overview>li {
        margin-left: 50px;
        margin-bottom: 10px!important;
    }

    .development-info .inline-elements img {
        width: 4%;
    }

    .col.slide {
        min-width: 325px!important;
        max-width: 325px!important;
        float: left;
    }

    .branch-page-properties .col.slide {
        min-width: 345px!important;
        max-width: 345px!important;
        float: left;
        min-height: 370px;
    }

    /* .block-div .right-align {
        max-width: 40%;
        min-width: 40%;
    } */

    .agent-profile-header .col.slide {
        padding: 10px!important;
        margin: 14px auto;
        min-width: 290px!important;
        max-width: 290px!important;
        float: left!important;
    }

    .search-results-page .col.slide {
        min-width: 340px!important;
        max-width: 340px!important;
        float: left;
    }
    .commercial .col.slide {
        margin: 0 10px 90px 10px;
    }

    .commercial .col.slide .slide-caption .right-align {
        margin-top: 20px;
    }

    .commercial .ms-skin-light-3 .ms-bullets.ms-dir-h {
        bottom: 15px!important;
    }

    .home-welcome .col.slide {
        margin-bottom: 70px;
    }

    /* My Just Property */
    .profile-navs li>a.nav-link {
        font-size: 15px;
        border-bottom: 4px solid transparent;
    }

    .profile-navs .nav-item {
        margin-left: 8px!important;
        margin-right: 8px!important;
    }

    .subscriptions .col {
        padding-right: 0px;
        padding-left: 5px;
    }

    .how-we-help .card-body {
        min-height: 280px;
        padding: 5px;
    }

    .my-just-property-body .table td, .my-just-property-body .table th {
        padding: 5px;
    }

    .my-just-property-body .table td {
        padding: 15px 5px;
        vertical-align: middle;
    }

    .my-just-property-body .col-md-4 {
        padding: 0 5px;
    }

    .my-just-property-body .slide-inner .block-div .left-align, .my-just-property-body .slide-inner .slide-caption .left-align {
        width: 45%;
        text-align: left;
        vertical-align: top;
        line-height: 20px;
        float: left;
    }

    .my-just-property-body .slide-inner .block-div .right-align {
        display: inline-block;
        min-width: 50%;
        width: auto;
        text-align: right;
        vertical-align: bottom;
        line-height: 60px;
        /* float: right; */
        height: 5px;
    }

    .my-just-property-body .slide-inner .slide-caption .right-align {
        min-width: 45%;
        max-width: 0;
        width: auto;
    }

    .subscriptions h3 {
        min-height: 67px;
    }

    .subscriptions .shadow {
        padding: 30px;
        min-height: 250px;
        position: relative;
    }

    .subscriptions .btn-primary.yellow {
        padding: 10px 10px!important;
        font-size: 12px;
        position: absolute;
        top: auto;
        bottom: 20px;
        margin-top: 0!important;
        max-width: 280px;
        left: 10%;
        right: 0;
    }

    .master-slider .carousel-indicators li, .search-results-page .carousel-indicators li {
        height: 17px;
        margin-right: 1px;
        margin-left: 6px;
        font-size: 12px;
    }

    .master-slider .carousel-indicators, .search-results-page .carousel-indicators {
        position: absolute;
        top: 25px;
        right: 15px;
        padding: 5px 7px;
        margin-left: 15%;
        max-width: 60px;
    }

    .slide-caption .left-align {
        line-height: 20px;
        min-width: 40%;
        padding: 5px;
    }

    .block-div .left-align {
        min-width: 55%;
    }

    .my-just-property-body .slide-caption .left-align {
        line-height: 20px;
        min-width: 65%;
        padding: 5px;
    }

    .slide-caption .media img {
        width: 50px;
    }

    .developments-available .col.slide {
        min-width: 340px!important;
        max-width: 340px!important;
        float: left;
    }

    .developments-header {
        height: 200px;
    }

    .developments-available .block-div .left-align {
        min-width: 61%!important;
    }

    .developments-available .slide-caption .left-align {
        line-height: 20px;
        min-width: 60%;
    }

    /* Campain pages */
    .testimonials.campaign-page .grey-back {
        min-height: 480px;
        padding: 40px 15px!important;
    }

    .campaign-header {
        position: absolute;
        top: 230px;
        left: 0;
        right: 0;
    } 

    .skewed-background {
        height: 110vh;
        margin-top: -27%;
        margin-bottom: 20%;
    }

    .free-guide-info .light-blue-back {
        min-height: 100px;
    }   

    /* Footer */
    .footer .footer-nav p, .footer .footer-nav a {
        font-size: 13px;
        line-height: 30px;
        margin-left: 5px;
        margin-right: 5px;
        padding: 0;
    }

    .footer-signup {
        position: relative!important;
        top: auto;
        right: auto;
        max-width: 100%;
        bottom: 1.5%;
        /* border: 2px solid #fff; */
        padding: 16px;
        left: auto;
        text-align: center!important;
    }

    /* .select2-container--default .select2-selection--single {
        background-color: transparent;
    } */

    .privacy-policy ol {
        padding-left: 30px;
    }

    .franchisee-enquire {
        overflow-x: hidden;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .qrcode-div img {
        max-width: 200px;
    }
    
    .h-45 {
        min-height: 45px;
    }

    header .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        max-height: 600px;
        height: auto;
        padding: 20px 30px;
        overflow-y: auto;
        border: none;
        width: 300px;
    }
    
    .nav-item {
        margin-left: 20px!important;
    }

    .nav-link {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .tools-tabs .nav-link {
        margin-bottom: 15px;
    }

    .search-navbar .custom-select {
        max-height: 41px;
        min-width: 100px;
        width: auto!important;
        max-width: 120px;
    }

    .search-navbar .form-control.listing-type-placeholder {
        max-width: 80px !important;
        min-width: 80px !important;
      }

    .search-navbar .shadow.dropdown-menu {
        max-height: 400px;
        overflow: auto;
    }

    .btn-primary.yellow, .btn-primary.yellow:not(:disabled):not(.disabled).active, .show>.btn-primary.yellow.dropdown-toggle {
        padding: 10px 30px!important;
    }

    header .nav-item {
        margin-left: 0px!important;
        padding-right: 15px!important;
    }

    header .logo img {
        width: 75%;
        vertical-align: middle;
        padding-top: 5px;
        margin-left: 0!important;
    }

    .section-heading {
        padding-left: 20px;
    }

    .modal {
        margin-top: 0%;
    }

    .modal-content {
        max-height: 650px;
        overflow-y: auto;
    }

    .shadow {
        padding: 30px;
    }

    .home-journey .shadow.grey-back {
        min-height: 540px;
        padding: 20px;
    }

    .testimonials .shadow img, .home-journey-blocks .shadow img {
        bottom: 10px;
    }

    .city-search {
        width: 240px!important;
    }

    .search-navbar .form-control.search {
        max-width: none;
        min-width: 240px;
        width: auto;
    }

    .commercial-page-body .search-navbar .city-search {
        overflow: hidden;
        width: 340px!important;
    }

    .commercial-page-body .search-navbar .search-areas-wrapper {
        max-width: 31%!important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-width: 6px 6px 0 6px;
        margin-top: 3px;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        max-width: 170px;
    }

    .search-navbar .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
        max-width: 180px;
        min-width: 180px;
        overflow-x: auto;
        max-height: 40px;
        overflow-y: scroll;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
        cursor: default;
        padding-left: 2px;
        font-size: 12px;
        padding-right: 5px;
    }

    .search-navbar .select2-container--default .select2-selection--multiple::-webkit-scrollbar {
        height: 0.3em!important;
        width: 0.5em!important;
        border-radius: 50px;
    }
     
    .search-navbar .select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        width: 0.5em!important;
        background-color: #fff;
    }
     
    .search-navbar .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #A8A8A8;
        outline: none;
        width: 0.5em!important;
    }

    .team-header {
        margin-bottom: 0!important;
    }

    .team-header-gallery {
        position: absolute;
        right: -260px;
        left: auto;
        top: 80px;
        max-width: 750px;
        min-width: 750px;
    }

    .team-gallery {
        padding-top: 10%;
        padding-bottom: 8%;
    }

    .dropdown-menu-lg-left {
        right: -123px!important;
        left: auto!important;
        min-width: 60rem;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        max-height: 500px;
        height: auto;
        overflow-y: auto;
        padding: 15px 30px;
    }

    .search-branch-page .city-search {
        width: 340px!important;
    }

    .search-areas-wrapper {
        max-width: 20%!important;
    }

    .searchBranchPage-map #map {
        width: 100%;
        height: 590px;
    }

    .searchpage-map #map {
        width: 100%;
        height: 540px;
    }

    .search-branch-page .near-you {
        max-height: 190px;
        overflow-y: scroll;
        padding-right: 10px;
    }

    .col.slide {
        border-radius: 8px;
        min-width: 290px;
        max-width: 290px!important;
        width: auto;
        /* margin: 15px 10px 30px 10px; */
    }

    .commercial .media-body .agent-name {
        max-width: 83px!important;
        word-break: break-word;
        line-height: 20px!important;
    }

    .search-results-page .col.slide {
        min-width: 305px !important;
        max-width: 305px !important;
    }

    .search-results-page .slide-caption .media img {
        width: 45px;
    }

    .search-results-page .col.slide .agent-name {
        word-break: break-all;
        height: auto;
        line-height: 15px;
        max-width: 80px;
    }

    .searchpage-heading {
        margin: 20px 15px;
    }

    .letting-page-slider .col.slide {
        min-width: 280px!important;
        max-width: 280px!important;
    }

    .branch-page-properties .col.slide {
        border-radius: 8px;
        min-width: 480px;
        max-width: 480px!important;
        width: auto;
    }

    .my-just-property-body.search-results-page .col.slide {
        min-width: 315px;
    }

    .agent-profile-header .col.slide {
        padding: 10px;
        margin: 14px auto;
        min-width: 310px;
        max-width: 310px!important;
        float: left;
    }

    .agent-profile-header .block-div .right-align {
        max-width: 50%;
        min-width: 50%;
        width: auto;
    }

    .agent-profile-header .col.slide .agent-name {
        line-height: 15px;
    }

    .slide-caption .left-align {
        min-width:40%;
        padding: 5px;
        /* max-width: 53%; */
    }

    .slide-caption .media img {
        width: 30px;
    }

    .listing-gallery .carousel-item, .listing-gallery .carousel-item.active {
        max-width: 100%!important;
        max-height: 58vh;
        min-height: 58vh;
    }

    .ms-view {
        padding: 0 0px 0px 10px;
    }    

    .ms-skin-light-3 .ms-bullets.ms-dir-h {
        bottom: 0px!important;
    }

    .block-div .right-align {
        max-width: 200px;
        min-width: 40%;
        width: auto;
    }

    .block-div .left-align {
        min-width: 47%;
        max-width: 50%;
    }

    .score i {
        font-size: 30px;
    }

    .listing-heading p {
        font-size: 20px;
    }

    .view-bigger i, .view-bigger a {
        font-size: 20px;
        line-height: 40px;
    }

    .carousel-control-next i, .carousel-control-prev i {
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .col.slide .agent-name {
        word-break: break-word;
        height: auto;
        line-height: 15px;
        font-size: 10px;
    }

    .block-div .price i {
        font-size: 15px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .agent-profile .tab-content .col.slide {
        min-width: 300px!important;
        max-width: 300px!important;
        float: none;
        margin: 10px auto;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-next {
        width: 45px!important;
        right: 40%!important;
        background-color: transparent!important;
        top: 60%!important;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-prev {
        width: 45px!important;
        left: 45%!important;
        background-color: transparent!important;
        top: 60%!important;
    }

    .search-results-page .slide-caption .right-align {
        min-width: 100px;
        max-width: 120px;
        width: auto;
        padding: 5px 10px;
    }

    .results-break .img-overlay {
        padding: 40% 15px 0 15px;
    }

    .results-break .img-overlay h3 {
        font-size: 30px;
    }

    .img-overlay {
        padding: 10px 5px;
    }

    .results-break .img-overlay {
        padding: 37% 10px 0 10px;
    }

    .results-break .image-wrapper {
        min-height: 350px;
    }

    .results-break .img-overlay img {
        width: 120%;
        display: inline-block;
        float: right;
        margin-top: 15px;
    }

    .results-break .img-overlay h3 {
        font-size: 25px;
        margin-bottom: 5px;
    }

    .commercial .ms-skin-light-3 .ms-bullets.ms-dir-h {
        bottom: 20px!important;
    }

    /* .commercial .block-div .left-align {
        min-width: 47%;
        max-width: 50%;
    } */

    .location {
        line-height: 15px;
        padding-left: 20px;
    }

    .location img, .block-div .location img {
        margin-left: -20px!important;
    }

    .img-overlay {
        padding: 10px 5px;
    }

    .img-overlay p.date {
        margin-bottom: 0;
        font-size: 13px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .careers-we-offer img {
        width: 70%;
        height: auto;
    }

    .sell-header .container {
        padding: 3%;
    }

    .sell-header h1 {
        margin-top: 0
    }

    .sell-property .media img {
        margin-top: 5px;
    }

    .sell-value-steps {
        padding-top: 0;
    }

    .sell-blogs .img-overlay h3 {
        font-size: 17px!important;
        left: 10px;
        bottom: 10px;
    }

    .sell-blogs .img-overlay h3>br {
        display: none;
    }

    .sell-blogs .image-wrapper {
        min-height: 240px;
    }

    .img-overlay-media .media p {
        font-size: 14px;
        line-height: normal;
    }

    .img-overlay-media .media img {
        width: 30px;
        margin-right: 10px!important;
    }

    .block-div .right-align {
        max-width: 45%;
        min-width: 45%;
        width: auto;
    }

    .commercial .block-div .right-align {
        max-width: 48%;
        min-width: 48%;
        width: auto;
    }

    .my-just-property-body .block-div .left-align {
        min-width: 60%;
    }

    .my-just-property-body.search-results-page .col.slide {
        min-width: 315px;
    }

    .my-just-property-body .col.slide .agent-name {
        word-break: break-word;
        max-width: 120px;
        min-height: 20px;
        max-height: 20px;
        height: auto;
    }

    .block-div .left-align {
        min-width: 47%;
    }

    .block-div .price i {
        font-size: 15px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .search-results-page .slide-caption .right-align {
        min-width: 100px;
        max-width: 120px;
        width: auto;
        padding: 5px 10px;
    }

    .slide-caption .right-align a {
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
    }

    .slide-caption .right-align {
        min-width: 90px;
        max-width: 100px;
        width: auto;
        padding: 5px 10px;
        margin-top: 10px;
    }

    .commercial .slide-caption .right-align {
        margin-top: 5px;
    }

    .branch-team-gallery h2 {
        min-height: 50px;
    }

    .branch-team-gallery .img-wrapper {
        position: relative;
        max-height: 290px;
    }

    .home-header {
        padding: 2rem!important;
    }

    .home-header h1 {
        font-size: 50px;
    }

    .home-about .shadow {
        padding: 20px 40px;
        min-height: 250px;
        max-height: 270px;
        height: auto;
    }

    .home-about .shadow p.blu-txt {
        font-size: 25px;
        line-height: 30px;
    }

    .home-about .shadow p {
        line-height: 20px;
        margin-bottom: 10px;
    }

    .home-about .blue-back.right .btn-primary {
        margin-top: 55%;
    }

    .home-about .blue-back.left .btn-primary {
        margin-top: 57%;
    }

    .ms-skin-light-3 .ms-nav-next {
        width: 45px!important;
        right: -21px!important;
        background-color: transparent!important;
        top: 5%!important;
    }

    .ms-skin-light-3 .ms-nav-prev {
        width: 45px!important;
        left: -37px!important;
        background-color: transparent!important;
        top: 5%!important;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-next {
        width: 45px !important;
        right: 40% !important;
        background-color: transparent !important;
        top: 70% !important;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-prev {
        width: 45px !important;
        left: 45% !important;
        background-color: transparent !important;
        top: 70% !important;
    }

    .testimonials .quotes-icon {
        min-width: 50px!important;
        max-width: 50px!important;
        width: auto;
        margin-top: -50px!important;
    }

    .home-categories .image-wrapper {
        min-height: 500px;
        height: 100%;
    }

    .home-categories .img-overlay {
        padding: 80% 30px 0 30px;
    }

    .home-categories .image-wrapper:hover .img-overlay {
        padding: 75% 30px 0 30px;
    }

    .home-categories .img-overlay h3 {
        font-size: 25px;
    }

    .home-categories .img-overlay h3>br {
        display: none;
    }

    .testimonials .grey-back {
        height: auto;
        min-height: 500px;
    }

    .testimonials.letting-page .grey-back {
        min-height: 580px;
    }

    .social-login-wrapper .social-btn {
        padding: 10px 10px 10px 30px;
        font-size: 15px;
    }

    .home-block-section .logos img {
        width: 130px;
    }

    .value-left {
        min-height: 910px;
        height: auto;
        background-position: center;
    }

    .sell-value-steps h5 {
        margin-top: 10px;
    }

    .sell-value-steps h5:before {
        top: -72px;
    }

    .sell-value-steps h6 {
        font-size: 45px;
    }

    .guide-form {
        padding: 30px;
    }

    .commercial-categories .shadow {
        min-height: 290px;
    }

    .commercial .col.slide {
        border-radius: 8px;
        min-width: 270px;
        max-width: 270px!important;
        width: auto;
        /* margin: 15px 10px 30px 10px; */
    }

    .story-header {
        min-height: 50vh;
    }

    .story-gallery .image-wrapper {
        min-height: auto;
    }

    .story-header img {
        width: 15%;
    }

    .about-section1 {
        height: 430px;
        padding: 7% 0;
    }

    .about-section3 {
        /* height: 400px; */
        padding: 10% 0 0 0;
    }

    .mission-vision-values-tabs .tab-content>.active {
        display: block;
        height: 300px;
    }

    .popup-bubble {
        min-width: 330px;
        max-width: 330px;
        width: 330px;
        min-height: 95px;
        max-height: none;
    }

    .popover {
        max-width: 215px;
        height: 160px;
    }

    .custom-container {
        margin-right: 0;
    }

    .journey .card img {
        border-radius: 0;
        width: 70%;
    }

    .journey .custom-container .card img {
        border-radius: 0;
        width: 100%;
    }

    .card-body {
        padding: 15px;
    }

    .how-we-help .card-body {
        min-height: 240px;
    }

    .mission-vision-values-tabs .tab-content .shadow {
        min-height: 320px;
        height: auto;
        max-height: 320px;
        overflow-y: auto;
    }

    .ceo-testimonial .font-40 {
        font-size: 30px!important;
    }

    .team-franchisees .grey-back .btn-primary {
        position: absolute;
        top: auto;
        bottom: 40px;
        Left: 15px;
        opacity: 1;
        right: auto;
        padding: 10px 0px;
    }

    .team-franchisees .grey-back:hover .btn-primary {
        opacity: 1;
        transform: translateY(0);
        bottom: 9px;
    }

    .team-franchisees .grey-back {
        min-height: 385px!important;
        position: relative;
    }

    .team-gallery .card-body .btn-primary {
        position: absolute;
        top: auto;
        bottom: 10px;
        left: 0;
        right: 0;
        /* display: block!important; */
    }

    .team-gallery .card-body  {
        min-height: 170px;
    }

    .areas-btns .btn-primary {
        margin-bottom: 10px;
    }

    .our-agents-page {
        margin-bottom: 9rem!important;
    }

    .home-categories .img-overlay p {
        margin-bottom: 40px;
    }

    .franchisees-header h1 {
        margin-top: 28%;
    }

    .franchisees-header .container {
        min-height: 460px;
    }

    .franchisee-people .tab-pane .tab-image {
        width: 80%;
    }

    .franchisee-enquire {
        overflow-x: hidden;
    }

    .slider6 .blue-back {
        margin-left: -60px;
        min-height: 460px;
        height: auto;
    }

    .commercial-header .container {
        min-height: 50vh;
    }

    .commercial-categories {
        margin-top: -1%;
    }

    .blogs-header .sell-blogs .image-wrapper {
        min-height: 350px;
    }

    .blogs-header .sell-blogs {
        margin-bottom: -30%;
        margin-top: 7%;
    }

    .add-alert .toast {
        margin-bottom: 5px;
    }

    .listing-gallery .scroll-div {
        max-height: 410px;
    }

    .sell-page-list-property-form {
        min-height: auto;
    }

    .subscriptions .shadow {
        padding: 30px;
        min-height: 200px;
        position: relative;
    }

    .subscriptions .btn-primary.yellow {
        padding: 10px 10px!important;
        font-size: 12px;
        position: absolute;
        top: auto;
        bottom: 20px;
        margin-top: 0!important;
        left: 20%;
        right: 20%;
    }

    .searchBranchPage-map #sales_map, .searchBranchPage-map #rentals_map, .searchBranchPage-map #commercial_map {
        width: 100%;
        /* height: 440px; */
    }

    .search-branch-page .searchBranchPage-map #map {
        width: 100%;
        height: calc(100vh - 52vh)!important;
    }

    .sort-wrapper {
        margin-right: 15px;
    }

    .map-click-wrapper {
        height: calc(100vh - 52vh)!important;
    }

    .branch-results .near-you .media-body {
        padding: 5px 0px!important;
        max-width: 220px!important;
    }

    .custom-popup.near-you .media-body {
        max-width: 260px!important;
    }

    .table-responsive .details-btn {
        min-width: 140px!important;
    }

    #messageModal .modal-dialog-centered {
        min-height: calc(100% - 20rem);
        max-height: 30vh;
    }

    /* Campaign */
    .skewed-background {
        height: 110vh;
    }

    .campaign-header {
        position: absolute;
        top: 300px;
        left: 0;
        right: 0;
    }

    /* New new developments */
    .developments-header {
        height: 300px;
    }

    .developments-available .col.slide {
        border-radius: 8px;
        min-width: 45%;
        max-width: 50%!important;
        width: auto;
    }

    .developments-available .block-div .left-align {
        min-width: 47%!important;
    }

    .developments-available .block-div .right-align {
        max-width: 50%!important;
        min-width: 50%!important;
        width: auto;
        display: inline-block;
    }

    .developments-available .slide-caption .right-align {
        min-width: 110px;
        max-width: 110px;
        width: auto;
        padding: 5px 10px;
        margin-top: 20px;
    }

    .developments-row .block-div img {
        width: 8%!important;
    }

    .view.overlay {
        max-height: 230px;
    }

    .home-login {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    /* footer */
    footer {
        padding-bottom: 0px;
        padding-top: 20px;
    }

    .footer .footer-nav p {
        padding: 0px!important;
        line-height: 30px;
    }

    #return-to-top {
        width: 45px;
        height: 45px;
        line-height: 30px;
    }

    #return-to-top i {
        font-size: 23px;
    }
}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px) {
    .similar-btn {
        font-size: 11px!important;
        position: absolute;
        left: 23%;
        top: 7px;
        z-index: 998;
        padding: 6px 10px!important;
    }
    
    .search-navbar .dropdown-menu {
        min-width: 10rem;
        max-width: 52rem;
        max-height: 430px;
        overflow-y: auto;
        padding: 30px 40px;
    }

    .commercial-page-body .search-navbar .form-control {
        max-width: none!important;
        min-width: 130px;
        width: auto;
    }

    .logo {
        margin-top: 8px;
    }
    
    .home-journey .shadow.grey-back {
        min-height: 520px;
    }

    .home-categories .img-overlay h3 {
        font-size: 30px;
    }

    .home-categories .image-wrapper {
        min-height: 570px;
    }

    .ms-inner-controls-cont, .ms-container {
        position: relative;
        margin: 0!important;
    }

    .ms-view {
        padding: 0 10px;
    }

    .ms-skin-light-3 .ms-nav-next {
        width: 60px!important;
        top: 10%!important;
        right: -80px!important;
        background-color: transparent!important;
    }

    .ms-skin-light-3 .ms-nav-prev {
        width: 60px!important;
        padding-top: 0px;
        top: 10%!important;
        left: -90px!important;
        background-color: transparent!important;
    }

    .home-about img {
        width: 90%;
    }

    .searchpage-map #map {
        width: 100%;
        height: 530px;
    }

    .results-break .img-overlay {
        padding: 35% 15px 0 15px;
    }

    .results-break .img-overlay h3 {
        font-size: 30px;
    }

    .results-break .image-wrapper {
        min-height: 430px;
        height: 100%;
    }

    .img-overlay {
        padding: 10px 5px;
    }

    .tab-image {
        width: 80%;
    }

    .sell-blogs .img-overlay h3 {
        font-size: 20px!important;
        left: 20px;
        bottom: 20px;
    }

    .sell-blogs .image-wrapper {
        min-height: 270px;
    }

    .img-overlay-media .media p {
        font-size: 14px;
        line-height: normal;
    }

    .img-overlay-media .media img {
        width: 30px;
        margin-right: 10px!important;
    }

    .search-results-page .col.slide {
        min-width: 270px!important;
        max-width: 290px!important;
        width: auto;
    }

    .my-just-property-body.search-results-page .col.slide {
        min-width: 364px!important;
        max-width: 364px!important;
        width: auto;
    }

    .block-div .right-align {
        max-width: 200px;
        min-width: 50%;
        width: auto;
        float:right;
    }

    .location {
        font-size: 13px!important;
        line-height: 15px;
        padding-left: 20px;
    }

    .slide-caption .right-align {
        min-width: 110px!important;
        max-width: 110px!important;
        width: auto;
        padding: 5px!important;
        float: right;
        margin-top: 25px;
    }

    .block-div .left-align {
        min-width: 50%;
        max-width: 50%;
    }

    .slide .location img, .block-div .location img {
        margin-left: -20px;
    }

    .slide-caption .right-align a {
        color: #fff;
        font-size: 11px;
        text-transform: uppercase;
    }

    .block-div .price i {
        font-size: 15px;
        margin-left: 5px;
        vertical-align: middle;
    }

    .block-div .agent-name {
        max-width: 100px;
        word-break: break-word;
    }

    .sell-value-steps h5:before {
        top:-74px;
        left: 0;
        width: 480px;
    }

    .dropdown-menu-lg-left {
        right: 0;
        left: auto;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        max-height: 600px!important;
        height: auto;
        overflow-y: auto;
        padding: 15px 30px;
        top: 170%;
        max-height: 430px!important;
    }

    .home-categories .img-overlay {
        padding: 65% 10px 0 10px!important;
    }
    
    .home-categories .img-overlay p {
        margin-bottom: 40px;
    }

    header .nav-link {
        padding: 0rem 0rem!important;
    }

    header .nav-link i {
        font-size: 25px;
        font-weight: 300;
    }

    .home-header {
        padding-top: 5rem!important;
        padding-bottom: 5rem!important;
    }

    .testimonials .grey-back {
        min-height: 420px;
        height: auto;
    }

    .subscriptions .shadow {
        padding: 30px;
        min-height: 240px;
        position: relative;
    }

    .subscriptions .btn-primary.yellow {
        padding: 10px 10px!important;
        font-size: 12px;
        position: absolute;
        top: auto;
        bottom: 30px;
        margin-top: 0!important;
        left: 0;
        right: 0;
        margin: 0 auto;
        max-width: 280px;
    }

    .sell-page-list-property-form {
        min-height: auto!important;
        height: auto;
    }

    .value-left {
        min-height: 800px;
        height: auto;
    }

    .search-branch-page .city-search {
        width: 320px!important;
    }

    .agent-search .select2-container--default .select2-selection--single {
        min-width: 240px;
    }

    .agent-search .select2-container--default .select2-selection--single .select2-selection__rendered {
        max-width: none!important;
        min-width: 240px;
    }

    .search-branch-page .form-control.search {
        max-width: 230px;
        min-width: 230px;
        width: auto;
    }

    .agent-search .select2-container {
        z-index: 99999999!important;
    }

    .commercial-header .container {
        padding: 2% 3%;
        min-height: 55vh;
    }

    .commercial-categories .shadow {
        min-height: 340px;
    }

    .story-gallery .image-wrapper {
        min-height: 190px;
    }

    .custom-container {
        margin-right: 0;
    }

    .mission-vision-values-tabs .tab-content .shadow {
        max-height: 300px;
        overflow-y: auto;
    }

    .about-section1 {
        height: 430px;
        padding: 5% 0;
    }

    .about-section3 {
        height: 520px;
        padding: 10% 0 0 0;
    }

    /* .about-section3 img {
        width: 30%;
    } */

    .about-section3 img {
        width: 100%;
    }

    .about-section-absolute {
        margin-top: -182px;
        margin-bottom: -160px;
    }

    .about-section-absolute img {
        width: 90%;
        height: auto;
    }

    /* .team-franchisees .grey-back .btn-primary {
        position: absolute;
        top: auto;
        bottom: 34px;
        Left: auto;
        opacity: 1;
        right: auto;
    } */

    /* .team-franchisees .grey-back {
        min-height:390px!important;
        position: relative;
    }

    .team-franchisees .grey-back:hover .btn-primary {
        opacity: 1;
        transform: translateY(25px);
    } */

    .team-header-gallery {
        position: absolute;
        right: -160px;
        left: auto;
        top: 120px;
        max-width: 730px;
        overflow-x: hidden;
    }

    .team-header-gallery .image-wrapper {
        min-height: 150px;
    }

    .team-header {
        overflow: hidden;
        min-height: 40vh;
    }

    .social-login-wrapper .social-btn {
        padding: 10px 10px 10px 25px;
        font-size: 15px;
    }

    .near-you {
        max-height: 255px;
        padding-right: 0;
        max-width: 380px;
    }

    .near-you .left-img {
        width: 35%;
        padding: 5px;
    }

    .near-you .list-unstyled {
        margin-bottom: 5px;
    }

    .near-you .list-unstyled li {
        line-height: 20px;
    }

    .search-branch-page .h2 {
        font-size: 1.5rem!important;
    }

    .searchBranchPage-map #map {
        width: 100%;
        /* height: 510px; */
        min-height: calc(100vh - 16vh)!important;
    }

    .searchBranchPage-map #sales_map, .searchBranchPage-map #rentals_map, .searchBranchPage-map #commercial_map {
        width: 100%;
        height: 510px;
    }

    .agent-search .select2-container--default .select2-selection--single .select2-selection__rendered {
        max-width: 240px!important;
        min-width: 240px;
    }

    .agent-profile-header .block-div .left-align {
        min-width: 50%;
    }

    .agent-profile-header .col.slide {
        padding: 10px;
        margin: 14px auto;
        border-radius: 8px;
        min-width: 370px;
        max-width: 370px!important;
        float: right;
    }

    .agent-profile-header .agent-name {
        line-height: 15px;
    }

    .agent-profile-header .slide-caption .right-align {
        margin-top: 15px;
    }

    .individual-branch-profile-header .col.slide {
        min-width: 390px!important;
        max-width: 390px!important;
        float: left;
    }

    .campaign-header {
        position: absolute;
        top: 10%;
        left: 0;
        right: 0;
    }

    .social-icons i {
        font-size: 25px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .developments-header {
        height: 300px;
    }

    .developments-row .block-div img {
        width: 6%!important;
    }

    .areas-btns .btn-primary {
        padding: 5px 13px!important;
    }

    .view.overlay {
        max-height: 280px;
    }

    .developments-available .col.slide .media {
        margin-top: 0;
    }

    .developments-available .slide-caption .right-align {
        margin-top: 15px;
    }

    .slide-caption .media img {
        width: 55px;
    }

    .view-bigger i, .view-bigger a {
        font-size: 20px;
        line-height: 38px;
    }

    .footer-signup {
        position: relative!important;
        /* top: 97%;
        right: auto;
        max-width: 330px;
        bottom: 1.5%; */
        /* border: 2px solid #fff; */
        /* padding: 16px;
        left: 37%;
        text-align: center!important; */
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .search-navbar .select2-container--default .select2-selection--multiple {
        max-height: 40px;
        overflow-y: scroll;
    }

    .search-navbar .city-search {
        width: 340px !important;
        max-width: 100%;
      }

    .search-navbar .select2-container--default .select2-selection--multiple::-webkit-scrollbar {
        height: 0.3em!important;
        width: 0.5em!important;
        border-radius: 50px;
    }
     
    .search-navbar .select2-container--default .select2-selection--multiple::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
        width: 0.5em!important;
        background-color: #fff;
    }
     
    .search-navbar .select2-container--default .select2-selection--multiple::-webkit-scrollbar-thumb {
        border-radius: 50px;
        background-color: #A8A8A8;
        outline: none;
        width: 0.5em!important;
    }

    .sell-property .media img {
        margin-top: 5px;
    }

    .sell-blogs .img-overlay {
        padding: 10px;
    }

    .sell-blogs .img-overlay h3 {
        left: 10px;
    }

    .home-categories .img-overlay {
        padding: 75% 10px 0 10px!important;
    }

    .img-overlay p.date {
        margin-bottom: 0px;
        line-height: 30px;
    }

    .img-overlay p.date>i {
        vertical-align: middle;
        line-height: 20px;
        margin-right: 5px;
    }

    .ms-skin-light-3 .ms-nav-next {
        width: 60px!important;
        top: 21%!important;
        right: 0%!important;
        background-color: transparent!important;
        height: 100px!important;
        padding-top: 80px;
    }

    .ms-skin-light-3 .ms-nav-prev {
        width: 60px!important;
        top: 37%!important;
        left: 0%!important;
        background-color: transparent!important;
        height: auto!important;
        padding-top: 40px!important;
    }

    .commercial .col.slide {
        min-width: 310px!important;
        max-width: 310px!important;
        float: left;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-next {
        width: 50px!important;
        top: 25%!important;
        right: -1.9%!important;
        background-color: transparent!important;
        height: 100px!important;
        padding-top: 80px;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-prev {
        width: 50px!important;
        top: 35%!important;
        left: -3%!important;
        background-color: transparent!important;
        height: auto!important;
        padding-top: 110px!important;
    }

    #commercial-prop .ms-skin-light-3 .ms-nav-next {
        width: 60px!important;
        top: 26%!important;
        right: 0%!important;
        background-color: transparent!important;
        height: 100px!important;
        /* padding-top: 80px; */
    }

    .ms-skin-light-3 .ms-bullets.ms-dir-h {
        bottom: 20px;
    }

    .col.slide {
        min-width: 326px;
        max-width: 326px;
    }

    .listing-gallery .carousel-item, .listing-gallery .carousel-item.active {
        max-width: 100%!important;
        max-height: 94vh;
        min-height: 64vh;
        height: auto;
    }

    .letting-page-slider .col.slide {
        min-width: 310px!important;
        max-width: 310px!important;
        float: none;
    }

    .branch-page-properties .col.slide {
        min-width: 285px!important;
        max-width: 285px!important;
        max-height: 300px;
        min-height: 300px;
    }

    .branch-page-properties .col.slide .slide-caption .media img {
        width: 30px;
    }

    .branch-page-properties .slide-caption .right-align {
        margin-top: 10px;
    }

    .branch-page-properties .slide-caption .right-align {
        margin-top: 10px;
        min-width: 100px!important;
        max-width: 100px!important;
    }

    .branch-page-properties .agent-name {
        line-height: 15px;
    }

    .branch-page-properties .block-div .right-align {
        max-width: 200px;
        min-width: 48%;
    }

    .branch-page-properties .block-div .left-align {
        min-width: 52%;
        max-width: 52%;
    }

    .branch-page-properties .block-div p {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .branch-page-properties .location {
        font-size: 12px!important;
    }

    .searchpage-map {
        top: 205px!important;
    }

    .slide-caption .media img {
        width: 35px;
    }

    .slide-caption .left-align {
        min-width: 52% !important;
        max-width: 52% !important;
        padding: 5px 0 !important;
    }

    .slide-caption .right-align {
        margin-top: 15px;
    }

    .sell-header .container {
        padding: 5% 3%!important;
    }

    .commercial-categories {
        margin-top: -3%;
    }

    .let-signup .container {
        padding: 3% 3% 3% 3%;
    }

    .sell-agents .card {
        padding: 15px;
        border: 0;
    }

    .testimonials .stars img {
        width: 70px;
        height: 70px;
        padding: 15px;
    }

    .contact-agent-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 6px 6px 6px;
        top: 60%;
    }

    .franchisees-header .container {
        min-height: 480px;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .block-div p {
        font-size: 13px;
    }
}

@media (min-width: 1300px) and (max-width: 1500px) {
    .display-none {
        display: none;
    }

    .home-header-wht-heading {
        line-height: 40px;
        vertical-align: text-top;
        font-size: 40px!important;
        margin-bottom: 30px!important;
    }

    .map-click-wrapper {
        height: calc(100vh - 28vh)!important;
    }

    .searchBranchPage-map .map-click-wrapper, .searchBranchPage-map #map {
        height: calc(100vh - 10vh)!important;
    }

    .gm-style .gm-style-iw-c {
        padding: 0 10px;
    }

    .near-you {
        max-width: 350px;
    }

    .branch-results .media {
        margin: 3px 0;
    }

    .custom-popup.near-you {
        padding-top: 5px!important;
        padding-bottom: 5px!important;
    }

    .search-branch-page .form-control.search {
        max-width: 275px!important;
        min-width: 275px!important;
    }

    .location {
        font-size: 13px!important;
        line-height: 15px;
    }

    .block-div .right-align {
        min-width: 45%;
        max-width: 45%;
    }

    .block-div .left-align {
        min-width: 55%;
        max-width: 55%;
    }

    .slide-caption .right-align {
        margin-top: 7%;
    }
    
    .branch-page-properties .col.slide {
        min-width: 310px!important;
        max-width: 310px!important;
    }

    .branch-page-properties .col.slide .location {
        font-size: 15px!important;
    }

    .search-results-page .col.slide {
        min-width: 315px!important;
        max-width: 315px!important;
        width: auto;
    }

    .listings {
        justify-content: center;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-next {
        width: 50px!important;
        top: 25%!important;
        right: -3% !important;
        background-color: transparent!important;
        height: 100px!important;
        padding-top: 110px;
    }

    .branch-page-properties .col.slide {
        min-width: 260px!important;
        max-width: 260px!important;
        min-height: 310px;
    }

    .branch-page-properties .col.slide {
        min-width: 310px!important;
        max-width: 310px!important;
        min-height: 350px;
    }

    .listing-gallery .carousel-item, .listing-gallery .carousel-item.active {
        max-width: 100%!important;
        max-height: 91vh;
        min-height: 91vh;
        height: auto;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    header .nav-link i {
        font-size: 30px;
        line-height: normal;
        vertical-align: middle;
    }

    header .bg-light {
        padding: 0!important;
    }

    .home-categories .image-wrapper:hover .img-overlay {
        padding: 71% 10px 0 10px!important;
    }
    
    .home-header {
        padding-top: 4rem!important;
        padding-bottom: 4rem!important;
    }

    .properties-left .col.slide {
        min-width: 320px;
        max-width: 320px!important;
        width: auto;
    }

    .search-areas-wrapper {
        max-width: 27%!important;
    }

    .search-results-page .properties-left .col.slide {
        min-width: 330px!important;
        max-width: 350px!important;
        width: auto;
    }

    .search-navbar .form-control {
        max-width: 140px;
        min-width: 140px;
        width: auto;
    }

    .search-navbar .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
        background-color: transparent;
    }

    .searchBranchPage-map .gm-style .gm-style-iw-c {
        padding: 5px 10px!important;
    }

    .search-navbar .input-group {
        min-width: 100px;
    }
    
    .block-div .left-align {
        min-width: 50%;
        max-width: 50%;
    }

    .property-name {
        min-height: 20px;
        max-height: 40px;
        height: auto;
        float: left;
        width: 100%;
    }

    .slide-caption .left-align {
        min-width: 60%;
        padding: 5px;
    }

    .testimonials.letting-page .grey-back {
        min-height: 510px;
    }

    .img-overlay p.date {
        margin-left: 10px;
        vertical-align: middle;
    }

    .about-section-absolute {
        margin-top: -170px;
        margin-bottom: -180px;
    }

    .about-section-absolute img {
        width: 100%;
        height: auto;
    }

    .commercial .ms-skin-light-3 .ms-nav-next {
        width: 60px!important;
        padding-top: 120px;
        top: 11%!important;
        right: -70px!important;
        background-color: transparent!important;
    }

    .commercial .ms-skin-light-3 .ms-nav-prev {
        width: 60px!important;
        padding-top: 120px;
        top: 10%!important;
        left: -70px!important;
        background-color: transparent!important;
    }

    .commercial-page-body .search-navbar .input-group {
        min-width: 175px;
    }

    .commercial-categories .shadow h2 {
        bottom: 13px;
    }

    .commercial .media-body .agent-name {
        max-width: 100px!important;
        word-break: break-word;
        line-height: 20px!important;
    }

    .agent-profile .ms-skin-light-3 .ms-nav-next {
        top: 22% !important;
      }

    .location {
        line-height: 15px;
        padding-left: 20px;
    }

    .location img, .block-div .location img {
        margin-left: -20px!important;
    }

    .developments-row .block-div img {
        width: 6%!important;
    }

    .near-you {
        max-height: 335px!important;
    }

    .branch-results .near-you .media-body {
        padding: 3px 0px!important;
        max-width: 170px!important;
    }

    .search-results-page .select2-container--default .select2-results>.select2-results__options {
        margin-left: -40px!important;
    }

    .select2-container {
        z-index: 9999999999!important;
    }

    .sell-header .container {
        padding: 5%;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-width: 0 6px 6px 6px;
    }

    .team-header-gallery {
        position: absolute;
        right: -60px;
        left: auto;
        top: 120px;
        max-width: 730px;
        overflow-x: hidden;
    }

    .testimonials .shadow img, .home-journey-blocks .shadow img {
        bottom: 25px;
    }

    .branch-page-properties .slide-caption .agent-name {
        line-height: 15px;
        max-width: 100px;
    }
}

@media (min-width: 1400px) and (max-width: 1500px) {
    .home-header {
        padding-top: 7rem!important;
        padding-bottom: 7rem!important;
    }

    .testimonials .shadow img, .home-journey-blocks .shadow img {
        bottom: 25px;
    }

    .search-results-page .properties-left .col.slide {
        min-width: 320px!important;
        max-width: 330px!important;
        width: auto;
    }

    .search-results-page .select2-container--default .select2-results>.select2-results__options {
        margin-left: -40px!important;
    }

    .near-you {
        max-height:288px!important;
    }

    .select2-container {
        z-index: 99999999!important;
    }

    .search-navbar .input-group {
        min-width: 110px;
    }

    .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #f4ce3c transparent;
        border-width: 0 6px 6px 6px;
    }

    .commercial-categories {
        margin-top: -3%!important;
    }
}