/* ===================================
   LARGE DEVICES
=================================== */

@media(max-width:1200px){

.main-navigation ul{

    gap:28px;
}

.slide-content h2{

    font-size:60px;
}

.section-heading h2{

    font-size:48px;
}

.cta-content h2{

    font-size:48px;
}

.contact-info h2{

    font-size:42px;
}

}

/* ===================================
   MEDIUM DEVICES
=================================== */

@media(max-width:992px){

.main-header-inner{

    flex-direction:column;

    justify-content:center;

    text-align:center;

    gap:22px;
}

.main-navigation{

    justify-content:center;
}

.main-navigation ul{

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;
}

.header-social{

    justify-content:center;
}

.slide img{

    height:75vh;
}

.slide-content h2{

    font-size:52px;
}

.slide-content p{

    font-size:20px;
}

.section-heading h2{

    font-size:42px;
}

.section-heading p{

    font-size:20px;
}

.feature-grid{

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

.cta-content h2{

    font-size:42px;
}

.cta-content p{

    font-size:20px;
}

/* CONTACT PAGE */

.contact-container{

    grid-template-columns:1fr;

    gap:50px;
}

.contact-info h2{

    font-size:40px;
}

.mini-showcase{

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

}

/* ===================================
   TABLET DEVICES
=================================== */

@media(max-width:768px){

.container{

    width:92%;
}

.main-header{

    padding:18px 0;
}

.header-logo img{

    max-height:60px;
}

.main-navigation ul{

    gap:16px;
}

.main-navigation ul li a{

    font-size:14px;
}

.header-social{

    gap:12px;
}

.header-social a{

    width:38px;

    height:38px;

    font-size:14px;
}

.slide img{

    height:65vh;
}

.slide-content{

    width:92%;
}

.slide-content h2{

    font-size:40px;

    line-height:1.2;
}

.slide-content p{

    font-size:18px;

    line-height:1.7;
}

.primary-btn,
.secondary-btn{

    padding:14px 28px;

    font-size:15px;
}

.home-section{

    padding:70px 20px;
}

.section-heading h2{

    font-size:36px;
}

.section-heading p{

    font-size:18px;
}

.feature-section{

    padding:70px 0;
}

.feature-grid{

    grid-template-columns:1fr;
}

.feature-card{

    padding:38px 26px;
}

.feature-card h3{

    font-size:24px;
}

.cta-section{

    padding:90px 0;
}

.cta-content h2{

    font-size:36px;
}

.cta-content p{

    font-size:18px;
}

/* PAGE BANNER */

.page-banner img{

    height:320px;
}

.banner-overlay h1{

    font-size:42px;
}

/* CONTACT PAGE */

.contact-section{

    padding:70px 20px;
}

.contact-info h2{

    font-size:34px;
}

.contact-form{

    padding:38px 28px;
}

.mini-showcase{

    grid-template-columns:1fr;
}

.mini-card{

    height:240px;
}

/* FOOTER */

.footer-container{

    grid-template-columns:1fr;

    text-align:center;
}

.footer-column{

    text-align:center;
}

.footer-social{

    justify-content:center;
}

.footer-logo{

    margin:auto auto 20px;
}

/* ERROR PAGE */

.error-content h1{

    font-size:100px;
}

.error-content h2{

    font-size:34px;
}

.error-content p{

    font-size:17px;
}

}

/* ===================================
   MOBILE DEVICES
=================================== */

@media(max-width:576px){

.main-header{

    padding:16px 0;
}

.header-logo img{

    max-height:54px;
}

.main-navigation ul{

    gap:12px;
}

.main-navigation ul li a{

    font-size:13px;
}

.header-social{

    gap:10px;
}

.header-social a{

    width:34px;

    height:34px;

    font-size:13px;
}

.slide img{

    height:58vh;
}

.slide-content{

    width:92%;
}

.slide-content h2{

    font-size:30px;

    margin-bottom:18px;
}

.slide-content p{

    font-size:16px;

    margin-bottom:28px;
}

.primary-btn,
.secondary-btn{

    width:100%;

    text-align:center;
}

.section-heading h2{

    font-size:30px;

    line-height:1.3;
}

.section-heading p{

    font-size:16px;

    line-height:1.8;
}

.feature-card{

    padding:32px 22px;
}

.feature-icon{

    width:72px;

    height:72px;

    font-size:26px;
}

.feature-card h3{

    font-size:22px;
}

.cta-section{

    padding:70px 0;
}

.cta-content h2{

    font-size:30px;

    line-height:1.3;
}

.cta-content p{

    font-size:16px;
}

/* PAGE BANNER */

.page-banner img{

    height:250px;
}

.banner-overlay h1{

    font-size:32px;
}

/* CONTACT PAGE */

.contact-info h2{

    font-size:28px;
}

.contact-info p{

    font-size:15px;
}

.contact-form{

    padding:30px 22px;
}

.contact-form input,
.contact-form textarea{

    padding:15px 18px;
}

.contact-box{

    flex-direction:column;

    gap:10px;
}

.contact-map iframe{

    height:280px;
}

/* FOOTER */

.footer-column h3{

    font-size:22px;
}

.footer-column p{

    font-size:14px;
}

.footer-social a{

    width:40px;

    height:40px;

    font-size:15px;
}

/* WHATSAPP */

.whatsapp-btn img{

    width:54px;
}

/* ERROR PAGE */

.error-content h1{

    font-size:80px;
}

.error-content h2{

    font-size:28px;
}

.error-content p{

    font-size:16px;
}

}

/* ===================================
   EXTRA SMALL DEVICES
=================================== */

@media(max-width:400px){

.slide-content h2{

    font-size:26px;
}

.section-heading h2{

    font-size:26px;
}

.cta-content h2{

    font-size:26px;
}

.main-navigation ul{

    gap:10px;
}

.main-navigation ul li a{

    font-size:12px;
}

.banner-overlay h1{

    font-size:28px;
}

}