.navbar-brand{gap: 10px;}
.navbar-brand>span{display: flex;}
.navbar-brand>img{width: auto;height: 50px;}
.avatar-sm>img{width: 40px;height: 40px;}


#menu {display: inline;float: left;width: 100%;}
#menu .menu-area {float: left;display: inline;width: 100%;}
#menu .menu-area .navbar-default {
background-color: transparent;
border: medium none;
border-radius: 0;
margin-bottom: 0;
min-height: auto;
}
#menu .menu-area .navbar-default .navbar-nav {
display: inline-block;
float: left;
margin: 0;
text-align: center;
width: 100%;
}
#menu .menu-area .navbar-default .navbar-nav li a {
color: #fff;
font-size: 16px;
padding: 10px 15px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#menu .menu-area .navbar-default .navbar-nav .open a {
background-color: #fff;
}
#menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a {
padding: 8px 15px;
}
#menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a:hover, #menu .menu-area .navbar-default .navbar-nav .dropdown-menu li a:focus {
color: #fff; 
}
#menu .menu-area .navbar-default .navbar-nav .dropdown-menu .dropdown-header {
color: #555;
display: block;
font-size: 16px;
padding: 3px 20px;
text-transform: uppercase;
}
div.post-img>img{max-width: 120px;}
@media only screen and (max-width: 800px){
    div.main-header{flex-direction: column !important;align-items:unset !important}
    div.main-header>.tree{justify-content: unset !important;}
    div.main-header>p>i{margin-left:0 !important}
}
@media only screen and (max-width: 600px) {
    div.main-header{
        display: grid !important;
        /* grid-template-columns: repeat(2,1fr); */
        grid-template-areas:
                "head nav"
                "foot foot";
    }
    div.main-header>p{width: max-content;}
    div.main-header>.one{grid-area: head;}
    div.main-header>.two{grid-area: nav;}
    div.main-header>.tree{grid-area: foot;}
    .news-row,.my-products{margin-left:20px !important;margin-right: 20px !important;}
    .news-row{grid-template-columns: repeat(2,1fr) !important;}
    .my-products{grid-template-columns: repeat(2,1fr) !important;}
    div.navbar-collapse>ul>li>ul.dropdown-menu.show{
        padding: 0;
        padding-left: 20px;
        border: unset;
    }
    div.navbar-collapse>ul>li>ul.dropdown-menu.show>li>a{position: relative;}
    div.navbar-collapse>ul>li>ul.dropdown-menu.show>li>a::before{
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #000;
        position: absolute;
        top: 17px;
        left: -15px;
    }
    section.position-relative>div>.carousel>.carousel-inner>div>img{max-height: 400px;}
    div.teacher-panel{padding: 10px;}
    div.teacher-panel>div{padding: 10px !important;}
    div.teacher-panel>div>h3{font-size: 8px;margin: 0;}
    div.teacher-panel>div>p{font-size: 6px;}
    div.teacher-panel>div>i{font-size: 16px;margin-bottom: 0;}
    div.footer{flex-direction: column;}
	div.news-flex{flex-direction: column;}
	div.news-flex>.news-content{width: 100%;}
    div.news-content p>img{width: 100% !important;height: 100% !important;}
	div.product-detail{flex-direction: column;}
	div.product-detail .images>div.top{height: 400px !important;}
	div.container.mt-5.mb-5{margin: 0 !important;}
	div.inc-product{grid-template-columns: repeat(3,1fr) !important;}
	div.get-sub-pg{flex-direction: column;display: flex !important;}
	div.mobile-col{width: 100% !important;}
}
@media only screen and (max-width: 490px) {
	div.inc-product{grid-template-columns: repeat(2,1fr) !important;}
    .news-row{grid-template-columns: repeat(2,1fr) !important;}
}