@charset "utf-8";
/* CSS Document */

@media (min-width:1200px){
	.container{max-width:1230px}
	.bottom-content .col-lg-5{ 
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
	 }
.bottom-content .col-lg-7{
	-ms-flex: 0 0 62%;
	flex: 0 0 62%;
	max-width: 62%;}
	.bottom-content .right-col .right {
    max-width: 43%;
}

}
@media only screen and (min-width: 1024px) and (max-width:1199px) {
html{font-size: 14px;}
h2{font-size: 2rem;}
.nav ul{justify-content: flex-start}
.nav ul li{padding:0 16px;}
.nav ul a{font-size:17px;}

.is-fixed.nav ul{justify-content: flex-end}
.is-fixed.nav ul li{ padding: 0 10px; }
.is-fixed.nav ul a{ font-size: 15px; }
.is-fixed.nav ul ul li a{font-size:15px;}

.mortgage-box .submit-btn{ min-width: 1px; }
.recent-post .post-item .detail{padding-left: 20px;}
.recent-post .post-item .detail h5{font-size: 18px;}
.recent-post .post-item .detail ul.meta li{font-size: 16px;}
.testimonial .col-lg-10{-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%; margin: 0;  }
.bottom-content .right-col .right{ padding-top: 30px; }
footer .footer-nav ul li{font-size:16px;}
footer .copyright p{font-size:16px;}
}
@media only screen and (min-width: 992px) {
.mortgage-box .lidd_mc_form .col-md-12{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;}
.innerCont .sidebar .mortgage-box .lidd_mc_form .col-md-12{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
	
}
}

@media only screen and (max-width: 991px) {
.nav{display: none}
.header-meta.sticky{background:#fff;position: fixed;top:0;height:auto; z-index: 100;padding: 0;
	box-shadow:rgb(51, 51, 51) 0px -3px 10px -3px; width: 100%;  }
	.header-meta.sticky .top-right{display: none}
	.header-meta.sticky .brand-logo img{ max-height: 60px; }
.brand-logo{padding-top: 10px;}
.brand-logo img{ max-height: 80px; }
.top-right-buttons{display: none}
.top-right{ order: inherit; background-color: #000; padding:0; width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%; position: relative}
.top-right:before{content:''; background-color: #000;    width: 300%;  height: 100%; position: absolute; top: 0;  right: 100%;}
.top-right:after{content:''; background-color: #000;    width: 300%;  height: 100%; position: absolute; top: 0;  left: 100%;}
.top-right .content{margin-left:0;}
.top-right .content h5{display: none}
.top-right .content ul{ width: 100%;justify-content: space-between; }
.top-right .content ul li{margin-left:0;}
.top-right .content ul li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.top-right .content ul li.phone, 
.top-right .content ul li.last{display: inline-block}
.top-right .content ul li.last{ width: auto; }
.top-right .content ul li.last a{line-height: 35px;padding: 0 10px;text-transform: uppercase;font-size: 15px;font-weight: 400;color: #fff;background: #c3932f;display: block;}
.panel1 .box p{font-size: 18px;}
.innerCont .sidebar{max-width: 100%; margin-top: 40px;}
  
  .newmenu{display:none;}  
  .secondarymenu{text-align:right;padding: 10px 0;}
  
  
}	

@media only screen and (min-width: 768px) and (max-width:991px) {
html{font-size: 14px;}
p{font-size:16px;}
.btn{padding:0 25px;}
h2{font-size: 2rem;}

.homeBanner .figure-caption .category-search ul li{width: 33.33%;}
.homeBanner .figure-caption .category-search .action {
    display: flex;
    align-items: flex-end;
    padding-bottom: 5px;
}

.panel2 .box{border-width: 10px;}
.panel2 .box .inside{padding:10px;}
.panel2 .counter strong.percent{font-size: 3rem;font-weight:600;}
.mortgage-box{padding:30px;}
.mortgage-calculator h2.sec-title{margin:0 0 8px;}
.mortgage-calculator h2.sec-title br{display: none}

.recent-post .post-item:nth-child(5n+1){display: flex;}
.recent-post .post-item:nth-child(5n+1) .detail{padding-left: 20px;display: flex;}
.recent-post .post-item{display: block}
.recent-post .post-item .post-image{ max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100% }
.recent-post .post-item .detail{display: block;padding: 15px 0;}
.bottom-content .right-col .right{ padding-top: 30px; }
.woocommerce-page ul.products.columns-4{grid-template-columns: repeat(3, 1fr); }


footer .footer-nav ul li{font-size: 15px;padding: 0 5px;}


footer .logo-bridge{order: inherit;justify-content: center; padding-bottom: 25px;}
footer .copyright{justify-content: center;text-align: center;}
footer .copyright p{font-size:16px;}
}

@media only screen and (max-width: 767px) {
html{font-size: 14px;}
h1, h2{font-size:30px;}
.innerCont h1.page-title{margin-bottom: 15px;}
.homeBanner .figure-caption{position:relative; background: #000;}
.homeBanner .figure-caption .category-search{padding:25px 0;}
.homeBanner .figure-caption .category-search form{display: block}
.homeBanner .figure-caption .category-search ul{width: 100%;margin:0;padding:0;}
.homeBanner .figure-caption .category-search ul li{max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; padding:0 0 5px;}
.homeBanner .figure-caption .category-search .action .submit-btn{width: 100%; height: 50px;}
.homeBanner .figure-caption .category-search .action .submit-btn:hover{ background-color: #976b10; }

.panel1{padding:35px 0}
.property-list{padding:40px 0}
.mortgage-calculator{padding:50px 0}
.mortgage-box{padding:30px 15px;}
.mortgage-calculator h2.sec-title{margin:0 0 12px;}
.mortgage-calculator h2.sec-title br{display: none}
.mortgage-box .submit-btn{ min-width: 1px;padding: 0 25px; }



.recent-post .post-grid{ display: flex; flex-flow: wrap;grid-template-columns: inherit;grid-gap: inherit; }
.recent-post .post-item{display: block; margin-bottom: 20px;}
.recent-post .post-item .detail{display: block;padding: 15px;}
.recent-post .post-item .detail .post-content{display:block;}
.recent-post .post-item .post-image{ max-width: 100%!important; flex: 0 0 100%!important; -ms-flex: 0 0 100%!important; }
.news-letter h2 br{display: none}
.news-letter{margin-bottom: 40px;}


.bottom-content .right-col .right{ padding-top: 30px; }
.innerCont{padding: 40px 0;}
.innerBanner img{min-height: 200px; object-fit: cover}
.woocommerce-page ul.products.columns-4{grid-template-columns: repeat(2, 1fr);}

footer .footer-nav ul{justify-content: center;}
footer .footer-nav ul li{font-size: 15px;padding: 0 5px;}


footer .logo-bridge{order: inherit;justify-content: center; padding-bottom: 25px;text-align: center;}
footer .copyright{justify-content: center;text-align: center;}
footer .copyright p{font-size:16px;}
}




@media only screen and (max-width:400px) {
.header .col-md-12{padding: 0;}
.brand-logo{padding-left: 15px;}
.hamburger{padding-right: 15px;}
.top-right .content ul li{width: 16.66%;}
.top-right .content ul li.last a{white-space: nowrap; font-size: 11px;}

.woocommerce-page ul.products.columns-4{display:block;}
.woocommerce-page ul.products.columns-4 li{border-bottom:30px;}

}