/*==================================================
LARGE LAPTOP
==================================================*/

@media (max-width:1400px){

.hero h1{

font-size:60px;

}

.hero .container{

gap:50px;

}

}

/*==================================================
LAPTOP
==================================================*/

@media (max-width:1200px){

.container{

width:94%;

}

.hero .container{

grid-template-columns:1fr;

text-align:center;

}

.hero-content{

order:2;

}

.hero-right{

order:1;

}

.hero-buttons{

justify-content:center;

}

.trust-row{

justify-content:center;

}

.hero-stats{

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

}

.why-grid{

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

}

.course-grid{

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

}

.process-grid{

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

}

.stats-grid{

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

}

.footer-grid{

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

}

.about-grid{

grid-template-columns:1fr;

}

.contact-grid{

grid-template-columns:1fr;

}

.timeline::before{

left:25px;

}

.timeline-item{

width:100%;

padding-left:80px;

padding-right:0;

left:0!important;

text-align:left!important;

margin-bottom:35px;

}

.timeline-icon{

left:3px!important;

right:auto!important;

}

}

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

@media (max-width:992px){

section{

padding:80px 0;

}

h1{

font-size:52px;

}

h2{

font-size:38px;

}

.navbar{

position:fixed;

right:-100%;

top:0;

width:320px;

height:100vh;

background:#0B2C5D;

padding-top:120px;

transition:.4s;

z-index:9999;

}

.navbar.active{

right:0;

}

.navbar ul{

flex-direction:column;

gap:25px;

}

.mobile-toggle{

display:block;

}

.phone-btn{

display:none;

}

.hero{

padding:150px 0 100px;

}

.hero h1{

font-size:54px;

}

.hero-image{

max-width:420px;

}

.gallery-grid{

column-count:2;

}

.footer-cta-content{

flex-direction:column;

text-align:center;

}

}

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

@media (max-width:768px){

.hero h1{

font-size:42px;

}

h2{

font-size:32px;

}

.hero-stats{

grid-template-columns:1fr;

}

.why-grid{

grid-template-columns:1fr;

}

.course-grid{

grid-template-columns:1fr;

}

.process-grid{

grid-template-columns:1fr;

}

.stats-grid{

grid-template-columns:1fr;

}

.footer-grid{

grid-template-columns:1fr;

}

.about-list{

grid-template-columns:1fr;

}

.gallery-grid{

column-count:1;

}

.hero-buttons{

flex-direction:column;

}

.btn{

width:100%;

}

.floating-card{

display:none;

}

.scroll-down{

display:none;

}

.footer-bottom-flex{

flex-direction:column;

gap:12px;

text-align:center;

}

}

/*==================================================
SMALL MOBILE
==================================================*/

@media (max-width:480px){

.hero{

padding-top:130px;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:16px;

}

.section-tag{

font-size:12px;

}

.logo img{

height:48px;

}

.apply-btn{

display:none;

}

.hero-image{

max-width:100%;

}

.testimonial-card{

min-width:100%;

}

.contact-card{

padding:25px;

}

}