.clear{
	clear:both;
}

@media all and (min-width: 768px)
and (max-width : 1024px),
(min-width: 768px) and (max-width : 1024px){
	#cavas_id94{
		height: 250px !important;
	}
	.header-home .slogan #cursor, .header-inner .slogan #cursor{
		font-size:18px;
	}
	.container,
	.wrap{
	width: 100% !important;
	margin: 0 !important;
	}
	.top .menu > li{
	margin-left:4px;
	}
	.top .menu > li a{
		padding:5px;
		font-size:14px;
	}
	.sitemap1{
		display:none;
	}
	.logo{
	margin-left:10px !important;
	margin-bottom:10px !important;
	}
	#menu{
	margin-right:10px !important;
	}
	.user1,
	.user2{
	padding:0 10px;
	}
	
	.user1 .left-col h3{
		margin-left:10px;
	}
	
	.user1 .left-col h4{
		margin-left:30px;
	}
	.component{
		padding-left:20px;
		padding-right:20px;
	}
	.component img{
		max-width:100% !important;
	}
	.line .name{width: 16%;}
	.line .description{width: 75%;}
	
	.right-col .solutions div{
		font-size:12px;
		width:70px;
		height:70px;
	}
	
	.right-col .solutions img{
		width:auto;
	}
	.solutions img{
		display:none;
	}
	.right-col .solutions div{
		position:static;
		left:auto;
		top:auto;
		width:auto;
		height:auto;
		display:block;
		border-radius:4px;
		text-align:center;
		margin-bottom:5px;
		padding:5px 0;
	}
	.right-col .solutions p,
	.right-col .solutions p:first-child{
		padding:0;
		display:inline-block;
		font-size:21px;
	}
	.header-home, .header-inner{
		margin: -1px 0;
	}
	.header-home .slogan{
		right:12%;
	}
	.breadcrumb{
		margin-left:20px;
	}
	.top .menu li{
		margin-top:-1px;
	}
	.solucoes_ef{
		position:relative;
	}
	.solucoes_ef a{
		margin-left:1%;
		width:19%;
	}
	.solucoes_ef a img{
		width:100%;
	}
	.header-inner .slogan{
		font-size:12px;
		bottom:5px;
	}
	.contacts h4{
		margin-top:0px;
	}
	.contacts .col-1{
		width:48%;
		margin: 0;
	}
	.contacts .col-2{
		width:48%;
		margin: 0;
		float:right;
		margin-bottom:50px;
	}
	.contacts .col-3{
		float:none;
		width:auto;
		clear:both;
		margin:auto;
		margin-top:100px;
	}
	.push{
		display:none;
	}
	.sitemap .pmelider{
	float:none;
	width: 100%;
	text-align: center;
	}
	.clients .col-1,
	.clients .col-2,
	.clients .col-3{
		width:220px;
	}

}

@media all and (max-device-width: 767px),
(max-width: 767px) {

	body,.top .menu li ul li a{
		font-size:12px;
	}
	
	
	.top .menu>li a{
		font-size:15px;
	}

  .breadcrumb{
    margin:10px 0;
  }
  .component{
    margin:0;
  }
  .component h4{
    margin-top:30px;
  }
  .component img{
    max-width:80%;
  }
  .container{
    width:auto;
    padding-left:20px;
    padding-right:20px;
  }
  .contacts .col-1,
  .contacts .col-2{
    float:none;
    display:inline-block;
    width:49%;
    margin:0;
  }
  .contacts .col-2{
    margin-left:1%;
  }
  .contacts  .col-3{
    width:100%;
    float:none;
    margin:0;
    text-align: center;
  }´
  .line{
    position:relative;
  }
  .line .name{
    float:none;
    border-radius: 4px 0 0 0;
    width:250px;
  }
  .line .description{
    width:auto;
    padding:10px;
    float:none;
    border-left:inherit;
    border: 1px solid #EBEBEB;
    border-radius: 0 4px 4px 4px;
  }
  .top{
	background:#fff;
	filter:none;
  }
  .top .container{
	padding:0;
  }
  .top .logo{
	float:none;
	margin:0;
	background:#ebebeb;
	text-align:center;
	padding:10px 0 8px 8px;
  }
  .top .logo img{
	display:inline-block;
  }
  .top #menu{
	float:none;
	margin:0;
	display:none;
  }
  .top #menu a{
	color:#333 !important;
  }
  .top .menu > li{
	display:block;
	position:static;
	margin:0;
  }
  .top .menu li ul{
	position:static;
	display:block;
	width:auto;
  }
  .top .menu li ul li a{
	background:none;
	padding-left:20px;
  }
  .top .menu > li.active{
	background:#ebebeb;
	border:none;
  }
  .top .menu  li.active a{
	color:#033042;
	border:none;
  }
  .top .menu > li.current > a{
	background:#bbb;
  }
  .top .menu > li:hover a{
	color:#07425C;
	background:#ddd;
  }
  .top .menu li ul li a:hover, .top .menu li ul li.active a{
	background:#BBB;
  }
  .header-home,
  .header-inner{
	line-height:inherit !important;
	margin:0 !important;
	background-image:url(../../../images/ef_header_min.png) !important;
	background-size:cover;
	height:100px;
	line-height:10px !important;
  }
  .header-home img,
  .header-inner img{
	display:none;
  }
  .header-home .slogan,
  .header-inner .slogan{
	text-align: right;
	top: auto;
	left: auto;
	position: absolute;
	right: 10px;
	bottom: 10px;
	color:#fff;
	margin: 0;
	background:none;
	padding:0;
	width:auto;
	height:auto;
	line-height:25px !important;
	font-size:14px;
  }

  	.header-home .slogan .first,
	.header-inner .slogan .first{
	font-size:30px;
	display:block;
	margin:0;
	color:#fff;
	padding:0;
	}
  
	.header-home .slogan .second,
	.header-inner .slogan .second{
	font-size:20px;
	display:block;
	margin:0;
	color:#fff;
	padding:0;
	}
	

  #menu-toggle{
	display:block;
  }
	#menu #language,
	#menu .moduletable_menu{
		display:block;
	}
	#menu #language{
		margin-left:10px;
	}
	div.mod-languages ul.lang-inline li{
		display: block !important;
		margin: 10px 0;
	}
	.user1{
		padding:0;
		padding-top:10px;
	}
	.user1 .left-col,
	.user1 .right-col,
	.user2 .left-col,
	.user2 .right-col{                                                                                   
		float:none;
		width:auto;
	}
	.user1 .left-col h3{
		margin:0;
	}
	.solutions img{
		display:none;
	}
	.right-col .solutions div{
		position:static;
		left:auto;
		top:auto;
		width:auto;
		height:auto;
		display:block;
		border-radius:4px;
		text-align:center;
		margin-bottom:5px;
		padding:5px 0;
	}
	.right-col .solutions p,
	.right-col .solutions p:first-child{
		padding:0;
		display:inline-block;
		font-size:21px;
	}
	.user2 .left-col{
		padding-top: 20px;
		margin-top: -50px;
		margin-bottom: 40px;
	}
	.sitemap1{
		display:none;
	}
	
	.contacts .col-1{
		width:48%;
		margin: 0;
	}
	.contacts .col-2{
		width:48%;
		margin: 0;
		float:right;
		margin-bottom:50px;
	}
	.contacts .col-3{
		float:none;
		width:auto;
		clear:both;
		margin:auto;
		margin-top:30px;
	}
	.solucoes_ef{
		max-width:100%;
		white-space:initial;
	}
	.solucoes_ef a{
		width:49%;
		display:inline-block;
		margin:0 !important;
		float:none;
	}
	.solucoes_ef a img{
		width:100%;
	}
	.component{
		text-align:left;
	}
	.header-home .slogan #cursor, .header-inner .slogan #cursor{
		font-size:18px;
	}
	#cavas_id94{
		height: 220px !important;
	}
	.contacts button{
		width:100%;
		margin:0;
	}
	.contacts label{
		text-align:left;
		display:block;
	}
	.component .clients li{
	margin-left:20px;
	}
	.component .clients .left-col,
	.component .clients .right-col{
	float:none;
	width:100%;
	}
	
	.left-col{
		float:none;
		width:auto;
	}
	.sitemap .pmelider{
	float:none;
	width: 100%;
	text-align: center;
	}
	
}