@media only screen and (max-width: 767px){

html, body { font-size: 16px; }
input, select, textarea { font-size: 16px; }

	/* my container */
	.mycontainer { padding: 0px 15px; margin: auto; max-width: 100%; }
	
	#headerWrapper { padding: 13px 0; }
	.headerArea .search { margin: 0px 0 0px 0; }
	
	.mm-menu { background: #45a532; }
	.mobilemenuArea { display: block; }
	.mobilemenubtn { width: 40px; height: 40px; line-height: 44px; font-size: 27px; color: #45a532; text-align: center; position: absolute; top: 10px; right: 15px; border: 1px solid #45a532; }

	/* logo area */
	.logoArea { width: 180px; }
	
	/* menu area */
	.menuArea { display: none; }
	
	.loginArea { display: none; }
	
	/* banner area */

	.bannerArea {display:block; overflow: auto;}
	.bannerArea .item { padding: 20px 0; width: 100%; height: auto; }

	.bannerArea .item h2 { padding: 0px; font-size: 58px; text-align: center; }
	.bannerArea .item em { font-size: 60px; }
	.bannerArea .item .text { padding: 17px 0 0; text-align: center; }
	.bannerArea .item p { padding: 5px; font-size: 22px; text-align: center;  }
	.bannerArea .item a.btn { padding: 7px 15px; font-size: 22px; }
	.bannerArea .item img.bannerman { width: 300px; margin: 0px auto; display: block; overflow; }
	.bannerArea .bannerman1 { display:none; }
	.bannerArea .bannerman2 { display:block; }
	.bannerArea .item p:last-child { padding: 13px 0 0 0; display: block; text-align: center; }
	
	/* poker area */
	.pokerArea { padding: 0; }
	.pokerArea .item {  padding: 30px 0 0; }
	.pokerArea h2 { padding: 13px 0 0; font-size: 30px; }
	.pokerArea iframe { width: 100%; }
	.pokerArea img.pokerimgshadow { top: 0; }
	
	/* who area */
	.whoArea { padding: 30px 0 ; }
	.whoArea h2 { font-size: 30px; }
	.whoArea figure { width: 130px; height: auto; }
	.whoArea .item { padding: 0 0 13px; }
	.whoArea p { margin: 0 0 10px; font-size: 16px; }
	
	/* quisquam area */
	.quisquamArea { padding: 40px 0 15px; font-size: 18px; position: relative; }
	.quisquamArea h2 { padding: 23px 0px; font-size: 30px; color: #000; text-align: center; }
	.quisquamArea p { margin: 0 0 13px; }
	.quisquamArea .item h3 { font-size: 19px; }
	.quisquamArea .item p {  font-size: 18px; }
	.quisquamArea .lineimg1 { display: none; }
	.quisquamArea .lineimg2 { display: none; }
	.quisquamArea .monthly { padding: 10px 15px; }
	.quisquamArea a.btn { padding: 7px 23px; }
	.quisquamArea .webinarbefore { display: block; }
	.quisquamArea .webinarafter { display: none; }


	/* paying area */
	.payingArea { padding: 30px 0; }
	.payingArea h2 { padding: 17px 0; font-size: 24px; }
	.payingArea ul li { padding: 0 0 0 30px; line-height: 27px; position: relative; font-size:21px; font-weight: normal; }
	.payingArea img.payingcricle { position: absolute; left: 0; }
	
	/* should area */
	.shouldArea { padding: 30px 10px; }
	.shouldArea h2 { font-size: 30px; }
	.shouldArea p { padding: 0 10px; font-size: 18px; line-height: 23px; text-align: left; }
	.shouldArea h3 { padding: 0 0 11px; font-size: 22px; }
	.shouldArea .item { margin: 0 4px 13px ; width: 47%;}
	.shouldArea .item iframe { height: auto; }
	.shouldArea .item p { font-size: 14px; line-height: 23px; }
	.shouldArea .item .shouldangleimg { padding: 8px 9px 0 0; font-size: 22px; }
	
	
	/* testimonials area */
	.testimonialsArea { padding: 40px 0; }
	.testimonialsArea h2 { padding: 13px 0; font-size: 30px; }
	.testimonialsArea .item p { font-size: 14px; line-height: 23px; }
	.testimonialsArea .item { padding: 10px; }
	.testimonialsArea .item:after { display: none; }
	.testimonialsArea .jhone { padding: 15px 30px 17px; }
	.testimonialsArea .item i { padding: 0 0 6px; font-size: 22px; }

	
	/* pricing area */
	.pricingArea { padding: 40px 0 20px; }
	.pricingArea h2 { padding: 13px 0; font-size: 30px; }
	.pricingArea h3 { padding: 30px; font-size: 30px; min-height: auto; }
	.pricingArea .item { padding: 0 0 30px; margin: 0 0 30px; }
	.pricingArea ul li { padding: 0 0 0 43px; }
	.pricingArea ul li:after { left: 15px; }
	.pricingArea a.btn { padding: 7px 17px; font-size: 16px; margin-top: 13px; }
	.pricingArea .item { min-height: auto; }
	.pricingArea .item:hover { -webkit-transition: 1.30s ease-in-out; transform: scale(1.0, 1.0); }
	.pricingArea h4 { margin: 7px 0 0; font-size: 22px; }
	.pricingArea .free:first-child h3 { padding: 13px; }
	
	/* seen area */
	.seenArea { padding: 40px 0 13px; }
	.seenArea h2 { padding: 0 0 13px; font-size: 36px; }
	.seenArea ul { width: 100%; display: inline-block; }
	.seenArea ul li { margin: 0 0 23px; width: 100%; text-align: center; }
	.seenArea ul li img { width: 290px; }

	/* moneyback area */
	.moneybackArea { padding: 30px; width: 100%; float: left; text-align: center; }
	.moneybackArea .mycontainer { padding: 0; }
	.moneybackArea h2  { padding: 13px 0px 40px 0px; font-size: 30px; color: #000; }
	.moneybackArea h3 { padding: 0 0 17px; font-size: 30px; color: #222222; font-family: 'ProximaNovaBold'; }
	.moneybackArea p { padding: 0 5px; line-height: 33px; font-size: 20px; color: #1d1b1b; text-align: left; }

	/* faq area */
	.faqArea { padding: 40px 0 23px; }
	.faqArea h2 { font-size: 30px; }
	.faqArea .panel-title > a { padding: 8px; font-size: 13px; }
	.faqArea a.btn { padding: 7px 15px; margin: 0 auto 10px auto; font-size: 16px; }
	
	/* copyright area */
	.copyrightArea { margin: 0 0 15px; }
	.copyrightArea p { margin: 113px 0 0; }
	.copyrightArea img.footerlogo { left: 0; right: 0; margin: 0 auto; top: 23px; }
	
}


@media only screen and (min-width: 768px) and (max-width:991px){
  
	html, body { font-size: 16px; }
	input, select, textarea { font-size: 14px; }
	
	/* logo area */
	.logoArea { width: 170px; }
	
	/* menu area */
	.menuArea { padding: 2px 0 0; }
	.menuArea ul li { padding: 0 0 0 7px; }
	.menuArea ul li a { padding: 18px 10px 0;; font-size: 14px; }
	
	/* login area */
	.loginArea  { padding: 2px 0 0; }
	.loginArea ul li a {  padding: 24px 19px; font-size: 16px; }
	.loginArea ul li { padding: 0 0 0 7px; }
	
	/* banner area */
	.bannerArea .item .text { padding: 20px 0 0 ; }
	.bannerArea .item h2 { padding: 0px; font-size: 55px; }
	.bannerArea .item em { padding: 0px; font-size: 55px; }
	.bannerArea .item p { font-size: 25px; }
	.bannerArea .item { height: auto; }
	.bannerArea .bannerman1 { display:block; }
	.bannerArea .bannerman2 { display:none; }

	/* poker area */
	.pokerArea { padding: 30px 0; }
	.pokerArea h2 { padding: 7px 0; font-size: 30px; }
	.pokerArea .item { padding: 30px 0 0; }
	.pokerArea iframe { height: auto; }
	.pokerArea img.pokerimgshadow { top: -10px; }
	.pokerArea .videoWrapper { margin-top: 30px; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
	.pokerArea .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	
	/* who area */
	.whoArea { padding: 0 0 40px 0; }
	.whoArea h2 { padding: 13px 0; font-size: 30px; }
	.whoArea figure { width: auto; height: auto; }
	.whoArea .item { padding: 0; }
	.whoArea h3 { padding: 17px 0 0; font-size: 28px; }
	.whoArea p { margin: 7px 0 23px 0; font-size: 16px; }
	
	/* quisquam area */
	.quisquamArea { padding: 40px 0; }
	.quisquamArea .item h3 { padding: 0 0 13px; font-size: 28px; }
	.quisquamArea .item p { font-size: 19px; }
	.quisquamArea .lineimg1 { top: 572px; }
	.quisquamArea .lineimg2 { padding: 26px; bottom: 430px; }
	.quisquamArea .quisquamAreaLeft { display: none; }
	.quisquamArea .quisquamAreaRight { display: block; }
		

	/* paying area */
	.payingArea { padding: 40px 0; }
	.payingArea h2 { padding: 0 0 13px; font-size: 30px; }
	.payingArea ul li { padding: 0 0 0 30px; line-height: 27px; position: relative; font-size:21px; font-weight: normal; }
	
	/* should area */
	.shouldArea { padding: 40px;}
	.shouldArea h2 { font-size: 30px; }
	.shouldArea p { padding: 0 10px; font-size: 20px; line-height: 25px; text-align: left; }
	.shouldArea .item { width: 48%; }
	.shouldArea .item h4 { padding:  0 0 0 10px; font-size: 18px; text-align: left; }
	
	/* testimonials area */
	.testimonialsArea { padding: 40px 0; }
	.testimonialsArea h2 { font-size: 30px; }
	.testimonialsArea .item p { font-size: 16px; }
	.testimonialsArea iframe { height: 216px; }
	.testimonialsArea .item::after { top: 216px; }
	.testimonialsArea .jhone { padding: 30px 10px 0; }
	
	/* pricing area */
	.pricingArea { padding: 40px 0; }
	.pricingArea h2 { font-size: 30px; }
	.pricingArea h3 { font-size: 25px; min-height: auto; }
	.pricingArea ul li::after { top: 0; left: 10px; }
	.pricingArea ul li { padding: 0px 0px 0px 37px; font-size: 18px; line-height: 30px; }
	.pricingArea .item { padding: 0 0 40px; min-height: auto; }
	.pricingArea .price1 { margin-top: 142px; }
	.pricingArea .price2 { margin-top: 81px; }
	.pricingArea .price3 { margin-top: 20px; }
	.pricingArea a.btn { padding: 3px 17px; margin-top: 20px; font-size: 23px; }

	
	/* seen area */
	.seenArea { padding: 40px 0 30px; }
	.seenArea ul { text-align: center; }
	.seenArea ul li { margin: 0 0 30px; float: none; display: inline-block; }
	.seenArea ul li img { width: 290px; }
	
	/* moneyback area */
	.moneybackArea { padding: 30px; width: 100%; float: left; text-align: center; }
	.moneybackArea .mycontainer { padding: 0; }
	.moneybackArea h2  { padding: 13px 0px 40px 0px; font-size: 30px; color: #000; }
	.moneybackArea h3 { padding: 0 0 17px; font-size: 30px; color: #222222; font-family: 'ProximaNovaBold'; }
	.moneybackArea p { padding: 0 5px; line-height: 27px; font-size: 23px; color: #1d1b1b; text-align: left; }

	/* faq area */
	.faqArea { padding: 40px 0; }
	
} 

@media only screen and (min-width: 992px) and (max-width:1189px){
		
	/* logo area */
	.logoArea { width: 240px; }
		
	/* banner area */
	.bannerArea .item .text { padding: 20px 0 0 ; }
	.bannerArea .item h2 { padding: 0px; font-size: 55px; }
	.bannerArea .item em { padding: 0px; font-size: 55px; }
	.bannerArea .item p { font-size: 25px; }
	.bannerArea .item { height: auto; }
	.bannerArea .bannerman1 { display:block; }
	.bannerArea .bannerman2 { display:none; }
		
	/* menu area */
	.menuArea { padding: 7px 0 0; }
	.menuArea ul li { padding: 0 15px 0 0; }

	/* login area */
	.loginArea { padding: 7px 0 0 0; }
	.loginArea ul li { padding: 0 0 0 15px; }
	.loginArea ul li a { padding: 27px 19px; }
	
	/* poker area */
	.pokerArea h2 { font-size: 36px; }
	.pokerArea .item { padding: 30px 0 0; }
	.pokerArea .videoWrapper { margin-top: 30px; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
	.pokerArea .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	/* who area */
	.whoArea { padding: 0 0 40px 0; }
	.whoArea h2 { font-size: 36px; }
	.whoArea figure { width: auto; height: auto; }
	.whoArea .item { padding: 0 11px; }
	
	/* quisquam area */
	.quisquamArea { padding: 60px 20px; }
	.quisquamArea .lineimg1 { top: 660px; }
	.quisquamArea .lineimg2 { bottom: 515px; }
	.quisquamArea .item h3 { font-size: 29px; padding: 0 0 13px; }
	.quisquamArea .quisquamAreaLeft { display: none; }
	.quisquamArea .quisquamAreaRight { display: block; }
	
	/* paying area */
	.payingArea { padding: 40px 0; }
	.payingArea h2 { padding: 0 0 13px; font-size: 30px; }
	.payingArea ul li { padding: 0 0 0 30px; line-height: 38px; position: relative; font-size:25px; font-weight: normal; }
	
	/* should area */

	.shouldArea { padding: 40px;}
	.shouldArea h2 { font-size: 50px; }
	.shouldArea p { padding: 0 10px; font-size: 24px; line-height: 30px; text-align: left; }

	/* testimonials area */
	.testimonialsArea h2 { font-size: 36px; }
	.testimonialsArea iframe { height: 252px; }
	
	/* pricing area */
	.pricingArea ul li { padding: 0px 0px 0px 40px; font-size: 20px; line-height: 30px; }
	.pricingArea ul li:after { top: 0; }
	.pricingArea a.btn.btn1 { margin-top: 50px; }
	.pricingArea h3 span { font-size: 30px; }

	/* pricing area */
	.pricingArea { padding: 40px 0;}
	.pricingArea .item { min-height: auto; }
	.pricingArea h2 { font-size: 40px; }
	.pricingArea h3 { font-size: 35px; min-height: auto; }
	.pricingArea ul li::after { top: 0; left: 10px; }
	.pricingArea ul li { padding: 0px 0px 0px 37px; font-size: 18px; line-height: 35px; }
	.pricingArea .item { padding: 0 0 40px; min-height: auto; }
	.pricingArea a.btn { padding: 3px 17px; margin-top: 40px; font-size: 23px; }
	.pricingArea .price1 { margin-top: 162px; }
	.pricingArea .price2 { margin-top: 126px; }
	.pricingArea .price3 { margin-top: 20px; }
	.pricingArea a.btn { padding: 3px 17px; margin-top: 20px; font-size: 23px; }

	/* seen area */
	.seenArea { padding: 40px 0px; }
	.seenArea ul { text-align: center; }
	.seenArea ul li { margin: 0 0 30px; float: none; display: inline-block; }
	.seenArea ul li img { width: 200px; }

	.moneybackArea { padding: 30px; width: 100%; float: left; text-align: center; }
	.moneybackArea .mycontainer { padding: 0; }
	.moneybackArea h2  { padding: 13px 0px 40px 0px; font-size: 40px; color: #000; }
	.moneybackArea h3 { padding: 0 0 17px; font-size: 35px; color: #222222; font-family: 'ProximaNovaBold'; }
	.moneybackArea p { padding: 0 5px; line-height: 33px; font-size: 23px; color: #1d1b1b; text-align: left; }

	/* faq area */
	.faqArea { padding: 60px 109px; }
		
}

@media only screen and (min-width: 1189px){

	/* banner area */
	.bannerArea .item .text { padding: 20px 0 0 ; }
	.bannerArea .item h2 { padding: 0px; font-size: 75px; }
	.bannerArea .item em { padding: 0px; font-size: 75px; }
	.bannerArea .item p { font-size: 30px; }
	.bannerArea .item { height: auto; }
	.bannerArea .bannerman1 { display:block; }
	.bannerArea .bannerman2 { display:none; }

	/* who area */
	.whoArea { padding: 0 0 40px 0; }
	.whoArea h2 { font-size: 36px; }
	.whoArea figure { width: auto; height: auto; }
	.whoArea .item { padding: 0 11px; }

	/* poker area */
	.pokerArea .videoWrapper { margin-top: 30px; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
	.pokerArea .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.pokerArea iframe { height: auto; }
	.pokerArea { padding: 60px 60px; width: 100%; float: left; }
	.pokerArea .item { padding: 73px 68px 0 68px; text-align: center; }
	.pokerArea img.pokerimg { max-width: 100%; height: auto; margin: 0 auto; }
	.pokerArea h2 { padding: 17px 0 13px; font-size: 64px; color: #000; }
	.pokerArea p { font-size: 18px; color: #3b3b3b; line-height: 28px; }


	/* quisquam area */
	.quisquamArea { padding: 60px 20px; }
	.quisquamArea .lineimg1 { top: 660px; }
	.quisquamArea .lineimg2 { bottom: 515px; }
	.quisquamArea .item h3 { font-size: 29px; padding: 0 0 13px; }
	.quisquamArea .quisquamAreaLeft { display: none; }
	.quisquamArea .quisquamAreaRight { display: block; }

	
	/* paying area */
	.payingArea { padding: 40px 0; }
	.payingArea h2 { padding: 0 0 13px; font-size: 30px; }
	.payingArea ul li { padding: 0 0 0 30px; line-height: 38px; position: relative; font-size:25px; font-weight: normal; }


	/* testimonials area */
	.testimonialsArea .item:after { display:none; }
	.testimonialsArea iframe { height: 222px; }


	/* pricing area */
	.pricingArea { padding: 40px 0; }
	.pricingArea .item { min-height: auto; }
	.pricingArea h2 { font-size: 40px; }
	.pricingArea h3 { font-size: 35px; min-height: auto; }
	.pricingArea ul li::after { top: 0; left: 10px; }
	.pricingArea ul li { padding: 0px 0px 0px 37px; font-size: 18px; line-height: 35px; }
	.pricingArea .item { padding: 0 0 40px; min-height: auto; }
	.pricingArea a.btn { padding: 3px 17px; margin-top: 40px; font-size: 23px; }
	.pricingArea .price1 { margin-top: 113px; }
	.pricingArea .price2 { margin-top: 77px; }
	.pricingArea .price3 { margin-top: 40px; }
	.pricingArea a.btn { padding: 3px 17px; margin-top: 20px; font-size: 23px; }

	/* seen area */
	.seenArea { padding: 40px 0px; }
	.seenArea ul { text-align: center; }
	.seenArea ul li { margin: 0 0 30px; float: none; display: inline-block; }
	.seenArea ul li img { width: 250px; }

	.moneybackArea { padding: 30px; width: 100%; float: left; text-align: center; }
	.moneybackArea .mycontainer { padding: 0; }
	.moneybackArea h2  { padding: 13px 0px 40px 0px; font-size: 40px; color: #000; }
	.moneybackArea h3 { padding: 0 0 17px; font-size: 35px; color: #222222; font-family: 'ProximaNovaBold'; }
	.moneybackArea p { padding: 0 5px; line-height: 33px; font-size: 27px; color: #1d1b1b; text-align: left; }


}