.cb-slideshow, .cb-slideshow:after {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
	list-style:none;
	margin:0px;
	padding:0;
}
.cb-slideshow:after {
	content: '';
}
.cb-slideshow li span {
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	color: transparent;
	background-size: cover;
	background-position: 100% 50%;
	background-repeat: none;
	opacity: 0;
	z-index: 0;
	-webkit-backface-visibility: hidden;
	-webkit-animation: imageAnimation 25s linear 1 0s;
	-moz-animation: imageAnimation 25s linear 1 0s;
	-o-animation: imageAnimation 25s linear 1 0s;
	-ms-animation: imageAnimation 25s linear 1 0s;
	animation: imageAnimation 25s linear 1 0s;
}
.cb-slideshow li:nth-child(1) span {
 background-image: url(../images/one.png);
}
.cb-slideshow li:nth-child(2) span {
 background-image: url(../images/two.png);
 -webkit-animation-delay: 5s;
 -moz-animation-delay: 5s;
 -o-animation-delay: 5s;
 -ms-animation-delay: 5s;
 animation-delay: 5s;
}
.cb-slideshow li:nth-child(3) span {
 background-image: url(../images/three.png);
 -webkit-animation-delay: 10s;
 -moz-animation-delay: 10s;
 -o-animation-delay: 10s;
 -ms-animation-delay: 10s;
 animation-delay: 10s;
}
.cb-slideshow li:nth-child(4) span {
 background-image: url(../images/four.png);
 -webkit-animation-delay: 15s;
 -moz-animation-delay: 15s;
 -o-animation-delay: 15s;
 -ms-animation-delay: 15s;
 animation-delay: 15s;
}
.cb-slideshow li:nth-child(5) span {
 background-image: url(../images/five.png);
 -webkit-animation-delay: 20s;
 -moz-animation-delay: 20s;
 -o-animation-delay: 20s;
 -ms-animation-delay: 20s;
 animation-delay: 20s;
}
.cb-slideshow li:nth-child(6) span {
 background-image: url(../images/six.png);
 -webkit-animation-delay: 25s;
 -moz-animation-delay: 25s;
 -o-animation-delay: 25s;
 -ms-animation-delay: 25s;
 animation-delay: 25s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
8% {
opacity: 0;
-webkit-animation-timing-function: ease-in;
}
17% {
opacity: 1;
-webkit-animation-timing-function: ease-out;
}
25% {
opacity: 0
}
50% {
opacity: 0
}
100% {
opacity: 0
}
}
@-moz-keyframes imageAnimation {
 0% {
opacity: 0;
 -moz-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -moz-animation-timing-function: ease-out;
}
 17% {
opacity: 1
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-o-keyframes imageAnimation {
 0% {
opacity: 0;
 -o-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -o-animation-timing-function: ease-out;
}
 17% {
opacity: 1
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-ms-keyframes imageAnimation {
 0% {
opacity: 0;
 -ms-animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 -ms-animation-timing-function: ease-out;
}
 17% {
opacity: 1
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
@keyframes imageAnimation {
 0% {
opacity: 0;
 animation-timing-function: ease-in;
}
 8% {
opacity: 1;
 animation-timing-function: ease-out;
}
 17% {
opacity: 1
}
 25% {
opacity: 0
}
 100% {
opacity: 0
}
}
/* Animation for the title */
@-webkit-keyframes titleAnimation {
 0% {
opacity: 0
}
 8% {
opacity: 1
}
 17% {
opacity: 1
}
 19% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-moz-keyframes titleAnimation {
 0% {
opacity: 0
}
 8% {
opacity: 1
}
 17% {
opacity: 1
}
 19% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-o-keyframes titleAnimation {
 0% {
opacity: 0
}
 8% {
opacity: 1
}
 17% {
opacity: 1
}
 19% {
opacity: 0
}
 100% {
opacity: 0
}
}
@-ms-keyframes titleAnimation {
 0% {
opacity: 0
}
 8% {
opacity: 1
}
 17% {
opacity: 1
}
 19% {
opacity: 0
}
 100% {
opacity: 0
}
}
@keyframes titleAnimation {
 0% {
opacity: 0
}
 8% {
opacity: 1
}
 17% {
opacity: 1
}
 19% {
opacity: 0
}
 100% {
opacity: 0
}
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span {
	opacity: 1;
}
@media (min-width:320px) and (max-width: 768px) {
.cb-slideshow li span.slider1 {
 left:3% !important;
 width:90% !important;
}
.cb-slideshow li span.slider2 {
 left:3% !important;
 width:90% !important;
}
.cb-slideshow li span.slider3 {
 left:3% !important;
 width:90% !important;
}
.cb-slideshow li span.slider4 {
 left:3% !important;
 width:90% !important;
}
.cb-slideshow li span.slider5  {
 left:3% !important;
 width:90% !important;

}
.cb-slideshow li span.slider6 {
 left:3% !important;
 width:90% !important;
}
.flet {
 float: left;
 text-align: center;
 width: 100%;
 margin-bottom: 0%;
}
.frgt {
 float: left;
 text-align: center;
 width: 100%;
}
}
/* Ratan css end */