/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    ul.topbar-link li.call-now span.topbar-label {
        display: none;
    }
    
    .navbar-brand img.dwg-logo-dark {
        height:auto !important;
        width:220px !important;
    }
    
    .navbar .navbar-collapse {
        margin-left:0px;
    }
    
    .navbar-nav {
        margin: 0;
        display: grid;
        background: rgba(22, 27, 49,.7);
        border-top: solid 5px #0f8f76;
        margin: 2px 20px;
        float: none !important;
    }
    
    .navbar-light .navbar-nav .nav-link {
        color:#fff;
    }
    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
        color:#b3ddd5;
    }
    
    .home .dwg-about h2 {
        margin-top:20px;
    }
    
    .home .dwg-section.dwg-about, .dwg-section.dwg-stats, .dwg-section.student-feedbak-section {
        padding:1.5rem 0rem 2rem;
    }
    
    .home .banner-section {
        padding-top: 185px;
    }
    
    .banner-section .banner-thumb {
        margin-top: 178px;
    }
    
    .home .nav-pills > li.nav-item a.active::after {
        left: -25%;
    }
    
    .home .wt-makes-different .bg-image {
        width:100%;
    }
    
    /*.home .wt-makes-different .bg-image:after {
        background:transparent;
    }*/
    
    .home .wt-makes-different .left {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    
    .wt-makes-different .left h2 {
        margin-bottom: 15px;
        font-size: 34px;
        line-height: 42px;
    }
    
    .home .wt-makes-different .right {
        padding:30px 0 0 0;
        position: relative;
    }
    
    .home ul.makes-different-list li {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .home ul.makes-different-list li .inner {
        max-width: inherit;
    }
    
    .home .home-testy-tabs .testimonial-card-item {
        margin-bottom:20px;
    }
    
    .home .dwg-item-content {
        margin-top:10px;
    }
    
    .home .dwg-icon-box-icon {
        margin:15px 0px;
    }
    
    .dwg-stat-item {
        margin-bottom:30px;
    }
    
    .dwg-item-content h3 {
        font-size:23px;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: 100% !important;
        margin-top: 0 !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-item {
        color:#fff;
    }
    
    .navbar-expand-lg > ul li ul li ul.dropdown-menu.sub-menu li a {
        padding: 10px 20px;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        color: #000000;
        font-weight: 500;
        border-bottom: 1px solid #ecf0f3;
    }
    
    .dropdown-toggle::after {
        top: 0.8rem;
        position: relative;
        float: right;
    }
    
    .dwg-section {
        padding:3rem .5rem !important;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .navbar-nav {
        margin: 0;
        display: grid;
    }
    .navbar-nav>li>a:before{
        display:none !important;
    }
    .dropdown-menu{
        border-top: 0px solid transparent !important;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus {
        background-color: rgba(221, 221, 221, .1)!important;
    }
    ul .dropdown-menu li ul {
        padding: 0px 27px 0px 27px !important;
    }
    .navbar-collapse {
        padding-left: 0px!important;
        padding-right: 0px !important;
    }
    .owl-item img{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static !important;
        float: none !important;
        width: auto !important;
        margin-top: 0 !important;
        background-color: transparent !important;
        border: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }
    
    .navbar-expand-lg .navbar-nav .dropdown-item {
        color:#fff;
    }
    
    .navbar-expand-lg > ul li ul li ul.dropdown-menu.sub-menu li a {
        padding: 10px 20px;
        text-transform: capitalize;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 14px;
        color: #000000;
        font-weight: 500;
        border-bottom: 1px solid #ecf0f3;
    }
    
    .dropdown-toggle::after {
        top: 0.8rem;
        position: relative;
        float: right;
    }
}

/*
 * Small screens, laptops
*/
@media (min-width: 769px) and (max-width: 1024px) {
    
}

/*
 *  Desktops, large screens
*/
@media (min-width: 1025px) and (max-width: 1200px) {
    
}

/*
 *  Desktops, large screens
*/
@media (min-width: 1201px) {
    
    .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-submenu.show {
        display:inline-block;
        margin-left: 310px;
        margin-top: -41px;
    }
}


@media only screen and (max-width: 767px){
    

}