/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .header .main-nav button {
    margin-right: 0;
  }
  .navbar-header {padding:0 15px;}
  .header .main-nav .navbar-collapse {
    padding-left: 30px;
    padding-right: 30px;
	background:rgba(33,33,33,0.9);
  }
  .header.no-bg .main-nav .nav .nav-item a {
  color: #fff;
	}
	.header .main-nav .nav .nav-item.try-btn
	{
		margin:10px 0 0;
	}
}

@media (min-width: 768px) {
  .navbar-fixed-top .navbar-right {
    float: right !important;
    margin-right: 0;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

/*----start-responsive-design----*/
@media only screen and (max-width:1440px){	
}
@media only screen and (max-width:1366px){	
}
@media only screen and (max-width:1280px){
	/* homepage */
	.section-get-started {background-size:50%; min-height:400px;}
	.section-easy-job {/*background-position:-100px 0;*/}
	.section-how-different {background-position:-10px 100%;}	
	
	/* cost */
	.pricing-page {min-height:400px;}	
	.pricing-page .hero-text-wrap h2 {margin-top:1em;}
}
@media only screen and (max-width:1024px){
	/* homepage */
	.section-how-different {min-height:300px; background-position:-30px 100%;}
	.section-more-profit {min-height:300px;}
	.section-padded { padding:1.5em 0 1.5em;}
	.section-brands {padding: 4.5em 0 3.5em;}
	.section-must-expensive {min-height:300px;background-position: 450px center;  background-size:cover;}
	.pcta-col {margin:0 0 20px;}
	#photo-cta .core-wrap {width:100%; margin:0;}
	.section-easy-job {background-position:70% 0;}
	
	/* why adyapper */
	#benefits-hero {background-position:50% 0;}
	
	/* how it works */
	#hiw-hero {background-position:50% 0;}	
	.step-wrap {margin:0 0 50px;}
	.step-wrap:last-of-type {margin:0 0 50px;}
	
	/* get started */
	.started-box {margin:0 0 30px;}
	
	/* about us */
	.leadership-profile-img-wrap .li-icon {top:-8px; right:-8px;}	
	
	/* resources */
	.resources-panel {margin:0 1em 3em;}
	
	/* costs */
	.price-col {width:40%; margin-bottom: 30px;}
	
	/* testimomials */
	.promo.testimonials-page  {padding-top:50px;}
	#testimonials-stack h2 {margin-top:1.5em;}
	
	/* footer */
	.footer ul.contact-details {font-size:0.8em;}	
}
@media only screen and (max-width:870px){
	/* homepage */
	.section-how-different { min-height:1em; background-position:-130px 100%;}	
	.header .main-nav .nav .nav-item {margin-right: 10px;}
	.header .main-nav .nav .nav-item a {font-size:12px;}
	.section-must-expensive {min-height:300px;background-position: 350px center;  background-size:cover;}	

	/* get started */
	.get-started-small-img img {max-width:50%;}	
	
	/* costs */
	.tier-col-info {width:100%; position:relative; margin:50px 0;}		
}
@media only screen and (max-width:768px){
	/* homepage */
	#home-hero {background-position:60% 0;}
	.promo {padding-top:130px; min-height:1em;}
	.promo h2 {margin-top:0;}
	.hero-text-wrap {width:100%;}
	.hero-text-wrap h2 {line-height:110%;margin-top: 0;font-size: 2.25em;}
	.section-padded {background:none; min-height:1em;}	
	.section-get-started { min-height:1em;}
	.section-padded .core-wrap {width:100%;}
	.section-how-different {border-top:2px solid #e1e3e5; border-bottom:2px solid #e1e3e5; padding:2em 0 2.5em;}	
	.section-more-profit, .section-easy-job { border-bottom:2px solid #e1e3e5; }
	.quote-wrap {width:120px; height:95px; background-size:contain;}
	.top-quote-wrap {margin-top:-20px;}
	.bottom-quote-wrap {margin-bottom:-20px;}
	.footer-badge {margin:0 0.3em 0 0;}
	.footer-col {margin:0 0 20px;}
	.pcta-col {margin:0 0 2em; display:table;}
	.pcta-col:last-of-type {margin:0;}
	.pcta-desc-text {min-height:1em;}
	.pcta-desc{float:none;}
	
	/* how it works */
	.step-wrap:first-of-type {margin-top:30px;}
	.step-desc {width:25%;}
	.step-img {width:66%;}
	
	/* about us */
	.leadership-profile-wrap {padding:1em;}
	.leadership-profile-img-wrap .li-icon {top:-10px; right:-10px;}	
	#mentions-slider {width:80%; margin:0 10%;}
	
	/* register flow */
	#register-support-text {padding-top:50px;}
	
	/* testimomials */
	.quote-marks-icon {width:80px;}
	.testimonial-promo-logo {margin:0; width:90%;}
	.testimonial-promo-text {font-size:1.3em;}
	
	/* resources */
	.resources-img {display:none;}
	.resources-desc {width:100%;}
	.resources-icon-wrap {width:70px;}
	.resources-desc-wrap h2 {margin:0 2em 1em 0;}
	.resources-desc-wrap p {margin:0;}
	
	/* costs */
	.pricing-page {background-image:none; background-color:#f3eef2; min-height:1em;padding: 5em 0 3em;}
	.price-options {padding-left:15px;}	
	
	/* landing page */
	.banner-landing .hero-text-wrap h2 {margin-top: 1em;}
	.banner-form {padding:2em 0;}
	.banner-form #form-box {width:100%;}
	.review {margin:0 0 3em;}
	.content-landing {margin:3.5em 0;}
	.content-landing h2 {margin:0 0 1.5em;font-size: 1.65em;}
	.landing-option-column {margin:0 0 3em;}
	.landing-options {margin-bottom:3em;}
	.review-image {height:200px;}
	.review-content {position:relative;}		
}
@media only screen and (max-width:640px){
	/* homepage */
	.section-brands { padding:2.5em 0 1em;}
	.brand-item {margin:0 5px 15px;}
	.bl-icon-wrap {width:45%;}
	#photo-cta h2.section-title {line-height:120%;}
	.pcta-columns { padding: 1.5em 0 1em;}
	#how-profit .core-wrap {margin: 4em 10% 0;}
	.footer {padding: 3.5em 0 1em;}
	
	/* why adyapper */
	#benefits-hero {background-position:70% 0;}
	
	/* how it works */
	.step-desc, .get-started-page .step-desc {width:100%; padding:0 30px;}
	.step-desc .icon-wrap {float:left; margin:0 20px 0 0;}
	.step-img {display:none;}
	
	/* about us */
	.green-hero.centered-content .hero-text-wrap {margin:0 auto; width:80%;}
	.leadership-profile-col {width:50%; margin:0 0 20px;}		
	.leadership-profile-img-wrap .li-icon {top:0px; right:0px;}
	#mentions-slider {width:100%; margin:0;}
	
	/* testimomials */
	.quote-marks-icon {width:80px;}	
	.testimonial-img {float:none; width:auto; text-align:left; min-height:auto; line-height:auto;}
	.testimonial-desc {float:none; width:100%;}
}
@media only screen and (max-width:520px){
	/* homepage */
	#brands h2 {font-size:1.25em;}
	.hero-text-wrap h2 {font-size:2em;}	
	h2.section-title {font-size: 1.75em; line-height:110%; margin:0 0 20px;}
	
	/* why adyapper */
	.benefits-panel-item  {width:100%; clear:both;}	

	/* costs */
	.price-col {width:60%;}		
	
	/* testimomials */
	.testimonial-promo-logo {margin:0 0 20px; width:80px; height:80px;}
	.testimonial-promo-img {width:100%;}
	.testimonial-promo-content {width:100%;}	
	.promo.testimonials-page  {padding-top:30px;}
	
	/* landing page */
	.review {margin:0 0 3em;}
	.landing-option-column {margin:0 0 1.5em;}	
	.landing-options {margin-bottom:1.5em;}
	.review-content {padding:0;}		
	.review-image {background-size:110%; height:200px;}	
	
	/* footer */
	.footer .footer-col {width:100%;}		
}
@media only screen and (max-width:480px){
	.green-hero .hero-text-wrap {margin:0; width:100%;}
	.header .logo { margin: -4px 0 25px;}
	.logo-and-text-wrap {width:180px; }
	
	/* why adyapper */
	#benefits-overview.inside-page {padding:50px 0;}
	
	/* footer */
	.footer-col:nth-of-type(3) .contact-item {width:100%; display:table;}
	.footer-col:nth-of-type(3) .contact-item:nth-of-type(1) .contact-details {float:left;}	
	.footer-col:nth-of-type(3) .contact-item:nth-of-type(1) .contact-details:nth-of-type(1) {width:55%;}
	.footer-col:nth-of-type(3) .contact-item:nth-of-type(1) .contact-details:nth-of-type(2) {width:45%;}
	.subscribe-footer {width:100%; margin-left:0;}
	
	/* how it works */
	.step-desc h2 {margin:0.1em 0 0.5em;}	
	
	/* about us */	
	.leadership-profile-img-wrap .li-icon {top:-10px; right:-10px;}	
	.mention-panel {display:block;}
	.mention-img {display:block; width:100%;}
	
	/* register flow */
	.register-contact-col {width:100%; float:none; margin:0 0 1em;}	
	.download-contact-col {width:50%; margin:0 0 1em;}
	
	/* testimomials */
	.quote-marks-icon {width:40px;}	
	.testimonial-img {padding:1.5em 1.5em 0;}
	.testimonials-panel {padding:0.5em;}	
	
	/* resources */
	.resources-desc-wrap h2 {margin:0 1em 1em 0;font-size: 1.25em;}
	.resources-icon-wrap {width:50px; top:20px;}	
	
	/* costs */
	.price-col {width:70%;padding-right:0; padding-left:0;}		
}
@media only screen and (max-width:320px){
	/* about us */	
	.leadership-profile-col {width:100%;}	
	.leadership-profile-img-wrap .li-icon {top:0; right:0;}	
	
	/* landing page */
	.review-image {height:130px;}	
}