/*==================================================
Project : bedanddeledadmission.com
Responsive CSS
==================================================*/
/*==================================================
Laptop
==================================================*/

@media (max-width:1199px){

    :root{

        --container:960px;

    }

    h1{

        font-size:48px;

    }

    h2{

        font-size:38px;

    }

    .nav-menu ul{

        gap:20px;

    }

    .hero-wrapper,
    .about-wrapper,
    .why-wrapper{

        gap:40px;

    }

    .course-grid{

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

    }

    .study-center-grid{

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

    }

    .testimonial-grid{

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

    }

    .contact-grid{

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

    }

    .footer-top{

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

    }

}


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

@media (max-width:991px){

    section{

        padding:20x 0;

    }

    h1{

        font-size:40px;

    }

    h2{

        font-size:34px;

    }

    .topbar{

        display:none;

    }

    .nav-menu{

        display:none;

    }

    .header-right{

        display:none;

    }

    .mobile-menu-btn{

        display:flex;

    }

    .hero{

        padding:70px 0;

    }

    .hero-wrapper{

        grid-template-columns:1fr;

        gap:50px;

    }

    .hero-content{

        order:2;

        text-align:center;

    }

    .hero-image{

        order:1;

    }

    .hero-btn{

        justify-content:center;

    }

    .hero-counter{

        justify-content:center;

        flex-wrap:wrap;

    }

    .enquiry-wrapper{

        grid-template-columns:1fr;

    }

    .about-wrapper{

        grid-template-columns:1fr;

    }

    .why-wrapper{

        grid-template-columns:1fr;

    }

    .process-wrapper{

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

    }

    .course-grid{

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

    }

    .study-center-grid{

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

    }

    .updates-wrapper{

        grid-template-columns:1fr;

    }

    .testimonial-grid{

        grid-template-columns:1fr;

    }

    .gallery-grid{

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

    }

    .cta-wrapper{

        flex-direction:column;

        text-align:center;

    }

    .contact-grid{

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

    }

}


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

@media (max-width:767px){

    :root{

        --container:100%;

    }

    section{

        padding:60px 0;

    }

    h1{

        font-size:34px;

    }

    h2{

        font-size:30px;

    }

    h3{

        font-size:26px;

    }

    .section-title{

        margin-bottom:40px;

    }

    .hero{

        padding:60px 0;

    }

    .hero-btn{

        flex-direction:column;

    }

    .hero-btn .btn{

        width:100%;

    }

    .hero-counter{

        flex-direction:column;

        gap:25px;

    }

    .enquiry-wrapper{

        padding:30px;

    }

    .course-grid{

        grid-template-columns:1fr;

    }

    .study-center-grid{

        grid-template-columns:1fr;

    }

    .process-wrapper{

        grid-template-columns:1fr;

    }

    .gallery-grid{

        grid-template-columns:1fr;

    }

    .contact-grid{

        grid-template-columns:1fr;

    }

    .footer-top{

        grid-template-columns:1fr;

    }

    .footer-bottom-wrapper{

        flex-direction:column;

        text-align:center;

    }

    .footer-links{

        justify-content:center;

        flex-wrap:wrap;

    }

}


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

@media (max-width:575px){

    .container{

        padding:0 15px;

    }

    h1{

        font-size:30px;

    }

    h2{

        font-size:28px;

    }

    .navbar{

        min-height:75px;

    }

    .logo img{

        max-height:55px;

    }

    .hero-content p{

        font-size:15px;

    }

    .btn{

        width:100%;

    }

    .btn-call,
    .btn-apply{

        width:100%;

        justify-content:center;

    }

    .enquiry-wrapper{

        padding:20px;

    }

    .enquiry-form{

        padding:20px;

    }

    .about-feature{

        align-items:flex-start;

    }

    .experience-box{

        position:relative;

        right:auto;

        bottom:auto;

        width:100%;

        margin-top:20px;

    }

    .notice-box,
    .blog-box{

        padding:25px;

    }

    .notice-item{

        flex-direction:column;

        gap:15px;

    }

    .blog-item{

        flex-direction:column;

    }

    .blog-item img{

        width:100%;

        height:220px;

    }

    .cta-wrapper{

        padding:40px 25px;

    }

    .cta-btn{

        width:100%;

        flex-direction:column;

    }

    .btn-outline-white{

        width:100%;

    }

    .contact-card{

        padding:30px 20px;

    }

    .google-map iframe{

        height:320px;

    }

}

/*==================================================
Page Banner
==================================================*/

@media(max-width:991px){

    .page-banner{

        padding:90px 0;

    }

    .page-banner-content h1{

        font-size:40px;

    }

}

@media(max-width:767px){

    .page-banner{

        padding:70px 0;

    }

    .page-banner-content h1{

        font-size:30px;

    }

    .breadcrumb li{

        font-size:14px;

    }

}

/*==================================================
About Page
==================================================*/

@media(max-width:991px){

    .about-wrapper{

        grid-template-columns:1fr;

    }

}

@media(max-width:767px){

    .about-content h2{

        font-size:32px;

    }

    .about-features{

        grid-template-columns:1fr;

    }

    .experience-box{

        left:15px;

        bottom:15px;

        padding:18px;

        min-width:140px;

    }

    .experience-box h3{

        font-size:30px;

    }

}

/*==================================================
Mission Vision
==================================================*/

@media(max-width:991px){

    .mission-grid{

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

    }

}

@media(max-width:767px){

    .mission-grid{

        grid-template-columns:1fr;

    }

    .mission-card{

        padding:35px 25px;

    }

}

/*==================================================
Achievement
==================================================*/

@media(max-width:991px){

    .achievement-grid{

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

    }

}

@media(max-width:767px){

    .achievement-grid{

        grid-template-columns:1fr;

        gap:20px;

    }

    .achievement-card{

        padding:30px 20px;

    }

    .achievement-card h3{

        font-size:34px;

    }

}

/*==================================================
FAQ
==================================================*/

@media(max-width:767px){

    .faq-question{

        padding:20px;

        font-size:16px;

    }

    .faq-answer{

        padding:0 20px 20px;

    }

}

@media (max-width:1200px){

    .header .container{
        padding:0 20px;
    }

    .logo img{
        height:75px;
    }

    .nav-menu ul{
        gap:20px;
    }

    .nav-menu ul li a{
        font-size:15px;
    }

    .btn-call,
    .btn-apply{
        padding:10px 18px;
        font-size:14px;
    }

}

@media (max-width:992px){

    .header .container{
        max-width:100%;
        padding:0 20px;
    }

    .navbar{
        min-height:90px;
    }

    .logo img{
        height:70px;
    }

    .nav-menu,
    .header-right{
        display:none;
    }

    .mobile-menu-btn{
        display:flex;
    }

}

@media (max-width:768px){

    .navbar{
        min-height:80px;
    }

    .logo img{
        height:60px;
    }

    .header .container{
        padding:0 15px;
    }

}

@media (max-width:480px){

    .navbar{
        min-height:75px;
    }

    .logo img{
        height:55px;
    }

}
@media(max-width:1199px){

    .nav-menu,
    .header-right,
    .topbar{

        display:none;

    }

    .mobile-menu-btn{

        display:flex;

    }

}
@media(max-width:1199px){

    .logo img{

        height:72px;

    }

    .navbar{

        min-height:90px;

    }

}
@media (max-width:1366px){

    .topbar{

        display:none;

    }

    .nav-menu{

        display:none;

    }

    .header-right{

        display:none;

    }

    .mobile-menu-btn{

        display:flex;

    }

    .logo img{

        height:75px;

    }

    .navbar{

        min-height:90px;

    }

}
@media (max-width:1366px){

    .header .container{

        max-width:100%;

        padding:0 20px;

    }

    .nav-menu ul{

        gap:18px;

    }

    .nav-menu ul li a{

        font-size:14px;

    }

    .btn-call,
    .btn-apply{

        padding:12px 18px;

        font-size:14px;

    }

    .logo img{

        height:78px;

    }

}
@media (max-width:1199px){

    .mobile-contact-bar{

        display:block !important;

        width:100%;

        background:var(--primary);

        text-align:center;

        padding:12px 15px;

    }

    .mobile-contact-bar a{

        display:flex;

        justify-content:center;

        align-items:center;

        gap:8px;

        color:#fff;

        font-size:16px;

        font-weight:600;

        text-decoration:none;

    }

}

/*==================================================
Course Introduction
==================================================*/

@media(max-width:991px){

    .course-intro-content{

        margin-top:20px;

    }

}

@media(max-width:767px){

    .course-intro-content h2{

        font-size:32px;

    }

    .course-highlights{

        grid-template-columns:1fr;

    }

    .course-badge{

        left:15px;

        bottom:15px;

        padding:15px 20px;

        min-width:150px;

    }

    .course-badge strong{

        font-size:28px;

    }

}
.contact-form .row{

display:flex;

flex-wrap:wrap;

}

.contact-form .col-xl-6,
.contact-form .col-lg-6,
.contact-form .col-md-6{

flex:0 0 50%;
max-width:50%;
padding: 12px;
}

@media(max-width:767px){

.contact-form .col-xl-6,
.contact-form .col-lg-6,
.contact-form .col-md-6{

flex:0 0 100%;
max-width:100%;

}

}