@media (max-width: 1024px) {
	.container{
		width: 100%; box-sizing:border-box;
	}
	.section-tabs{
		margin:0px 20px;
	}
	.tabs-about{
		width: 70%;
	}
	.info-about p{
		width: 55%; padding: 0px;
	}
	.info-about ul{
		width: 55%; padding: 0px;
	}
	.container-contact{
		width: 100%;
	}
	.contact-left{
		width: 40%;
	}
	.contact-right{
		width: 60%; margin-left: 0px; padding-left: 30px; box-sizing: border-box;
	}
	.box-accordion{
		padding: 0px 50px;
	}
	.infoproducts{
		padding-top: 20px; width: 345px;
	}
	.infoproducts h1{
		font-size: 30px;
	}
}
@media (max-width: 900px) {
	.main-information p{
		padding: 30px 50px 40px 50px; 
	}
	.section-tabs{
		margin:0px;
	}
	.content-service{
		padding: 0px 10px; margin-top: 30px;
	}
	.container-about{
		display: block; padding: 30px 50px 40px;
	}
	.info-about p{
		padding: 0px;
	}
	.info-about ul{
		padding: 0px;
	}
	.tabs-about{
		width: 60%;
	}
}
@media (min-width: 851px) {
	.menu .nav-rsp{
		display: block !important;
	}
}
@media (max-width: 850px) {
	.social-media{
		display: none;
	}
	.menu li.nav-toggle{
		display: inline-block;
	}
	.nav-rsp{
		display: none; position: absolute; left: 0px; width: 100%; border-bottom: 1px solid #0f52a4; 
	}
	.menu li{
		background: #FFF;
	}
	.nav-rsp li{
		display: block;
	}
	.menu li a{
		height: auto; line-height: 13px; padding: 18px 0px; text-align: center; color: #555956; border-left: none;
	}
	#owl-slider .owl-pagination{
		width: 100%; text-align: center;
	}
	.resp-tabs-list li {
		padding: 20px 0px 20px 0px;
	}
	.produce-img{
		display: block; width: 100%; background-position: top center;
	}
	.produce-txt{
		display: block; width: 100%; margin-left: 0px; padding: 0px 10px; box-sizing: border-box;
	}
	.produce-txt h2{
		text-align: center;
	}
	.content-custom{
		width: 100%; margin: 20px 0px 0px 0px;
	}
	#owl-produce.owl-carousel{
		margin-top: 0px;
	}
	.produce-img{
		margin-top: 0px; margin-bottom: 30px;
	}
	.view-moreProduct{
		padding: 10px 0px 20px 0px;
	}
	.main-information p{
		padding: 20px 0px 20px;
	}
	.box-accordion{
		padding: 0px;
	}
	.no-margin{
		padding: 0px !important;
	}
}
@media (max-width: 768px) {
	
	.infoslider{
		display: block; position: relative; width: 100%; background: #039BA6; padding: 20px; text-align: center;
	}
	#owl-slider .owl-pagination{
		display: none;
	}
	.infoslider h1 {
		height: 28px; margin: 0px; color: #FFF; font-size: 22px;
	}
	.infoslider h1 a{
		color: #FFF;
	}
	.infoslider p{
		height: 20px; font-size: 13px; color: #FFF;
	}
	.main-information{
		padding-top: 40px;
	}
	.main-information h2{
		padding-bottom: 20px;
	}
	.main-information p{
		padding: 10px 0px; margin: 0px;
	}
	.items-servicetxt h3{
		margin: 10px 0px;
	}
	.items-serviceimg{
		width: 45%;
	}
	.productback{
		margin-top: 50px;
	}
	#owl-produce.owl-carousel{
		margin-top: 0px;
	}
	.produce-img{
		margin-top: 20px; margin-bottom: 30px;
	}
	.produce-txt h2{
		padding-bottom: 0px;
	}
	.content-custom{
		margin: 0px; padding-bottom: 70px;
	}
	.view-moreProduct{
		padding: 20px 0px;
	}
	.items-servicetxt{
		width: 55%;
	}
	.tabs-about{
		width: 65%;
	}
	.info-about p{
		width: 50%; margin-top: 70px; padding: 0px; margin-left: 40px;
	}
	.info-about ul{
		width: 50%; margin-top: 70px; padding: 0px;
	}
	.container-about{
		padding: 20px 0px;
	}
}
@media (max-width: 750px) {
	.tabs-about{
		width: 100%; position: relative; top: 0; left: 0; background: #B8D0DE;
	}

	.tabs-about li.resp-tab-active{
		background: #039BA6  !important;
	}
	#TabuladorAbout .resp-tab-active > p{
		color: #FFF !important; 
	}	
	.tabs-about li p, .tabs-about li:last-child p{
		color: #FFF !important; border: none;
	}
	.info-about{
		margin-top: 30px; margin-bottom: 40px;
	}
	.info-about p{
		margin-top: 70px; padding: 0px;
	}
	.info-about ul{
		margin-top: 70px; padding: 0px;
	}
	.box-footer{
		width: 100%; padding: 25px 0px;
	}
	.infoproducts{
		display: none;
	}
}
@media (max-width: 660px) {
	.logo-teon{
		width: 85px; height: auto; margin: 10px 20px 10px 0px;
	}
	.menu li.nav-toggle{
		height: 48px; line-height: 48px;
	}
	.Jdivision{
		height: 50px;
	}
	.resp-tabs-list li p{
		display: none;
	}
	.resp-tabs-list li img{
	 	width: 70%;	margin-bottom: 5px;
	}
	.items-serviceimg{
		display: block; width: 100%;
	}
	.items-serviceimg img{
		width: 50%;
	}
	.items-servicetxt{
		display: block; width: 100%; text-align: center;
	}
	.items-servicetxt p{
		text-align: left;
	}
	.resp-tab-active:after{
		border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 6px solid #FFF; margin-left: -8px;
	}
	.resp-tabs-list li{
		padding: 10px 0px; border: 0px solid #FFF !important;
	}
	.view-more{
		width: 100%; box-sizing: border-box;
	}
	.view-more:before{
		top: 0px; left: 0px;
	}
	.produce-txt h2{
		font-size: 22px; height: 65px; margin-bottom: 20px;
	}
	#TabuladorAbout .resp-tabs-list li p{
		display: block !important;
	}
	.info-about img{
		width: 35%;
	}
	.info-about p{
		width: 60%; margin-top: 20px; margin-left: 0px; padding-left: 30px; box-sizing:border-box;
	}
	.info-about ul{
		width: 60%; margin-top: 20px; margin-left: 0px; padding-left: 30px; box-sizing:border-box;
	}
	.contact-left{
		display: block; width: 100%;
	}
	.contact-right{
		display: block; width: 100%; padding-left: 0px; box-sizing: border-box;
	}
	.contact-left p{
		margin-bottom: 20px;
	}
	.box-send{
		display: block; width: 100%; padding: 10px 0px; text-align: center; margin-bottom: 20px; 
	}
	.manager-hidden{
		display: none;
	}
	.manager-visible{
		display: block;
	}
	.content-manager{
		margin-top:0px; padding-top: 30px; padding-bottom: 30px; text-align: center;
	}
	.container-contact h2{
		padding-bottom: 40px;
	}
	.contact-information{
		padding-top: 20px;
	}
	.box-input{
		margin-bottom: 20px;
	}
	#owl-customer .owl-buttons{
		display: none !important;
	}
	#accordion ul li{
		padding: 16px 0px;
	}
	.content-left{
		display: block; width: 100%; margin-bottom: 20px;
	}
	.system-img{
		display: inline-block; width: 35%;
	}
	.content-right{
		display: block; width: 100%; padding: 0px;
	}
	#accordion li{
		font-size: 14px;
	}
}
@media (max-width: 480px) {
	.infoslider h1 {
		height: 50px;
	}
	.infoslider p{
		display: none;
	}
	.items-serviceimg img{
		width: 60%;
	}
	.info-about img{
		display:block; width: 80%; margin: 0px auto 25px auto; padding: 0px; vertical-align: top;
	}
	#TabuladorAbout .tabs-about li p{
		font-size: 22px;
	}
	#TabuladorAbout .resp-tab-active > p{
		font-size: 22px;
	}
	.info-about p{
		display:block; width: 100%; margin: 0px; padding: 0px; vertical-align: top;
	}
	.info-about ul{
		display:block; width: 100%; margin: 0px; padding: 0px; vertical-align: top; text-align: center;
	}
	.content-custom img{
		width: 120px;
	}
	.contact-information{
		text-align: center; padding-bottom: 10px;
	}
	.content-manager ul li a{
		margin-right: 20px;
	}
	.content-manager ul li:last-child a{
		margin-right: 0px;
	}
	.system-img{
		width: 55%;
	}
}
@media (max-width: 360px) {
	.content-custom{
		padding-top: 15px;padding-bottom: 30px;
	}
	.system-img{
		width: 75%;
	}
}


