



@media screen and (min-width:1300px){
	.container {
	  max-width: 1300px;
  }
  
 }
 @media (min-width: 993px) and (max-width: 1300px) {
    .logo img {
        width: 300px;
    }
}
@media (min-width: 1200px) and (max-width:1280px) {
    .container {
        max-width: 1190px;
    }
}
@media only screen and (min-width:993px) and (max-width:1200px){
	.search_block {margin-top: 0}
	.market_cont {padding-right: 0}
	.mrktChartBlock {position: static; width: 100%}
	.mrktValueTable {width: 100%}
	.mrkTabShift {padding-right: 0}
	.market_section, .news_section {padding-left: 70px; padding-right: 70px}
	.home_aboutUs, .prodServ_cont {width: 100%;}
	.otherProdServ {padding-right: 30px;}
	footer .container {max-width: 890px}
	footer .col {padding-right: 20px !important;}
	.otherlinks li {padding-right: 10px;}
	.markets-tabs ul li a{padding: 10px 17px;}
	.innner-points ul li{width: 100%; display:block;}
	.border-outer{height:330px;}
  
	.Register_block {padding: 20px}
	
  
	}
  
  @media only screen and (min-width:240px) and (max-width:992px){
	  .sideLeftNav {display: none;}
	  .sideRightNav {top: 68px;bottom: 0;overflow-y: auto;/*right: -229px; 26-02-2020*/right: -100%;transition: 0.3s all ease}
	  .sideRightNav.active {right: 0; transition: 0.3s all ease}
	  .tollfree, .search_block, .side_logo {display: none;}
	  .logo img {width: 220px;}
	  body {padding-top: 80px;}
	  .mrktChartBlock {position: static; width: 100%;}
	  .market_cont {padding-right: 0}
	  .mrktValueTable {width: 100%}
	  .market_tab li a {padding: 2px 8px;}
	  .mrkTabShift {padding-right: 0; margin-bottom: 10px;}
	  .todayMarketTable th, .todayMarketTable td {padding: 5px; font-size:12px;}
	  .mrktValueTable th, .mrktValueTable td {padding: 5px; font-size: 12px}
	  .news_n_Atten_block {margin-bottom: 20px}
	  .HmIndicesValue {font-size: 28px}
	  .news_n_Atten_block {min-height: auto}
	  .dash_hd {font-size: 24px; padding: 10px 15px;}
	  .aboutUs_block {position: static;}
	  .home_aboutUs {width: auto; margin-bottom: 30px}
	  .prodServ_cont {width: auto;}
	  .aboutUs_bg .p-5 {padding: 20px !important}
	  .bigHd {font-size: 16px; line-height: normal !important; padding-top: 0 !important}
	  #mob_nav {position: absolute; top: 17px; font-size: 24px; right: 20px; display: block; color: #001b52}
	  .sideRightNav ul li ul {display: none;}
	  .sideRightNav > ul > li > a {padding: 5px 15px;color: #00368f; padding-right: 45px;}
	  .sideRightNav > ul > li > a:hover {
		background: #ffad02;
		color: #fff;
	}
	  .login_btn {padding: 5px 20px;}
	  .footable-row-detail-inner{width: 100%;}
	  .footable-row-detail-row{line-height: 25px;border: 1px solid #ccc;}
	  .hide-mobile{display:none;}
	  .show-mobile{display:block;}
	  .markt_nav{display: block;padding:6px;height:35px;background-color:#163583;color:#fff;padding-left: 12px;}
	  .markt_nav span.txtt{width:auto;height:auto;display:inline;float:left;margin-top:0;}  
	  .markt_nav span{width:14px;height:14px;float:right;}
	  .markt_nav span.up_aro{display:none;}
	  .markt_nav.actv span.up_aro{display:block;}
	  .markt_nav.actv span.dwn_aro{display:none;}
	  .prev-nxt{text-align: left;}
	  .prev-nxt a:first-child{margin-left:0;}
	  .top_gainers{margin-top:0;}
	  .bod-slider .owl-theme .owl-dots{display:none;}
	  .innner-points ul li{display:block;width: 100%;}
	  .prcpl-img img{margin-top:0;}
	  .bod-ditors .bod-inner .sub-dir{display: block;margin-bottom: 10px;}
	  .bod-ditors .bod-inner .sub-dir span{margin-left:5px;font-size: 12px;}
	  .prncpl .inner-data{padding:10px 0;}
	  .mg-30-custom{margin-top:0;}
	  .border-outer{display:none;}
	  .tab-ul li{display:block;}
	  .bod-ditors{padding:0;}
	  .brdcum ul{padding-left: 0;}
	  .brdcum{text-align:center;}
	  .main-title:before{right: 57%;width: 10%;}
	  .main-title:after{right: 33%;width: 26%;}
	  .conatct-inner, .cnt-call, .fx-enquiry{padding:20px;}
	  .brdcum {position: static; margin-top: 0}
	  .about-banner {padding-bottom: 10px;}
	  
	  .research_body {margin: 0;}
	  .research_slideNav {margin:-170px 0 20px;}
	  .research_slideNav h5 {position: relative; margin-bottom: 0}
	  .research_slideNav h5:after {position: absolute; top: 0; right: 0; content: "\f107"; font-family: 'FontAwesome';}
	  .research_slideNav ul {display: none; margin-top: 15px;}
  
	  .Register_block {padding: 20px;}
	  .sub_mnu:after {font-family: 'FontAwesome';content: "\f107";position: absolute;right: 2px;top: 15px;}
	  .sb_menu_open{left: -42px;top: 50px;z-index: 99;width:150px;}
	  .sb_menu_open > li > a {
	  background: rgba(22, 53, 131, 0.8);padding: 15px 10px;
	  }
	  
  }
  
  @media only screen and (min-width:240px) and (max-width:767px){
	  .dash_hd {padding: 5px 7px;}
	  .marketInnerValue {border-top: 1px solid rgba(255,255,255,0.2)}
	  .HmIndicesValue {font-size: 24px;}
	  .mrktChartBlock .market_tab li a {padding: 3px 5px; font-size: 12px;}
	  .banner_slide {min-height: 200px; height: auto;}
	  .banner_caption {width: 100%; top: 0; left: 0; bottom: 0; padding: 50px 20px; transform: inherit; background-color: rgba(0,0,0,0.4);}
	  .banner_caption h1 {font-size: 24px;}
	  .banner_caption p {width: 100%; line-height: normal; font-size: 16px}
	  .otherProdServ .col-md-12 {display: none;}
	  .otherProdServ a {border: 1px solid rgba(0,0,0,0.1); border-bottom: none !important; margin-right: -1px}
	  .ProdServ_bg .p-5 {padding: 20px !important}
	  .ps_list a h6 {font-size: 14px; font-weight: 300}
	  .ps_list a {padding: 10px 5px}
	  .ft_nav {display: none;}
	  .ft_head {position: relative; padding: 10px 0 !important; margin-bottom: 0 !important; border-top: 1px solid rgba(255,255,255,0.2); transition: 0.3s all ease}
	  .ft_head:after {position: absolute; top: 5px; right: 0; font-family: 'FontAwesome'; content: "\f107"; font-size: 20px; opacity: 0.5; transform: rotate(-45deg); transition: 0.3s all ease}
	  .ft_head.active:after {transform: rotate(0deg); transition: 0.3s all ease; opacity: 1}
	  .ft_head.active {transition: 0.3s all ease}
	  .ft_text p {text-align: center !important;}
	  .ft_logo {display: none;}
	  .markets-tabs ul li{width:49%;}
	  .gainers-select{border:1px solid #ccc;padding: 10px;}
	  .footable-row-detail-inner{width: 100%;}
	  .footable-row-detail-row{line-height: 25px;border: 1px solid #ccc;}
  
	  .faqs_tab {display: table;}
	  .faqs_tab a {display: table-cell; text-align: center; border-radius: 0 !important; font-size: 14px; border-right: 1px solid rgba(0,0,0,0.1) !important}
	  .award_section img{margin-bottom:20px;}
	  
	  .sub_mnu:after {font-family: 'FontAwesome';content: "\f107";position: absolute;right: 2px;top: 15px;}
	  .sb_menu_open{left: -42px;top: 50px;z-index: 99;width:150px;}
	  .sb_menu_open > li > a {
	  background: rgba(22, 53, 131, 0.8);
	  }
  
  }
  
  @media only screen and (min-width:240px) and (max-width:768px){
	.sideRightNav > ul > li > a{padding-right: 45px !important;}
  }
  header{padding-bottom: 0 !important;}
  .sideRightNav, .sideLeftNav{display: none;}
  .exo-menu {list-style: none;margin: 0;display: block;vertical-align: top;margin-top: 0px;margin-left: 0;padding-left: 0px;margin-top: 10px;background-color: #00368f;border-bottom: 5px solid #0175d4;text-align: center;}
  .header_button {display: inline-block;width: 37%;vertical-align: top;margin-top: 25px;}
  .ft_nav_m {position: relative;}
  .ft_head_m:after {position: absolute;top: 3px;right: 5px;font-family: 'FontAwesome';content: "\f107";font-size: 20px;opacity: 0.7;transform: rotate(-45deg);transition: 0.3s all ease;color: #00368f;}
  .ft_head_sub:after {position: absolute;top: 3px;right: 5px;font-family: 'FontAwesome';content: "\f107";font-size: 20px;opacity: 0.7;transform: rotate(-45deg);transition: 0.3s all ease;color: #000;}
  .sub_mn li{position:relative;}
  .sub_mn {position: relative;left: 0px;display: none;transition: all 0.3s;padding-left: 0;}
  .sub_mn li {display: block;}
  .sub_mn li a {display: block;background: #ffffff;border-top: 1px solid #ccc;padding: 4px 15px;font-weight: 400;color: #000;font-size: 14px;}
  .sub_mn li a:hover {background: linear-gradient(to right,#8f8722, #057545);color: #fff;}
  .ft_head_m.active:after {transform: rotate(0deg);transition: 0.3s all ease;opacity: 1;}
  .ft_head_sub.active:after {transform: rotate(0deg);transition: 0.3s all ease;opacity: 1;}
  .exo-menu > li {display: inline-block;float: none;border-right: 1px solid #000;}
  .exo-menu > li:last-child{border: 0;}
  .exo-menu > li > a {text-transform: capitalize;color: #fff;font-size: 15px;position: relative;display: block;font-weight: 300;padding: 10px 8px;background: #00368f;}
  .exo-menu > li > a em {font-style: normal;font-weight:100;font-size: 16px;}
  .exo-menu > li > a.active, .exo-menu > li > a:hover, li.drop-down ul > li > a:hover, .exo-menu li a.active_link {color: #fff;background: #001d50;}
  .exo-menu > li > a.active {}
  .exo-menu > li.active > a {background: #0370c0;}
  .mega-menu ul li a:hover {color: #ffffff;}
  .exo-menu i {float: left;font-size: 18px;margin-right: 6px;line-height: 20px !important;}
  li.drop-down,.flyout-right,.flyout-left{position:relative;}li.drop-down:before {content: "\f103";color: #fff;font-family: FontAwesome;font-style: normal;display: inline;position: absolute;right: 6px;top: 20px;font-size: 14px;}
  li.drop-down>ul{left: 0px;min-width: 230px;}
  .drop-down-ul{display:none;}
  .flyout-right>ul,.flyout-left>ul{top: 0;min-width: 230px;display: none;border-left: 1px solid #365670;}
  li.drop-down>ul>li>a,.flyout-right ul>li>a ,.flyout-left ul>li>a {color: #fff;display: block;padding: 20px 22px;text-decoration: none;background-color: #365670;border-bottom: 1px dotted #547787;-webkit-transition: color 0.2s linear, background 0.2s linear;-moz-transition: color 0.2s linear, background 0.2s linear;-o-transition: color 0.2s linear, background 0.2s linear;transition: color 0.2s linear, background 0.2s linear;}
  .flyout-right ul>li>a ,.flyout-left ul>li>a {border-bottom: 1px dotted #B8C7BC;}
  .exo-menu > li > a.grp_wbste { position:absolute;padding: 5px;right: 0;right: 18px;}
  .exo-menu > li > a.grp_wbste em {font-size:18px;font-weight:600; }
  .exo-menu > li > a.grp_wbste img{vertical-align:top; padding-top:6px;width: 14px;}
  .exo-menu > li > a.grp_wbste:hover{background:none !important;}
  .sub_mn_cst {display: none;position: absolute;min-width: 207px;z-index: 9;padding-left: 0;}
  .sub_mn_cst li {display: block; position:relative;}
  .sub_mn_cst li a {display: block;background: #001d50;color: #fff;border-bottom: 1px solid #c3bdbd;padding: 5px;font-size: 14px;position: relative;padding-left: 20px; text-align: left;}
  .sub_mn_cst li a:after {color: #f5f8fa;position: absolute;font-family: 'FontAwesome';content: "\f101";font-size: 14px;left: 5px;top: 4px;}
  .sub_mn_cst li a:hover {background: #024d87;color:#fff;}
  .sub_mn_cst li a:hover::after {color: #fff;}
  .mega-drop-down:hover > ul {display: block;} 
  
  .sublevel_mn_cst {display: none;position: absolute;min-width: 207px;z-index: 9;padding-left: 0; left:100%;    top: 0;}
  .sublevel_mn_cst li {display: block;}
  .sublevel_mn_cst li a {display: block;background: #f3f3f3;color: #000;border-bottom: 1px solid #ccc;padding: 5px;font-size: 14px;position: relative;padding-left: 20px;}
  .sublevel_mn_cst li a:after {color: #024d87;position: absolute;font-family: 'FontAwesome';content: "\f101";font-size: 14px;left: 5px;top: 4px;}
  .sub_mn_cst li.active > a:after{color:#000;}
  .sublevel_mn_cst li a:hover {background: #024d87;color:#fff;}
  .sublevel_mn_cst li a:hover::after {color: #fff;z-index:9999;}
  .sub-mega-drop-down:hover > ul {display: block;} 
  .sub-mega-drop-down.active > a {background: #024d87; color:#fff;}
  .sub_lvl_mob li a{background:#f5f5f5;}
  .sb_mn_img{float: right; width: 8px; padding-top: 4px; margin-right: 10px;}
  @media only screen and (min-width:1300px) and (max-width:1360px){
	.exo-menu > li > a em{font-size: 15px;}
  }
  @media screen and (max-width:1280px) {
	.exo-menu > li > a em{    font-size: 14px;}
	.logo{width: 200px;}
	.logo img{width: 100%;}
	.tollfree{font-size: 11px;}

  }
  @media screen and (max-width:1199px){
	.exo-menu > li > a{    padding: 10px 9.73px;}
	.exo-menu > li > a em{font-size: 12px;}

	}
  @media screen and (max-width:1100px) {
	.exo-menu > li > a{padding: 10px 8.47px;}
	.exo-menu > li > a em{font-size: 11px;}
  }
  
  
  
 @media only screen and (max-width:992px) {
	.exo-menu, .scnd_mn{display: none !important;}
	.sideRightNav{display: block;}
	#mob_nav {display: block !important;}
	body{padding-top: 60px !important;}
	
  }
  @media only screen and (max-width:767px) {
	.banner_slide{height: auto !important;min-height: 300px;}
	.home-service {
    padding: 10px !important;
}
  }
 
.modal {
    z-index: 999999;
}