/* ==========================================
   LK GOLD PALACE PRIVATE LIMITED
   RESPONSIVE DESIGN
========================================== */

/* Large Screens */

@media screen and (max-width:1400px){

.container{

width:95%;

}

.hero-content h1{

font-size:64px;

}

}

/* Laptop */

@media screen and (max-width:1200px){

#header .container{

flex-direction:column;

padding:15px;

}

nav{

margin-top:20px;

}

nav ul{

flex-wrap:wrap;

justify-content:center;

}

.about-grid{

grid-template-columns:1fr;

}

.contact-grid{

grid-template-columns:1fr;

}

.stats-grid{

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

}

.features-grid{

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

}

}

/* Tablet */

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

.hero-content h1{

font-size:54px;

}

.hero-content h2{

font-size:30px;

}

.product-grid{

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

}

.gallery-grid{

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

}

.vision-grid{

grid-template-columns:1fr;

}

.manufacturing-grid{

grid-template-columns:1fr;

}

.form-grid{

grid-template-columns:1fr;

}

}

/* Mobile */

@media screen and (max-width:768px){

#header .container{
flex-direction:row;
flex-wrap:wrap;
padding:10px 12px;
}

.logo-section{
flex-direction:row;
text-align:left;
}

.logo-section img{
width:54px;
margin:0 10px 0 0;
}

.company-name p{
display:none;
}

nav{
width:100%;
margin-top:10px;
overflow-x:auto;
scrollbar-width:thin;
}

nav ul{
flex-direction:row;
flex-wrap:nowrap;
justify-content:flex-start;
gap:18px;
padding-bottom:8px;
}

nav a{
white-space:nowrap;
}

.subpage-section{
padding-top:175px;
}

section{

padding:80px 0;

}

.company-name h1{

font-size:26px;

}

.company-name h2{

font-size:16px;

}

#home{

padding:160px 20px 80px;

}

.hero-content h1{

font-size:42px;

}

.hero-content h2{

font-size:24px;

}

.hero-content p{

font-size:15px;

}

.hero-buttons{

display:flex;

flex-direction:column;

align-items:center;

}

.gold-btn,
.green-btn{

width:260px;

text-align:center;

margin-bottom:15px;

}

.section-title h2{

font-size:36px;

}

.stats-grid,
.features-grid,
.product-grid,
.gallery-grid,
.contact-grid,
.about-grid{

grid-template-columns:1fr;

}

.gallery-item{

height:250px;

}

.product-search input{

width:100%;

}

}

/* Small Mobile */

@media screen and (max-width:480px){

.hero-content h1{

font-size:32px;

}

.hero-content h2{

font-size:20px;

}

.section-title h2{

font-size:28px;

}

.company-name h1{

font-size:22px;

}

.company-name h2{

font-size:14px;

}

.logo-section img{

width:60px;

}

.gold-btn,
.green-btn{

width:100%;

}

footer h3{

font-size:26px;

}

footer{

padding:50px 20px;

}

#whatsappButton{

width:55px;

height:55px;

right:15px;

bottom:20px;

}

#backToTop{

width:50px;

height:50px;

right:18px;

bottom:90px;

}

}

/* Ultra Wide Screens */

@media screen and (min-width:1600px){

.container{

max-width:1550px;

}

.hero-content h1{

font-size:82px;

}

.section-title h2{

font-size:56px;

}

}