/* Responsive CSS Document */

@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-left: 22px !important;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !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-left: 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;}
.container { width: 100% !important;}
.left-side-menu { display: none !important;}
.navbar { border: none !important;}
a.toggleMenu { padding: 0 !important;padding-right: 10px !important;}

    .navbar-brand {
        height: auto;
        width: 150px;
        margin-top: -8px !important;
        padding: 0px 0 0 5px !important;
    }

    .language {
        width: auto !important;
    }

    .home {
        width: 4% !important;
        margin-left: 10px;
    }

        .home:hover {
            width: 10% !important;
        }

    .login {
        right: 0%;
        height: auto;
        padding: 4px;
        padding-right: 20px;
    }

        .login:hover {
            right: 0%;
            height: auto;
            padding: 4px;
            padding-right: 20px;
        }

        .login a {
            font-size: 12px;
        }

    #SearchBox input[type=text] {
        padding: 9px 40px 8px 10px !important;
    }
    
  .intro {
        top: 6em;
        width: 72%;
        min-width: auto;
    }

    .savenow-btn {
        margin-top: 0em;
    }

    .dots {
        bottom: 15%;
        left: 5%;
    }

        .dots span {
            float: right;
        }

    .intro h1 {
        font-size: 36px;
    }

    .intro p {
        font-size: 14px;
    }

    .hwslider {
        height: 264px !important;
    }

    .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: right;
    }

    #footer-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        bottom: 100% !important;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        left: 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;
        left: 0 !important;
        height: auto !important;
        margin: 5px auto !important;
        left: 4% !important;
    }
    #footer_social a{margin: 5px 1px;}
    /* Footer Responsive CSS End */

    .image_page {
        margin-bottom: 1em !important;
    }
.image_page{margin-bottom: 1em !important;height:auto !important;}
.image_page img { height: 100% !important; object-fit: cover !important; width: 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-right: 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;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !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-left: 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: 0 !important;
    }

    .navbar-brand {
        padding: 0px 0px 0 15px !important;
        width: 190px;
        margin-top: -14px;
    }

    .dropdowns {
        width: 60%;
        padding: 0;
        margin: 0 auto;
        float: right;
    }

    .navbar-toggle {
        position: absolute;
        right: 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%;
        right: 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;
            margin-right: 10px !important;
    }

    .login {
    }

    .home {
        width: 9% !important;
        background-position: center;
    }

        .home:hover {
            width: 9% !important;
            background-position: center;
        }

    #SearchBox input[type=text] {
        padding: 9px 40px 8px 10px !important;
    }
    
.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;}


.slider{/*height: 100% !important;*/ margin-bottom: 1em !important;}

    .hwslider {
        height: auto;
    }

        .hwslider ul li img {
            height: 100%;
        }

    .dots {
        bottom: 5%;
        z-index: 0;
    }

    .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: right;
    }

    .activity-item h4 {
        text-align: right;
        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: right;
    }

    .faux-select {
        width: 100%;
    }

    .bm-cards p {
        position: relative;
        margin-top: 10px;
        margin-bottom: 0;
    }

    /* Footer Responsive CSS Start */
    .footer-toggleMenu {
        display: inline-block;
    }

    .footer-nav {
        display: none;
    }

    #footer-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        bottom: 100% !important;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        left: 0;
    }

        #footer-nav ul li ul {
            margin: 0;
            padding: 0;
            list-style: none;
            width: 100%;
            bottom: 100% !important;
            position: absolute;
            background-color: #fff;
        }

    #footer_social {
        position: absolute;
        left: 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;
    }

    /* 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;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !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-left: 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;}
#s4-workspace{ overflow: auto;}
    .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 0px 0 5px !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;
        margin-left: 10px;
    }

        .home:hover {
            width: 10% !important;
        }

    .login {
        left: 0%;
        width: 112px !important;
        height: auto !important;
        padding: 4px !important;
        background-size: contain !important;
    }

        .login:hover {
            left: 0%;
            width: 120px !important;
            height: auto;
            padding: 4px;
            padding-right: 20px;
        }

        .login a {
            font-size: 12px !important;
        }

    #SearchBox input[type=text] {
        padding: 9px 40px 8px 10px !important;
    }

    .boxes-height {
        display: inline-block; margin-top: 8px;;
    }

    a.activity-item {
        width: 100%;
        display: inline-block;
    }

    .activity-item img {
        float: right;
    }

    .activity-item h4 {
        text-align: right;
        display: grid;
        margin-left: 6em;
        margin-top: 22px;
    }

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

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

    a.toggleMenu {
        padding: 0 !important;
    }

    .dropdowns {
        width: auto !important;
        padding: 0;
        margin: 0 auto;
        float: right;
    }

    .navbar-toggle {
        position: absolute;
        right: 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%;
        right: 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: right;
    }

    #footer-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        bottom: 100% !important;
        position: absolute;
        background-color: #fff;
        border: 1px solid #ccc;
        left: 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;
        left: 0 !important;
        height: auto !important;
        margin: 0px auto !important;
    }
   #footer_social a{margin: 5px 1px;}
/*.bm_appoint{margin: 5px 1px;}
    .find_us {
        margin: 5px 1px;
    }

    .social_phone {
        margin: 5px 1px;
    }

    .social_mail {
        margin: 5px 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;
}
#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: right !important;}
.loancalc .loancalc-right{width: 100% !important; padding: 0 !important; float: right !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;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

}

@media only screen and (min-width: 375px) and (max-width: 413px){
.table-scroll{ width: 290px !important; overflow-x: auto; display: block;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

} 

@media only screen and (min-width: 320px) and (max-width: 374px){
.table-scroll{ width: 235px !important; overflow-x: auto; display: block;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

} 


@media only screen and (min-width: 768px) and (max-width: 1023px){
#pagingControls li{ display: inline-block !important;padding: 0.8em 0.5em !important;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
#pagingControls li{ display: inline-block !important;padding: 0.8em 0.5em !important;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

}

@media only screen and (min-width: 320px) and (max-width: 479px){ 
#pagingControls li{ display: inline-block !important;padding: 0.8em 0.5em !important;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

}

@media only screen and (min-width: 320px) and (max-width: 1024px) 
{
.lead-details-form {margin-bottom: 10em;}
.activity-item span{ letter-spacing:-1px !important }
p, h2, span, h3, h4, h5, h6, label, div, legend{
	letter-spacing:-1px !important
}

}


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