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



}

@media screen and (min-width: 341px) and (max-width: 480px) {

.mobile{
	display:block!important;
}

#myTabs{
	display:none;
}

#myTabsmob{
	display:block!important;
}

#anima{
	width:100%;
	height:500px;
	position:relative;
	display:flex;
	align-items:center;
	background:url(../imagens/bg1.jpg) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#anima .box span.ti{
	display:block;
	font-size:50px;
	color:#fff;
	font-weight:bold;
	padding:15px 0;
	text-align:center;
}

#anima .box span.subti{
	display:block;
	font-size:24px;
	color:#fff;
	text-align:center;
}

#anima .box span.subti img{
	display:none;
}

#anima .menu a{
	text-transform:uppercase;
	display:inline-block;
	font-size:18px;
	color:#fff;
	padding:15px 10px;
	margin:0 10px;
	border:1px solid transparent;
}

#intro .texto p{
	font-size:16px;
	width:100%;
	padding:15px;
	display:block;
	margin:auto 0 auto auto;
}

#intro .texto .mock1{
	position:absolute;
	bottom:-200px;
	left:0;
	z-index:9;
	max-width:280px;
}

#intro .texto .mock2{
	position:absolute;
	bottom:-180px;
	right:0;
	z-index:9;
	max-width:80px;
}

#cameras #myTabsmob a li{
	border:1px solid #d0d0d0;
	padding:30px 30px;
	margin:0 0 10px 0;
	width:100%;
	display:block;
	font-size:24px;
	color:#808080;
	font-weight:bold;
	cursor:pointer;
}

#cameras #myTabsmob a li.active{
	color:#fff;
	background:#00AC41;
}

#cameras{
	background:#f5f5f5;
	padding:60px 0;
}

#cameras .nome0{
	position:relative;
	background:#00AC41;
	width:100%;
	text-align:center;
	display:block;
	padding:30px 30px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
}

#cameras .nome{
	position:relative;
	background:#00AC41;
	width:100%;
	display:block;
	padding:30px 30px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
}

#cameras .pause{
	position:absolute;
	top:330px;
	right:15px;
	z-index:999;
	padding:15px 0px;
	text-align:center;
	cursor:pointer;
}

#cameras .video{
	min-width:100%;
	height:276px;
	background:url(../imagens/cameras.png) center bottom no-repeat;
	padding-bottom:40px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cameras #video0{
	min-width:100%;
	height:276px;
	background:url(../imagens/cameras0.png) center bottom no-repeat;
	padding-bottom:40px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cameras .tab-content{
	overflow:hidden;
	height:400px;
}

#bloco{
	width:100%;
	overflow:hidden;
	height:auto!important;
}

#bloco .col-md-8{
	height:auto!important;
	display:flex;
	align-items:center;
	padding:90px 30px;
}

#bloco .foto{
	background:center center no-repeat;
	width:100%;
	height:350px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

}
@media screen and (min-width: 481px) and (max-width: 600px) {



}
@media screen and (min-width: 601px) and (max-width: 740px) {



}
@media screen and (min-width: 741px) and (max-width: 990px) {


}

@media screen and (min-width: 1025px) and (max-width: 1170px){


}

@media screen and (min-width: 1171px) and (max-width: 1364px){


}

@media screen and (min-width: 1365px) and (max-width: 1440px){



}