@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');



*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

:root{
    --color:#171717;
    --red:#fa0202;
    --white:white;
}


.carousel-item img{
   width:100%;
   height:80vh;
   object-fit:cover;
} 
.movie-name{

    display: flex;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding:7%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:47%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:auto;
     object-fit:cover;
     margin-bottom:40px;
 }
 
 .carousel-caption h4{
   font-size:20px;
   font-family:"poppins";
}
 .over-colour-1 {
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:320px;
     opacity:0%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
 .submit-button:hover{
   color:var(--red);
 }
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:80px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}









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


   .carousel-item img{
      width:100%;
      height:50vh;
      object-fit:cover;
   } 

.movie-name{

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:auto;
     object-fit:contain !important;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}




}
@media screen and (min-width:321px) and (max-width:375px){
   
   .carousel-item img{
      width:100%;
      height:50vh;
      object-fit:cover;
   } 
   


.movie-name{

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:auto;
     object-fit:contain;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}





}
@media screen and (min-width:376px) and (max-width:425px){


   .carousel-item img{
      width:100%;
      height:50vh;
      object-fit:cover;
   } 

    
.movie-name{

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:auto;
     object-fit:contain;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}

   


}

@media screen and (min-width:426px) and (max-width:600px){
   
   .carousel-item img{
      width:100%;
      height:50vh;
      object-fit:cover;
   }    



    
.movie-name{

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:auto;
     object-fit:contain;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}

   

}

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

   .carousel-item img{
      width:100%;
      height:50vh;
      object-fit:cover;
   }    




   
.movie-name{

    display: flex;
    flex-direction:column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:320px;
     object-fit:contain;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}

   




}

@media screen and (min-width:769px) and (max-width:900px){
  
    

   .carousel-item img{
      width:100%;
      height:50vh;
      object-fit:cover;
   }    

   
.movie-name{

    display: flex;
    flex-direction:column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:320px;
     object-fit:contain;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}

   





}
@media screen and (min-width:901px) and (max-width:992px){
   
     
   
.movie-name{

    display: flex;
    flex-direction:column;
    justify-content: space-between;
    width:100%;
    height:auto;
    padding: 8%;
    background: rgb(80,8,8);
    background: linear-gradient(270deg, rgba(80,8,8,1) 7%, rgba(0,0,0,0.9612219887955182) 46%);
 
 }
 .movie-name-1{
     width:100%;
     height: auto;
     position: relative;
 }
 .movie-name-1 img{
     width:100%;
     height:320px;
     object-fit:contain;
     margin-bottom:40px;
 }
 
 .over-colour-1 {
    display: none;
     position: absolute;
     z-index:2;
     top:0;
     left: 0;
     width: 100%;
     height:100%;
     opacity:70%;
     background: rgb(122,17,17);
     background: linear-gradient(270deg, rgba(122,17,17,0) 28%, rgba(0,0,0,0.9612219887955182) 66%);
 }
 .movie-name-1 h4{
     color: white;
     font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
     font-weight:700;
 }
 .movie-name-1 p{
     color: white;
     font-family: 'opensans',Arial,sans-serif;
 }
 .message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:white;
 }
 textarea{
    width:100%;
    height:100px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
 
 }
  
  
 .award h4{
    margin-top:50px;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:700;

 }

 .gallery-topic{
    text-align: center;
    color: #fa0202;
    font-family: 'opensans';
    font-weight:800;

 }

 .gallery-picture{
    margin-top:50px;
    margin-bottom:20px;
}
.mb-3 img{
    width:100%;
    height:280px;
    object-fit: cover;
}

   

}