#slider{
  margin:0;
  padding:0; 
}

.skdslider {
  width:100%;
  position: relative;
  display: block;
  overflow:hidden;
}

.skdslider .slide {
   display: none;
}

.skdslider .slide img {
   width: 100%;
   height:100%;
   border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
	  list-style-type: none;
    margin: 0;
    padding: 0;
}

.skdslider ul.slide-navs li {
  float: left;
	background: url("../images/slide-bg.png") no-repeat scroll 0 0 transparent;
	height:12px;
	width:12px;
	margin-right:4px;
	cursor:pointer;
}
.skdslider ul.slide-navs li.active {
  background: url("../images/slide-bg-active.png") no-repeat scroll 0 0 transparent;
}

.skdslider .slide-desc {
    display: table;
    background:#a5a5a54a;
    left: 65px;
    top: 13%;
    padding: 25px 25px 55px 25px;
    position: absolute;
    max-width: 55%;
}

.skdslider .slide-desc > h2 {
    color: #fdfdfb;
    font-family: 'Lato';
    font-size: 3.8rem;
    font-weight: 800;
    line-height: 55px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: unset;
    text-shadow: 0 1px 4px rgb(1 0 0 / 75%);
}

.skdslider .slide-desc > p {
    color: #fdfdfb;
    font-family: system-ui;
    font-size: 1.4rem;
    text-transform: unset;
    padding-bottom: 50px;
    line-height: 1.3;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6);
}

.reg-now {
     text-decoration: none;
    background: #c50a0a;
    padding: 15px 35px;
    color: #fff;
    font-family: system-ui;
    font-size: 1.1rem;
    border-radius: 50px;
}

.reg-now:hover{
	color: #fff;
	background: #a50200;
}

.skdslider a.prev{
  background: url("../images/left.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	left:2%;
	margin-top:-17px;
}

.skdslider a.next{
  background: url("../images/right.png") no-repeat scroll 0 0 transparent;
	width:35px;
	height:35px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:50%;
	right:2%;
	margin-top:-17px;
}

/*.skdslider a.prev:hover {
  background: #c50a0a;
  border-radius:50%;
}

.skdslider a.next:hover {
  background: #c50a0a;
  border-radius:50%;
}*/


/*Some Responsive CSS */
@media screen and (min-width:768px) {

  .hero-style{
    display: none;
  }

    .skdslider{
    height: auto!important;
    }

    .home-slider{
      height: 550px!important;
    }

    .skdslider .slide img {
      height:auto!important;
  }

}

@media screen and (max-width:767px) {
  
  #forLargScrn{
    display: none;
  }

	.skdslider{
		height: 460px!important;
	}

	.home-slider{
		height: 260px!important;
	}

	.skdslider .slide img {
    height:260px!important;
}

	.skdslider .slide-desc {
	  text-align: left;
    display: table;
    left: 0px;
    top: 8%;
    padding: 15px 25px 35px 25px;
    position: absolute;
    max-width: 55%;
}
	
	.skdslider ul.slide-navs{
		display: none;
	}

	.skdslider .slide-desc > h2 {
	  font-size: 1.4rem;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 1;
    text-align: left;
	}
	
	.skdslider .slide-desc > p {
		font-size: 14px;
		line-height: 15px;
		margin-top: 5px;
		text-align: left;
		font-family: system-ui;
	}

	.skdslider .slide-desc > .reg-now{
		padding: 12px;
    font-family: system-ui;
    font-size: 0.9rem;
    margin-top: -35px;
    position: absolute;
    height: 13px;
    line-height: 0.7;
	}

}