/* ===========================================
   Responsive.css
   Luxury Estate
=========================================== */

/* ===========================
   Large Laptop
=========================== */

@media (max-width:1400px){

.container{
    width:94%;
}

.hero-content h1{
    font-size:60px;
}

.section-title h2{
    font-size:42px;
}

}


/* ===========================
Laptop
=========================== */

@media (max-width:1200px){

.hero-content h1{
    font-size:52px;
}

.about .container{

grid-template-columns:1fr;

}

.project-grid{

grid-template-columns:repeat(2,1fr);

}

.counter-grid{

grid-template-columns:repeat(2,1fr);

}

.footer-grid{

grid-template-columns:repeat(2,1fr);

}

}


/* ===========================
Tablet
=========================== */

@media(max-width:992px){

nav{

display:none;

}

.mobile-menu{

display:block;

}

.header-btn{

display:none;

}

.hero{

height:90vh;

}

.hero-content h1{

font-size:44px;

}

.hero-content p{

font-size:18px;

}

.search-grid{

grid-template-columns:repeat(2,1fr);

}

.property-grid{

grid-template-columns:1fr;

}

.service-grid{

grid-template-columns:repeat(2,1fr);

}

.project-grid{

grid-template-columns:1fr;

}

.testimonial-slider{

grid-template-columns:1fr;

}

.features{

grid-template-columns:1fr;

}

}


/* ===========================
Mobile
=========================== */

@media(max-width:768px){

header .container{

height:75px;

}

.logo{

font-size:24px;

}

.hero-content h1{

font-size:34px;

}

.hero-content span{

font-size:13px;

}

.hero-content p{

font-size:16px;

}

.hero-btn{

padding:15px 30px;

}

.search-box{

margin-top:-30px;

}

.search-box form{

padding:20px;

}

.search-grid{

grid-template-columns:1fr;

}

.about{

padding:80px 0;

}

.about-right h2{

font-size:32px;

}

.section-title h2{

font-size:32px;

}

.property-content h3{

font-size:24px;

}

.counter-grid{

grid-template-columns:1fr;

}

.service-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.social{

justify-content:center;

}

.cta h2{

font-size:34px;

}

.cta p{

font-size:16px;

}

}


/* ===========================
Small Mobile
=========================== */

@media(max-width:480px){

.hero{

height:80vh;

}

.hero-content{

padding:10px;

}

.hero-content h1{

font-size:28px;

line-height:1.5;

}

.hero-content p{

font-size:15px;

}

.btn{

padding:12px 20px;

font-size:14px;

}

.hero-btn{

padding:14px 26px;

font-size:14px;

}

.property-card{

border-radius:15px;

}

.project-item img{

height:280px;

}

.counter-grid h2{

font-size:42px;

}

.section-title{

margin-bottom:40px;

}

.section-title h2{

font-size:28px;

}

}