@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1260px;
    }
}

@media screen and (max-width:1200px) {
    .header .nav-link {
        font-size: 15px;
        padding: 10px 8px !important;
        max-width: 150px;
        overflow: hidden;
    }
}

@media screen and (min-width:992px) {
    .header .nav-item:first-child .nav-link {
        border: 0;
    }

    .header .dropdown:hover .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        border: 1px solid #DDD;
    }

    .header .dropdown-menu {
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }
}

@media screen and (max-width:991px) {
    .header .nav-link {
        margin: 0 auto;
    }

    .nav-link {
        font-size: 14px;
    }
}



@media screen and (min-width:768px) {
    .header .nav-link {
        border-right: 1px solid #ffffff;
        border-left: 1px solid #eeeeee;
    }

    .banner_img {
        height: 65px !important;
    }
}


@media screen and (max-width:767px) {
    .sitename {
        font-size: 25px;
    }

    .header .nav-link {
        padding: 10px 0px !important;
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #f1f1f1;
        max-width: 100%;
        overflow: hidden;
    }

    .header {
        border-bottom: 0 !important;
    }
}



@media screen and (max-width:575px) {
    .sitename {
        font-size: 18px;
    }

    .tutorial_wrapper .accordion-button {
        font-size: 16px;
    }

    .page_heading {
        font-size: 20px;
    }

    .single_tutorial_list ul li a {
        font-size: 16px;
    }

    .navbar_logo img {
        height: 45px !important;
    }

}