/**

	Baraka Securities
	corporate profile

 */

@media (max-width: 992px){
	.mpc-holder-title{
		display: block;
	}
	.mp-hint{
		display: none;
	}
	.desktop-df{
		display: none;
	}
}



@media only screen and (max-width: 768px){
	.logo{
		max-width: 200px;
		width: 100%;
	}
	.top-header{
		height: unset;
	}
	.th-contact-info a{
		font-size: 14px;
	}
	.th-contact-info {
		margin-top: 5px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	.acc-btn{
		text-align: center;
		margin-top: 10px;
		margin-bottom: 5px;
		display: flex;
		justify-content: center;
	}
	.stock-info {
	    margin-right: 0;
	    margin-top: 10px;
	}
	.stock-info .icon {
	    height: 40px;
	    padding: 7px;
	}
	.stock-info .info {
	    height: 40px;
	    font-size: 11px;
	}
	.dl-search{
		display: none;
	}
	.search-btn{
		display: unset;
	}
	.mobile-search-fix{
		display: flex;
		flex-direction: row;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}
	.src-mmenu-holder{
		width: 100%;
		float: revert;
		display: flex;
		flex-direction: row;
		justify-content: flex-end;
	}
	.service-cards{
		margin: 10px;
	}

	.mp-card{
		overflow: hidden;
	}

	.mp-card .serial span {
	    border-radius: 0;
	    width: 100%;
	    text-align: center;
	}
	.mp-card .serial {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    margin-right: -15px;
	    margin-left: -15px;
	}
	.mpc-holder-title {
	    text-align: center;
	    margin-top: 10px;
	}
	.mpc-holder{
		margin-bottom: 10px;
	}
	.mp-card .serial span {
	    padding: 5px 15px;
	}
	.cp-img {
	    justify-content: center;
	}
	.cp-main-card .name-id {
	    align-items: center;
	    text-align: center;
	}
	.cp-img div {
	    width: 80px;
	    height: 80px;
	    margin-bottom: 10px;
	}
	.cp-main-card .icon-text{
		display: flex;
		    flex-direction: column;
		    align-items: center;
	}
	.cp-main-card .icon-text div>span {
	    align-items: center;
	    text-align: center;
	}
	.cp-main-card .name-id{
		margin-bottom: 20px;
		border-right: unset;
	}
	.cp-main-card .name-id img{
		width: 200px;
	}
	/*=========================================
	=            board of directors            =
	=========================================*/
	.bod-holder {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	.bod-holder .name, .bod-holder .designation, .bod-holder .descr{
		text-align: center !important;
	} 
	.bod-holder img+div {
	    align-items: center;
	}
	/*=====  End of corporate profile  ======*/
	
}

@media (max-width: 576px){
	.blank-label{
		display: none;
	}
	.news {
	    display: flex;
	    flex-direction: column;
	    align-items: stretch;
	}
	.news{
		margin-top: 40px;
	}
}

@media (min-width: 576px){
	.form-inline .form-control {
	    width: 100%;
	}
}

@media only screen and (max-width: 360px){
	.th-contact-info {
	    margin-top: 5px;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.acc-btn a:first-child button{
		margin-bottom: 10px;
	}

	.market-highlights .nav-link {
	    padding: 0 0.5rem;
	}
	.service-cards h5{
		font-size: 16px;
	}
}