<style>
.owl-prev,
.owl-next {
  position: absolute;
  margin-top:-130px; 
  }

.owl-prev {
  left:-15px;
  font-size:30px; 
}

.owl-next {
  right: -15px;
  font-size:30px; 
}
html{
  scroll-behavior:smooth; 
}
@media only screen and (min-width: 600px)
{
  .modal-content
  {
    margin-left:-2%;  
    width:1310px;
    height:550px;  
  }
  .modal-dialog
  {
    margin-left:150px; 
  }
    .item
  {
    background-color:white;
    height:550px; 
  }
   .wrapper
  {
    width:100%;
    height:250px;
    overflow: hidden;  
    padding:40px;
      
  }
  .common
  {

    height:250px; 
    width:auto; 
  }
  
}
@media only screen and (max-width: 650px)
{
  .common
  {
    height:250px; 
  }
  .modal-content
  {
    
    
    width:450px;
    height:330px;  

  }
  #modalheader{
    margin-right:20%; 
  }
    .item
  {
    background-color:white;
    height:250px; 
  }
   .wrapper
  {
    width:100%;
    height:300px;
    overflow: hidden;  
    padding:10px; 

  }
}


 

.parallax
{

  background-image: url("../images/galleryback.jpg");
  min-height: 630px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}