/*header*/
@media(max-width: 1550px){
	nav .navigation ul.nav_menu li a {
	    font-weight: 500;
	    font-size: 14px;
	    padding: 8px 5px;
	}
}
@media(max-width: 1366px){
	#header {
		text-align: left;
		border-bottom: none;
		background: rgba(26,30,66,.95);
	}
	#header nav .navigation{
		display: none;
	    position: absolute;
	    width: 100%;
	    top: 100%;
	    left: 0;
	    height: calc(100vh - 97px);
	    z-index: 4;
	    background: rgba(26,30,66,.95);
    	margin-top: -1px;
    	overflow-y: scroll;
	}
	#header nav .navigation .wraper_navi{
		display: flex;
	    flex-wrap: wrap;
	}
	#header nav {
		text-align: left;
		width: 100%;
		position: inherit;
	}
	#header nav .bar_tab{
		display: block;
		position: absolute;
	    right: 20px;
	    top: 50%;
	    transform: translateY(-50%);
	}
	#header nav .bar_tab ul{
		margin:0;
		padding:0;
		/*width: 70px;*/
		list-style: none;
		display: flex;

	}
	#header nav .bar_tab li i{
		color: #aaa;
	    margin-top: 9px;
	    margin-right: 10px;
	}
	#header nav .bar_tab li .barr{
	    margin: 5px 10px;
	    width: 22px;
	    height: 22px;
	    position: relative;
	}
	.bar_tab .barr .humberger{
		width: 22px;
	    height: 2px;
	    background: #ccc;
	    display: block;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    transition: .4s
	}
	.bar_tab .barr .humberger::before,
	.bar_tab .barr .humberger::after{
		content:"";
		width: 100%;
		height: 2px;
		position: absolute;
		left: 0;
		background: #ccc;
		transition: .4s
	}
	.bar_tab .barr .humberger::before{
		top: -6px;

	}
	.bar_tab .barr .humberger::after{
		bottom: -6px
	}
	.bar_tab .barr.active .humberger{
		background: transparent;
	}
	.bar_tab .barr.active .humberger::before{
		top: 0;
		transform: rotate(45deg)
	}
	.bar_tab .barr.active .humberger::after{
		bottom: 0;
		transform: rotate(-45deg)
	}
	nav .navigation ul {
		width: 100%;
		display: block;
	}
	nav .navigation ul.nav-menu-top {
		order: 2;
		margin-top: 10px;
		width: auto;
		position: relative;
	    padding-bottom: 20px;
		width: 100%;
	}
	nav .navigation ul.nav_menu{
		order: 1
	}
	nav .navigation ul.nav_menu li .icon_mobi{
		right:0px;
		background: #7b7b7b;
	    padding: 9px 12px;
	    top: 0;
	}
	nav .navigation ul li {
	    position: relative;
	    border-bottom: 1px solid #333;
	}
	.navigation ul li.button_devis{
		border-bottom: 0
	}
	.navigation ul li.button_devis a {
		display: inline-block;
    margin-top: 10px;
	}
	nav .navigation ul.nav-menu-top li{
		border:none;
		padding:4px 0;
		display: inline-block
	}
	nav .navigation ul.nav-menu-top .li-search{
		display: none
	}
	.nav_menu .item_menu {
		display: block;
	    width: 100%!important;
	    position: relative;
	    transform: translateY(0);
	    visibility: hidden;
	    max-height: 0;
	    opacity: 0;
	    padding:0;
	    transition: .3s
	}
	nav .nav_menu .item_menu .img_menu,
	.nav_menu .item_menu .link_img {
		display: none;
	}
	nav .nav_menu .item_menu ul li a{
		    padding: 6px 5px
	}
	nav .nav_menu .item_menu ul li {
		border:0;
	}
	nav .navigation ul.nav_menu li a::before {
	     right: 0; 
	     display: none
	}
	.nav_menu .li_parent:hover .item_menu {
	    transform: translateY(0px);
	    opacity: 0;
	    visibility: hidden;
	}
	.nav_menu .li_parent:hover .item_menu.active,
	.nav_menu .item_menu.active {
		max-height:1000px;
		opacity: 1;
		padding:16px 0;
		visibility: visible;
	}
	ul.nav-menu-top .drop_langue {
		/*display: block;*/
		transform: none;
		transition: none
	}
	ul.nav-menu-top .drop_langue,
	ul.nav-menu-top li.li_langue:hover .drop_langue{
		transform: translateY(0);
		 opacity: 1;
	    visibility: visible;
	}
	ul.nav-menu-top .drop_langue{
		display: none
	}
}

@media(max-width:1200px ){
	.top_footer .imgage_footer img {
		width: 100%
	}
}
@media(max-width: 991px){
	.search-form input[type=text] {
	    width: 100%;
	    padding: 10px 15px;
	}
	.logo .wrap_logo{
		width: 130px
	}
	.logo .wrap_logo img{
		width: 100%;
		object-fit: cover
	}
	#header nav .navigation{
		height: calc(100vh - 75.61px)
	}
	.slider_main .title_banner {
		width: 100%;
		padding:0 10px;
	}
}
@media(max-width: 767px){
	.search-form input[type=text] {
	    width: 100%;
	    padding: 0px 10px;
	    font-size: 16px;
	}
	.search-form input[type=submit] {
	    width: 80px;
	    font-size: 14px;
	}
	#header .logo {
    	padding: 2px 0;
	}
	.logo .wrap_logo{
		width: 100px
	}
	#header nav .navigation{
		height: calc(100vh - 56.77px)
	}
}
@media(max-width: 667px){
	.search-form {
		display: block;
		text-align: center;
	}
	.search-form input[type=text] {
	    padding: 12px 10px;
	}
	.search-form input[type=submit] {
	    width: 100%;
	    font-size: 14px;
	    line-height: 30px;
	}
}