/* Media Queries
/* ----------------------------------- */

@media only screen and (max-width: 1224px) {
	.statusUser{display:none;}
	.timeCountDown{display:none;}
	
}
@media only screen and (max-width:1023px) {
	.contentPart .leftContentPart{width:calc(100%);}
	.contentPart .divider{display:none;}
	.contentPart .rightContentPart{margin-right:-377px;}
	.userInfo{/*display:none;*/ position: unset}
	.userDetail{display: none}
	.fullView{display:none;}
	.contentPart .rightContentPart{position:absolute; right:0; margin-right:-377px; background:#111; border-left:1px solid #343434; height:100%; z-index:100; transition:all 0.5s ease-out;}
	.openRight .contentPart .rightContentPart{margin-right:0;}
	.dropdownPopup{top:43px;}
	.menuToggle, .logOutBtnTop{display:block;}
	.logoutBtn{position:absolute; left:0; width:100%; padding:10px 15px; bottom:0; font-size:16px; font-weight:600; color:#fff; text-align:center; border-top:1px solid #343434; background:#000; display:block;}
	.logoutBtn:hover{background:#ef7f1a;}
	header{z-index:1111;}
	.rightContentTabPart{margin:-24px -20px; padding:0 20px; height:100%; overflow-Y:auto;}
	.hideInfo{display:none;}
	.barIcon{display:none;}
	.rightContentTabPart .tabContent{padding:0 20px;}
}
@media only screen and (max-width:767px) {
/*header .hederLeft{display:none;}*/
header .hederRight{margin-right:0; width:100%;justify-content: flex-end;}
.rightPanelBtns{margin-left:auto;}
.searchWrap input[type="text"]{width:100%;}
.dropdownPopup{right:0; top:43px;}
.popupContainerWrap, .popupContainerWrap{max-width:90%; }
.popupContainer{padding:20px;}
.popupContainer .col-4, .popupContainer .col-3, .popupContainer .col-5, .popupContainer .col-6, .popupContainer .col-7, .popupContainer .col-8, .popupContainer .col-9, .popupContainer .col-10, .popupContainer .col-11, .popupContainer .col-2, .popupContainer .col-1{flex:0 0 100%; max-width:100%;}
.popupContainer .row{display:block;}
#controllerSetting .popupContainerWrap{max-width:90%;}
#controllerSetting .popupContainer{padding:20px;}
.loginBox{padding:50px;}
.loginContentBox{margin:30px auto; padding:0 15px;}
.titleTabBtns{position:fixed; bottom:0; padding:0px 0; right:0; left:0; z-index:11111; background:#343434; text-align:center; border:0 none;}
.titleRow .titleTabBtns a{margin:0; width:20%; font-size:13px; background:none; border-right-color:#000; padding-left:0; padding-right:0;}
/*.footer{display:none;}*/
.topContentPart{padding-top:10px;}
.contentPart{height: calc(100% - 57px)}
.contentPart .rightContentPart{width:100%;}
.contentPart .rightContentPart{margin-right:-100%;}
.hideRightPart .contentPart .rightContentPart{margin-right:-100%;}
.openRight .contentPart .rightContentPart{margin-right:0;}
.tableOuter table{width:100%;}
.dropdownPopoupWrap svg{width:22px; height:22px;}
.logOutBtnTop svg{width:20px; height:20px;}
.rightContentTabPart .tabContent{padding:0 20px;}
.searchWrap{width:calc(100% - 190px);}
.footer{padding: 1px 0;text-align: center}
.footer .container{font-size: 12px;}
}
@media only screen and (max-width:479px) {
.dropdownPopoupWrap{width:28px;}
.dropdownPopoupWrap svg{width:20px; height:20px;}
.logOutBtnTop svg{width:18px; height:18px;}
.searchWrap input[type="text"]{width:100%;}
.rightTopTitleBar h2{font-size:18px;}
.rightTopTitleBar p{font-size:14px;}
.dropdownPopup{padding:20px 15px;}
.dropdownPopup{right:-15px;}
.feedbackFrom .radioBtn{width:18%;}
.loginBox{padding:30px 15px;}
.loginForm input[type="text"], .loginForm input[type="password"], .loginForm input[type="email"], .loginForm input[type="tel"]{height:46px; padding:8px 13px;}
.loginForm .commonBtn{height:46px;}
.titleRow .titleTabBtns a{margin:0; font-size:12px; padding:5px 2px;}
.logOutBtnTop  svg{width:22px; height:22px;}
.searchWrap{width:50%;}
}
@media only screen and (max-width:400px) {
	.contentPart .rightContentPart{width:100%;}
	.orderEditor .btnRow a{width:100%}
	.dropdownPopup{min-width:300px; max-width:300px;}
	.loginForm .formLinks a{margin:0 3px; font-size:13px;}
	.loginBox .titleCenter h1{font-size:24px;}
}
@media only screen and (max-width:359px) {
.dropdownPopoupWrap{width:24px;}
.dropdownPopoupWrap svg{width:20px; height:20px;}
#nav-icon1{width:24px; height:20px;}
#nav-icon1 span:nth-child(2){top:9px;}
#nav-icon1 span:nth-child(3){top:18px;}	
.searchWrap input[type="text"]{width:130px;}
.dropdownPopup{top:41px;}
.contactList li .contactInfo{overflow:hidden;}	
}
@media (max-width: 320px) {
	.input-group .input-group-area select{
		width: auto !important;
	}
	.bottom-section{position: initial !important;}
	.user-info, .gateway-status{font-size: 12px;}
	.bottom_broker .r1{font-size: 16px !important;}
}