@charset "utf-8";
/* Afrasia Media Queries - Author: Samuel Goinsamy */

@media screen and (max-width: 1550px) {
	.inner-hpN-banner .photo,
	.inner-hpN-banner, 
	.inner-hpN-banner .video {
		height: 100vh;
		width: 100%;
	}
}

@media screen and (min-width: 0) and (max-width: 979px) {
.logogolf {
    position: absolute;
    width: 275px;
    height: 103px;
    background-size: cover;
    left: 50%;
    top: 127px;
    z-index: 9;
    background: url(../media/10035/logo-golf-2022.png);
    right: initial;
    transform: translateX(-50%);
}
	
.inner-hpN-banner,
.inner-hpN-banner .photo,
.inner-hpN-banner .photo img {
    height: auto;
}
	
.inner-hpN-banner .video {
	position: relative;
	height: auto;
}

.inner-hpN-banner .video video {
	position: relative;	
}
	
	

.myrow.inner-af .third-menu-cn.inner-af {
	width: 35%;
}

.myrow.inner-af .con1024.inner-af {
	width: 60%;
}
	
	
	.youtube,.twitter{width:20px!important;}
	.subtitle_grey img{width:100% !important;height: inherit !important;display:block;}
	
	
	.board-team-cn ul li .content.left { order: 2; right: 0; margin-left: 0; }
	.board-team-cn ul li .content.right { order: 2; left: 0; }
	
	
	.wrapper { -webkit-overflow-scrolling: touch; height:auto; overflow-x:hidden }
	/*HEADER*/
	header { transform:translate3d( 0, 0, 1px);}
	nav { display:none;}
	.my-navbar-button { display:block}
	.mobile-nav { display:block;float:left}
	.menu-container {overflow-y: scroll;-webkit-overflow-scrolling: touch;}
	
	.sub-nav {  display:none;}
   .inner-slider-sec { margin-top:60px;}
	
	.annual-report-listing li .list-report ul li .years {
 
    font-size: 15px;
 
}
		.report-big-listing li .hd {			font-size: 18px;    margin-bottom: 10px;}
	/*ERROR*/
	
	#slider_error{display:none;}
	#slider_error_mobile{display:block;}
	#slider_error_mobile header{display:block;}

	
	#slider_error_mobile .intro-overlay-error h1 {
    width: 100%;
    color: #000;
    font-size: 25px;
    float:left; text-align:center;    font-family: 'RomainRegular'; margin-bottom: 35px;
}
	#slider_error .intro-overlay span{color:#fff;float: left;}

	#slider_error .intro-overlay h1{  font-size: 50px;text-align:center;color:#000;float:left; width: 100%; margin-bottom:20px;    font-family: 'RomainRegular';}

	#slider_error{ 
	  background: url(../images/Top-banner.jpg)no-repeat center center fixed; min-height: 100%; width: 100%;position: fixed; top: 0; left: 0; height: auto;


	  min-width: 1024px;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	
	#video_cover_error {
    float: left;
    width: 100%;
    height: 450px;
}

	.intro-overlay{float:left; width: 100%; text-align: left; margin: auto;}
	.intro-overlay-inner{float:left; width:100%; text-align: left; padding-top: 300px; }
	.intro-overlay ul { display: block; text-align: center; }
	.intro-overlay ul li {list-style:none; display:inline-block; padding: 0; height: 45px; position: relative; margin: 20px 20px;}
	
	.intro-overlay-error ul {display:block;margin:0 auto;width:299px;}


	.intro-overlay ul li a { cursor:pointer; float:left; background:#fff; height:45px; padding:14px 35px; font-size: 10px; font-family: 'AvertaRegular';}

.buttons .live a { color:#EE3A31; font-size:16px; cursor:pointer; float:left; background:#fff; height:45px; width: 235px; padding:14px 35px; font-family: 'AvertaRegular'; margin: 5px ; text-align: center; border:1px solid #EE3A31;}
	
.buttons .bglearn a { color:#EE3A31; font-size:16px; cursor:pointer; float:left; background:#fff; height:45px; width: 235px; padding:14px 35px; font-family: 'AvertaRegular'; margin: 5px ; text-align: center; border:1px solid #EE3A31;}

.buttons .bglearn a:hover { color:#fff; background:#EE3A31;  border:1px solid #EE3A31;}

.intro-overlay ul li a::before { color:#fff; background:#EE3A31;  border:1px solid #EE3A31;}
.intro-overlay ul li a::after {color:#fff; background:#EE3A31;  border:1px solid #EE3A31;}
.intro-overlay ul li a:hover {color:#fff; background:#EE3A31;  border:1px solid #EE3A31;  }
	
	.kookiediv {
    width: 98%!important;
    margin: 0 auto;
}
	.cookie-message p {
    float: left;
		width: 100%!important;}
	.cookie-message {height:180px!important;}
	.contact-form-cn .col-left-contact,.contact-form-cn .col-right-contact {
    width: 100%;
}
.contact-form-cn .col-right-contact	{    padding: 30px 0 0 20px;}
	.contourPage .row-fluid .umbraco-forms-field label {
   
    font-size: 15px;
    margin-bottom: 10px;width: 100%;
}
	.contourPage .row-fluid .umbraco-forms-field div {
    float: left;
    width: 100%;
}
	.contourPage .row-fluid .umbraco-forms-field.checkbox label {
		width: 93%;}
	.contourPage .row-fluid .umbraco-forms-field.checkbox input[type="checkbox"] {

    height: 20px;
		width: 20px;}
	.container-projets ul li.csrr .content .photo img {	height: 100%!important;}
	.mauritius-advantage-icon-cn .blk-icons{width:100%!important;}
	.mauritius-advantage-icon-cn .imgg{width:100%!important;margin-top:3%;}
	#icnthree .mauritius-advantage-icon-cn .blk-icons ul li{width:100% !important;  border-right: none!important;
    border-bottom: 1px solid #FFF !important;}
	
	.global-choose .title{
		font-size: 2rem;
	}
}


/* Small Mobiles */
@media screen and (min-width: 0) and (max-width: 719px) {
.readmore-news-cn .butt-prevv {position: inherit;left: inherit;bottom: inherit;float: left;width: 100%;margin-top: 18px;}	
	
.cta-hpN {
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%;
    text-align: center;
}
	
.cta-hpN.invest {
    right: 0;
    left: auto;
    transform: none;
    margin: 5% 0 5% auto;
    max-width: 45%;
    text-align: right;
}
	
.fancybox-outer, .fancybox-inner {
    position: relative;
    width: 100% !important;
    height: 100% !important;
}
	
.fancybox-opened {
	width: 100% !important;
	left: 0 !important;
}
	
.fancybox-image {
	position: relative;
}
	
.cta-hpN a {
	margin: 5% auto;
}
	
	.banner-golf-mob {
		display: block;
		width: 90%;
    	margin: 0 auto;
	}
	
	.forcefullwidth_wrapper_tp_banner {
		display: none;
	}
	
	.banner-flot-text {
		width: 60%;
		font-size: 36px;
	}
	
	.popup-disclaimer-content {
		width: 90%;
		height: 80%;
		overflow-y: scroll;
	}
	
	.inner-disclaimer-content {
		padding: 100px 30px;
	}

.myrow.inner-af .third-menu-cn.inner-af {
	width: 100%;
}

.myrow.inner-af .con1024.inner-af {
	width: 100%;
}
	
	.added-hyper ul li {
		width: 100%;
		margin: 5px 0;
	}
	
	.added-hyper ul li:nth-child(even) {
		display: none;
	}
	
	.red-dataset-1 text{    text-anchor: middle !important;}
	#loancalc .rightlab {width: 50%;}
	
	.mobile__version .loanh3{width:100% !important}
	.become-client-cn .forms-cn label {font-size: 19px;}
	
	.mobile__version .LoanCal__title .left{    margin: 20px 10px !important;}
	
	
	.forcefullwidth_wrapper_tp_banner .tp-bgimg.defaultimg { background-size: 100% auto !important; background-color: #fff !important; }
	.home-slider-sec .home-slider { height: 320px !important; }
	.home-slider-sec .flot-button { bottom: 8%; }
	
	
	.flot-button {font-size: 11px;padding: 0 10px;line-height: 30px !important; height: 30px;bottom: 15%;}
	.mauritius-advantage-investment .title ,.mauritius-advantage-map .title,.sustainaibility-features-cn li .hd,.mauritius-advantage-icon-cn .title{
    font-size: 29px;margin-bottom:0;}
	.mauritius-advantage-icon-cn .blk-icons ul li ,.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(5n),
	.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(6n), .mauritius-advantage-icon-cn .blk-icons ul li:nth-child(7n){float: left;width: 100%;padding: 0 2% 2% 2%;border-right: none; border-bottom: 1px solid #FFF;min-height: 150px;margin-bottom: 20px;}
	.mauritius-advantage-ifc .list ul li {float: left;width: 100%;}
	.frame-left,.frame-right {  width:20px;}
	.my-navbar-button {left:20px}
	.ib-button { width: 60px; padding: 18px 22px;  right: 20px;}
	.ib-button .text {  display:none}
	.logo { width: 140px; height: 52px; left: 50%; right:initial; top: 115px;-webkit-transform:translateX(-50%);  transform:translateX(-50%);background: url(../images/svg/logo-afrasia-white.svg) no-repeat;}
	header .sm-logo { width: 106px;  height: 40px;right: initial; top: 6px;   left:58px;}
	.annual-report-listing li .list-report ul li { width: 47%;}
	
	.logo-sustain { width: 148px;
    height: 37px;  left: 50%;   top: 41%;   transform: translateX(-50%);}
	
	
	/*FOOTER*/
	
	footer .language { float: right;  margin-left: 0; margin-right: 20px;}
	.frame-left .social { position: fixed; bottom:4px; -webkit-transform:initial;  transform: initial; top:initial; left:10px;}
	.frame-left .social ul li { float:left;margin-bottom:0;padding: 6px 10px;}
	.frame-left .social ul li:last-child { font-size:16px }
	.bottom-links-cn .other-links .box-link { width: 100%; margin-bottom: 25px;}
	.bottom-links-cn .other-links .box-link .tit {  margin-bottom:3px}
	.bottom-links-cn .other-links .box-info { float: left;  width: 100%;}
	.afrasia-advantage { height:30px }
	.afrasia-advantage ul { display: none;}
	

	.content-wrapper {  padding: 0 20px; }
	.negMrgTop { margin-top: 0;}
	/*HOMEPAGE*/
	.home-slider-sec { margin-top:60px; overflow:hidden; /*height:calc(100% - 100px);*/ height: 400px; position: relative; }
	.your-profile select {  display:none}
	#second-nav-cont {  right:5px}
	#second-nav li a {  width: 7px; height: 7px;}
	.tp-caption.Creative-Title,  .Creative-Title {  font-size:15px !important}
	.home-slider-sec > .hermes.tp-bullets { top:80% !important; }
	
		/*News*/
		.home-news-sec {  margin-top:0}
		.home-news-sec .hd { font-size: 25px; padding-left: 15px; margin-bottom: 30px; }
		.home-news-sec .news-cn ul li { width:100%; border-right:0 }
		.home-news-sec .news-cn ul li a { float: left; padding: 5% 20px 8% 20px;}	
		.home-news-sec .news-cn ul li a .more .arrow::before { transform: rotate(45deg) translate3d( 0, 0, 0);}
	   .home-news-sec .news-cn ul li a .more .arrow::after {transform: rotate(-45deg) translate3d( 0, 0, 0);}		
		/*News*/		
		.box-icon-links ul li {width: 48%;border-right:0;	}
		.box-icon-links ul li:first-child { margin-bottom:30px }
		.box-icon-links ul li:nth-child(2) { margin-bottom:30px }
		.box-icon-links ul li a .title { font-size:20px }
		.box-icon-links ul li a .icon {  margin-bottom:15px}
		.box-icon-links ul li a .more {  margin-top: 8px;}
		.home-news-sec .view {position: relative; top: initial;right: 0;margin-left: 15px;float: left;}
		
		/*MArket Outlook*/	
		.treasury-insights .hd { font-size: 26px;margin-bottom: 20px; margin-top: 20px;}
		.treasury-insights .data-block .exchange-rate {  width:100%; padding: 20px;}
		.treasury-insights .data-block .exchange-rate .tit { font-size: 21px; }
		.treasury-insights .data-block .exchange-rate .tb .tbcol { width: 100%;}
	.treasury-insights .data-block .exchange-rate.home .tb .tbcol.first { width: 100%; }
		.treasury-insights .data-block .exchange-rate.home .tb .tbcol { width: 100%;}
		.treasury-insights .data-block .exchange-rate .tb .tbcol .tbrow { width: 20%;}
		.treasury-insights .data-block .exchange-rate .more { padding-left: 0;width: 100%;}
		
		.box-all-rates .rates-container .form { padding: 10px; max-width: 100%; }
		
		.treasury-insights .data-block .video-gov {  width:100%}
		.treasury-insights .data-block .video-gov .video {width:100%}
		.treasury-insights .data-block .video-gov .gov-securities {width:100%}
		.treasury-insights .data-block .video-gov .gov-securities .tit {font-size: 21px; }		
		 ul#home-testimonials li .testi { font-size:14px}
		 
		 /*Market Outlook*/	
		 .home-about .blk-anchored-mauritius { width:90%; padding: 30px 30px; margin-top: -7%; margin-left: 5%;  z-index: 2;  position: relative; }
		 .home-about .blk-anchored-mauritius h5 { font-size:26px ;margin-bottom: 10px;}
		 .home-about .blk-anchored-mauritius h4::before { width: 25px;}
		 .home-about .blk-anchored-mauritius h4 {padding-left: 35px;}
		 .home-about .blk-anchored-mauritius .contenu { width: 100%;}
		 
		 /*Blocks*/	
		 .home-about > .banner .overlay .intro .t2 { width: 70%; font-size: 19px;}
		.home-about .blk-bank-different { float: left;  width: 90%; position: relative; margin-top: 21px; margin-left: 5%;}
		.home-about .blk-bank-different .box-text { position: relative;  width: 100%;  float: left; top:0; padding: 30px;}
		.home-about .blk-bank-different .box-text h4 {padding-left: 35px;}
		.home-about .blk-bank-different .box-text h4::before { width: 25px;}
		.home-about .blk-bank-different .box-text h5 { font-size:26px ;margin-bottom: 10px;}
		.home-about .blk-bank-different .box-text .contenu {width: 100%;}
		.home-about .blk-bank-different .box-photo {  float: left;   width: 90%;    margin-top: -15px;  position: relative; z-index: 4;}
		.home-about .blk-bank-different .box-text .more .text {margin-right:0;  width: 71%;}
		
		.home-about .blk-xtra-miles { width: 100%;}
		.home-about .blk-xtra-miles .box-text {  position: relative; width: 90%; left: 0; top: 0; padding:30px; margin-left: 5%; float: left;}
		.home-about .blk-xtra-miles .box-text h4 {padding-left: 35px;}
		.home-about .blk-xtra-miles .box-text h4::before { width: 25px;}
		.home-about .blk-xtra-miles .box-text h5 {font-size:26px ;margin-bottom: 10px;}
		.home-about .blk-xtra-miles .box-text .contenu {  width:100%}
		.home-about .blk-xtra-miles .box-photo { width: 90%; margin-top: -15px;  z-index: 4;}
		
		.home-about .blk-csr { width: 100%;float: left; display:block;margin-top: 52%;}
		.home-about .blk-csr .box-text {position: relative; float: left; width: 90%;right: 0; top: 0; padding: 30px;  margin-left:5% }
		.home-about .blk-csr .box-text h4 {padding-left: 35px;}
		.home-about .blk-csr .box-text h4::before { width: 25px;}
		.home-about .blk-csr .box-text h5 {font-size:26px ;margin-bottom: 10px;}
		.home-about .blk-csr .box-photo {float: left; width: 90%;  overflow: hidden;  position: relative;    margin-top:-10px;  z-index: 4;}
		/*Banking Experiences*/	
		.home-banking-experiences {margin-top: 22px;}
		.home-banking-experiences .hd {font-size: 26px; margin-bottom: 22px;}
		.home-banking-experiences .experiences ul li {  width: 50%;}
		.home-banking-experiences .experiences ul li .over .txt { top: 21%; font-size: 18px;}	
		
		.home-contact-box .become-client {  height:110px}
		.home-contact-box .become-client a { font-size:22px }	
		.home-contact-box .newsletter-box { padding:5% 5% 10% 5% }
		.home-contact-box .newsletter-box .inner .col-left { width: 100%; border-right:0;margin-top: 15px; }
		.home-contact-box .newsletter-box .inner .col-left .phone {  font-size:23px}
		.home-contact-box .newsletter-box .inner .col-left .email { font-size:18px }
		.home-contact-box .newsletter-box .inner .col-right { width: 100%; }
		.home-contact-box .newsletter-box .inner .col-right .newsletter .form input[type="submit"] { font-size: 11px; padding: 10px 8px; border-radius:0;  }
		.home-contact-box .twitter-feed { margin: -30px auto;}
		#afrasiatweet .tweet { font-size:15px}
		.social-links ul li { margin: 0 18px;}
		
		
  /*INNERPAGES*/	
  
  .con1024 { width: 100%;}
  .margBot80 { margin-bottom:20px;}
  		/*ABOUT AFRASIA*/
	
		.page-content .intro-block .left-block { width: 90%; height: auto; padding:15px; text-align: right; margin-top: -33px; }
		.page-content .intro-block .left-block h2 {  font-size:23px;}
		.page-content .intro-block .right-block {  width:100%;padding: 15px;margin-bottom: 25px;}
		.blk-strategic-partners .hd .centered-title {font-size: 26px; margin-top: -16%;}
		.blk-strategic-partners li { width: 100%; margin: 4% 0;}
		.partner-logo { margin:0 auto; width:50%}
		.block-tailored .title2 {font-size:23px;}
		.col4 { width:100%;}
		.block-tailored .products ul li {  margin-bottom:5px; width: 100%;}
		.block-tailored .products ul li .over .txt { font-size:20px }
		
		.blk-feat-photoLeft-textRightBlue {  margin-bottom:20px}
		.blk-feat-photoLeft-textRightBlue .box-photo {  width:100%}
		.blk-feat-photoLeft-textRightBlue .box-text { position: relative; float: left; width: 90%;margin-top: -15px; margin-left: 5%; top: initial; padding:20px; -webkit-transform: initial;  transform: initial;}
		.blk-feat-photoLeft-textRightBlue .box-text h5 { font-size:22px; margin-bottom:15px}
		
		.blk-strategic-partners { margin-top:30px;float: left;  width: 94%; margin-left:3% }
		.blk-strategic-partners .hd span { margin-top: -10%;}
		.blk-strategic-partners .hd { font-size: 19px;    width: 60%;  margin: 0 auto; }
		.partner-logo img { width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: top; }
		.blk-corresponding-bank { width: 94%; margin-left:3% }
		.about-milestones-cn {margin-top:10px } 
		.about-milestones-cn li .hd{font-size:23px;}
		.cd-tabs .tab-nav { width:100%}
		.cd-tabs-content{ width:100%}
		.cd-tabs-content li .milestones { float: left;width: 100%; margin-right: 0;}
		[data-control],[data-content] > * { padding: 10px 0 40px 0;color:#191E1F; font-size:19px; }
		.cd-tabs-content li { display: none;  padding: 0 0;}
		.cd-tabs-content li .milestones .list li {  width: 100%;  font-size: 13px;}
		.cd-tabs-content li .accolades {  width:100%}
		.cd-tabs-content li .accolades .ictit {  font-size:30px;}
		.cd-tabs-content li .accolades .ictit .icon { width: 49px; height: 43px; top: -14px;}
		
		.blk-feat-photoLeft-textRightWhite { margin-bottom:25px}
		.blk-feat-photoLeft-textRightWhite .box-photo { float: left; width: 100%;}
		.blk-feat-photoLeft-textRightWhite .box-text {  position: relative;  width: 90%; float: left;  margin-left: 5%; top: initial; margin-top: -15px; padding: 20px;  -webkit-transform: initial;  transform: initial;}
		.blk-feat-photoLeft-textRightWhite .box-text h5 { font-size:22px; margin-bottom:15px}
		
		.blk-feat-photoRight-textLeftBlue{ margin-bottom:25px}
		.blk-feat-photoRight-textLeftBlue .box-photo { float: left; width: 100%;}
		.blk-feat-photoRight-textLeftBlue .box-text {  position: relative;  width: 90%; float: left;  margin-left: 5%; top: initial; margin-top: -15px; padding: 20px;  -webkit-transform: initial;  transform: initial;}
		.blk-feat-photoRight-textLeftBlue .box-text h5 { font-size:22px; margin-bottom:15px}
		
		.blk-feat-photoLeft-textRightRed{ margin-bottom:25px}
		.blk-feat-photoLeft-textRightRed .box-photo { float: left; width: 100%;}
		.blk-feat-photoLeft-textRightRed .box-text {  position: relative;  width: 90%; float: left;  margin-left: 5%; top: initial; margin-top: -15px; padding: 20px;  -webkit-transform: initial;  transform: initial;}
		.blk-feat-photoLeft-textRightRed .box-text h5 { font-size:22px; margin-bottom:15px}
		.blk-feat-photoRight-textLeftWhite{ margin-bottom:25px}
		.blk-feat-photoRight-textLeftWhite .box-photo { float: left; width: 100%;}
		.blk-feat-photoRight-textLeftWhite .box-text {  position: relative;  width: 90%; float: left;  margin-left: 5%; top: initial; margin-top: -15px; padding: 20px;  -webkit-transform: initial;  transform: initial;}
		.blk-feat-photoRight-textLeftWhite .box-text h5 { font-size:22px; margin-bottom:15px}
			/*Corporate Governance*/
			.margTop120 { margin-top:60px; }
			.inner-small-banner-cn { background: #FFF; position:relative}
			.inner-small-banner-cn .left-block { float: none; width: 50%; padding: 6%; position: absolute; background:#EE3A31; bottom: -17px;height: 120px;}
			.inner-small-banner-cn .left-block h1 { font-size:12px }
			.inner-small-banner-cn .left-block h2 { font-size:16px }
			.inner-small-banner-cn .right-block {width: 100%;  max-height: none;  overflow: auto;  position: relative;}
			.inner-small-banner-cn .right-block.landing { height: 200px; }
			.inner-small-banner-cn .right-block img { width:auto;   max-width: 100%; }
			.third-menu-cn { float: left; width: 100%;  padding: 3%;  text-align: right;}
			.third-menu-cn ul li { width: 100%; font-size: 14px;}
			.card-intro-quote {width: 100%;}
			.card-intro-quote h3 {  font-size:21px}

			.blk-feat-photoRight-textLeftRed{ margin-bottom:25px}
			.blk-feat-photoRight-textLeftRed .box-photo { float: left; width: 100%;}
			.blk-feat-photoRight-textLeftRed .box-text {  position: relative;  width: 90%; float: left;  margin-left: 5%; top: initial; margin-top: -15px; padding: 20px;  -webkit-transform: initial;  transform: initial;}
			.blk-feat-photoRight-textLeftRed .box-text h5 { font-size:22px; margin-bottom:15px}

			/*Board of Directors*/
			.board-team-cn ul li .photo {  width:100%}
			.board-team-cn ul li .content { position: relative; width: 90%; float: left; padding: 20px; top: 0;margin: -20px auto 0;}
			.board-team-cn ul li .content.left {margin: -20px auto 0;}
			.board-team-cn ul li .content.right {margin: -20px auto 0;}
			.board-team-cn ul li .content .name {  font-size:14px}
			.board-team-cn ul li .content .summary { font-size:14px}
			.choose-year-drop-cn { padding: 20px 14px; }
			.filter-container #options ul li {  padding: 4px 0px; width:100%; font-size:18px;text-align: left;}
			.filter-container {  height:auto}
			.redtitle {  font-size:20px}
	    
	    /*Investors*/
	.investors-news-cn li { width:100%}
	.investors-news-cn li .hd { width: 100%; font-size: 26px;position:relative}
	.capital-info-list ul li {width:100%}
	.upcoming-events-list ul li { width:100%}
	.upcoming-events-list ul li .event { padding-left:20px}
	.upcoming-events-list ul li .event::before {  left: -5px;}
	.investors-news-cn::after { content:initial}
	.investors-newsletter-cn .inner {    padding: 30px 15px;}
	.investors-newsletter-cn .inner .title {  font-size:15px}
	.investors-newsletter-cn .inner .form-cn input[type="text"] { width: 100%;margin: 0 0 10px 0; }
	.investors-newsletter-cn .inner .form-cn input[type="email"] { width: 100%;margin: 0 0 10px 0; }
	.reports-cn .blk-annual-reports {  width: 100%;}
	.reports-cn .blk-finance-statements { width: 100%;}
	.filter-container #options ul li a {font-size: 13px;}
	
	
	/*Newsroom*/
	.container-projets ul li {width: 100%!important;max-width:none !important;}
	.container-projets ul li.eventt .content .title { font-size: 15px; margin-bottom: 5px;}
	.container-projets ul li.mediaa .content .photo { height:145px }
	.container-projets ul li.mediaa .content .summary { font-size:14px}
	.container-projets ul li.eventt .content .summary { display:none }
	.container-projets ul li.communique .content .title { font-size:18px }
	.container-projets ul li.press .content .summary { font-size:20px}
	.container-projets ul li.markett .content .summary{font-size:20px}
	.container-projets ul li.blog .content .summary {font-size:16px}
	
	/*Career*/
	.intro-block h3 { font-size: 17px;  padding: 0 18px;}
	.document-listing li .list-doc ul li .desc {margin-right: 0;}
	.career-reasons-cn .tit { font-size:32px; }
	.col2 { width:100%;}
	.products-big-listing li .hd { font-size:21px }
	.fondation-quote .quote { width: 80px;height: 61px;}
	.fondation-quote {  padding: 115px 0 77px 0;}
	.golf-gallery-cn { margin-bottom:30px }
	.golf-gallery-cn li .hd {  font-size:26px}
	.header1 {font-size: 26px !important;}
	.logo-golf-sponsor-cn .hd {font-size: 24px;}
	.spontaneous-btn {position: relative;height: auto; float: left;margin-top:30px}
	.spontaneous-btn .link { width:100px; margin-right:0}
	.document-listing li .list-doc ul li {position: relative;padding: 25px 0 61px 0;}
	.document-listing li .list-doc ul li a.more {position: absolute;bottom: 0;}
	.career-reasons-cn .ten-reasons-slider {position:relative;height: 500px;}
	.ten-reasons-slider .slider-reasons {width: 100%;position: unset;}
	#slider-projets-info {  position: absolute;  top:initial;  left: 0;bottom:50px;width: 90%;transform: initial;
    -webkit-transform: initial;height: 240px;}
	.slider-reasons #go-prev {left:0; bottom:-30px}
	.slider-reasons #go-next {left:50px;bottom:-30px}
	#slider-projets-info .reasons-desc {font-size:20px}
	#slider-projets-info .subtit {color:#FFF;}
	
	/*Golf*/
	.gallery-list .innercont li {width:49.3668%}
	.logo-golf-sponsor-cn .logo-list-cn .inner ul li { width:100%;margin: 5px 0;    height: auto;}
	
	/*Contact*/
	.text-only-block-contact h3 { font-size:29px; margin-top:15px; }
	.box-icon-links-contact ul li { text-align: left; width: 100%; border-right:0;}
	.box-icon-links-contact ul li a .icon {  width: 14%; float: left; margin-bottom: 15px;}
	.box-icon-links-contact ul li a .title {width:auto; float:none; font-size: 16px;  position: relative;line-height: 54px; margin-left: 11px;}
	.text-only-block-contact-bottom h4 { font-size:18px }
	.text-only-block-contact-bottom .pindiv {width: 100%;}
	.box-icon-links-map ul li { display: inline-block; text-align: left;width: 100%; border-right:0}	
	.box-icon-links-map { padding:35px 30px }
	
	/*Search*/
	.search-container .search-inner-cn .popular-search { display:none }
	.close-indicator {display:none }
	.search-container .search-inner-cn .search-input input[type="text"] {width: 100%;}
	.search-container .search-inner-cn .search-input button[type="submit"] {margin-top: 20px;}
	
	/*FAQ*/
	.collpse_wrapper {  padding: 0 15px;}
	.collpse_wrapper .collapsible h3 {font-size:20px }
	.collapse-close span:before { font-size:15px }
	.collapse-open span:before { font-size:15px }
	
	     
	
		/*PERSONAL BANKING*/
			/*Cards*/
			.cards-overview-cn .card-blockBlack .card-cn {width: 100%;position: relative;left: 0;top:0;-webkit-transform: initial;	transform: initial;	float: left;}
			.cards-overview-cn .card-blockBlack .text-cn { width: 100%;  float: left; height: auto;  padding: 30px;}
			@-webkit-keyframes fadeInLeft2 {
				  from {
					opacity: 0;
					-webkit-transform: translate3d(-100%, 0, 0);
					transform: translate3d(-100%, 0, 0);
				  }

				  to {
					opacity: 1;
					 -webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
				  }
				}

				@keyframes fadeInLeft2 {
				  from {
					opacity: 0;
					-webkit-transform: translate3d(-100%, 0, 0);
					transform: translate3d(-100%, 0, 0);
				  }

				  to {
					opacity: 1;
					-webkit-transform: translate3d(0, -50%, 0);
					transform: translate3d(0, 0, 0);
				  }
				}
	         @-webkit-keyframes fadeInRight2 {
				  from {
					opacity: 0;
					-webkit-transform: translate3d(100%, 0, 0);
					transform: translate3d(100%, 0, 0);
				  }

				  to {
					opacity: 1;
					-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
				  }
				}

				@keyframes fadeInRight2 {
				  from {
					opacity: 0;
					-webkit-transform: translate3d(100%, 0, 0);
					transform: translate3d(100%, 0, 0);
				  }

				  to {
					opacity: 1;
					-webkit-transform: translate3d(0, 0, 0);
					transform: translate3d(0, 0, 0);
				  }
				}
	.cards-overview-cn .card-blockGrey .card-cn  {width: 100%;position: relative;left: 0;top:0;-webkit-transform: initial;	transform: initial;	float: left;}
	.cards-overview-cn .card-blockGrey .text-cn { width: 100%;  float: left; height: auto;  padding: 30px;}
	.cards-overview-cn .card-blockWhite .card-cn {width: 100%;position: relative;left: 0;top:0;-webkit-transform: initial;	transform: initial;	float: left;}
	.cards-overview-cn .card-blockWhite .text-cn  { width: 100%;  float: left; height: auto;  padding: 30px;}
		/*Cards details*/
		.card-features-cn li .hd { font-size:27px}
		.credit-card {position: relative;right: 0;top:-45px;width: 70%;max-width: 379px;}
		.credit-card .apply-now {position: relative;/*padding: 10px 25px;left: 0;*/top: 0;float: left;	    padding: 10px 15px;
    left: 8px;}
	 /*Accounts*/  
	 .blk-red-border .hd { font-size: 18px;  padding: 0 17%;}
	 .blk-red-border li { width: 100%; margin: 2% 0;}
	 .blk-red-border li .title { font-size: 17px;  margin-bottom: 10px;}
	 .blk-red-border li .desc {  min-height: auto;}
	 .col3 {  width: 100%;}
	 .block-lien .products ul li .over .txt { top: 23%;  font-size: 22px;}
	/*Excahnge Rates*/  
		.treasury-intro-quote { padding: 57px 30px 30px 30px;}
		.treasury-intro-quote h3 { font-size:17px}
		.rates-cn .blk-ex-rates { padding:10px;margin-bottom: 50px; }
		.rates-cn .blk-ex-rates .rates-list .date { margin-bottom:10px; font-style:italic}
		.rates-cn .blk-ex-rates .rates-list li {width: 100%;}
		.rates-cn .blk-ex-rates .rates-list li.first {  width: 100%;}
		.rates-cn .blk-ex-rates .rates-list li .tit { width:30% }
		.rates-cn .blk-ex-rates .rates-list li .item {width:30% }
	 	.rates-cn .blk-ex-rates .rates-list li.sepa {  width: 100%; height: 1px;  margin: 8% 0;}
	    .rates-cn .blk-ex-calc { width: 100%; margin-left: 0;  margin-top: -15px;}
	    .rates-cn .blk-governemnt-securities {float: right; width: 100%; margin-top: 30px; padding: 20px;}
		.market-updates-cn .hd { font-size:23px}
		.market-updates-cn .update-cn ul li {width: 100%;  margin: 0 0;}
		.text-only-block {padding: 0 8%;}
		
		.blk-red-border { padding:0 20px; width:90%; margin-left:5%}
		.blk-red-border .hd::before { left:-20px}
		.blk-red-border .hd::after { right:-20px}
		.blk-red-border .hd span {margin-top: -22%;}
		.blk-red-border .hd { MARGIN-BOTTOM:35PX}
	
		.video-block { margin-bottom:30px }
		.video-block .video-cn { width:100%}
		.video-btn .button {  width: 40px; height: 40px;  line-height: 40px;  font-size: 13px;}
		.video-btn { padding:28% 0 0 0; }
		.video-block .video-other {  margin-top: 0; padding: 15px; width:100%}
		.video-block .video-info { position: relative; width: 85%; right: 0; top: 25px;  left: 5%;}
	
	.blk-red-border ul#our-products li{ height:250px}
	.blk-red-border .subtit {font-size:14px;width: 100%;}
	#team-members li {margin-bottom:25px; margin-right: unset !important;}
	
	.situations-cases-bg-photo {  width: 100%;  height: 170px;  background-size: cover; background-attachment: scroll;}
	
	.rates-cn .blk-ex-calc .form-calculator .row-item label {width: 100%;}
	.rates-cn .blk-ex-calc .form-calculator .row-item select {width: 40%;}
	.government-secu-table .tb  { width:100% }
	.government-secu-table .tb .tbrow .tbcol2 { font-size:13px}
	.government-secu-table .desc {  font-size: 14px;  padding: 0 15px;}
	.become-client-cn { width: 100%;  height: 100%; padding: 60px 25px 40px 25px; position: absolute;}
	.become-client-cn .forms-cn#loancalc { width: 100%;height: 100%; max-width: 1400px; margin: inherit;text-align: center;float: left;}
	.become-client-cn .forms-cn .first-page h2 {font-size: 35px; }	
	.contentconfirmation { font-size: 20px;}
	
	/*Pages without banner*/
	.sme-intro-block .left-block {   width: 100%;  border-top: 1px solid #FFF;height: inherit;padding: 30px 15px;}
	.sme-intro-block .left-block h2 {font-size: 29px;}
	.sme-intro-block .right-block { width:100%}
	.sme-intro-block .right-block .quote h4 { font-size:19px}
	.sme-box-icon-links ul li { width:48%;border-right:0;    margin-bottom: 20px; }
	.sme-box-icon-links ul li a .title { font-size:16px }
	.sme-box-icon-links ul li a .more { margin-top:2px }
	
	.newsmore-intro-block .left-block {   width: 100%;  border-top: 1px solid #FFF;height: inherit;padding: 30px 15px;}
	.newsmore-intro-block .left-block h3 {font-size: 29px;}
	.newsmore-intro-block .right-block  { width:100%;    margin-top: 15px;}
	.newsmore-intro-block .right-block h1 {font-size: 20px; }
	.newsmore-gallery-block .video-info { width:100px; }
	.share-buttons .facebook-share { margin-right: 12px;}
	.news-nav {  margin-bottom:25px}
	
	.container-projets ul li.eventt .content .maintitle {font-size: 18px;}
	.container-projets ul li {height: auto;margin: 10px 0px;float: left;position: inherit !important;top: inherit !important;}
	
.loanCalwidth .umbraco-forms-field.left{width:100%;float:left}
.loanCalwidth .umbraco-forms-field.right{width:100%;float:left}
.loanCalwidth .butCal { margin-top: 15px; margin-bottom: 15px;}
.become-client-cn.mobile__version{position:inherit;float:left}
.loanCalc .leftresult { float: left;width: 100%;}
	#loancalc .leftlab {
    width: 50%;
    float: left;
}
.container-projets ul li.eventt .content .photo {
     height: 150px!important; 
}	
	
.bb-table .tb .tbrow .tbcol2 {font-size:11px;padding: 5px 3%}
	.bb-table .tb .tbrow .tbcol1{font-size:11px;padding: 5px 3%}
	
	
	.global-choose.ip .ip-icons-bloc {
		flex-direction: column;
		gap: 2rem;
		align-items: center;
	}
	
	.global-choose.ip .ip-icons-repeat {
		width: 20rem;
		max-width: 90%;
	}
	
	ul#team-members {
		flex-direction: column;
		display: flex;
		align-items: center;
		width: 100% !important;
		transform: unset !important;
	}
	
	.principal-assets-section .title{font-size: 2rem;}
	.bx-viewport:has(#team-members) {height: auto !important;}	
	.text-only-block-contact-bottom .pindiv {width: 100% !important;}
	.text-only-block-contact-bottom a.viewfac {font-size: 1.5rem;margin-bottom: 1rem;}
	.text-only-block-contact-bottom .pindiv .tit {font-size: 1.25rem;}	
	.principal-assets-repeat {width: 40%;border: none !important; padding: 2rem 0;}
	.principal-assets-bloc {justify-content: center; padding:0}
	.block-tailored.new-inv .products ul li,
	.eam-bloc>div{width:100%}
}


@media screen and (min-width: 0) and (max-width: 479px) {
	.block-sustainaibility .products ul li{margin-bottom: 116px;}
	.block-sustainaibility .products ul li .over .txt,.sustainaibility-title .boxreporting .txt{    font-size: 22px;}
	.block-sustainaibility .products ul li .box {bottom: -35%;}
	.sustainaibility-features-cn li .hd{ font-size: 20px;}
	.block-sustainaibility .products ul li::after{display:none;}
	.block-sustainaibility{margin-bottom:20px;}
	.sustainaibility-features-cn::before {height: 68px;}
	.redtitle {font-size: 18px;}
	.sustainaibility-features-cn li .content {margin-top: 7%;}
	.annual-report-listing li .list-report ul li {
    width: 100%!important;margin-bottom:10px!important;
}

.annual-report-listing li .list-report ul li .years {
       height: 46px;
}
	.annual-report-listing li .list-report {
  
    margin-top: 86px;
}
	
	.new-block-tailored .block-tailored .products ul li {
		width: 100%;
	}
	
	.block-tailored .products ul li {
		width: 100%;
	}
}
/* Medium Mobiles */
@media screen and (min-width: 480px) and (max-width: 639px) {
	.redtitle {font-size: 18px;}
	.block-sustainaibility .products ul li{margin-bottom: 116px;}
	.block-sustainaibility .products ul li .over .txt,.sustainaibility-title .boxreporting .txt{    font-size: 22px;}
	.block-sustainaibility .products ul li .box {bottom: -22%;}
	.block-sustainaibility .products ul li .photo{float:none;}
	.sustainaibility-features-cn li .hd{ font-size: 20px;}
	.block-sustainaibility .products ul li::after{display:none;}
	.block-sustainaibility{margin-bottom:20px;}
	.sustainaibility-features-cn li .content {margin-top: 4%;}
	.block-sustainaibility .products ul li {width:50%!important;}
	.block-sustainaibility .products ul li .box ul li {width: 100%!important;}
	.annual-report-listing li .list-report {
 
    margin-top: 70px;
}
}

/* Mobile Landscape - Small Tablets - Larger Mobiles */
@media screen and (min-width: 640px) and (max-width: 719px) {
	.block-sustainaibility .products ul li{margin-bottom: 116px;width: 50%;}
	.block-sustainaibility .products ul li .over .txt,.sustainaibility-title .boxreporting .txt{    font-size: 22px;}
	.block-sustainaibility .products ul li .box {bottom: -15%;}
	.sustainaibility-features-cn li .hd{ font-size: 20px;}
	.block-sustainaibility .products ul li::after{display:none;}
	.block-sustainaibility{margin-bottom:20px;}
	.logo-golf-sponsor-cn .logo-list-cn .inner ul li { width:48%;margin: 5px 1%;    height:180px;}
	
	.new-block-tailored .block-tailored .products ul li {
		width: 100%;
	}
	
	.block-tailored .products ul li {
		width: 100%;
	}
}

/* Ipad Portrait - Small Tablets */
@media screen and (min-width: 720px) and (max-width: 979px) {
		.mauritius-advantage-investment .title ,.mauritius-advantage-map .title,.sustainaibility-features-cn li .hd,.mauritius-advantage-icon-cn .title{
    font-size: 29px;margin-bottom:0;
	}
	.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(2n),
	.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(4n),
	.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(6n),
	.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(8n){ border-right:none!important;}
	.mauritius-advantage-icon-cn .blk-icons ul li ,.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(5n)
{
    float: left;
    width: 50%;
    padding: 0 ;
border-right: 1px solid #FFF!important; 
    border-bottom: 1px solid #FFF;
    min-height: 150px;
    margin-bottom: 20px;
}
	.mauritius-advantage-icon-cn .blk-icons ul li:nth-child(6n)
{
    float: left;
    width: 50%;
    padding: 0 ;
border-right:none; 
    border-bottom: 1px solid #FFF;
    min-height: 150px;
    margin-bottom: 20px;
}
	.mauritius-advantage-ifc .list ul li {
    float: left;
		width: 100%;}
	
	
	.logo { width: 140px; height: 52px; left: 50%; right:initial; top: 72px;-webkit-transform:translateX(-50%);  transform:translateX(-50%);background: url(../images/svg/logo-afrasia-white.svg);}
	header .sm-logo { width: 106px;  height: 40px;right: initial; top: 6px;   left:84px;}
	.home-slider-sec { margin-top:60px; overflow:hidden; height:calc(100% - 100px);}
	.home-news-sec { margin-top:0}
	.home-news-sec .news-cn ul li a {padding: 5% 20px 8% 20px;}
	.treasury-insights .data-block .video-gov {  width: 100%;}
	.home-about > .banner .overlay .intro .t2 { float: left;  width: 80%;font-size: 34px;}
	
	.home-about .blk-anchored-mauritius {width: 65%;}
	.home-about .blk-anchored-mauritius h5 { font-size: 33px;  margin-bottom: 7px;}
	
	.home-about .blk-bank-different {  width: 100%; margin-top: 20px;}
	.home-about .blk-bank-different .box-text h5 {  font-size: 25px;  margin-bottom: 3px;}
	.home-about .blk-bank-different .box-text .contenu {  width: 100%;  font-size: 15px;}
	
	.home-about .blk-xtra-miles {width: 100%;margin-top: 13%;}
	.home-about .blk-xtra-miles .box-text h5  {  font-size: 25px;  margin-bottom: 3px;}
	.home-about .blk-xtra-miles .box-text .contenu {  width: 100%;  font-size: 15px;}
	
	.home-about .blk-csr {width: 100%;margin-top: 13%;}
	.home-about .blk-csr .box-text h5 {  font-size: 25px;  margin-bottom: 3px;}
	.home-about .blk-csr .box-text .contenu { width: 100%;  font-size: 15px;}
	
	.home-banking-experiences .hd {margin-bottom: 30px;  margin-top: 30px;}
	.home-banking-experiences .experiences ul li {width: 50%;}
	
	/*Footer*/
	.home-contact-box .newsletter-box .inner .col-left { width: 100%;border-right: 0;}
	.home-contact-box .newsletter-box .inner .col-right { width: 100%;}
	.home-contact-box .twitter-feed {margin: -27px auto;}
	
	/*INNERPAGES*/
	.page-content .intro-block .left-block { width: 48.2647%;  height: 281px;margin-top: -217px;}
	.page-content .intro-block .left-block h2 {font-size: 35px;}
	.page-content .intro-block .right-block {width: 100%;}
	.centered-title {  font-size: 32px;margin-top: -5%;}
	.blk-strategic-partners li {width: 25%;}
	.partner-logo img { width: 100% !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: top; }
	
	.block-tailored .title2 { font-size: 29px;padding: 0 10%;}
	.block-tailored .products ul li.col4 { width:50%}
	.block-tailored .products ul li .over .txt { font-size:26px}
	.block-tailored .products ul li .content ul li { font-size:13px}
	.con1024 { width: 90%;}
	
	.blk-feat-photoLeft-textRightBlue .box-text h5 {  font-size: 25px;  margin-bottom: 9px;}
	.margBot80 {  margin-bottom: 30px;}
	.blk-feat-photoLeft-textRightBlue {margin-bottom: 30px;}
	.about-milestones-cn li .hd {  font-size: 31px;  margin-bottom: 31px;}
	.about-milestones-cn li {width:100%}
	.cd-tabs-navigation li { width:12%; border-bottom:0; border-right:1px solid #DEE0E3; padding:0 5px}
	.cd-tabs-navigation li:last-child {border-right:0; }
	.cd-tabs .tab-nav {width:100%}
	
	.cd-tabs-navigation a {  height: auto !important;  width: auto !important;  padding-top: 0 !important;  font-size: 15px;}
	.cd-tabs-content li {  padding: 2em 2em 2em 0;}
	.cd-tabs-content {  width: 100%;}
	[data-control], [data-content] > * {padding: 10px 10px 40px 0;}
	.cd-tabs-content li .accolades {  width: 100%;}
	.cd-tabs-content li .milestones {  width: 100%; margin-right: 0;}
	
	.blk-feat-photoLeft-textRightWhite .box-text h5 { font-size:24px;  margin-bottom: 6px; }
	.blk-feat-photoRight-textLeftBlue .box-text h5 {font-size:24px;margin-bottom: 6px; }
	.blk-feat-photoLeft-textRightRed .box-text h5 {font-size:24px;  margin-bottom: 6px; }
	.blk-feat-photoRight-textLeftWhite .box-text h5 {font-size:24px; margin-bottom: 6px; }
	.blk-feat-photoRight-textLeftRed .box-text h5 {font-size:24px; margin-bottom: 6px; }
	
	.afrasia-advantage {  padding-top: 45px;height: 190px;}
	.afrasia-advantage li .icn { width: 40px;  height: 40px;  margin-bottom: 6px;}
	.afrasia-advantage li .title { font-size: 14px;  min-height: 70px;}
	
	.margTop120 {  margin-top: 60px;}
	.inner-small-banner-cn { background: #FFF; position:relative}
			.inner-small-banner-cn .left-block { float: none; width: 50%; padding: 3%; position: absolute; background:#EE3A31; bottom: -17px;height: 120px;}
			.inner-small-banner-cn .left-block h1 { font-size:12px }
			.inner-small-banner-cn .left-block h2 { font-size:21px }
			.inner-small-banner-cn .right-block {width: 100%;  max-height: none;  overflow: auto;  position: relative;}
			.inner-small-banner-cn .right-block img { width:100%;   max-width: 100%;height:auto; }
	
	.third-menu-cn {width: 30%;}
	.card-intro-quote {width: 70%;}
	.third-menu-cn ul li { font-size:14px}
	.third-menu-cn ul li a {  padding: 6px 0;}
	.card-intro-quote h3 {font-size:22px}
	.board-team-cn ul li {margin-bottom:100px}
	.board-team-cn ul li .content {	width: 65.7404%;}
	.board-team-cn ul li .content .name {font-size:18px}
	.board-team-cn ul li .content .summary {font-size:14px}
	
	.investors-news-cn li {  width: 100%;}
	.investors-news-cn li .hd {  font-size: 26px;  margin-bottom: 39px;}
	.investors-news-cn::after { height:56px}
	.block-lien .products ul li .over .txt { top: 36%;font-size: 24px;}
	
	.inner-fondation-banner-cn { position:relative; margin-top: 60px; }
	.inner-fondation-banner-cn .left-block { float: none; width: 50%; padding: 3%; position: absolute; background:#EE3A31; bottom: -17px;height: 120px;}
	.inner-fondation-banner-cn .right-block	{width: 100%;  max-height: none;  overflow: auto;  position: relative;}
	.inner-fondation-banner-cn .left-block h1 { font-size:12px}
	.inner-fondation-banner-cn .left-block h2 { font-size:21px }
	.fondation-quote .quote { width: 95px;height: 73px;}
	.fondation-achievements-cn li .hd { font-size:40px}
	
	.filter-container { height:auto;padding: 25px 0 25px 0; }
	.filter-container #options ul li { padding: 10px 10px;}
	.filter-container #options ul li a { font-size:15px }
	.filter-container #options ul li a.selected {font-size:15px }
	.container-projets ul li {width:48.5%;}
	.container-projets ul li.markett .content .summary { font-size:21px }
	.container-projets ul li.eventt .content .title { font-size:15px }
	.container-projets ul li.mediaa .content .photo {height: 150px;}
	.container-projets ul li.eventt .content .summary { display:none }
	.container-projets ul li.communique .content .title { font-size:23px }
	.container-projets ul li.mediaa .content .summary { font-size:17px }
	.container-projets ul li.press .content .summary { font-size:23px }
	.report-big-listing li.col3 { width:100%}
	.blk-red-border .hd { font-size:33px }
	.home-contact-box .newsletter-box .inner .col-right .newsletter .form input[type="submit"] { border-radius:0 }
	
	.con994 {width: 90%;}
	.career-reasons-cn .tit { font-size:37px }
	#slider-projets-info { left: -225px; width: 314px;  height: 242px;  padding: 5%;}
	.products-big-listing li.col2 { width:100%}
	.products-big-listing li .hd {font-size: 28px;}
	.document-listing li .hd {font-size: 28px;}
	.video-block .video-info { width: 236px;  right: -5%; top: -30px;}
	.slider-reasons #go-prev {bottom: -40px;    left: 0;}
	.slider-reasons #go-next {bottom: -40px;    left: 50px;}
	
	.text-only-block-contact-bottom h4 {font-size:20px}
	.text-only-block-contact-bottom .pindiv .tit { font-size:19px}
	.text-only-block-contact, .text-only-block-contact-bottom { margin:9% 0}
	.afrasia-advantage li.coll3 { width:27% }
	.box-icon-links-contact ul li {width:24%; margin-bottom:30px}
	.box-icon-links-contact ul li a .title {  font-size:14px}
	.box-icon-links-contact ul li:nth-child(4) { border-right:0 }
	.contact-form-cn .col-left-contact { width: 100%;}
	.contourPage .contourFieldSet .row-fluid .umbraco-forms-field label {font-size:15px}
	.contact-form-cn .col-right-contact {width: 100%;}
	.contact-form-cn .col-right-contact .ctc-add-cnt {	width: 50%;}
	.card-features-cn li .hd { font-size:28px }
	.credit-card .apply-now { /*left: -125px; top: 29%;*/    right: 12px;
    bottom: -43px;}
	.treasury-intro-quote { padding: 9% 3% 3% 3%;}
	.rates-cn .blk-ex-rates { padding:20px}
	
	
		.rates-cn .blk-ex-rates .rates-list .date { margin-bottom:10px; font-style:italic}
		.rates-cn .blk-ex-rates .rates-list li {width: 100%;}
		.rates-cn .blk-ex-rates .rates-list li.first {  width: 100%;}
		.rates-cn .blk-ex-rates .rates-list li .tit { width:30% }
		.rates-cn .blk-ex-rates .rates-list li .item {width:30% }
	 	.rates-cn .blk-ex-rates .rates-list li.sepa {  width: 100%; height: 1px;  margin: 8% 0;}
	    .rates-cn .blk-ex-calc { width: 100%; margin-left: 0;  margin-top: -15px;}
	    .rates-cn .blk-governemnt-securities {float: right; width: 100%; margin-top: 30px; padding: 20px;}
		.market-updates-cn .hd { font-size:23px}
		.market-updates-cn .update-cn ul li {width: 100%;  margin: 0 0;}
		.text-only-block {padding: 0 8%;}
	
	.search-container .search-inner-cn .popular-search { margin-top:40% }
	.search-container .search-inner-cn .popular-search .list-cn ul {width: 31%;}
	.search-container .search-inner-cn .search-input input[type="text"] { width:70%}
	.collpse_wrapper .collapsible h3 {  font-size:21px}
	
	.become-client-cn { width: 100%;  height: 100%; padding: 60px 40px 40px 40px;  position: absolute;}
	
	.sme-box-icon-links ul li { width: 24%; }
	.sme-box-icon-links ul li a .title { font-size: 14px; min-height: 45px;}
	.sme-intro-block .left-block {   width: 100%;  border-top: 1px solid #FFF;height: inherit;padding: 30px 15px;}
	.sme-intro-block .left-block h2 {font-size: 29px;}
	.sme-intro-block .right-block { width:100%}
	.sme-intro-block .right-block .quote h4 { font-size:19px}
	
	.newsmore-intro-block .left-block {   width: 100%;  border-top: 1px solid #FFF;height: inherit;padding: 30px 15px;}
	.newsmore-intro-block .left-block h3 {font-size: 29px;}
	.newsmore-intro-block .right-block  { width:100%}
	.newsmore-intro-block .right-block h1 {font-size: 20px; }
	.newsmore-gallery-block .video-info { width:100px; }
	.share-buttons .facebook-share { margin-right: 12px;}
	.news-nav {  margin-bottom:25px}
	.newsmore-intro-block {  margin-bottom: 95px;}
	.treasury-insights .data-block .exchange-rate {
    float: left;
		width: 85.4242%;}
}




/*Landscape Ipad*/
@media screen and (min-width: 980px) and (max-width: 1199px) {
	.flot-button {bottom: 12.5%;}
	.block-sustainaibility .products ul li:first-child::after{display:none;}
	.block-sustainaibility .products ul li:nth-child(2)::after{display:none;}
	.mauritius-advantage-icon-cn .blk-icons ul li {padding: 0 1% 2% 0.5%;}
	.mauritius-advantage-ifc .list ul li {
    float: left;
		width: 47%;}
	.treasury-insights .data-block .exchange-rate {
    float: left;
		width: 58.4242%;}
	header { transform:translate3d( 0, 0, 1px);}
	nav {  left: 74px;   -webkit-transform: initial;  transform: initial;}	
	nav ul li a { font-size:13px}
	.home-slider-sec { margin-top:60px; overflow:hidden; height:calc(100% - 100px);}
	.home-news-sec { margin-top:0 }
	.treasury-insights .data-block .video-gov {  width: 100%;}
	
	.home-about .blk-anchored-mauritius { width:45% }
	.home-about .blk-anchored-mauritius h5 { font-size:35px }
	.home-about .blk-bank-different .box-text { width:54% } 
	.home-about .blk-bank-different .box-text h5 {font-size:35px }
	.home-about .blk-bank-different .box-text .contenu { width: 100%;  font-size: 16px;}
	.home-about .blk-xtra-miles { margin-top: 11%;}
	.home-about .blk-xtra-miles .box-text h5 { font-size: 29px;  margin-bottom: 12px;}
	.home-about .blk-xtra-miles .box-text .contenu { width: 100%;  font-size: 16px;}
	.home-about .blk-csr .box-text {width: 50%;}
	.home-about .blk-csr .box-text h5 { font-size: 25px;  margin-bottom: 13px;}
	.home-banking-experiences .hd { font-size: 40px;  margin-bottom: 30px;  margin-top: 20px;}
	.home-banking-experiences .experiences ul li .over .txt {top: 19%;  font-size: 21px;}
	
	.home-contact-box .newsletter-box .inner .col-left .email a { font-size:24px}
	.home-contact-box .newsletter-box .inner .col-right .newsletter .tit {font-size: 16px;}
	.home-contact-box .newsletter-box .inner .col-right .newsletter .form input[type="submit"] {padding: 10px 21px; border-radius:0}

	.sub-nav ul li a { font-size:13px;margin: 0 10px;font-family: 'AvertaRegular';font-weight: normal; }
	/*ABOUT*/
		/*Overview*/
		.page-content .intro-block .left-block    { height: 250px; }
		.page-content .intro-block .left-block h2 { font-size:26px }
		.partner-logo img { width: auto !important;	max-width: 100%;	height: auto;	border: 0;	-ms-interpolation-mode: bicubic;	vertical-align: top;  transition: all 0.3s ease-out 0s;}	
		.partner-logo { margin:0 auto; }
		.blk-strategic-partners li { width:27% }
		.title2 {  font-size: 31px;}
		.centered-title {  font-size: 33px;}
		.block-tailored .title2 {font-size: 31px;}
		.col4 {  width: 50%;}
		.blk-feat-photoLeft-textRightBlue .box-text h5 {font-size:25px}
		.about-milestones-cn li .hd { font-size:31px }
		.cd-tabs-content li { padding: 20px 0 20px 1em;}
		[data-control], [data-content] > * {  padding: 3px 10px 40px 0px;}
		.cd-tabs-content li .milestones {width: 58.4143%;}
		.cd-tabs-content li .accolades {  width: 40.1219%;}
		.blk-feat-photoLeft-textRightWhite .box-text h5 {font-size:25px}
		.blk-feat-photoRight-textLeftBlue .box-text h5  {font-size:25px}
		.blk-feat-photoLeft-textRightRed .box-text h5 {font-size:25px}
		.blk-feat-photoRight-textLeftWhite .box-text h5 {font-size:25px}

		.afrasia-advantage li .icn {  width: 49px;  height: 49px; }
		.afrasia-advantage li .title {font-size: 14px;}
		.afrasia-advantage { height:200px}
		.home-contact-box .become-client { height:122px}
		
		.inner-fondation-banner-cn .left-block h2 {font-size: 25px;}
		
		.inner-small-banner-cn .left-block h2 { font-size:26px}
		.card-intro-quote h3 { font-size:23px}

		.investors-news-cn li .hd {font-size:32px}
		.investors-news-cn::after { height:54px}
		.investors-newsletter-cn .inner .title { font-size:16px}
		.block-lien .products ul li .over .txt { top: 40%; font-size:29px}

		.filter-container #options ul li { padding: 10px 14px; font-size: 14px;}
		.container-projets ul li.markett .content .summary { font-size:21px }
		.container-projets ul li {	width: 48%;max-width:none !important;}
		.container-projets { width:100%; float:left; padding:10px 10px 10px 35px;}
		.report-big-listing li .hd { font-size:24px}
		.blk-red-border .hd { font-size:33px}
		.con994 { width: 90%;}
	#slider-projets-info {left: -310px;}
	.slider-reasons #go-prev {left: -310px;    bottom: -30px;}
	.slider-reasons #go-next {left: -256px;    bottom: -30px;}
	.video-block .video-info {right:1%}
	.products-big-listing li .hd { font-size:24px}
	
	.box-icon-links-contact ul li {	width: 13%;}
	.box-icon-links-contact ul li a .title{font-size: 12px;  height: 30px;}
	.text-only-block-contact-bottom .pindiv .tit { font-size:23px}
	.afrasia-advantage li.coll3 { width:25%}
	.third-menu-cn ul li {font-size: 13px;}
	.third-menu-cn ul li a {padding: 6px 0;}
	.card-features-cn li .hd {font-size:28px}
	.credit-card { right: 0%;}
	.credit-card .apply-now {/*left: -130px;*/right: 16%;bottom: -40px;}
	.con1024 {width: 95%;}
	.blk-red-border ul#our-products li { width:280px !important}
	
	.block-tailored .products ul li .over .txt {font-size: 25px;}
	.block-tailored .products ul li .content .more {  width: 90%;    bottom: 14px;}
	
	.contourPage .contourFieldSet .row-fluid .umbraco-forms-field label { font-size:16px}
	.search-container .search-inner-cn .popular-search .list-cn ul {width: 32%;}
	.search-container {    padding: 66px 20px 0 20px;}
	.collpse_wrapper .collapsible h3 { font-size:22px}
	
	.sme-intro-block .left-block { height:270px}
	.sme-intro-block .left-block h2 { font-size:29px }
	.sme-box-icon-links ul li { width: 24%; }
	.sme-box-icon-links ul li a .title { font-size: 18px; min-height: 45px;}
	
	.newsmore-intro-block .left-block {height:270px}
	.newsmore-intro-block .left-block h3 { font-size:29px}
	.newsmore-intro-block .right-block h1 { font-size:25px }
	.kookiediv {
    width: 90%!important;
    margin: 0 auto;
}
	
	.new-block-tailored .block-tailored .products ul li {
		width: 50%;
	}
	
	.block-tailored .products ul li {
		width: 50%;
	}


}



/* laptops 13inch */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
	.kookiediv {
    width: 90%!important;
    margin: 0 auto;
}
	.flot-button {
		bottom: 13%;
	}
	
	.block-sustainaibility .products ul li .over .txt {top: 9%;}
	nav { width:70% }
	.home-about .blk-anchored-mauritius h5 {font-size: 38px; }
	.home-about .blk-bank-different .box-text h5{font-size: 38px; }
	.home-about .blk-xtra-miles .box-text h5 {font-size: 38px; }
	.home-about .blk-csr .box-text h5 {font-size: 38px; }
	.home-banking-experiences .experiences ul li .over .txt {  top: 33%;font-size: 25px;}
	.treasury-insights .data-block .exchange-rate .date { font-style:italic; margin-bottom:5px}
	.treasury-insights .data-block .video-gov .gov-securities .tit { font-size:21px; margin-bottom:2%}
	.treasury-insights .data-block .video-gov .gov-securities {  padding: 22px 20px;
}
	.bottom-links-cn .other-links .box-info .shareholders .partners ul li { margin-right:21px }
	
	.page-content .intro-block .left-block {height: 325px;}
	.page-content .intro-block .left-block h2 { font-size:30px }
	.block-tailored .title2 {  font-size:37px}
	.block-tailored .products ul li .over .txt {  font-size:20px}
	.blk-feat-photoLeft-textRightBlue .box-text h5 { font-size:27px }
	.blk-feat-photoLeft-textRightRed .box-text h5 {font-size:27px }
	.blk-feat-photoRight-textLeftWhite .box-text h5 {font-size:27px }
	.blk-feat-photoLeft-textRightWhite .box-text h5 {font-size:27px }
	.blk-feat-photoRight-textLeftBlue .box-text h5{font-size:27px }
	
	.inner-small-banner-cn .left-block h2 { font-size:31px}
	.third-menu-cn {  padding:2%}
	.video-block .video-info {right:2%}
	.inner-fondation-banner-cn .left-block h2 {font-size:30px}
	
	.container-projets ul li.markett .content .summary { font-size:26px}
	.container-projets ul li.eventt .content .photo {height: 150px;}
	.container-projets ul li.eventt .content .title {font-size:15px}
	.container-projets ul li.eventt .content .maintitle {font-size:20px}
	
	.box-icon-links-contact ul li {	width: 13%;}
	.box-icon-links-contact ul li a .title{font-size: 14px;  height: 30px;}
	.search-container .search-inner-cn .popular-search .list-cn ul {  width:28%}
	.card-features-cn li .hd { font-size:36px }
	.credit-card .apply-now { /*left:-150px*/right: 70px;bottom: -42px; }
	.rates-cn .blk-ex-rates .rates-list {margin-bottom: 40px;}
	
	.block-tailored .products ul li .content ul li {width: 90%;font-size: 12px;padding: 0 0 0 25px; margin-bottom: 4px;}
	.block-tailored .products ul li .content ul li::before {position: absolute;width: 12px;height: 1px;left: 0;top: 8px;content: "";}
	
	#loancalc .first-page h3.loanh3 {width: 100%;font-size: 14px;margin-bottom: 0px;margin-top: 0px;}
	
	#loancalc.forms-cn label { font-size: 16px;margin-bottom: 9px;}
	#loancalc .umbraco-forms-field {margin-bottom: 15px;}
	#loancalc.forms-cn input[type="number"] { height: 35px; margin-bottom: 5px;padding: 5px;font-size: 16px;}
	#loancalc.forms-cn select {height: 35px; padding: 8px;font-size: 16px;}
	#loancalc.forms-cn .LoanCal__title {margin-bottom: 3%;}
	.newsmore-gallery-block .photo-cn {
    float: left;
    width: 58.3593%;
    position: relative;
    margin-left: 108px;
}
	
	.new-block-tailored .block-tailored .products ul li .content .desc {
		font-size: 12px;
	}
	
	.new-block-tailored .block-tailored .products ul li .content .more {
		width: 90%;
		padding: 5px 10px;
		bottom: 20px;
	}
	
	.new-block-tailored .block-tailored .products ul li .content .more .text {
		font-size: 12px;
	}
	
	.block-tailored .products ul li .content .desc {
		font-size: 15px;
	}
	
	.block-tailored .products ul li .content .more {
		width: 90%;
		padding: 5px 10px;
		bottom: 20px;
	}
	
	..block-tailored .products ul li .content .more .text {
		font-size: 12px;
	}
	
}

@media only screen and (min-width: 1460px) and (max-width: 1907px) {
	.container-projets li{max-width:none !important;}
	.container-projets { width:100%; float:left; padding:10px 10px 10px 30px;}
	
	.new-block-tailored .block-tailored .products ul li .content .desc {
		font-size: 12px;
	}
	
	.new-block-tailored .block-tailored .products ul li .content .more {
		width: 90%;
		padding: 5px 10px;
		bottom: 20px;
	}
	
	.new-block-tailored .block-tailored .products ul li .content .more .text {
		font-size: 12px;
	}
	
	.block-tailored .products ul li .content .desc {
		font-size: 18px;
	}
	
	.block-tailored .products ul li .content .more {
		width: 90%;
		padding: 5px 10px;
		bottom: 20px;
	}
	
	.block-tailored .products ul li .content .more .text {
		font-size: 12px;
	}
}



/*Added 19.02.2020 - Treasury Sections*/

@media screen and (min-width: 0) and (max-width: 980px) {
	.daily-market-patrol-cn .title {font-size:23px}
	.daily-market-patrol-cn .quote-cn {  position: relative;  width: 100%;  min-height: auto;  right: 0;  top: 0;}
	.daily-market-patrol-cn .quote-cn .quote {font-size:19px}
	.daily-market-patrol-cn .daily-market-rates {padding:0}
	.rates-cn .block .title {width:100%}
	.fundamental-data .box-cn .box { width: 100%; margin: 0;}
	.technical-analysis .box-cn .box {  width: 100%;margin: 0;}
	.daily-market-disclaimer .text {  color: #999; font-size: 10px;}
	
	.mk-research .daily-market, .mk-research .weekly-report, .mk-research .market-update { width:100%}
	
	.treasury-insights .data-block .video-gov .treasury-research { width:100%}
	.middletit {  font-size: 17px;}
	.daily-mkt-back {display:none}
	.breadcrumb { margin-top:15px;}
	
	.navlinks-button-cn .archives-link {  margin: 0 15px;}
	
	.technical-analysis .box-cn .box .photo {width: 100%;}
	.technical-analysis .box-cn .box .text  {width: 100%;}
	.rates-cn { margin-bottom:20px }
	
	/* Testimonials page*/
	.top-stories-cn .inner .title {	font-size: 30px;}
	.top-stories-cn .content .list ul li { width: 100%; margin-bottom: 30px;}
	.top-stories-cn .content .list ul li .photo { width: 100%; }
	.top-stories-cn .content .list ul li .content { width: 100%; }
	.testimonials-slider-cn .inner {width: 90%;}
	.customer-testi-title { font-size: 30px;   padding-bottom: 6%;}
	
}	

@media screen and (max-width: 979px) and (min-width: 720px){
	.mk-research .weekly-report { width:55%}
	.mk-research .daily-market { width:43%}	
	.mk-research .market-update { width: 94%; margin-left: 3%;margin-top: 10px;}
	
	.top-stories-cn .inner .title {	font-size: 40px;}
	.top-stories-cn .content .list ul li { width: 100%; margin-bottom: 20px;}
	.testimonials-slider-cn .inner {width: 90%;}
	.customer-testi-title { font-size: 40px;   padding-bottom: 6%;}
}

@media screen and (min-width: 980px) and (max-width: 1199px){
	.top-stories-cn .content .list ul li { width: 100%; margin-bottom: 20px;}
}

@media screen and (min-width: 1200px) and (max-width: 1366px){
	.top-stories-cn .content .list ul li .photo { width: 34.1832%;; }
	.top-stories-cn .content .list ul li .content { width: 65.8168%; }
	.top-stories-cn .content .list ul li .content .date { font-size: 14px;}
	.top-stories-cn .content .list ul li .content .title {	font-size: 14px;}
}

@media screen and (max-width: 1440px) {
	.become-client-cn .forms-cn {
		padding: 2% 0;
		/*overflow-y: scroll;*/
	}
	
	html {
		zoom: .9;
	}
	
	.become-client-cn .forms-cn .first-page h2 {
		font-size: 35px;
		margin-bottom: 0;
	}
	
	.become-client-cn .forms-cn input[type="text"] {
		margin-bottom: 0;
	}
	
	.become-client-cn .forms-cn label {
		font-size: 20px;
		margin-bottom: 10px;
	}
	
	.become-client-cn .forms-cn .first-page .form-elements .umbraco-forms-navigation input.btn.primary {
		margin-top: 0;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

@media screen and (min-resolution: 120dpi) {
	
	.home-slider {
		width: 100% !important;
		height: calc(100vh - -100px) !important;
	}
	
	
	
	.become-client-cn .forms-cn .first-page .form-elements .umbraco-forms-navigation input.btn.primary {
		margin-top: 1%;
	}
	
	.become-client-cn .forms-cn .first-page .form-elements {
		max-width: 1100px;
	}
	
	.become-client-cn .forms-cn {
		width: auto;
		padding: 5% 0;
		/*overflow-y: scroll;*/
	}
	
	.become-client-cn .forms-cn .first-page .form-elements .umbraco-forms-navigation input.btn.prev {
		bottom: 50px;
    	left: 50px;
	}
	
	.become-client-cn .forms-cn .first-page .form-elements .umbraco-forms-navigation input.btn.next {
		bottom: 50px;
	}
	
	body {
		zoom: 0.9;
	}
}

.global-choose .choose-img{
	width:100%;
}

.global-choose .choose-img img{
	width:100%
}
   .daily-mkt-back { margin-top: 200px;
    float: left;
	   width: 100%;}
