@media only screen and (min-width: 780px) {

	.size{
		width:auto;
	}

	*{
		scrollbar-width:thin;
		scrollbar-color:#fff transparent;
	}

	*::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}

	*::-webkit-scrollbar-track {
	  background: #fff;
	}

	*::-webkit-scrollbar-thumb {
	  background: #fff;
	}

}

@media only screen and (max-width: 1000px) {

	#subscriptions .price-card {
		width: 36%;
	}

	#subscriptions table thead td:first-child {
		width: 200px;
	}

	#subscriptions table td:not(:first-child) {
		width: 38%;
	}

}

@media only screen and (max-width: 860px) {

	#main-intro{
		width:100%;
		height:auto;
		position:relative;
		text-align:center;
		padding:30px 10px 10px 10px;
	}

	#main-intro h2{
		padding: 10px 10px 70px 10px;
	}

	#main-intro video{
		position: absolute;
		top: 120px;
		left: 50%;
		width:300%;
	}

	#main-intro img{
		position:relative;
		margin:0 auto;
		width:90%;
		height:auto;
	}

	#main-begin{
		position:relative;
		margin:0 auto;
		width:100%;
		height:auto;
		bottom: 40px;
	}

	#main-begin .months-circle{
		top:-25px;
	}

	#main-begin button{
		margin:0 auto;
	}
	
/***************************************/

	.table,
	.table-cell{
		width:100%;
		padding:10px;
		font-size:1.1em;
	}

	.table-cell-left,
	.table-cell-right{
		display: block;	
		width:100%;
		padding:10px;
		margin:0;
	}
	
	.table-row .imgBG{
		display: block;		
		background-size: cover;
		background-color:#777;
		justify-content: flex-end;
		background-position: right top; 
	}
	

/***************************************/

	#main-carousel{
		padding:0
	}

	article b{
		padding:0 50px
	}

	nav{
		font-size:.8em;
		padding-right:10px
	}

	nav ul {
		width:100%;
		left:0
	}
	#subscriptions .price-card {
		right: 10px;
		width: 40%;
	}
	#subscriptions table td:first-child {
		font-size: 0.8em;
		padding-left: 12px;
	}
	
	#main-begin .months-circle{
		position:relative;
		margin:0 auto !important;
		left:0;
	}	
	
	#main-begin button{
		position:relative;
		margin:0 auto !important;
	}
	
	main h2{
		width:100%;
	}
		
}

@media only screen and (max-width: 768px) {

	#subscriptions .price-card {
		right: 10px;
		width: 40%;
	}

	#subscriptions .price-card b {
		font-size: 1.3em;
	}

	#subscriptions table td:not(:first-child) {
		width: 38%;
	}

	.price-card .subsitems .body span:nth-child(2) {
		font-size: 1.7em;
	}

	.price-card .subsitems .body span small:nth-child(4) {
		left: 29px;
	}

}

@media only screen and (max-width: 750px) {

	nav{
		position: absolute;
		top: 90px;
		left:-5px;
		right:-5px;
		padding:3px 0;
	}

	nav ul {
		background:black;
		margin: 0;
		padding:3px 0;
		box-shadow:0 10px 35px rgba(0,0,0,.8)
	}

	nav ul li {
		text-align: center;
		width: 100%;
		margin: 0;
		padding:12px 0;
		border-radius:none;
		font-size:1.8em;
		border:none
	}

	nav section{
		transition: top 0.5s ease-in-out;
	}

	nav input + label {
		display: block;
		width: 80px;
		height: 80px;
		background-image: url('/images/menu.svg');
		background-repeat:no-repeat;
		position: absolute;
		right: 20px;
		top: -90px;
		cursor: pointer;
		opacity:.5
	}

	nav input:checked ~ section {
		display:none;
	}

	footer{
		padding:10px;
	}

	footer h2{
		font-size:1.2em
	}

	footer ul{
		padding:0
	}

	footer ul li{
		padding:5px;
		white-space:nowrap
	}

	.footer-cell{
		width:auto;
		margin:0;
		padding:0;
	}

	#footer-copyright{
		padding:0 0 0 60px;
		margin:40px 0 0 0;
	}

	#footer-logo-canada{
		left:3px
	}

	#footer-begin{
		float:left;
	}

	#footer-begin img{
		width:90px;
		position:relative;
		left:0;
	}

}

@media only screen and (max-width: 600px) {
	#subscriptions .price-card {
		width: 40%;
	}
	#subscriptions table td:not(:first-child) {
		width: 43%;
	}

	.price-card .subsitems .body span:nth-child(2) {
		font-size: 1.6em;
	}
	.price-card .subsitems .body span small:nth-child(4) {
		left: 29px;
		top: 25px;
	}
	
}

@media only screen and (max-width: 500px) {

	.price-card .subsitems .body span:nth-child(2) {
		font-size: 1.7em;
	}

	.price-card .subsitems .body span small:nth-child(4) {
		left: 29px;
	}

	#signin{
		position:absolute;
		top:0;
		right: 5px;
		left:5px;
		z-index:1000;
		line-height: .95em;
		display:block;
		padding:20px 0;
		background:white;
		border:1px solid #ff8b2f;
		border-radius:none;
		text-align:center;
	}

	#recovery {
		width: 90%;
	}

	.app-register,
	.app-form-container,
	.app-pass-recovery{
		position:relative;
		margin:5px auto;
	}

	#header-logo{
		max-width:190px;
		margin:20px 10px;
	}

	#footer-logo,
	#footer-begin{
		display:none;
	}

	footer{
		font-size:.8em
	}

	#subscriptions .price-card {
		width: 43%;
	}

	#subscriptions table td:not(:first-child) {
		width: 43%;
	}

	#subscriptions td:nth-child(2) .price-card {
		right: 10px;
		width: 43%;
	}

	#subscriptions thead td:nth-child(3) {
		/* display: none; */
	}

	#subscriptions td:nth-child(2) {
		/* display: none; */
	}

	#subscriptions .price-card button {
		width: 93px;
	}

}

@media only screen and (max-width: 475px) {

	.plan-businesses {
		top: 131px;
	}

	.plan-intervals {
		top: 166px;
	}

}

@media only screen and (max-width: 450px) {

	.price-card .subsitems .body span small:nth-child(4) {
    width: 100px;
    bottom: 10px;
    left: 53px;
    top: 32px;
    font-size: 0.2em;
	}
}

@media only screen and (max-width: 400px) {
	#subscriptions .price-card {
		width: 45%;
	}
	#subscriptions table td:not(:first-child) {
		min-width: 55px;
	}
	.price-card .subsitems .body span small:nth-child(4) {
		left: 41px;
	}

}