.slider-container {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
	
      }
      .menu {
        position: absolute;
        left: 0;
        z-index: 900;
        width: 100%;
        bottom: 0;
      }
      .menu label {
        cursor: pointer;
        display: inline-block;
        width: 16px;
        height: 16px;
        background: #fff;
        border-radius: 50px;
        margin: 0 0.2em 1em;
      }
      .menu label:hover,
      .menu label:focus {
        background: #1c87c9;
      }
      .slide {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 10;
        padding: 8em 1em 0;
        background-size: cover;
        background-position: 50% 50%;
        transition: left 0s 0.75s;
		 
		  
      }
      [id^="slide"]:checked + .slide {
        left: 0;
        z-index: 100;
        transition: left 0.65s ease-out;
		  
      }
      .slide-1 {
        background-image: url(../img/bg/hero-bg1.png);
		  
      }
      .slide-2 {
        background-image: url(../img/bg/hero-bg2.png);
      }
      .slide-3 {
        background-image: url(../img/bg/hero-bg3.png);
      }


/*-------------------------*/

@keyframes fade{
  from{
    opacity:0.3;
  }
  to{
    opacity:1;
  }
}
#slider{
  margin:0 auto;
  width:100%;
  overflow:hidden;
}

.slides{
  overflow:hidden;
  animation-name:fade;
  animation-duration:1s;
  display:none;
}


#dot{
  margin:0 auto;
  text-align:center;
	display: none;
}
.dot{
  display:inline-block;
  border-radius:50%;
  background:#d3d3d3;
  padding:8px;
  margin:10px 5px;
}


@media (max-width:567px){
  #slider{
    width:100%;

  }
}

#heading{
  display:block;
  text-align:center;
  font-size:2em;
  margin:10px 0px;

}






/*.box {
    display: flex;
    align-items: flex-start;
    background: #fff;
    height: 790px;
    overflow: hidden;
    position: relative;
}
.box .single-box img {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    background: #000;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    opacity: 0;
    transform: scale(1.5) rotate(15deg);
    -webkit-animation: animate 32s infinite;
            animation: animate 32s infinite;
}
.box .single-box:nth-child(3) img {
    -webkit-animation-delay: 8s;
            animation-delay: 8s;
}
.box .single-box:nth-child(2) img {
    -webkit-animation-delay: 16s;
            animation-delay: 16s;
}
.box .single-box:nth-child(1) img {
    -webkit-animation-delay: 24s;
            animation-delay: 24s;
}
@keyframes animate {
    25% {
        opacity: 1;
        transform: scale(1) rotate(0);
    }
    40% {
        opacity: 0;
    }
}*/





@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider-container {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
      }
      
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .slider-container {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
      }
      
}
@media only screen and (max-width: 767px) {
  
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-container {
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
      }
      
}
@media only screen and (max-width: 767px) {
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
 .slider-container {
        height: 300px;
        width: 100%;
        position: relative;
        overflow: hidden;
        text-align: center;
      }
      
}