@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{
        display: none;
    }
    .navbar .nav-item:hover .nav-link{
    }
    .navbar .nav-item:hover .dropdown-menu{
        display: block;
    }
    .navbar .nav-item .dropdown-menu{
        margin-top:0;
    }

    .header-area .main-nav .nav {
        display: flex !important;
    }

}

@media (min-width: 1200px) {
    .container {
        max-width: 1350px;
    }
}

@media (max-width: 1200px) {
    .header-area .main-nav .nav li a {
        font-size: 10px;
        padding: 7px;
    }

    .header-area .main-nav .nav li {
        padding: 10px 1px;
    }

    .imgA, .imgB {
        height: 45px;
    }

    .login-register-nav .dropdown-menu .dropdown-item {
        line-height: 24px !important;
        padding: 7px 15px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-article-image {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 767px) {
    .welcome-area .header-text h1{
        font-size: 40px;
        line-height: 43px;
        width: 100%;
    }

    .welcome-area .header-text h3{
        font-size: 15px;
        width: 100%;
        font-weight: bold;
    }

    .header-bottom-wrap h4{
        font-size: 18px;
        width: 65%;
    }

    .header-bottom-title{
        padding: 8px;
    }

    .join-btn .btn-5{
        margin-top: 5px;
        width: 100%;
        padding: 10px;

    }

    .u-container-layout-2 {
        position: absolute;
        width: 187px;
        height: 410px;
        background-color: #d00f34;
        right: -80px;
        top: -23px;
        z-index: -1;
    }

    .about-us-left-video {
        margin-top: 24px;
    }

    .content-about{
        margin-top: -48px;
    }

    .service-item{
        margin-top: 20px;
    }

    .about-us-title p{
        font-size: 12px;
        width: 100%;
    }

    .counter_content{
        margin-top: 5%;
    }

    .footer-2, .footer-3{
        padding-left: 0px;
        margin-left: 21px;
    }

    .webintern_footer_title{
        margin-top: 18px;
    }

    .ms-3{
        margin-top: 13px;
    }

    .ch-course-wrapper{
        width: 100%;
    }

    .registerbtn{
        width: 100%;
    }

    .ch-course-sec{
        display: block;
    }

    .form-details {
        width: 100%;
        font-size: 13px;
    }

    .incourse-wrapper .stats .point{
        width: 169px;
    }

    .blog-in-imge{
        height: 200px;
        margin-bottom: 12px;
    }

    .divider-line{
        display:none;

    }

    .dd-de{
        font-size: 18px;
    }

    .wpb_wrapper{
        margin-top: 14px;
    }

    #blog-in {
        padding-bottom: 15px;
    }

    .blog-article-image {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 25px;
    }

    .courses-header{
        margin-top: 55px;
        height: 200px;
    }

    .intro-detail{
        padding: 16px;
        margin-top: -3px!important;
    }
}

@media only screen and (max-width: 575px) {
    .left-video {
        height: auto;
    }

    .u-container-layout-2 {
        display: none;
    }

    .content-about {
        margin-top: 0;
        padding: 2px 0;
    }
    .left-video {
        height: 250px;
        width: 100%;
        box-shadow: unset;
    }

    .blog-header{
        margin-top: 55px;
    }

    .reservation-header {
        margin-top: 55px;
    }

    .abt-right-side p{
        margin-top: 20px;
        margin-left: 10px
    }

    .abt-right-side h1{
        margin-top: -10px;
    }

    .abt-btm{
        margin-top: -30px;
    }

    .page-header{
        height: 224px;
    }

    .counter-warp{
        margin-top: 0px;
    }

    .puff-in-left h1{
        margin-left: 22px;
    }

    .puff-in-left h3{
        margin-left: 23px;
    }

    .vimeo-iframe iframe {
        height: 300px !important;
    }

    .user-dashboard-main-wapper {
        margin-top: 50px !important;
    }

    .mp-0 {
        padding: 0 !important;
    }

    .card .card-header {
        padding: 10px 0;
    }

    .side-nav-wapper {
        padding: 0;
        margin-top: 15px;
    }

    .card .card-header h5 {
        display: none;
    }

    .countdown-wapper {
        top: 60px;
    }

    .countdown-wapper #countdown{
        font-size:20px;
    }

    .countdown-wapper{
        line-height: 22px;
    }

    .countdown-wapper span{
        font-size: 15px;
    }

    .btn-lg-square {
        margin-left: 0 !important;
        margin-top: 15px;
    }

    .abt-left-side img {
        border-radius: 10px;
    }

    .detail-hv ul{
        font-size: 14px;
        line-height: 20px;
    }

    .application-header{
        height: 239px;
    }

    .application-content h1{
        font-size: 30px;
    }

    .slideInRight{
        margin-top: -52px;
    }


    .media-body .fs-1{
        font-size: 18px;
    }

    .c-image{
        padding-right: 10px;
    }
}
    #vid-event {
        margin-top: -25px;
        width: 100%;
    }
    
    .course-section{
        margin-top: 30px!important;
    }

    /***************************/
    /* BOOTSTRAP MEDIA QUERIES */
    /***************************/

    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 01px) {
        .section-wapper-single{
            flex-basis: calc(100% / 1);
        }

        .section-title-single {
            font-size: 18px;
        }

        .section-user-single {
            font-size: 14px;
            color: gray;
        }
    }

    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 376px) {
        .section-wapper-single{
            flex-basis: calc(100% / 2);
        }

        .section-title-single {
            font-size: 15px;
        }

        .section-user-single {
            font-size: 11px;
            color: gray;
        }
    }
    /* Small devices (landscape phones, 576px and up) */
    @media (min-width: 576px) {
        .section-wapper-single{
            flex-basis: calc(100% / 2);
        }

        .section-title-single {
            font-size: 17px;
        }

        .section-user-single {
            font-size: 13px;
            color: gray;
        }
    }

    /* Medium devices (tablets, 768px and up) */
    @media (min-width: 768px) {
        .section-wapper-single{
            flex-basis: calc(100% / 3);
        }

        .section-title-single {
            font-size: 17px;
        }

        .section-user-single {
            font-size: 13px;
            color: gray;
        }
    }

    /* Large devices (desktops, 992px and up) */
    @media (min-width: 992px) {
        .section-wapper-single{
            flex-basis: calc(100% / 4);
        }

        .section-title-single {
            font-size: 16px;
        }

        .section-user-single {
            font-size: 12px;
            color: gray;
        }
    }

    /* X-Large devices (large desktops, 1200px and up) */
    @media (min-width: 1200px) {
        .section-wapper-single{
            flex-basis: calc(100% / 4);
        }
    }

    /* XX-Large devices (larger desktops, 1400px and up) */
    @media (min-width: 1400px) {
        .section-wapper-single{
            flex-basis: calc(100% / 5);
        }
    }