/*==========================================
1400px
==========================================*/

@media(max-width:1400px){

.container{
    width:95%;
}

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

.yacht-grid{
    grid-template-columns:repeat(3,1fr);
}

}



/*==========================================
1200px
==========================================*/

@media(max-width:1200px){

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

.search-box form{

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

}

.why-grid{

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

}

.services-grid{

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

}

.destination-grid{

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

}

.counter-grid{

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

}

.testimonial-grid{

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

}

.gallery-grid{

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

}

.footer-grid{

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

}

}

/*==========================================
992px
==========================================*/

@media(max-width:992px){

.menu-btn{

display:block;

z-index:9999;

}

.nav-menu{

position:fixed;

top:0;

right:-100%;

width:300px;

height:100vh;

background:#111;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

gap:35px;

transition:.4s;

}

.nav-menu.active{

right:0;

}

.navbar .btn-gold{

display:none;

}

.hero{

text-align:center;

}

.hero-buttons{

justify-content:center;

flex-wrap:wrap;

gap:15px;

}

.hero h1{

font-size:46px;

}

.search-box{

margin-top:40px;

}

.search-box form{

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

}

.yacht-grid{

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

}

.gallery-grid{

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

}

}

/*==========================================
768px
==========================================*/

@media(max-width:768px){

section{

padding:70px 0;

}

.section-title h2{

font-size:34px;

}

.hero{

min-height:85vh;

}

.hero h1{

font-size:38px;

}

.hero p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

}

.btn-dark{

margin-left:0;

}

.search-box form{

grid-template-columns:1fr;

padding:25px;

}

.why-grid{

grid-template-columns:1fr;

}

.yacht-grid{

grid-template-columns:1fr;

}

.services-grid{

grid-template-columns:1fr;

}

.destination-grid{

grid-template-columns:1fr;

}

.counter-grid{

grid-template-columns:1fr;

}

.testimonial-grid{

grid-template-columns:1fr;

}

.gallery-grid{

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

gap:12px;

}

.gallery-grid img{

height:180px;

}

.footer-grid{

grid-template-columns:1fr;

text-align:center;

}

.social{

justify-content:center;

}

.cta-content h2{

font-size:38px;

}

.counter-box h2{

font-size:44px;

}

}

/*==========================================
576px
==========================================*/

@media(max-width:576px){

.logo{

font-size:26px;

}

.hero{

padding-top:120px;

}

.hero h1{

font-size:32px;

}

.hero-subtitle{

font-size:13px;

}

.section-title h2{

font-size:30px;

}

.section-title p{

font-size:15px;

}

.yacht-card img{

height:230px;

}

.destination-card img{

height:240px;

}

.cta-content h2{

font-size:30px;

}

.cta-content p{

font-size:15px;

}

.customer{

flex-direction:column;

text-align:center;

}

.testimonial-card{

padding:30px;

}

}