.responsive {   display: block;display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;margin:0 auto;}
.responsive div{   position: relative;display: inline-block;margin:auto;padding:1%;overflow: hidden;}
.responsive  p {font-size:12px;}
.responsive h2 {font-size:16px;}
.responsive ::after,.responsive ::before {box-sizing: border-box;}
.responsive-botao {float:right;background:#111;padding:5px;margin:1%;color:#FFF;font-size:10px;border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.responsive-botao:hover{background:#CCC;color:#111;}

.responsive-card {	padding:0; position: relative; word-wrap: break-word; background: #fff;  border: 1px solid #e6e6e6;	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);	border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;	text-align:center;}
.responsive-card p{	text-align:center;}
.responsive-card div{padding: 5% 3% 0% 3%;margin:-3%;}	
.responsive-card-header {text-align:center; margin-bottom: 0px; background: #f5f5f5; border-bottom: 1px solid #e6e6e6;width:106%;height:40px;}
.responsive-card-header h4{font-size:22px;margin-top:0px;color:#444;}
.responsive-card-body{width:100%;text-align:center;padding-top:10px;}
.responsive-botao-card {display: inline-block;text-align:center;width:96%;border: 1px solid #222;line-height:35px;background:#222;padding:1%;margin: 1% 1% 5% 1%;color:#FFF;font-size:16px;border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.responsive-botao-card:hover{background:#FFF;color:#111;border: 1px solid #000;}

.responsive-foot{margin: 0 auto -10px auto; width: 100%; background: #222; border-top: 38px rgba(255,255,255,0.5) solid;}
.responsive-foot-limt{width: 900px;mx-width:100%}
.responsive-foot-col-m {width:80%;}
.responsive-foot-col{width:46%;}
.responsive-foot table{margin:auto;color:#FFF;}
.responsive-foot table p{text-align:center;}
 
.responsive-grid-6 {width:14%;}
.responsive-grid-5 {width:18%;}	
.responsive-grid-4 {width:23%;}	
.responsive-grid-3 {width:31%;}
.responsive-grid-2 {width:48%;}	
.responsive-grid-6-foto {width:14%;height:100px;overflow: hidden;}
.responsive-grid-5-foto {width:18%;height:130px;overflow: hidden;}	
.responsive-grid-4-foto {width:23%;height:180px;overflow: hidden;}	
.responsive-grid-3-foto {width:31%;height:230px;overflow: hidden;}
.responsive-grid-2-foto {width:48%;height:280px;overflow: hidden;}	
.responsive-grid-1-color, .responsive-grid-2-color, .responsive-grid-3-color, .responsive-grid-4-color, .responsive-grid-5-color, .responsive-grid-6-color{width:98%;height:100%;overflow: hidden;} 
.responsive-card {width:30%;}	
.responsive-tube {width:560px;height:315px;margin:auto;max-width:100%;overflow: hidden;}
.responsive-tube-g {width:760px;height:427px;margin:auto;max-width:100%;overflow: hidden;}
.responsive-tube-gg {width:960px;height:540px;margin:auto;max-width:100%;overflow: hidden;}
.responsive-tube-eg {width:1260px;height:708px;margin:auto;max-width:100%;overflow: hidden;}
.responsive-tube-xg {width:1460px;height:821px;margin:auto;max-width:100%;overflow: hidden;}
.responsive-pbg p{text-align: center;font-size: 36pt;color: #ffffff;overflow: hidden;}
.responsive-pbp p, .responsive-pbn p{text-align: center;font-size: 36pt;color: #000;overflow: hidden;}
.responsive-pbg{background: rgba(0, 0, 0, 0.8); width: 100%; height: 400px; text-align: center;font-size: 36pt;color: #ffffff;overflow: hidden;}
.responsive-pbp{background: rgba(255, 255, 255, 0.5); width: 100%; height: 400px; text-align: center;font-size: 36pt;color: #000;overflow: hidden;}
.responsive-pbn{background: width: 100%; height: 400px; text-align: center;font-size: 36pt;color: #000;overflow: hidden;}
.responsive-pb{overflow: hidden;width: 100%;height: auto;  }

@media (max-width: 1120px) {
.responsive-tube-eg {width:1120px;height:630px;margin:auto;max-width:100%;}
.responsive-tube-xg {width:1120px;height:630px;margin:auto;max-width:100%;}
}

@media (max-width: 920px) {
.responsive-grid-6 {width:23%;}	
.responsive-grid-5 {width:31%;}	
.responsive-grid-4{width:31%;}
.responsive-grid-3 {width:31%;}
.responsive-grid-2 {width:48%;}	
.responsive-card {	width:30%;}
.responsive-grid-6-foto {width:23%;height:130px;}
.responsive-grid-5-foto {width:31%;height:180px;}	
.responsive-grid-4-foto {width:31%;height:180px;}	
.responsive-grid-3-foto {width:31%;height:180px;}
.responsive-grid-2-foto {width:48%;height:230px;}
.responsive-tube {width:560px;height:315px;margin:auto;max-width:100%;}
.responsive-tube-g {width:860px;height:483px;margin:auto;max-width:100%;}
.responsive-tube-gg {width:920px;height:517px;margin:auto;max-width:100%;}
.responsive-tube-eg {width:920px;height:517px;margin:auto;max-width:100%;}
.responsive-tube-xg {width:920px;height:517px;margin:auto;max-width:100%;}
}

@media (max-width: 880px) {
.responsive  p {font-size:11px;}
.responsive h2 {font-size:14px;}
}

@media (max-width: 780px) {
.responsive-grid-6 {width:31%;}	
.responsive-grid-5 {width:31%;}	
.responsive-grid-4{width:48%;}
.responsive-grid-3 {width:48%;}
.responsive-grid-2 {width:48%;}	
.responsive-grid-6-foto {width:31%;height:150px;}
.responsive-grid-5-foto {width:31%;height:150px;}	
.responsive-grid-4-foto {width:48%;height:210px;}	
.responsive-grid-3-foto {width:48%;height:210px;}
.responsive-grid-2-foto {width:48%;height:210px;}
.responsive-card {	width:46%;}
.responsive-foot-col{width:98%;}
.responsive-tube {width:560px;height:315px;margin:auto;max-width:100%;}
.responsive-tube-g {width:780px;height:438px;margin:auto;max-width:100%;}
.responsive-tube-gg {width:780px;height:438px;margin:auto;max-width:100%;}
.responsive-tube-eg {width:780px;height:438px;margin:auto;max-width:100%;}
.responsive-tube-xg {width:780px;height:438px;margin:auto;max-width:100%;}
}

@media (max-width: 680px) {
.responsive  p {font-size:11px;}
.responsive h2 {font-size:14px;}
.responsive-tube {width:560px;height:315px;margin:auto;max-width:100%;}
.responsive-tube-g {width:680px;height:382px;margin:auto;max-width:100%;}
.responsive-tube-gg {width:680px;height:382px;margin:auto;max-width:100%;}
.responsive-tube-eg {width:680px;height:382px;margin:auto;max-width:100%;}
.responsive-tube-xg {width:680px;height:382px;margin:auto;max-width:100%;}
.responsive-grid-2, .responsive-grid-3, .responsive-grid-4, .responsive-grid-5, .responsive-grid-6  {width:48%;}
.caixa-contato-sys, .caixa-contato-sys2{width:100%;}
}

@media (max-width: 580px) {
.responsive  p {font-size:10px;}
.responsive h2 {font-size:12px;}
.responsive-tube {width:560px;height:315px;margin:auto;max-width:100%;}
.responsive-tube-g, .responsive-tube-gg, .responsive-tube-eg, .responsive-tube-xg {width:580px;height:326px;margin:auto;max-width:100%;}
}

@media (max-width: 480px) {
.responsive-grid-2, .responsive-grid-3, .responsive-grid-4, .responsive-grid-5, .responsive-grid-6 {width:98%;}
.responsive-grid-2-foto, .responsive-grid-3-foto , .responsive-grid-4-foto, .responsive-grid-5-foto,  .responsive-grid-6-foto {width:98%;height:260px;}
.responsive-grid-5, .responsive-grid-6 {width:48%;}
.responsive-grid-5-foto,  .responsive-grid-6-foto {width:48%;height:260px;}
.responsive-card {	width:98%;}
.responsive-foot-col{width:98%;}
.responsive-tube {width:480px;height:275px;margin:auto;max-width:100%;}
.responsive-tube-g, .responsive-tube-gg, .responsive-tube-eg, .responsive-tube-xg {width:580px;height:326px;margin:auto;max-width:100%;}
}

@media (max-width: 380px) {
.responsive-tube, .responsive-tube-g, .responsive-tube-gg, .responsive-tube-eg, .responsive-tube-xg {width:380px;height:213px;margin:auto;max-width:100%;}
.responsive-grid-2-foto, .responsive-grid-3-foto , .responsive-grid-4-foto, {width:98%;height:230px;}
.responsive-grid-2-foto, .responsive-grid-3-foto , .responsive-grid-4-foto, .responsive-grid-5-foto,  .responsive-grid-6-foto {width:48%;height:230px;}
}

@media (max-width: 280px) {
.responsive-tube, .responsive-tube-g, .responsive-tube-gg, .responsive-tube-eg, .responsive-tube-xg {width:280px;height:157px;margin:auto;max-width:100%;}
.responsive-grid-2-foto, .responsive-grid-3-foto , .responsive-grid-4-foto, .responsive-grid-5-foto,  .responsive-grid-6-foto {width:98%;height:180px;}
}