/* Responsive CSS Styles Table of Contents */

@media only screen and (min-width: 1170px){}
@media only screen and (min-width: 1000px) and (max-width: 1169px){

.container {
	width: 1000px;
	margin: auto auto auto auto;
}

.portfolio_page h3 {
	width: 320px;
}
.portfolio_page .imgWrap {
    width: 320px;
}
.portfolio_page .imgDescription i {
  left: 135px;
}

.gray_bg .one_third {
	width: 32%;
	margin-right: 2%;
}

.gray_bg .one_third .right_cont {
	float: left;
	width: 70%;
	margin-left: 20px;
}

.stay_connected ul {
	width: 58%;
	padding: 0px;
	margin: 50px auto 0 auto;
}


}




@media only screen and (min-width: 768px) and (max-width: 999px){

.container {
	width: 767px;
	margin: auto auto auto auto;
}

.home_page h1 {
	font-size: 67px;
}

.portfolio_page h3 {
	width: 246px;
}
.portfolio_page .imgWrap {
    width: 246px;
	height: 200px;
}
.portfolio_page .imgWrap img {
	height: 200px;
}
.portfolio_page .imgDescription i {
  top: 80px;
  left: 100px;
}

.gray_bg .one_third {
	width: 32%;
	margin-right: 2%;
}

.gray_bg .one_third .right_cont {
	float: left;
	width: 60%;
	margin-left: 20px;
}

.stay_connected ul {
	width: 74%;
	padding: 0px;
	margin: 50px auto 0 auto;
}


}




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

.container {
	width: 479px;
	margin: auto auto auto auto;
}

h1 {
	font-size: 35px;
}

h2 { 
	font-size: 20px;
}

.logo {
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: center;
	background: url(../images/logo.jpg) no-repeat center 20px;
}

.home_page {
	height: 530px;
}
.home_page h1 {
	font-size: 40px;
}
.home_page ul {
	width: 479px;
	height: 100px;
	margin: 130px auto 0 auto;
}
.home_page li {
	font-size: 18px;
}
.home_page li.left {
	width: 140px;
	height: 100px;
	line-height: 75px;
	background-size: 70%;
}
.home_page li.center {
	width: 140px;
	height: 100px;
	line-height: 75px;
	background-size: 70%;
}
.home_page li.right {
	width: 140px;
	height: 100px;
	line-height: 75px;
	background-size: 70%;
}
.home_page li.plus {
	width: 20px;
	height: 100px;
	line-height: 75px;
}

.about_page .img_area {
	float: left;
	width: 100%;
	min-height: 368px;
	background-size: 100%;
}

.gray_bg .one_third {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 30px;
}

.gray_bg .one_third .right_cont {
	float: left;
	width: 77%;
	margin-left: 23px;
}

.site_statics ul {
	width: 100%;
}

.site_statics li {
	font-size: 27px;
}

.site_statics li b {
	font-size: 12px;
}

.stay_connected ul {
	width: 90%;
	padding: 0px;
	margin: 50px auto 0 auto;
}
.stay_connected li {
	margin: 0px 10px 10px 0px;
}


}





@media only screen and (max-width: 479px){

h1 {
	font-size: 35px;
}

h2 { 
	font-size: 20px;
}

.container {
	width: 319px;
	margin: auto auto auto auto;
}

.logo {
	margin: 10px 0px 0px 0px;
	width: 100%;
	text-align: center;
	background: url(../images/logo.jpg) no-repeat center 20px;
}

.home_page {
	height: 480px;
}
.home_page h1 {
	font-size: 27px;
}
.home_page ul {
	width: 319px;
	height: 70px;
	margin: 115px auto 0 auto;
}
.home_page li {
	font-size: 12px;
}
.home_page li.left {
	width: 100px;
	height: 70px;
	line-height: 55px;
	background-size: 70%;
}
.home_page li.center {
	width: 100px;
	height: 70px;
	line-height: 55px;
	background-size: 70%;
}
.home_page li.right {
	width: 100px;
	height: 70px;
	line-height: 55px;
	background-size: 70%;
}
.home_page li.plus {
	width: 9px;
	height: 70px;
	line-height: 55px;
}

.about_page .img_area {
	float: left;
	width: 100%;
	min-height: 368px;
	background-size: 100%;
}

.gray_bg .one_third {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 30px;
}

.gray_bg .one_third .right_cont {
	float: left;
	width: 70%;
	margin-left: 20px;
}

.site_statics ul {
	width: 100%;
}

.site_statics li {
	font-size: 20px;
	width: 24.5%
}

.site_statics li b {
	font-size: 8px;
}

.stay_connected ul {
	width: 90%;
	padding: 0px;
	margin: 50px auto 0 auto;
}
.stay_connected li {
	margin: 0px 10px 10px 0px;
}

}