﻿@media (min-width: 1366px) {
    .container {
        width: 1240px !important;
    }
}

@media (min-width: 1599px) {
    .container {
        width: 1300px !important;
    }
}

@media(max-width:991px) {
    .main-content {
        margin:0px;
    }
    .navbar.navbar-inverse.flexbox, .nav.navbar-nav.flexbox {
        display: block !important;
    }
    .pl8, .pr7 {
        padding-right:15px !important;
        padding-left:15px !important;
    }
    .row.flexbox {
        display: block;
    }
    .ProductBoxMain .row.flexbox {
        display: flex;
    }
    .courseInnerBoxs .row.flexbox {
        display: flex;
    }

    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-toggle i {
        font-size:20px;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-collapse.collapse.in { /* NEW */
        display: block !important;
    }

    .logo-box .navbar-toggle {
        border: 0px;
        margin-right: 0px;
        margin-top: 20px;
    }

        .logo-box .navbar-toggle:focus, .logo-box .navbar-toggle:hover {
            background: none;
        }

        .logo-box .navbar-toggle .icon-bar {
            background-color: #333;
        }

    .logo-box img.img-responsive {
        display: inline-block;
        float: left;
    }

    .top_bar .dropdown {
        margin: 5px 0px;
    }

    .dropdown-menu-large {
        position: relative;
        width: 100%;
        margin-bottom: 15px;
    }
    .removeflex991 {
        display:block;
    }
}


@media (max-width: 991px) {

    .dropdown-menu-large {
        margin-left: 0;
        margin-right: 0;
    }

        .dropdown-menu-large > li {
            margin-bottom: 30px;
        }

            .dropdown-menu-large > li:last-child {
                margin-bottom: 0;
            }

        .dropdown-menu-large .dropdown-header {
            padding: 3px 15px !important;
        }

    .productBoxes, .productBoxes2 {
        width: calc(100% / 3 - 10px);
    }
    .ProductBoxMain2 .productBoxes{
        width: calc(100% / 2 - 10px);
    }
}


@media (max-width:767px) {
    .ProductBoxMainHeadings {
        text-align:center;
    }
    .homeBanner h1 {
        margin-bottom: 17px;
        font-size: 30px;
        font-weight: 800;
        line-height: 40px;
    }

    .caurses h1, .coursersBox h1 {
        line-height: 36px;
        font-size: 25px;
    }

    .dropdown-menu-right {
        left: 0px;
        right: auto;
    }
    .productBoxes, .productBoxes2 {
        width: calc(100% / 2 - 10px);
    }
    .slick-track {
        width:100% !important;
    }
    .slick-track .item.slick-slide.slick-active {
        width:100% !important;
    }
    .detailsImgs {
        height:100% !important;
    }
    .single-product a.add-to-cart, .single-product a.buy-now {
        padding: 0px 15px !important;
    }
}

@media (max-width:520px) {
    .productBoxes, .productBoxes2 {
        width: calc(100% / 1 - 10px);
    }
    .courseInnerBoxs .row.flexbox, .flexbox {
        display: block;
    }

    .courseInnerBoxs .col-sm-8 .flexbox, .iBgLine .flexbox, .searchBoxs {
        display: flex;
    }
    .ProductBoxMain2 .productBoxes{
        width: calc(100% / 1 - 10px);
    }
    .headingProduct p::before, .headingProduct p::after {
        display:none !important;
    }
}

@media (max-width:380px) {
}

@media (min-width:1921px) {
    .container-fluid {
        width: 1800px;
    }

    body {
        background: #333;
    }
}
