@media only screen and (min-width: 1000px) and (max-width: 1169px) {	
.container{width:980px; position:relative; }
.middle-content ul li h3{font-size: 25px;}
 
}


@media only screen and (min-width: 768px) and (max-width: 999px) {	
.container{ width:737px; position:relative; }
.middle-content ul li h3{font-size: 20px;}
.logo img{width:100%; height:auto;}

} 



@media only screen and (min-width: 480px) and (max-width: 767px) {		
.container{ width:95%; position:relative; }
.middle-content ul li h3{font-size: 20px;}
.logo img{width:100%; height:auto;}
.middle-content ul li {width:100%;    padding: 0 0% 30px 0;
    list-style: none; border-right:0px;
    border-bottom: #808080 1px solid; margin:0 0 40px}
	.middle-content ul li:last-child{border:0px; padding:0 0 0 0%;}
} 



@media only screen and (max-width: 479px) {
.container{ width:95%; position:relative;}
.middle-content ul li h3{font-size: 20px;}
.logo img{width:100%; height:auto;}
.middle-content ul li {width:100%;    padding: 0 0% 30px 0;
    list-style: none; border-right:0px;
    border-bottom: #808080 1px solid; margin:0 0 40px}
	.middle-content ul li:last-child{border:0px; padding:0 0 0 0%;}
 
	
	.footer_content{  width:100%;}
	.footer_content1 ul li{width:100%; float:left; margin:0px 0 20px 0; padding:0px; list-style:none;}
}
 




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

}

@media only screen and (min-width: 568px) and (max-width: 600px) {
 
}


@media only screen and (min-width: 414px) and (max-width: 500px) {
 
}


@media only screen and (min-width: 736px) and (max-width: 758px) {
 
}