/*
Theme Name: Mainstreet Capital Theme
Text Domain: mainstreetcap
Version: 1
Requires at least: 4.7
Requires PHP: 5.2.4
Description: New mainstreetcap theme designed for Mainstreet Capital limited. This theme was designed to be self maintained by the mainstreet media team with components reusable and stackable. Create multiple pages using base designs an.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the Zoafia team
Author URI: https://www.zoafia.com;
License: Not for commercial use except permitted by Mainstreet Capital Limited

*/

@font-face {
	font-family: 'Metropolis';
	src: url('fonts/Metropolis-Medium.eot');
	src: url('fonts/Metropolis-Medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Medium.woff2') format('woff2'),
	url('fonts/Metropolis-Medium.woff') format('woff'),
	url('fonts/Metropolis-Medium.ttf') format('truetype'),
	url('fonts/Metropolis-Medium.svg#Metropolis-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Metropolis Semi';
	src: url('fonts/Metropolis-SemiBold.eot');
	src: url('fonts/Metropolis-SemiBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-SemiBold.woff2') format('woff2'),
	url('fonts/Metropolis-SemiBold.woff') format('woff'),
	url('fonts/Metropolis-SemiBold.ttf') format('truetype'),
	url('fonts/Metropolis-SemiBold.svg#Metropolis-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url('fonts/Metropolis-Regular.eot');
	src: url(fonts/'Metropolis-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Regular.woff2') format('woff2'),
	url('fonts/Metropolis-Regular.woff') format('woff'),
	url('fonts/Metropolis-Regular.ttf') format('truetype'),
	url('fonts/Metropolis-Regular.svg#Metropolis-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis';
	src: url('fonts/Metropolis-Light.eot');
	src: url('fonts/Metropolis-Light.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Light.woff2') format('woff2'),
	url('fonts/Metropolis-Light.woff') format('woff'),
	url('fonts/Metropolis-Light.ttf') format('truetype'),
	url('fonts/Metropolis-Light.svg#Metropolis-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Metropolis';
	src: url('fonts/Metropolis-Bold.eot');
	src: url('fonts/Metropolis-Bold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-Bold.woff2') format('woff2'),
	url('fonts/Metropolis-Bold.woff') format('woff'),
	url('fonts/Metropolis-Bold.ttf') format('truetype'),
	url('fonts/Metropolis-Bold.svg#Metropolis-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Metropolis Extra';
	src: url('fonts/Metropolis-ExtraBold.eot');
	src: url('fonts/Metropolis-ExtraBold.eot?#iefix') format('embedded-opentype'),
	url('fonts/Metropolis-ExtraBold.woff2') format('woff2'),
	url('fonts/Metropolis-ExtraBold.woff') format('woff'),
	url('fonts/Metropolis-ExtraBold.ttf') format('truetype'),
	url('fonts/Metropolis-ExtraBold.svg#Metropolis-ExtraBold') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
a, p, span {
	font-family: 'Metropolis' !important;
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
}
a{
	font-size: 1.4rem;
}
span{
	font-weight: 500
}
.only-mobile{
	display: none !important;
}
.logo{
	height: 40px;
	width: 171.67193603515625px;
	left: 102px;
	top: 20px;
	border-radius: 0px;
}
.header-inner{
	margin: 16px 102px;
}
.mobile-header{
	margin: 20px 80px;
}
.header-divider{
	border-top: 1px solid #E0E0E0;
}
.header-contact-btn, .header-login-btn {
    color: #fff;
    border-radius: 40px;
    padding: 15px 30px;
    text-decoration: none;
    background: #5D1399;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px;
}
.header-links li{
	margin-right: 30px;
	display: inline-block;
}
.header-links li a{
	font-size: 1.4rem;
	font-weight: 600;
	color: #5C2685;
}
.header-buttons{
	display: inline-block;
	float: right;
	margin-top: inherit;
}

.header-links{
	margin-top: 20px;
}
.main-section{
	text-align: center;
}
.main-title{
	font-family: 'Metropolis Extra';
	font-size: 44px;
	color: #5D1399;
	margin-top: 115px;
	font-weight: 900;
}
.main-content{
	font-size: 1.4rem;
	font-weight: 500;
	margin: auto 30%;
	line-height: 25px;
}
.main-btn{
	background: #5D1399;
	border-radius: 40px;
	color: #fff;
	padding: 15px 45px;
	font-weight: 500;
	font-size: 13px;
	border: none;
	font-family: 'Metropolis';
}
.main-btn:hover{
	text-decoration: none;
	cursor: pointer;
}
.main-btn-container{
	margin-top:40px;
}
.hero-image{
	width: 91.67%;
	height: auto;
	margin-bottom: -1px;
}
.image-container{
	margin-top: 50px;
}
.section-two{
	background: #270741;
	color: #fff;
}
.section-two-inner{
	padding: 125px 115px 50px;
	margin-right: 0px;
}
.solutions-container hr{
	margin: 5px 0px 35px;
	border-top: solid 0.5px #fff;
}
.solutions-container h2{
	font-size: 48px;
	font-weight: 700;
	font-family: 'Metropolis';
}
.solutions-container p{
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 22px;
	color: #BFBFBF;
}
.section-two-big-icon{
	width: 636.99px;
	height: auto;
	margin-left: -114px;
}
.big-icon-container{
	margin-top: 60px;
}
.bullet-point{
	background: #FFFFFF;
	border-radius: 8px;
	display: inline-block;
	width: 24px;
	height: 24px;
}
.solutions-point-container p, .solutions-point-container a{
	line-height: 22px;
	color: #BFBFBF;
	font-size: 1.4rem;
	font-weight: 300;
}
.solutions-point-container p{
	margin-bottom: 28px
}
.solutions-point-container a{
	border-bottom: 1px solid;
	padding-bottom: 3px;
	font-weight: 500;
	margin-right: 15px;
}
.solutions-point-container a:hover , .featured-blog-container a:hover, .other-blogs-container a:hover{
	text-decoration: none;
}
.solutions-point-container h3{
	font-size: 23px;
	margin: 0px 0px 28px;
}
.section-two-points{
	padding-bottom: 80px;
}
.section-three, .section-five{
	padding: 110px 95px;
}
.section-three-inner, .section-five-inner{
	padding: 70px 60px;
	background: #F7F7F7;
	box-shadow: 0px 0px 5px rgba(122, 122, 122, 0.2);
}
.news-preview{
	background: #FFFFFF;
	border-radius: 4px;
	padding: 30px 30px 70px;
}
.news-preview h3{
	margin: 60px 0px 50px;
	font-family: 'Metropolis Extra';
	line-height: 38px;
}
.news-preview p{
	font-size: 1.4rem;
	line-height: 22px;
	color: #171717;
	font-weight: 500;
	margin-bottom: 50px;
}
.elipses{
	margin: 95px 0px;
}
.news-building-cover{
	padding: 50px 40px;
	z-index: 100;
	width: 95%;
	height: 100%;
	background: #222222;
	opacity: 0.7;
	border-radius: 4px;
	/* display: block; */
	position: absolute;
	top: 0px;
}

.news-building-cover h3{
	color: #fff;
	line-height: 71px;
	font-size: 50px;
	font-family: 'Metropolis Extra';
}
.news-building{
	width: 100%;
	height: auto;
}
.section-four{
	padding: 0px 95px;
}
.section-four h3{
	font-family: 'Metropolis Extra';
	color: #171717;
	line-height: 71px;
	font-size: 4.8rem;
	text-align: center;
	margin-bottom: 50px
}
.blog-building{
	width: 100%;
	height: auto;
}
.featured-blog-container{
	padding: 10px 0px;
}
.featured-blog-container h3, .other-blogs-content h3{
	font-size: 28px;
	line-height: 38px;
	font-family: 'Metropolis Extra';
	color: #212121;
	margin: 30px 0px;
	text-align: left;
}
.featured-blog-container p, .other-blogs-content p{
	line-height: 22px;
	color: #212121;
	font-size: 1.4rem;
	font-weight: 500;
	width: 80%;
	height: auto;
}
.featured-blog-container span{
	color:#5D1399;
}
.other-blogs-content p{
	width: 100%
}
.other-blogs-content span{
	color: #5D1399;;
}
.featured-blog-container div, .other-blogs-content div{
	margin-left: 0px
}
.author{
	width:50px;
	height: 50px;
	display:block;
}
.author-name{
	font-size: 14px;
	line-height: 22px;
	font-weight: 500;
}
.author-title{
	font-size: 1.4rem;
	line-height: 19px;
	color: #717171;
}
.author-img-container, .author-bio-container{
	display: inline-block;

}
.author-img-container{
	float: left;
}
.author-bio-container{
	/*margin-top: 5px;*/
	margin-left: 15px !important;
}
.other-blogs-container{
	margin: 40px 0px;
}
.other-blogs-image{
	width: 100%;
	height: auto;
}
.other-blogs-content{
	margin: 20px 0px;
}
.section-five-main-container{
	background: #fff;
	text-align:center;
	padding: 70px 180px;
}
.section-five-main-container h3{
	font-family: 'Metropolis Extra';
	font-size: 48px;
}
.section-five-main-container p{
	font-weight: 500;
	font-size: 1.4rem;
}
.main-footer{
	background: #0C0C0C;
	box-shadow: 0px 0px 5px rgba(122, 122, 122, 0.2);
}
.main-footer .row{
	margin: 0px;
}
.footer-logo-light{
	width: 724.99px;
	height: 560.73px;
	position: absolute;
}
.footer-content{
	top: 4551px;
	width: 100%;
	z-index: 100;
	margin: 80px 0px 0px;
	display: block;
	position: inherit;
}
.footer-logo{
	width:102px;
	height: auto;
	margin-left: 85px;
}
.footer-menu{
	margin: 30px 0px;
	color: #999999;
	line-height: 34px;
	font-family: 'Metropolis';
	font-weight: 300;
}
.footer-menu-container h4{
	color: #CCCCCC;
	font-weight: 500;
	font-size: 22px;
	line-height: 30px;
	font-family: 'Metropolis';
}
.footer-menu-container hr{
	border-top: solid 1px #CCCCCC;
	width: 60%;
	margin-left: unset;
}
.social-links-container{
	text-align: right;
	margin: 88px 100px 30px;
}
.social-link{
	width: 20px;
	height: 25px;
	margin-left: 20px;
}
.footer-content hr{
	border-top: solid 1px #5F5F5F;
}
.copyright{
	font-size: 10px; !important;
	margin: 0px 100px;
	color: #787878; !important;
	font-weight: 100; !important;
	font-family: 'Metropolis';
}
.sec-badge {
    font-size: 10px !important;
    margin: 0px 100px 30px;
    color: #787878 !important;
    font-weight: 100 !important;
    font-family: 'Metropolis';
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}
.hamburger{
	float:right;
}
.nav-link{
	padding: 0.8rem;
	color: #000;
	border-bottom: 1px solid #DDDDDD;
}

/*=============================== about page ===========================*/
.about-one{
	padding: 100px 100px;
}
.about-main p{
	font-weight: 500;
	line-height: 22px;
}
.sec{
	width: 50px;
	height: auto;
}
.vis-min{
	padding: 120px 122px;
	color: #fff;
	text-align: center;
}
.vis-min h3{
	font-family: 'Metropolis';
	font-weight: 500;
	font-size: 30px;
	line-height: 27px;
	margin-bottom: 30px;
}
.vis-min p{
	font-size: 16px;
	font-weight: 100;
	line-height: 34px;
}
.vision{
	background: #76183D;
}
.mission{
	background: #270741;
}
.about-img{
	width: 100%;
	height: 100%

}
.about-main h2{
	color: #5D1399;
	font-weight: 900;
	font-size: 45px;
	line-height: 74px;
	font-family: 'Metropolis Extra'
}
.about-two .vision-block {
	padding: 0px;
}
.about-two{
	margin:0px;
}
.about-three{
	padding: 120px 240px;
	text-align: center;
	background: #F7F7F7;
}
.about-three h3{
	font-family: 'Metropolis';
	font-weight: 500;
	font-size: 30px;
	color: #5C2685;
}
.about-three p{
	font-size: 17px;
	font-weight: 500;
	line-height: 34px;
}
.about-four{
	padding: 100px 100px;
}
.about-four-inner{
	padding: 60px 40px;
	background: #F7F7F7;
	box-shadow: 0px 0px 5px rgba(122, 122, 122, 0.2);
}
.leader{
	background: #fff;
	text-align: center;
}
.leader-content{
	padding: 40px 20px;
}
.leader-img{
	width: 100%;
	height: 100%;
}
.leader-content h3{
	font-weight: 600;
	font-size: 27px;
}
.leader-content p{
	font-size: 13px;
	font-weight: 500;
}
.leader-content .desc{
	font-size: 15px;
	font-weight: 500;
}
a.leader-link:hover, a.solution-links:hover {
	text-decoration: none;
}
a.leader-link {
	color: #212121;
}
a.solution-links{
	color: #fff;
}
.about-four h2{
	font-size: 47px;
	text-align: center;
	margin: 20px 0px 50px;
	font-family: 'Metropolis Extra';
}
.about-five{
	padding: 100px 120px;
}
.about-five h2{
	color: #171717;
	line-height: 71px;
	font-size: 52px;
	font-family: 'Metropolis Extra';
	text-align: center;
	margin: 20px 10px 50px;
}
.about-five-inner{
	padding: 0px 250px;
}
.rect-purple{
	background: #5D1399;
	margin-right: -3px;
}
.rect-red{
	background: #ED3237;
}
.rect{
	height: 1440px;
	width: 17px;
	display: inline-block;
}
.history-piece{
	padding: 55px 0px;
}
.history-piece h3{
	color: #5D1399;
	font-weight: 700;
	font-size: 30px;
	line-height: 45px;
	font-family: 'Metropolis';
}
.history-piece p{
	font-family: 'Metropolis';
	font-weight: 500;
	font-size: 14px;
}
.history-icon{
	width:78px;
	height: auto;
}
.about-six{
	padding: 100px 100px;
}
.about-six-inner{
	padding: 10px 40px 40px;
	background: #F2F2F2;
	box-shadow: 0px 0px 5px rgba(122, 122, 122, 0.2);
}
.join-us-image{
	width: 100%;
	height: 100%;
}
.join-us-container{
	background: #fff;
	padding: 65px 200px;
	text-align: center;
	margin-top: -150px;
	/* display: inline-table; */
	position: relative;
}
.join-us-container h2{
	font-family: 'Metropolis Extra';
	font-size: 40px;
}
.join-us-container p{
	font-size: 15px;
	font-weight: 500;
	line-height: 22px;
	color: #171717;
	margin: 20px 0px 45px;
}
/*============================ investment banking ====================*/
.invst-two{
	padding: 50px 100px;
}
.invst-two h2{
	color: #5C2685;
	font-family: 'Metropolis';
	font-weight: 500;
	font-size: 34px;
	margin-bottom: 30px;
}
.invst-two h3{
	font-family: 'Metropolis Extra';
	font-weight: 500;
	font-size: 20px;
}
.invst-two p{
	font-family: 'Metropolis';
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;

}
.fin-adv-bullet-points{
	width: 12px;
	height: 12px;
	background: #5D1399;
	border-radius: 4px;
	margin-right: 15px;
	display: inline-block;
}
.fin-adv-points{
	margin-bottom: 15px;
}
.fin-adv-points p{
	line-height: 15px;
	display: flex;
	font-family: 'Metropolis';
	font-weight: 500;
}
.fin-adv-points-cointainer{
	/*padding: 0px 50px;*/
}
.middle-divider{
	margin: 0px 100px;
}
/*=========================== news ============================*/
.news-one{
	padding: 80px 100px;
}
.news-one h2{
	font-size: 45px;
	font-family: 'Metropolis Extra';
	line-height: 74px;
	color: #5D1399;
	margin-bottom: 70px;
	text-align: center;
}
.news-img{
	width: 100%;
	height: 100%;
}
.news-piece h3{
	font-family: 'Metropolis'
}
.news-piece{
	margin: 0px 0px 20px 0px;
}
/*=========================== blog ========================*/
.blog-row{
	margin: 15px 0px 30px;
}
.blog-row a:hover{
	text-decoration: none;
}
/*============================ careers ======================*/
.work-with-us{
	margin-top: 70px;
}
.careers-contd, .careers-submit{
	margin-top: 60px;
}
.careers-submit{
	font-size: 13px;
	font-weight: 500;
}
.careers-submit p, .careers-submit a{
	font-family: 'Metropolis';
	font-weight: 300;
}
/*============================= asset management =====================*/
.asset-mgt-types h2{
	font-weight: 800
}


/*================================= news page =========================*/
.news-page{
	padding: 80px 100px;
}
.news-page h2{
	font-family: 'Metropolis';
	font-weight: 600;
	color: #171717;
	font-size: 40px;
	line-height: 55px;

}
.news-contents{
	padding: 80px 300px 0px;
	text-align: left;
}
.news-contents p{
	font-size: 16px;
	font-weight: 500;
}
.news-suggestions{
	padding: 80px 100px;
	background: #F7F7F7;
}
.news-suggestions h2{
	font-family: 'Metropolis Extra';
	color: #171717;
	font-size: 40px;
	line-height: 55px;
	margin-bottom: 50px
}
.news-header{
	text-align: left;
	margin: 20px 230px 50px;
}
.news-header span{
	font-family: 'Metropolis';
	font-size: 14px;
	font-weight: 500;
}
/*================================ leadership ==========================*/
.leadership-one, .leadership-two{
	padding: 50px 100px 10px;
}
.leadership-content{
	padding: 0px 60px;
}
.leadership-contd{
	margin-top:40px;
}
.leadership-content p, .leadership-contd p{
	font-family: 'Metropolis';
	font-size: 14px;
	font-weight: 500;
	line-height: 21.86px;
}
.key-transactions{
	font-family: 'Metropolis';
	font-size: 16px;
	font-weight: 500;
	line-height: 21.86px;
	color: #5C2685;
}
.key-transactions-stats-container{
	margin: 50px 0px 160px;
}
.leader{
	text-align: left
}
.leader h2{
	color: #5C2685;
	line-height: 46px;
	font-size: 34px;
	font-family: 'Metropolis';
	font-weight: 700;
	margin-top: 30px;
}
/*======================== select transactions ======================*/
.transaction-two{
	margin: 30px 100px 80px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	padding: 20px;
	line-height: 2.428571;
	vertical-align: top;
	border-top: none; 
}
.table{
	font-size: 16px;
	font-family: 'Metropolis';
	font-weight: 500;
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #F0F0F0; 
}
.table-hover>tbody>tr:hover {
	background-color: #e4e4e4;
}
.table-hover>tbody>tr{
	background-color: #FAFAFA;
}
/*============================= contact us ============================*/
.contact-input{
	padding: 10px;
	height: 42px;
	background-color: #F2F2F2;
	border: none;
	box-shadow: none;
}
.contact-textarea{
	background-color: #F2F2F2;
	border: none;
	box-shadow: none;
	padding: 10px;
	height: 100px;
}
.mainstreet-form-group{
	margin-bottom: 20px;
}
.mainstreet-form-group label{
	font-family: 'Metropolis' !important;
	font-weight: 500;
	font-size: 15px;
}
.contact-form-container label{
	font-family: 'Metropolis';
	font-weight: 500;
	font-size: 14px;
}
.form-control{
	font-family: 'Metropolis';
	font-size: 14px;
	font-weight: 500;
}
.contact-information-container{
	background-color: #222222;
	padding: 70px 40px 40px;
}
.contact-information-container h3,.contact-information-container p{
	color: #fff;
	margin-bottom: 20px;
	line-height: 25px;
	font-family: 'Metropolis'
}
.contact-information-container h3{
	font-weight: 500;
}
.contact-information-container p{
	font-weight: 100
}
.contact-us-header{
	margin: 0px 0px 40px;
}

.pagination {
    clear: both;
    padding: 20px 0;
    position: relative;
}

.nav-previous {
    float: left;
    width: 50%;
}

.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}















/*@media screen m*/
/*tab only*/
@media (min-device-width:644px) and (max-device-width:960px){
	.main-content {
		margin: auto 15%;
	}
	.news-building-cover h3 {
		color: #fff;
		line-height: 50px;
		font-size: 3rem;
	}
	.news-building-cover {
		padding: 28px 19px;
	}
	.news-preview h3 {
		margin: 5px 0px 10px;
		font-family: 'Metropolis Extra';
		line-height: 22px;
		font-size: 18px;
	}
	.news-preview p {
		font-size: 1.4rem;
		line-height: 20px;
		font-weight: 500;
		margin-bottom: 20px;
	}
	.section-five-main-container {
		padding: 60px 60px;
	}
	.footer-logo-light {
		position: absolute;
	}
	.footer-content{
		position: inherit;
	}
	.section-three-inner {
		padding: 30px 30px;
	}
	.section-two-inner {
		padding: 57px 70px 50px;
	}
	/*==================================about */
	.vis-min {
		padding: 90px 60px;
	}
	.about-three {
		padding: 110px 30px;
	}
	.about-four, .about-five, .about-six, .about-one {
		padding: 60px 60px;
	}
	.about-four-inner {
		padding: 30px 10px;
	}
	.about-five-inner {
		padding: 0px 50px;
	}
	.join-us-container {
		padding: 65px 50px;
		margin-top: -85px;
	}
	.about-main span{
		display: flex;
	}
	/*=======================investment banking*/
	.invst-two {
		padding: 30px 60px;
	}
	/*=======================asset management*/
	.section-three, .section-five {
		padding: 60px 60px;
	}
	.section-five-inner {
		padding: 40px 30px;
	}
	/*=================== leadership*/
	.leadership-one, .leadership-two {
		padding: 40px 60px 10px;
	}
	.leadership-content {
		padding: 0px 20px;
	}
	.key-transactions-stats-container {
		margin: 30px 0px 80px;
	}
	/*================== select transcations*/
	.transaction-two {
		margin: 30px 30px 80px;
	}
	/*=================== news*/
	.news-one {
		padding: 70px 60px;
	}
	.featured-blog-container h3, .other-blogs-content h3 {
		font-size: 24px;
		line-height: 28px;
	}
	.news-page {
		padding: 40px 60px;
	}
	.news-header {
		margin: 20px 30px 50px;
	}
	.news-contents {
		padding: 40px 0px 0px;
	}
	.news-suggestions {
		padding: 40px 60px;
	}
	/*================== blog*/
	.featured-blog-container h3, .other-blogs-content h3 {
		font-size: 22px;
		line-height: 28px;
	}
	/*================== contact*/
	.mainstreet-form-group {
		margin-bottom: 15px;
		padding: 5px;
	}
	.contact-information-container {
		background-color: #222222;
		padding: 40px 20px 30px;
	}

}
/*mobile*/
@media (max-device-width:644px){
	a, p{
		font-size: 1.4rem !important;
	}
	.only-mobile{
		display: block !important;
	}
	.mobile-header{
		display:block;
		margin: 20px 20px;
	}
	.nav-link, .menu-item a{
		padding: 0.8rem;
		color: #000;
		border-bottom: 1px solid #DDDDDD;
	}

	.header-inner{
		display: none;
	}
	.solutions-container{
		display: none;
	}
	.main-content{
		font-size: 1.4rem;
		font-weight: 500;
		margin: auto 5%;
		line-height: 22px;
		color: #171717;
	}
	.section-two-inner {
		padding: 50px 15px 0px;
		margin-right: 0px;
	}
	.section-three, .section-five {
		padding: 62px 15px;
	}
	.section-three-inner, .section-five-inner {
		padding: 35px 35px;
	}
	.news-preview {
		padding: 20px 9px;

	}
	.news-preview h3 {
		margin: 35px 0px 50px;
	}
	.news-image{
		padding:0px;
		margin-bottom: 20px;
	}
	.news-building-cover h3 {
		line-height: 45px;
		font-size: 3.2rem;
		font-family: 'Metropolis';
		font-weight: 600;
	}
	.news-building-cover {
		padding: 25px 12px;
	}
	.elipses{
		margin: 35px 0px;
	}
	.news-building-cover{
		width: 100%;
		height: auto;
	}
	.section-four {
		padding: 0px 15px;
	}
	.section-four h3 {
		font-size: 3rem;
	}
	.section-five-main-container {
		padding: 25px 20px;
	}
	.section-five-main-container h3 {
		font-size: 24px;
		margin-bottom: 30px;
	}
	.section-five-inner {
		padding: 25px 20px;
	}
	.footer-logo-light {
		width: 100%;
		height: auto;
		position: absolute;
		margin-top: 65px;
	}
	.footer-content {
		position: inherit;
		margin: 55px 0px 0px;
	}
	.footer-logo{
		margin-left: 0px;
		margin-bottom: 80px;
	}
	.footer-menu-container hr {
		width: 85%;
	}
	.social-links-container {
		margin: 150px 15px 0px;
	}
	.copyright {
		font-size: 10px;
		margin: 0px 15px 40px;
		font-weight: 100;
	}
	/*=================about us*/
	.about-one {
		padding: 30px 30px;
	}
	.about-main{
		margin-bottom: 20px;
	}
	.vis-min {
		padding: 30px 30px;
	}
	.about-three {
		padding: 50px 30px;
	}
	.about-four, .about-five, .about-six {
		padding: 30px 30px;
	}
	.about-four-inner {
		padding: 20px 0px;
	}
	.about-five-inner {
		padding: 0px 10px;
	}
	.history-piece {
		padding: 25px 0px;
	}
	.about-six-inner {
		padding: 10px 15px 40px;
	}
	.join-us-container {
		padding: 40px 20px;
		margin-top: -30px;
	}
	/*=================investment banking*/
	.invst-two {
		padding: 20px 30px;
	}
	/*==========select transaction*/
	.transaction-two {
		margin: 30px 20px 50px;
	}
	/*================ leadership*/
	.leadership-one, .leadership-two {
		padding: 40px 30px 10px;
	}
	.leadership-content {
		padding: 0px 
	}
	.key-transactions-stats-container {
		margin: 50px 0px 70px;
	}
	/*======================== news*/
	.news-one {
		padding: 40px 30px;
	}
	.news-page {
		padding: 40px 30px;
	}
	.news-header {
		margin: 20px 10px 50px;
	}
	.news-page h2 {
		font-size: 26px;
		line-height: 33px;
	}
	.news-contents {
		padding: 40px 0px 0px;
	}
	.news-suggestions {
		padding: 40px 30px;
	}
}
/*tab and desktop*/
@media (min-device-width:644px){
	.mobile-header{
		display:none;
	}
	.header-inner{
		display: block
	}
}

/*small laptops*/
@media (min-device-width:960px) and (max-device-width:1345px){
	.news-preview h3 {
		margin: 5px 0px 5px;
		font-family: 'Metropolis Extra';
		line-height: 29px;
	}

	.news-building-cover h3 {
		color: #fff;
		line-height: 48px;
		font-size: 37px;
		font-family: 'Metropolis Extra';
	}
	.news-building-cover {
		padding: 10px 31px;
	}
	.news-preview {
		padding: 59px 37px 100px;
	}
	.news-preview p {
		font-size: 1.4rem;
		line-height: 23px;
		color: #171717;
		font-weight: 500;
		margin-bottom: 60px;
		height: 111px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

}

@media (min-device-width:1096px) and (max-device-width:1200px){
	.news-preview {
		padding: 45px 37px 40px;
	}
}

@media (min-device-width:1007px) and (max-device-width:1095px){
	.news-preview {
		padding: 45px 37px 35px;
	}
	.news-preview p {
		font-size: 1.4rem;
		line-height: 20px;
		color: #171717;
		font-weight: 500;
		margin-bottom: 28px;
		height: 83px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
@media (min-device-width:960px) and (max-device-width:1007px){
	.news-preview {
		padding: 19px 19px 28px;
	}
	.news-preview p {
		font-size: 1.4rem;
		line-height: 20px;
		color: #171717;
		font-weight: 500;
		margin-bottom: 24px;
		height: 83px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}