@media only screen and (min-width: 1400px){
.header .container {
    max-width: 90%;
}
}
@media only screen and (min-width: 1800px){

}


@media only screen and (min-width: 2501px){

}


@media (min-width: 768px){
.header .mobile-buttons{ display:none;}
}

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


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

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

}

@media (max-width: 1199px){

}



@media (max-width: 990px){
.mid-header .heder-logo {display: block; width: 50%;}
.mid-header .heder-logo img {width: 200px;}
.mid-header .header-menu {width: 50%;}


.header-menu button.navbar-toggler {display: inline-block; float:right; padding: 0; position: relative; box-shadow: none;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::before, .header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after {content: ""; width: 25px; height: 2px; background: #5989ae; position: absolute; left: 5px; top: 7px; transform: rotate(0deg);}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon::after{ top: 22px;}
.header-menu button.navbar-toggler.collapsed span.navbar-toggler-icon span {width: 35px; height: 2px; background: #5989ae; display: inline-block; position: absolute; top: 15px; right: 0;}

.header-menu button.navbar-toggler span.navbar-toggler-icon::before, .header-menu button.navbar-toggler span.navbar-toggler-icon::after {content: ""; width: 30px;
height: 2px; background: #5989ae; position: absolute; left: 0; top: 7px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon::after{ top: 14px; transform: rotate(-45deg);}
.header-menu button.navbar-toggler span.navbar-toggler-icon::before{transform: rotate(45deg); top: 14px;}
.header-menu button.navbar-toggler span.navbar-toggler-icon span { display:none;}

.menu {position: absolute; left: 0; top: 0; height: 100vh;}
.header-menu .navbar .navbar-collapse {position: fixed; left: 0; width: 40%; height: 100vh; background: #fff; z-index: 999; display: block; transform: translate(-800px, 0px); transition: all 0.5s ease; background: #fff;  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; padding: 15px; top:0;}
.header-menu nav.navbar{ display:block;}
.header-menu .navbar .navbar-collapse .menu-logo {text-align: left; border-bottom: 1px solid #eee; padding: 0 0 10px 0; display:block;}
.header-menu .navbar .navbar-collapse .menu-logo img {width: 30%;}
.header-menu .navbar .navbar-collapse.show {transform: translate(0px, 0px); transition: all 0.5s ease;}
.header-menu .navbar .navbar-collapse ul.navbar-nav {margin: 0 !important; padding: 0;}
.header-menu .navbar .navbar-collapse ul.navbar-nav .nav-item {border-bottom: 1px solid #eee; padding: 10px 0; margin: 0 !important;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link {border: none; padding: 0; color:#000;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.active, .header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link:hover{ color:#5989ae;}
.header-menu .navbar .navbar-collapse ul.navbar-nav a.nav-link.dropdown-toggle::after {position: absolute; right: 0; top: 7px; width: 30px; height: 30px; margin: 0;
content: "\f107"; border: 1px solid #eee; font-family: 'FontAwesome'; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius:5px; left:auto; color:#000;}
.header-menu .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle::after {content: "\f106";}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {width: 100%; left: 0; margin: 0px 0 0 0; border: none; padding: 10px; box-shadow: none; position: static; border-radius: 0;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li{ width:100%; margin:0; padding: 0;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a.dropdown-item{font-weight: normal; padding: 7px 0 7px 0;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li:last-child{ border:none;}
.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu li a::before { content: "\f105"; font-family: 'FontAwesome'; padding-right: 5px;}

.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu h6.title{    margin: 10px 0px 0;}.header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu .header-menu .navbar ul.navbar-nav li.dropdown ul.dropdown-menu {margin-bottom: 5px;}






}
@media (max-width: 800px){

}

@media (max-width: 767px){


}



@media (max-width: 639px){

.header-menu{top: 16px;}
.header-social {margin: -10px 0 0 0;}
section.header{ position:relative; border:none;}
.header-menu .navbar .navbar-collapse{ width:85%;}

.home-banner .owl-carousel .item { height: 260px;}
.home-banner .owl-carousel .item img{height: 100%;}
.banner .item .banner-content h1 {font-size: 28px; margin:0; text-align:center; line-height:0;}
.banner .item .banner-content p {font-size: 14px; border: none; text-align:center;}
.banner-content .right-img{ display:none;}
.home-banner .banner-bg {height: 100%; align-items: center;}
section.banner.home-banner .banner-left {text-align: center;}
.banner .item .banner-content button{ margin: 0 auto;}
.banner-content{justify-content: center;}
.banner .item .banner-content h2{font-size: 34px;}


.about {padding: 30px 0;}
h4.sub-head{ font-size:18px;}
.about-box{padding: 30px 0 0;}
.our-principles .grid-box{min-height: inherit;}
.about-box .box-grid {text-align: center; margin: 0 0 20px 0;}
.our-principles .grid-box h6{font-size: 16px;}

section.footer{ padding:50px 0 0 0px;}
.footer-content a.ftr-logo img{ width:50%;}
section.footer .col-sm-3 .footer-content p{ font-size:14px;}
section.footer .col-sm-3 .footer-content {margin-bottom: 20px; margin-top:0; border-bottom: 1px solid #ffffff5e; padding: 0 15px 15px;}
.footer h5.ftr-title{padding: 0 0 20px 0;}

.our-projects .owl-nav button{ top:30%;}

.inner-banner {height: 200px; text-align: center;}
.inner-banner .bnr-content h2{font-size: 34px;}
.company-about {padding: 30px 0;}

.sec-principel .principel-content-box{margin: 0 0 10px 0; min-height: inherit;}

.sec-location {padding: 30px 0;}
.management-bnr-list{    margin: 40px 0 0 0;}
.management-bnr-list .management-list{width: 50%; margin: 0 5px; padding: 0 3px 5px 3px;}
.management-bnr-list .management-list .img-box{ width:80px; height:80px; margin: -40px auto 10px}
.management-bnr-list .management-list h6{    font-size: 15px;}
.management-bnr-list .management-list p{font-size: 10px;}
.sec-menagement .management-list{margin: 80px 25px 0 25px;}

.staf-profassional, .sec-offer, .specialized{ padding:30px 0;}
.specialized .specialized-item{padding: 12px 12px 20px 12px; margin: 0 0 20px 0;}

.banner.home-banner .item .banner-content h2 {margin: 0 0 10px 0;}
.banner.home-banner .item .banner-content h4{font-size: 14px; margin: 0 0 20px 0;}
section.banner.inner-banner.contact-page-banner{ height: auto;}
.sec-contact{padding: 50px 0;}



}

@media (max-width: 479px){

}




@media (max-width: 375px){

.header{background-size: 50% 37%;}


}
@media (max-width: 320px){

}