@media screen and (max-width:980px) {
.container {
	padding-left:15px;
	padding-right:15px;
}
}
@media screen and (max-width:860px) {
.logo {
    float: none;
    height: auto;
    width: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-bottom:0px;
}
.logo img {
	width:100%;
	max-width:150px;
}
.nav-top {
    float: none;
    width: auto;
    text-align: center;
}
.nav-top .dd {
	padding:0;
	margin-top:0;
	margin-left:0;
	margin-right:0;
	margin-bottom:5px;	
}
.dd > li {
    margin-left: 1%;
    position: relative;
    padding-bottom: 10px;
    float: none;
	display:inline-block;
}
.news-left {
    float: none;
    width: auto;
}
.news-right {
    float: none;
    width: 50%;
    margin-top: 20px;
	margin-left:auto;
	margin-right:auto;

}
.row.top {
    padding-top: 0%;
    padding-bottom: 0%;
	min-height:110px;
}
.row.banner {
    margin-top: 111px;
}
}

@media screen and (max-width:580px) {
.section {
    padding-top: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.item-recent {
    float: none;
    width: 100%;
    margin-right: 0%;
    margin-bottom: 4%;
}
.item-services {
    width: auto;
    float: none;
    min-height: auto;
    overflow: hidden;
    background: #FFF;
}
.item-services p {
    line-height: 24px;
    height: auto;
}
.item-services .btn {
    margin-top: 20px;
	margin-bottom:20px;
}
.nav-bottom a {
    margin-right: 2%;
	display:block;
	margin-bottom:10px;
}
#insteg .item-recent {
    width: 100%;
    max-height: auto;
}
}
@media screen and (max-width:525px) {
.box-intro {
    width: auto;
}
}
@media screen and (max-width:400px) {
.row.sub-content {
    margin-top: 165px;
}
}
@media screen and (max-width:355px) {
.logo {
    width: 90%;
}
}