/*=========================================
TABLET (992px)
=========================================*/

@media (max-width:991px){

.navbar{

padding:15px 0;

}

.logo{

width:65px;

}

.logo-text h5{

font-size:24px;

}

.logo-text span{

font-size:12px;

}

.navbar-nav{

text-align:center;

padding:25px 0;

}

.navbar-nav .nav-item{

margin:10px 0;

}

.enroll-btn{

display:block;

width:220px;

margin:20px auto 0;

text-align:center;

}

.hero{

padding:150px 0 80px;

}

.hero h1{

font-size:48px;

line-height:60px;

}

.hero p{

font-size:18px;

}

.about-image{

margin-bottom:40px;

}

.section-heading{

font-size:40px;

}

.subject-card{

margin-bottom:30px;

}

.why-card{

margin-bottom:30px;

}

.price-card{

margin-bottom:30px;

}

.form-wrapper{

padding:40px;

}

.footer{

text-align:center;

}

.social-links{

justify-content:center;

}

.footer-contact li{

justify-content:center;

}

}
/*=========================================
MOBILE (768px)
=========================================*/

@media (max-width:768px){

.logo{

width:55px;

}

.logo-text h5{

font-size:20px;

}

.logo-text span{

font-size:10px;

letter-spacing:2px;

}

.hero{

padding:130px 0 70px;

text-align:center;

}

.hero h1{

font-size:38px;

line-height:48px;

}

.hero p{

font-size:17px;

}

.hero-btn{

display:block;

margin-bottom:20px;

}

.section-heading{

font-size:32px;

text-align:center;

}

.section-tag{

display:block;

text-align:center;

}

.about-section{

padding:70px 0;

}

.about-image{

margin-bottom:35px;

}

.subject-card{

padding:30px;

}

.why-card{

padding:30px;

}

.price-card{

padding:35px;

}

.form-wrapper{

padding:30px 20px;

}

.custom-input{

height:60px;

}

.submit-btn{

width:100%;

}

.cta-box{

padding:50px 25px;

}

.footer{

padding:60px 0 20px;

}

.footer-logo{

margin:auto;

}

.footer-links{

margin-bottom:30px;

}

}

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

@media (max-width:576px){

.hero h1{

font-size:30px;

line-height:40px;

}

.hero p{

font-size:16px;

}

.logo{

width:45px;

}

.logo-text h5{

font-size:18px;

}

.logo-text span{

display:none;

}

.section-heading{

font-size:28px;

}

.hero-btn{

width:100%;

}

.enroll-btn{

width:100%;

}

.cta-btn{

width:100%;

display:block;

}

.price-card h2{

font-size:42px;

}

.form-wrapper{

padding:25px 15px;

}

.footer{

text-align:center;

}

}