@media screen and ( max-width:1180px ){
	
}

@media screen and ( max-width:1111px ){
	.widget{
		max-height: 430px;
		height: 420px;
	}
	.banner-info h2, .banner-info h3 {
		font-size:22px;
	}
	.banner-info{
		width: 380px;
		right: 0;
	}
	.banner-img img{
		width: 85%;
	}

}

@media screen and ( max-width:900px ){
	.widget{
		max-height: 360px;
		height: 360px;
	}
	.banner-info h2, .banner-info h3 {
	}
	.banner-info{
		top: 140px;
	}
	.banner-img img{
		width: 70%;
	}
	.banner-info p{
		font-size:12px;
		text-align:left;
	}

												
}
@media screen and ( max-width:780px ){
	.widget{
		max-height: 260px;
		height: 260px;
	}
	.banner-info h2, .banner-info h3 {
		font-size:18px;
		line-height: 24px;
	}
	.banner-info{
		top: 80px;
		width: 280px;
	}
	.banner-img img{
		width: 55%;
	}
	.banner-info p{
		font-size:11px;
		margin-top: 10px;
	}
	
}


@media screen and ( max-width:550px ){
	.widget{
		max-height: 180px;
		height: 180px;
	}
	.banner-info h2, .banner-info h3 {
		font-size:16px;
		line-height: 20px;
	}
	.banner-info{
		top: 40px;
		width: 200px;
	}
	.banner-img{
		left: -100px;		
	}
	h2{
		margin-bottom: 10px;
	}
	.banner-info p{
		margin-top: 10px;
	}
	.heading .title{
		font-size: 28px;
	}

}

@media screen and ( max-width:450px ){
	.widget{
		max-height: 140px;
		height: 140px;
	}
	.banner-info h2, .banner-info h3 {
		font-size:14px;
		line-height: 18px;
	}
	.banner-info{
		top: 20px;
		width:160px;
	}
	.banner-info p{	
		font-size:10px;
		margin-top: 0;
	}
	.fourcol {
		width: 100%;
		margin:0 0 35px 0;
		float: none;
	}
	.segment {
	padding: 20px 0;
	
	}
}