@-ms-viewport{width:device-width;}
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}
.hidden-desktop{display:none !important;}
.visible-desktop{display:inherit !important;}

@media screen and (min-width: 768px) and (max-width: 1090px) {
	.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important ;} .visible-tablet{display:inherit !important;} .hidden-tablet{display:none !important;}}@media (max-width:767px){.hidden-desktop{display:inherit !important;} .visible-desktop{display:none !important;} .visible-phone{display:inherit !important;} .hidden-phone{display:none !important;} }
    .filter-main-wrap .filter-directory-panel{ max-width: 100%;}
    .filter-main-wrap .directory-btn-panel{float: right; margin-top: 20px; position: inherit;}
	
}

@media screen and (min-width: 1280px) and (max-width: 1900px) {
    .home-banner{background-size: 100% auto, cover; }
}
@media screen and (min-width: 1920px){
    .home-banner{background-size: 100% auto; padding-top:390px; }
}
@media screen and (min-width: 780px) and (max-width: 991px) {
	/*between 768px) and 991px*/
	#mobile-app.home-banner{background-position:top 72px center; padding-top:380px !important;}
	
	.order-list .order-tlt .order-no{margin-right:0;}
    .order-list .order-tlt .order-date{position:inherit;right: 0;top: 0;text-align:left;width:100%;float:left;}
    .order-list .order-details .order-col-fl, .transaction-list .order-details .status-order-col-fl{margin-right:0;}
    .order-list .order-details .order-details-col{width:100%;float:left;margin-bottom:10px}
    .order-list .order-details .order-details-fix-col.order-amount{ position:inherit;text-align:left;top:auto;right:auto}

    .search-form{padding-right:0;}
    .search-transac-panel{margin-right: 0;}
    .search-panel{margin-right: 0;margin-bottom: 10px;}
    .date-panel{float:left;position: inherit;width: 100%;}
    .search-btn{top: 47px;}
    
     .directory-list-row{padding-right:0px}
     .directory-list-row .directory-user-details{ margin-right:0;width:100%;float:left}
     .directory-list-row .directory-action{position:inherit;float:left;width:100%;top:0;margin-top:20px}
   
    .status-icon-box .tooltip-bottom:before, .status-icon-box.tooltip-bottom:after{ left: 300%;}
    .filter-btn{float: left;position: inherit;text-align: right;/*width: 100%;margin-top: 10px;*/}


    .transaction-list.transaction-status .order-tlt .order-no .invoice-link{float:left;width:100%;}
    .transaction-list.transaction-status .order-tlt .order-date{position:absolute;right: 20px;top: 33px;text-align:right;width:145px;}
    .transaction-list .tran-btn-wrap{width:100%;position:inherit;float:left;text-align:left;padding-top:10px}
    .transaction-list .tran-user-details{margin-right: 120px;}
    .transaction-list .tran-user-details .user-no{font-size:16px}
    .transaction-list .tran-user-details .user-name{font-size:13px}
    .transaction-list .tran-user-details .user-operator{font-size:12px}
    .transaction-list .tran-order-no-wrap{width:100%;float:left;border-top:1px solid #ced5dc;margin-right:0;padding-top:10px}
    /*.transaction-list .tran-order-no a.tran-link{float:right;width:auto}*/

    .transaction-list .tran-amount{padding-right:10px;padding-bottom:6px;font-size:15px;width:190px}
    .transaction-list .tran-amount .recharge-amt-lbl{font-size:13px;display:none}
    .transaction-list .tran-amount .recharge-amt{float:right}
    .transaction-list .tran-amount .convert-amt{float:left;width:100%;}
    .mobile-hide{display:none}

    .user-profile-info .change-pass-link{float: left; position: inherit;right: 0; top: 0;width: 100%;}
    

    .gocard-list{padding: 20px 0 20px 62px;}    
    .gocard-list .gocard-order-info{margin-right: 0;}
    .gocard-list .gocard-order-amt{position:inherit;width:100%;text-align: left;float:left;top:auto}
    .gocard-list .gocard-order-amt .gocard-amt-sub{ float:left;}
    .gocard-list .gocard-order-amt .grey-bor-m-btn.refund-tab{ margin-top:0;float:right}
    .gocard-list.gocard-mobile:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-dth:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-funded-from-failed:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-restored-failed:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-transfer-bank:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-funded:before{font-size:33px; width: 50px;}
    .gocard-list-wrap .topup-history-list .topup-row .topup-order-no{margin:10px 0 0 0;float:left;width:100%;}

    .aboutus-panel .bor-rht-lg{border-right: 0px;border-bottom: 1px solid #ccd4db;margin-bottom:20px}

    .contact-form .contact-lft-panel{margin-right:0;padding-right:0;width:100%;}
    .contact-form .contact-rht-panel{width:100%;position:inherit;padding-left:0;padding-top:30px;margin-top:30px; border-top:1px solid #dbdbdb}
    .contact-us-panel a{float:left}
    .contact-us-panel p{float:left;margin-left:20px}
	
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
	/*between 992px) and 1199px*/
   
}

@media screen and (max-width: 992px) {
     .home-content .recharge-step-txt .step-wrap-lg{ padding-left:0}
     .secure-panel .bor-rht-lg{border-right:0px}
     .bor-lft-rg{border-right:0px;}
     .footer-content .copyright-txt,.footer-content .footer-link-txt{text-align:center;display:inline}
}
@media screen and (max-width: 940px) {
.filter-panel .input-row{ float:left;width:100%;}
.filter-panel .input-row .input-col3{width:31.33%;float:left;margin-right:2%}

}
@media (max-width: 767px) {
   /*below 768px*/
.social-signup-panel {border-top: 1px solid #dbdfe2;border-left:0px; margin-top:30px;margin-left:0px;padding: 30px 0 31px 0;text-align:center;}
.social-signup-panel .or-txt {background: #fff;border-radius: 50%;color: #9fa6b2;width: 50px;height: 40px;left: 50%;line-height: 40px;margin-left: -25px; position: absolute;text-align: center;top: -20px;}

.row.popup-para .bor-lft-rg{border-right:0px solid #d7dee4;}
.popup-para-bot-bor{margin-bottom: 10px;}

#mobile-app.home-banner{background-position:top 72px center; padding-top:199px;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .mac-ios .transaction-result-wrap {
        min-height: 650px !important;
    }
	#mobile-app.home-banner{background-position:top 0px center; padding-top:473px !important;}
	
	.copyright .footer-content .social-links .icon{ margin-top:0px !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.home-banner{background-position: center 65px !important; background-size: auto 18% !important; padding-top: 265px;}
    .mac-ios .transaction-result-wrap {
        min-height: 875px !important;
    }
	#mobile-app.home-banner{background-position:top 72px center; padding-top:380px;}
	#mobile-app .home-bottom-content .appstore{ text-align:right !important; margin-top:17px;}
	#mobile-app .home-bottom-content .android{ text-align:left !important; margin-top:17px;}
	
	.copyright .footer-content .social-links .icon{ margin-top:0px !important;}
	
	/*.nav-top li{ margin-left:10px;}*/
	.header .goShop_btn{ width:12%; margin: 18px 0;}
	.header .goShop_btn a:link{display:inline-block;}
	.header .goShop_btn img{ width:100%; height:auto;}
	
	.bannerWrap .goShop_banner{width:40%; margin:0 15px 10px;}
	.bannerWrap .goShop_Banner img{ width:100%; height:auto;}
	.bannerWrap .banner_image{ float:left;}
	.bannerWrap .banner_image{ width:60%;}
	
	/*.goShop_Banner{width:auto; margin:0 15px 10px;}
	.goShop_Banner img{ width:100%; height:auto;}
	.goShop_Banner div{ float:left;}
	.goShop_action{width:19.7%; padding: 46.5px 0; background-size:auto 100%;}
	.goShop_action a{ width:90%; height:auto;}
	.goShop_action a img{ width:93%; height:auto;}
    .goShop_cart{ width:17.3%;}
	.goShop_cart img{ width:100%; height:auto;}
	.goShop_image{ width:63%;}*/

}


@media screen and (max-width: 780px) {
	/*below 780px*/
    /*.home-banner{background-position: center 42px; background-size: auto 14%;}*/
	.home-banner{background-position: center 71px; background-size: auto 9%;}
	.home-banner.unsubscribe{background-position: center 72px; background-size: auto 14%;}
    .transaction-result-wrap{ padding:50px 0 0;}


     .filter-main-wrap .filter-directory-panel{ max-width: 100%;}
    .filter-main-wrap .directory-btn-panel{float: right; margin-top: 0; position: inherit;top:0}

    .inside-rht-panel .rht-panel-pad{padding-left:15px;padding-right:15px}

    .desktop-hide{ display:block}
    .gocard-drop-down{position:inherit;float:left;padding:0 15px 10px;width:100%;top:auto;right:auto}
    .small-device-hide{ display:none}
    #transactionHistory .lft-menu-box, #directoryPage .lft-menu-box, #profilePage .lft-menu-box{display:none}
    /*.container-wrap{background:#fff;}*/
    .inside-content-wrapper{ padding:72px 0 0;background:#fff;}
    .inside-lft-panel{width:100%;}
    .inside-rht-panel{margin-left:0;float:left;width:100%;border-left:0px}
    .inside-lft-panel .lft-panel-pad{ padding:0px}
    h1.page-tlt{font-size:20px;color:#1e3145;padding:15px;background:#f7f8f8;border-bottom:1px solid #ccd4db;margin:0;}
    .inside-lft-panel .lft-menu-box{ border:0;margin-bottom:0}
   
    .logo{margin:23px 0 0 5px; padding:0}
    .logo a{font-size: 21px; line-height: 25px;padding-left: 44px;}
    .logo a span{font-size: 21px;left: 6px;}
    .noti-icon{right:50px;}
    .icon-logo:before{font-size: 58px; top:4px;}
    .icon-wrap{ display:none}
    .secure-panel .bor-rht-lg{ border-right:0}
	.footer-content{text-align:center;}
	.footer .footer-content{ text-align:center;}
	
   	.copyright .footer-content .copyright-txt{text-align:center; margin-bottom:20px; line-height:20px;}
  	.copyright .footer-content .social-links{text-align:center;}
	.copyright .footer-content .social-links .icon{ margin-top:10px;}
  
    .home-content .recharge-step-txt .step-wrap-lg{ padding-left:0}

    /*.nav-top a:hover{ background:#fff;color:#05131d}*/
    /*.form-content a:not(.fa):hover{ background:#2ea778;color:#fff;}*/


    .header .nav-top {margin-top:29px;margin-right:31px}
	.profile-pic {display:none}

    

.header {
	height: 72px;
	z-index: 2;	
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	
		/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.header h1 {
	color: #ffffff;
	text-align: center;
	padding-left: 0;
	display: block;
}
.burger {display: block;}


/*  Nav Drawer Layout  */
.burger{ right:15px} 
nav {position: relative;z-index:0}

nav ul {
	height: 100%;
	overflow-y: auto;
    float:right;width:235px;overflow:hidden
}
nav li {
	display: block;
	float: none;
}

.resp-nav li{width:100%;}
nav li a {
	padding: 22px 25px;
	font-size: 14px;color:#fff
}
nav li a.logo {
	display: none;
}
nav li a.active {
	color: #fff;
	background-color: #0f2c41;
}
nav li a:hover {
	color: #fff;
	background-color: #0f2c41;
}
nav li:first-child a.active,
nav li:first-child a:hover 
{border-radius: 0;}



.header-section {margin-top: 60px;}


/* NAVIGATION ANNIMATION */
nav {
	/*width: 74%;*/
    width: 240px;
	height: 100%;
	position: fixed;
	left: auto;
	top: 0;
	margin: 0;
	background-color: transparent;
	
	/* starting point */
	opacity: .3;
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-moz-transform: translate3d(5%,0,0)scale(.97);
	transform: translate3d(5%,0,0)scale(.97);
}

/*Nav Expanding Open Effect*/
nav.open {
	opacity: 1;

	-webkit-transform: translate3d(0,0,0)scale(1);
	-webkit-animation: slideIn .35s ease-in-out;
	
	-moz-transform: translate3d(0,0,0)scale(1);
	-moz-animation: slideIn .35s ease-in-out;
	
	transform: translate3d(0,0,0)scale(1);
	animation: slideIn .35s ease-in-out;
}
@-webkit-keyframes slideIn {
	0%       {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
}
@-moz-keyframes slideIn {
	0%      {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
}
@keyframes slideIn {
	0%      {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
	100%  {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
}

/*Nav Shrinking Closed Effect*/
nav.close {
	opacity: .3;
	
	-webkit-transform: translate3d(5%,0,0)scale(.97);
	-webkit-animation: slideOut .3s ease-in-out;
	
	-moz-transform: translate3d(5%,0,0)scale(.97);
	-moz-animation: slideOut .3s ease-in-out;
	
	transform: translate3d(5%,0,0)scale(.97);
	animation: slideOut .3s ease-in-out;
}
@-webkit-keyframes slideOut {
	0%      {opacity: 1;
				-webkit-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-webkit-transform: translate3d(5%,0,0)scale(.97);}
}
@-moz-keyframes slideOut {
	0%      {opacity: 1;
				-moz-transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				-moz-transform: translate3d(5%,0,0)scale(.97);}
}
@keyframes slideOut {
	0%      {opacity: 1;
				transform: translate3d(0,0,0)scale(1);}
	100%  {opacity: .3;
				transform: translate3d(5%,0,0)scale(.97);}
}



/* CONTENT ANNIMATION */
.content {
	/* starting point */
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 1;
}

/*Content Sliding Open Effect*/
.header.open,
.content.open 
{   
	-webkit-transform: translate3d(-240px,0,0);
	-webkit-animation: open .5s ease-in-out;
	
	-moz-transform: translate3d(-240px,0,0);
	-moz-animation: open .5s ease-in-out;
	
	transform: translate3d(-240px,0,0);
	animation: open .5s ease-in-out;
}
@-webkit-keyframes open {
	0%      {-webkit-transform: translate3d(0,0,0);}
	70%    {-webkit-transform: translate3d(-260px,0,0);}
	100%  {-webkit-transform: translate3d(-240px,0,0);}
}
@-moz-keyframes open {
	0%      {-moz-transform: translate3d(0,0,0);}
	70%    {-moz-transform: translate3d(-260px,0,0);}
	100%  {-moz-transform: translate3d(-240px,0,0);}
}
@keyframes open {
	0%      {transform: translate3d(0,0,0);}
	70%    {transform: translate3d(-260px,0,0);}
	100%  {transform: translate3d(-240px,0,0);}
}

/*Content Sliding Closed Effect*/
.header.close,
.content.close 
{
	-webkit-transform: translate3d(0,0,0);
	-webkit-animation: close .3s ease-in-out;
	
	-moz-transform: translate3d(0,0,0);
	-moz-animation: close .3s ease-in-out;
	
	transform: translate3d(0,0,0);
	animation: close .3s ease-in-out;
}
@-webkit-keyframes close {
	0%      {-webkit-transform: translate3d(-240px,0,0);}
	100%  {-webkit-transform: translate3d(0,0,0);}
}
@-moz-keyframes close {
	0%       {-moz-transform: translate3d(-240px,0,0);}
	100%  {-moz-transform: translate3d(0,0,0);}
}
@keyframes close {
	0%       {transform: translate3d(-240px,0,0);}
	100%  {transform: translate3d(0,0,0);}
}



#repeat-recharge{width: 100%;border-left:0px}
#popup-payment.repeat-payment-popup{width:100%;}
#popup-payment.common-payment-popup{width:100%;}
#popup-fresh-recharge{width:100%;}
#popup-notification{ width:100%;border-left:0}
#popup-add-money{width:100%;}
#popup-create-wallet{width:100%;}
.sliding-panel { min-height:450px}

.repeat-r-listing .repeat-user-info.selected .repeat-number-name:after{display:none}

.aboutus-panel .bor-rht-lg{border-right: 0px;border-bottom: 1px solid #ccd4db;margin-bottom:20px}
.static-content-box{display:none}

.contact-form .contact-lft-panel{margin-right:0;padding-right:0;width:100%;}
.contact-form .contact-rht-panel{width:100%;position:inherit;padding-left:0;padding-top:30px;margin-top:30px; border-top:1px solid #dbdbdb}
.contact-us-panel a{float:left}
.contact-us-panel p{float:left;margin-left:20px}

/* Mobile App Pages Css Starts */
#mobile-app .home-content{ height:auto; overflow:auto; padding-bottom:0;}
#mobile-app .home-content .content-box{padding:0 20px; margin-top:10px;}
#mobile-app .home-content .content-box p{ display:inline-block;}

#mobile-app .home-bottom-content{ text-align:center; margin-bottom:50px; padding:0 20px;}
#mobile-app .home-bottom-content .appstore{ text-align:center; margin-top:17px;}
#mobile-app .home-bottom-content .android{ text-align:center; margin-top:17px;}

/* Mobile App Pages Css Ends */
}

@media screen and (max-width: 767px) {
    .search-filter-icon, .mobile-tlt{ display:block;}
        #search-panel.popup.popup-corner-close .popup-close .fa-angle-right:before{float:left;line-height: 29px;}
    #search-panel{width:100%;}
    #search-panel{height:100%;background-color: #f7f7f7;overflow:hidden;opacity:0;display:none}
    #search-panel .popup.popup-corner-close .popup-close{right: 0;top: 0;border-radius:0px;}
    #search-panel_wrapper{text-align:right !important;}
    #search-panel, #search-panel_wrapper{transition: all 0.3s ease-out;overflow-x:hidden !important;}
    #search-panel {transform: translateX(100%) translateY(0);}
    .popup_visible #search-panel {transform: translateX(0) translateY(0);}
    #search-panel .popup-close{ background:#091823;color:#fff;width:29px;height:29px;text-align:center;display:block;position:absolute;left:0;top:0;z-index:1;/*by brgv 16-09-15 >> *//*old : padding-top: 5px;*/}
    #search-panel .popup-close .fa-angle-right:before{ font-size:19px}
    .search-popup-wrap .error-msg{ padding:0 20px;margin-top:10px}
    .search-main-wrap{ padding:0 20px;}

    #filter-panel.popup.popup-corner-close .popup-close .fa-angle-right:before{float:left;line-height: 29px;}
    #filter-panel{width:100%;}
    #filter-panel{height:100%;background-color: #f7f7f7;overflow:hidden;opacity:0;display:none}
    #filter-panel .popup.popup-corner-close .popup-close{right: 0;top: 0;border-radius:0px;}
    #filter-panel_wrapper{text-align:right !important;}
    #filter-panel, #filter-panel_wrapper{transition: all 0.3s ease-out;overflow-x:hidden !important;}
    #filter-panel {transform: translateX(100%) translateY(0);}
    .popup_visible #filter-panel {transform: translateX(0) translateY(0);}
    #filter-panel .popup-close{ background:#091823;color:#fff;width:29px;height:29px;text-align:center;display:block;position:absolute;left:0;top:0;z-index:1;/*by brgv 16-09-15 >> *//*old : padding-top: 5px;*/}
    #filter-panel .popup-close .fa-angle-right:before{ font-size:19px}

    .filter-panel{margin-bottom: 20px;}
    .filter-panel .input-row .input-col3{width:100%;margin-bottom:10px}
    .filter-transac-panel .input-row-per .input-col-per{ float: left;margin-bottom: 10px;margin-right: 0;width: 100%;}
    .filter-transac-panel .input-row-per .input-col-per:last-child{ margin-bottom:0}
    .filter-transac-panel .filter-form-wrap{ padding:0 20px}
    .filter-transac-panel .filter-btn{position:inherit;width:100%;margin:10px 0 0 0}
    .filter-popup-wrap .error-msg{ padding:0 20px;margin-top:10px}
    .mobile-tlt h1.page-tlt{ padding-left:20px;padding-right:20px}


    .filter-directory-panel .filter-form-wrap{ padding:0 20px}
    .filter-directory-panel .filter-input-wrap{margin-right:0;}
    .filter-directory-panel .input-row-per .input-col-two{margin-right:0;width:100%;margin-bottom: 10px;}
    .filter-directory-panel .filter-btn{ float: right;position: inherit;text-align: right;width: 100%;}

    .filter-main-wrap .filter-transac-panel{width:100%;}
    .filter-transac-panel .filter-input-wrap{margin-right:0}
    .filter-transac-panel .filter-btn{float: left;position: inherit;text-align: right;/*margin-top: 10px;width: 100%;*/}   
    .search-btn{float: left;position: inherit;width: 100%;top:0}
    .filter-transac-panel .filter-label, .filter-directory-panel .filter-label{display:none}
    .filter-main-wrap{margin-bottom:0}
    .filter-main-wrap .directory-btn-panel{margin-top:0px}
    .filter-main-wrap .filter-directory-panel{ max-width: 100%;width:100%;}

    .search-form{padding-right:0;}
    .search-transac-panel{margin-right: 0;}
    .search-panel{margin-right: 0;margin-bottom: 10px;}
    .date-panel{float:left;position: inherit;width: 100%;margin-bottom: 10px;/*by brgv 16-09-15 >>*/text-align: right;}

    .bor-lft-lg{border-left:0px}
    .mob-mar-top-20{margin-top:20px}
	
	.nav-top li{ margin:0 5px; position:relative;}
	.header .goShop_btn{ width:17%; margin: 25px 0;}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
	
	.bannerWrap{ width:auto;}
	.bannerWrap .goShop_banner{width:40%; height:auto; margin:0 0px 10px;}
	.bannerWrap .goShop_banner a{ width:100%;}
	.bannerWrap .goShop_banner a img{ width:100%; height:auto;}
	.bannerWrap .banner_image_mobile{ width:60%; float:right;}
	.bannerWrap .banner_image_mobile img{ width:100%; height:auto;}
	
	/*.goShop_Banner{width:auto; margin:0 15px 10px;}
	.goShop_Banner img{ width:100%; height:auto;}
	.goShop_Banner div{ float:left;}
	.goShop_action{width:19.5%; padding: 18.5px 0; background-size:auto 100%;}
	.goShop_action a{ width:90%; height:auto;}
	.goShop_action a img{ width:93%; height:auto;}
    .goShop_cart{ width:17.2%;}
	.goShop_cart img{ width:100%; height:auto;}
	.goShop_image{ width:63%;}*/
}
@media screen and (max-width: 736px){
	.goShop_action {
		width: 19.5%;
		padding: 44.5px 0;
		background-size: auto 100%;
	}
	.header .goShop_btn {
		width: 10%;
		margin: 26px 0;
	}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
}
@media screen and (width: 667px) {  
.goShop_action{width:19.5%; padding: 40px 0; background-size:auto 100%;}
.header .goShop_btn {
    width: 11%;
    margin: 26px 0;
}
.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
}
@media screen and (max-width: 640px) {
	.goShop_cart{ width:17.3%;}
	.header .goShop_btn{ width:12%; margin: 24px 0;}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
	.goShop_action{width:19.5%; padding: 38.5px 0; background-size:auto 100%;}
}
@media screen and (max-width: 526px) {
    .contact-us-panel p{margin-left:0;float:left;width:100%;}
}

@media screen and (max-width: 620px) {
	/*below 620px*/
     #login-popup,#signup-popup,#add-number-popup,#edit-number-popup,#topup-history-popup,#raise-dispute-popup {height:100%;}

    .header .nav-top {margin-top:29px;margin-right:5px; margin-left:5px;}



    .directory-list-row .directory-user-details{ margin-right:0;width:100%;float:left}
    .directory-list-row .directory-action{position:inherit;float:left;width:100%;top:0;margin-top:20px}
    .directory-list-row{padding-right:0px}
     .directory-list-row .directory-user-details{ margin-right:0;width:100%;float:left}
     .directory-list-row .directory-action{position:inherit;float:left;width:100%;top:0;margin-top:20px}
     .directory-list-row .directory-action a.edit-link:before{  left: 11px;}
     .directory-list-row .directory-action a.edit-link{padding-left:30px}
     .directory-list-row .directory-action a.delete-link:before{left: 13px;}
     .directory-list-row .directory-action a.delete-link{padding-left:30px}

    .order-list .order-tlt .order-no{margin-right:0;}
    .order-list .order-tlt .order-date{position:inherit;right: 0;top: 0;text-align:left;width:100%;float:left;}
    .order-list .order-details .order-col-fl, .transaction-list .order-details .status-order-col-fl{margin-right:0;}
    .order-list .order-details .order-details-col{width:100%;float:left;margin-bottom:10px}
    .order-list .order-details .order-details-fix-col.order-amount{ position:inherit;text-align:left;top:auto;right:auto}

    
    .transaction-list-wrap .transaction-list{padding-left:94px;}
    .transaction-list.transaction-status .order-tlt .order-no .invoice-link{float:left;width:100%;}
    .transaction-list.transaction-status .order-tlt .order-date{position:absolute;right: 20px;top: 33px;text-align:right;width:145px;}
    .transaction-list .tran-btn-wrap{width:100%;position:inherit;float:left;text-align:left;padding-top:10px}
    .transaction-list .tran-user-details{margin-right: 120px;}
    .transaction-list .tran-user-details .user-no{font-size:16px}
    .transaction-list .tran-user-details .user-name{font-size:13px}
    .transaction-list .tran-user-details .user-operator{font-size:12px}
    .transaction-list .tran-order-no-wrap{width:100%;float:left;border-top:1px solid #ced5dc;margin-right:0;padding-top:10px}
    /*.transaction-list .tran-order-no a.tran-link{float:right;width:auto;}*/

    .transaction-list .tran-amount{padding-right:10px;padding-bottom:6px;font-size:15px;width:120px}
    .transaction-list .tran-amount .recharge-amt-lbl{font-size:13px;display:none}
    .transaction-list .tran-amount .recharge-amt{float:right}
    .transaction-list .tran-amount .convert-amt{float:left;width:100%;}
    .mobile-hide{display:none}

    .transaction-list-wrap .transaction-list:first-child{ border-top:0px}
    .inside-rht-panel .rht-panel-pad{ padding-top:15px}

.container_946.pad10{ padding:7px}	
.home-content{padding:15px 0 0}
.home-content .site-info-txt h2{margin-bottom: 10px;}
.home-content .recharge-step-txt{ margin-top:15px}
.home-recharge-panel{min-height:167px; padding: 20px 0 10px;}
.home-recharge-panel .btn-repeat-recharge{ font-size:13px;padding: 3px 12px 6px 26px;}
.recharge-form-wrap{padding: 0 11px;}
.selected-value{display:none}
.selected-value .selected-value-list li{ font-size:12px;font-weight:normal;}
.selected-value .selected-value-list li:before{ font-size:12px;margin: 0 7px;}
.selected-value .dummy-selected-text li{font-size:12px;}
.selected-value .dummy-selected-text li:before{ font-size:12px;margin: 0 7px;}
.selected-value{margin-top: 8px;margin-bottom: 3px;}
.recharge-step h3{ font-size:18px;margin:0 0 8px}
.recharge-wizard{margin-top:15px}
.recharge-wizard .wizard-form-wrap{ margin-right:0}
.recharge-wizard .wizard-btn-panel{  float:left;width: 100%;padding-top:0}
.recharge-wizard .wizard-form-wrap .wizard-form{height: 85px;}
.input-wrap input.wizard-txt-box{ height:37px;line-height: 37px;}
.input-wrap .select2-container .select2-selection--single{height:37px;line-height: 37px;}
.input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{background: transparent;height:37px;width:37px;}
.input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:after, .input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:before{top: 14px;left: 43px;}
.input-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{font-size:15px}
.input-wrap .select2-container .select2-selection--single .select2-selection__rendered{padding-top: 4px;padding-top: 4px;}
.input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:before{border-width: 9px;}
.input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow:after{border-width: 6px;}

.recharge-wizard .wizard-btn-panel .btn-step{width:32px;height:32px;}
.recharge-wizard .wizard-btn-panel .btn-step:hover{background:#2ea778;}
.recharge-wizard .wizard-btn-panel .btn-step.marR22-larg{margin-right: 12px;}

.arrow_left:before{ font-size: 23px;left: 9px;}
.arrow_right:before{font-size: 23px;left: 12px;}

.country-code-label{padding: 7px 10px 0;font-size:16px}
.input-wrap input.wizard-txt-box{ font-size:16px}
.input-wrap.country-code-pad .wizard-txt-box{ padding-left: 52px;}
.icon-switch-to:before{ left:8px}

.recharge-wizard input.ui-autocomplete-input[type="text"]{height:37px;width:37px;font-size:17px;}
.turn-to-ac{height:37px;font-size:16px;}

.selectize-control.single .selectize-input{ padding:8px 30px 8px 10px;height: 37px;}
.selectize-input, .selectize-input input{font-size: 17px;line-height: 17px !important;}
.selectize-control.single .selectize-input::before{font-size:7px;top:11px;}

.procCurrency-code .selectize-input, .procCurrency-code .selectize-input input,
.rechargeAmount-code .selectize-input, .rechargeAmount-code .selectize-input input{font-size: 15px;line-height: 17px !important;}

.selectize-control.single.procCurrency-code .selectize-input:after, .selectize-control.single.procCurrency-code  .selectize-input:before,
.selectize-control.single.rechargeAmount-code .selectize-input:after, .selectize-control.single.rechargeAmount-code .selectize-input:before{
    right: 6px;
}
.selectize-control.single .selectize-input{padding: 8px 25px 8px 10px;}
.procCurrency-code .selectize-input > *, .rechargeAmount-code .selectize-input > *{height: 16px;}
.wizard-radio-list label{font-size: 19px;padding-left: 7px;}
.wizard-radio-list .icon-radio-checked, .wizard-radio-list .icon-radio-unchecked{height: 17px;width: 17px;}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input{font-size:15px}

.repeat-r-header{ height:61px;padding:29px 0 0 13px;}
.repeat-r-header h1{font-size:18px;}
#repeat-recharge .popup-close{font-size: 12px;right: 25px;top:26px;}
.repeat-r-wraper{ padding-top:61px;}
.repeat-r-list-pad{padding: 0 8px;}
.repeat-r-listing{padding-left:10px}
.repeat-r-listing .repeat-amount{ position:inherit;float:left;width:100%;padding-right: 15px;}
.repeat-r-listing .repeat-user-info{ margin-right:0;width:100%;float:left;padding-left:0}
.repeat-r-listing .repeat-user-info .repeat-number-name{width:auto}
.repeat-r-list{ float:left;width:100%;}
.repeat-r-list li:last-child{ float:right}
.repeat-r-list-pad.pad-l-zero{padding: 0 8px;}
.repeat-r-header.slide-open { padding:29px 0 0 13px;}
.repeat-r-header.slide-open h1{font-size:18px;}
.repeat-r-header.slide-open .hide-on-slide{display:block}
.repeat-r-header.slide-open .show-on-slide{display:none}

.repeat-r-header.slide-close .hide-on-slide{display:block;}
.repeat-r-header.slide-close .show-on-slide{display:none}
.repeat-user-info.payment-open .repeat-number-name .repeat-number, .repeat-user-info.payment-open .repeat-number-name .repeat-name{width:auto}
.repeat-user-info.payment-open .repeat-number-name .repeat-name span{ display:inline-block}
.repeat-user-info .repeat-number-name .repeat-name{margin-right: 4px;margin-left: 4px;}
.repeat-user-info.payment-open .repeat-country{ display:inline-block}
.repeat-r-header .hide-mobile{display:none}

.payment-pad{padding-left:13px;padding-right:13px;}
.payment-header{padding: 15px 0 16px; border-bottom:0px solid #c7ccd4;}
.payment-header .operator-user-info .operator-img{/*width: 54px;*/text-align:left}
.payment-header .operator-user-info{margin-right:0px}
.payment-header .amount-panel{position: inherit;top: 0; width: 100%;text-align: left;padding-top: 5px;border-top:1px solid #98a1b1;margin-top: 8px;}
.payment-header .add-money-tlt{margin-right:0;}
.payment-header .operator-user-info .user-info .phone-number{float:left;width:100%;}
.payment-header .operator-user-info .user-info .user-name{font-size:13px;}
.payment-header .operator-user-info .user-info .operator-country{ width:auto;font-size:11px;float:none}
.coupon-code-panel .coupon-code-input, .coupon-code-panel .coupon-button{height:31px;line-height:31px;}
.coupon-code-panel .coupon-code-input{ padding-left:10px}
.procCurrency-wrap{width:65%;}
#recharge-amount-slider .item .recharge-amount{min-width: 88px; min-height: 40px;}
.recharge-amount-panel{padding-bottom: 7px;}
.coupon-tick-wrap .coupon-apply-suc{height: 31px;width: 30px;}
.coupon-tick-wrap .coupon-apply-suc:after{font-size: 17px;}
.coupon-tick-wrap .coupon-apply-error{height: 31px;width: 30px;}
.coupon-tick-wrap .coupon-apply-error:after{font-size: 17px;}
.coupon-code-panel .coupon-button{padding: 0 10px;}
.payment-radio-list li{margin-right: 18px;}
.coupon-code-panel{padding:20px 13px 0 13px;}


#popup-payment,#popup-fresh-recharge{ padding-bottom:0;overflow-y:auto}
.user-profile-info .change-pass-link{float: left; position: inherit;right: 0; top: 0;width: 100%;}
    
.country-detail img{ margin-bottom:25px}
}

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

	#mobile-app.home-banner{background-position:top 72px center; padding-top:319px !important;}
	.home-banner.unsubscribe{background-size: auto 25%; padding-top: 242px;}
    .topup-history-list .topup-row .topup-order-no{margin:10px 0 0 0;float:left;width:100%;}
	.unsubscribe-content .btn-pink-big, .unsubscribe-content .btn-grey-big{ padding:10px 20px;}
	.unsubscribe-content{ padding:0px !important;}
}

@media screen and (max-width: 480px) {
    #recharge-amount-slider .item .recharge-amount{font-size: 14px;padding-top:3px;}
  	#mobile-app.home-banner{background-position:top 72px center; padding-top:259px !important;}

    .noti-nav li a { text-align: left;padding-left:20px}
    .noti-nav li a i{float:left;width:100%;}

    .gocard-list{padding: 20px 0 20px 62px;}
    .gocard-list .gocard-order-info{margin-right: 0;}
    .gocard-list .gocard-order-amt{position:inherit;width:100%;text-align: left;float:left;top:auto}
    .gocard-list .gocard-order-amt .gocard-amt-sub{ float:left;}
    .gocard-list .gocard-order-amt .grey-bor-m-btn.refund-tab{ margin-top:0;float:right}
    .gocard-list.gocard-mobile:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-dth:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-funded-from-failed:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-restored-failed:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-transfer-bank:before{font-size: 33px; width: 50px;}
    .gocard-list.gocard-funded:before{font-size:33px; width: 50px;}


    .user-profile-name .seprator-line{display:none;}
    .user-profile-info .user-id{float:left;width:100%;margin-top:0px}
    .user-change-password-panel{margin-top:0px}
    .user-profile-info .user-profile-icon{top: 3px}
    .user-detail-row .col-lable{width: 155px;}
    .user-detail-row .col-lable-info{margin-left: 156px;}

    .dispute-form .dispute-form-row .dispute-form-label{width: 100%;}
    .dispute-form .dispute-form-row .dispute-form-input{margin-left: 0;margin-right: 0;}
    .dispute-wrap{ margin-bottom:5px}


    .transaction-result-wrap{ padding:72px 0 0;}
    .transaction-tlt{font-size:23px;margin-top:37px}
    .transaction-tlt:before{font-size:44px;margin-left:-38px;width:67px;height:67px;text-align:center}
    .transaction-tlt.trans-success:before{color:#2ea778;border:2px solid #2ea778;}
    .transaction-tlt.trans-failed:before{color:#e75f51;border:2px solid #e75f51;}
    .transaction-tlt.trans-inprocess:before{color:#f2a536;border:2px solid #f2a536;}
    .trans-result-user{margin-right:0;float:left;width:100%;}
    .trans-result-amt{position: inherit;width:100%;float:left;text-align:left;top:auto;left:auto}
    .trans-btn-row{padding:20px 0}
    .trans-btn-row .trans-btn{width:100%;float:left;margin-right:0;margin-top:20px}
    .trans-btn-row .trans-date-info{position:inherit;float:left;width:100%;top:0;text-align:left}
    .trans-content-row .trans-amt{width:auto;float:none}
    .trans-content-row .recharge-txt{display:none}
	
	.goShop_action{width:19.5%; padding: 29px 0; background-size:auto 100%;}
	.goShop_cart{ width:17.3%;}
	.header .goShop_btn{ width:14%; margin: 26px 0;}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
	
}

@media screen and (max-width: 420px) {
    .hide-small-dv{display:none}

    .gocard-list .gocard-order-amt .gocard-amt-sub{ width:100%}
    .gocard-list .gocard-order-amt .grey-bor-m-btn.refund-tab{ margin-top:10px;float:left}

    .gocard-list-wrap .topup-history-list .topup-row .topup-status{width:135px;font-size: 16px;}
    .gocard-list-wrap .topup-history-list .topup-row .topup-status .topup-date{font-size: 12px;}
    .gocard-list-wrap .topup-history-list .topup-row .topup-amt{width:auto;font-size: 16px;}
    .gocard-list-wrap .topup-history-list .topup-row .topup-order-no{font-size:14px;}
    .gocard-list-wrap .topup-history-list .topup-row:first-child.topup-success:before, .topup-history-list .topup-row:first-child.topup-failed:before, .topup-history-list .topup-row:first-child.topup-inprocess:before{top:11px}
    .gocard-list-wrap .topup-history-list .topup-row.topup-success:before, .topup-history-list .topup-row.topup-failed:before, .topup-history-list .topup-row.topup-inprocess:before{top:16px;}
    
    }
@media screen and (width: 414px){
  .goShop_action {
	  width: 19.5%;
	  padding: 25px 0;
	  background-size: auto 100%;
  }
}
@media screen and (max-width: 360px) {
	/*below 360px*/
	
	#mobile-app.home-banner{background-position:top 72px center; padding-top:220px !important;}
	
    .filter-panel .input-row .input-col-fix{margin-right: 0%;width:100%;}
    .btn-pink-big.btn-r-gap{margin-right:10px}

    #repeat-recharge .popup-close{right: 11px;}
    .popup-close-btn-text.icon-switch-to:before{left: -15px;}

    
    .popup-content h2.tlt-bot-bor, .popup-content h3.tlt-bot-bor{padding-bottom: 9px;}
    .inside-rht-panel .rht-panel-pad{padding-left:10px;padding-right:10px}

    .country-special-txt{font-size:26px;}
	
	.header .goShop_btn{ width:21%; margin: 22px 0;}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}	
	.goShop_action{width:19.5%; padding: 21.5px 0; background-size:auto 100%;}
}
@media screen and (width: 375px) {  
.goShop_action{width:19.5%; padding: 22px 0; background-size:auto 100%;}
}

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

    .order-btn-fix-col .grey-bor-m-btn.marL9{ margin-left:0;margin-top:10px}

    .transaction-list-wrap .transaction-list{padding-left: 63px;}
    .transaction-list .tran-date-panel{width: 50px;padding-top: 3px;}
    .transaction-list .tran-date-panel .date{font-size: 22px;}
    .transaction-list .tran-date-panel .month{ font-size: 10px;}
    .transaction-list .tran-date-panel .time{font-size: 10px;padding: 4px 0;line-height: 9px;}
    .transaction-list .tran-btn-wrap .grey-bor-m-btn{float:left;font-size:13px;height:25px;line-height: 23px;}
    .transaction-list .tran-btn-wrap .grey-bor-m-btn.marL9{ margin-left:6px;}
    /*.transaction-list .tran-order-no a.tran-link{float:left;width:100%;}*/

    .transaction-list .tran-amount{text-align: left;width: 100%;float:left;position:inherit;padding-bottom:0}
    .transaction-list .tran-amount .convert-amt, .transaction-list .tran-amount .recharge-amt{width:auto;float:none}
    .transaction-list .transaction-info .tran-row.row-two{margin-top:10px}
    .transaction-list .tran-user-details{margin-right:0}
    .transaction-list .transaction-info .tran-row.row-two{margin-top:10px}

    .gocard-list .gocard-order-info .gocard-user-number .order-sub-info{float:left;width:100%;}
    .gocard-list .gocard-order-info .gocard-order-no{float:left;width:100%;}

    .repeat-r-list .ani-btn{  padding: 3px 10px;}
    .popup-content h3{font-size: 26px;text-align:left}

    .transaction-panel .trans-result-info{margin:15px 10px 20px}
	
	.header .goShop_btn{ width:18%; margin: 26px 0;}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
	.goShop_action{width:19.7%; padding: 21px 0; background-size:auto 100%;}
}
@media screen and (width: 320px) {
	.header .goShop_btn{ width:18%; margin: 26px 0;}
	.header .goShop_btn a:link{ background-size:100% auto; width:100%;}
	.goShop_action{width:19.7%; padding: 18.2px 0; background-size:auto 100%;}
}

/**
 * Fix for iPad iOS7 slight scroll on 100% body height
 * http://stackoverflow.com/questions/19012135/ios-7-ipad-safari-landscape-innerheight-outerheight-layout-issue
 */
@media (orientation:landscape) {
	html.ipad.ios7 > body {
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 672px !important;
	}
}