﻿/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	Container {
		padding: 10px 1% 5%;
	}
	header {
		padding: 0 0.5%;
		background: url("../Content/Images/HeaderBGSmall.png") repeat-x scroll 0 0 transparent;
		width: 99%;
		height: 86px;
	}
	header nav {
		width: 60%;
		float: left;
	}
	header nav ul li {
		margin-right: 0;
	}
	header nav ul li a {
		font-size: 1em;
		margin: 10px 0.3em 0;
		padding: 0;
		height: auto;
	}
	header nav ul li a:hover, header nav ul li a.Active {
		background: none;
		color: #56ab00;
	}
	header aside {
		width: 40%;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0;
	}
	aside.CopyrightText ul {
		font-size: 0.6em;
	}
	aside.CopyrightText ul li:first-child {
		padding: 0;
	}
	aside.CopyrightText ul li {
		background: none;
	}
	footer {
		background: #3f3f3f;
		height: 186px;
		padding: 0 0.5%;
		width: 99%;
	}
	footer section {
		width: 76%;
	}
	.CountContainer {
		height: auto;
		margin-right: 0;
		padding-left: 0;
		background: none;
		margin-bottom: 10px;
		width: 100%;
	}

	footer h4 {
		font-size: 0.9em;
		width: 36%;
	}
	ul.counter-panel li {
		padding: 0 0.3em;
		font-size: 0.8em;
	}
	aside.Footer {
		background: url("../Content/Images/logo-rainbirdSmall.png") no-repeat scroll 0 0 transparent;
		height: 22px;
		margin-top: 20px;
		width: 120px;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 240px) and (max-width : 320px) {
	h3 {
		font-size: 1em;
	}
	body {
		font-size: 20px;
	}
	header {
		background: url("../Content/Images/HeaderBGIpH.png") repeat-x scroll 0 0 transparent;
		width: 100%;
		height: 56px;
		padding: 0;
	}
	header nav {
		width: 100%;
		float: left;
	}
	header nav ul {
		width: 100%;
	}
	header nav ul li.Logo {
		display: none;
	}
	header nav ul li {
		border-bottom: 1px solid #616161;
		margin: 0;
		width: 25%;
	}
	header nav ul li a {
		border-left: 1px solid #616161;
		font-size: 0.8em;
		height: auto;
		padding: 3px 6%;
		width: 88%;
	}
	header aside {
		display: none;
	}
	.Container {
		padding: 0;
		width: 100%;
	}
	article .W20 {
		width: 100%;
	}
	article .W31 {
		width: 100%;
	}
	.Container .Container_One {
		width: 42%;
	}
	.ContactInfo {
		background: url("../Content/Images/HMLogoSmall.png") no-repeat scroll 0 0 transparent;
		width: 230px;
	}
	.Container_Three article.W60 {
		width: 100%;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0.3em;
	}
	aside.CopyrightText ul {
		font-size: 0.6em;
	}
	aside.CopyrightText ul li:first-child {
		padding: 0;
	}
	footer {
		height: 300px;
		padding: 0 0.5%;
		background: url("../Content/Images/FooterSmallRS.png") repeat-x scroll 0 0 transparent;
		width: 99%;
		margin-bottom: 10px;
	}
	footer section {
		width: 100%;
	}
	.CountContainer {
		height: auto;
		margin-right: 0;
		padding-left: 0;
		background: none;
		margin-bottom: 10px;
		width: 100%;
	}
	footer h4 {
		font-size: 1.2em;
		width: 100%;
	}
	ul.counter-panel li {
		padding: 0 0.4em;
		font-size: 1em;
	}
	aside.Footer {
		display: none;
	}
	/*               Login Page                 */
	.LoginContainer {
		margin: 50px auto;
		width: 240px;
	}
	.LoginBG {
		margin: 0 auto;
		width: 160px;
		float: none;
	}
	.LoginBG ul li input[type="text"], .LoginBG ul li input[type="password"] {
		width: 99%;
		border: 1px solid #bcbcbc;
		height: 18px;
	}
	.LoginLogo {
		background: url("../Content/Images/HMLogo240.png") no-repeat scroll 0 0 transparent;
		margin: 30px 0 20px 20px;
		height: 58px;
		width: 198px;
	}
	.LoginBG ul li {
		width: 100%;
	}
	.LoginBG ul li button[type="submit"] {
		margin-left: 48px;
	}
	.CreatPass {
		padding-left: 0;
	}
	.list-form-b li {
		width: 100%;
	}
	.BtnCustomGreen, .BtnCustomYellow, .BtnCustomRed {
		font-size: 1em;
		padding: 0 5px;
	}
	.SubmittalContainer {
		overflow: auto;
		width: 270px;
		height: auto;
	}
	.ChatConatiner figure {
		margin: 0 18% !important;
	}
	.planview-panel-edu {
		overflow: auto;
		width: 280px;
		margin: 0;
		height: 585px;
	}
	.CreatPass ul li a.text {
		font-size: 15px;
		color: #1e562b;
	}
	.ChatWindow {
		width: 100%;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	h3 {
		font-size: 1em;
	}
	body {
		font-size: 20px;
	}
	header {
		background: url("../Content/Images/HeaderBGIpH.png") repeat-x scroll 0 0 transparent;
		width: 100%;
		height: 56px;
		padding: 0;
	}
	header nav {
		width: 100%;
		float: left;
	}
	header nav ul {
		width: 100%;
	}
	header nav ul li.Logo {
		display: none;
	}
	header nav ul li {
		border-bottom: 1px solid #616161;
		margin: 0;
		width: 25%;
	}
	header nav ul li a {
		border-left: 1px solid #616161;
		font-size: 0.9em;
		height: auto;
		padding: 3px 10%;
		width: 79%;
	}
	header aside {
		display: none;
	}
	.Container {
		padding: 0;
		width: 100%;
	}
	article .W20 {
		width: 100%;
	}
	article .W31 {
		width: 100%;
	}
	.Container .Container_One {
		width: 42%;
	}
	.ContactInfo {
		background: url("../Content/Images/HMLogoSmall.png") no-repeat scroll 0 0 transparent;
		width: 230px;
	}
	.Container_Three article.W60 {
		width: 100%;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0.3em;
	}
	aside.CopyrightText ul {
		font-size: 0.6em;
	}
	aside.CopyrightText ul li:first-child {
		padding: 0;
	}
	footer {
		height: 300px;
		padding: 0 1%;
		background: url("../Content/Images/FooterSmallRS.png") repeat-x scroll 0 0 transparent;
		width: 98%;
		margin-bottom: 10px;
	}
	footer section {
		width: 63%;
	}
	.CountContainer {
		height: auto;
		margin-right: 0;
		padding-left: 0;
		background: none;
		margin-bottom: 10px;
		width: 100%;
	}
	footer h4 {
		font-size: 1.2em;
		width: 100%;
	}
	ul.counter-panel li {
		padding: 0 0.4em;
		font-size: 1em;
	}
	/*aside.Footer {
	            	        margin-top: -40px;
	            	    }*/
	/*               Login Page                 */
	.LoginContainer {
		margin: 50px auto;
		width: 300px;
	}
	.LoginBG {
		margin: 0 auto;
		width: 160px;
		float: none;
	}
	.LoginBG ul li input[type="text"], .LoginBG ul li input[type="password"] {
		width: 99%;
		border: 1px solid #bcbcbc;
		height: 18px;
	}
	.LoginLogo {
		background: url("../Content/Images/HMLogo240.png") no-repeat scroll 0 0 transparent;
		margin: 30px 0 20px 50px;
		height: 58px;
		width: 198px;
	}
	.LoginBG ul li {
		width: 100%;
	}
	.LoginBG ul li button[type="submit"] {
		margin-left: 48px;
	}
	.CreatPass {
		padding-left: 0;
	}
	.list-form-b li {
		width: 100%;
	}
	.BtnCustomGreen, .BtnCustomYellow, .BtnCustomRed {
		font-size: 1em;
		padding: 0 5px;
	}
	.SubmittalContainer {
		overflow: auto;
		width: 270px;
		height: auto;
	}
	.ChatConatiner figure {
		margin: 0 18% !important;
	}
	.planview-panel-edu {
		overflow: auto;
		width: 280px;
		margin: 0;
		height: 585px;
	}
	.CreatPass ul li a.text {
		font-size: 20px;
		color: #1e562b;
	}
	.EducationBG img {
		margin: 0 5%;
	}
	.ChatWindow {
		width: 100%;
		margin: 0;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 480px) and (max-width : 768px) {
	body {
		font-size: 20px;
	}
	.Container {
		padding: 10px 1% 0;
	}
	.Container_Three article.W60, .Container_Three article.W20 {
		width: 100%;
	}
	article .W20 {
		width: 40%;
	}
	article .W31 {
		width: 40%;
	}
	/*   Login        */
	.LoginContainer {
		margin: 50px auto;
		width: 300px;
	}
	.LoginBG {
		margin: 0 auto;
		width: 160px;
		float: none;
	}
	.LoginBG ul li input[type="text"], .LoginBG ul li input[type="password"] {
		width: 99%;
		border: 1px solid #bcbcbc;
		height: 18px;
	}
	.LoginLogo {
		background: url("../Content/Images/HMLogo240.png") no-repeat scroll 0 0 transparent;
		margin: 30px 0 20px 50px;
		height: 58px;
		width: 198px;
	}
	.LoginBG ul li {
		width: 100%;
	}
	.LoginBG ul li button[type="submit"] {
		margin-left: 48px;
	}
	.CreatPass {
		padding-left: 0;
	}
	.CreatPass ul li a.text {
		font-size: 20px;
		color: #1e562b;
	}
	/*    Header       */
	header {
		background: url("../Content/Images/HeaderBGIpH.png") repeat-x scroll 0 0 transparent;
		width: 100%;
		height: 56px;
		padding: 0;
		margin-top: 30px;
	}
	header nav {
		width: 100%;
		float: left;
	}
	header nav ul {
		width: 100%;
	}
	header nav ul li.Logo {
		display: none;
	}
	header nav ul li {
		border-bottom: 1px solid #616161;
		margin: 0;
		width: 25%;
	}
	header nav ul li a {
		border-left: 1px solid #616161;
		font-size: 0.9em;
		height: auto;
		padding: 3px 10%;
		width: 79%;
	}
	header aside {
		margin-top: -72px !important;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0.3em;
	}
	aside.CopyrightText ul {
		font-size: 0.9em;
	}
	aside.CopyrightText ul li:first-child {
		padding: 0;
	}
	aside.CopyrightText ul li a {
		color: #6C9877;
	}
	aside.CopyrightText ul li a:hover {
		color: #6C9877;
		text-decoration: underline;
	}
	footer {
		background: #3f3f3f;
		height: 152px;
		padding: 0 1%;
		width: 98%;
		margin-bottom: 10px;
	}
	footer section {
		width: 73%;
	}
	.CountContainer {
		height: auto;
		margin-right: 0;
		padding-left: 0;
		background: none;
		margin-bottom: 10px;
		width: 50%;
	}
	footer h4 {
		font-size: 1.1em;
		width: 100%;
		margin-right: 0.2em;
	}
	ul.counter-panel li {
		padding: 0 0.4em;
		font-size: 0.9em;
	}
	/*aside.Footer {
	            	        margin-top: -45px;
	            	    }*/
	.list-form-b li {
		width: 100%;
	}
	.SubmittalContainer {
		overflow: auto;
		width: 415px;
		height: auto;
	}
	.ChatConatiner figure {
		margin: 0 11% !important;
	}
	.planview-panel-edu {
		overflow: auto;
		width: 422px;
		margin: 0;
		height: 585px;
	}
	.TakeoffPlan {
		width: 780px;
		margin: 0 2% 10px 2%;
	}
	.EducationBG img {
		margin: 0 20%;
	}
	.ChatWindow {
		width: 100%;
		margin: 0;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	body {
		font-size: 22px;
	}
	.Container {
		padding: 10px 1% 5%;
	}
	.Wrapper {
		margin-bottom: -90px;
	}
	.Push {
		height: 80px;
	}
	.list-form-b {
		margin-top: 10px;
	}
	.Container_Three article.W20 {
		width: 40%;
	}
	.Container_Three article.W60 {
		width: 55%;
	}
	header {
		margin-top: 30px;
	}
	header nav ul {
		width: 100%;
		float: left;
	}
	header nav ul li {
		margin-right: 0.9em;
	}
	header nav ul li a {
		font-size: 1.1em;
		padding: 12px 0.2em 0;
	}
	header aside {
		margin-top: -64px !important;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0.3em;
	}
	aside.CopyrightText ul {
		font-size: 0.9em;
	}
	aside.CopyrightText ul li:first-child {
		padding: 0;
	}
	aside.CopyrightText ul li a {
		color: #6C9877;
	}
	aside.CopyrightText ul li a:hover {
		text-decoration: underline;
		color: #6C9877;
	}
	footer {
		background: none repeat scroll 0 0 #3F3F3F;
		height: 80px;
		padding: 0 1%;
		width: 98%;
		margin-bottom: 10px;
	}
	footer section {
	}
	.CountContainer {
		height: auto;
		margin-right: 0;
		padding-left: 0;
		background: none;
		margin-bottom: 10px;
		width: 25%;
	}
	footer h4 {
		font-size: 1em;
		width: 100%;
	}
	ul.counter-panel li {
		font-size: 0.86em;
		padding: 0 0.3em;
	}
	aside.Footer {
		margin-top: -45px;
		background: url("../Content/Images/Logo-HunterBlack.png") no-repeat scroll 0 0;
	}
	.list-form-b li {
		width: 100%;
	}
	.SubmittalContainer {
		overflow: auto;
		width: 388px;
		height: auto;
	}
	.ContactInfo {
		margin: 20px 0 0 2%;
		width: 302px;
	}
	.ChatConatiner figure {
		margin: 0 11% !important;
	}
	.planview-panel-edu {
		overflow: auto;
		width: 680px;
		margin: 0;
		height: 586px;
	}
	#FtpStepOne .textarea {
		margin-right: 9px;
	}
	.BtnCustomGreen {
		margin-top: 0;
	}
	a.BoxContainer {
		height: 240px;
		margin: 0 10px 20px;
		width: 280px;
	}
	.GreenStrip {
		font-size: 22px;
		width: 280px;
	}
	.TakeoffPlan {
		width: 780px;
		margin: 0 2% 10px 2%;
	}
	ul.BoxContainer li {
		width: 330px;
	}
	.EducationBG img {
		margin: 0 25%;
	}
	.ChatWindow {
		width: 80%;
		margin: 0 10%;
	}
}
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1024px) and (max-width : 1279px) {
	.Wrapper {
		margin-bottom: -78px;
	}
	.Push {
		height: 60px;
	}
	.list-form-b {
		margin-top: 10px;
	}
	header {
		padding: 0 0.5%;
		width: 99%;
		margin-top: 10px;
	}
	header nav ul li {
		margin-right: 0.3em;
	}
	header nav ul li a {
		font-size: 1em;
		padding: 11px 0.4em 0;
	}
	.Container_Three article.W20 {
		width: 30%;
	}
	aside.CopyrightText {
		margin-top: 0;
		width: 300px;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0.3em;
		background: none;
		line-height: 18px;
	}
	aside.CopyrightText ul {
		font-size: 0.8em;
	}
	aside.CopyrightText ul li:first-child {
		padding: 0;
	}
	aside.CopyrightText ul li a {
		color: #6C9877;
	}
	aside.CopyrightText ul li a:hover {
		text-decoration: underline;
		color: #6C9877;
	}
	footer {
		background: url("../Content/Images/FooterSmall.png") repeat-x scroll 0 0 transparent;
		height: 60px;
		padding: 13px 0.5% 0;
		width: 99%;
	}
	footer section {
		width: 87%;
	}
	.CountContainer {
		height: 60px;
		margin-right: 0.4em;
		padding-left: 0.4em;
		background: url("../Content/Images/FooterDivider.png") repeat-y scroll 0 0 transparent;
		width: 23%;
	}
	footer h4 {
		font-size: 1em;
		width: 100%;
		line-height: 18px;
		padding-top: 4px;
	}
	ul.counter-panel {
		margin-top: 5px;
	}
	ul.counter-panel li {
		padding: 0 0.3em;
		font-size: 0.8em;
	}
	aside.Footer {
		background: url("../Content/Images/Logo-HunterSmall.png") no-repeat scroll 0 0 transparent;
		height: 31px;
		margin-top: 10px;
		width: 130px;
	}
	.SubmittalContainer {
		overflow: auto;
		width: 527px;
		height: auto;
	}
	.ContactInfo {
		margin: 4px 0 0 5%;
		width: 302px;
	}
	.ChatConatiner figure {
		margin: 0 11% !important;
	}
	.planview-panel-edu {
		overflow: auto;
		width: 800px;
		margin: 0;
		height: 587px;
	}
	.BtnCustomGreen {
		margin-top: 0;
	}
	a.BoxContainer {
		height: 240px;
		margin: 0 10px 20px;
		width: 280px;
	}
	.GreenStrip {
		font-size: 22px;
		width: 280px;
	}
	.TakeoffPlan {
		width: 920px;
		margin: 0 2% 10px 3%;
	}
	.F24 {
		font-size: 22px;
	}
	.EducationBG img {
		margin: 0 25%;
	}
	.ChatWindow {
		width: 50%;
		margin: 0 25%;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1280px) and (max-width : 1499px) {
	.Wrapper {
		margin-bottom: -78px;
	}
	.Push {
		height: 60px;
	}

	.list-form-b {
		margin-top: 10px;
	}
	header nav ul li {
		margin-right: 0.5em;
	}
	header nav ul li a {
		font-size: 1.1em;
		padding: 11px 0.5em 0;
	}
	aside.CopyrightText ul li {
		margin-right: 0.3em;
		padding-left: 0.3em;
	}
	/*.InnerContent p {
	        margin-top: 0;
	    }*/
	#JobsMavDiv #mapdiv {
		margin-top: 0;
	}
	footer {
		background: url("../Content/Images/FooterSmall.png") repeat-x scroll 0 0 transparent;
		height: 60px;
		padding: 13px 0.5% 0;
		width: 99%;
	}
	footer section {
		width: 87%;
	}
	.CountContainer {
		height: 60px;
		margin-right: 0.4em;
		padding-left: 0.4em;
		background: url("../Content/Images/FooterDivider.png") repeat-y scroll 0 0 transparent;
		width: 23%;
	}
	ul.counter-panel {
		margin-top: 5px;
	}
	footer h4 {
		font-size: 1em;
		width: 100%;
		padding-top: 2px;
	}
	ul.counter-panel li {
		padding: 0 0.4em;
		font-size: 0.9em;
	}
	aside.Footer {
		margin-top: 5px;
	}
	a.BoxContainer {
		height: 240px;
		margin: 0 10px 20px;
		width: 280px;
	}
	.GreenStrip {
		font-size: 22px;
		width: 280px;
	}
	.TakeoffPlan {
		width: 920px;
		margin: 0 2% 10px 5%;
	}
	.PlanContainer {
		margin-top: 5px;
	}

	.Container_Three {
		padding-bottom: 10px;
	}
	.ChatWindow {
		width: 60%;
		margin: 0 20%;
	}
}
/* Large screens ----------- */
@media screen and (min-width : 1500px) and (max-width : 1750px) {
	header {
		padding: 0 0.5%;
		width: 99%;
	}
	header nav ul li {
		float: left;
		margin-right: 0.6em;
	}
	aside.CopyrightText ul {
		font-size: 0.7em;
	}
	header nav ul li a {
		font-size: 1.2em;
		padding: 11px 0.9em 0;
	}
	aside.CopyrightText ul li {
		margin-right: 0.4em;
		padding-left: 0.4em;
	}
	/*footer {
	            	        width: 99%;
	            	    }*/
	footer section {
		width: 89%;
	}
	.CountContainer {
		margin-right: 0.4em;
		padding-left: 0.4em;
	}
	footer h4 {
		font-size: 0.9em;
	}
	ul.counter-panel li {
		padding: 0 0.3em;
		font-size: 1em;
	}
	aside.Footer {
		margin-top: 0;
	}
	a.BoxContainer {
		height: 240px;
		margin: 0 10px 20px;
		width: 280px;
	}
	.GreenStrip {
		font-size: 22px;
		width: 280px;
	}
	.TakeoffPlan {
		width: 920px;
		margin: 0 2% 0 13%;
	}
	.F24 {
		font-size: 22px;
	}
}
/* Large screens ----------- */
@media screen and (min-width : 1751px) and (max-width : 1910px) {
	footer section {
		width: 90%;
	}
	.CountContainer {
		margin-right: 0.7em;
		padding-left: 0.7em;
	}
	footer h4 {
		font-size: 1em;
	}
	ul.counter-panel li {
		padding: 0 0.3em;
	}
	a.BoxContainer {
		height: 275px;
		margin: 0 15px 30px;
		width: 330px;
	}
	.GreenStrip {
		font-size: 24px;
		width: 330px;
	}
	.ChatWindow {
		width: 60%;
		margin: 0 20%;
	}
}
/* Large screens ----------- */
/*
@media screen and (min-width : 1800px) {
	.Container_One, .Container_Two, .Container_Three, .Container_Four {
		min-height: 750px;
	}

}
*/
/*~~~~~~~~~~~~~~~~~~~~~  Box Container  */
@media screen and (min-width : 1024px) and (max-width : 1278px) {
	ul.BoxContainer li {
		width: 280px;
		min-height: 355px;
		margin: 0 8px 20px;
	}
	ul.BoxContainer li h1 {
		font-size: 36px;
	}
	ul.BoxContainer li h1 span {
		font-size: 18px;
	}
}
@media screen and (min-width : 1279px) and (max-width : 1365px) {
	ul.BoxContainer li {
		width: 255px;
		min-height: 210px;
		margin: 0 5px 10px;
	}
	ul.BoxContainer li h1 {
		font-size: 36px;
	}
	ul.BoxContainer li h1 span {
		font-size: 18px;
	}
	ul.BoxContainer li p {
		font-size: 18px;
		line-height:18px;
	}
	ul.BoxContainer li div.Img, ul.BoxContainer li img {
		width:110px;
		height:80px;
	}
	.Container_Three {
		padding-bottom:4px !important;
	}
	.InnerContent p {
		line-height:21px;
	}
}
@media screen and (min-width : 1366px) and (max-width : 1499px) {
	ul.BoxContainer li {
		width: 275px;
		min-height: 204px;
		margin: 0 5px 10px;
	}
	ul.BoxContainer li h1 {
		font-size: 36px;
	}
	ul.BoxContainer li h1 span {
		font-size: 18px;
	}
	ul.BoxContainer li p {
		font-size: 18px;
		line-height:18px;
	}
	ul.BoxContainer li div.Img, ul.BoxContainer li img {
		width:110px;
		height:80px;
	}
	.Container_Three {
		padding-bottom:4px !important;
	}
	.InnerContent p {
		line-height:21px;
	}
}
@media screen and (min-width : 1500px) and (max-width : 1679px) {
	ul.BoxContainer li {
		width: 300px;
		min-height: 220px;
		margin: 0 5px 20px;
	}
	ul.BoxContainer li h1 {
		font-size:38px;
	}
	ul.BoxContainer li p {
		font-size:20px;
		line-height:20px;
	}
	ul.BoxContainer li h1 span {
		font-size: 22px;
	}
	ul.BoxContainer li div.Img, ul.BoxContainer li img {
		width:130px;
		height:80px;
	}
}
@media screen and (min-width : 1680px) and (max-width : 1750px) {
	ul.BoxContainer li {
		width: 320px;
		min-height: 265px;
		margin: 0 15px 15px;
	}
	ul.BoxContainer li div.Img, ul.BoxContainer li img {
		width:150px;
		height:100px;
	}
	ul.BoxContainer li p {
		font-size:22px;
		line-height:22px;
	}
}
@media screen and (min-width : 1751px) and (max-width : 1910px) {
	ul.BoxContainer li {
		width: 320px;
		min-height: 284px;
	}
}