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

}
@media screen and (max-width: 991px){
    #mainnavigation {
        margin: 0;
        border-top: solid 1px grey;
    }
    #mainnavigation .navbar-nav {
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }
    #mainnavigation .navbar-nav li {
        padding:0;
    }
    #mainnavigation .nav-item a{
        padding-left:10px;
        width: 100%;
    }
    #mainnavigation .nav-item a:after{
        position: absolute;
        content:'';
        left:0;
        top:50%;
        width:3px;
        height:0;
        background:#ff8700;
        background:var(--colorprimary);
        transition:all 0.2s;
    }
    #mainnavigation .nav-item a:hover:after,
    #mainnavigation .nav-item.active > a:after,
    #mainnavigation .dropdown-menu li.active > a:after{
        height:100%;
        top:0;
        width:3px;
        opacity:1;
    }
    #mainnavigation .dropdown-menu{
        border:none;
        border-radius:0;
        position:relative;
        width:100%;
        max-width:100%;
        top:0;
    }
    #mainnavigation .dropdown-menu .dropdown-item{
        padding-left:20px;
    }
    #mainnavigation .dropdown-menu .dropdown-item.active{
        background:transparent;
    }
    #mainnavigation .dropdown-toggle-mobile {
        display:block;
    }
    .navbar-course .navbar-collapse {
        left: -71%;
        width: 70%;
    }
    .footer-phone,
    .footer-mail{
        display:block;
    }
    .footer-mail{
        margin:0;
    }
}
@media screen and (max-width: 767px){
    .navbar-brand-logo-normal{
        width:180px;
    }
    .modal-dialog {
        max-width: 80%;
    }
}
@media screen and (max-width: 600px){
    .navbar-brand-logo-normal{
        width:160px;
    }
	.slide-text{
		padding: 10px;
	}
}
@media screen and (max-width: 575px){
    .footer-container i {
        left:50%;
        transform: translateX(-50%);
    }
    .footer-list{
        padding:0;
    }
    .footer-phone,
    .footer-mail{
        text-align:center;
    }
    .navbar-course .navbar-collapse {
        left: -101%;
        width: 100%;
        height: 100%;
    }
}
@media screen and (max-width: 440px){
    .navbar-brand-logo-normal{
        width:130px;
    }
	.header-search{
		width: 170px;
	}
}
@media screen and (max-width: 375px){
    .navbar-brand-logo-normal{
        width:110px;
    }
    .hi-icon-responsive{
        margin: 0 9px;
        width: 32px;
        height: 32px;
    }
    .hi-icon-responsive:before {
        font-size: 16px;
        line-height: 28px;
    }
    .hi-icon-responsive span {
        top: 34px;
        font-size: 12px;
    }

}
@media screen and (max-width: 320px){
    .navbar-brand-logo-normal{
        width:90px;
    }
    .modal-dialog {
        max-width: 100%;
    }
}