/**
*
* @copyright 	Copyright (c) 2014 {@link http://www.gsmhub.me}
* @license 		http://www.gsmhub.me
* @since 		2013-10-09
*/


.navbar .navbar-toggle {
	background-color:#54739d;
	margin-top:15px;
}

.navbar .navbar-toggle .icon-bar {
	background-color:#fff;
}

.pull-customrgt {
	float:right;
}

.popup-container .table-responsive {
	overflow-x:auto;
	margin-bottom:25px;
}

@media screen and (min-width:1140px) {
	.mob-accmenu {
		display:none;
	}
	
	/*-- My Account
	==========================*/
	.gateway-list {
		border-right:1px solid #e4e4e4;
		margin:0 15px 30px 0;
		min-height:200px;
		min-width:366px;
		max-width:366px;
		word-wrap:break-word;
		float:left;
	}
	
	.gateway-list:nth-child(3n+3) {
		border-right:none;
		margin-right:0;
	}
	
	.gateway-list h2 {
		font-size:16px;
		font-weight:bold;
		margin-top:7px;	
	}
	
	.gateway-rgt {
		margin:0 10px 0 105px;
		font-size:13px;
	}
}

@media (max-width:1366px) {
	/*-- Profile page
	==========================*/
	.prof-details .col-md-3.mb20 {
		width:33.3%;	
	}
	
	.prof-details .col-md-9.tab-content {
		width:66.6%;	
	}
}

@media screen and (max-width:1140px) {
	/*-- Account Menu
	==========================*/
	.custom-accmenu .nav {
		display:none;
	}
	
	.mob-accmenu a.acc_dropdown {
		font-weight:bold;
	}
	
	.mob-accmenu a.acc_dropdown.custom-btn2 {
		background:#5584C3;
		min-width:200px;
		outline:none;
	}
	
	.mob-accmenu a.acc_dropdown.custom-btn2:hover {
		background:#2996f4;
	}
	
	.mob-accmenu {
		margin-top:-80px;
		position:relative;
	}
	
	#acc_menu {
		background:#f5f5f5;
		border:1px solid #e5e5e5;
		min-width:200px;
		position:absolute;
		z-index:9999;
	}
	
	.acc-menu {
		margin:0;
	}
	
	.acc-menu li:hover a,
	.acc-menu li.active a,
	.acc-menu li a,
	.acc-menu li:focus a {
		background:transparent;
		border-color:transparent;
		color:#000;
		font-size:13px;
		padding:6px 10px;
		text-align:left;
		text-shadow:none;
	}
	
	.acc-menu li.active a,
	.acc-menu li:hover a,
	.acc-menu li:focus a {
		background:#e2e2e2;
		border-radius:0;
		width:100%;
		box-shadow:none;
	}
	
	.acc-menu li a {
		margin-bottom:1px;
		display:block;
	}
	
	.acc-menu i {
		padding-right:8px;
	}
	
	.acc-menu i.fa-angle-down {
		padding:3px 0 0;
	}
	
	.acc-menu span.caret {
		float:right;
		margin-top:7px;
	}
	
	.paymt-popup dd,
	.convert-fund dd {
		margin-left:180px;
	}
	
	.acc-menu .dropdown-menu {
		background:#e2e2e2;
		border:1px solid #e5e5e5;
		border-top:none;
		border-radius:0;
		box-shadow:none;
		margin:0 0 1px 0;
		padding:0 0 0 10px;
		width:198px;
	}
	
	.acc-menu .dropdown-menu li:hover a,
	.acc-menu .dropdown-menu li a,
	.acc-menu .dropdown-menu li a:focus {
		font-family:'source_sans_proregular', Arial, Helvetica, sans-serif;
		line-height:20px;
		border:none;
		outline:none;
	}
	
	.acc-menu li.dropdown,
	.acc-menu ul.dropdown-menu {
		position:relative;
		clear:both;
	}
	
	.acc-menu ul.dropdown-menu li:hover a,
	.acc-menu ul.dropdown-menu li.active a {
		background:#f2f2f2;
		color:#333;
	}
	
	.shwhd-menu i {
		margin-left:25px;
	}
	
	/*-- My Account
	==========================*/
	.gateway-list {
		border-right:1px solid #e4e4e4;
		margin:0 30px 30px 0;
		min-height:200px;
		min-width:425px;
		max-width:425px;
		word-wrap:break-word;
		float:left;
	}
	
	.gateway-list:nth-child(even) {
		border-right:none;
		margin-right:0;
	}
	
	.gateway-rgt {
		margin:0 10px 0 110px;
		font-size:13px;
	}
	
	.gateway-list h2 {
		font-size:16px;
		font-weight:bold;
		margin-top:7px;
	}
}

@media (min-width:1023px) and (max-width:1024px) {
	.footer-search .form-control {
		width:83%;
	}
	
	.bootstrap-filestyle.input-group input {
		min-width:250px;
	}
}

@media (min-width: 1024px) { 
	.navbar .navbar-toggle {
		display: none;
	}
	.navbar-collapse.collapse {
		display: block!important;
	}
}

@media (max-width:1024px) {
	/*-- Index 
	==========================*/	
	.index-banner {
		text-align:center;
	}
	
	.index-banner h2, 
	.index-banner1 h2 {
		font-size:28px;
	}
	
	.index-banner p, 
	.index-banner1 p {
		min-width:100%;
	}
	
	.index-banner img {
		margin-left:0;
	}
	
	.how-does-work {
		left:25.5%;
	}
	
	/*--- Tooltip
	====================== */	
	.tooltip-undrtbl table tbody tr:nth-last-child(-n+3) .tooltip-code,
	.tooltip-undrtbl table tbody tr:nth-last-child(-n+3) .tooltip-code:before,
	.tooltip-undrtbl table tbody tr:nth-last-child(-n+3) .tooltip-code:after {
		bottom:-45px;
		top:initial;
	}
	
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code,
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code:before,
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code:after {
		bottom:14px;
		top:initial;
	}
	
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code {	
		top:-46px;
	}
	
	.tooltip-undrtbl table tbody tr:nth-last-child(-n+3) .tooltip-code:before,
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code:before {
		bottom:35px;
	}
	
	.tooltip-undrtbl table tbody tr:nth-last-child(-n+3) .tooltip-code:after,
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code:after {
		bottom:40px;
	}
	
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code {
		min-height:120px;
	}
	
	.tooltip-code,
	.servsvc-tooltip .tooltip-code {
		box-shadow:-2px 2px 5px rgba(0, 0, 0, 0.6);
		right:90%;
		left:inherit;
		min-width:380px;
		max-width:380px;
	}
	
	.tooltip-undrtbl table tbody tr:first-child .tooltip-code div {
		max-height:93px;
	}
	
	.tooltip-code:after, .tooltip-code:before {
		left:100%;
	}
	
	.tooltip-code:before {
		border-left-color:#b0b0b0;
		border-right-color:transparent;
	}
	
	.tooltip-code:after {
		border-left-color:#f9f9f9;
		border-right-color:transparent;
	}
}

@media (min-width:992px) and (max-width:1024px) {
	/*-- Header
	==========================*/	
	.navbar > .container .navbar-brand {
		margin:8px 0 0 -25px;
		max-width:220px;
	}	
	
	.col-lg-2,
	.col-lg-3 {
		float:left;
		width:21%;
	}
	
	.col-lg-3 {
		width:32%;
	}
	
	.col-lg-offset-2 {
		margin-left:21%;
	}
	
	/*-- Footer
	==========================*/
	.footer-search .form-control {
		width:83%;
	}
}

@media (min-width:1024px) and (max-width:1200px) {
	/*-- Footer
	==========================*/
	.footer-search .form-control {
		width:85%;
	}
}

@media (max-width:992px) {
	/*-- Index 
	==========================*/	
	.index-banner {
		background:#226591;
		text-align:center;
	}
}

@media screen and (max-width:840px) {
	/*-- Common
	==========================*/
	section.container,
	section.container-fluid {
		padding-bottom:400px;
	}
	
	.wid120, .wid150, .wid170, .wid280 {
		white-space:normal;	
	}
	
	.wid120 { width:120px; }
	.wid150 { width:150px; }
	.wid170 { width:170px; }
	.wid280 { width:280px; }
	
	/*-- Header
	==========================*/
	h1.navbar-brand {
		max-width:250px;
	}
	
	.navbar .navbar-collapse.collapse {
		display:none !important;
	}
	
	.navbar .navbar-toggle,
	.navbar .collapse.in {
		display:block !important;	
	}
	
	.navbar-header,
	.navbar-right,
	.navbar-nav > li,
	.pull-customrgt {
		float:none !important;
	}
	
	ul.navbar-nav {
		margin:16px 0 0 0 !important;
	}
	
	ul.navbar-nav > li {
		margin: 0 0 10px;
	}
	
	/*-- Index
	==========================*/
	.how-does-work {
		left:0;
	}
		
	/*-- Payment details
	==========================*/
	.col-md-6.pad-lft0 {
		padding-right:0;
	}
	
	.col-md-6.pad-rgt0 {
		padding-left:0;
	}
	
	.paymt-popup dt,
	.convert-fund dt {
		float:left;
		margin-bottom:0;
	}
	
	.amount-paid .col-md-2 {
		width:21%;
	}
	
	.amount-paid  select {
		width:70px;
	}
	
	.col-md-2.date-pick {
		width:165px;
	}
	
	/*-- Account Menu
	==========================*/
	.gateway-list {
		min-width:320px;
		max-width:320px;
	}
	
	.prog-rang .dl-horizontal dt {	
		text-align:left;	
	}
	
	.sell-sreach .pad-rgt0 {
		padding-right:15px;	
	}
	
	/*-- Profile Page
	==========================*/
	.prof-details .nav-tabs li.active:after {
		border:none;
	}
	
	.prof-details .col-md-3,
	.prof-details .col-md-9 {
		width:100% !important;	
	}
 	
	/*-- Footer 
	===========================*/
	.social-footer span {
		display:block;
		padding-left:0;
	}
	
	.social-footer * {
		text-align:center;
	}
	
	/*-- Popup
	====================== */		
	.fancybox-skin {
		padding:0 !important;
	}
	
	.fancybox-wrap {
		left:40px !important;
	}
	
	.fancybox-inner,
	.fancybox-outer,
	.fancybox-wrap {
		width:700px !important;
	}
	
	.fancybox-wrap.fancybox-type-inline {
		top:0 !important;
		left:0 !important;
			
	}
	
	.fancybox-type-inline .fancybox-outer,
	.fancybox-type-inline .fancybox-inner,
	.fancybox-type-inline {
		width:800px !important;	
	}
	
	.fancybox-type-inline .fancybox-close {
		z-index:-1 !important;	
	}
	
	/*-- Live Chat
	==========================*/
	.chat-header .user-chat {
		margin-top:7px;
	}
}

@media screen and (max-width:767px) {
	/*-- Header
	==========================*/	
	ul.navbar-nav > li {
		margin:0 0 10px;
	}
	
	.popup-row .col-xs-6 .pull-right,
	.popup-row .col-xs-6,
	.popup-row .col-xs-6 .text-right,
	.popup-row .col-xs-12 .text-right{
		float:none !important;
		width:100% !important;
		text-align:left;		
	}
	
	/*-- Index
	==========================*/
	.panel-code {
		text-align:center;
	}
	
	.panel-code > ul > li:first-child {
		margin-bottom:50px;
	}
	
	.panel-code > ul > li .mt45 {
		margin-top:20px;
	}
	
	/*-- Live Chat
	==========================*/
	.chat-blk .col-xs-offset-3 {
		margin-left:33.3%;	
	}
	
	.chat-header {
		min-height:65px;
	}
	
	/*-- Payment details
	==========================*/
	i.fa-calendar {	
		right:2px;
		width:33px;
	}
	
	/*-- Popup
	====================== */	
	.fancybox-wrap {
		left:10px !important;
	}
	
	.fancybox-inner,
	.fancybox-outer,
	.fancybox-wrap {
		width:615px !important;
	}
	
	.fancybox-type-inline .fancybox-outer,
	.fancybox-type-inline .fancybox-inner,
	.fancybox-type-inline {
		width:700px !important;
	}
	
	.review-desc small {
		float:left !important;
		margin-bottom:10px;
		width:100%;
	}
}

@media screen and (min-width:620px) {
	.acc-bal i {
		display:none;
	}
	
	/*-- TICKETS
	======================= */
	.dl-horizontal-new dl {
		margin-bottom:8px;
	}
	
	.dl-horizontal-new dt {
		float:left;
		text-align:left;
		width:120px;
	}
	
	.dl-horizontal-new dd {
		margin-left:130px;
	}
	
	.dl-horizontal-new dd:before {
		content:":";
		display:inline-block;
		margin-right:10px;
	}
}

@media screen and (max-width:640px) {
	/*-- Admin Controller
	==========================*/	
	.admin-controlbar + .container {
		margin-top:58px;
	}
	
	.admin-controlbar ul {
		float:none !important;	
	}
	
	/*-- My Account
	==========================*/
	.gateway-list {
		border:none;
		min-width:100%;
		max-width:100%;
		min-height:0;
	}
	
	.gateway-rgt {
		margin:0 10px 0 110px;
	}
	
	.prof-details,
	.client-rang {
		clear:both;	
	}
	
	.fancybox-type-inline .fancybox-outer,
	.fancybox-type-inline .fancybox-inner,
	.fancybox-type-inline {
		width:615px !important;
	}
	
	/*-- Footer 
	===========================*/
	.social-footer.pull-right {
		float:none !important;
		margin-top:20px;
	}
	
	.social-footer * {
		font-size:18px;
		text-align:center;
	}
	
	/*-- Chat History 
	===========================*/
	.horizontal-seller .dl-horizontal dd:before,
	.chatblk-history .dl-horizontal dd:before {
		content:"";
	}
	
	.horizontal-seller .dl-horizontal dd > span,
	.chatblk-history .dl-horizontal dd > span {
		margin-left:0;	
	}
	
	/*-- Live Chat
	=========================*/
	.custom-livechat {
		margin-top:-58px;
	}
	
	.btn-chat {
		padding:6px 15px;
		height:116px;
	}
	
	.custom-livechat .txt-chat {
		font-size:14px;
		font-weight:bold;
		top:75px;
	}
	
	/*-- Product & Services List
	============================ */
	.exp-collap.pull-right {
		margin-top:18px;
		float:left !important;
	}
}

@media (max-width: 600px) {
	/*-- Popup
	====================== */
	.fancybox-inner,
	.fancybox-outer,
	.fancybox-wrap {
		width:570px !important;
	}
}

@media screen and (max-width:480px) {
	/*-- Admin Controller
	==========================*/	
	.admin-controlbar + .container {
		margin-top:80px;
	}
	
	/*-- Index
	==========================*/
	.how-does-work {
		position:relative;
	}
	
	.how-does-work > div {
		text-align:center;
		padding:50px 30px;
	}
	
	.level-block {
		background:none;
		padding-left:0;
	}
	
	.chat-blk [class*=col-xs-offset]  {
		margin-left:0;	
	}

	/*-- Payment Details
	==========================*/
	.acc-bal h2 {
		line-height:34px;
	}
	
	.convert-fund dd {
		margin-left:125px;
	}
	
	.inr-usd p > strong:first-child {
		padding:0 2px 0 11px;
	}
	
	.showhide-search .pull-right {
		float:none !important;
		margin-bottom:20px;	
	}
	
	.chosen-wid .chosen-container,
	.chat-blk [class^=col-xs],
	.chat-blk [class*=col-xs] {
		width:100% !important;	
	}
	
	/*-- Myaccount menu 
	==========================*/
	.mob-accmenu.pull-right {
		margin:0 0 30px;
		width:100%;
	}
	
	/*-- Footer
	==========================*/
	.footer-search .form-control {
		width:85%;
	}
	
	/*-- Popup
	====================== */		
	.fancy-staticlay {
		min-width:100%;
		width:auto;
	}
	
	.fancybox-wrap {
		left:10px !important;
	}
	
	.fancybox-inner,
	.fancybox-outer,
	.fancybox-wrap,
	.fancybox-type-inline .fancybox-outer,
	.fancybox-type-inline .fancybox-inner,
	.fancybox-type-inline {
		width:455px !important;
	}
	
	/*--- Tooltip
	====================== */	
	.servsvc-tooltip .tooltip-code,
	.tooltip-code {
		min-width:250px;
		max-width:250px;
	}
}

@media screen and (max-width:360px) {
	/*-- Footer
	==========================*/
	.footer-search .form-control {
		width:84%;
	}
	
	/*-- Popup
	====================== */	
	.fancybox-wrap {
		left:10px !important;
	}
		
	.fancybox-inner,
	.fancybox-outer,
	.fancybox-wrap,
	.fancybox-type-inline .fancybox-outer,
	.fancybox-type-inline .fancybox-inner,
	.fancybox-type-inline {
		width:335px !important;
	}
}

@media screen and (max-width:320px) {
	/*-- My Account
	==========================*/
	.gateway-list figure {
		width:100%;
	}
	
	.gateway-rgt {
		margin:0;
	}
	
	.paymt-popup dt,
	.convert-fund dt {
		float:none;
	}
	
	.paymt-popup dd:before,
	.convert-fund dd:before {
		content:none;
	}
	
	.paymt-popup dd,
	.paymt-popup dd p,
	.convert-fund dd,
	.convert-fund dd p {
		margin-left:0;
	}
	
	.form-group button {
		margin-bottom:10px;
	}
	
	.amount-paid .col-md-5 {
		width:68%;
	}
	
	.inr-usd p {	
		padding-left:66px;
	}
	
	.inr-usd p > strong:first-child {
		padding:0;
	}
	
	.resell-orderblk .pull-right.col-md-6 {
		float:left !important;	
	}
	/**
*
* @copyright 	Copyright (c) 2014 {@link http://www.gsmhub.me}
* @license 		http://www.gsmhub.me
* @since 		2013-10-09
*/

	
	/*-- Footer
	==========================*/
	.footer-search .form-control {
		width:84%;
	}
	
	/*-- Popup
	====================== */			
	.fancybox-inner,
	.fancybox-outer,
	.fancybox-wrap,
	.fancybox-type-inline .fancybox-outer,
	.fancybox-type-inline .fancybox-inner,
	.fancybox-type-inline {
		width:295px !important;
	}
}