/* ----- NB landscape  ------ */
@media (max-width: 1600px) {
	.content-3 {
		background:url(../images/bg-section3.png) no-repeat -462px top;
	}
}
@media (min-width: 801px) and (max-width:1130px) {
    .container .menu-category {
        padding:0 15px;
    }
    .content-1 .main-search .container .menu-category .bx-wrapper .slider2 .slide {
    }
    .content-1 .main-search .container .menu-category .bx-wrapper .bx-viewport {
        height:auto !important;
    }
    .content-1 .main-search .container .menu-category .bx-wrapper a.bx-prev {
        left:-13px;
        top:13px;
    }
    .content-1 .main-search .container .menu-category .bx-wrapper a.bx-next {
        right:-25px;
        top:13px;
    }
    .content-1 .main-search .container .menu-category h3 a {
        font-size:25px;
        line-height:20px;
        text-align:center;
        background:none;
        border:none;
        border-radius:0;
    }
    .content-1 .main-search .container .menu-category h3 a:hover {
        background:none;
        border:none;
    }
    .content-2 {
        background-position: -260px bottom !important;
    }
    .content-2 .content-wrapper .content {
        max-width: 72%;
    }
    footer {
        background:none;
    }
    footer .footer-wrapper .contact {
        background:#13a156;
        height:auto;
        padding:15px !important;
        text-align:left;
    }
    footer .footer-wrapper .contact p {
        display:block;
    }
    footer .footer-wrapper .contact p span{
        display:block;
        margin:0 0 0 20px;
    }
    footer .footer-wrapper .address {
        display:none;
    }
    footer .footer-wrapper .sitemap {
        width:100%;
        float:left;
        padding:10px 0;
    }
    footer .footer-wrapper .sitemap ul {
        float:left;
        margin:0 0 0 -5px;
    }
    footer .footer-wrapper .sitemap ul li {
        float:left;
    }
    footer .footer-wrapper .sitemap span {
        margin:0 0 0 13px;
        float:left;
    }
    footer .footer-wrapper .contact img {
        margin:5px 4px 0 0;
    }
}
/* ----- ipad landscape  ------ */
@media (max-width: 1024px) {
	header {
		height:auto;
	}
	header .main-container .logo-easybills {
		margin:0px 0 0 0;
	}
	.content-1 .main-search {
		padding:0 15px;
		box-sizing:border-box;
	}
	.content-1 .main-search .container .menu-category ul li {
		margin:0 20px 0 0;
	}
	.ih-item.circle .img {
		left:0;
	}
	.content-2 {
		background:url(../images/bg-section2.png) no-repeat -150px bottom ;
	}
	.content-3 {
		background:url(../images/bg-section3.png) no-repeat -780px top;
	}
	footer .footer-wrapper .sitemap,
	footer .footer-wrapper .address {
		padding:20px 15px;
	}
	footer .footer-wrapper .contact {
		padding:5px 0;	
	}
	footer .footer-wrapper .contact p {
		width:40%;
		text-align:left;
		display:inline-block;
	}
	footer .footer-wrapper .contact img {
		margin:2px 4px 0 0;
	}
	.ih-item.circle .img {
		left:0 !important;
		margin:0 auto;
	}
	#fav-bill .fav-ribbon {
		left:13px;
		display:none;
	}
	.new-calendar .repeat:hover {
		background:#13a157;
		color:#fff;
	}
	.content-1 .intro .step-wrapper img {
		width:10%;
	}
	.content-1 .main-product .container .product .panel2 p {
		width:100%;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number img {
		margin:5px 0 0 2px;
		float:left;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number span {
		margin:5px 0 0 5px;
	}
	.howtowork h3 {
		font-size:25px;
	}
	.howtowork p {
		text-align:left;
	}
}
/* ----- mobile landscape ipad ------ */
@media (max-width: 800px) {
	header {
		height:60px;
		z-index:20;
	}
	header .main-container .logo-easybills img {
		width:80%;
		height:auto;
		margin:0 auto;
	}
	header .main-container .m-right-wrapper {
		display:none;
	}
	.content-1 .intro .step-wrapper img {
		display:none;
	}
	.menu-button::before {
		background:url(../images/nav-menu-mob.png) no-repeat left top !important;
		top:69px !important;
	}
	.menu-button {
		height:1.25em !important;
		width:1.5em !important;
		margin: 66px 0 0 !important;
	}
	.content-1 .intro {
		height:35px;
	}
	.content-1 .intro .step-wrapper {
		padding:5px 0;
	}
	.content-1 .intro .step-wrapper .step {
		float:right;
	}
	.content-1 .intro .step-wrapper .step span.step1,
	.content-1 .intro .step-wrapper .step span.step2,
	.content-1 .intro .step-wrapper .step span.step3 {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:13px;
		margin:7px 0 0 0;
	}
	.content-1 .intro .step-wrapper .step ul li a.step-bullet1 span,
	.content-1 .intro .step-wrapper .step ul li a.step-bullet2 span,
	.content-1 .intro .step-wrapper .step ul li a.step-bullet3 span {
		background:url(../images/step-bullet-mob.png) no-repeat top left;
		width:10px;
		height:10px;
		margin:5px 1px;
	}
	.content-1 .intro .step-wrapper .step ul li a.active span {
		background:url(../images/step-bullet-mob-active.png) no-repeat top left;
	}
	.content-1 .main-search {
		float:left;
	}
	.content-1 .main-search .container {
		max-width:100%;
		float:left;
		padding:5px 10px;
	}
	.content-1 .main-product {
		float:left;
	}
	.ih-item.circle .img {
		left:26%;
	}
	.content-1 .main-search .container .search {
		height:100px;
	}
	.content-1 .main-search .container .search .search-form {
		margin:10px 0 20px 0;
	}
	.content-1 .main-search .container .search .search-form .search-box {
		/*font-family: 'kanitlight', 'zawgyi-one';*/
		font-size:34px;
		line-height:20px;
		height:auto;
		padding:0 10px 0 40px;
		width:100%;
		background:url(../images/icon-search-mob.png) no-repeat 5px 6px;
		background-size:20px 20px;
		border-left:none;
		border-bottom:1px solid #fff;
		margin:0;
	}
	.content-1 .main-search .container .search .search-form .search-icon {
		display:none;
	}
	.container .menu-category {
		padding:0 15px;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper .slider2 .slide {

	}
	.content-1 .main-search .container .menu-category .bx-wrapper .bx-viewport {
		height:auto !important;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper a.bx-prev {
		left:-13px;
		top:13px;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper a.bx-next {
		right:-25px;
		top:13px;
	}
	.content-1 .main-search .container .menu-category h3 a {
		font-size:25px;
		line-height:20px;
		text-align:center;
		background:none;
		border:none;
		border-radius:0;
	}
	.content-1 .main-search .container .menu-category h3 a:hover {
		background:none;
		border:none;
	}
	.content-1 .main-product {
		background:#fff;
	}
	.content-1 .main-product .container .product {
		padding:0;
	}
	.ih-item.circle {
		margin:17px 0 20px 0;
	}
	.content-1 .main-product .container .product .panel1 a h4.name {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:15px;
		height:15px;
		overflow:hidden;
		width:100%;
		text-overflow:ellipsis;
	}
	.ih-item.circle.effect17 .info p {
		margin:45px 0 0 0px;
		padding:3px 5px;
	}
	.content-1 .main-product .container .product .panel2 {
		top:85px;
		height:395px
	}
	.content-1 .main-product .container .product .panel3 {
		top:80px;
		height:450px;
	}
	/* Content 2 */
	
	.content-2 {
		background:#fff;
		border-top:1px solid #ccc;
		height:auto;
		padding:15px 0;
	}
	.content-2 .content-wrapper {
		height:auto;
	}
	.content-2 .content-wrapper .content {
		padding:0;
		float:left;
		margin:15px;
		max-width:90%;
	}
	.content-2 .content-wrapper .content h2 {
		font-size:30px;
		line-height:30px;
		text-align:center;
	}
	.content-2 .content-wrapper .content .download-wrapper .download {
		width:70%;
		float:left;
	}
	.content-2 .content-wrapper .content .download-wrapper .download p {
		margin:0 0 5px 16px;
		font-size:20px;
		line-height:20px;
	}
	.content-2 .content-wrapper .content .download-wrapper img {
		float:left;
		width:14%;
	}
	
	.content-3 {
		background:#fff;
		height:auto;
		padding:15px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.content-3 .content-wrapper {
		height:auto;
	}
	.content-3 .content-wrapper .content {
		max-width:100%;
		padding:0 15px;
		margin:0;
	}
	.content-3 .content-wrapper .content h2 {
		font-size:30px;
		line-height:30px;
	}
	.content-3 .content-wrapper .content ul {
		margin:0;
		width:100%;
	}
	.content-3 .content-wrapper .content ul li {
		width:25%;
		margin:10px 0 0 0;
	}
	.content-3 .content-wrapper .content ul li img {
		margin:0 auto;
		width:50%;
	}
	.content-3 .content-wrapper .content ul li h3 {
		font-size:15px;
		line-height:15px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-3 .content-wrapper .content ul li p {
		display:none;
	}
	.content-4 .content-wrapper .content {
		max-width:100%;	
	}
	.content-4 .content-wrapper .content h2 {
		font-size:30px;
		line-height:30px;
	}
	.content-4 .content-wrapper .content p {
		padding:0 15px;
		text-align:left;
	}
	footer {
		background:none;
	}
	footer .footer-wrapper .contact {
		background:#13a156;
		height:auto;
		padding:15px;
		text-align:left;
	}
	footer .footer-wrapper .contact p {
		display:block;
	}
	footer .footer-wrapper .contact p span{
		display:block;
		margin:0 0 0 20px;
	}
	footer .footer-wrapper .address {
		display:none;
	}
	footer .footer-wrapper .sitemap {
		width:100%;
		float:left;
		padding:10px 0;
	}
	footer .footer-wrapper .sitemap ul {
		float:left;
		margin:0 0 0 -5px;
	}
	footer .footer-wrapper .sitemap ul li {
		float:left;
	}
	footer .footer-wrapper .sitemap span {
		margin:0 0 0 13px;
		float:left;
	}
	footer .footer-wrapper .contact img {
		margin:5px 4px 0 0;
	}
	.content-1 .main-product .container .product .panel2 img,
	.content-1 .main-product .container .product .panel3 img,
	.pay-result .product .panel4 img  {
		width:70px;
		height:70px;
		position:relative;
		left:50%;
		margin-left:-35px;
		margin-bottom:10px;
	}
	.content-1 .main-product .container .product .panel3 img {
		margin-bottom:5px;
	}
	.pay-result .product .panel4 img {
		margin-bottom:5px;
	}
	.content-1 .main-product .container .product .panel2 p,
	.content-1 .main-product .container .product .panel3 p ,
	.pay-result .product .panel4 h3 {
		width:100%;
		font-size:12px;
		line-height:20px;
		font-family: 'kanitlight', 'zawgyi-one';
		font-weight:bold;
		display:none;
	}
	.content-1 .main-product .container .product .panel2 .input-digit {
		width:100%;
	}
	.content-1 .main-product .container .product .panel2 .input-digit .contract_ac {
		width:90%;
		font-size:23px;
		line-height:23px;
	}
	.content-1 .main-product .container .product .panel2 a.help {
		margin:-3px 0 0 0;
	}
	.content-1 .main-product .container .product .panel2 .input-button {
		width: 100%;
	}
	.content-1 .main-product .container .product .panel2 a.change-biller {
		width:100%;
	}
	.content-1 .main-product .container .product .panel2 a.enter-creditcard {
		float:left;
	}
	.content-1 .main-product .container .product .panel3 .detail {
		margin:0;
		padding:0 0 5px;
	}
	.content-1 .main-product .container .product .panel3 .detail ul li {
		font-size:13px;
		line-height:20px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-1 .main-product .container .product .panel3 .detail ul li span b {
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-1 .main-product .container .product .panel3 .detail ul li span.head,
	.content-1 .main-product .container .product .panel3 .detail ul li span.result {
		width:50%;
	}
	.content-1 .main-product .container .product .panel3 .detail ul li span b.numberic {
		margin:0 5px 0 0;
		width:80px;
	}
	.content-1 .main-product .container .product .panel3 .stored-card {
		margin:0;
	}
	.content-1 .main-product .container .product .panel3 .stored-card span {
		font-size:13px;
		line-height:20px;
		font-weight:bold;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card {
		margin:0;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card {
		width:100%;
	}
	.bx-wrapper .bx-viewport {
		height: 45px !important;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .slide {
		width: 223px !important;	
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number img{
		margin:7px 10px 0 0;
		left:0;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number span {
		font-size:20px;
		line-height:20px;
		margin:7px 0 0 0;
		float:left;
	}
	.content-1 .main-product .container .product .panel3 .credit-form span {
		font-size:13px;
		line-height:20px;
		font-family: 'kanitlight', 'zawgyi-one';
		font-weight:bold;
		margin:0;
	}
	.content-1 .main-product .container .product .panel3 .credit-form h4 {
		font-size:25px;
		line-height:25px;
		margin:10px 0 0 0;
	}
	.content-1 .main-product .container .product .panel3 .credit-form input {
		margin:10px 0 0  0 !important;
	}
	.content-1 .main-product .container .product .panel3 .credit-form input.credit-card-number,
	.content-1 .main-product .container .product .panel3 .credit-form input.month, 
	.content-1 .main-product .container .product .panel3 .credit-form input.year, 
	.content-1 .main-product .container .product .panel3 .credit-form input.cvv,
	.content-1 .main-product .container .product .panel3 .credit-form input.email {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:13px;
	}
	.content-1 .main-product .container .product .panel3 .credit-form a.pay-btn {
		margin:10px 0;
		padding:7px 0 5px 0;
		height:35px;
		width:200px;
		font-size:20px;
	}
	.content-3 {
		background:none;
		height:auto;
		padding:15px 0;
	}
	.content-3 .content-wrapper {
		height:auto;
	}
	.content-3 .content-wrapper .content {
		max-width:100%;
		padding:20px 15px;
	}
	.content-3 .content-wrapper .content h3 {
		font-size:30px;
		line-height:30px;
	}
	.pay-result .product {
		padding:15px 0;
	}
	.pay-result .product .panel4 h3 {
		text-align:center;
		margin:10px 0 0 0;
	}
	.pay-result .product .panel4 .detail {
		padding:0 0 10px;
	}
	.pay-result .product .panel4 .detail ul li span.head {
		width:50%;
	}
	.pay-result .product .panel4 .detail ul li span.result {
		width:50%;
	}
	.pay-result .product .panel4 .detail ul li span b.numberic {
		margin:0 10px 0 0;
		text-align:right;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.pay-result .product .panel4 .detail ul li {
		font-size:13px;
		line-height:17px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.pay-result .product .panel4 .detail ul li span b {
		font-family: 'kanitlight', 'zawgyi-one';
		font-weight:bold;
	}
	.pay-result .product .panel4 .detail-credit-card ul li {
		font-size:13px;
		line-height:17px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.pay-result .product .panel4 .detail-credit-card ul li span.head,
	.pay-result .product .panel4 .detail-credit-card ul li span.result {
		width:50%;
	}
	.pay-result .product .panel4 .detail-credit-card ul li span.result {
		text-align:left;
	}
	.pay-result .product .panel4 .detail-credit-card ul li span.result img {
		left:0;
		width:20%;
		height:auto;
	}
	.pay-result .product .panel4 .name-fav-wrapper {
		width:100%;
		margin:0;
	}
	.pay-result .product .panel4 .name-fav-wrapper .name-fav {
		width:83%;
	}
	.pay-result .product .panel4 .add-bill-fav .add-chk {
		margin:0;
	}
	.pay-result .product .panel4 .add-bill-fav span {
		margin:0 0 0 15px;
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:13px;
	}
	.pay-result .product .panel4 a.back-btn {
		height:35px;
		font-size:20px;
		width:160px;
	}
	.bx-wrapper .bx-prev {
		left:-34px;
	}
	.bx-wrapper .bx-next {
		right:-41px;
	}
	
	/* --------- Another page ---------- */
	.register ul.right-side {
		width:100%;
	}
	.register h2 {
		font-size:30px;
		line-height:30px;
		margin:20px 0;
		font-weight:bold;
	}
	.register p.intro-success {
		font-size:25px;
		line-height:25px;
		margin:10px 0;
		font-weight:bold;
	}
	.register p.detail {
		margin:0 0 10px 0;
	}
	.register .download-wrapper .download {
		width:100%;
	}
	.register .download-wrapper .download a.app-store {
		margin:0 10px 0 0;
	}
	.ih-item.circle .info {
		left:4% !important;
	}
	#fav-bill .fav-ribbon {
		left:227px;
		display:none;
	}
	#fav-bill .item-wrap {
		margin:0 0 15px 0;
		background:url(../images/content-tab-bg.jpg) no-repeat bottom center;
		padding:0 0 10px 0;
	}
	#fav-bill .edit-name { 
		width:93%;
	}
	#pay-history .sort-by {
		width:100%;
	}
	#pay-history ul {
		width:100%;
	}
	#pay-history ul li span {
		width:50%;
	}
	#pay-history img {
		margin:0 15px 0 0;
	}
	#pay-history .detail {
		margin: 10px 0 0 0;
	}
	#pay-history .detail h3,
	#pay-history .detail p {
		margin:0;
	}
	#calendar .sort-by {
		width:100%;
	}
	#calendar ul {
		width:100%;
	}
	#calendar ul li span {
		width:50%;
	}
	#calendar img {
		margin:0 15px 0 0;
	}
	#calendar .detail {
		margin: 10px 0 0 0;
	}
	#calendar .detail h3,
	#calendar .detail p {
		margin:0;
	}
	#paging ul li {
		padding:0 8px;
	}
	#setting select, #setting select.country {
		width:100%;
		margin:5px 0;
	}
	#setting .btn-save, #setting .btn-cancel {
		width: 125px;
	}
	#setting ul.right-side {
		width: 100%;
	}
	.change-country h1 {
		font-size:35px;
		line-height:30px;
	}
	.change-country p {
		font-size:20px;
		line-height:20px;
	}
	.new-calendar h1 {
		font-size:40px;
		line-height:40px;
	}
	.new-calendar p {
		font-size:20px;
		line-height:20px;
	}
	.new-calendar h3 {
		font-size:25px;
		line-height:25px;
		text-align:center;
		margin:10px 0 0 0;
	}
	.new-calendar .input-digit {
		width:100%;
	}
	.new-calendar a.help {
		margin:0;
	}
	.new-calendar .input-digit .contract_ac {
		width:85%;
		font-size:25px;
	}
	.new-calendar .input-digit .contract_ac {
		width:85%;
		font-size:25px;
	}
	.new-calendar select {
		width:100%;
	}
	.new-calendar ul {
		margin:0 0 0 0;
	}
	.new-calendar li {
		width: 50%;
		margin:10px 0 0 0;
	}
	.new-calendar select.type {
		margin:10px 0;
		width: 100%;
	}
	.new-calendar a.back-btn {
		width: 100px;
	}
	.new-calendar a.add-btn {
		width: 140px;
	}
	footer .footer-wrapper .contact img {
		margin:0 4px 0 0;
	}
	.content-1 .main-search .container .search .search-form .search-content {
		right:24px;
		top:49px;
		width:90%;
		padding:10px 20px;
	}
	.content-1 .main-search .container .search .search-form .search-content ul li{
		font-size:20px;
		line-height:25px;
	}
	footer .footer-wrapper .contact p {
		width:100%;
	}
	.account .intro {
		height:35px;
		padding:7px 0;
	}
	.account .intro h1 {
		font-size:25px;
		text-align:right;
	}
	.howtowork img{
		width:50%;
	}
	.howtowork h3 {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:20px;
		font-weight:bold;
	}
	.howtowork p {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:11px;
		text-align:left;
	}
	.howtowork p:hover,
	.howtowork p:active {
		height:200px;
	}
	#stored-card .edit-form p.card-num {
		width:70%;
	}
}
/* ----- mobile portrait ipad ------ */
@media (max-width: 767px) {
	header .main-container .logo-easybills img {
		width:45%;
		height:auto;
		margin:0 auto;
	}
	.ih-item.circle .img {
		left:15%;
	}
	.account .nav-tabs > li > a {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:13px;
		margin:0 6px;
		padding:5px;
	}
	#fav-bill .ih-item.circle .img {
		width:70px;
		height:70px;
		margin:0 auto;
	}
	#fav-bill .ih-item.circle.effect17 .info p {
		font-size:13px;
		line-height:13px;
		margin:25px 0 0 -3px;
	}
	#fav-bill .add-bill img{
		width:70px;
		height:70px;
		margin:0 auto;
	}
	.account .tab-content > .tab-pane {
		padding:0;
	}
	#fav-bill a span.name {
		padding:0 5px;
	}
	
}
/* ----- mobile landscape iphone 6, 6+ ------ */
@media (max-width: 414px) {
	header {
		height:60px;
		z-index:20;
	}
	header .main-container .logo-easybills img {
		width:65%;
		height:auto;
		margin:0 auto;
	}
	header .main-container .m-right-wrapper {
		display:none;
	}
	
	.content-1 .intro .step-wrapper img {
		display:none;
	}
	.menu-button::before {
		background:url(../images/nav-menu-mob.png) no-repeat left top !important;
		top:69px !important;
	}
	.menu-button {
		height:2em !important;
		width:3em !important;
		margin: 66px 0 0 !important;
	}
	.content-1 .intro {
		height:35px;
	}
	.content-1 .intro .step-wrapper {
		padding:5px 0;
	}
	.content-1 .intro .step-wrapper .step {
		float:right;
	}
	.content-1 .intro .step-wrapper .step span.step1,
	.content-1 .intro .step-wrapper .step span.step2,
	.content-1 .intro .step-wrapper .step span.step3 {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:16px;
		line-height:13px;
		margin:7px 0 0 0;
	}
	.content-1 .intro .step-wrapper .step ul {
		margin:5px;
	}
	.content-1 .intro .step-wrapper .step ul li {
		margin:0 2px;
	}
	.content-1 .intro .step-wrapper .step ul li a.step-bullet1 span,
	.content-1 .intro .step-wrapper .step ul li a.step-bullet2 span,
	.content-1 .intro .step-wrapper .step ul li a.step-bullet3 span {
		background:url(../images/step-bullet-mob.png) no-repeat top left;
		width:10px;
		height:10px;
		margin:5px 1px;
	}
	.content-1 .intro .step-wrapper .step ul li a.active span {
		background:url(../images/step-bullet-mob-active.png) no-repeat top left;
	}
	.content-1 .main-search {
		float:left;
	}
	.content-1 .main-search .container {
		max-width:100%;
		float:left;
		padding:5px 10px;
	}
	.content-1 .main-product {
		float:left;
	}
	.content-1 .main-search .container .search {
		height:100px;
	}
	.content-1 .main-search .container .search .search-form {
		margin:10px 0 20px 0;
	}
	.content-1 .main-search .container .search .search-form .search-box {
		font-size:20px;
		line-height:35px;
		height:auto;
		padding:0 10px 0 40px;
		width:100%;
		background:url(../images/icon-search-mob.png) no-repeat 5px 6px;
		background-size:20px 20px;
		border-left:none;
		border-bottom:1px solid #fff;
		margin:0;
	}
	.content-1 .main-search .container .search .search-form .search-icon {
		display:none;
	}
	.container .menu-category {
		padding:0 15px;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper .slider2 .slide {
		width:160px !important;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper .bx-viewport {
		height:auto !important;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper a.bx-prev {
		left:-13px;
		top:8px;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper a.bx-next {
		right:-25px;
		top:8px;
	}
	.content-1 .main-search .container .menu-category h3 a {
		font-size:16px;
		line-height:16px;
		text-align:center;
		background:none;
		border:none;
		
		border-radius:0;
	}
	.content-1 .main-search .container .menu-category h3 a:hover {
		background:none;
		border:none;
	}
	.content-1 .main-product {
		background:#fff;
	}
	.content-1 .main-product .container .product {
		padding:0;
	}
	.ih-item.circle {
		/*margin:17px 0 20px 0;*/
	}
	.ih-item.circle .img {
		left:26%;
		width:70px;
		height:70px;
		border: 2px solid #11a051;
	}
	.content-1 .main-product .container .product .panel1 a h4.name {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:14px;
		line-height:14px;
		height:15px;
		overflow:hidden;
		width:100%;
		text-overflow:ellipsis;
	}
	.ih-item.circle.effect17 .info p {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:10px;
		line-height:10px;
		margin:25px 0 0 -5px;
		padding:3px 5px;
	}
	.content-1 .main-product .container .product .panel2 {
		top:85px;
		height:395px
	}
	.content-1 .main-product .container .product .panel3 {
		top:80px;
		height:470px;
	}
	
	/* Content 2 */
	
	.content-2 {
		background:#fff;
		border-top:1px solid #ccc;
		height:auto;
		padding:15px 0;
	}
	.content-2 .content-wrapper {
		height:auto;
	}
	.content-2 .content-wrapper .content {
		padding:0;
		float:left;
		margin:15px;
		max-width:90%;
	}
	.content-2 .content-wrapper .content h2 {
		font-size:20px;
		line-height:35px;
		text-align:center;
	}
	.content-2 .content-wrapper .content p {
		font-size: 16px; 
		line-height: 25px;
	}
	.content-2 .content-wrapper .content .download-wrapper .download {
		width:80%;
		float:left;
	}
	.content-2 .content-wrapper .content .download-wrapper .download p {
		margin: 0px 0 9px 8px;
		font-size: 16px;
		line-height: 20px;
	}
	.content-2 .content-wrapper .content .download-wrapper img {
		float:left;
		width:14%;
	}
	.content-2 .content-wrapper .content .download-wrapper .download a.app-store {
		margin:0 10px 5px;
		background:url(../images/icon-app-store-mini.png) no-repeat top left;
		width:75px;
		height:24px;
	}
	.content-2 .content-wrapper .content .download-wrapper .download a.google-play {
		margin:0;
		background:url(../images/icon-play-store-mini.png) no-repeat top left;
		width:75px;
		height:24px;
	}
	.content-2 .content-wrapper .content a.play-vdo {
		font-size:16px;
	}
	.content-3 {
		background:#fff;
		height:auto;
		padding:15px 0;
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
	}
	.content-3 .content-wrapper {
		height:auto;
	}
	.content-3 .content-wrapper .content {
		max-width:100%;
		padding:0 15px;
		margin:0;
	}
	.content-3 .content-wrapper .content h2 {
		font-size:20px;
		line-height:35px;
	}
	.content-3 .content-wrapper .content ul {
		margin:0;
		width:100%;
	}
	.content-3 .content-wrapper .content ul li {
		width:100%;
		margin:10px 0 0 0;
	}
	.content-3 .content-wrapper .content ul li img {
		margin:0 auto;
		width:20%;
	}
	.content-3 .content-wrapper .content ul li h3 {
		font-size:16px;
		line-height:25px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-3 .content-wrapper .content ul li p {
		display:none;
	}
	.content-4 .content-wrapper .content {
		max-width:100%;	
	}
	.content-4 .content-wrapper .content h2 {
		font-size:20px;
		line-height:35px;
	}
	.content-4 .content-wrapper .content p {
		font-size:16px;
		line-height:25px;
		padding:0 15px;
		text-align:left;
	}
	footer {
		background:none;
	}
	footer .footer-wrapper .contact {
		background:#13a156;
		height:auto;
		padding:15px;
		text-align:left;
	}
	footer .footer-wrapper .contact p {
		display:inline-block;
		font-size:14px;
	}
	footer .footer-wrapper .contact p span{
		display:block;
		margin:0 0 0 20px;
	}
	footer .footer-wrapper .address {
		display:none;
	}
	footer .footer-wrapper .sitemap {
		width:100%;
		float:left;
		padding:10px 0;
	}
	footer .footer-wrapper .sitemap ul {
		float:left;
		margin:0 0 0 -5px;
	}
	footer .footer-wrapper .sitemap ul li {
		float:left;
	}
	footer .footer-wrapper .sitemap span {
		margin:0 0 0 13px;
		float:left;
	}
	footer .footer-wrapper .contact img {
		margin:5px 4px 0 0;
	}
	.content-1 .main-product .container .product .panel2 img,
	.content-1 .main-product .container .product .panel3 img,
	.pay-result .product .panel4 img  {
		width:70px;
		height:70px;
		position:relative;
		left:50%;
		margin-left:-35px;
		margin-bottom:10px;
	}
	.content-1 .main-product .container .product .panel3 img {
		margin-bottom:5px;
	}
	.pay-result .product .panel4 img {
		margin-bottom:5px;
	}
	.content-1 .main-product .container .product .panel2 p,
	.content-1 .main-product .container .product .panel3 p ,
	.pay-result .product .panel4 h3 {
		width:100%;
		font-size:12px;
		line-height:20px;
		font-family: 'kanitlight', 'zawgyi-one';
		font-weight:bold;
		display:none;
	}
	.content-1 .main-product .container .product .panel2 .input-digit {
		width:100%;
	}
	.content-1 .main-product .container .product .panel2 .input-digit .contract_ac {
		width:90%;
		font-size:16px;
		line-height:25px;
	}
	.content-1 .main-product .container .product .panel2 a.help {
		margin:-3px 0 0 0;
	}
	.content-1 .main-product .container .product .panel2 .input-button {
		width: 100%;
	}
	.content-1 .main-product .container .product .panel2 a.change-biller {
		width:100%;
	}
	.content-1 .main-product .container .product .panel2 a.enter-creditcard {
		float:left;
	}
	.content-1 .main-product .container .product .panel3 .detail {
		margin:0;
		padding:0 0 5px;
	}
	.content-1 .main-product .container .product .panel3 .detail ul li {
		font-size:13px;
		line-height:20px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-1 .main-product .container .product .panel3 .detail ul li span b {
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-1 .main-product .container .product .panel3 .detail ul li span.head,
	.content-1 .main-product .container .product .panel3 .detail ul li span.result {
		width:50%;
	}
	.content-1 .main-product .container .product .panel3 .detail ul li span b.numberic {
		margin:0 5px 0 0;
		width:80px;
	}
	.content-1 .main-product .container .product .panel3 .stored-card {
		margin:0;
	}
	.content-1 .main-product .container .product .panel3 .stored-card span {
		font-size:13px;
		line-height:20px;
		font-weight:bold;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card {
		margin:0;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card {
		width:100%;
	}
	.bx-wrapper .bx-viewport {
		height: 45px !important;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .slide {
		width: 223px !important;	
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number img{
		margin:7px 10px 0 0;
		left:0;
	}
	.content-1 .main-product .container .product .panel3 .stored-card .credit-card .card-number span {
		font-size:20px;
		line-height:20px;
		margin:7px 0 0 0;
		float:left;
	}
	.content-1 .main-product .container .product .panel3 .credit-form span {
		font-size:13px;
		line-height:20px;
		font-family: 'kanitlight', 'zawgyi-one';
		font-weight:bold;
		margin:0;
	}
	.content-1 .main-product .container .product .panel3 .credit-form h4 {
		font-size:25px;
		line-height:25px;
		margin:10px 0 0 0;
	}
	.content-1 .main-product .container .product .panel3 .credit-form input {
		margin:10px 0 0  0 !important;
	}
	.content-1 .main-product .container .product .panel3 .credit-form input.credit-card-number,
	.content-1 .main-product .container .product .panel3 .credit-form input.month, 
	.content-1 .main-product .container .product .panel3 .credit-form input.year, 
	.content-1 .main-product .container .product .panel3 .credit-form input.cvv,
	.content-1 .main-product .container .product .panel3 .credit-form input.email {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:13px;
	}
	.content-1 .main-product .container .product .panel3 .credit-form a.pay-btn {
		margin:20px 0 0 0;
		padding:7px 0 5px 0;
		height:35px;
		width:200px;
		font-size:20px;
	}
	.content-3 {
		background:none;
		height:auto;
		padding:15px 0;
	}
	.content-3 .content-wrapper {
		height:auto;
	}
	.content-3 .content-wrapper .content {
		max-width:100%;
		padding:20px 15px;
	}
	.content-3 .content-wrapper .content h3 {
		font-size:30px;
		line-height:30px;
	}
	.pay-result .product {
		padding:15px 0;
	}
	.pay-result .product .panel4 h3 {
		text-align:center;
		margin:10px 0 0 0;
	}
	.pay-result .product .panel4 .detail {
		padding:0 0 10px;
	}
	.pay-result .product .panel4 .detail ul li span.head {
		width:50%;
	}
	.pay-result .product .panel4 .detail ul li span.result {
		width:50%;
	}
	.pay-result .product .panel4 .detail ul li span b.numberic {
		margin:0 10px 0 0;
		text-align:right;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.pay-result .product .panel4 .detail ul li {
		font-size:13px;
		line-height:17px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.pay-result .product .panel4 .detail ul li span b {
		font-family: 'kanitlight', 'zawgyi-one';
		font-weight:bold;
	}
	.pay-result .product .panel4 .detail-credit-card ul li {
		font-size:13px;
		line-height:17px;
		font-family: 'kanitlight', 'zawgyi-one';
	}
	.pay-result .product .panel4 .detail-credit-card ul li span.head,
	.pay-result .product .panel4 .detail-credit-card ul li span.result {
		width:50%;
	}
	.pay-result .product .panel4 .detail-credit-card ul li span.result {
		text-align:right;
	}
	.pay-result .product .panel4 .detail-credit-card ul li span.result img {
		left:0;
		width:40%;
		height:auto;
	}
	.pay-result .product .panel4 .name-fav-wrapper {
		width:100%;
		margin:0;
	}
	.pay-result .product .panel4 .name-fav-wrapper .name-fav {
		width:83%;
	}
	.pay-result .product .panel4 .add-bill-fav .add-chk {
		margin:0;
	}
	.pay-result .product .panel4 .add-bill-fav span {
		margin:0 0 0 15px;
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:13px;
	}
	.pay-result .product .panel4 a.back-btn {
		height:35px;
		font-size:20px;
		width:160px;
	}
	.pay-result .product .panel4 a.back-btn {
		padding:0;
	}
	.bx-wrapper .bx-prev {
		left:-34px;
	}
	.bx-wrapper .bx-next {
		right:-41px;
	}
	
	/* --------- Another page ---------- */
	.register ul.right-side {
		width:100%;
	}
	.register h2 {
		font-size:30px;
		line-height:30px;
		margin:20px 0;
		font-weight:bold;
	}
	.register p.intro-success {
		font-size:25px;
		line-height:25px;
		margin:10px 0;
		font-weight:bold;
	}
	.register p.detail {
		margin:0 0 10px 0;
	}
	.register .download-wrapper .download {
		width:100%;
	}
	.register .download-wrapper .download a.app-store {
		margin:0 10px 0 0;
	}
	.ih-item.circle .info {
		left:4% !important;
	}
	#fav-bill .fav-ribbon {
		left:227px;
		display:none;
	}
	#fav-bill .item-wrap {
		margin:0 0 15px 0;
		background:url(../images/content-tab-bg.jpg) no-repeat bottom center;
		padding:0 0 10px 0;
	}
	#fav-bill .edit-name { 
		width:93%;
	}
	#pay-history .sort-by {
		width:100%;
	}
	#pay-history ul {
		width:100%;
	}
	#pay-history ul.function-payment li .animate,
	#pay-history ul.function-payment li .animate-out,
	#calendar ul.function-payment li .animate,
	#calendar ul.function-payment li .animate-out {
		bottom:5px;
	}
	#pay-history ul li span {
		width:50%;
	}
	#pay-history img {
		margin:0 auto;
		display:block;
		float:none;
	}
	#pay-history .detail {
		margin: 10px 0 0 0;
	}
	#pay-history .detail h3,
	#pay-history .detail p {
		margin:0;
	}
	#pay-history .sort-by span {
		font-size:16px;
	}
	#pay-history .sort-by select {
		font-size:16px;
		margin:-43px 0 0 0;
	}
	
	#calendar .sort-by {
		width:100%;
	}
	#calendar ul {
		width:100%;
	}
	#calendar ul li span {
		width:50%;
	}
	#calendar img {
		margin:0 15px 0 0;
	}
	#calendar .detail {
		margin: 10px 0 0 0;
	}
	#calendar .detail h3,
	#calendar .detail p {
		margin:0;
	}
	#calendar .sort-by span {
		font-size: 16px;
	}
	#calendar .sort-by select {
		font-size:16px;
		font-weight: normal;
		margin:-44px 0 0 0;
	}
	#paging ul li {
		padding:0 8px;
	}
	#setting select, #setting select.country {
		width:100%;
		margin:5px 0;
		font-size:16px;
	}
	#setting .btn-save, #setting .btn-cancel {
		width: 150px;
	}
	#setting ul.right-side {
		width: 100%;
	}
	.change-country h1 {
		font-size:35px;
		line-height:30px;
	}
	.change-country p {
		font-size:20px;
		line-height:20px;
	}
	.change-country ul li label {
		font-size:16px;
		line-height: 30px;
	}
	.new-calendar h1 {
		font-size:40px;
		line-height:40px;
	}
	.new-calendar p {
		font-size:20px;
		line-height:20px;
	}
	.new-calendar h3 {
		font-size:25px;
		line-height:25px;
		text-align:center;
		margin:10px 0 0 0;
	}
	.new-calendar .input-digit {
		width:100%;
	}
	.new-calendar a.help {
		margin:0;
	}
	.new-calendar .input-digit .contract_ac {
		width:85%;
		font-size:25px;
	}
	.new-calendar .input-digit .contract_ac {
		width:85%;
		font-size:25px;
	}
	.new-calendar select {
		width:100%;
	}
	.new-calendar ul {
		margin:0 0 0 0;
	}
	.new-calendar li {
		width: 50%;
		margin:10px 0 0 0;
	}
	.new-calendar select.type {
		margin:10px 0;
		width: 100%;
	}
	.new-calendar a.back-btn {
		width: 100px;
	}
	.new-calendar a.add-btn {
		width: 140px;
	}
	footer .footer-wrapper .contact img {
		margin:0 4px 0 0;
	}
	.content-1 .main-search .container .search .search-form .search-content {
		right:24px;
		top:49px;
		width:85%;
		padding:10px 20px;
	}
	.content-1 .main-search .container .search .search-form .search-content ul li {
		font-size:20px;
		line-height:25px;
	}
	.account .intro {
		height:35px;
		padding:7px 0;
	}
	.account .intro h1 {
		font-size:25px;
		line-height: 20px;
		text-align:right;
	}
	.howtowork img {
		width:50%;
	}
	.howtowork h3 {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:13px;
		line-height:20px;
		font-weight:bold;
	}
	.howtowork p {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:11px;
		text-align:left;
	}
	.howtowork p:hover,
	.howtowork p:active {
	height:230px;
	}
	.account .nav-tabs {
		max-width: 90%;
	}
	.account .nav-tabs > li > a {
		font-family: 'kanitlight', 'zawgyi-one';
		font-size:16px;
		line-height:30px;
		margin:0 6px;
		padding:5px;
	}
	#fav-bill .ih-item.circle .img {
		width:70px;
		height:70px;
		margin:0 auto;
	}
	#fav-bill .ih-item.circle.effect17 .info p {
		font-size:13px;
		line-height:13px;
		margin:25px 0 0 -3px;
	}
	#fav-bill .add-bill img{
		width:70px;
		height:70px;
		margin:0 auto;
	}
	#fav-bill a span.name {
		font-size:16px;
		line-height:35px;
	}
	#fav-bill a.cancel {
		font-size:16px;
	}
	.account .tab-content > .tab-pane {
		padding:0;
	}
	#setting h1 {
		font-size:20px;
		line-height:30px;
		margin:15px 0 0 0;
	}
	#setting ul li {
		margin:5px 0;
	}
	#setting ul li .txtbox {
		font-size:16px;
	}
	.register h1 {
		font-size:20px;
		font-weight:bold;
	}
	.register p {
		font-size:16px;
		line-height:25px;
	}
	.register ul li .txtbox {
		font-size:20px;
		line-height:20px;
		height:20px;
	}
	.register .btn-register {
		font-size:20px;
		line-height:20px;
		height:40px;
	}
	.register .check-wrap {
		margin:10px 0;
	}
	.register .check-wrap .save-chk {
		float:left;
		margin:5px 5px 0 0;
	}
	.register a.forgot {
		font-size:20px;
		line-height:20px;
		margin:0;
	}
	.register p.intro {
		font-size:25px;
		line-height:25px;
		margin:0;
	}
	.register a.fb {
		font-size:20px;
		line-height:20px;
		width:190px;
		padding:6px 0 0 0;
	}
	.register label {
		width:85%;
		float:left;
	}
	.register .register-form .save-chk {
		float:left;
		margin:5px 5px 0 0;
	}
	.register .register-form .code img {
		width:100%;
	}
	.register ul.right-side-login {
		border-top:1px solie #ccc;
		margin:0;
		width:100%;
	}
	.register p.intro-green {
		font-size:30px;
		line-height:20px;
	}
	#stored-card img {
		width: 100%;
    	margin: 15px auto;
	}
	#stored-card .detail-card p.name {
		font-size:16px;
	}
	#stored-card .detail-card p.card-num {
		font-size:14px;
	}
	#stored-card .edit-form .input-txt {
		margin:11px 20px 0 20px;
	}
}

/* ----- mobile portrait iphone 5 ------ */
@media (max-width: 375px) {
	header .main-container .logo-easybills img {
		width:80%;
		height:auto;
		margin:0 auto;
	}
	.ih-item.circle .img {
		left:20%;
	}
	.content-2 .content-wrapper .content .download-wrapper img {
		width:20%;
	}
	.content-1 .intro .step-wrapper .step ul {
		margin:4px 8px;
	}
	footer .footer-wrapper .contact img {
		margin:0 4px 0 0;
	}
	.howtowork img {
		width:70%;
	}
	.content-1 .main-search .container .menu-category .bx-wrapper .slider2 .slide {
		width:150px !important;
	}

}

/* ----- mobile portrait iphone 4------ */
@media (max-width: 320px) {
	header .main-container .logo-easybills img {
		width:100%;
		height:auto;
	}
	.ih-item.circle .img {
		left:0;
	}
	.content-2 .content-wrapper .content .download-wrapper img {
		width:22%;
	}
	.content-1 .intro .step-wrapper .step ul {
		margin:4px 10px;
	}
	#stored-card img {
		width:200%;
	}
	#stored-card .detail-card p.name,
	#stored-card .detail-card p.card-num,
	#stored-card .edit-form p.name,
	#stored-card .edit-form p.card-num {
		margin:0 10px;
		width:100%;
	}
	#stored-card .edit-form select,
	#stored-card .edit-form .input-txt {
		margin:5px 0 0 10px;
		width:100%;
	}
	#pay-history .sort-by select {
		width:74%;
	}
	#calendar .sort-by select {
		margin:-40px 0 0 0;
	}
	#calendar img {
		margin:0 15px 0 90px;
	}
	.history-detail {
		margin:10px 0;
	}
	.history-detail img {
		margin:0 0 10px -60px;
		position:relative;
		left:50%;
	}
	.history-detail h3 {
		font-size:25px;
		line-height:20px;
	}
	.history-detail .detail {
		border:none;
	}
	.history-detail .detail ul li,
	.history-detail .detail-credit-card ul li {
		border-bottom:1px solid #ccc;
		width:100%;
		padding:5px 0;
		float:left;
	}
	.history-detail .detail ul li span.head ,
	.history-detail .detail ul li span.result,
	.history-detail .detail-credit-card ul li span.head,
	.history-detail .detail-credit-card ul li span.result{
		width:100%;
	}
	.history-detail .detail-credit-card ul li span.result img {
		margin:5px 0;
	}
	.history-detail .detail ul li span.head,
	.history-detail .detail-credit-card ul li span.head {
		color:#13a156;
		font-weight:bold;
	}
	.history-detail .detail ul li span b.numberic {
		width: 75%;
		margin:0 5px 0 0;
	}
	.history-detail .detail-credit-card {
		margin:0;
	}
	.history-detail a.delete-btn {
		width:100px;
	}
	.history-detail a.back-btn {
		width:130px;
	}
}