/*==========  Non-Mobile First Method  ==========*/
@media only screen and (min-width : 1200px) {
	.hero-bubble h2 {
	    padding: 0 45px;
	}

	.page-sign-up h2 {
	    padding: 0 50px;
	}

	.page-sign-up-v2 .hero-bubble h2 {
	    padding: 0 48px;
	}
}

@media only screen and (min-width : 992px) {
	.py-70 { padding: 70px 0; }
	.py-120 { padding: 120px 0; }
	.pt-34 { padding-top: 34px; }
	.pt-120 { padding-top: 120px; }
	.pt-150 { padding-top: 150px; }
	.pb-150 { padding-bottom: 150px; }
	.pb-170 { padding-bottom: 170px; }
	.pb-220 { padding-bottom: 220px; }
	.pb-300 { padding-bottom: 300px; }
	.pb-350 { padding-bottom: 350px; }
	.pb-440 { padding-bottom: 440px; }
	.pl-40 { padding-left: 40px; }
}

@media only screen and (min-width : 1200px) and (max-width : 1420px) {
	/* Layout */
	#page,
	.site-header {
		width: 1200px;
	}

	/* Section: Free Plans */
	.free-plans-orange .free-plans-inner {
		padding-left: 80px;
		padding-right: 65px;
	}

	.free-plans-blue .free-plans-inner {
		padding-left: 65px;
		padding-right: 80px;
	}

	.free-plans-inner {
    	min-height: 975px;
    }
}

@media only screen and (min-width: 992px) and (max-width : 1199px) {
	.pt-150 { padding-top: 100px; }

	/* Layout */
	#page,
	.site-header {
		width: 990px;
	}

	/* Hero */
	.hero-content {
		width: 400px;
	}

	.page-sign-up .hero-content {
	    width: 370px;
	}

	.hero-bubble h2 {
		padding: 0 17px;
	}

	.page-sign-up .hero-bubble h2 {
	    padding: 0 5px;
	}

	.page-sign-up-v2 .hero-bubble h2 {
	    font-size: 0 20px;
	}

	.hero-content .btn {
		width: 183px;
	}

	/* Section: Ready */
	.ready-section .container {
		background-size: 400px auto;
	}

	/* Section: Free Plans */
	.free-plans-orange .free-plans-inner {
		padding-right: 15px;
	}

	.free-plans-blue .free-plans-inner {
		padding-left: 15px;
	}

	/* Section: Trusted */
	.clients-list a {
		width: 144px;
		margin: 0 20px;
	}

	/* Section: Support */
	.support-form {
		width: 505px;
	}

	.copyright {
		clear: both;
		float: left;
		width: 100%;
		margin-top: 15px;
	}

	.terms-privacy {
		float: left;
		margin-top: 15px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 768px) and (max-width : 991px) {
	.sm-mt-30 { margin-top: 30px !important; }
	/* Section: Ready */
	.ready-section .container,
	.research-section .container {
		padding-left: 70px;
		padding-right: 70px;
	}
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.sm-pt-50 {	padding-top: 50px; }
	.sm-pb-70 {	padding-bottom: 70px; }
	.sm-py-70 {	padding: 70px 0; }
	.sm-py-100 { padding: 100px 0; }
	.sm-pl-30 {	padding-left: 30px;	}

	/* Double blockqoute */
	.double-blockqoute {
		max-width: 90%;
	}

	/* Layout */
	#page,
	.site-header {
		width: 768px;
	}

	.site-header {
		padding: 20px 0;
	}

	/* Hero */
	.hero.hero-bg-image {
		min-height: 500px;
		background-position: center 50px;
	}

	.hero-content {
		width: 320px;
	}

	.page-sign-up .hero-content {
		width: 290px;
	}

	.hero-bubble h2 {
	    font-size: 41px;
	    line-height: 42px;
    }

    .page-sign-up .hero-bubble h2 {
	    font-size: 37px;
	}

	.hero-text {
		font-size: 20px;
    	line-height: 26px;
	}

	.hero-content .btn {
		width: 133px;
		font-size: 15px;
	}

	.hero-content .btn-orange {
	    margin-right: 20px;
	}

	/* Section: Ready */
	.ready-section .container {
	    background: none;
	}

	.ready-section-bg {
		width: 400px;
	}

	/* Section: Free Plans */
	.free-plans-inner {
		min-height: 0;
	}

	.free-plans-orange .free-plans-inner,
	.free-plans-blue .free-plans-inner {
		padding: 100px 140px;
	}

	.free-plans-orange::before {
		right: -100%;
	}

	.free-plans-blue::before {
		left: -100%;
	}

	/* Section: Research */
	.service-item {
		max-width: 350px;
		margin: auto;
		padding: 0;
	}

	.services .col-md-4 + .col-md-4 .service-item {
		margin-top: 60px;
	}

	/* Section: Trusted */
	.clients-list a {
		width: 150px;
		margin: 0 35px;
	}


	/* Section: Support */
	.support-form {
		position: relative;
		top: auto;
		right: auto;
		margin: 70px auto;
		width: 550px;
		padding: 60px;
	}

	.light-orange-bg .support-form {
		top: auto;
		height: auto;
		margin: 70px auto;
		float: none;
	}

	/* PAGES */
	/* About */
	.team-member {
		padding: 70px 0;
	}
	.copyright {
		clear: both;
		float: left;
		width: 100%;
	}
	.copyright p {
		line-height: 18px;
	}

	.terms-privacy {
		float: left;
		margin-top: 15px;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.sm-pb-70 {	padding-bottom: 50px; }
	.sm-pt-50 { padding-top: 50px; }

	.mt-115 { margin-top: 70px; }

	/* Background Colors */
	.grey-text {
		font-size: 16px;
	    line-height: 28px;
	}

	/* Form fields */
	label,
	.form-control {
		font-size: 14px;
	}

	/* Blockqoute */
	.blockqoute-item {
		font-size: 16px;
	    line-height: 28px;
	    padding: 50px 30px 30px;
	}

	/* Double blockqoute */
	.double-blockqoute {
		max-width: 90%;
		font-size: 16px;
		line-height: 24px;
		padding: 20px 40px;
	}

	/* Layout */
	#page {
		width: auto;
	}

	.site-header {
		width: 100%;
	}

	/* Main navigation */
	.site-logo.visible-xs {
		position: absolute;
		top: 20px;
		left: 15px;
		z-index: 22;
	}

	.main-nav {
	    background: rgba(0,0,0,0.75);
	    height: 100%;
	    left: 0;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    opacity: 0;
		visibility: hidden;

	    -moz-transition: opacity 0.15s ease-in-out, visibility 0s 0.15s;
	    -webkit-transition: opacity 0.15s ease-in-out, visibility 0s 0.15s;
	    -o-transition: opacity 0.15s ease-in-out, visibility 0s 0.15s;
	    -ms-transition: opacity 0.15s ease-in-out, visibility 0s 0.15s;
	    transition: opacity 0.15s ease-in-out, visibility 0s 0.15s;
	}

	.main-nav.show {
		opacity: 1;
		visibility: visible;

		-moz-transition: opacity 0.15s ease-in-out;
	    -webkit-transition: opacity 0.15s ease-in-out;
	    -o-transition: opacity 0.15s ease-in-out;
	    -ms-transition: opacity 0.15s ease-in-out;
	    transition: opacity 0.15s ease-in-out;
	}

	.main-nav ul {
		position: absolute;
		top: 50%;
		left: 50%;
		text-align: center;

		transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.main-nav li {
		display: block;
		margin: 0;
		text-align: center;
	}

	.main-nav li + li {
		margin: 0;
	}

	.main-nav li a {
		color: #fff !important;
		font-size: 18px;
	}

	.main-nav li a.btn-sign-up {
		margin: 10px 0 0;
		background-color: #31b4e2 !important;
	}

	/* Responsive menu buttons */
	.lines-button {
	    display: block;
	}
	.lines-button.close {
		position: fixed;
	}
	.lines-button.x.close .lines {
		background-color: #fff !important;
	}
	.lines-button.x.close .line-middle {
	    background: transparent !important;
	}

	/* Hero */
	.hero-home.hero {
		background: url(../img/home-page-image-320.jpg) no-repeat center 100px / cover #e0dfdd;
	}

	.page-sign-up .hero {
		background-image: url(../img/organizations-page-image-02.jpg);
	}

	.page-sign-up .hero,
	.page-sign-up-v2 .hero {
		background-position: right center;
	}

	.hero-content {
		width: 280px;
		max-width: 100%;
		left: 0;
		right: 0;
		margin: auto;
		top: auto;
		bottom: 140px;
	}

	.hero-gradient-bg {
		padding: 90px 0;
		min-height: 0;
	}

	.hero-gradient-bg .container {
		position: relative;
		top: 0;
		left: 0;
		transform:translate(0,0);
		-moz-transform:translate(0,0);
		-webkit-transform:translate(0,0);
		-ms-transform:translate(0,0);
		-o-transform:translate(0,0);
		height: auto;
	}

	.hero-gradient-bg h1 {
		font-size: 24px;
		margin: 20px 0;
	}

	.hero-gradient-bg p {
		font-size: 16px;
		line-height: 24px;
	}

	/* SECTIONS */
	.section-title,
	.free-plans-inner h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}

	.section-text {
	    font-size: 16px;
	    line-height: 28px;
	    margin-bottom: 30px;
	}

	/* Section: Ready */
	.ready-section-bg {
	    width: 280px;
	}

	/* Section: Free Plans */
	.free-plans-orange .free-plans-inner, .free-plans-blue .free-plans-inner {
	    padding: 70px 0;
	}

	/* Section: Research */
	.service-item h3 {
		font-size: 20px;
		margin: 30px 0 20px;
	}

	/* Section: Trusted */
	.clients-list a {
		display: block;
		margin: 0;
		width: auto;
	}

	.clients-list a + a {
		margin-top: 60px;
	}

	.clients-list img {
	    width: 180px;
	}

	/* Section: Support */
	.support-form {
		padding: 30px;
		max-width: 100%;
		height: auto;
	}

	.support-form h3 {
		font-size: 20px;
	    line-height: 26px;
	}

	.support-form p {
    	font-size: 16px;
    }

    .support-form form {
	    margin-bottom: 0px;
	}

	.support-form .section-link {
    bottom: -40px;
	}

	/* PAGES */
	/* About */
	.team-member {
		text-align: center;
	}

	.team-member img {
		float: none;
		margin-bottom: 30px;
	}

	.team-member-content {
		padding: 0;
	}

	/* Research */
	.articles-section .section-title,
	.studies-section .section-title {
		font-size: 24px;
	}

	.studies-section .section-title-small {
		font-size: 20px;
	}

	/* Press */
	.article-content {
		padding: 20px 0;
	}

	.article-content p {
	    font-size: 16px;
	    margin-bottom: 10px;
	}

	.article-content .section-link {
	    font-size: 16px;
	}

	/* FOOTER */
	.site-footer {
		padding: 30px 0;
	}

	.site-footer .list-inline {
		clear: both;
	}

	.site-footer ul.footer-nav {
	    float: left;
	    margin-left: 0;
		margin-top: 10px;
	}

	.site-footer ul.social-links {
	    float: left;
	    margin-top: 30px;
	}

}