@media (max-width: 767px) {
	.hidden-for-small {
		display: none;
	}
	h1 {
		font-size: 28px;
		line-height: 36px;
	}
	.title h1 {
		line-height: 32px;
	}
	.title p {
		padding-left: 2%;
		padding-right: 2%;
		font-size: 16px;
	}
	.navigation li {
		display: none;
	}
	.navigation li:last-child {
		display: block !important;
		margin-right: 0px !important;
	}
	.square-bullet li,
	.bulletlist li {
		background: none;
		padding-left: 0px;
	}
	/* Homepage Hero */
	
	.home-hero {
		height: 667px;
	}
	.sub-hero {
		background-position: 40% center !important;
		background-size: 80% 80%;
	}
	.home-hero h2,
	.sub-hero h4 {
		padding-top: 124px;
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 18px;
		color: #c6e6fe;
		font-family: 'Gotham', sans-serif;
		font-weight: 100;
		letter-spacing: 4px;
		text-transform: uppercase;
	}
	.home-hero h1 {
		font-size: 30px;
		line-height: 42px;
		letter-spacing: 0px !important;
		padding-top: 8px;
	}
	.home-hero p {
		font-size: 18px;
		line-height: 26px;
		padding: 16px 0% 30px 0%;
	}
	/* Subpage Hero */
	
	.sub-hero h1 {
		font-size: 22px;
		line-height: 32px;
		padding: 0% 0%;
		margin-top: -12px;
	}
	/* Plan Boxes */
	
	.one-fourth,
	.one-third,
	.one-half {
		width: 100% !important;
		margin-right: 0% !important;
		clear: both;
	}
	.plan-box.one-fourth,
	.plan-box.one-third {
		width: 100% !important;
		margin-bottom: 48px !important;
	}
	.plan-box:hover {
		padding: 40px 24px;
		margin-top: 0px !important;
		margin-bottom: 48px !important;
	}
	.textcenterp {
		padding: 0%;
	}
	/* Welcome Text */
	
	.croc-right,
	.croc-left {
		width: 100%;
		float: none;
		text-align: center;
		padding-bottom: 12px;
		margin: 0%;
	}
	.croc-right {
		padding-bottom: 0px;
	}
	.croc-left img {
		max-width: 80%;
		height: auto;
		margin-bottom: 14px;
	}
	.canada-pride {
		background: url('../images/canada.png') center top no-repeat;
		padding-top: 28px;
		margin-top: 8px;
		text-indent: 0px;
	}
	.canada-pride strong {
		display: block;
		padding-bottom: 4px;
	}
	/* Graph */
	
	.ssd-graph {
		padding-top: 88px;
	}
	.graph-left,
	.graph-right {
		width: 100%;
		clear: both;
		padding: 0%;
		text-align: center;
	}
	.ssd-graph .textcenter {
		padding-top: 8px;
	}
	.ssd-graph .textcenter img,
	.graph-right img {
		max-width: 100%;
		height: auto;
		display: none;
	}
	.graph-left {
		padding-bottom: 6px;
	}
	.graph-left p {
		padding-left: 8px;
		padding-right: 8px;
	}
	.graph-left .button {
		margin-right: 0px;
	}
	.home-features .feature-box,
	.reseller-sixfeatures .feature-box {
		padding-right: 0px;
		padding-left: 0px;
	}
	/* Footer */
	
	.footer {
		padding-bottom: 88px;
	}
	.foot-assistance {
		height: auto;
		text-align: center;
	}
	.foot-assistance h2 {
		text-align: center;
		float: none;
		padding-bottom: 20px;
	}
	.foot-assistance ul {
		float: none;
		width: 100%;
	}
	.foot-assistance ul li {
		padding-right: 0px;
		text-align: center;
		display: block;
		width: 50%;
		margin: 0 auto;
		height: auto;
		padding-bottom: 34px;
		float: none;
	}
	.foot-assistance ul li h3 {float:none;}
	.foot-assistance ul li img {
		display: block;
		float: none;
		margin: 0 auto;
		margin-bottom: 8px;
	}
	.foot-assistance ul li:nth-child(2) img {
		margin-bottom: 2px;
		margin-top: -4px;
	}
	.foot-assistance ul li:nth-child(3) h3 {
		margin-bottom: 6px;
	}
	.foot-assistance ul li:last-child img {
		margin-top: 0px !important;
	}
	.foot-assistance ul li:last-child {
		padding-bottom: 0px;
	}
	.footer-left {
		width: 100%;
		display: block;
		text-align: center;
	}
	.footer-left img {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.footer-left br {
		display: none;
	}
	.footer-links {
		width: 100%;
		display: block;
		text-align: center;
	}
	.footer ul li:first-child {
		padding-bottom: 6px;
		padding-top: 0px;
	}
	.footer ul {
		margin-top: 36px;
	}
	.footer-social {
		clear: both;
		width: 100%;
		float: none;
		text-align: center;
		padding-top: 0.1px;
	}
	.footer-social .social {
		margin-right: 0px;
	}
	.footer-social li:nth-child(2),
	.footer-social li:nth-child(3) {
		width: 36px;
		margin: 0px 4px;
		display: inline-block;
	}
	/* Shared Page */
	
	.shared-plans {
		padding-bottom: 40px;
	}
	.features-tab li {
		width: 100%;
		float: none;
	}
	.features-tab li a {
		padding: 14px 16px 14px 16px !important;
		min-height: 40px !important;
		max-height:48px !important;
		border-radius: 4px !important;
		margin-bottom: 8px;
		display: none;
	}
	.features-tab li.active a {
		display: block;
	}
	.features-tab li a:after {
		display: none !important;
	}
	.shared-features .title {
		padding-bottom: 32px;
	}
	.shared-features .clear {
		height: 60px;
	}
	.cloud-feature img {
		max-height: 100px;
		width: auto;
	}
	.cloud-feature h3 {
		font-size: 22px;
		padding-left: 0%;
		padding-right: 0%;
		margin-top: 26px;
	}
	.cloud-feature p {
		padding: 0% 6%;
		font-size: 16px;
		line-height: 24px;
	}
	.listfeatures .one-fourth {
		padding-bottom: 40px;
	}
	.shared-features-list {
		padding-bottom: 48px;
	}
	/* Control Panel Preview */
	
	.cp-text,
	.cp-image {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
	}
	.cp-text {
		padding-top: 0px !important;
	}
	.cp-image img {
		height: auto;
		max-width: 100%;
		margin-top: 68px;
		float: none;
		margin-bottom: -8px;
	}
	.shared-features-list {
		text-align: center;
	}
	.listfeatures .checklist li {
		padding-left: 0px;
		background: none;
	}
	/* Reseller Page */
	
	.reseller-features {
		padding: 32px 0px;
	}
	.reseller-row {
		padding-top: 66px;
		padding-bottom: 66px;
	}
	.reseller-row .image,
	.reseller-row .text {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		padding-top: 0px !important;
	}
	.reseller-row .image img {
		height: 120px;
		width: auto;
	}
	.reseller-row .text h2 {
		padding-right: 0%;
		font-size: 22px;
		line-height: 26px;
		padding-top: 28px;
	}
	
	.reseller-buttons .button {
		margin-bottom:0px;
		width:40%;
		max-width:180px;
		padding-left:0px;
		padding-right:0px;
	}
	
	/* VPS Page */
	
	.croc {
		padding: 40px;
	}
	.virtual-features .title p {
		padding-left: 0%;
		padding-right: 0%;
	}
	.feature-half {
		padding: 0px;
		text-align: center;
		margin-bottom: 54px;
	}
	.feature-half img {
		position: relative;
		display: block;
		margin: 0 auto;
	}
	.feature-half h3 {
		padding-top: 24px;
	}
	.management h3 {
		line-height: 30px;
		padding-left: 5%;
		padding-right: 5%;
	}
	.management p {
		padding: 8px 0% 20px 0%;
	}
	.faqquestion h5 {
		height: auto;
	}
	.faq .one-half:nth-last-child(1) .faqquestion:nth-child(1) {
		border-top: 0px !important;
	}
	/* About Page */
	
	.about-row {
		text-align: center;
		padding-bottom: 66px;
	}
	.about-text,
	.about-image {
		width: 100%;
		float: none;
		display: block;
	}
	.about-image {
		display: none;
	}
	.about-text .title {
		padding-top: 0px;
	}
	.location-map .map-left,
	.location-map .map-right {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
		padding-right:0%;
	}
	.map-left img {
		max-width: 100%;
		height: auto;
	}
	.sla-guarantee .sla-right {
		display: none;
	}
	.sla-guarantee .sla-left {
		width: 100%;
		display: block;
		float: none;
		text-align: center;
	}
	.sla-stats li {
		padding: 0px;
		width: 100%;
		float: none;
		display: block;
		padding-bottom: 18px;
	}
	.sla-stats li:last-child {
		padding-bottom: 0px;
	}
	.sla-stats {
		padding-top: 8px;
	}
	.sla-stats li h2 {
		font-size: 28px;
		line-height: 26px;
	}
	.about-testimonials p {
		padding: 0%;
		font-family: 'ProximaNova-Regular', sans-serif;
		font-size: 18px;
	}
	.our-network .one-third {
		padding: 0px 24px 54px 24px;
	}
	.our-network .one-third p {
		padding-bottom: 0px;
	}
	.our-network .title {
		padding-bottom: 56px;
	}
	.speedtest {
		margin-top: 8px;
	}
	.speedtest .button {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 20px;
		padding: 0px;
	}
	.speedtest p {
		padding-top: 0px;
		padding-bottom: 26px;
		margin-top: -2px;
	}
	.dc-text,
	.dc-image {
		width: 100%;
		display: block;
		float: none;
	}
	.dc-image {
		margin-left: -20px;
		margin-right: -20px;
		margin-top: 40px;
		border-top: 1px solid #e4e9ed;
		padding: 68px 20px 0px 20px;
	}
	.cert-list {
		height: auto;
	}
	.cert-list li {
		padding: 0px;
		width: 50%;
		float: left;
		text-align: center;
		margin-top: 24px;
	}
	.cert-list li img {
		height: 48px;
		width: auto;
	}
	.section-gallery .picturewidth,
	.section-gallery .picturewidth:hover {
		width: 50%;
	}
	.dc-test .title p {
		padding: 0%;
		padding-top: 10px;
	}
	/* Contact Page */
	
	.contact-row {
		padding-bottom: 82px;
	}
	.contact-form,
	.contact-right {
		width: 100%;
		float: none;
		display: block;
	}
	.button-block {
		height: auto !important;
		line-height: 26px;
		padding: 14px 18px;
	}
	.contact-right {
		width: 100%;
		margin-left: -20px;
		margin-right: -20px;
		display: block;
		float: none;
		margin-top: 68px;
		border-top: 1px solid #e4e9ed;
		padding: 64px 20px 0px 20px;
	}
	.callus {
		margin-bottom: 0px;
	}
	.legal-row .bulletlist li {
		padding-left: 15px;
	}
	.bottom-button {
		display: none !important;
	}
	

	
	
}

@media (min-width: 520px) and (max-width: 639px) {
.plan-box.one-fourth, .plan-box.one-third {
    width: 80%!important;
    margin-left: 10%!important;
    margin-right: 10%!important;
    margin-bottom: 48px!important;
}
	.home-hero h2 {
		padding-top: 126px;
		font-size: 16px;
		line-height: 34px;
	}
	.home-hero p {
		font-size: 20px !important;
		line-height: 26px;
		padding: 16px 4% 30px 4%;
	}
}

@media (min-width: 560px) and (max-width: 640px) {
	.feature-box p {
		padding-left: 8%;
		padding-right: 8%;
	}
}

@media (min-width: 640px) and (max-width: 767px) {
	.sub-hero h1 {
		padding: 0% 10%;
	}
	/* Plans and homepage */
	
	.plan-box.one-fourth,
	.plan-box.one-third {
		width: 48% !important;
		margin-left: 0% !important;
		margin-right: 4% !important;
		float: left;
		clear: none;
	}
	.plan-box:nth-child(2n) {
		margin-right: 0% !important;
	}
	.plan-box.one-third:nth-child(3) {
		margin-left: 27% !important;
		margin-right: 27% !important;
	}
	.home-hero h1 {
		font-size: 36px;
	}
	.home-hero h2 {
		padding-top: 146px;
		font-size: 18px;
		line-height: 36px;
	}
	.home-hero p {
		font-size: 20px !important;
		line-height: 26px;
		padding: 16px 0% 30px 0%;
	}
	.croc-left img {
		width: 360px;
		height: auto;
	}
	
		.vps-plans .plan-box.one-third:nth-child(3) {
    margin-right: 4%!important;
		margin-left:0% !important;
}	
	
	.vps-plans .plan-box:nth-last-child(1) {
    margin-left: 27%!important;
    margin-right: 27%!important;
}
	
	/* Footer */
	
	.footer {
		padding-bottom: 34px;
	}
	.foot-assistance h2 {
		display: none;
	}
	.foot-assistance ul li {
		width: 33.3333%;
		padding-bottom: 0px;
		float: left;
	}
	.foot-assistance ul li:nth-child(2) img {
		margin-bottom: 8px;
		margin-top: 0px;
	}
	.footer-left {
		padding-bottom: 16px;
	}
	.footer-links,
	.footer-social {
		width: 50%;
		float: left;
		clear: none;
		min-height: 224px;
	}
	/* Home Features */
	
	.home-features .feature-box,
	.reseller-sixfeatures .feature-box,
	.feature-half {
		width: 50% !important;
		float: left;
		padding: 0px 18px;
		clear: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.listfeatures .one-fourth {
		width: 50% !important;
		float: left;
		clear: none;
	}
	.management p {
		padding: 8px 6% 20px 6%;
	}
	.sla-stats li {
		width: 33.3333%;
		float: left;
		padding-bottom: 0px;
	}
	.about-testimonials p {
		padding: 0% 4%;
		font-family: 'ProximaNova-Light', sans-serif;
		font-size: 20px;
	}
	.our-network .one-third p {
		padding: 0px 14px;
	}
	.cert-list li {
		width: 25%;
	}
	.feature-box p {
		padding-left: 12%;
		padding-right: 12%;
	}
}

@media (min-width: 540px) and (max-width: 939px) {
	.navigation li {
		display: none;
	}
	.navigation li:last-child {
		display: block !important;
		margin-right: 0px !important;
	}
	.navigation ul li:nth-last-child(2),
	.navigation ul li:nth-last-child(3) {
		display: block;
		margin-right: 18px;
	}
	.navigation .outline {
		border: 0PX;
		padding: 0PX;
		display: table-row;
		line-height: 44px;
	}
}
/* 768 + resolution */

@media (min-width: 768px) and (max-width: 939px) {
	/* General Stuff */
	
	.bottom-button {
		display: none !important;
	}
	.title p {
		padding-left: 4%;
		padding-right: 4%;
	}
	h1 {
		font-size: 30px;
		line-height: 36px;
	}
	/* Banner */
	
	.home-hero h2 {
		padding-top: 146px;
		font-size: 20px;
		line-height: 66px;
	}
	.home-hero h1 {
		font-size: 44px;
		margin: -12px -20px 0px -20px;
	}
	.home-hero p {
		padding: 16px 6% 30px 6%;
	}
	.sub-hero h1 {
		padding: 0% 14%;
	}
	/* Homepage */
	
	.plan-box.one-fourth {
		width: 48% !important;
		margin-left: 0% !important;
		margin-right: 4% !important;
		float: left;
		clear: none;
	}
	.plan-box.one-fourth:nth-child(2n) {
		margin-right: 0% !important;
	}
	.plan-box:hover {
		padding: 40px 24px;
		margin-top: 0px !important;
		margin-bottom: 48px !important;
	}
	.textcenterp {
		padding: 0% 12.5%;
	}
	.croc-left {
		display: none;
	}
	.croc-only {
		display: block;
	}
	.croc-right {
		width: 64%;
	}
	.croc-right .title {
		margin-top: 14px;
	}
	.graph-left,
	.graph-right {
		width: 100%;
		display: block;
		float: none;
		margin: 0%;
		padding: 0%;
		text-align: center;
	}
	.graph-left {
		margin-bottom: 62px;
	}
	.ssd-graph .textcenter {
		padding-top: 34px;
	}
	.home-features .feature-box,
	.reseller-sixfeatures .feature-box {
		padding: 0px 6px;
	}
	/* Footer */
	
	.foot-assistance {
		height: auto;
		padding: 44px 0px 44px 0px;
	}
	.foot-assistance h2 {
		padding-bottom: 10px;
		display: none;
	}
	.foot-assistance ul {
		float: none;
		display: block;
		clear: both;
	}
	.foot-assistance ul li {
		padding-right: 0px;
		width: 33.3333%;
		float: left;
	}
	.footer {
		padding-top: 64px;
		padding-bottom: 100px;
	}
	.footer-left {
		width: 100%;
		float: none;
		clear: both;
		height: 60px;
		line-height: 62px;
		margin-bottom: 28px;
	}
	.footer-left img {
		float: left;
		margin: 0px 32px 0px 0px;
	}
	.footer-left br {
		display: none;
	}
	.footer-links,
	.footer-social {
		width: 25%;
		float: left;
	}
	/* Shared Page */
	
	.features-tab li a {
		min-height: 110px;
	}
	.cp-text {
		width: 60%;
		padding-top: 24px;
	}
	.cp-image {
		width: 34%;
	}
	.shared-features-list {
		padding-bottom: 40px;
	}
	.listfeatures .one-fourth {
		width: 50% !important;
		float: left;
		margin-bottom: 48px;
	}
	/* Reseller Page */
	
	.reseller-row .image {
		width: 30%;
	}
	.reseller-row .image img {
		max-width: 100%;
		height: auto;
	}
	.reseller-row .text {
		width: 62%;
	}
	.reseller-row .text h2 {
		font-size: 22px;
	}
	/* VPS Page */
	
	.feature-half {
		width: 50% !important;
		margin-right: 0% !important;
		float: left;
		padding: 0px 24px;
		clear: none;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		margin-bottom: 54px;
	}
	.feature-half img {
		position: relative;
		display: block;
		margin: 0 auto;
	}
	.faq .one-half {
		float: none;
		width: 100%;
	}
	.faq .one-half:nth-last-child(1) .faqquestion:nth-child(1) {
		border-top: 0px !important;
	}
	/* Slider */
	
	.slider-left {
		width: 66%;
	}
	.slider-right {
		width: 34%;
	}
	.spec-box h4 {
		margin-top: 2px;
	}
	.spec-box img {
		margin-top: 3px;
		height: 42px;
	}
	.spec-box span {
		font-size: 22px;
		line-height: 20px;
	}
	.price-wrap {
		padding-top: 23px;
	}
	.price-box .price {
		margin-top: 12px;
		margin-bottom: 15px;
	}
	.price-box .price .dollar-sign {
		font-size: 30px;
		line-height: 48px;
	}
	.price-box .price h1 {
		font-size: 56px;
		line-height: 48px;
	}
	.price-box .price .decimal {
		font-size: 30px;
	}
	.price-box .price .term {
		text-indent: 2px;
	}
	.price-box .note {
		padding-bottom: 0px;
		line-height: 20px;
		min-height: 60px;
	}
	
	.wraptwo .price {
    margin-top: 12px;
    margin-bottom: 25px;
	}
	
	/* About Page */
	
	.about-text {
		width: 64%;
		padding-right: 0%;
	}
	.about-image {
		display: none;
	}
	.location-map .map-left,
	.location-map .map-right {
		width: 100%;
		float: none;
		display: block;
		text-align: center;
		padding-right:0%;
	}
	.location-map .map-right {
		margin-top: 34px;
	}
	.map-right p {
		padding-left: 10%;
		padding-right: 10%;
	}
	.sla-guarantee .sla-right {
		width: 28%;
	}
	.sla-guarantee .sla-right img {
		max-width: 88%;
		height: auto;
	}
	.sla-guarantee .sla-left {
		width: 64%;
	}
	.sla-stats li {
		padding-bottom: 16px;
	}
	.sla-stats li:nth-last-child(1) {
		padding-bottom: 0px;
	}
	.sla-guarantee .button {
		clear: both;
		float: none;
	}
	.about-testimonials p {
		padding: 0% 8%;
	}
	.our-network .one-third {
		padding: 48px 12px 52px 12px;
	}
	.speedtest .button {
		margin: 0% 1.5% 3% 3%;
		width: 45.5%;
		float: left;
		padding: 0px;
	}
	.speedtest .button:nth-child(2n) {
		margin: 0% 3% 3% 1.5%;
	}
	.dc-image {
		width: 32%;
	}
	.dc-text {
		width: 62%;
		padding-right: 6%;
	}
	.section-gallery .picturewidth,
	.section-gallery .picturewidth:hover {
		width: 50%;
	}
	.contact-form {
		width: 60%;
	}
	.contact-right {
		width: 32%;
		margin-left: 8%;
		padding-top: 0px;
	}
	.button-block {
		height: auto !important;
		line-height: 26px;
		padding: 14px 18px;
	}
	.button-block span {
		display: block;
	}
}

@media (min-width: 940px) and (max-width: 1040px) {
	.plan-box h3 {
		padding-left: 16%;
		padding-right: 16%;
	}
	.title p {
		padding-left: 10%;
		padding-right: 10%;
	}
}
/* 940 - 1100 */

@media (min-width: 940px) and (max-width: 1099px) {
	.foot-assistance ul {
		width: 100%;
		display: block;
		clear: both;
	}
	.foot-assistance h2 {
		display: none;
	}
	.foot-assistance ul li {
		width: 33.3333%;
		padding: 0px;
	}
	.sub-hero h1 {
		padding: 0% 20%;
	}
	.slider-left {
		width: 66%;
	}
	.slider-right {
		width: 34%;
	}
	.faqquestion h5 {
		height: auto;
	}
	.cp-text {
		padding-top: 28px;
	}
	.features-tab li a {
		padding: 26px 12px 24px 12px;
	}
}

@media (min-width: 940px) and (max-width: 1023px) {
	.location-map .map-right {
		margin-top: 0px;
	}
	.sla-guarantee .sla-right {
		width: 36%;
		margin-bottom: 0px;
	}
	.sla-guarantee .sla-left {
		width: 64%;
		padding-top: 4px;
	}
	.sla-guarantee .sla-right img {
		max-width: 68%;
		height: auto;
		max-height: 320px;
		float: right;
	}
	.about-testimonials p {
		padding: 0% 10%;
	}
	.contact-form {
		width: 62%;
	}
	.contact-right {
		width: 30%;
	}
	.cloud-feature p {
		padding: 0% 14%;
	}
}

@media (max-width: 954px) {
	.features-tab li a {
		min-height: 110px;
	}
}