/*==================================================
RESPONSIVE
GiftMakkah
==================================================*/

/* ---------- Tablets ---------- */

@media (max-width:1200px){

.woocommerce ul.products{

grid-template-columns:repeat(3,1fr);

}

}

/* ---------- iPad ---------- */

@media (max-width:991px){

.gm-section{

padding:90px 0;

}

.gm-container{

padding:0 20px;

}

.gm-hero{

padding:80px 0;

min-height:auto;

}

.gm-hero-grid{

grid-template-columns:1fr;

gap:60px;

}

.gm-hero-content{

max-width:100%;

text-align:center;

}

.gm-buttons{

justify-content:center;

}

.gm-features{

grid-template-columns:1fr;

}

.gm-hero-image{

order:-1;

}

.gm-story{

grid-template-columns:1fr;

}

.gm-story-image{

order:-1;

}

.gm-services-grid{

grid-template-columns:repeat(2,1fr);

}

.woocommerce ul.products{

grid-template-columns:repeat(2,1fr);

}

}

/* ---------- Mobile ---------- */

@media (max-width:767px){

.gm-title{

font-size:34px;

}

.gm-subtitle{

font-size:17px;

}

.gm-services-grid{

grid-template-columns:1fr;

}

.gm-buttons{

flex-direction:column;

align-items:stretch;

}

.gm-btn{

width:100%;

}

}

/* ---------- Small Mobile ---------- */

@media (max-width:576px){

.gm-section{

padding:70px 0;

}

.gm-container{

padding:0 16px;

}

.woocommerce ul.products{

grid-template-columns:1fr;

}

}
/*==================================================
Mobile Polish
==================================================*/

@media (max-width:768px){

.gm-services-grid{

display:grid;

grid-template-columns:1fr!important;

gap:24px;

}

.gm-card{

padding:30px;

border-radius:22px;

}

.gm-card h3{

font-size:28px;

line-height:1.25;

margin-bottom:16px;

}

.gm-card p{

font-size:17px;

line-height:1.8;

}

.gm-why-grid{

grid-template-columns:1fr;

}

.gm-reviews-grid{

grid-template-columns:1fr;

}

}