/*modal*/

/* Estilo do modal */
.modal {
  display: none; /* Inicia oculto */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7); /* Fundo escuro com transpar�ncia */
  z-index: 99999999;
}

/* Estilo do conte�do do modal */
.modal-conteudo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*   background-color: #fff;
 */  border-radius: 8px;
  padding: 20px;
  max-width: 100%; /* Largura m�xima */
  max-height: 100%; /* Altura m�xima */
  overflow: hidden; /* Impede o conte�do de transbordar */
}

/* Estilo do bot�o de fechar "x" */
.modal-fechar {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 34px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  border-radius: 50%; /* Torna o "x" redondo */
  background-color: #000; /* Fundo do "x" preto */
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Estilo do bot�o que abre o modal (opcional, s� para ilustra��o) */
.btn-abrir-modal {
  padding: 10px 20px;
  background-color: #007BFF;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* Responsividade do modal */
@media (max-width: 767px) {
  /* Altere os valores conforme a necessidade */
  .modal-conteudo {
    max-width: 95%;
    max-height: 90%;
  }
}



.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
  .row-cols-md-3>* {
flex: 0 0 auto;
width: 28.3333333333%;
}
}
</style>

<style>
body{
  background: #181616;
}
.btn-group {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.btn-group .btn {
  flex-basis: calc(33.33% - 10px);
  margin: 5px;
  text-align: left;
}

.col-md-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.col-md-3 h3 {
  margin: 0;

  /* Defina uma altura fixa para as linhas dos t�tulos */
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.col-md-3 p {
  margin-bottom: 0;
}

/* Personaliza��o para alinhar as linhas dos t�tulos */
.col-md-3 h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
<?php
$useragent = $_SERVER['HTTP_USER_AGENT'];
if (!preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i', $useragent) || preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i', substr($useragent, 0, 4))) {
?>
#blocofilmes {
  margin-top: 120px;
}
<?php }?>
</style>

<style>
@media (max-width: 768px) {
.genero-filme {
font-size: 11px !important;
background-color: none;
margin-right: 5px;
margin-bottom: 15px;
padding: 3px 9px !important;
}
.carousel-item>img {
position: absolute;
top: 25px !important;
left: 0;
min-width: 100%;
height: 12rem !important;
}
#myCarousel {
height: 175px !important;
margin-bottom: 8px!important;
}
.coluna-de-horario{
width:40% !important;
}
.btn-horario {
font-size: 14px !important;
padding: 8px 10px !important;
}
}
.btn-secondary{
font-size:15px !important;
}
.genero-filme {
font-size: 14px;
padding: 8px 14px;
border: 1px solid #ffffff;
background-color: none;
color: #ffffff;
border-radius: 16px;
font-weight: bold;

}

.bt-genero-filme {
margin: 5px !important;
display: flex;
align-items: center;

}

.btn-group-genero {
margin-top: 15px !important;
}

.btn-group {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}

.btn-group .btn {
flex: 0 0 calc(33.33% - 10px);
margin: 5px;
}

.btn-group:nth-child(2) {
margin-top: -10px;
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
margin-left: 5px !important;
}

#myCarousel {
height: 419px;
}

.carousel {
margin-bottom: -7rem !important;
}

.carousel-item>img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 25rem;
}

.carousel-indicators {
margin-top: 10% !important;
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
display: flex;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}

/*       body {
padding-top: 3rem;
padding-bottom: 0 !important;
color: #5a5a5a;
} */

.featurette-heading {
text-align: center !important;
color: #ffffff;
margin-top:35px !important;
margin-bottom:35px !important;
}

.text-muted {
color: red !important;
}

.col-md-3 p {
margin-bottom: 12px !important;
/*  margin-top: 12px !important; */
}

.image-container-filme {
position: relative;
}

.hover-buttons-filme {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.3s ease;
cursor: pointer;
background: #ff000063;
}

.image-container-filme:hover .hover-buttons-filme {
opacity: 1;
}

.btn-horario {
font-size: 18px;
padding: 8px 15px;
cursor: pointer;
border: none;
background-color: #fff;
color: #000000;
border-radius: 5px;
font-weight: bold;
margin-bottom: 0px;
transition: opacity 0.5s ease;
}

.btn-horario:hover {
background-color: #000000;
color: #ffffff;
}
/*tudo branco */
.tamanhototaldiv{
width:100% !important;
display: flex;
align-items: center;
}
<?php
$useragent = $_SERVER['HTTP_USER_AGENT'];
if (!preg_match('/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i', $useragent) || preg_match('/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i', substr($useragent, 0, 4))) {
?>
.o-titulo-do-filme{
color: #ffffff !important;
font-size: 20px;
line-height: 1.5;
margin: 5px 0;
}

.titulo-alinhado-esquerda {
text-align: left !important;
width: 100%;
}
<?php } else {?>
.o-titulo-do-filme{
color: #ffffff !important;
font-size: 14px;
line-height: 1.5;
margin: 5px 0;
float:left !important;
}
.titulo-alinhado-esquerda {
text-align: left !important;
width: 100%;
}
<?php }?>
.card-title-leg{
color: #ffffff !important;
}
.card-botao-horario{
background-color: #181616;


position: relative;
display: flex;
flex-direction: column;

word-wrap: break-word;
justify-content: flex-start;
align-items: flex-start;
background-clip: border-box;
border:none !important;
border-radius: 0.25rem;
flex-wrap: wrap;

}
.osespacos{
margin-top:15px !important;
}
.espacostitulogenero{
margin-top:12px !important;
}
.bg-primary {
background-color: #000000!important;
}