/*=======================
Author @mitKumarSinha
Last modified by : @mitKumarSinha
Date : Jan/08/2015
=======================*/


body {
	padding: 0px;
	margin: 0px;
}
.lg-slider ul {
	padding: 0px;
	margin: 0px;
	height: 100%;
}
.lg-slider {
	position: relative;
	overflow: auto;
	max-width: 1200px;
	margin: auto;
}
.lg-slider li {
	list-style: none;
	height: 700px !important;
	padding: 0px;
}
.lg-slider ul li {
	float: left;
}
.lg-slider .lg-slide-dots {
	position: absolute;
	left: 45%;
	right: 45%;
	top:90%;
	
	width: 25%;
}
.lg-slider .lg-slide-dots li {
	display: inline-block;
	width: 10px;
	height: 10px !important;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 100%;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.lg-slider .lg-slide-dots li.active {
	background: #fff;
	opacity: 1;
}
#content-wrapper .lg-slider a.next {
	z-index: 666;
	position: absolute;
	top: 48%;
	bottom: 48%;
	right: 1%;
	width: 30px;
	height: 30px;
	font-size: 50px;
	color: #fff;
	text-shadow: 2px 2px 2px #333;
	opacity: .5;
}
#content-wrapper .lg-slider a.prev {
	z-index: 666;
	position: absolute;
	top: 48%;
	bottom: 48%;
	left: 1%;
	width: 30px;
	height: 30px;
	font-size: 50px;
	color: #fff;
	text-shadow: 2px 2px 2px #333;
	opacity: .5;
}
.lg-slider a.prev:hover, .lg-slider a.next:hover {
	opacity: 1;
}

/*=============Media Query Max Width 320 Start ===============*/

@media screen and (max-width: 320px) {
	
.lg-slider ul li img {
	width:100%;
	height:200px;
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:200px !important;
	}
.lg-slider .lg-slide-dots {
    left: 28%;
    right: 45%;
    top: 80%;
}

}

/*=============Media Query Max Width 320 End ===============*/



/*=============Media Query Min Width 320 Max Width 480 Start ===============*/

@media screen 
and (min-width : 320px) 
and (max-width : 480px) {

.lg-slider ul li img {
	width:100%;
	height:260px; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:260px !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider .lg-slide-dots {
    left: 38%;
    right: 45%;
    top: 80%;
}
}

/*=============Media Query Min Width 320 Max Width 480 End ===============*/


/*=============Media Query Min Width 480 Max Width 640 Start ===============*/

@media screen 
and (min-width : 480px) 
and (max-width : 640px) {

.lg-slider ul li img {
	width:100%;
	height:350px; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:350px !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider .lg-slide-dots {
 
    top: 78%;
}
}

/*=============Media Query Min Width 480 Max Width 640 End ===============*/



/*=============Media Query Min Width 640 Max Width 768 Start ===============*/
@media screen 
and (min-width : 640px) 
and (max-width : 768px) {
.lg-slider ul li img {
	width:100%;
	height:400px; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:400px !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider .lg-slide-dots {
    top: 84%;
}
}
/*=============Media Query Min Width 640 Max Width 768 End ===============*/



/*=============Media Query Min Width 768 Max Width 1024 Start ===============*/
@media screen 
and (min-width : 768px) 
and (max-width : 1024px) {
.lg-slider ul li img {
	width:100%;
	height:550px; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:450px !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider .lg-slide-dots {
    top: 87%;
}

}
/*=============Media Query Min Width 768 Max Width 1024 End ===============*/



/*=============Media Query Min Width 1024 and Above Start ===============*/
@media screen 
and (min-width : 1024px) 
and (above) {
.lg-slider ul li img {
	width:100%;
	height:700px; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:700px !important; /*Height of this should be similar to slide image height defined above*/
	}
}
/*=============Media Query Min Width 768 Max Width 1024 End ===============*/