@media only screen and (max-width: 999px) {
	.container { width: 99%; }
	.samples .download-btns {float: none; text-align: center; padding-top: 3em; margin-top: unset;}
	.viewport.smpls { display: flex; justify-content: center; align-content: center; }
	.samples { padding: 25px 0 0px 0; }
	img.img-or {display: none !important;}
}

@media only screen and (max-width: 801px) {
	.container { width: 96%; }
	.header h1, {float: left; display: block; margin: 0 0 0em 1em; padding-left: 20px;}
	/* .header ul.social {float: right; margin: 0;} */
	/* .header ul.soc-1 {margin-right: 0 !important;} */
	.footer { width: 96%; }
	.footer p, .footer p.last { float: none; display: block; text-align: center; width: 100%; margin-top: 1.5em; }
	
	#em_subscribe_form label { min-width: 10.5em; }
	
	.testimonials-author { margin: 0;}
	.two-fifths.whats-about {width: 100%;}
	.three-fifths.whats-about {width: 90%;}
}

@media only screen and (min-width: 768px) {
	.intro.group { display: table; width:95%; }
	.one-half.int, .one-half.int-video  { display: table-cell; float: none; vertical-align: middle; }
}

@media only screen and (max-width: 681px) {
	.header ul.soc-1 {margin-top: 10em;}
	.header ul.soc-2 { padding-left: 2.5em;}
}

@media only screen and (max-width: 549px) {
	.header ul.soc-1 {margin-top: unset;}
	.header ul.social {margin: 0;}
	.one-half.int-video  {margin-bottom: -4em !important; margin-top: -4em !important;}
	.pricex .one-third > div { padding-left: 0px; }
	}

@media only screen and (max-width: 511px) {
	.header ul.soc-1 {padding: 0;}
}

@media only screen and (max-width: 305px) {
	.header h1 {margin: 0 0 2em 0.5em !important;}
	.one-half.int-video  { margin-bottom: -33% !important; margin-top: -30%;}
}

@media only screen and (max-width: 481px) {
	#ribbon-update { max-width: 26.53061224489796%; left: 0; top: 40px; }
	
	.header h1, .header ul.social { float: none; display: block; margin: 0 0 2em 1.5em; padding-left: unset;}
	.header h1 a { background: url(../img/logo-258x89.jpg) no-repeat; max-width: 100%; height: 95px; }
	
	.header ul.soc-1 {margin: 0 0 -30px 1.5em;}
	.header ul.soc-2 {margin: 0 0 0em 1.5em;}
	
	.intro, .price, .features, .final {width:90% !important; padding: 2em 0.5em; }
	.price.group, .features.group.try {width: unset !important; }
	
	
	
	.testimonials .quote { width: 80%; margin: 0 auto 2em; }
	
	.five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: none; margin: 0 0 20px; padding-left: 0; width: 100%; }
	
	.footer { width: 90%; margin: 10px auto; }
	 
	.testimonials-author { margin-top: 0; bottom: unset;}
	.testimonials .quote blockquote {margin-top: 40px;}
	.two-fifths.whats-about img.book { margin-left: 20%;}
	.two-fifths.whats-about {height: unset;}
	.quote.one-third.authors { text-align: center; }
	.testimonials {padding: 10px 40px 25px; }
	.one-half.int-video  { margin-bottom: -6em !important; margin-top: -5em !important; width: 92% !important;}
	.intro.group { width:90% !important; padding: 1em 0em 2em 1em;}
}

@media only screen and (max-width: 767px) {
	
	.price h3.cta { font-size: 20px; text-align: center; line-height: 100%; width: 100%; float: none; /*text-align: left; max-width: 70%;*/ }
	.price img.icon {
		float: none;
		display: block;
		margin: auto;
	}
	.price { padding: 1em; }
	.price .one-third { text-align: center; }
	.buy-now .one-third,
	.buy-now .two-sixths { width: 100% !important; }
	.price {
    display: block;
    justify-content: center;
    align-items: center;
    background: #f5f3f3;
    height: auto;
	text-align: center;
		}
	.pricex .one-third > div { padding-left: 10px; }
	/* .intro.group { width:91%; } */
	.one-half.int-video  { width:96%; text-align: center !important; float: none; margin-bottom: -1em; margin-top: -1em;}
	.one-half.int  {width:95%; float: none;}
	.style1.try-text {text-align: center;}
}

/* @media only screen and (max-width: 767px) and (min-width: 606px) {
	.price {
    display: block;
    justify-content: center;
    align-items: center;
    background: #f5f3f3;
    height: 130px;
	text-align: center;
		}

} */
@media only screen and (min-width: 768px) {
	.h-or {
		display: none;
	}
}

@media only screen and (max-width: 270px) {
	.header ul.soc-1 {margin: 0 0 -30px 0.2em;}
	.header ul.soc-2 {margin: 0 0 0em 0.2em;}
	.testimonials { padding: 2em 0.5em; }
	.two-fifths.whats-about {margin: 0; padding: 0; }
	.three-fifths.whats-about { margin: 0; padding: 0; }
	.intro, .price, .features, .final {width:87% !important; }
}

@media only screen and (max-width: 311px) {
	.price a.button { margin: 0 0px 0 0; padding: 0 0 0 75px; width: 104px; height: 37px; line-height: 57px; }
	.price a.button.paper {
	background: url(../img/button-buy-small.png) 0 0 no-repeat;
}

.price a.button.pdf {
	background:  url(../img/button-register-small.png) 0 0 no-repeat;
}
	.one-half.int-video  { margin-bottom: -9em !important; margin-top: -8em !important;}
}

@media only screen and (max-width: 340px) {
	.one-half.int-video  { margin-bottom: -8em !important; margin-top: -7em !important;}
}