
/* Responsive CSS */

@media only screen and (min-width: 1200px) {
	
	.header .header-navbar .navbar ul{
		margin-top: 0;
	}
	.header .header-navbar .navbar ul li.nav-item {
		margin-left: 2rem;
		border: 0;
	}
	.header .navbar ul .nav-item a,
	.header .navbar ul .nav-item a:focus {
		border-bottom: 2px solid transparent !important;
		padding: 0.2rem !important;
	}
	.top-broker-wrapper-sec .broker-col-box .broker-col-box-img {
		min-height: 250px;
		max-height: 250px;
	}
}
@media only screen and (min-width: 992px) {
  .header-topbar .header-topbar-content {
    display: flex;
    justify-content: space-between;
    padding: 0.3rem 2.5rem 0.5rem;
  }
  .header-topbar .user-use-buttons {
    justify-content: end;
  }
  .header-topbar .header-topbar-content{
    text-align: left;
  }
	.broker-CTA-wrapper-sec .section-header {
		text-align: left !important;
	}
  .header-topbar .header-topbar-content:before {
    content: "";
    position: absolute;
    background: url(../img/top-left-bar.jpg) no-repeat;
    background-size: cover;
    width: 35px;
    height: 100%;
    float: left;
    left: 0px;
    top: 0px;
  }
  .header-topbar .header-topbar-content:after {
    content: "";
    position: absolute;
    background: url(../img/top-right-bar.jpg) no-repeat;
    background-size: cover;
    width: 35px;
    height: 100%;
    float: right;
    right: 0px;
    top: 0px;
  }
	.broker_form_details .table_cell {
		display: table-cell;
	}
}


@media only screen and (max-width: 992px) {
  
  .header-topbar .header-topbar-content .user-use-buttons>li:first-child {
    width: 100%;
    margin-bottom: 0.6rem;
  }
}
@media only screen and (min-width: 768px) {
	.header-navbar .header-logo .navbar-brand	 {
		max-width: 170px;
	}
	.top-trader-wrapper-sec .broker-col-box .card-body {
		min-height: 100px;
	}
}
@media only screen and (max-width: 580px) {
	.header-topbar .header-logo .navbar-brand {
		display: block;
		max-width: 230px;
		margin: auto;
		margin-bottom: 1rem;
	}
	.header-topbar .user-use-buttons li .btn{
		font-size: 0.8rem;
	}
	.broker_form_details .table_cell {
		width: 100% !important;
	}
	.broker-trader-common-box-wrapper{
		padding: 2rem 1rem;
	}
	.br-details-customer-feebback-box{
		padding: 1.5rem 0.7rem;
	}
}