/* ===========================================================
   VISHWAROOPAM GURUKULAM
   Responsive Stylesheet
=========================================================== */

.container{

    width:min(92%,1320px);

    margin:auto;

}

/*==========================================================
Large Laptop
==========================================================*/

@media (max-width:1400px){



}


/*==========================================================
Laptop
==========================================================*/

@media (max-width:1200px){

h1{

    font-size:48px;

}

h2{

    font-size:38px;

}

.section-padding{

    padding:80px 0;

}

.hero-content{

    max-width:700px;

}

}


/*==========================================================
Tablet
==========================================================*/

@media (max-width:992px){

/* Navigation */

.nav-menu{

    gap:18px;

}


/* Hero */

.hero,
.corp-hero{

    min-height:75vh;

}

.hero-content{

    text-align:center;

    margin:auto;

}

.hero-content h1{

    font-size:42px;

}

.hero-content p{

    font-size:18px;

}


/* About */

.about-grid{

    grid-template-columns:1fr;

    gap:40px;

}


/* Services */

.service-grid{

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

/* Footer */

.footer-grid{

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

}

}


/*==========================================================
Mobile
==========================================================*/

@media (max-width:768px){

/* General */

body{

    font-size:16px;

}

.section-padding{

    padding:60px 0;

}


/* Typography */

h1{

    font-size:34px;

}

h2{

    font-size:28px;

}

h3{

    font-size:22px;

}

p{

    font-size:16px;

    line-height:1.8;

}


/* Navigation */

.nav-menu{

    display:none;

}

.mobile-menu{

    display:block;

}


/* Hero */

.hero,
.corp-hero{

    min-height:auto;

    padding:120px 0 80px;

}

.hero-content{

    text-align:center;

}

.hero-buttons{

    flex-direction:column;

    gap:15px;

}

.btn-premium{
    width:100%;
    max-width:320px;
    margin-inline:auto;
}


/* Video */

.hero-video,
video{

    width:100%;

    height:auto;

}


/* Service Cards */

.service-grid{

    grid-template-columns:1fr;

    gap:25px;

}

.service-card{
    width:100%;
}

.service-card img{

    width:100%;

    height:auto;

}


/* Program Cards */

.program-grid{

    grid-template-columns:1fr;

}


/* Corporate Cards */

.corporate-grid{

    grid-template-columns:1fr;

}


/* Framework */

.framework-container{

    flex-direction:column;

}

.framework-line{

    display:none;

}

.framework-node{

    position:relative;

    left:auto;

    top:auto;

    bottom:auto;

    margin:25px auto;

}


/* About */

.about-grid{

    grid-template-columns:1fr;

}

.about-image{

    order:-1;

}


/* Contact */

.contact-grid{

    grid-template-columns:1fr;

}


/* Footer */

.footer-grid{

    grid-template-columns:1fr;

    text-align:center;

}

.footer-social{

    justify-content:center;

}


/* Images */

img{

    max-width:100%;

    height:auto;

}

}


/*==========================================================
Small Mobile
==========================================================*/

@media (max-width:480px){


.section-padding{

    padding:45px 0;

}

h1{

    font-size:30px;

}

h2{

    font-size:24px;

}

h3{

    font-size:20px;

}

p{

    font-size:15px;

}

.btn-premium{

    padding:14px 20px;

    font-size:15px;

}

.service-card h3{

    font-size:22px;

}

.service-card p{

    font-size:15px;

}

}