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


body {
	padding: 0px;
	margin: 0px;
}
.lg-slider ul {
	padding: 0px;
	margin: 0px;
	height: 100%;
	min-height:235px;
}
.lg-slider {
	position: relative;
	overflow: auto;
	max-width: 1200px;
	margin: auto;
	text-align: center;
	min-height: 220px;
}
.lg-slider li {
	list-style: none;
	height: auto !important;
	padding: 0px;
}
.lg-slider ul li {
	float: left;
}
.lg-slider .lg-slide-dots {
    position: absolute;
    top: 90%;
    width: 100%;
}
.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:hover {
}
.lg-slider.has-dots img {
    width: 100%;
}
.lg-slider .lg-slide-dots li.active {
	background: #fff;
	opacity: 1;
}
#content-wrapper .lg-slider a.next {
	z-index: 666;
	position: absolute;
	top: 40%;
	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: 40%;
	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 {
	max-width:100%;
	height:auto;
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:auto !important;
	}

}

/*=============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 {
	max-width:100%;
	height:auto; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:auto !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider li {
	height:auto !important; 
	}
}

#content-wrapper .lg-slider a.next {
        top: 40%;
	font-size: 40px;
}
#content-wrapper .lg-slider a.prev {
        top: 40%;
        font-size: 40px;
}

}

/*=============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 {
	max-width:100%;
	height:auto; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:auto !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider li {
	height:auto !important; 
	}
}

/*=============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 {
	max-width:100%;
	height:auto; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:auto !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider li {
	height:auto !important; 
	}
}
/*=============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 {
	max-width:100%;
	height:auto; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:auto !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider li {
	height:auto !important; 
	}
}
/*=============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 {
	max-width:100%;
	height:auto; /*Adjust the height according to your slide image height.*/
}
	
.lg-slider {
	width:100% !important;
}
.lg-slider {
	height:auto !important; /*Height of this should be similar to slide image height defined above*/
	}
.lg-slider li {
	height:auto !important; 
	}
}
/*=============Media Query Min Width 768 Max Width 1024 End ===============*/