/* SMARTPHONE */
@media only screen and (max-width: 500px) 
{
	html, body
	{
		overflow-x: hidden !important;
	}
	body
	{
		font-size:16px;
		margin: 0;
	}
	.container {
		width: 100%;
	}
	#header img {
		width: 30%;
		display: block;
		margin: 10px auto 10px auto;
	}
	section#intro-banner-desktop {
		margin-top: 5px;
		display: block;
	}
	#intro-bg .leftcol {
		position: unset;
		padding-left: 5%;
		margin: 20px auto 40px auto;
		display: inline-block;
		width: 55%;
	}
	#intro-bg .rightcol {
		width: 44%;
		display: inline-block;
		padding: 0 5px;
	}
	#intro-bg .leftcol h2 {
		font-weight: 100;
		font-size: 20px;
		color: #fff;
		margin-bottom: 5px;
	}
	#intro-bg .leftcol h4 {
		font-size: 16px;
		font-weight: 100;
		color: #fff;
		margin-bottom: 5px;
	}
	/*#intro-bg .box img {
		width: 100%;
		display: block;
		margin: 0 auto;
		top: 30px;
		position: relative;
	}
	#intro-bg .box img {
		width: 100%;
		display: block;
		margin: 0 auto;
		top: 70px;
		position: relative;
		transform: scale(1.8);
		left: -25px;
	} */
	#intro-bg .box img {
		width: 95%;
		display: block;
		margin: 0 auto;
		top: 70px;
		position: relative;
		left: -14px;
		transform: scale(1.3);
	}
	#howitworks #get-btn,
	#custreview #get-btn,
	#brushtech #get-btn {
		width: max-content;
		margin: 10px auto 10px auto;
		position: unset;
	}
	#get-btn {
		border: 2px solid #f37521;
		color: #fff;
		font-size: 14px;
		background: #f37521;
		font-weight: 600;
		padding: 5px 10px;
		text-transform: capitalize;
		position: relative;
		top: 20px;
		letter-spacing: 0.5px;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol, 
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief {
		padding: 0;
		margin: 30px auto;
	}
	#brief img {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#brief .leftcol .rightcol ul {
		padding: 0 15px;
		font-size: 14px;
	}
	#howitworks #steps-img .steps-blck {
		width: 100%;
		margin: 20px auto;
	}
	#howitworks h2 {
		line-height: normal;
	}
	#howitworks .container img {
		display: block;
		margin: 0 auto;
		width: 20%;
	}
	#productslist .col {
		margin-top: 20px;
	}
	#custreview img {
		display: block;
		margin: 30px auto 5px;
		width: 20%;
	}
	#custreview p {
		color: #999696;
		text-align: center;
		font-size: 14px;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
	#prdcts .row h2 {
		font-size: 26px;
	}
	.bs-odr-price {
		font-size: 22px;
		padding: 22px 0 5px;
	}
	.bs-price-details p {
		margin: 5px auto;
	}
	#box-set-pricing div.regular-offer, #box-set-pricing div.popular-offer, #box-set-pricing div.best-offer {
		width: 90%;
		margin: 20px auto;
		float: none;
	}
	.popular-offer, .best-offer {
		top: initial;
		min-height: auto;
	}
	
	#pay-icons img {
		display: block;
		width: 100%;
	}
	.shg-rich-text p, .shg-rich-text a {
		color: #778593 !important;
	}
	
	#box-1.btns-desktop, #box-2.btns-desktop, #box-3.btns-desktop {
		display: none;
	}
	.btns-mobile {
		display: block;
	}
	#ordrbtn-1, #ordrbtn-2, #ordrbtn-3 {
		display: none;
	}
	section#section_six {
		padding: 0;
		width: 95%;
	}
	section#section_six #mobileOrder ul {
		padding: 0 !important;
		border: 1px solid #eeefef;
		margin-bottom: 0.5em;
		box-sizing: border-box;
		border-radius: 0.25em;
		transition: all 0.3s ease-in-out;
		position: relative;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
	}
	section#section_six #mobileOrder ul::after {
		clear:both;
		content:"";
		display:block;
	} 
	section#section_six #mobileOrder ul li {
		list-style-type:none;
		float:left;
	}
	section#section_six #mobileOrder ul li:first-child {
		width:5%;
		box-sizing:border-box;
		padding-top:1em;
		padding-left: 5px;
	}
	section#section_six #mobileOrder ul li:nth-child(2) {
		width:65%;
	}
	section#section_six #mobileOrder ul li:nth-child(2) p {
		margin:0;
		font-size:22px;
    	padding: 10px 0 0 20px;
		text-align:left;
	}
	section#section_six #mobileOrder ul li:nth-child(3) {
		width:30%;
		box-sizing:border-box;
		padding-left:0;
		position: relative;
	}
	section#section_six #mobileOrder ul#ulp1 li:nth-child(3) {
		top: 18px;
	}
	section#section_six #mobileOrder ul#ulp2 li:nth-child(3) {
		top: 16px;
	}
	section#section_six #mobileOrder ul#ulp3 li:nth-child(3) {
		top: 16px;
	}
	section#section_six #mobileOrder ul li:nth-child(3) img {
		width:100%;
	}
	section#section_six #mobileOrder ul li:nth-child(4) p {
		margin: 5px 0;
		padding-left: 10px;
		font-size: 20px;
	}
	section#section_six #mobileOrder ul#ulp1 li:nth-child(4) {
		width: -webkit-fill-available;
		background: #094f92;
		color: #fff;
		font-weight: 700;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		margin: 0;
		padding: 10px 5px;
	}
	
	section#section_six #mobileOrder ul#ulp2 li:nth-child(4) {
		width: -webkit-fill-available;
		background: #f17330;
		color: #fff;
		font-weight:700;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		margin: 0;
		padding: 10px 5px;
	}
	
	section#section_six #mobileOrder ul#ulp3 li:nth-child(4) {
		width: -webkit-fill-available;
		background: #128b46;
		color: #fff;
		font-weight:700;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		margin: 0;
		padding: 10px 5px;
	}

	section#section_six #mobileOrder ul li:nth-child(2) p.price {
		color:#094f92;
		font-size:28px;
    	font-weight: 700;
	}
	strike {
		color: #f00;
		font-weight: 100;
		font-size: 16px;
	}
	section#section_six #mobileOrder ul.activeSelection {
		transform: scale(1.05);
		background-color: #d5e6f0;
		border-color: #5296c1;
		transition: all 0.3s ease-in-out;
	}
	.order-btn .btn-buy {
		padding: 10px 20px;
		background: #f17330;
		display: block;
		width: 70%;
		margin: 30px auto 0 auto;
		text-decoration: none;
		color: #fff;
		letter-spacing: 1px;
		font-size: 18px;
		text-align: center;
		text-transform: uppercase;
	}
	section#productslist {
		margin-top: 0;
		margin-bottom: 0;
	}
	section#brushtech {
		margin: 0px auto 25px auto;
	}
	#brushtech h2 {
		text-align: center;
		color: #444;
		margin: 10px auto 15px auto;
		font-size: 24px;
	}
	section#container-badges #inner-bagde-box ul li img {
		width: 80%;
	}
}
/* SMARTPHONE SMALL SCREEN */
@media only screen and (max-width:320px) {
	html, body
	{
		overflow-x: hidden !important;
	}
	body
	{
		font-size:16px;
		margin: 0;
	}
	.container {
		width: 100%;
	}
	#header img {
		width: 30%;
		display: block;
		margin: 10px auto 10px auto;
	}
	section#intro-banner-desktop {
		margin-top: 5px;
		display: block;
	}
	#intro-bg .leftcol {
		position: unset;
		padding-left: 5%;
		margin: 20px auto 40px auto;
		display: block;
	}
	#intro-bg .leftcol h2 {
		font-weight: 100;
		font-size: 26px;
		color: #fff;
		margin-bottom: 10px;
	}
	#intro-bg .box img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol, 
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief {
		padding: 0;
		margin: 30px auto;
	}
	#brief img {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#howitworks #steps-img .steps-blck {
		width: 100%;
		margin: 20px auto;
	}
	#howitworks h2 {
		line-height: normal;
	}
	#howitworks .container img {
		display: block;
		margin: 0 auto;
		width: 20%;
	}
	#productslist .col {
		margin-top: 20px;
	}
	#custreview img {
		display: block;
		margin: 30px auto 5px;
		width: 20%;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}
/* SMARTPHONE LANDSCAPE */
@media only screen and (max-width:767px) and (orientation:landscape) {
	html, body
	{
		overflow-x: hidden !important;
	}
	body
	{
		font-size:16px;
		margin: 0;
	}
	.container {
		width: 100%;
	}
	#header img {
		width: 30%;
		display: block;
		margin: 10px auto 10px auto;
	}
	section#intro-banner-desktop {
		margin-top: 5px;
		display: block;
	}
	#intro-bg .leftcol {
		position: unset;
		padding-left: 5%;
		margin: 20px auto 40px auto;
		display: block;
	}
	#intro-bg .leftcol h2 {
		font-weight: 100;
		font-size: 26px;
		color: #fff;
		margin-bottom: 10px;
	}
	#intro-bg .box img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol, 
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief {
		padding: 0;
		margin: 30px auto;
	}
	#brief img {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#howitworks #steps-img .steps-blck {
		width: 100%;
		margin: 20px auto;
	}
	#howitworks h2 {
		line-height: normal;
	}
	#howitworks .container img {
		display: block;
		margin: 0 auto;
		width: 20%;
	}
	#productslist .col {
		margin-top: 20px;
	}
	#custreview img {
		display: block;
		margin: 30px auto 5px;
		width: 20%;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}
/* iPHONEX LANDSCAPE */
@media only screen and (max-width:900px) and (orientation:landscape) {
	html, body
	{
		overflow-x: hidden !important;
	}
	body
	{
		font-size:16px;
		margin: 0;
	}
	.container {
		width: 100%;
	}
	#header img {
		width: 10%;
		display: block;
		margin: 10px auto 10px auto;
	}
	section#intro-banner-desktop {
		margin-top: 5px;
		display: block;
	}
	#intro-bg .leftcol {
		position: unset;
		padding-left: 5%;
		margin: 20px auto 40px auto;
		display: block;
		width: 45%;
	}
	#intro-bg .leftcol h2 {
		font-weight: 100;
		font-size: 26px;
		color: #fff;
		margin-bottom: 10px;
	}
	#intro-bg .rightcol {
		width: 50%;
	}
	#intro-bg .box img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#brief .leftcol .leftcol, 
	#brief .rightcol .leftcol, 
	#brief .leftcol .rightcol, 
	#brief .rightcol .rightcol {
		width: 50%;
		margin-bottom: 20px;
	}
	#brief {
		padding: 0;
		margin: 30px auto 0;
	}
	#brief img {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#howitworks .container {
		background: #fff;
		padding: 20px 15px 0;
		font-size: 14px;
	}
	#howitworks h2 {
		text-align: center;
		font-size: 28px;
		color: #5296c1;
		padding: 10px 0;
		margin-bottom: 15px;
		line-height: normal;
	}
	#howitworks #steps-img .steps-blck {
		width: 30%;
		margin: 20px auto;
	}
	#howitworks #steps-img .steps-blck img {
		width: 45%;
		margin: 10px auto;
		display: block;
	}
	#howitworks .steps-blck h3 {
		text-align: center;
		font-weight: 700;
		font-size: 18px;
		color: #5296c1;
		font-style: normal;
		margin: 20px auto;
	}
	#howitworks #get-btn,
	#custreview #get-btn,
	#brushtech #get-btn {
		width: max-content;
		margin: 10px auto 10px auto;
		position: unset;
	}
	#custreview .leftcol, #custreview .rightcol {
		padding: 2% 5%;
		width: 49%;
	}
	#productslist .col {
		margin: 10px auto 10px auto;
		width: 33%;
		padding: 0;
	}
	#productslist .col img {
		width: 50%;
		display: block;
		margin: 5px auto 20px;
	}
	#productslist .col .product-details h3#gooddeal,
	#productslist .col .product-details h3#mostpopular,
	#productslist .col .product-details h3#bestvalue {
		font-size: 18px;
	}
	#productslist .buybox .btn-buy {
		background: #f37521;
		color: #fff;
		text-transform: uppercase;
		padding: 5px 10px;
		font-size: 14px;
		font-weight: 400;
		margin: auto auto 5px auto;
		display: block;
		width: max-content;
		width: -moz-max-content;
	}
	#custreview img {
		display: block;
		margin: 30px auto 5px;
		width: 20%;
	}
	#brushtech #tech-box-1 img{
		width: 30%;
		display: block;
		margin:0 auto;
	}
	#inner-tech-box {
		display: flex;
		margin: 10px auto;
		text-align: center;
	}
	#inner-tech-box img {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
	#get-btn {
		border: 2px solid #f37521;
		color: #fff;
		font-size: 22px;
		background: #f37521;
		font-weight: 600;
		padding: 5px 15px;
		text-transform: capitalize;
		position: relative;
		top: 30px;
		width: max-content;
		display: block;
		letter-spacing: 0.5px;
		text-align: center;
	}
	section#container-badges #inner-bagde-box ul li {
		display: inline-block;
		padding: 5px 10px;
		width: 30%;
	}
	
}
/* TABLET */
@media (min-width:768px) and (max-width:800px)
{
	.container {
		width: 100%;
	}
	#header img {
		width: 20%;
		display: block;
		margin: 10px auto 10px auto;
	}
	#intro-bg .leftcol h2 {
		font-size: 26px;
	}
	#intro-bg .leftcol {
		position: relative;
		top: 25px;
		text-align: left;
		padding-left: 10%;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol,
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief img {
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	#howitworks .container h3 {
		font-size: 16px;
		margin: 15px auto 10px auto;
		min-height: 40px;
	}
	#howitworks #steps-img .steps-blck {
		width: 30%;
		margin: 20px auto;
	}
	#howitworks .container p {
		margin-top: 0;
	}
	#howitworks #get-btn,
	#custreview #get-btn,
	#brushtech #get-btn {
		width: max-content;
		margin: 10px auto 10px auto;
		position: unset;
	}
	#custreview img {
		display: block;
		margin: 30px auto 15px;
		width: 20%;
	}
	#productslist .col .product-details h3 {
		margin-bottom: 10px;
	}
	#productslist .col .product-details p {
		padding: 5px 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	#productslist .product-details .buybox {
		width: 90%;
		margin: 20px auto;
		border: 2px solid #a7c1d2;
		border-radius: 15px;
		padding: 5px;
		text-align: center;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}
/* IPAD LANDSCAPE */
@media only screen 
and (min-device-width :1024px) 
and (max-device-width :1024px) 
and (orientation:landscape)
{
	.container {
		width: 100%;
	}
	#header img {
		width: 20%;
		display: block;
		margin: 10px auto 10px auto;
	}
	#intro-bg .leftcol h2 {
		font-size: 26px;
	}
	#intro-bg .leftcol {
		position: relative;
		top: 25px;
		text-align: left;
		padding-left: 10%;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol,
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief img {
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	#howitworks .container h3 {
		font-size: 16px;
		margin: 15px auto 10px auto;
		min-height: 40px;
	}
	#howitworks #steps-img .steps-blck {
		width: 30%;
		margin: 20px auto;
	}
	#howitworks .container p {
		margin-top: 0;
	}
	#howitworks #get-btn,
	#custreview #get-btn,
	#brushtech #get-btn {
		width: max-content;
		margin: 10px auto 10px auto;
		position: unset;
	}
	#custreview img {
		display: block;
		margin: 30px auto 15px;
		width: 20%;
	}
	#productslist .col .product-details h3 {
		margin-bottom: 10px;
	}
	#productslist .col .product-details p {
		padding: 5px 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	#productslist .product-details .buybox {
		width: 90%;
		margin: 20px auto;
		border: 2px solid #a7c1d2;
		border-radius: 15px;
		padding: 5px;
		text-align: center;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}
/* IPAD PRO PORTRAIT */
@media only screen 
and (min-device-width :1024px) 
and (max-device-width :1366px) 
and (orientation:portrait)
{
	.container {
		width: 100%;
	}
	#header img {
		width: 20%;
		display: block;
		margin: 10px auto 10px auto;
	}
	#intro-bg .leftcol h2 {
		font-size: 32px;
	}
	#intro-bg .leftcol {
		position: relative;
		top: 70px;
		text-align: left;
		padding-left: 10%;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol,
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief img {
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	#howitworks #steps-img .steps-blck {
		width: 30%;
		margin: 20px auto;
	}
	#howitworks .container h3 {
		font-size: 16px;
		margin: 15px auto 10px auto;
		min-height: 40px;
	}
	#howitworks .container p {
		margin-top: 0;
	}
	#custreview img {
		display: block;
		margin: 30px auto 15px;
		width: 20%;
	}
	#howitworks #get-btn,
	#custreview #get-btn,
	#brushtech #get-btn {
		width: max-content;
		margin: 10px auto 10px auto;
		position: unset;
	}
	#productslist .col .product-details h3 {
		margin-bottom: 10px;
	}
	#productslist .col .product-details p {
		padding: 5px 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	#productslist .product-details .buybox {
		width: 80%;
		margin: 20px auto;
		border: 2px solid #a7c1d2;
		border-radius: 15px;
		padding: 15px 5px;
		text-align: center;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}
/* IPAD PRO LANDSCAPE */
@media only screen 
and (min-device-width :1024px) 
and (max-device-width :1366px) 
and (orientation:landscape)
{
	.container {
		width: 100%;
	}
	#header img {
		width: 20%;
		display: block;
		margin: 10px auto 10px auto;
	}
	#intro-bg .leftcol h2 {
		font-size: 30px;
	}
	#intro-bg .leftcol {
		position: relative;
		top: 80px;
		text-align: left;
		padding-left: 10%;
	}
	#brief .leftcol .leftcol, #brief .rightcol .leftcol,
	#brief .leftcol .rightcol, #brief .rightcol .rightcol {
		width: 100%;
	}
	#brief img {
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	#howitworks #steps-img .steps-blck {
		width: 30%;
		margin: 20px auto;
	}
	#howitworks .container h3 {
		font-size: 16px;
		margin: 15px auto 10px auto;
		min-height: 40px;
	}
	#howitworks .container p {
		margin-top: 0;
	}
	#howitworks #get-btn,
	#custreview #get-btn,
	#brushtech #get-btn {
		width: max-content;
		margin: 10px auto 10px auto;
		position: unset;
	}
	#custreview img {
		display: block;
		margin: 30px auto 15px;
		width: 20%;
	}
	#productslist .col .product-details h3 {
		margin-bottom: 10px;
	}
	#productslist .col .product-details p {
		padding: 5px 20px;
		margin-bottom: 5px;
		margin-top: 5px;
	}
	#productslist .product-details .buybox {
		width: 90%;
		margin: 20px auto;
		border: 2px solid #a7c1d2;
		border-radius: 15px;
		padding: 5px;
		text-align: center;
	}
	#inner-tech-box img, #inner-tech-box {
		display: block;
		margin: 10px auto;
		text-align: center;
	}
}
/* TABLET AND UP */
@media (min-width:768px)
{
	.container {
		width: 100%;
	}
}
/* DESKTOP */
@media (min-width:800px) and (max-width:1399px)
{
}
/* WIDE, BUT BEFORE WIDESCREEN */
@media (min-width:1200px)
{
	.container {
		max-width: 1200px;
		width: 100%;
	}
}
/* WIDESCREEN */
@media (min-width:1400px)
{
	.container {
		max-width: 1200px;
		width: 100%;
	}
}
