/* Mobile */
@media (max-width: 767px){
    .mobi-logo{
        display: inline-block;
        width: 80px;
        padding: 5px 0;
        margin-left: 20px;
    }

    .home-logo, .logo{
        display: none;
    }

    .mobi-nopad{
        padding:0;
    }
    
    .mobi-noshow{
        display:none;
    }

    .mobi-breaks{
        display: block;
    }

    .ms-thumb{
        display: none;
    }

    .navbar-default .navbar-toggle {
        border-color: transparent;
        color: #D2AB6B;
        font-size: 30px;
        margin: 10px 10px 0;
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }

    .navbar-collapse {
        border-top: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .header {
        max-height: 100px;
    }

    .h-active .navbar-nav{
        background-color: #fff;
    }

    .navbar-nav {
        float: none;
        margin-right: 0;
        text-align: center;
        margin: 0;
        background-color: #1A2A57;
        padding-top: 10px;
    }

    .h-active .nav>li, .nav>li {
        padding: 0 0 10px;
    }

    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2.5em;
    }

    .home-head {
        /* background: url(/images/home-header.png) no-repeat center center/cover; */
        margin: 80px 0 0;
        height: auto;
    }

    .head-info {
        width: 100%;
        padding: 30px 0;
    }

    .featured-properties h2 {
        margin-bottom: 10px;
        padding: 0;
        text-align: left;
    }

    .property-box {
        text-align: center;
        max-width: 400px;
        margin: 0 auto;
        min-height: auto;
        padding-bottom: 20px;
    }

    .property-box .btn-primary {
        position: relative;
        bottom: 0;
        padding: 10px 15px;
        font-size: 16px;
    }

    .swirl {
        width: 30px;
        margin: 0 auto 10px;
    }

    .btn-main {
        margin: 10px 0 0;
        font-size: 17px;
    }

    /* Properties  */
    .properties h1 {
        font-size: 3em;
    }

    .pfs {
        margin-bottom: 15px;
        max-width: none;
        max-width: 350px;
    }

    .select-wrapper {
        max-width: 350px;
        margin: 0 auto;
    }

    .properties-filterbox {
        padding-bottom: 20px;
        margin-top: 20px;
        display: none;
    }

    .properties .btn-gold{
        margin: 0 auto 10px;
        display: block;
        border: 1px solid #D2AB6B;
        color: #fff;
    }

    .properties .btn-gold:hover, .properties .btn-gold:focus{
        color: #fff;
        background-color: #D2AB6B;
        border: 1px solid #D2AB6B;
    }

    /* Properties Individual */
    .properties-individual {
        margin-top: 80px;
        padding: 20px 0;
    }

    .nopad-l {
        padding-left: 15px;
    }

    .key-info {
        max-width: 340px;
        margin: 0 auto 20px;
    }

    #keyInfo {
        /* padding-top: 20px; */
    }

    .key-info .col-md-5 p {
        padding-left: 0;
        margin-bottom: 10px;
    }

    .property-info ul {
        text-align: left;
        padding-left: 2em;
    }

    .tablet-features {
        display: block;
    }

    .tablet-hide{
        display:none;
    }

    .mobile-center {
        /* margin: 0 auto; */
        display: block;
        width: fit-content;
        /* max-width: 410px; */
    }

    .enquire {
        margin: 5% auto;
        max-width: 500px;
    }

    .indiv-info h1 {
        font-size: 23px;
    }

    .key-info p {
        margin-bottom: 10px;
    }

    .key-info h3 {
        margin-bottom: 0;
        cursor: pointer;
        padding-bottom: 25px;
    }

    /* Conveyancing */
    .conveyancing {
        margin-top: 97px;
    }

    .head-swirl {
        width: 20px;
        margin: 0 auto 10px;
    }

    .body-h1 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 5%;
    }

    .right-choice ul {
        margin-bottom: 30px;
        margin-right: 0;
    }

    .right-choice ul{
        text-align: left;
    }

    .conveyancing h2 {
        font-size: 2em;
        margin-bottom: 20px;
        text-align: left;
    }

    .inner-padding {
        text-align: left;
        padding: 10px;
        max-width: 350px;
        margin: 0 auto 20px;
    }

    .six-icons .col-md-6 {
        margin-bottom: 20px;
    }

    .inner-padding img {
        width: 30px;
        margin: 0 auto;
        display: block;
    }

    .six-icons p {
        line-height: 45px;
        margin-top: 0;
        font-size: 15px;
    }
    
    .apply-loanbox {
        /* background: url(https://via.placeholder.com/400x500.jpg) no-repeat center center/cover; */
        padding: 220px 30px 30px 30px!important;
        width: 100%;
        max-width: 500px;
        margin: 0 auto 20px;
		float: none;
		height: 350px!important;
    }

    .view-propertiesbox {
        background-color: #D2AB6B;
		padding: 185px 30px 30px 30px;
        width: 100%;
        max-width: 500px;
        margin: 0 auto 20px;
		float: none;
		height: 350px!important;
    }
    
    .contact .view-propertiesbox {
        padding: 215px 30px 30px 30px;
    }

    .contact .view-propertiesbox h2, .contact .apply-loanbox h2 {
        font-size: 27px!important;
    }

    .footer-logo {
        width: 40%;
        margin: 0 auto;
        padding: 10px 0;
    }

    .convey-head h1 {
        font-size: 3em;
    }

    .conveyancing {
        text-align: left;
    }

    .modal-dialog {
        width: 90%;
    }

    .modal{
        padding-right:0!important;
    }

    .body-swirl {
        width: 20px;
    }

    .six-icons {
        margin-bottom: 0;
        margin-top: 20px;    }

    .following-services ul{
        text-align: left;
    }

    .schedule h3 {
        font-size: 2em;
        margin: 20px 0;
    }

    .enquire h1 {
        font-size: 2em;
        text-align: left;
    }

    .property-info h3 {
        font-size: 25px;
        margin-bottom: 20px;
    }

    /* .navbar-default .navbar-nav>li>a {
        padding: 0;
    } */

    .home-head p {
        font-size: 20px;
        margin: 10px 0;
    }

    .head-info .btn-property, .head-info .btn-gold {
        width: 240px;
        font-size: 15px;
        padding: 10px 25px;
    }

    .head-info span{
        display:inline-block;
        width: 100%;
    }

    .head-info .btn-gold {
        margin-left: 0;
        margin-top:10px;
    }

    .overview, .what-we-offer  {
        text-align: left;
    }

    .schedule-swirl {
        width: 30px;
    }

    .featured-properties {
        text-align: left;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 0;
    }

    .loan-head h1, .contact-head h1, .about-head h1 {
        font-size: 3em;
    }

    .contact h2 {
        line-height: 26px;
        font-size: 23px!important;
        padding-right: 0;
    }

    .email-icon {
        margin-right: 33px!important;
    }

    .contact-info a {
        font-size: 17px;
        line-height: 20px;
    }

    .pagination-lg>li>a, .pagination-lg>li>span {
        font-size: 18px;
        font-weight: 600;
        padding: 8px 16px;
    }

    .body-swirl {
        display: none;
    }

    .properties-filterbox label {
        display: block;
        text-align: center;
    }
    
    .property-img {
        min-height: auto;
        max-height: 259px;
    }

    #propertyFilters .col-md-3, #propertyFilters .col-md-2 {
        padding-left: 15px;
    }

    .properties-filterbox .btn-main {
        margin: 0 auto;
        display: block;
        max-width: 350px;
    }

    .nopad-r {
        padding-right: 15px;
    }

    .about-info p {
        font-size: 21px;
        line-height: 25px;
    }

    .footer p {
        margin-bottom: 20px;
    }

    .footer-info img {
        margin-right: 33px;
    }

}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
    .mobi-logo{
        display: none;
    }

    .h-active .home-logo, .home-logo, .logo{
        display: block;
        margin-left: 0;
    }

    .navbar-nav {
        margin-right: 0;
        padding-right: 15px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 15px;
        padding: 0 1em 0 0;
    }

    .nav>li, .h-active .nav>li {
        padding: 45px 0 0;
    }

    .last-item a {
        padding: 0!important;
    }

    .mobi-nopad{
        padding:0;
    }

    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 3em;
    }

    .home-head {
		margin: 100px 0 0;
        height: 400px;
    }

    .tablet-property{
        display:block;
    }

    .pfs {
        max-width: 100%;
    }

    .select-wrapper {
        position: relative;
		max-width: 350px;
        margin: 0 auto 15px;
    }

    .property-box{
        min-height: 440px;
		text-align: center;
    }

    .property-box .btn-primary {
		transform: translate(-50%);
		bottom: 25px;
    }
    
    .property-info h3 {
        margin-bottom: 20px;
        font-size: 25px;
    }

   .tablet-features{
        display: block;
   } 
    
   .tablet-hide{
       display:none;
   }
    
   .loan-head h1 {
		text-align: center;
		color: #fff;
		font-size: 3em;
		font-weight: 600;
	}
    
	.body-h1 {
		font-size: 2em;
		line-height: 35px;
		margin-bottom: 20px;
	}
	
	.right-choice ul {
		margin-right: 0;
	}
	
	.right-choice li {
		margin-bottom: 15px;
	}

	.conveyancing h2 {
		font-size: 2em;
		margin-bottom: 20px;
	}

	.apply-loanbox {
		height: 390px;
		width: 100%;
		font-size: 18px;
	}

	.view-propertiesbox {
		height: 390px;
		width: 100%;
		font-size: 18px;
	}

	.mobi-breaks{
		display: none;
	}

	.six-icons h2 {
		margin: 10px 0;
	}

	.tab-nopad{
		padding:0;
	}

	.inner-padding {
		padding: 15px;
		text-align: center;
		/* min-height: 120px; */
	}

	.six-icons .col-md-4 {
		margin-bottom: 10px;
	}

	.six-icons p {
        font-size: 16px;
        line-height: 45px;
        margin-bottom: 0;
        text-align: left;
        padding-left: 25px;
	}

	.modal-dialog {
		width: 80%;
	}

	.convey-head h1 {
		font-size: 3em;
	}

	.convey-head {
		margin-bottom: 20px;
	}

	.body-swirl {
		width: 30px;
		margin: 20px auto;
	}

	.get-homeloan .inner-padding {
		min-height: 0;
	}

	.inner-padding img {
		/* width: 30px; */
        margin: 0;
		display: block;
	}

	.six-icons {
		margin-bottom: 20px;
	}

	.what-we-offer {
		padding: 0% 0 10px;
	}

	.following-services {
		margin-bottom: 20px;
	}

	.schedule h3 {
		margin: 20px 0;
		font-size: 3em;
	}

	.featured-properties h2 {
		padding: 0 10%;
	}

	.properties {
		padding: 3% 0 5%;
	}

	.property-info h4 {
		margin: 20px 0;
	}

	.enquire {
		margin-top: 3%;
	}

    .footer-logo {
		width: 300px;
		padding: 5% 0;
    }

    #propertyFilters{
        display: block;
    }

    .property-img {
        min-height: 230px;
    }

    .properties-filterbox label {
        display: block;
        text-align: center;
    }

    #propertyFilters .col-md-3, #propertyFilters .col-md-2 {
        padding-left: 15px;
    }

    .properties-filterbox .btn-main {
        margin: 0 auto;
        display: block;
        max-width: 350px;
    }

    .nopad-r {
        padding-right: 15px;
    }

    .about-info p {
        font-size: 21px;
        line-height: 30px;
    }

    .contact .apply-loanbox {
        height: 400px;
        width: 60%;
        padding: 28% 30px 30px 30px;
    }

    .contact .view-propertiesbox h2, .contact .apply-loanbox h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .contact .apply-loanbox {
        height: 300px;
        width: 100%;
        padding: 62% 15px 30px;
    }

    .contact .view-propertiesbox {
        height: 300px;
        padding: 62% 15px 30px;
    }
    
    .contact .btn-primary{
        font-size: 14px;
    }

    .footer-logo {
        width: 250px;
        padding: 3% 0;
    }

}

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

	.home-head {
		margin: 100px 0 0;
		height: 500px;
	}

	.head-info {
		padding: 10% 0;
	}

	.h-active .nav>li, .nav>li {
        padding: 6% 0;
    }
    
    .ss-nopad-r{
        padding-right: 0;
    }

    .ss-nopad{
        padding:0;
    }

	.navbar-nav {
        margin-right: 4em;
	}

	/* .h-active .home-logo, .home-logo, .logo{
        margin-left: 0;
	} */
	
	.navbar-default .navbar-nav>li>a {
		font-size: 14px;
        padding: 0 3em 0 0;
	}

	.featured-properties h2 {
        margin-bottom: 4%;
        padding: 0 10%;
	}

	.properties-filterbox .col-md-3 {
		padding-left: 0;
	}

	.pfs {
		max-width: 100%;
	}

	.properties {
		padding: 3% 0 6%;
	}

    .modal-dialog {
        width: 80%;
    }

    .view-propertiesbox {
        padding: 80% 30px 30px 30px;
        width: 100%;
    }

    .apply-loanbox {
        padding: 100% 30px 30px 30px;
        width: 100%;
    }

    .property-box {
        /* min-height: 390px; */
        min-height: 420px;
    }

    .property-img {
        min-height: 199px;
    }

	.footer-logo {
		width: 350px;
		padding: 6% 0;
    }

    #propertyFilters{
        display: block;
    }

    .contact .view-propertiesbox h2, .contact .apply-loanbox h2 {
        font-size: 3em;
    }

    .contact .view-propertiesbox {
        height: 360px;
    }

    .contact .apply-loanbox {
        height: 360px;
    }

    .about-info p {
        font-size: 25px;
        line-height: 30px;
    }

}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px){
    .home-head {
        margin: 110px 2% 0;
    }

    .navbar-nav {
        margin-right: 2em;
    }

    .home-logo {
        margin-left: 2em;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 18px;
        padding: 0 2em 0 0;
    }

    .nav>li {
        padding: 5% 0;
    }

    .right-choice ul {
        margin-right: 5%;
    }

    #propertyFilters{
        display: block;
    }
    
}