.Lcon1Gallery{
  padding: 0;
   margin:0;
   background-color: black;
   height: 580px;
   margin-top:4%;
   margin-bottom:-10%;

}
.auto-slider{
  background-color: black;
    position: relative;
    box-sizing: content-box;
    display: inline-block;
    /* padding: 10px 10px 20px; */
    background: #fff;
    max-width: 200%;
    /* margin: auto; */
    overflow-x:hidden;
    border-radius: 4px;
    z-index: 0;
    /* box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4); */
 
}
.gallback{
  position: absolute;
  height: 90vh;
  width: 100%;
z-index: 1;
}
#gallback1{
  background-image: url("https://ima-india.com/templates/ceosrt/images/Gallery_Left.png");
  float:left;
  height: 100%;
  width: 50%;
  margin: 0;
}
 #gallback2{
  background-image: url("https://ima-india.com/templates/ceosrt/images/Gallery_Right.png");
  float:right;
  height: 100%;
  width: 50%;
  margin: 0;
  
}

  #gallslide{
  position: relative;
  z-index: 0;
  position: relative;
  top: 50px;
}

/* div#slider { overflow:auto; } */
#f1 img { width: 6.25%; float: left;  }
#f1{ 
  position: relative;
  width: 450%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 40s sliding linear infinite; 
}
#f2 img { width: 6.25%; float: left; }
 #f2{ 
  position: relative;
  width: 450%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 40s sliding linear infinite; 
}
 /* #f3 img { width: 10%; float: left; height: 170px;}
 #f3{ 
  position: relative;
  width: 200%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 25s sliding linear infinite; 
} */



@keyframes sliding{
    /* 0%{left: 0%; } */
    /* 20%{left: -20%;} */
    /* 40%{left: -40%;} */
     100%{transform: translateX(-50%); } 
    /* 80%{left: -80%;}  */
   /* 0%{left: 0%;} */
}         



/* width */
 /* ::-webkit-scrollbar {
  width: 100%;
  height: 10px;
} */

/* Track */
/* ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
} */
 
/* Handle */
 /* ::-webkit-scrollbar-thumb {
  background: red;
   border-radius: 10px;
 }  */

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover {
  background: #fa6868; 
} */


@media only screen and (max-width: 430px) {
  #f1 {
   width: 750% !important;
  }
  #f2 {
    width: 750% !important;
  }
  .auto-slider{
  
    margin-top: -1% !important;
  }
  #gallslide{
    position: relative;
    top: 45px !important;
    
  }
  #gallback1{
    
    width: 100% !important;
    opacity: 0.5 !important;
  }
  
  .gallback{
    height: 42vh !important;
  }
  .Lcon1Gallery{

height: 335px !important;
margin-top:0 !important;
  }

}