#title-bar
{
	width:100%;
}
#title-bar .container
{
	width:100%;
}
#listmovies
{
	margin-top: 10px;
}
.divitem{
	margin-bottom: 20px; 
	background-color: #131314; 
	border-radius:5px;
	
}
.divitem:hover
{
	transform:scale(1.2);
	box-shadow: rgb(255 124 0 / 70%) 0px 1px 2px 0px, 
	rgb(255 124 0 / 70%) 1px 2px 4px 0px, 
	rgb(255 124 0 / 70%) 2px 4px 8px 0px, 
	rgb(255 124 0 / 70%) 2px 4px 16px ;
	transition: all 250ms ease-in-out;
}
.divitem a{
	font-family:amazonfont;
}
.starname {
  
  color: white;
  font-size: 12px;
    padding: 16px 0px;
  display: block;
  background-color: #131314;
  border-radius:5px;
}

.cimg {
	display: block;
	width: 100%;
	cursor: pointer;
}
.cimg:hover  {
  
  
}

.cimg {
	max-width: 100%;
	
	
}
.divinf
{
	width:100%; 
	padding-top:5px; 
	padding-bottom:5px; 
	background-color: #131314;
	top:0px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
}
.spanimdb
{
	color: #f5c518; 
	background:transparent; 
	float:right;
     font-size: small;
}
.spanrelease
{
	color: #ababb4; 
	background:transparent; 
	float:left;
     font-size: small;
}
.divimage{
	
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.divtitle{
	width:100%; 
	text-align:center;
}
:root {
  --grid-gap: 1.5rem; // Control grid gap here
}

.grids {
  display: grid;
  grid-gap: var(--grid-gap);
  margin-left:15px;
  margin-right:15px;
  float:right;
  direction:ltr;
  
  grid-template-columns: repeat(1, 1fr);
}
.grids.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.grids.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.grids.col-3 {
  grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 468px) {
  .grids.sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grids.sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grids.sm-3 {
    grid-template-columns: repeat(4, 1fr);
  }
  .starname {
  
  font-size: 11px;
  
   }
   .spanimdb
   {
     font-size: 14px;
   }
   .spanrelease
   {
     font-size: 14px;
   }
}
@media (min-width: 992px) {
  .grids.md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grids.md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grids.md-3 {
    grid-template-columns: repeat(5, 1fr);
  }
  .starname {
  
     font-size: 13px;
  
   }
   .spanimdb
   {
     font-size: 14px;
   }
   .spanrelease
   {
     font-size: 14px;
   }
}
@media (min-width: 1200px) {
  .grids.lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grids.lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grids.lg-3 {
    grid-template-columns: repeat(7, 1fr);
  }
  .starname {
  
      font-size: 13px;
  
   }
   .spanimdb
   {
     font-size: 16px;
   }
   .spanrelease
   {
     font-size: 16px;
   }
}
@media (min-width: 1500px) {
  .grids.xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grids.xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grids.xl-3 {
    grid-template-columns: repeat(9, 1fr);
  }
  .starname {
  
  font-size: 15px;
  
   }
   .spanimdb
   {
     font-size: 17px;
   }
   .spanrelease
   {
     font-size: 17px;
   }

}