/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.suitablefor {
			margin-left: 5px;
			margin-right: 5px;
		}
		.circle-number-small {
			position: relative;
			left: 0px;
			top: 10px;
			display: block;
			margin: 0px auto 20px auto;
		}
		.circle-detail {
			top: 0px;
			margin: 0px;
			display: inline-block;
		}
		.vs_table .lnwpay_full_fee_type {
			line-height: 25px;
			min-height: 100px;
		}
		.vs_table .lnwpay_full_fee_type b{
			display: block;
		}
		.mobileHide {
			display: none;
		}
		.buy-hero {
			max-height: 500px;
		}
		.get-started-menu #desktop-menu {
				display: none;
		}
		.get-started-menu #mobile-menu {
				display: block;
		}
		.vs_table td {
			padding: 10px;
		}
		#menu-box {
			display: none;
			padding-top: 0px !important;
		}
		#lnwpayHome {
			position: static;
			left: 0px;
			top: 0px;
			padding-left: 0px;
		}
		#lb.showMenuBox {
			position: fixed;
			width: 100%;
			background: white;
		}
		#mini-menu-box {
				display: block;
		}
		#menu-box #menu {
			margin-top: 0px;
			width: 100%;
			border-bottom : 3px solid #294181
		}
		#menu-box #menu .menu-item-first{
			width: 100% !important;
		}
		#menu-box #menu .menu-item-first img {
			width: 100px;
		}
		#menu-box #menu .menu-item {
			text-align: center;
			width: 100%;
			box-sizing: border-box;
			height: auto;
			line-height: 40px;
			border-top: 1px solid rgba(255,255,255,0.25);
			font-size:1.2em;
			padding: 5px 10px;
		}
		#menu_bar, #menu_bar .row {
				position: relative;
				background-color: transparent;
		}
		#member-box #my-lnwpay-button .blue_button {
			background: white;
			color: #3553a5;
			border: 2px solid #3553a5;
		}
		
		/* intro */
		.text_header{
			font-size:1.8em;
		}
		.text_header_p{
			font-size:1.3em;
		}
		.slide-box{
//			height:400px;
			padding-bottom: 45%;
		}
		.slogan{
			font-size: 2.8em;
		}

		.content-box .regis-button{
			font-size: 1.3em;
			line-height: 36px;
			height: 40px;
			background-size: auto 30%;
		}
		.content-box .omega .white_a{
			font-size: 0.9em;
		}
		.icon-diamond{
			width: 30px;
			height: 30px;
		}
		/* end intro */
		.headline{
			font-size:2.2em;
		}
		.headline-text{
			font-size:1.4em;
		}
		.field.top80{
			padding-top:40px;
		}
		.buypart .field.top80{
			padding-top:20px;
		}
		.field-text{
			font-size:1.2em;
		}
		.buy-overall .arrow .horizantal{
			display:inline;
		}
		.buy-overall .arrow .vertical{
			display:none;
		}
		.buy-overall .pic2 img{
			margin:22px 0;
		}
		.buy-banner{
			height:350px;
			padding-top:85px;
		}
		.buy-banner .headertext{
			font-family:'district_prothin';
			font-size:45px;
			color:white;
			margin-bottom: 35px;
		}
		.buy-banner .subtext{
			font-family:'district_prothin';
			font-size:25px;
			line-height:1.3em;
			color:white;
		}

        .buy-pic, .easy-pay, .buyer-protection, .point-hero, .buy-hero, .sell-hero, .sell-pay, .bank-pic {
            width: 100%;
            left: 1%;
            background-size: contain;
            background-position: auto !important;
        }
        .buy-pic { background-position-y: 100px !important; }
        .easy-pay { background-position-y: 0px !important;  position: relative;}
        .buyer-protection { background-position-y: 0px !important; }
        .buy-hero { background-position-y: 100px !important; }
				.point-hero { background-position-y: 100px !important; }
        .sell-hero { top: 20px; background-position-y: 0px !important; }
        .sell-pay {
            right: 0px;
            background-position-y: 30px !important;
        }
        .bank-lv1, .bank-lv2, .bank-lv3 {
            background-position-y: 150px !important;
        }
        .section-1 .clear20, .section-2 .clear20 {
            min-height: 400px;
        }
        .section-3 .clear20 {
            min-height: 200px;
        }
        .section-4 .clear20 {
            min-height: 530px;
        }
        .buyer-screen {
            display: none;
        }
        .regis-center {
            font-size: 2vw;
        }
        .pricing {
            font-size: 70px;
        }
        .pricing-detail b {
            font-size: 30px;
        }
        .pricing-detail span {
            font-size: 13px;
        }
		.choiceArea .selectArea .style_description {
/*			width: 100%;*/
			padding: 0;
			box-sizing: border-box;
			margin-left: 0px;
			width: calc(100% - 170px);
		}
		.choiceArea .selectArea.active .style_description {
			width: 100%;
			padding-left: 25px;
			padding-top: 5px;
		}
		.choiceArea .selectArea .style_description img.provider-logo {
			padding-top: 0px;
		}
		.error-zone .mobileHide {
			display: none !important;
		}
		.choiceArea .selectArea .style_choice {
			width: 20px;
		}
		.choiceArea .contentZone {
			padding: 0px 20px;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.header-page h1.bigH1 { 
			font-size: 40px; 
			line-height: 40px;
		}
		
		/* intro */
		.slideshow .left,
		.slideshow .right{
			text-align:center;
		}
		.content-box .regis-button{
			margin: 20px auto 10px;
			width: auto;
			max-width: 240px;
		}
		.regis-center {
				margin-top: 20px;
				font-size: 3vw;
		}
		.text_header{
			font-size: 1.2em;
		}
		.text_header img{
			height: 14px;
		}
		.text_header_p{
			font-size: 0.9em;
		}
		.content-box {
			height: auto;
		}
		.slide-box{
			padding-bottom: 60%;
		}
		/* end intro */
		
		.footer .right,.footer .footer-detail,.footer .footer-menu{
			text-align: center;
		}
		.footer .footer-menu li{
			padding:0 10px;
		}

		.buy-overall .arrow .horizantal{
			display: none;
		}
		.buy-overall .arrow .vertical{
			display:inline;
		}
		.buy-overall .pic2 img{
			margin:0;
		}
		.buy-banner{
			height:280px;
			padding-top:70px;
		}
		.buy-banner .headertext{
			font-family:'district_prothin';
			font-size:35px;
			color:white;
			margin-bottom: 22px;
		}
		.buy-banner .subtext{
			font-family:'district_prothin';
			font-size:22px;
			line-height:1.2em;
			color:white;
		}
		.buy-easy p,.buy-easy h2{
			text-align: center;
		}
        .rightmobile {
            float:right !important;
        }
        .imac-frame {
			width: 100%;
			height: auto;
			position: relative;
			background: none;
            left: 0px;
        }
        .feedback-pic {
			position: relative;
			width: 100%;
			left: 0px;
			top: 0px;
            background-position-y: 0px !important;
        }
        .section-2.imac_container .clear20 {
            min-height: 700px;
        }
        .pricing {
            font-size: 70px;
			width: 100%;
			text-align: center
        }
		.pricing b{
			display: block;
		}
		.pricing-detail {
			width: 100%;
		}
        .pricing-detail b {
            font-size: 13px;
			text-align: center;
			margin: 0px auto;
        }
        .pricing-detail span {
            font-size: 13px;
        }
        .pricing-box {
            position: relative;
            padding: 0px 0px !important;
        }
        .pricing-box h3 {
            font-size: 20px;
        }
        .pricing-padding {
            padding: 30px 15px 20px 15px;
        }
		.pin_container {
			width: 100%;
			padding: 0px;
			margin-bottom: 20px;
		}
		.reset_pin_notice {
			width: 100%;
			padding: 20px;
			box-sizing: border-box;
			margin-bottom: 20px;
		}
		.pin_title, .pin_form {
			width: 260px;
			padding: 0px;
		}
		.pin_notice_box {
			position: relative;
			margin-bottom: 20px;
		}
		.reset_pin_notice{
			max-width: none;
		}
		.imac-frame2 {
			width: 100%;
			background: none;
			height: auto;
		}
		.imac-frame2 img {
			margin: 30px auto;
		}
		.buy-pic,
		.easy-pay,
		.buyer-protection,
		.buy-hero,
		.point-hero,
		.sell-pay,
		.sell-hero,
		.lnwpay-shield,
		.bank-pic{
			max-width: 340px;
			margin: 0 auto;
			left: 0;
			right: 0;
			background-position-y: 0px !important;
		}
		.buyer-protection{
			max-width: 380px;
		}
		.buy-hero{
			max-width: 400px;
			background-position-y: 100px !important;
		}
		.point-hero{
			background-position-y: 100px !important;
		}
		.redeempoints-pic{
			background-position-y: -300px !important;
			height: 650px;
		}
		.lnwpay-shield{
			height: 350px;
			width: 100%;
		}
		.bank-pic{
			max-width: 400px;
			height: 350px;
		}
		.section-2.bank-bg .clear20{
			min-height: 300px;
		}
		.section-4.imac_container .clear20{
			min-height: 0;
		}
		.section-divide2 .container{
			width: 100%;
		}
		.section-divide2 .container.reviewBannerBig{
			padding-bottom: 30px;
		}
		.menu-submenu ul {
			padding: 0px;
		}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
/*
        .buy-pic { background-position-y: 0px !important; }
        .easy-pay { background-position-y: -180px !important; }
        .buyer-protection { background-position-y: -20px !important;  top: -20px;}
        .buy-hero { background-position-y: 40px !important; width: 80% }
		.point-hero { background-position-y: 40px !important; }
        .sell-hero { top: 20px; background-position-y: 0px !important; }
*/
	}


	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.top60,.container.top60,
		.top70,.container.top70,
		.top80,.container.top80, 
		.top90,.container.top90,
		.top100,.container.top100
		{
			padding-top:50px;
		}
		.top150,.container.top150 {
			padding-top: 100px;
		}

		.bottom50,.container.bottom50,
		.bottom60,.container.bottom60,
		.bottom70,.container.bottom70,
		.bottom80,.container.bottom80,
		.bottom90,.container.bottom90,
		.bottom100,.container.bottom100{
			padding-bottom:50px;
		}
		
		.memberchoiceArea .choiceorderArea {
			padding: 0px 10px 0px 10px;
		}
		.choiceArea .selectArea {
/*			padding: 0px 10px;*/
			padding: 0 0 0 10px;
		}
		.choiceArea .selectArea.active {
			padding: 0 10px;
		}
		.choiceArea .selectArea .style_description {
			padding-top: 0;
		}
		.choiceArea .headerZone {
			padding: 15px 0px;
		}
		.sell-hero { top: 60px;}
		.section-4 .clear20 {
				min-height: 370px;
		}
		.section-4.imac_container .clear20{
			min-height: 20px !important; 
		}
		.regis-blue-button {
				padding: 0px;
		}
		.regis-center {
				margin-top: 20px;
				font-size: 5vw;
		}
		.header-page {
			padding: 20px 0px;
		}
		.header-page h1 {
      font-size: 25px;
			display: inline-block;
			font-weight: bold;
			line-height: inherit;
			margin: 0;
		}
		.header-page h2 {
				font-size: 20px;
				display: inline-block;
				line-height: inherit;
				margin: 0;
		}
		.mini-header-page{
			padding: 10px 0;
		}
		h2.headline {
				font-size: 1.9em;
		}
		.headline{
/*          margin-bottom:20px;*/
				font-size:1.5em;
				line-height: 1.4em;
		}
		.headline-text{
/*           font-family: 'rsulight';*/
				color:#818181;
				font-size:1.4em;
				line-height: 1.5em;
		}
		.field-ul-text, .field-text {
				font-family: sans-serif;
				font-size: 13px;
		}
		#logo-box img {
			 height: 20px;
		}
/*
		.text_header{
			font-size:1.4em;
			line-height: 2em;
		}
		.text_header_p{
			font-size: 1.3em;
		}
		.slide-box{
			height:250px;
		}
*/
		#menu-box #menu .menu-item{
			font-size: 1.2em;
			padding: 5px 10px;
		}
		#menu-box,#logo-box {
			text-align:center;
		}
		#menu-box{
			margin-top:10px;
		}
		.footer .right,.footer .footer-detail{
			text-align: center;
		}
		.slide-left, .slide-right {
			width: 50px;
			display: block !important;
			-webkit-animation: arrow_fade 10s; 
			animation: arrow_fade 10s;
		}
		.slogan, .slogan2, .slogan3 {
				font-size: 1.8em;
				margin-top: 0;
				width: 80%;
		}
		.slogan_detail {
				font-size: 0.7em;
				margin-top: 10px;
		}

		.intro_shopping {
				background-size: auto 70%;
		}
		.intro_selling {
				
		}

		@-webkit-keyframes arrow_fade {
				0% { opacity: 0;}
				80% { opacity: 0;}
				100% { opacity: 100;}
		}

		@keyframes arrow_fade {
				0% { opacity: 0;}
				80% { opacity: 0;}
				100% { opacity: 100;}
		}
		@-webkit-keyframes intro_anima_shopping {
			0% {
				background-size: auto 200%;
			}
			100% {
				background-size: auto 70%;
			}
		}

		@keyframes intro_anima_shopping {
			0% {
				background-size: auto 200%;
			}
			100% {
				background-size: auto 70%;
			}
		}

/*
        @-webkit-keyframes intro_anima_shopping {
            0% {background-size:  2516px 682px;}
            100% {background-size: 1000px 271px;}
        }

        @keyframes intro_anima_shopping {
            0% {background-size:  2516px 682px;}
            100% {background-size: 1000px 271px;}
        }

        @-webkit-keyframes intro_anima_selling {
            0% {background-position: center 500px;}
            100% {background-position: center 130px;}
        }

        @keyframes intro_anima_selling {
            0% {background-position: center 500px;}
            100% {background-position: center 130px;}
        }
*/

        .mobile_br {
            display: block;
            clear: both;
        }

		.footer .footer-menu li{
			padding:0 10px;
            margin: 15px auto;
            display: inline-block;
            font-size: 14px;
		}
        .buy-hero { max-width: 300px; background-position-y: 40px !important; }
        .buy-bg .clear20 {
            min-height: 300px;
        }
        .section-fee .headline {
            font-size: 1.3em !important;
        }
        .section-fee .headline-text {
            font-size: 1em !important;
        }


        #why_page h2 {
            line-height: 40px !important;
            font-size: 25px !important;
        }
        .prompt .scale-with-grid, #why_support_container {
            height: auto !important;
            position: relative !important;
        }
        #why_free > div {
            margin-left: 0px !important;
        }
        .list-features li {
            margin: 0px !important;
            padding: 0px !important;
        }
        .prompt .column.offset-one-third-left {
            margin-left: 0px;
        }
		.vs_table .lnwpay_full_fee_type {
			font-size: 12px;
		}
		.bank-pic{
			max-width: 350px;
			height: 350px;
		}
		.sell-pay{
			max-width: 280px;
		}
		.point-hero{
			background-position-y: 50px !important;
		}
		.section-2.bank-bg .clear20{
			min-height: 250px;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/