/* Responsive CSS Document */
@media (max-width: 1199px) and (min-width: 1024px){}

@media only screen and (min-width: 1020px) and (max-width: 1024px) {}

@media only screen and (min-width: 992px) and (max-width: 1019px) {}

@media only screen and (min-width: 960px) and (max-width: 991px) {}

@media only screen and (min-width: 768px) and (max-width: 959px) {}


@media (min-width: 1024px) and (max-width: 1280px){
.container { width: 100% !important;}
.about_page img{height:400px !important;}
#cssmenu > ul > li > a{padding: 1em 5px !important;}
#cssmenu > ul > li.has-sub > a { padding-right: 22px !important;}
}

/* iPads (portrait) Start */
@media only screen and (min-width: 768px) and (max-width: 1023px){
.mg-wd{width:auto !important;}
.lead-form{ padding: 0px !important;}
.lead-form .lead-row{margin-bottom: 5px !important;}
.lead-form .lead-row label{ display: inline-block; margin-bottom: 5px !important;}
.lead-form .lead-row span{ box-sizing: border-box !important; width: auto !important; margin-right: 0 !important; top: 0px !important;}
.lead-form input, .lead-form select{box-sizing: border-box !important; float:none !important;width:100% !important;}
.lead-form .button{width: 40% !important; margin-top: 2em;}
.lead-details-form{padding: 0 !important;}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-right: auto;margin-left: auto;}
/*BODY #s4-workspace{overflow: auto !important;}*/
.container { width: 100% !important;}
.left-side-menu{ display:none !important;}
.navbar{border: none !important;}
a.toggleMenu{padding:0px 0 !important; padding-left: 10px !important;}
.navbar-brand{ height: auto; width: 150px; margin-top: -8px !important; padding: 0px 5px 0 0 !important;}
.dropdowns {
    width: 60%;
    padding: 0;
    margin: 0 auto;
    float: left;
}
.navbar-toggle {
    position: absolute;
    left: 0;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 0;
}
.nav {
    background: #fff !important;
    border: none;
    top: 100%;
    position: absolute;
    width: 100%;
    left: 0;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
}
.nav > li > .parent{background-position: 95% 50% !important;}
.nav > li{border-top: 1px solid #ccc;}
.nav > li:last-child{border-bottom: 1px solid #ccc;}
.nav li li a{ padding: 0.7em 2em 0.7em 2em;}  

.language{width: auto !important;}
.home{ width: 4% !important; margin-right: 10px}
.home:hover{width: 10% !important;}

.login{right: 0%; height: auto; padding: 4px; padding-left: 20px;}
.login:hover{right: 0%; !important; height: auto; padding: 4px; padding-left: 20px;}
.login a{font-size: 12px;}
#SearchBox input[type=text]{padding: 9px 10px 8px 40px !important;}

.intro{
    top:6em;
    width: 72%;
    min-width: auto;
    }
.savenow-btn{margin-top: 0em;}
.dots{ bottom: 15%; right: 5%;}
.dots span{float:right;}
.intro h1{ font-size: 36px;}
.intro p{font-size: 14px;}

.center{text-align:center !important;}
.w3-display-container { margin-top: 0em !important;}
    .ms-webpartzone-cell { margin: auto auto 0px !important;}
.service-more{ font-size: 12px;}


/* Footer Responsive CSS Start */
.footer{height:40px !important;}
.footer-nav{display:none;}
.footer-toggleMenu { display:  inline-block;}
.menu-icon{
	display:inline-block !important; 
	padding:15px 0px !important; 
	background:transparent !important; 
	margin:auto !important; 
	float:left;
}
#footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: absolute;
    background-color: #fff;
	border: 1px solid #ccc;
    right: 0;
}
.footer-nav li{width:100%;}
#footer-nav ul li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: relative;
    background-color: #fff;
}
#footer_social{
	position:absolute;
	right:0 !important;
	height:auto !important;
	margin: 0px auto !important;
}
#footer_social a{margin: 5px 1px;}
/*.bm_appoint{margin: 5px 5px;}
.find_us{ margin: 5px 5px;}
.social_phone{ margin: 5px 5px;}
.social_mail{ margin: 5px 5px;}
.social_facebook{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_twitter{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_linkedin{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_insta{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_youtube{ margin: 5px 5px; margin-bottom: 8px !important;}*/
/* Footer Responsive CSS End */


/* Footer Responsive CSS Start */
/*.footer{height:auto !important;}
.footer-nav{display:none;}
.footer-toggleMenu { display:  inline-block;}
.menu-icon{
	display:inline-block !important; 
	padding:15px 0px !important; 
	background:transparent !important; 
	margin:auto !important; 
	float:left;
}
#footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: absolute;
    background-color: #fff;
	border: 1px solid #ccc;
    right: 0;
}
.footer-nav li{width:100%;}
#footer-nav ul li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: relative;
    background-color: #fff;
}
#footer_social{
	position:absolute;
	right:0 !important;
	height:auto !important;
	margin: 8px auto !important;
	    right: 4% !important;
}*/
/* Footer Responsive CSS End */
.image_page{margin-bottom: 1em !important;height:auto !important;}
.image_page img{ height:100% !important;}

.about_page img{height: 400px !important; object-position: 100% !important;}
.hwslider ul li img{/*height: 400px !important; object-position: 73% !important;*/}
.slider{ margin-bottom: 1em !important;}
.boxes-height{height: auto !important; display: inline-block !important; margin-bottom: 0 !important;}
a.activity-item{ padding: 5px 5px !important;}
.activity-item img { width: 65px !important;}
.activity-item h4{ margin-left: 4.5em !important;}

.featherlight .featherlight-content{ width:90% !important;}
.dir-left{ float: none !important;}
.dir-left img{width: 50% !important; margin-right: auto; margin-left: auto; display: block !important;}
.featherlight h4{ text-align: center;}
.featherlight strong{ text-align: center;}
.promotion{height:40vh !important;}
.promotion img{height: 40vh !important;}
.sy-slides-crop{height: 40vh !important;}
.promo-1{height: 40vh !important;}
.twitter_feeds{height: 40vh !important;}
.mg-bottom{margin-bottom:3.5em !important;}
}
/* iPads (portrait) End */

@media only screen and (min-width: 480px) and (max-width: 767px){
.mg-wd{width:auto !important;}
.bm-cards-section {
    padding-bottom: 3em !important;
}

.lead-form{ padding: 0px !important;}
.lead-form .lead-row{margin-bottom: 5px !important;}
.lead-form .lead-row label{ display: inline-block; margin-bottom: 5px !important;}
.lead-form .lead-row span{ box-sizing: border-box !important; width: auto !important; margin-right: 0 !important; top: 0px !important;}
.lead-form input, .lead-form select{box-sizing: border-box !important; float:none !important;width:100% !important;}
.lead-form .button{width: 40% !important; margin-top: 2em;}
.lead-details-form{padding: 0 !important;}
.container { width: 100% !important;}
.navbar{border:none;}
a.toggleMenu{padding:0px 0 !important;}
.navbar-brand{ padding: 0px 15px 0 0 !important; width: 190px; margin-top: -14px;}
.dropdowns {
    width: 60%;
    padding: 0;
    margin: 0 auto;
    float: left;
}
.navbar-toggle {
    position: absolute;
    left: 0;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 0;
}
.nav {
    background: #fff !important;
    border: none;
    top: 100%;
    position: absolute;
    width: 100%;
    left: 0;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
}
.nav > li > .parent{background-position: 95% 50% !important;}
.nav > li{border-top: 1px solid #ccc;}
.nav > li:last-child{border-bottom: 1px solid #ccc;}
.nav li li a{ padding: 0.7em 2em 0.7em 2em;}    
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-right: auto;margin-left: auto;}

.language{width:auto !important;}
.login{}
.home{width: 9% !important; background-position: center;}
.home:hover{width: 9% !important; background-position: center;}
#SearchBox input[type=text]{padding: 9px 10px 8px 40px !important;}

.slider{/*height: 100% !important;*/ margin-bottom: 1em !important;}
.hwslider{ height: auto !important;}
.hwslider ul li img{height:100%;}
.dots{ bottom: 5%; z-index:0;}

.promotion{height:40vh !important;}
.promotion img{height: 100% !important;}
.sy-slides-crop{ height: 100% !important;}
.demo_block{height: auto !important;}
.promo-1{height: 60vh !important;}
.twitter_feeds{height: 40vh !important;}

.center{text-align:center !important;}
.boxes-height { display: inline-block; margin-top: 8px;}
a.activity-item{ width: 50%; display: inline-block;}
.activity-item img{float:left;}
.activity-item h4{ text-align: left; display: grid; margin-left: 6em;}

.promotion{ width: 100% !important; margin-right: auto; margin-left: auto;}
.twitter_feeds{width:100% !important; margin-right: auto; margin-left: auto; margin-bottom: 4em;}

.w3-display-container { margin-top: 0em !important;}
.ms-webpartzone-cell {
    margin: auto auto 0px !important;
}

.bm-cards-select-sec{ float: none;}
.select-box{ max-width: 100%; width: 94%; text-align: left;}
.faux-select{ width: 100%;}

.bm-cards p{
	position: relative;
	margin-top: 10px;
    margin-bottom: 0;
}
/* Footer Responsive CSS Start */
.footer{height:auto !important;}
.footer-nav{display:none;}
.footer-toggleMenu { display:  inline-block;}
.menu-icon{
	display:inline-block !important; 
	padding:15px 0px !important; 
	background:transparent !important; 
	margin:auto !important; 
	float:left;
}
#footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: absolute;
    background-color: #fff;
	border: 1px solid #ccc;
    right: 0;
}
.footer-nav li{width:100%;}
#footer-nav ul li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: relative;
    background-color: #fff;
}
#footer_social{
	position:absolute;
	right:0 !important;
	height:auto !important;
	margin: 0px auto !important;
}
#footer_social a{margin: 5px 1px;}
/*.bm_appoint{margin: 5px 5px;}
.find_us{ margin: 5px 5px;}
.social_phone{ margin: 5px 5px;}
.social_mail{ margin: 5px 5px;}
.social_facebook{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_twitter{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_linkedin{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_insta{ margin: 5px 5px; margin-bottom: 8px !important;}
.social_youtube{ margin: 5px 5px; margin-bottom: 8px !important;}*/
/* Footer Responsive CSS End */

.left-side-menu{ display:none !important;}

/* Inner Page responsive css Start */
.page-content{
	width:100% !important;
	float:none !important;
	margin-top:3em !important;
	padding:1em 2em !important;
	margin-bottom:2em !important;
	padding-bottom: 2em !important;
}
#asset{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}
#private{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}
#market{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}

#current{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}
#saving{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#salary{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#zeinah{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#shababi{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#children{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#themaar{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#fixed{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#debit{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#visa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#platinum{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#classic{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#omanair{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#lulu{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#premier{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#zeinah{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#baituna{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#sayyarti{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#educational{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#zaffa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#terhal{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#health{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#personal{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#art{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#critical{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#family{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#health{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#home{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#life{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#motor{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#savings{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#travel{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#yacht{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#expat{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#najahienterprise{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#corporate{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#project{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#goverment{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#investbanking{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#assetmng{

	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#prvtEq{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#private{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#pbcc{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#asalah{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#asalavisa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#jawhar{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#jawharVisa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#depositlocker{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}

/* Inner Page responsive css End */	
.main-mutual-fund{
	height: auto !important;	
}
	
	.promo-btn{ display: inline-block !important;}
	.image_page{height: auto !important;
margin-bottom: 0em !important;
display: inline-block;}
	.image_page img{
	    height: 26vh !important;
    object-fit: cover !important;
    margin-top: 3.5em;
    display: block;
    width: 100%;}

.loancalc .loancalc-left{width: 100% !important; padding: 0 !important; float: left !important;}
.loancalc .loancalc-right{width: 100% !important; padding: 0 !important; float: left !important;}
.table-scroll{ width:380px !important; overflow-x: auto; display: block;}

.agile_form fieldset{ padding-bottom: 2em !important; padding:0 !important; margin: 0 !important;}
.form_w3layouts{padding:0px !important;}
.default-content-2{ margin-top: 6em !important;}
.about_page{height: 30vh !important;}
.about_page img{height: 220px !important; object-position: 100% !important;}
.breadcrumb{ margin-top: 0 !important; margin-bottom: 0 !important;}
.man-team{ width: 100% !important;text-align: center;}
.man-height{ height: 100% !important;}
.about-dir-profile a{ display: block;}
.about-dir-profile h4{ font-size: 18px !important;}
.about-dir-profile p{ font-size: 15px !important;}
.about-right h2{ line-height: 1 !important;}
.featherlight .featherlight-content{ width: 90% !important;}
.vertical-table-grid table{width: 100% !important;}
.bm-card-select{width:100% !important;}
.panel-group{ margin-bottom: 20px !important; margin-top: 10px !important;}
.panel-heading h3{margin-top: 0 !important; margin-bottom: 0 !important;}
.about-right{padding: 1em 1em !important;}
.agile_form input[type=text], .agile_form input[type=email]{width: 100% !important;}
.inline-btn{width: auto !important; margin: 1.5em 0 1.5em !important;}
.privacy-policy { padding: 0 !important;}
.mg-bottom{margin-bottom:3.5em !important;}
}


@media only screen and (min-width: 320px) and (max-width: 479px){ 
.mg-wd{width:auto !important;}
.bm-cards-section {
    padding-bottom: 3em !important;
}

.lead-form{ padding: 0px !important;}
.lead-form .lead-row{margin-bottom: 5px !important;}
.lead-form .lead-row label{ display: inline-block; margin-bottom: 5px !important;}
.lead-form .lead-row span{ box-sizing: border-box !important; width: auto !important; margin-right: 0 !important; top: 0px !important;}
.lead-form input, .lead-form select{box-sizing: border-box !important; float:none !important;width:100% !important;}
.lead-form .button{width: 40% !important; margin-top: 2em;}
.lead-details-form{padding: 0 !important;}
.container { width: 100% !important;}
.section{ margin-bottom: 3.5em;}
.navbar{border: none !important;}
.navbar-brand{ height: auto; width: 150px; margin-top: -8px !important; padding: 0px 5px 0 0 !important;}
.slider {
    height: 145px !important;
    margin-bottom: 1em !important;
    display: inline-block;
}	
.hwslider {
    height: 1vh !important;
    min-height: 100% !important;
}	
.hwslider ul li img {
    height: 100% !important;
    object-position: 100%;
    object-fit: contain !important;
    width: 100%;
    max-width: 100%;
    margin-top: 2.5em;
}
.dots{ bottom: 5%; z-index:0;}
.language{width: auto !important;}
.home{ width: 10% !important;}
.home:hover{width: 10% !important;}

.login{right: 0%; width: 110px !important; height: auto; padding: 4px; padding-left: 20px;}
.login:hover{right: 0%; width: 120px !important; height: auto; padding: 4px; padding-left: 20px;}
.login a{font-size: 12px;}
#SearchBox input[type=text]{padding: 9px 10px 8px 40px !important;}

.boxes-height {display: inline-block; margin-top: 8px;}
a.activity-item{ width: 100%; display: inline-block;}
.activity-item img{float:left;}
.activity-item h4{ text-align: left; display: grid; margin-left: 6em; margin-top: 22px;}

.promotion{ width: 100% !important; margin-right: auto; margin-left: auto;}
.twitter_feeds{width:100% !important; margin-right: auto; margin-left: auto; margin-bottom: 4em;}

a.toggleMenu{padding:0px 0 !important;}
.dropdowns {
    width: auto !important;
    padding: 0;
    margin: 0 auto;
    float: left;
}
.navbar-toggle {
    position: absolute;
    left: 0;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 0;
}
.nav {
    background: #fff !important;
    border: none;
    top: 100%;
    position: absolute;
    width: 100%;
    left: 0;
	overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 100vh;
}
.nav > li > .parent{background-position: 95% 50% !important;}
.nav > li{border-top: 1px solid #ccc;}
.nav > li:last-child{border-bottom: 1px solid #ccc;}


.nav li li a{ padding: 0.7em 2em 0.7em 2em;}
    
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{ margin-right: auto;margin-left: auto;}
.w3-display-container { margin-top: 0em !important;}

.ms-webpartzone-cell {
    margin: auto auto 0px !important;
}

.home-lead-gen{
    height: auto !important;
    padding: 13px !important;
}
/* Footer Responsive CSS Start */
.footer{height:40px !important;}
.footer-nav{display:none;}
.footer-toggleMenu { display:  inline-block;}
.menu-icon{
	display:inline-block !important; 
	padding:15px 0px !important; 
	background:transparent !important; 
	margin:auto !important; 
	float:left;
}
#footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: absolute;
    background-color: #fff;
	border: 1px solid #ccc;
    right: 0;
}
.footer-nav li{width:100%;}
#footer-nav ul li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    bottom: 100% !important;
    position: relative;
    background-color: #fff;
}
#footer_social{
	position:absolute;
	right:0 !important;
	height:auto !important;
	margin: 0px auto !important;
}
#footer_social a{margin: 5px 1px;}
/*.bm_appoint{margin: 8px 1px;}
.find_us{ margin: 8px 1px;}
.social_phone{ margin: 8px 1px;}
.social_mail{ margin: 8px 1px;}
.social_facebook{ margin: 5px 1px; margin-bottom: 8px !important;}
.social_twitter{ margin: 5px 1px; margin-bottom: 8px !important;}
.social_linkedin{ margin: 5px 1px; margin-bottom: 8px !important;}
.social_insta{ margin: 5px 1px; margin-bottom: 8px !important;}
.social_youtube{ margin: 5px 1px; margin-bottom: 8px !important;}*/
/* Footer Responsive CSS End */

.left-side-menu{ display:none !important;}

/* Inner Page responsive css Start */
.page-content{
	width:100% !important;
	float:none !important;
	margin-top:3em !important;
	padding:1em 2em !important;
	margin-bottom:2em !important;
	padding-bottom: 2em !important;
}
#asset{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}
#private{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}

#market{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}


#current{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top:15% !important;
}
#saving{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#salary{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#zeinah{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#shababi{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#children{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#themaar{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#fixed{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#debit{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#visa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#platinum{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#classic{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#omanair{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#lulu{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#premier{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#zeinah{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#baituna{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#sayyarti{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#educational{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#zaffa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#terhal{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#health{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#personal{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#art{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#critical{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#family{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#health{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#home{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#life{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#motor{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#savings{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#travel{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#yacht{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
}
#expat{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	margin-bottom: 1em;
	padding-top: 15% !important;
}
#najahienterprise{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#corporate{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#project{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#goverment{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#investbanking{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#assetmng{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#prvtEq{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#private{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
	padding-top: 15% !important;
}
#pbcc{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#asalah{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#asalavisa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#jawhar{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#jawharVisa{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}
#depositlocker{
	height:auto !important;
	background-attachment:inherit !important;
	background-position:inherit !important;
	padding:0 !important;
}

/* Inner Page responsive css End */	
.main-mutual-fund{
	height: auto !important;	
}
	
	.promo-btn{ display: block !important;
margin: 5px 0px;
text-align: center;}
	.image_page{ height: auto !important;
    margin-bottom: 0em !important;
    display: inline-block;}
	.image_page img{
	height: auto !important;
    object-fit: contain !important;
    margin-top: 4em;
    object-position: 100%;
    display: block;}
	
.loancalc .loancalc-left{width: 100% !important; padding: 0 !important; float: left !important;}
.loancalc .loancalc-right{width: 100% !important; padding: 0 !important; float: left !important;}
.table-scroll{ width:327px !important; overflow-x: auto; display: block;}

.agile_form fieldset{ padding-bottom: 2em !important; padding:0 !important; margin: 0 !important;}
.form_w3layouts{padding:0px !important;}
.default-content-2{ margin-top: 6em !important;}
.about_page{height: 30vh !important;}
.about_page img{height: 220px !important; object-position: 100% !important;}
.breadcrumb{ margin-top: 0 !important; margin-bottom: 0 !important;}
.man-team{ width: 100% !important;text-align: center;}
.man-height{ height: 100% !important;}
.about-dir-profile a{ display: inline-block;}
.about-dir-profile h4{ font-size: 18px !important;}
.about-dir-profile p{ font-size: 15px !important;}
.about-right h2{ line-height: 1 !important;}
.featherlight .featherlight-content{ width: 90% !important;}
.vertical-table-grid table{width: 100% !important;}
.bm-card-select{width:100% !important;}
.panel-group{ margin-bottom: 20px !important; margin-top: 10px !important;}
.panel-heading h3{margin-top: 0 !important; margin-bottom: 0 !important;}
.about-right{padding: 1em 1em !important;}
.agile_form input[type=text], .agile_form input[type=email]{width: 100% !important;}
.inline-btn{width: auto !important; margin: 1.5em 0 1.5em !important;}
.privacy-policy { padding: 0 !important;}
.mg-bottom{margin-bottom:0.5em !important;}
}

@media only screen and (min-width: 375px) and (max-width: 413px){
.table-scroll{ 
	width: 290px !important; 
	overflow-x: auto; 
	-webkit-overflow-scrolling: touch;
	display: block !important; 
}
} 

@media only screen and (min-width: 320px) and (max-width: 374px){
.table-scroll{
	width: 235px !important; 
	overflow-x: auto; 
	-webkit-overflow-scrolling: touch;
	display: block !important;
}
} 


@media only screen and (min-width: 768px) and (max-width: 1023px){
#pagingControls li{ display: inline-block !important;padding: 0.8em 0.5em !important;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
#pagingControls li{ display: inline-block !important;padding: 0.8em 0.5em !important;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){ 
#pagingControls li{ display: inline-block !important;padding: 0.8em 0.5em !important;}
}

/* from almotasem start */

@media only screen and (max-width: 767px) and (min-width: 480px)
{
.promo-1 {height: 85vh !important;}

.lead-details-form {
margin-bottom: 30%;}

}

@media only screen and (min-width: 320px) and (max-width: 479px){
#bm-card-home-1 {padding-top: 15em !important;padding-bottom: 15em !important;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
.card-page-content {
    margin-top: 30% !important;
}
.card-page-content {padding: 10em 1em; !important}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

}
/* from almotasem end */

@media (min-width: 768px){
	.col-sm-6 {z-index: 1000 !important;}
}