/*max width 1199px*/
@media(max-width:1199px){
    .common-title h3{
        font-size: 30px;
    }
    /* Header banner css start */
    .banner-wrapper .banner-left-content h1{
        font-size: 35px;
    }
    .banner-wrapper .banner-left-content p{
        font-size: 15px;
    }

    /* Header banner css end */
}

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

/*max width 991px*/
@media(max-width: 991px){
    .common-title h3 {
        font-size: 26px;
    }
    /*### Header Banner css start ####*/
    .header-wrapper .navbar .navbar-toggler {
        position: relative;
        z-index: 2;
        padding: 8px 10px;
        background: linear-gradient(270.57deg, #6DB7F2 0.33%, #1B70BB 99.38%);
        border: 0;
        color: #fff;
    }
    .header-wrapper .navbar .navbar-collapse{
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: rgb(255 255 255 / 80%);
        backdrop-filter: blur(10px);
        padding: 20px 10px;
        border-radius: 5px;
        box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%);
    }
    .header-wrapper .navbar-nav li{
        padding: 5px 5px;
    }
    .banner-wrapper .banner-inner-wrap{
        padding: 140px 0px 60px;
    }
    .banner-wrapper .banner-left-content h1 {
        font-size: 26px;
    }
    .banner-wrapper .banner-left-content p {
        font-size: 14px;
    }
    /*### Header Banner css end ####*/

    .immersive-technologies-list h4{
        font-size: 20px;
    }
    .immersive-technologies-list p{
        font-size: 15px;
    }

    .awesome-experiences-wrapper .awesome-experiences-left-content h3{
        font-size: 26px;
    }
    .awesome-experiences-wrapper .awesome-experiences-left-content p{
        font-size: 15px;
    }

    .common-content-box h3{
        font-size: 25px;
    }
    .common-content-box p{
        font-size: 14px;
    }
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}

/*max width 767px*/
@media(max-width: 767px){
	.awesome-experiences-wrapper::before{
        width: 100%;
    }
    .awesome-experiences-wrapper::after{
        display: none;
    }

    .generation-learners-inner-wrap::after, .generation-learners-inner-wrap::before{
        display: none;
    }
    .header-wrapper .navbar:before, .header-wrapper .navbar:after{
        display: none;
    }
}

/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media(max-width: 575px){
	.newsletter-wrap .newsletter-input{
        width: calc(100% - 140px);
    }
    .newsletter-wrap .newsletter-btn{
        width: 140px;
    }
}