@media all and (max-width: 1199px) {
	#featured .featured{
		width: 100%;
	}
	#featured .featured .feat,
	#featured .featured .feat2{
		width: 25%;
	}

	header .logo{
		text-align: left;
	}
	nav.cl-effect-17{
		margin:0;
	}
	nav.cl-effect-17 ul{
		width: auto;
	}

	#about .ias-layer-item img{
		width: 100%;
	}
	#about{
		padding: 20px 0 100px 0;
	}

	#page .sidebar p{
	    font-size: 16px;
	}

	section.single .bolinhas{
		background: none;
	}
	section.showcase-style-features,
	.bg_atuacao{
		display: none;
	}

	#header_contact .contact{
		width: auto;
	    margin: 0px;
	}
	#header_contact .contact h3{
	    padding: 40px 0 0 0;
	}
	#header_contact .contact ul{
	    margin: 18px 0 0 20px;
	}
	a.bt_contact{
	    margin: 0px;
	}

	.single-detalhes{
		background: none;
		width: 100%;
	}
	.single-detalhes ul.posts_left li{
		background-color: #77b635;
		border-radius: 50%;
		margin-bottom: 12px;
	}
}
@media all and (max-width: 991px) {
	#featured .featured .feat, #featured .featured .feat2 {
	    width: 50%;
	}
	#featured{
	    background: url(images/bg-featured.png) top center repeat;
	}

	#page .select_atuacao{
		float: left;
	}
	#page .select_atuacao h3{
		float: left;
	}
	#page .select_atuacao{
		width: 100%;
	}

	#page .content_single ul{
		width: 100%;
	}
	.bg-single-detalhes{
		display: none;
	}
	.img-sistema{
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.img-sistema img{
		margin:0;
		width: 100%;
	}
	.single-detalhes{
		position: relative;
		height: 475px;
	}

	header{
		background: url(images/bg-header.png) -407px center no-repeat;
	}
	header#menuhome{
		background: url(images/bg-header--old.png) -407px center no-repeat;
	}
	header .phone{
		display: none;
	}
	nav.cl-effect-17{
		display: none;
	}

	#header_contact .container{
		display: none;
	}
	header a.bt_contact{
		display: none;
	}

	#about .mgtop{
	    width: 415px;
    	margin: 100px auto 0 auto;
	}
	#about a.bt{
		margin:20px auto 0 auto;
	}

	#page section.content ul{
		width: auto !important;
	}
	#page section.content p, #page section.content ul li{
		text-align: left;
	    width: auto !important;
	}

	#page .sidebar{
		margin-bottom: 30px;
	}

	footer .by h2,
	footer .by p{
		float: none;
		text-align: center;
	}
}
@media all and (max-width: 767px) {
	#title .title h2{
    	font-size: 20px;
    	padding: 10px 0 5px 45px;
	}

	#featured .title h2, #services .title h2{
    	font-size: 20px;
    	padding: 10px 0 5px 45px;
    	margin-bottom: 20px;
	}

	#main p{
	    font-size: 12px;
	    line-height: 15px;
	    padding-bottom: 10px;
	}
	#main h3{
	    font-size: 14px;
	    line-height: 15px;
	    padding: 0 0 10px 0;
	}

	#floater{
		display: none;
	}

	#banner .title h2{
		font-size: 40px;
	}

	footer .contact,
	footer .nav{
		display: none;
	}
	footer .phone{
		padding: 0;
		border:0;
		width: 100%;
	}
	footer .phone h2,
	footer .phone a{
		text-align: center;
		padding: 0;
	}
	footer .by p{
		margin-bottom: 20px;
	}

	#slider {
		height: auto;
	}
	#slider .desktop {
		display: none !important;
	}
	#slider .mobile {
		display: block !important;
	}
	#slider img {
		width: 100%;
		object-fit: cover;
		height: 330px;
	}
	.text_animate1 {
	    width: 280px;
	    margin: -215px 0 45px -20px;
	    display: block;
	    position: relative;
	    top: 0px;
	    left: 60% !important;
	}	
	.text_animate1 h1, .text_animate1 span{
		display: table;
	    color: #fff;
	    font-size: 17px;
	    line-height: 20px;
	    font-weight: 900;
	    text-transform: uppercase;
	    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
	    padding: 10px;
	    margin: 0;
	    background: #77b634;
	}

}
@media all and (max-width: 665px) {
	.text_animate1{
	    left: 53% !important;
	    margin: -165px 0 45px -20px;
	}
	.text_animate1 h1, .text_animate1 span{
		font-size: 12px;
    	line-height: 20px;
    	padding: 5px;
	}
	#slider p{
		margin-top: 10px;
		font-size: 12px;
	}
}
@media all and (max-width: 600px) {
	.text_animate1 {
	    margin: -125px 0 5px -20px;
	}
}
@media all and (max-width: 575px) {
	header {
	    background: url(images/bg-header.png) -540px center no-repeat;
	}
}
@media all and (max-width: 550px) {
	.text_animate1{
		left: 48% !important;
	}
}
@media all and (max-width: 500px) {
	.text_animate1 {
	    margin: -130px 0 35px -20px;
	    width: 225px;
	}
	.text_animate1 h1, .text_animate1 span{
		font-size: 12px;
	    line-height: 20px;
	    padding: 0 5px;
	}
	#slider p {
	    margin-top: 5px;
	    font-size: 9px;
	}
}
@media all and (max-width: 472px) {
	#featured .featured .feat, #featured .featured .feat2 {
	    width: 290px;
	}
	#featured .featured{
		width: 290px;
	}
}
@media all and (max-width: 465px) {
	#about .mgtop{
	    width: 290px;
	    margin-top: 65px !important;
	}
	#about p{
	    font-size: 14px;
	    line-height: 16px;
	}
	#about .ias-layer-item{
		max-width: 290px;
	}
	#about {
	    padding: 20px 0 70px 0;
	}

	/*header {
	    background: url(images/bg-header.png) -615px center no-repeat;
	}
	header .logo img{
		height: 102px;
	}*/
	#slider{
		border-bottom: 15px solid #77b634;
	}
}
@media all and (max-width: 419px){
	#page .select_atuacao h3{
		width: 42%;
		font-size: 14px;
		margin-right: 1%;
	}
	#page .select_atuacao select{
		width: 56%;
	}
}
@media all and (max-width: 411px) {
	#slider .sti_items {
		height: 409px;
	}
}
@media all and (max-width: 395px){
	.text_animate1 {
	    left: 40% !important;
	}
}
@media all and (max-width: 381px){
	.single ul.posts_left,
	.single ul.posts_right{
		float: none;
    	margin: 0 auto;
	}
	.single ul li{
		margin: 0 auto 12px auto;
	}

	.single-detalhes{
		height: auto;
		margin-bottom: 20px;
	}
	.single-detalhes ul.posts_left,
	.single-detalhes ul.posts_right{
		float: none;
    	margin: 0 auto;
	}
	.single-detalhes ul li{
		margin: 0 auto 12px auto;
	}
}
@media all and (max-width: 375px){
	#about .ias-layer-item{
		max-width: 255px;
	}

	#slider .sti_items {
		height: 375px;
	}
}
@media all and (max-width: 365px){
	#page .select_atuacao select{
		height: 57px;
	}
}
@media all and (max-width: 350px){
	.text_animate1 {
	    margin: -100px 0 10px -20px;
	    width: 215px;
	}
}
@media all and (max-width: 320px) {
	#slider .sti_items {
		height: 319px;
	}
}