/*====================================

RESPONSIVE

====================================*/

@media(max-width:1200px){

.hero-content h1{

font-size:120px;

}

section h2{

font-size:54px;

}

}



@media(max-width:992px){

nav ul{

display:none;

}

.cards{

grid-template-columns:1fr 1fr;

}

.lookbook-grid{

grid-template-columns:1fr 1fr;

}

.gallery{

grid-template-columns:1fr 1fr;

}

.big-text{

display:none;

}

}



@media(max-width:768px){

.hero{

min-height:750px;

}

/* نشانگر ماوس روی موبایل معنا ندارد و روی متن می‌افتد */
.hero-scroll{

display:none;

}

.hero-content h1{

font-size:80px;

letter-spacing:5px;

}

.hero-content p{

font-size:18px;

}

section{

padding:100px 6%;

}

.cards{

grid-template-columns:1fr;

}

.lookbook-grid{

grid-template-columns:1fr;

}

.gallery{

grid-template-columns:1fr;

}

section h2{

font-size:40px;

}

.footer-menu{

flex-direction:column;

gap:20px;

}

}



@media(max-width:500px){

.hero-content h1{

font-size:60px;

}

.button{

padding:15px 28px;

font-size:12px;

letter-spacing:3px;

}

.logo{

font-size:32px;

}

}
@media(max-width:992px){

.lookbook{

grid-template-columns:1fr;

}

.lookbook-left{

position:relative;

top:0;

}

.large{

height:500px;

}

.medium{

height:350px;

}

.small{

margin-top:0;

height:350px;

}

}

@media(max-width:768px){

.lookbook-left h2{

font-size:56px;

}

.lookbook{

padding:120px 6%;

}

.lookbook-right{

grid-template-columns:1fr;

}

.large{

grid-column:auto;

}

}
@media(max-width:992px){

.gallery-grid{

grid-template-columns:1fr 1fr;

}

.gallery-card:nth-child(4){

grid-column:auto;

}

}

@media(max-width:768px){

.gallery-grid{

grid-template-columns:1fr;

grid-auto-rows:350px;

}

.gallery-card{

grid-column:auto!important;

grid-row:auto!important;

}

}
@media(max-width:992px){

.brand-story{

grid-template-columns:1fr;

}

.brand-image img{

height:600px;

}

}

@media(max-width:768px){

.brand-content h2{

font-size:52px;

}

.brand-stats{

justify-content:space-between;

gap:30px;

}

.brand-stats h3{

font-size:42px;

}

}
@media(max-width:992px){

.journal-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.journal-grid{

grid-template-columns:1fr;

}

.journal{

padding:120px 6%;

}

}

@media(max-width:992px){

.contact-content h2{

font-size:60px;

}

.contact-bg-text{

font-size:140px;

}

}

@media(max-width:768px){

.contact-cta{

padding:140px 6%;

}

.contact-content h2{

font-size:42px;

}

.contact-bg-text{

font-size:80px;

letter-spacing:10px;

}

.socials{

gap:20px;

}

}