@media (min-width: 1200px) {
    .h2, h2 {
      font-size: 2.22rem;
    }
    
    }
    
  

@media (max-width:1366px) {

    .hero-animated {
        background-image: url('../images/bg-2.jpg');
        padding: 120px 0;
        background-repeat: repeat-x;
        background-size: cover;
    }


    .video-bg {
        background-image: url(../images/video-bg1.png);
        background-size: cover;
        background-repeat: no-repeat;
        width: 508px;
        height: 523px;
        background-position: top center;
        margin-top: 0;
        margin-bottom: -206px;
        scale: 1.22;
    }


    .video-mask {
        position: relative;
        width: 500px;
        overflow: hidden;
        mask-image: url(../images/mask--xs.png);
        -webkit-mask-image: url(../images/mask--xs.png);
        height: 450px;
        background-size: cover;
        -webkit-background-size: cover;
        background-image: url(../images/mask--xs.png);
    }

    video {
        width: 805px;
        position: relative;
        z-index: 1;
        height: 470px;
    }
} 

@media (max-width:767px) {
    .noAlign
    {
        text-align:unset !important;
    }

    .hero-animated {
        padding: 66px 0;
    }

    .video-bg {
        margin-top: 0px;
        margin-bottom: 0;
        width: 350px;
        height: 350px;
        scale: 1;
    }
    .video-btn {
        width: 350px;
        height: 350px;
        transform: translateX(-10px);
    }
    .video-mask {
        width: 352px;
        height: 317px;
        background-size: 80%;
        -webkit-background-size: 80%;
        margin-top: 0px;
    }
    .hero-animated video {
        left: -30px;
        width: 412px;
        height: 329px;
    }
    .username{
        overflow: visible;
    
    }
}
  
@media (min-width: 1367px) {
    .hero-animated video {
        left: -415px;
    }
}

@media (max-width: 768px) {
    .teachersRegcontainer {
        background-image: none;
    }
    .navbar{
        position: static;
    }
    .navbar-collapse {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background: #ffffff;
        min-height: 100vh;
    }
    .navbar-collapsse-inner {
        max-width: 75%;
        margin: 0 auto;
    }
    .navbar a, .navbar a:focus {
        justify-content: center;
        color: inherit;
    }
    .navbar-collapsse-inner .navbar-nav{
        margin: 0 auto !important;
    }
    .navbar .dropdown ul, .navbar .dropdown .dropdown ul {
        margin: 0;
    }
        .navbar .dropdown ul.dropdown-menu.show {
            display: block;
        }
    .navbar-collapsse-inner .navbar-nav .nav-item {
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
    }
    .offerPopupButtons {
        bottom: 50px;
        margin:0px;
    }
    .offerValidButton 
    {
        margin-left:0px;
    }
    .banner-modal-button.btn-close {
        opacity: 1 !important;
        width: 22px;
        height: 22px;
        margin-top: -6px;
        margin-right: -6px;
    }
}

@media (min-width: 768px){
    #dvTeachersBanner.modal .modal-dialog{
        min-width: 700px;
    }
    .navbar-collapsse-inner {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .height-60 {
        height: 60px;
    }
    
}
/* 1170×2532 pixels at 460ppi for 12 pro*/
@media only screen and (width: 390px) and (height: 844px) and (-webkit-device-pixel-ratio: 3) {
    .techerBanner {
        height: 800px !important;
    }
}
 
 

@media (max-width: 575px) {
    .contactusHint
{
    font-size:20px !important;
}
    .customerTextWrapper {
        text-align: left;
    }
    .loginMaincontainer {
        padding: 10px;
        padding-top: 30px;
    }
    .mobileUL {
        z-index: 999999 !important;
        height: 280px !important;
    }
    /*
    .header_wrapper.right-part ul {
        height: auto;
    }*/
    .footer .footer-content .footer-links {
        margin-bottom: 30px;
        width: 50%;
    }

    .footer .footer-legal {
        padding: 0px 0;
    }

    .happy-users-wrap {
        padding: 50px 15px 0 15px;
    }

    .nav-pills .nav-link span {
        display: none;
    }

    .boost-tech h4 {
        width: 65%;
    }

        .boost-tech h4 span {
            padding: 0 10px;
        }

    .banner-img {
        display: none
    }

    .teachersRegcontainer {
        background-image: none;
    }

    .techerBanner {
        background-image: url(../images/TeacherBannerMobile.png);
        /*  width: 100%;*/
        height: 860px;
        background-size: cover;
        /* margin-left: 10%;*/
    }

    .hero-animated .animated {
        max-width: 100%;
    }

    .hero-animated h2 {
        font-size: 24px;
    }

    .hero-animated p {
        font-size: 12px;
        margin-bottom: 21px;
    }

        .hero-animated p.cavet {
            font-size: 24px;
        }

    .mobile-reverse {
        flex-direction: column-reverse;
    }

    .package-wrap {
        margin-bottom: 30px;
    }

    .contact-home img {
        display: none;
    }

    .rating-section {
        flex-direction: column;
        text-align: left;
    }

    .ratings, .user-part {
        width: 100%;
        margin: 5px 0;
    }

    .pruchase-setion {
        margin: auto;
    }

    .courses-list h2 {
        margin-top: 15px;
    }

    .courses-list {
        margin-bottom: 40px;
    }

    .footer-newsletter {
        text-align: center;
    }

    .hero-animated {
        padding: 50px 0 60px;
    }

        .hero-animated .animated {
            margin-bottom: 5px;
        }

    .lms p {
        text-align: justify;
    }

    .image-box {
        margin-top: 35px;
    }

    img.magic-img {
        display: none;
    }

    .magic-box {
        padding: 0;
    }

    .magic-box-wrap {
        padding: 15px;
    }

    .features.nav-item .nav-link {
        display: block !important;
    }

    .features.nav-tabs {
        flex-direction: column !important;
    }
    .flex-flow-wrap-reverse {
        flex-flow: wrap-reverse;
    }
    .client-logo-simul {
        max-width: 128px;
        margin: 0 auto 10px;
        display: block;
    }
}

/* Galaxy s8*/
@media only screen and (min-width: 740px) and (orientation: portrait) { /* Your Styles... */

    .techerBanner
    {
        height:750px;
    }
}
/* Galaxy s8*/
@media only screen and (max-width: 375px) and (max-height:667px) { /* Your Styles... */

    .techerBanner {
        height: 765px;
    }
}