/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	body {
		padding-top:50px;
	}
	header {
		height:0px;
	}
	a.read-more:before {
		width:0;
		height:0;
	}
	a.read-more:hover, a.read-more:active {
		text-decoration:underline;
	}
	.articles h1 {
		margin:15px 0;
		font-size:30px;
	}
	div.list a, a.list {
		font-size:16px;
		margin:8px 0;
		line-height:20px;
	}
	a.list { margin-top:40px; }
	div.art-text { font-size:14px; }
	div.screen-title {	
		font-size:14px;
		line-height:35px;
	}
	a.top-logo {
		font-size:20px;
		white-space: nowrap;
		line-height:80px;
	}
	.header-menu li a {
		font-size: 14px;
		line-height:80px;
	}
	.header-menu li a:before {
		content: "";
		height: 12px;
	}
	#first-page .container {
		margin:20px auto;
	}
	#first-page .overlay-fix {
		margin:15px 0;
		padding:30px 45px 0 45px;
	}
	#first-page .main-pills {
		font-size:12px;
		line-height:14px;
	}
	#first-page .main-pills span {
		margin-left:5px;
		font-size:12px;
		line-height:14px;
	}
	.first-page__img-descr {
		font-size: 14px;
		padding-right: 0;
		line-height: 1.4;
		line-height: 19px;
		vertical-align: middle;
	}
	.title {
		font-size:12px;
		line-height:14px;
	}
	.title h1,
	.title .like-h1 {
		font-size:20px;
		line-height:22px;
		font-weight:bold;
	}
	.tab {
		margin:25px 0;
	}
	.tab .tab-row div {
		padding:5px 10px 5px 5px;	
	}
	.tab .tab-row div:last-child {
		line-height:14px;
	}
	.tab .tab-row div:last-child strong {
		font-size:12px;
	}
	div.box-reasons {
		margin:15px 0;
		font-size:18px;
	}
	div.box-reasons div.item {
		margin:10px auto;
	}
	div.box-reasons div.item img {
		width:140px;		
	}
	div.box-reasons div.item span {
		font-size:22px;
		margin-top:10px;
	}
	div.child-fix {
		margin:0 auto;
	}
	div.child-fix img {
		width:100%;
		margin-bottom:20px;
	}
	div.box-danger {
		margin-bottom:10px;
	}
	div.box-danger div.title {
		margin-bottom:20px;
		font-size:16px;
	}
	div.box-danger .tab .tab-row div, 
	div.box-danger .tab .tab-row div:last-child strong {
		font-size:14px;
	}
	div.box-danger .tab .tab-row img {
		width:110px;
		height:auto;
	}

	div.help-first div.imgs img.icon {
		top:5px;
		left:15px;
		width:60px;
	}
	div.help-first div.title h1,
	div.help-first div.title .like-h1 {
		font-size:20px;
		line-height:22px;
		margin:15px 0;
	}
	div.help-first .list-row {
		margin:15px 0;
	}
	div.help-first .list-row .bullet {
		padding:0 10px 0 0;
		font-size:14px;
	}
	div.help-first .list-row div {
		font-size:15px;
	}
	div.help-second {
		margin-top:0px;
	}
	img.formula {
		margin:10px 0;
	}
	div.card {
		padding:10px;
		font-size:15px;
		line-height:18px;
	}
	div.help-second div.card strong {
		font-size:45px;
		line-height:40px;
	}	
	div.help-last {
		margin:0 0 25px 0;
	}
	div.card a {
		font-size:13px;
	}
	#dozes div.arrow {
		top:8px;
		right:10px;
		font-size:16px;
	}
	div.usage h1,
	div.usage .like-h1 {
		font-size:26px;
	}
	div.usage table thead {
		border:0;
	}
	div.usage table th {
		font-size:11px;
		line-height:13px;
		padding:4px;
	}
	div.usage table th span{
		font-size:11px;
	}
	div.usage table td {
		font-size:11px;
		line-height:13px;
		padding:4px;
	}
	div.recipie div {
		font-size:14px;
	}
	div.recipie div.pic {
		width:75px;
	}
	div.recipie h2 {
		font-size:16px;
	}
	div.benefits div.pills-fix {
		margin-top:0px;
	}
	div.benefits div.text {
		font-weight:normal;
	}
	div.more .card {
		border-width:5px;
		margin:10px 0;
	}
	div.more .card a {
		font-size:16px;
	}
	div.buy-online img {margin:10px 0;}
	footer, footer a {
		font-size:14px;
		line-height:16px;
	}
	footer span, .disclaimer__text {
		font-size:20px;
		line-height: 20px;
		letter-spacing: 0;		
	}
	.footer__source {
		font-size: 8px;
		margin-bottom: 16px;
	}
	div.usage, 
	div.benefits, 
	div.more, 
	div.buy-online,
	div.articles {
		margin:20px auto;
	}
	#upBtn {
		width: 0px;
		height: 0px;
		opacity: 0;
		right: -50px;
		bottom: -50px;
		z-index: -30;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	body {
		padding-top:60px;
	}
	header {
		height:0px;
	}
	div.screen-title {	
		font-size:20px;
		line-height:60px;
	}
	a.top-logo {
		font-size:20px;
		white-space: nowrap;
		line-height:80px;
	}
	a.read-more:before {
		width:0;
		height:0;
	}
	a.read-more:hover, a.read-more:active {
		text-decoration:underline;
	}
	.articles h1 {
		margin:15px 0;
		font-size:30px;
	}
	div.list a, a.list {
		font-size:16px;
		margin:8px 0;
		line-height:20px;
	}
	a.list { margin-top:40px; }

	.header-menu li a {
		font-size: 14px;
		line-height:80px;
	}
	.header-menu li a:before {
		content: "";
		height: 12px;
	}
	#first-page .container {
		margin:0 auto;
	}
	#first-page .overlay-fix {
		margin:15px auto;
	}
	#first-page .main-pills {
		padding-left:7%;
	}
	#first-page .main-pills span {
		margin-left:5px;
		font-size:12px;
		line-height:14px;
	}
	.title {
		font-size:12px;
		line-height:14px;
	}
	.title h1,
	.title .like-h1 {
		font-size:20px;
		line-height:22px;
	}
	.tab {
		margin:25px 0 5px 0px;
	}
	.tab .tab-row div {
		padding:5px 10px 5px 5px;	
	}
	.tab .tab-row div:last-child {
		line-height:16px;
	}
	.tab .tab-row div:last-child strong {
		font-size:14px;
	}
	.tab .tab-row div i.fa-plus {
		top: 95%;
		left: 135px;
	}
	div.box-reasons {
		margin:15px 0;
		font-size:18px;
	}
	div.box-reasons div.item {
		margin:10px auto;
	}
	div.box-reasons div.item img {
		width:140px;		
	}
	div.box-reasons div.item span {
		font-size:22px;
		margin-top:10px;
	}
	div.child-fix {
		margin:0 auto;
	}
	div.child-fix img {
		width:100%;
		margin-bottom:20px;
	}
	div.box-danger {
		margin-bottom:10px;
	}
	div.box-danger div.title {
		margin-bottom:20px;
		font-size:16px;
	}
	div.box-danger .tab .tab-row div:last-child strong {
		font-size:18px;
	}
	div.help-first div.imgs img.icon {
		top:15px;
		left:35px;
		width:90px;
	}
	div.help-first div.title h1,
	div.help-first div.title .like-h1 {
		font-size:20px;
		line-height:22px;
		margin:15px 0;
	}
	div.help-first .list-row {
		margin:15px 0;
	}
	div.help-first .list-row .bullet {
		padding:0 10px 0 0;
		font-size:14px;
	}
	div.help-first .list-row div {
		font-size:15px;
	}
	div.help-second {
		margin-top:0px;
	}
	img.formula {
		margin:10px 0;
	}
	div.card {
		padding:15px;
		font-size:15px;
		line-height:18px;
	}
	div.help-second div.card strong {
		font-size:50px;
		line-height:50px;
	}
	div.help-last {
		margin:0 0 25px 0;
	}
	div.card a {
		font-size:13px;
	}
	#dozes div.arrow {
		top:15px;
		right:10px;
		font-size:20px;
	}
	div.usage h1,
	div.usage .like-h1 {
		font-size:26px;
	}
	div.usage table thead {
		border:solid 4px #f7d14c;
	}
	div.usage table th {
		font-size:11px;
		line-height:13px;
	}
	div.usage table th span{
		font-size:11px;
	}
	div.usage table td {
		font-size:12px;
		line-height:14px;
	}
	div.recipie div {
		font-size:14px;
	}
	div.recipie div.pic {
		width:100px;
	}
	div.recipie h2 {
		font-size:28px;
	}
	div.benefits div.pills-fix {
		margin-top:0px;
	}
	div.benefits div.text {
		font-weight:normal;
	}
	div.more .card {
		border-width:5px;
		margin:10px 0;
	}
	div.more .card a {
		font-size:16px;
	}
	div.buy-online img {margin:10px 0;}
	footer, footer a {
		font-size:18px;
		line-height:18px;
	}
	footer span, .disclaimer__text {
		font-size:25px;
		line-height:25px;
		letter-spacing: 0;		
	}
	.footer__source {
		font-size: 10px;
		margin-bottom: 16px;
	}
	div.usage, 
	div.benefits, 
	div.more, 
	div.buy-online,
	div.articles {
		margin:20px auto;
	}
	#upBtn {
		width: 0px;
		height: 0px;
		opacity: 0;
		right: -50px;
		bottom: -50px;
		z-index: -30;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	body {
		padding-top:80px;
	}
	header {
		height:80px;
	}
	div.screen-title {	
		font-size:20px;
		line-height:80px;
	}
	a.top-logo {
		font-size:20px;
		white-space: nowrap;
		line-height:80px;
	}
	.header-menu li a {
		font-size: 13px;
		line-height:80px;
	}
	.header-menu li a:before {
		content: "";
		height: 12px;
	}
	#first-page .main-pills span {
		margin-left:15px;
		font-size:12px;
		line-height:14px;
	}
	.title {
		font-size:12px;
		line-height:14px;
	}
	.title h1,
	.title .like-h1 {
		font-size:20px;
		line-height:22px;
	}
	.tab {
		margin:15px 0 15px 35px;
	}
	.tab .tab-row div {
		padding:5px 10px 5px 5px;	
	}
	.tab .tab-row div:last-child {
		line-height:16px;
	}
	.tab .tab-row div:last-child strong {
		font-size:14px;
	}
	div.box-reasons {
		margin:35px 0;
		font-size:18px;
	}
	div.box-reasons div.item span {
		font-size:22px;
		margin-top:10px;
	}
	div.child-fix {
		margin-left:-20%;
	}
	div.child-fix img {
		width:100%;
	}
	div.box-danger {
		margin-bottom:30px;
	}
	div.box-danger div.title {
		margin-bottom:20px;
		font-size:16px;
	}
	div.box-danger .tab .tab-row div:last-child strong {
		font-size:18px;
	}
	div.help-first div.imgs img.icon {
		top:15px;
		left:15px;
		width:70px;
	}
	div.help-first div.title h1,
	div.help-first div.title .like-h1 {
		font-size:26px;
		line-height:30px;
		margin:25px 0 30px 0;
	}
	div.help-first .list-row {
		margin:15px 0;
	}
	div.help-first .list-row .bullet {
		padding:0 10px 0 0;
		font-size:14px;
	}
	div.help-first .list-row div {
		font-size:15px;
	}
	div.help-second {
		margin-top:-50px;
	}
	div.card {
		padding:20px;
		font-size:15px;
		line-height:18px;
	}
	div.help-second div.card strong {
		font-size:50px;
		line-height:50px;
	}
	div.card a {
		font-size:13px;
	}
	#dozes div.arrow {
		top:15px;
	}
	div.usage h1,
	div.usage .like-h1 {
		font-size:26px;
	}
	div.usage table th {
		font-size:16px;
	}
	div.usage table th span{
		font-size:14px;
	}
	div.usage table td {
		font-size:16px;
	}
	div.recipie div {
		font-size:15px;
	}
	div.recipie h2 {
		font-size:28px;
	}
	div.benefits div.pills-fix {
		margin-top:0px;
	}
	div.more .card a {
		font-size:18px;
	}
	footer, footer a {
		font-size:20px;
		line-height:23px;
	}
	footer span, .disclaimer__text {
		font-size:33px;
		line-height:33px;
		letter-spacing: 0;		
	}

	.footer__source {
		font-size: 14px;
		margin-bottom: 24px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	body {
		padding-top:100px;
	}
	header {
		height:100px;
	}
	.container {
		max-width:890px;
	}
	div.screen-title {	
		font-weight:700;
		font-size:35px;
		line-height:100px;
	}
	a.top-logo {
		font-size:35px;
		white-space: nowrap;
		line-height:100px;
	}
	.header-menu li a {
		font-size: 14px;
		line-height:100px;
	}
	.header-menu li a:before {
		content: "";
		height: 16px;
	}
	#first-page .main-pills span {
		margin-left:30px;
		font-size:13px;
		line-height:15px;
	}
	.title {
		font-size:13px;
		line-height:15px;
	}
	.title h1,
	.title .like-h1 {
		font-size:26px;
		line-height:29px;
	}
	.tab {
		margin:15px 0 15px 35px;
	}
	.tab .tab-row {
		display:table-row;	
	}
	.tab .tab-row div {
		padding:10px 25px 10px 10px;	
	}
	.tab .tab-row div:last-child {
		line-height:18px;
	}
	.tab .tab-row div:last-child strong {
		font-size:19px;
	}

	div.child-fix {
		margin-left:-15%;
	}
	div.child-fix img {
		width:100%;
	}
	div.box-danger {
		margin-bottom:40px;
	}
	div.box-danger div.title {
		margin-bottom:30px;
		font-size:18px;
	}
	div.box-danger .tab .tab-row div:last-child strong {
		font-size:25px;
	}
	div.help-first div.imgs img.icon {
		top:20px;
		width:100px;
	}
	div.help-first div.title h1,
	div.help-first div.title .like-h1 {
		font-size:35px;
		line-height:40px;
		margin:45px 0 60px 0;
	}
	div.help-first .list-row {
		margin:20px 0;
	}
	div.help-first .list-row .bullet {
		padding:0 10px 0 0;
		font-size:15px;
	}
	div.help-first .list-row div {
		font-size:18px;
	}
	div.card {
		padding:20px;
		font-size:24px;
		line-height:28px;
	}
	div.help-second div.card strong {
		font-size:70px;
		line-height:70px;
	}
	div.card a {
		font-size:15px;
	}
	#dozes div.arrow {
		top:25px;
	}
	div.recipie div {
		padding:0 10px;
		font-size:18px;
	}
	div.recipie h2 {
		font-size:28px;
	}
	div.more .card a {
		font-size:18px;
	}
	footer, footer a {
		font-size:20px;
		line-height:23px;
	}
	footer span, .disclaimer__text {
		font-size:40px;
		line-height: 40px;
		letter-spacing: -1px;		
	}

	.footer__source {
		font-size: 14px;
		margin-bottom: 24px;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1499.98px) {
	.container {
		max-width:1300px;
	}	
	body {
		padding-top:100px;
	}
	header {
		height:100px;
	}
	a.top-logo {
		font-size:40px;
		white-space: nowrap;
		line-height:100px;
	}
	.header-menu li a {
		font-size: 18px;
		line-height:100px;
	}
	.header-menu li a:before {
		content: "";
		height: 18px;
	}
	.tab .tab-row div i.fa-plus {
		top: 95%;
		left: 105px;
	}
	footer, footer a {
		font-size:22px;
		line-height:26px;
	}
	footer span, .disclaimer__text {
		font-size:45px;
		line-height:45px;
		letter-spacing: -1px;		
	}

	.footer__source {
		font-size: 16px;
		margin-bottom: 30px;
	}
}

@media (min-width: 1500px) {
	.container {
		max-width:1500px;
	}

	.footer__source {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.tab .tab-row div i.fa-plus {
		top: 95%;
		left: 105px;
	}

	.disclaimer__text {
		font-size:55px;
		line-height:55px;
		letter-spacing: -3px;
	}
}

.footer__source {
	font-size: 16px;
	text-align: left;
	padding: 0 100px 0 100px;
	margin-bottom: 30px;
	text-transform: initial;
}