@media only screen and (max-width: 768px) {
	header .header-nav .nav-container.breakpoint-on .nav-menu{overflow-y:auto;}
	header .header-nav .nav-container.breakpoint-on .nav-menu .menu-items ul li a{border-bottom:none;}
	header .header-nav .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger{border-left:none;}
	header .header-nav .nav-container.breakpoint-on .nav-pushed-item .main-btn::after{background-color:transparent;}
	header .header-nav .nav-container.breakpoint-on .nav-pushed-item .main-btn:hover{color:#0f2c4e;}
	.mode1 header .header-nav .nav-container .navbar-toggler span{ background-color: #0f2c4e;}
	
	.skill-section .piechart-boxes .chart-box .chart canvas{width:100% !important; height:100% !important;}
	#belief_in_a_hinterland .banner-section.banner-section-two .single-banner {  padding-bottom: 200px;  padding-top: 170px;}
	#belief_in_a_hinterland .shadow{padding: 60px 30px;}
	#belief_in_a_hinterland .section2{background: url('../img/bg9.png') 45% 100% / cover no-repeat;}

	#principles header{background:#14212b;}
	#principles .about-tile-gallery .image-two{  max-width: 200px;}
	
	#our_origins .wcu-list{margin-bottom:80px;}
	.banner-section .single-banner .banner-content h1 {  font-size: 46px !important;}
	.main-btn.main-btn-3, .main-btn::after{background:#fff !important; color:#0f2c4e !important; }
	
}
	
@media only screen and (min-width: 768px) {
	.site-logo{margin-left:30px;}
	header .header-nav .nav-container .menu-items ul li a.single{margin-right: -13px;}
	header .header-nav .nav-container .menu-items ul li.has-submemu{margin:0 5px;}
	header.header-three{top: 10px;}
	.header-nav{padding:10px 0;}
	.wcu-section .wcu-video .video-poster-one, .wcu-section .wcu-video::before{ width: 550px;height: 550px;left: 0;}
	
	#belief_in_a_hinterland .banner-section.banner-section-two .single-banner {  padding-bottom: 330px;  padding-top: 300px;}
	#belief_in_a_hinterland .section2{background: url('../img/bg9.png') 20% 50% / cover no-repeat;}
	#belief_in_a_hinterland .section-gap{padding-top:0;}
	#principles .section1{padding-top:150px;}
	#principles .about-tile-gallery .image-two{ bottom: -300px;  max-width: 400px;}
	#journey_with_us .illustration-img{margin-top:-100px;}
	#investment_ideas .testimonial-section{padding:230px 0;}
	
	.partner .banner-section.banner-section-three .single-banner{min-height:100vh;}
	.mm100{margin-top:-300px;}
	.m1{padding:0 120px;}
}

.white{color:#fff;}
.site-logo, .footer-logo{max-width:100px !important;}
.main-btn::after{background:#0f2c4e !important;}
.main-btn.main-btn-3:hover{opacity:0.8;}


.blackBtn{font-weight:700; border-radius: 35px; padding: 4px 40px; background:#0f2c4e; color:#fff;}
.blackBtn:hover{color:#fff !important; opacity:0.8;}
.whiteBtn{border-radius: 35px; padding: 0 40px; background:#fff; color:#0f2c4e;}


.container--gallery {
   margin-top: 40px;
   margin-bottom: 40px;
}
 .container--gallery .row {
   margin-left: -4px;
   margin-right: -4px;
}
 .container--gallery [class*="col-"] {
   padding-left: 10px;
   padding-right: 10px;
   margin-bottom: 8px;
}
 .photo-zoom {
   outline: 0;
   overflow: hidden;
   position: relative;
   display: block;
   height: 230px;
}
 .photo-zoom img {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 100%;
   height: auto;
   transform: translate(-50%, -50%);
}    
 [class*="-1"]:not([class*="-10"]):not([class*="-11"]):not([class*="-12"]) .photo-zoom img, [class*="-2"] .photo-zoom img, [class*="-3"] .photo-zoom img {
   width: auto;
   height: 100%;
}
 .image-source-link {
   color: #98c3d1;
}
 .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
   opacity: 0;
   -webkit-backface-visibility: hidden;
   transition: all 0.23s ease-out;
}
 .mfp-with-zoom.mfp-ready .mfp-container {
   opacity: 1;
}
 .mfp-with-zoom.mfp-ready.mfp-bg {
   opacity: 0.8;
}
 .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
   opacity: 0;
}

.footer-widget p{text-align: justify;}
.title{padding:15px 0;}
header .header-nav .nav-container .menu-items ul li .submenu li a{line-height:23px !important; }
header .header-nav .nav-container .menu-items ul li .submenu{min-width:230px !important; width:100%;}
header .lang_switcher img{max-height:25px;}
header .lang_switcher .submenu{min-width:100px !important; width:100%;}
.invi{visibility: hidden;}
.wow, .partner p{visibility: visible; animation-duration: 1500ms; animation-delay: 400ms; animation-name: fadeInLeft;}
.banner-section.banner-section-three .single-banner{background:#fff;}
input::placeholder, textarea::placeholder, select{color:rgba(97,97,97,0.45);}
.shadow{ margin-top:-300px; padding: 60px 50px;  border-radius: 8px; background-color: #fff;  -webkit-box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4); box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4); -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.shadow2{ margin-top:-200px; border-radius: 8px; background-color: #fff;  -webkit-box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4); box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4); -webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.mode1 header .header-nav .nav-container .menu-items ul li a, h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a{color:#0f2c4e;}
.mode1 .header-nav .nav-container .menu-items ul li.has-submemu::after{ color: #14212b;}
header .header-nav .nav-container .navbar-toggler{ border: none;}
.header .header-nav .nav-container .navbar-toggler span{ background-color: #fff;}
header .header-nav .nav-container .menu-items ul li a{color: #14212b;}
header .header-nav .nav-container .menu-items ul li a, header .header-nav .nav-container .menu-items ul li.has-submemu::after, header .header-nav .nav-container .menu-items ul li a:hover{color:#fff; }
header .header-nav .nav-container .menu-items ul li a, header.sticky-header.sticky-on .header-nav .nav-container .menu-items ul li a{ font-size: 15px; line-height: 60px; font-weight: 400; }
.sticky-on .header-nav .nav-container .menu-items ul li a, .sticky-on .header-nav .nav-container .menu-items ul li a, .sticky-on .header-nav .nav-container .menu-items ul li.has-submemu::after{color: #14212b;}
header .header-nav::before{width: 240px;}
.main-btn{line-height: 40px; padding: 0 40px;}
.banner-section .single-banner .banner-content h1{font-size: 60px;}
.banner-section .single-banner .banner-content .promo-text, .banner-section.banner-section-three .single-banner .banner-content .promo-text{padding-left:0; letter-spacing: 5px;}
.breadcrumb-section{padding:250px 0;}
.banner-section .single-banner .banner-content .promo-text::before{display:none;}
.breadcrumb-section h1, .breadcrumb-section .promo-text{color:#fff}
footer .footer-copyright{border-top: 2px solid #7d91a0;}
footer .footer-copyright .back-to-top{color:#7d91a0; border: 2px solid #7d91a0;}

.banner-section.banner-section-two .single-banner::before {background: radial-gradient(circle, rgba(1, 12, 21, 0.5) 0%, rgba(16,44,77, 0.9) 88%);}

#other .section-title .title-tag{color:#fff;}
#other .section-title .title-tag::before, .section-title .title-tag::after{background-color:#fff;}

footer .widget.newsletter-widget { border: 2px solid #33495b;}

#related_matters .wcu-section .wcu-video::before, #assets_management .wcu-section .wcu-video::before{background-image: none;}
#related_matters .banner-section.banner-section-three .single-banner{padding-top:100px;}
#related_matters .banner-section.banner-section-three .single-banner img{max-height:700px; margin-left:50px;}
#related_matters .banner-section.banner-section-three .single-banner{padding-bottom:0;}

#market_scope .working-process-section{padding:200px 0 130px;}
#market_scope .service-link{visibility: hidden;}

#investment_ideas .feature-boxes .feature-box .feature-desc h4{font-size:30px;}

#principles .section-title .title-tag{color:#fff;}
#principles .section-title .title-tag::before, .section-title .title-tag::after{background:#fff;}
#principles .mg23{margin-left:23px;}
.about-section-three::after{background-image: url(../img/11.png);}

#journey_with_us .section-gap{padding-top:200px; padding-bottom: 250px;}

#enquiries input, #enquiries select, #enquiries textarea{border:1px solid rgba(97,97,97,0.45);}

.banner-section.banner-section-three .single-banner .banner-shapes > div{background-color:rgba(97,97,97,0.6);}
.partner .banner-section.banner-section-three .single-banner{padding-top:150px; }
.partner .banner-section .single-banner .banner-content p{ font-size:18px; margin-top: 15px;}
.partner .banner-img{margin-top:50px;}
