@media only screen and (max-width:1500px){
   footer .logo {left:15px}
   footer .inner {padding-left:100px}
   #products .inner > div {max-width:50%}
   #products img {max-width:100%}
}
@media only screen and (max-width:1360px){ 
  #win .right {padding-left:50px}

}

@media only screen and (max-width:1340px){
  .circle {    width: 50%;    height: 75%; }
  .circle.c2 {top:100px}
   #portal-plus .circle {height: 57%;}

}

@media only screen and (max-width:1200px){
	#portal-plus .circle.c1 {top:120px}
	#portal-plus .circle.c2 {top:200px}
	
}

@media only screen and (max-width:1100px){
	#hero h1 {font-size:55px;line-height:1.2}
	#hero p {font-size:22px;line-height:1.3}
	#hero {height:600px}
	#hero img {max-width:50%}
	#c2l .right img {width:60%}
	#c2l h3 {font-size:35px}
	body {font-size:18px;line-height:26px}
	#c2l {height:580px}
	#coming h3, #products h2, #win h4 {font-size:48px;line-height:1.2}
	#products h4 {font-size:25px}
	  #products .hover .text h3 {line-height:38px;font-size:30px}
}
@media only screen and (max-width:1060px){
   footer {text-align:center}
   footer p {text-align:left}
   footer .logo {left:auto;right:auto;position:static}
   footer .inner {margin-top:30px;padding-top:30px;padding-left:0;border-top:1px solid #868e99}
}

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

   #products .hover .text h3 {font-size:24px;line-height:32px}
}

@media only screen and (max-width:768px){	
    #widget-portal {display:none}
	header {top:30px}
	header img {height:100%;width:200px}
	#hero {text-align:center;height:100%;padding:150px 0 50px 0}
	#hero .left {margin-bottom:60px}
	#hero img {width:100%;max-width:600px;position:static;left:0;right:0;bottom:0}
	#hero .flex {flex-direction:column}
	#c2l {text-align:center;height:100%;padding:50px 0 30px 0}
	#c2l .left {width:100%}
	#c2l .flex {flex-direction:column}
	#c2l .right {margin-top:50px;}
	#c2l .right img {position:static;width:100%;max-width:500px}
	#c2l .c2l {margin-left:auto} 
	#coming img {max-width:100%}
	#coming {background-size:250%}
	#win .flex {flex-direction:column}
	#win .flex > div {width:100%;text-align:center}
	#win .left img {width:100%;max-width:500px}
	#win p,#win h4 {max-width:100%}
	#win .left {padding-top:30px;order:2}
	#win .right {padding-left:0;order:1}
	#products .inner {flex-direction:column;align-items:center}
	#products .inner .left {margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #e1e1e1}
	#products .inner > div {width:100%}
	#products #portal-plus img.main {margin-top:0}
	#products #portal-go .why .left {padding-left:0}
	#products #portal-go .right{order:2}
	#products #portal-go .left {order:1;margin-bottom:50px !important}
	#products #portal-plus .right{margin-bottom:50px;order:1}
	#products #portal-plus .left {order:2}
	#products #portal-go .right {padding-left:0}
	#products #portal-go img.main {margin-top:0}
	#products .hover .left {border:0 !important;padding:0 !important;margin:0 !important}	#products p.back span {padding-top:18px;padding-bottom:18px}
	.circle.c1 {left:0;top:20px}
	.circle.c2 {top:40px}
	#portal-plus .circle {height:75%}
	#portal-plus .circle.c1 {top:0}
	#portal-plus .circle.c2 {top:50px}
  .light-video {width: 80%;}
}

@media only screen and (max-width:600px){
	#products .inner > div {max-width:100%}
	.facebook-presents {font-size:20px}
}

@media only screen and (max-width:480px){
	body{font-size:13px;line-height:20px}
	footer {font-size:10px;line-height:17px}
	.no-mobile {display: none;}
	#hero {padding: 130px 0 50px 0;text-align:center}
	#hero p br {display:none}
	#hero p br.show {display:inline-block;}
	#hero h1 {font-size:45px;line-height:1}
	#hero p {font-size:19px}
	.step2 #hero.form .container {padding:0}
	#hero .terms-container {margin-top:0}
	#hero.form #gform_page_1_2 {    height: 100vh;background:#fff}
	#products .view {background-image:url(images/view-plus-mobile.png)}
	#products .view.back {background-image:url(images/view-back2-mobile2.png)}
	.button {min-width:220px;height:40px;line-height:40px; font-size:15px}
	#hero .button {margin-top:20px}
	#c2l p br{display:none}
	#c2l .left img {max-width:250px;margin-bottom:-25px}
	#c2l h3 {padding:15px 0;font-size:22px;line-height:28px}
	#c2l .button {margin-top:20px}
	#coming {padding:50px 0 30px 0}
	#coming h3, #products h2, #win h4 {font-size:28px}
	#win {padding:50px 0}
	#products {padding:50px 0}
	#products .top h3 {font-size:30px}
	#products .why {padding-top:50px;padding-bottom:50px;margin-top:50px}
	#products .title {padding-bottom:50px}
	#products .why h3 {font-size:30px}
	#products #portal-plus .why .right {padding-left:0}
	#products ul li {padding-top:5px;padding-bottom:5px}
	#products .plogo {height:34px}
	#products .why .icons img {max-width:50px;margin-left:15px}
	
}