@media only screen and (max-width: 992px) {
	::-webkit-scrollbar {
		height: 0 !important;
		width:  0 !important;
	}
	
	body.mini #sidebar-menu,
	body.mini #sidebar-menu { display: none !important;}
	
	body.mini #content-wrapper {
		height:   100%;
		overflow: auto;
	}
	
	body.mobile.mini #console-wrapper {
		width:  100% !important;
		margin: 0 !important;
	}
    
    body.mobile.mini #content-wrapper{
        margin-left: auto !important;
        margin-right: auto !important;
        padding-top: 60px;
    }
    [dir=ltr] body.mobile.mini li.nav-item a > svg {margin-right: 8px;}
    [dir=rtl] body.mobile.mini li.nav-item a > svg {margin-left: 8px;}
    
    [dir=ltr] #header #user-details-mobile-menu li.nav-item a > svg {margin-right: 8px;}
    [dir=rtl] #header #user-details-mobile-menu li.nav-item a > svg {margin-left: 8px;}
    
	#content-wrapper .page-titles {
		display:    block;
		text-align: center;
	}
	
	#approve-popup .popup-close-button,
	#common-popup .popup-close-button,
	.custom-popup .popup-close-button,
	#error-popup .popup-close-button {height: 40px;}
	
	#approve-popup .popup-close-button span,
	#common-popup .popup-close-button span,
	#error-popup .popup-close-button span {
		top:      18px;
		position: absolute;}
	
	#content-wrapper .page-titles.w-100 {min-width: 100% !important;}
	
	[dir=ltr] #approve-popup .popup-close-button span,
	[dir=ltr] #common-popup .popup-close-button span,
	[dir=ltr] #error-popup .popup-close-button span {right: 24px; }
	
	[dir=rtl] #approve-popup .popup-close-button span,
	[dir=rtl] #common-popup .popup-close-button span,
	[dir=rtl] #error-popup .popup-close-button span {left: 24px; }
	
	#common-popup .common-popup-wrapper,
	#approve-popup .approve-popup-wrapper {margin-top: 10px !important;}
	
	#content-wrapper .page-titles h5 {
		padding:     0;
		margin:      20px auto;
		width:       100%;
		font-size:   16px;
		line-height: 19px;
	}
	
	[dir=ltr] #common-popup .notifications-section,
	[dir=ltr] #common-popup .deactivation-reason-section {margin-left: 0;}
	
	[dir=rtl] #common-popup .notifications-section,
	[dir=rtl] #common-popup .deactivation-reason-section {margin-right: 0;}
	
	#content-wrapper .switcher .text-on,
	#content-wrapper .switcher .text-off {z-index: 1;}
	
	#common-popup .end-user-details .deactivation-reason-section,
	#common-popup .end-user-details .notifications-section,
	#content-wrapper .sim-card-list {
		text-align: center;
		display:    block !important;
		margin-top: 0;
	}
	
	.sim-card-list .count-section {margin-top: 28px !important;}
	
	#content-wrapper .sim-card-list .card { margin: 34px auto;}
	
	#content-wrapper .content {padding: 0 0 50px;}
	
	#content-wrapper .content.w-100 {min-width: 100% !important;}
	
	#content-wrapper .balance-payments .side {min-height: 150px;}
	
	.jsgrid-pager-container {
		margin-right:   18px;
		margin-top:     18px !important;
		vertical-align: top;
	}
	
	#content-wrapper .advanced-filter {
		margin-top:     18px;
		vertical-align: middle;
		position:       relative;
		display:        inline-block !important;
	}
	
	[dir=ltr] #content-wrapper .advanced-filter {margin-left: 30px;}
	
	[dir=rtl] #content-wrapper .advanced-filter {margin-right: 30px;}
	
	#content-wrapper .advanced-filter-content {
		padding: 40px 18px;
	}
	
	[dir=ltr] #content-wrapper .advanced-filter-content {left: 0;}
	
	[dir=rtl] #content-wrapper .advanced-filter-content {right: 0;}
	
	#content-wrapper .common-search {
		margin-left:  auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		margin-top:   18px;
		max-width:    321px;
		width:        321px !important;
		z-index:      2 !important;
		background:   transparent !important;
	}
	
	#content-wrapper .common-search-value-input {
		width:         320px;
		padding-right: 35px;
	}
	
	#content-wrapper .common-search-value-reset { margin-left: 263px !important;}
	
	#content-wrapper .add-new-gb2go {
		float:  unset;
		margin: 20px 0 0 18px;
	}
	
	#general-notification {
		left:  0 !important;
		width: 100%;
	}
	
	#approve-popup .approve-popup-content,
	#common-popup .common-popup-content {
		width:      95% !important;
		min-height: 240px;
		height:     auto !important;
		margin:     60px auto 95px !important;
		overflow:   auto;
	}
	
	#common-popup.gb2go-view-popup .common-popup-content {width: 1250px !important;}
	
	#common-popup .common-popup-wrapper,
	#approve-popup .approve-popup-wrapper {padding: 0 20px 60px 20px !important;}
	
	#common-popup .sim-card-header {
		margin-top: 0 !important;
	}
	
	#common-popup span.data-was-validated {
		left: 0 !important;
		top:  78px !important;
	}
	
	#common-popup .action-update-payment-method { margin-top: 0 !important;}
	
	#switch-plan,
	#activate-new-line,
	#thank-you-page,
	#content-wrapper .balance-payments,
	#content-wrapper .my-plans,
	#user-profile-settings {
		min-height:       calc(100vh - 122px) !important;
		padding:          20px 14px !important;
		background-color: var(--body-background);
	}
	
	#thank-you-page .transaction-id {
		width:            100% !important;
		background-color: var(--white) !important;
	}
	
	#essential-edition-panel,
	#account-balance-panel,
	#transaction-panel,
	#billing-address-method-panel,
	#payment-method-panel,
	#user-profile-settings form {width: 100% !important;}
	
	#essential-edition-panel,
	#account-balance-panel,
	#transaction-panel,
	#billing-address-method-panel,
	#payment-method-panel {border: none !important;}
	
	#content-wrapper .balance-payments .text-explain,
	#user-profile-settings .text-explain {
		width:     auto !important;
		min-width: 250px;
	}
	
	#content-wrapper .my-plans .panel-content,
	#user-profile-settings form > div,
	#transaction-panel .panel,
	#billing-address-method-panel .panel,
	#payment-method-panel .panel,
	#user-profile-settings form > div {
		display:   block !important;
		width:     100% !important;
		min-width: 100% !important;
	}
	
	#user-profile-settings form > div {padding-top: 20px !important;}
	
	#content-wrapper .my-plans .panel-content .panel {
		background: var(--white);
		border:     none;
		width:      100%;
	}
	
	#content-wrapper .my-plans .panel-content > div {
		margin-left: 0;
		padding-top: 20px;
	}
	
	#transaction-panel > div,
	#billing-address-method-panel > div,
	#payment-method-panel > div {
		padding-top: 10px !important;
		margin-left: 2px !important;
		width:       99% !important;
	}
	
	#transaction-panel .update-info,
	#billing-address-method-panel .update-info,
	#payment-method-panel .update-info { margin-top: 20px !important}
	
	#payment-method-form {padding-bottom: 40px !important; }
	
	#payment-method-form .title { line-height: 1 !important;}
	
	#billing-address-form .block-address,
	#payment-method-form .block-credit-card {
		width:   100% !important;
		display: block !important;
	}
	
	#payment-method-form .block-credit-card {text-align: center;}
	
	#billing-address-form .block-address > div,
	#payment-method-form .block-credit-card > div { margin-bottom: 15px !important;}
	
	#approve-popup .payment-method {
		height:     110px !important;
		margin-top: 30px !important;
	}
	
	#approve-popup .payment-method .payment-item {
		margin-right: 10px !important;
		margin-top:   18px !important;
	}
	
	#payment-method-form label {width: 100% !important;}
	
	#payment-method-form button,
	#payment-method-form input {
		line-height: 13px !important;
		font-size:   13px !important;
	}
	
	#payment-method-form input {
		width:         100%;
		border-radius: 10px;
	}
	
	#common-popup .common-popup-content h5 {
		font-size:  20px;
		width:      95% !important;
	}
	[dir=ltr] #common-popup .common-popup-content h5 {text-align: left;}
	[dir=rtl] #common-popup .common-popup-content h5 {text-align: right;}
	
	#transaction-panel .panel,
	#billing-address-method-panel .panel,
	#payment-method-panel .panel,
	#user-profile-settings .panel {background-color: var(--white);}
	
	#user-profile-settings .panel {margin-top: 20px !important;}
	
	#keepgo-loader-background > div {left: 40% !important;}
	
	#common-popup .end-user-details .property-value {
		width:      100%;
		margin-top: 5px;
	}
	
	#staff-accounts .row,
	#staff-accounts .table {
		height: auto !important;
		width:  100% !important;
	}
	
	#content-wrapper .explanation {
		text-align:   left;
		margin-left:  18px;
		margin-right: 18px;
	}
	
	.sim-card-list .explanation .exp-title {margin-top: 20px;}
	
	.sim-card-list .add-next-elements {margin-top: 20px !important;}
	
	#common-popup .sim-card-details-section {width: 100% !important;}
	
	#staff-accounts {min-height: auto !important;}
	
	[dir=ltr] #refill .topup-item .refill-amount,
	[dir=ltr] #refill .topup-item .refill-price {text-align: center;}
}
@media only screen and (max-width: 768px) {
	#billing-address-form .block-address,
	[dir=ltr] #payment-method-form .block-credit-card,
	[dir=rtl] #payment-method-form .block-credit-card {padding: 20px 0 !important;}
	
	[dir=ltr] #payment-method-form .block-credit-card {text-align: left;}
	
	[dir=rtl] #payment-method-form .block-credit-card {text-align: right;}
	
	[dir=ltr] #payment-method-form input {margin-left: 0;}
	
	[dir=rtl] #payment-method-form input {margin-right: 0;}
	
	[dir=ltr] #payment-method-form .cc-row .cc-half-row {margin-right: 25px !important;}
	
	[dir=rtl] #payment-method-form .cc-row .cc-half-row {margin-left: 25px !important;}
}
@media only screen and (max-width: 576px) {
	
	[dir=ltr] #content-wrapper .advanced-filter .advanced-filter-content {
		text-align: left;
	}
	
	[dir=rtl] #content-wrapper .advanced-filter .advanced-filter-content {
		text-align: right;
	}
	
	[dir=ltr] #content-wrapper .advanced-filter .advanced-filter-content {
		right: 0;
		left:  auto;
	}
	
	[dir=rtl] #content-wrapper .advanced-filter .advanced-filter-content {
		left:  0;
		right: auto;
	}
	
	#content-wrapper .sim-setup-link,
	#content-wrapper .esim-setup-link {
		float:  unset;
		margin: 15px auto;
	}
	
	#popup-wrapper .common-search > .common-search-value-magnifier + div,
	#content-wrapper .common-search > .common-search-value-magnifier + div {
		position: relative !important;
		width:    100%;
	}
	
	#popup-wrapper .common-search > .common-search-value-magnifier + div > label,
	#content-wrapper .common-search > .common-search-value-magnifier + div > label {
		width: 100% !important;
	}
	
	#content-wrapper .common-search {
		display:        table-cell !important;
		position:       relative;
		vertical-align: top !important;
	}
	
	[dir=rtl] #content-wrapper .common-search {
		float:        unset !important;
		padding-left: 0 !important;
	}
	
	#content-wrapper .advanced-filter {
		display:    table-cell !important;
		margin-top: 0;
	}
	
	#content-wrapper .common-search-value-magnifier {
		position: absolute;
	}
	
	#content-wrapper .common-search-value-reset {
		position:    absolute;
		top:         0;
		margin-left: auto !important;
	}
	
	[dir=ltr] #content-wrapper .common-search-value-reset {
		right: 0;
	}
	
	[dir=rtl] #content-wrapper .common-search-value-reset {
		left: 0;
	}
	
	[dir=ltr] #content-wrapper .advanced-filter {
		float:        right;
		margin-right: 15px;
		text-align:   right;
		margin-left:  15px;
	}
	
	[dir=rtl] #content-wrapper .advanced-filter {
		float:        left;
		margin-left:  15px;
		text-align:   left;
		margin-right: 15px;
	}
	
	[dir=ltr] #content-wrapper .esim-setup-link,
	[dir=rtl] #content-wrapper .esim-setup-link {
		float: unset !important;
	}
	
	#content-wrapper .header-widget {
		display:       table;
		margin-bottom: 50px;
	}
	
	#content-wrapper .common-search-value-input,
	#content-wrapper .common-search {
		width: 100% !important;
	}
	
	#content-wrapper .advanced-filter .advanced-filter-label {
		display:    inline-block;
		position:   absolute;
		top:        100%;
		margin-top: 10px;
	}
	
	[dir=ltr] #content-wrapper .advanced-filter .advanced-filter-label {
		right:        0;
		margin-right: 0;
	}
	
	[dir=rtl] #content-wrapper .advanced-filter .advanced-filter-label {
		left:        0;
		margin-left: 0;
	}
	
	#content-wrapper .content .esim-setup-link,
	#content-wrapper .content .sim-setup-link {
		width:         100%;
		padding-right: 15px;
		padding-left:  15px;
		text-align:    center;
		margin-left:   0 !important;
		margin-right:  0 !important;
	}
	
	#content-wrapper .content .advanced-filter .advanced-filter-content .advanced-filter-buttons .advanced-filter-search-button + .advanced-filter-buttons + .advanced-filter + .advanced-filter-content {
		margin-bottom: 50px;
	}
	
	#content-wrapper .content .advanced-filter .advanced-filter-content .advanced-filter-buttons .advanced-filter-search-button.disabled + .advanced-filter {
		margin-bottom: 0;
	}
	
	[dir=ltr] #billing-address-form label,
	[dir=ltr] #payment-method-form label {
		padding-left: 10px;
		text-align:   left;
	}
	
	[dir=rtl] #billing-address-form label,
	[dir=rtl] #payment-method-form label {
		padding-right: 10px;
		text-align:    right;
	}
	
	.card-wrapper { display: none;}
	
	.sim-card-list .card {margin-right: auto !important;}
	
	#content-wrapper .common-search {float: unset;}
	
}
@media only screen and (max-width: 360px) {
	#common-popup .common-popup-wrapper,
	#approve-popup .approve-popup-wrapper { padding: 10px !important;}
	
	#approve-popup .payment-method {height: auto !important;}
	
	#approve-popup .payment-method .payment-item {
		margin-right: 5px !important;
		margin-left:  5px;
		margin-top:   10px !important;
	}
	
	.sim-card-list .list-group-item .value {font-size: 12px}
	
	#billing-address-form .block-address,
	#payment-method-form .block-credit-card {
		padding-left:  5px !important;
		padding-right: 5px !important;
	}
	
	#content-wrapper .common-search-value-input,
	#content-wrapper .common-search {
		width:     100% !important;
		max-width: 320px;
	}
	
	#content-wrapper .common-search-value-reset { margin-left: 242px !important;}
	
	#content-wrapper .common-search {padding-left: 18px !important;}
	
	#content-wrapper .advanced-filter {margin-left: 18px;}
	
	#content-wrapper .common-search {
		margin-left:  auto !important;
		margin-right: auto !important;
		margin-top:   18px;
		max-width:    320px;
		width:        320px !important;
		z-index:      2 !important;
		float:        unset !important;
		background:   transparent !important;
        padding: 0 !important;
	}
    [dir=ltr] #content-wrapper .common-search {margin-left: 0 !important;}
	[dir=rtl] #content-wrapper .common-search {margin-right: 0 !important;}
}