@media only screen and (max-width: 1280px) {
		#s4-workspace .ms-webpart-zone,#s4-workspace .ms-webpart-cell-vertical,#s4-workspace .ms-webpart-chrome-vertical{
	display:block;
}


}
		/*For menu only*/
@media only screen and (max-width:1024px) {
/*#s4-workspace{*/
	/**/
	/*width:auto !important;*/
	/*height:auto !important;*/
	/**/
/*}*/

    /*body {*/
        /*overflow: visible !important;*/
    /*}*/

    #p1 {
        background: url(../img/home-key.jpg) 50% 0 no-repeat !important;
    }

    #p2 {
        background: url(../img/ar/Business_Banking.jpg) 50% 0px no-repeat !important;
    }

    #p3 {
        background: url(../img/ar/Private_Banking.jpg) 50% 0 no-repeat !important;
    }

    /*.MainCarousal .bx-controls-direction, .InnerSlider .bx-controls-direction {*/
        /*display: none;*/
    /*}*/
        .SlideBtn {
	width: 140px ;	
	}
    .NewColumnInner{

        width: 96%;
        padding: 0 2%;
    }

    /**---------------------------------- New Branding Code max-width: 1024px----------------------------------------------------**/

    .newBanner-section-01 ul
    {
        width: 104%;
        margin-right: -21px;
    }
    .newProductSlider .Center {
        width: 100%;
        padding: 0 0px;
        float: left;
    }

    .newStatsHeading
    {
        width: 96%;
        float: none;
        margin: 0 auto;
    }

    .newStats ul
    {
        width: 97%;
        margin: auto;
        float: none;
        margin-top: 60px;
        margin-bottom: 50px;
    }

    .newStatsHeading h3
    {
        line-height: 65px;
    }

    .newProductSlider .InnerSlider .SliderWrap
    {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .newProductSlider .InnerSliderCont {
        width: 85%;
        margin: 0 auto;
    }

    .slider-section-01 .Text-widget-parallax hgroup h2
    {
       padding: 10px 12px 10px 12px;
    }

    /**---------------------------------- New Branding Code ----------------------------------------------------**/

}

@media only screen and (min-width: 1000px) and (max-width:1100px) {

    .MainCarousal .Text-widget-parallax {
        font-size: 13px;
    }
}

@media only screen and (min-width: 950px) and (max-width:1000px) {
    .slider-section-01 .bx-wrapper .bx-controls-auto {
        bottom: 25px !important;
    }
    .FirstSection {
        margin-top: 213px;
    }
    header .MainMenuCont {
        font-size: 12.5px;
    }

    header .PrimMenuCont {
        font-size: 12.5px;
    }

    header .TopSearchMenu .LeftPanel {
        width: 100%;
    }

    header .TopSearchMenu .RightPanel {
        width: 30%;
    }

    footer {
        font-size: 13px;
    }

        footer .TopFtrMenu .RightPanel {
            width: 25%;
        }

    .MainCarousal .Text-widget-parallax {
        font-size: 12px;
    }

    .CardCarousal ul {
        width: 520px;
    }

    .Map .Header .Right fieldset label {
        font-size: 13px;
    }

    .Map .Body .Left .Results ul {
        height: 450px;
    }

    .TotalZakat label {
        font-size: 12px;
    }

    .AcountFinderTool .Head h2 span {
        font-size: 55%;
    }

       header nav.MainMenu a.GreyBtn {
      width: 96px;
  }

    .LoginDropDown {
        width: 185px;
    }

    .CardHolder .bx-controls-direction, .SecCardHolder .bx-controls-direction, .InfoHolder .bx-controls-direction, .SecInfoHolder .bx-controls-direction {
        display: none;
    }


    header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 1.7% 31px;
}

        header .PrimMenuCont nav.SecondMenu .NavPadd02 {
    padding: 22px 2.1% 31px;
}
 /*.dd {*/
        /*margin-left: 13px;*/
        /*width: 355px !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        
        /*.FldMid li.countrySelect .Content span {*/
		/*width: 50px !important;*/
		/*margin: 0px 18px 0 0px !important;*/
/*}*/

}

@media only screen and (min-width: 900px) and (max-width:950px) {
    .slider-section-01 .bx-wrapper .bx-controls-auto {
        bottom: 25px !important;
    }
    .FirstSection {
        margin-top: 213px;
    }
    header .MainMenuCont {
        font-size: 11.5px;
    }

    header .PrimMenuCont {
        font-size: 11.5px;
    }

    header .TopSearchMenu .LeftPanel {
        width: 100%;
    }

    header .TopSearchMenu .RightPanel {
        width: 32%;
    }

    footer {
        font-size: 12px;
    }

        footer .TopFtrMenu .RightPanel {
            width: 25%;
        }

    .MainCarousal .Text-widget-parallax {
        font-size: 11px;
    }

    .StaticSpotlight .Text-widget-parallax {
        font-size: 15px;
    }

    .StaticSpotlight .Text-widget-parallax {
        font-size: 14px;
    }

    .CardCarousal ul {
        width: 510px;
    }

    .Map .Header .Right fieldset label {
        font-size: 11px;
    }

    .Map .Body .Left .Results ul {
        height: 450px;
    }

    .TotalZakat label {
        font-size: 12px;
    }

    .AcountFinderTool .Head h2 span {
        font-size: 55%;
    }

     header nav.MainMenu a.GreyBtn {
width: 90px;

}
.Login{
	
	margin:18px 0 0 5px;
}
    .LoginDropDown {
        width: 188px;
    }

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

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .CardHolder .bx-controls-direction, .SecCardHolder .bx-controls-direction, .InfoHolder .bx-controls-direction, .SecInfoHolder .bx-controls-direction {
        display: none;
    }


    header nav.MainMenu a:after {
    top: 40%;
}

                    header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 1.6% 31px;
}

    /*.dd {*/
        /*margin-left: 13px;*/
        /*width: 313px !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        
        /*.FldMid li.countrySelect .Content span {*/
		/*width: 50px !important;*/
		/*margin: 0px 18px 0 0px !important;*/
/*}*/
    header nav.MainMenu li{
        padding: 26px 13px 30px;
    }

}

@media only screen and (min-width: 800px) and (max-width:900px) {
    .slider-section-01 .bx-wrapper .bx-controls-auto {
        bottom: 25px !important;
    }
	.Insights .SliderWrap {
		margin-top: 0px;
	}
    header .PrimMenuCont {
        font-size: 11px;
    }

        header .PrimMenuCont nav.SecondMenu > ul > li {
            padding: 22px 2% 14px;
        }

    header .TopSearchMenu .LeftPanel {
        width: 100%;
    }

    header .TopSearchMenu .RightPanel {
        width: 35%;
    }

    footer {
        font-size: 11.5px;
    }

    .CardHolder, .SecCardHolder, .InfoHolder, .SecInfoHolder {
        font-size: 13.5px;
    }

        .CardHolder .bx-controls-direction, .SecCardHolder .bx-controls-direction, .InfoHolder .bx-controls-direction, .SecInfoHolder .bx-controls-direction {
            display: none;
        }

  header nav.MainMenu a.GreyBtn {
width:136px;
font-size: 109% !important;
}


    .MainCarousal .Text-widget-parallax {
        font-size: 10px;
    }

        .MainCarousal .Text-widget-parallax p, .StaticSpotlight .Text-widget-parallax p {
            display: none;
        }

    .AcountFinderTool .Body ul li .Content span {
        font-size: 16px;
    }

    header .MainMenuCont {
        font-size: 14px;
        padding-top: 35px;
    }
.Login{
	
	margin-top:22px;
}

    header nav.MainMenu {
        width: 100%;
        text-align: center;
    }

    header .Logo {
        width: 100%;
        text-align: center;
    }

        header .Logo img {
            width: 230px !important;
            display: inline-block;
        }

    header nav.MainMenu li {
        display: inline-block;
        float: none;
    }

    header .TopSearchMenu .LeftPanel ul li:before {
        left: 12px !important;
    }

    header .TopSearchMenu .LeftPanel ul li + li:before {
        left: 17px !important;
    }

    footer .TopFtrMenu .RightPanel {
        width: 25%;
    }

    .privateBnkingIcons {
        -webkit-transform: scale(0.9);
    }

        .privateBnkingIcons ul li {
            width: 206px;
            height: 206px;
        }

    .SecCardHolder .InnerHolderCont {
        padding-bottom: 11px;
    }

    .OverviewTabCircles ul li {
        margin: 0 6%;
    }

    .ThreeRows {
        font-size: 13px;
    }


    .StaticSpotlight .Text-widget-parallax {
        font-size: 14px;
    }

    .CardCarousal ul {
        width: 550px;
    }

    .AcrchivedSlider .items {
        margin: 0 3% 0 0;
    }

    .ArchivedYears li {
        margin-right: 16px;
    }

    .CardCarousal .Next, .CardCarousal .Prev {
        display: block;
        z-index: 999;
    }

    .Map .Body .Left .Results ul {
        height: 380px;
    }

    .Map .Header .Right {
        width: 100%;
        margin-top: 15px;
    }

    .Map .Header .Left {
        width: 70%;
    }

    .CallusOverlay .Info {
        width: 50%;
    }

    .TotalZakat label {
        font-size: 11px;
    }

    .TotalZakat .tzChild {
        width: 46%;
    }

    .AcountFinderTool .Head h2 span {
        font-size: 55%;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .CardHolder .bx-controls-direction, .SecCardHolder .bx-controls-direction, .InfoHolder .bx-controls-direction, .SecInfoHolder .bx-controls-direction {
        display: none;
    }


    header .PrimMenuCont nav.SecondMenu > ul > li {
    padding: 22px 0% 31px;
    padding: 22px 1.1% 31px \0/;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 1.3% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd02 {
    padding: 22px 1.7% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd03 {
    padding: 22px 2.5% 31px;
}

    /*.dd {*/
        /*margin-left: 13px;*/
        /*width: 75% !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        
        /*.FldMid li.countrySelect .Content span {*/
		/*width: 50px !important;*/
		/*margin: 0px 18px 0 0px !important;*/
	/*}*/
	
	.FirstSection {
        margin-top: 272px;
    }
}

@media only screen and (min-width: 767px) and (max-width:800px) {
    .slider-section-01 .bx-wrapper .bx-controls-auto {
        bottom: 25px !important;
    }
	.Insights .Card {
		margin-top: 10px;
		margin-bottom: 10px;

	}

	.Insights .SliderWrap {
		margin-top: 0px;
	}
    /*header nav.MainMenu >ul> li >div.NewColumn >div.NewColumnInner>ul{*/
        /*height: 332px;*/
    /*}*/
    /*.NewColumn{*/
        /*height: 400px;*/
    /*}*/
header nav.MainMenu a {
        font-size: 95.85%;
    }

footer .TopFtrMenu .RightPanel a.Twitr {
margin-left: 2px;
}
    header .MainMenuCont {
        font-size: 14px;
        padding-top: 35px;
    }


    header nav.MainMenu {
        width: 100%;
        text-align: center;
    }

    header .PrimMenuCont {
        font-size: 11px;
    }

    header .TopSearchMenu {
        font-size: 13px;
    }

    header .PrimMenuCont nav.SecondMenu > ul > li {
        padding: 22px 1.5% 14px;
    }

    header .TopSearchMenu .LeftPanel {
        width: 100%;
    }

    header .TopSearchMenu .RightPanel {
        width: 42%;
    }
    header .TopSearchMenu .RightPanel ul{
        width: 100%;
    }    

    header .Logo {
        width: 100%;
        text-align: center;
    }

        header .Logo img {
            width: 230px !important;
            display: inline-block;
        }

    header nav.MainMenu li {
        display: inline-block;
        float: none;
    }

    footer {
        font-size: 11px;
    }

        footer .TopFtrMenu .LeftPanel {
            width: 83%;
            margin-top: 12px;
        }

        footer .TopFtrMenu .RightPanel {
            width: 25%;
        }

    .CardHolder, .SecCardHolder, .InfoHolder, .SecInfoHolder {
        font-size: 12px;
    }

    .MainCarousal .Text-widget-parallax {
        font-size: 10px;
    }

        .MainCarousal .Text-widget-parallax p {
            display: none;
        }

    .AcountFinderTool .Head h2 {
        font-size: 24px;
    }

    .AcountFinderTool .Body ul li .Content span {
        font-size: 14px;
    }

    .SecCardHolder .InnerHolderCont {
        padding-bottom: 11px;
    }

    .OverviewTabCircles ul li {
        margin: 0 4.4%;
    }

    .ThreeRows {
        font-size: 12px;
    }

    .StepForward .OverviewTabCircles ul li:after {
        left: 206px;
    }

    .StaticSpotlight .Text-widget-parallax {
        font-size: 13px;
    }

        .StaticSpotlight .Text-widget-parallax p {
            display: none;
        }

    .AcrchivedSlider .items {
        margin: 0 2% 0 0;
    }

    .ArchivedYears li {
        margin-right: 10px;
    }

    .CardCarousal ul {
        width: 450px;
    }

    .CardCarousal .Next, .CardCarousal .Prev {
        display: block;
        z-index: 999;
    }

    .Map .Body .Left .Results ul {
        height: 380px;
    }

    .Map .Header .Right {
        width: 100%;
        margin-top: 15px;
    }

    .Map .Header .Left {
        width: 70%;
    }

    .AcountFinderTool .Head h2 span {
        font-size: 55%;
    }

    .TotalZakat .tzChild {
        width: 99%;
    }

        .TotalZakat .tzChild + .tzChild {
            margin: 15px 0 0;
        }

    .CallusOverlay .Info {
        width: 50%;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .cenTxtCircles ul li:after {
    right: -40px;
}

               header .PrimMenuCont nav.SecondMenu > ul > li {
    padding: 22px 0.7% 31px;
    padding: 22px 1.5% 31px \0/;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 1.2% 31px;
    padding: 22px 1.1% 31px \0/;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd02 {
    padding: 22px 1.5% 31px;
    padding: 22px 2.5% 31px \0/;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd03 {
    padding: 22px 2.4% 31px;
    padding: 22px 3.6% 31px \0/;
}

    /*.dd {*/
        /*margin-left: 13px;*/
        /*width: 74% !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        
        /*.FldMid li.countrySelect .Content span {*/
		/*width: 50px !important;*/
		/*margin: 0px 18px 0 0px !important;*/
	/*}*/
	
	.FirstSection {
	    margin-top: 272px;
	}
    .Login{
        margin: 18px 0 0 8px;
    }

}
/*For menu only*/


/*For ipad only*/
@media only screen and (min-width: 768px) and (max-width:1000px) {
	/*header nav.MainMenu a.GreyBtn{
        width: auto;
    }
    */
    
    .Stats ul {
		margin-top: 62px;
	}

	.Stats ul li {
		width: 25%;
		margin-top: 10px;
	}

	.privateBnkingIcons ul li {
		width: 170px;
		height: 170px;
		margin-left: 1%;
		font-size: 16px;
	}

	#aboutUsVideo {
		min-height: 400px;
	}

	.play, .pause {
		transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-transform: scale(1) !important;
	}
    footer .TopFtrMenu .RightPanel{
        width: 113px;
        margin-top: 4px;
        text-align: center;
    }
    footer .TopFtrMenu .RightPanel a.Fb, footer .TopFtrMenu .RightPanel a.Twitr{
        float: none;
        margin: 3px 2px 7px;
    }

    header .TopSearchMenu .LeftPanel .ms-webpart-chrome-fullWidth{

        width: 100%;
        margin: 0;

    }
    header .TopSearchMenu .LeftPanel input[type="text"]{
        width: 92%;
        padding: 0 3% 0 5%;

    }
    .Center {
        width: 96%;
        padding: 0 2%;
    }

    .MobileHide {
        display: block;
    }

    .SlideBtn {
        bottom: -45px;
    }

    .InnerSlider .slider, .InnerSlider .slider .Slide, .InnerSlider img, .InnerSliderCont, .InnerSlider .SliderWrap {
        width: 100%;
    }

    .InnerSlider {
        background: none;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }
    
    
    
    header .PrimMenuCont nav.ThirdMenu ul li a {
        font-size: 120.57%;
    }

        .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em {
        width: 105%;
        padding: 0px 20px 12px;
        margin: 0 -1px 0 0;
    }

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em p {
        font-size: 68%;
    }

    /**---------------------------------- New Branding Code ----------------------------------------------------**/

    header nav.MainMenu li {
        padding: 26px 21px 28px 2px;
        background-position: right 13px;
    }


    /**---------------------------------- New Branding Code ----------------------------------------------------**/
	
}

@media only screen and (max-width: 1000px) {
	.Calculator .result {
		width: 96%;
	}
	.Heritage .Bod .bx-controls-direction {
		display: none
	}

	.featureCirclesOuter {
		background-size: 133%;
		height: 410px;
	}

	.featureCirclesOuter .Text-widget-parallax {
		margin: 15px 0 0;
	}

	.privateBnkingIcons ul li {
		width: 170px;
		height: 170px;
		margin-left: 1%;
		font-size: 16px;
	}

	.privateBnkingIcons ul li a {
		font-size:18px;
	}

	.privateBnkingIcons ul li span {
		width:45px;
		height: 78px;
		margin: 15px auto 0;
	}

	.featureWidget li h2 {
		font-size: 140%;
	}

	.boardOfDirector li {
		border-bottom: none 0;
		box-shadow: none;
	}

    .boardOfDirector li:nth-child(3n):after {
        border: 0 none !important;
    }

    .boardOfDirector li:nth-child(4n):after {
        border-right: 1px solid #DBD8D6;
        border-left: 1px solid #FFFFFF;
    }

    .boardOfDirector li:nth-child(3n) {  
        padding-left:0;
    }

    .boardOfDirector li:nth-child(4n) {  
        padding-left:75px;
    }
    .boardOfDirector li:last-child {
		padding-left: 0 !important;
	}

	.privateBnkingIcons ul li {
		width: 170px;
		height: 170px;
		margin-left: 1%;
		font-size: 16px;
	}


    /**---------------------------------- New Branding Code max-width: 1000px ----------------------------------------------------**/

    .slider-section-01 .bx-controls-direction a {
        height: 50px;
    }

    .slider-section-01 .bx-pager {
        bottom: 50px !important;
    }
    .slider-section-01 .Text-widget-parallax hgroup h2
    {
        margin-top: 15%;
    }
    .slider-section-01 .Text-widget-parallax p
    {
        display: block !important;
    }
    .slider-section-01 .Center
    {
        width: 90%;
    }

    .qLink-section-01
    {
        margin-top: -17px;
    }

    .qLink-section-01 .QuicklinkNav {
        margin-top:0px;
    }
    .qLink-section-01 .Center
    {
        width: 100%;
        padding: 0;
    }
    .newBanner-section-01 .qLink
    {
        padding: 0;
        margin-top: 0px;
    }

    .newStats .Center
    {
        width: 100%;
        padding :0 0%;
    }

    .newBanner-section-01 li .right p
    {
        display: none;
    }
    .newBanner-section-01 li .right a
    {
        display: none;
    }
    .newBanner-section-01 li .right a:first-child
    {
        display: block;
    }

    .Stats ul li
    {
        width: 23%;
    }

    .investorRelation {
        padding: 65px 0px 40px 0px;
    }

    .investorR-01 {
        width: 40%;
        padding-right: 5%;
    }

    .investorR-02 {
        width: 45%;
    }

    .investorR-03 {
        width: 75%;
        padding-right: 8%;
        margin-top: 35px;
    }

    .SectionCRS-News .Center {
        width: 100%;
        padding: 0 0%;
    }

    .MainCRS {
        width: 81%;
        display: block;
        margin: 0 auto;
    }

    .latestPressR {
        width: 100%;
        float: left;
        margin: 50px 0px 0px 0px;
    }

    .SectionCRS-News {
        padding: 48px 0px 0px 0px;
        width: 100%;
        float: left;
    }

    .qLink-section-01 .QuicklinkNav ul li
    {
        padding: 52px 23px 35px 0px;
    }

    .latestPressR ul{
        height: 360px;
    }

    .latestPressR .GreenBut{
        margin-bottom: 40px;
    }
    /**---------------------------------- New Branding Code ----------------------------------------------------**/

}

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

header nav.MainMenu a{
	font-size:95.85%;
}
    .Center {
        width: 96%;
        padding: 0 2%;
    }

    .MobileHide {
        display: block;
    }
    
    .CardHolder, .SecCardHolder, .InfoHolder, .SecInfoHolder, .MainTabs {
        /*background: url(../img/shadowlarge.jpg) no-repeat center bottom;
        background-size: 100% 97px;*/
        font-size: 12px;
        padding: 0;
    }

        .CardHolder .bx-controls-direction, .SecCardHolder .bx-controls-direction, .InfoHolder .bx-controls-direction, .SecInfoHolder .bx-controls-direction {
            display: none;
        }

    .Bg {
        top: 16%;
    }

    .Card figcaption p, .MainCarousal .Next, .MainCarousal .Prev, .MainCarousal .bx-controls-direction a {
        display: none;
        margin: 10px 0 23px;
    }

    .MainCarousal .SliderWrap {
        margin-top: 0px;
    }

    .SecCardHolder .InnerHolderCont {
        padding-bottom: 11px;
    }

    .InnerSlider .SliderWrap img {
        width: 100%;
    }

    .InnerSlider {
        background: none;
    }
	.InnerSlider .Text-widget-parallax p{
		display:none;	
	}    

    /*.AcountFinderTool .Body ul li .Content input[type=text], .AcountFinderTool .Body ul li .Content input[type=number] {*/
        /*width: 45%;*/
        /*margin-right: 6% !important;*/
    /*}*/

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .SlideBtn.so {
        left: 57.5%;
    }

    .privateBnkingIcons ul li {
        float: right;
    }

    .GoalType .right {
        width: 50%;
    }

    .GoalType .Left {
        margin-left: 20px;
    }

    .textOverlap {
        width: 38%;
    }

    .AcountFinderTool .Body ul li.MonthlyRepayment input[type=text], .AcountFinderTool .Body ul li.MonthlyRepayment input[type=number] {
        width: 90%;
    }

    .AcountFinderTool .Head h2 {
        width: 78%;
        line-height: 16px;
    }

    .StyleDropdown {
        width: 315px !important;
    }

    .FldMid li.countrySelect .Content {
        margin: 0px 0 5px 0 !important;
    }



    .Row figure h3 {
        font-size: 130%;
        margin-bottom:5px;
    }
    
    
    footer .TopFtrMenu .LeftPanel span {
        width: 37%;
    }

    footer .TopFtrMenu .LeftPanel li {
        padding: 0 7px;
    }
    
    
    .QuicklinkNav ul li a {
        font-size: 17px;
    }

    /*.QuicklinkNav ul li a small {*/
            /*font-size: 11px;*/
                  /*}*/

    .listColFour > li {
        padding-right: 20px;
        margin-right: 22px;
    }

    .appGoogleBtn, .appAppleBtn, .appBBerryBtn {
        background-size: 100%;
        width: 195px;
}

    header .PrimMenuCont nav.ThirdMenu ul li a {
        font-size: 115%;
    }

    header .PrimMenuCont nav.ThirdMenu ul li span {
        font-size: 75%;
    }


    .Partners {
        width: 80%;
        float: none;
        margin:0 auto;
    }

    .Partners .bx-controls-direction .Prev {
        left: -55px;
    }

        .Partners .bx-controls-direction .Next {
            right: -55px;
        }

        /*.dd {*/
        /*margin-left: 13px;*/
        /*width: 72% !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
          /**/
        /*}*/
        
        /*.FldMid li.countrySelect .Content span {*/
		/*width: 50px !important;*/
		/*margin: 0px 18px 0 0px !important;*/
		/**/
/*}*/

    /*.ZakatCalc .AcountFinderTool .Body .buttons a {*/
        /*margin:0 -4px 0 11px;*/
     /*}*/
     .ZakatCalc .AcountFinderTool .Body .buttons a:before{
	top:9px;	
}

    .ZakatCalc .AcountFinderTool .Body .buttons {
        margin: 7px 0 15px 0;
    }

            .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em {
        width: 100%;
        padding: 0px 20px 12px;
        margin: 0 -1px 0 0;
        top: -10px;
		right: -9%;
    }

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em p {
        font-size: 68%;
    }

    .SpecialOfferText {
	    float: left;
	    width: 100%;
	}
	
	.MainCarousal .Text-widget-parallax, .InnerSlider .Text-widget-parallax {
	/*	top: 50px !important;*/
	}
	.InnerSlider .SliderWrap img {
		/*margin-top: 40px;*/
	}
	.ThrdInfoHolder ul li:nth-child(3n+1) {
		clear:right;
	}
	
	.ThrdInfoHolder ul li a {
		margin-top: 0px;
	}
	
	.cenTxtCircles ul li:first-child {
		margin: 0 3.5%;
	}
	
	.cenTxtCircles ul li:before, .circlesGram ul li:before {
		right: -40px;
	}
	.MainTabs .FeaturesCont li h4 {
		width: 70%;
		margin: 0 5px 0 0;
	}
	
	.SpecialOffer .Grid-1 {
		margin:0;
		float: right;
	}
	
	.FirstSection { 
	    margin-top: 272px;
	}

    
   .GetInTouch ul li.Email {
padding: 34px 0px 30px 10px;
}

.ThrdInfoHolder ul li a {
font-size: 103%;
}

.AcountFinderTool .Body ul li .Content {
margin-top: 10px;
}

    /**---------------------------------- New Branding Code max-width: 768px ----------------------------------------------------**/

    .newProductSlider .InnerSliderCont {
        width: 80%;
        position: relative;
        left: -1px;
    }

    .slider-section-01 .bx-controls-direction a {
        height: 28px;
        display: block;
    }

    .latestPressR h2
    {
        width: 94%;
    }

    .latestPressR ul
    {
        float: right;
        margin-right: 0px;
    }
    .latestPressR ul li
    {
        width: 98.7%;
    }

    .latestPressR ul
    {
        height: 460px;
    }

    .newBanner-section-01 ul
    {
        width: 103%;
        margin-right: -12px;
    }
    .newStats ul li
    {
        width: 23%;
        margin-right: 2%;
    }

    .investorRelation .Center
    {
        width: 92%;
    }

    .LoginDropDown a
    {
        padding: 13px 8px 13px 10px !important;
    }

    /**---------------------------------- New Branding Code ----------------------------------------------------**/

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    footer .TopFtrMenu .LeftPanel span{
       margin-top: 10px;

    }

    header nav.MainMenu a:after {
        top: 6px;
    }

        .LoginDropDown li {
        text-align: left;
	
    }
   .GetInTouch ul li.Email {
padding: 34px 0px 30px;
}

    header nav.MainMenu a {
font-size: 130%;
}
    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }
    .ZakatCalc .AcountFinderTool .ErrorState:before {
        margin-left: 10px;
    }

                header .PrimMenuCont nav.SecondMenu > ul > li {
    padding: 22px 0.8% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 1.2% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd02 {
    padding: 22px 1.5% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd03 {
    padding: 22px 2.5% 31px;
}

               header nav.MainMenu a:after {
    top: 33%;
}

              .cenTxtCircles ul li:after {
    right: -40px;
}

    .Bg {
        top: 16%;
    }

    .LoginDropDown a:after {
        margin:3px 0 0 0 !important;
}

      
    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span {
        width: 88%;
    }

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em {
        width: 301px;
        padding: 0px 20px 12px;

    }

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em p {
        font-size: 68%;
    }
         .StyleDropdown {
            width: 250px !important;
        }
    
    /*.dd {*/
        /*margin-left: 0px;*/
        /*width:315px !important;*/

    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        
        /*.FldMid li.countrySelect .Content span {*/
		/*width: 50px !important;*/
		/*margin: 10px 0 0 18px !important;*/
		/**/
/*}*/
		.ApplyNowForm ul li select {
			width: 105%;
		}
		
		.ApplyNowForm ul li span:after {
		left: 10px;
		}

		.SlideBtn {
	width: 130px;	
	}

         header .PrimMenuCont nav.ThirdMenu ul li{
         height: 55px;
     }
       
.ThrdInfoHolder ul li a {
font-size: 90%;
}

   .GetInTouch ul li.Email {
padding: 34px 0px 30px 11px;
}



header nav.MainMenu a.GreyBtn {
width: 100px;
font: 109.85%/18px 'HelveticaNeueLTArabic-Roman' !important;
}

footer .TopFtrMenu .LeftPanel span {
padding: 4px 0 2px;
}

}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
    /*.NewColumn{*/

        /*height: 362px;*/
    /*}*/
    header nav.MainMenu a:after {
        top: 6px;
    }

        header nav.MainMenu li {
padding: 26px 13px 30px;
}
    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .ZakatCalc .AcountFinderTool .ErrorState:before {
        margin-left: -10px;
    }

               header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 0.5% 31px;
}

               header .PrimMenuCont nav.SecondMenu > ul > li {
    padding: 22px 1.4% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd01 {
    padding: 22px 1.8% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd02 {
    padding: 22px 2.2% 31px;
}

               header .PrimMenuCont nav.SecondMenu .NavPadd03 {
    padding: 22px 3% 31px;
}

              header nav.MainMenu a:after {
    top: 45%;
}

    .cenTxtCircles ul li:after {
    right: -75px;
}

    .LoginDropDown a:after {
        margin: 3px 0 0 0 !important;
    }

    /*.dd {*/
        /*width: 356px !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/

    /*.ZakatCalc .AcountFinderTool .Body .buttons a {*/
        /*margin: 0 12px 0 1px;*/
    /*}*/

    /*.FldMid li.countrySelect .Content span {*/
        /*margin: 0px 18px !important;*/
        /*width: 38px !important;*/
    /*}*/

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em {
        width: 418px;
        padding: 0px 20px 12px;
        margin: 0 -1px 0 0;
    }

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em p {
        font-size: 68%;
    }
    
    .SlideBtn {
	width: 140px !important;	
	}
     header .PrimMenuCont nav.ThirdMenu ul li{
         height: 75px;
     }
     
       /*.ZakatCalc .AcountFinderTool .Body .buttons a {*/
        /*margin: 0 23px 0 -12px;    } */

		.SlideBtn.so span + span {
		left: 0px; 
		}
    
}

/*For ipad only*/
@media only screen and (min-width: 666px) and (max-width: 767px) {

	.Stats ul {
		margin-top: 40px;
	}

	.Stats ul li {
		width: 25%;
		margin-top: 10px;
	}

	.Insights .SliderWrap {
		margin-top: 0;
	}

	.Insights .Card {
		margin-top: 10px;
		margin-bottom: 10px;

	}

	.featureWidget li.featureImgExist img {
		display: none;
	}

	.SpecialOffer .Grid-1 {
        width: 100%;
    }
    .SpecialOffer h2, .SpecialOffer h3, .SpecialOffer .VisibleContent, .SpecialOffer .HiddenContent {
        width: 100%;
    }
    .NewsSpotlight{
        font-size: 10px;
    }
     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
    .Desktop {
        display: none;
    }

    .Mobile {
        display: block !important;
    }

    .MainCarousal .Text-widget-parallax, .InnerSlider .Text-widget-parallax p {
        font-size: 10px;
    }

        .MainCarousal .Text-widget-parallax p, .InnerSlider .Text-widget-parallax p {
            display: none;
        }

      .wrap > section, .wrap div span > section {
        margin-top: 0 !important;
    }

    .privateBnkingIcons ul li {
        width: 170px;
        height: 170px;
        margin-left: 50px;
        font-size: 13px;
    }

    .AcountFinderTool {
        display: block;
    }

    .SlideBtn {
        bottom: -49px;
    }


    .InnerSliderCont, .InnerSliderCont img, .InnerSliderCont .Slide, .InnerSlider .SliderWrap {
        width: 100%;
    }

    .InnerSlider {
        background: none;
        margin: 0px;
    }

        .InnerSlider .Next, .InnerSlider .Prev {
            display: none;
        }

    .StepForward .OverviewTabCircles {
        display: block;
    }

        .StepForward .OverviewTabCircles ul li {
            margin: 0 3.4%;
            width: 160px;
            height: 160px;
        }

            .StepForward .OverviewTabCircles ul li:after {
                left: 185px;
            }



    .ImgOverview img {
        width: 100%;
    }

    .ImgOverview p span {
        padding: 2% 0;
        width: 100%;
        float: left;
    }

    .Articles {
        display: none;
    }

    .ResentArticles {
        padding: 8% 0 0% 0;
    }

        .ResentArticles li {
            width: 100%;
        }

            /*.ResentArticles li:nth-last-child(2n) {
                display: none;
            }*/

            .ResentArticles li:nth-child(2n) {
                margin-right: 0px;
            }

    .StaticSpotlight .Text-widget-parallax p {
        display: none;
    }

    .StaticSpotlight .Text-widget-parallax {
        font-size: 12px;
    }

    .Breadcrumbs {
        padding-top: 48px;
        display: none;
    }

    .TabsCont .Menu {
        font-size: 11px;
    }

    .OverviewTabCircles {
        display: block;
    }

        .OverviewTabCircles ul li {
            margin: 0 4.4%;
            width: 151px;
            height: 151px;
        }

    .StaticSpotlight {
        margin-top: 34px !important;
    }

    .ApplyNowForm {
        font-size: 13px;
    }

    /*.NewsSpotlight {*/
        /*margin: 140px 0 50px 0;*/
    /*}*/

    .AcrchivedSlider .items {
        margin: 0 2% 0 0;
    }

    .ArchivedYears li {
        margin-right: 10px;
        width: 116px;
        height: 130px;
    }

    .Map .Header .Right {
        width: 100%;
        margin-top: 15px;
    }

    .Map .Body .Left .Results ul {
        height: 368px;
    }

    .Map .Header .Left {
        width: 70%;
    }

    .CallusOverlay .Info {
        width: 50%;
    }

    .CardCarousal ul {
        width: 380px;
    }

    .CardCarousal .Next, .CardCarousal .Prev {
        display: block;
        z-index: 999;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .SlideBtn.so {
        left: 57.5%;
    }

        .cenTxtCircles ul li:after {
            right: -40px;
        }
	
	.ZakatCalc .AcountFinderTool .Body .FldMid li .Content span {
        width: 88%;
    }

    .ZakatCalc .AcountFinderTool .Body .FldMid li .Content span em {
        width: 101%;
        padding: 0px 20px 12px;
        margin: 0 2px 0 0;
    }

    .ZakatCalc .AcountFinderTool .Body ul li .Content span em p {
        font-size: 68%;
    }
	
	
.boardOfDirector li {
        padding-left: 25px;
    }

    .boardOfDirector li:after {
        left: 12px;
    }

    .boardOfDirector li:nth-child(4n) {  
        padding-left:25px;
    }

}


@media only screen and (max-width: 767px) {
    /*-37px !important*/
    .slider-section-01 .bx-wrapper .bx-controls-auto {
        /*bottom: -37px !important;*/
        bottom: 15px !important;
    }
    .newProductSlider ul li:hover a img{
	  opacity: 1;
	}
    .newBanner-section-01 li {
        width: 50%;
    }
	.Calculator label {
		font-size: 14px;
	}
	.Heritage .HeritageBlock .LinkCont {
		margin-right: 0;
		position: relative;
		right: 0;
	}
	.featureCirclesOuter {
		background-size: cover;
		height: 700px;
	}

	.privateBnkingIcons ul {
		width: 385px;
		margin: 0 auto;
	}

	.privateBnkingIcons ul li {
		margin-left: 15px;
	}

	.privateBnkingIcons ul li:last-child {
		margin: 0;
	}

	#HeritageSlider .Slide {
		background: url(../img/aboutus/featureBg.jpg) repeat-x 0 -105px #dad7d2;
	}

	.Heritage {
		padding: 0 0 30px;
		height: auto;

	}

	.HertiageCont {
		border-spacing: 0;
		margin-top: 15px;

	}

	.Heritage .HeritageBlock {
		width: 100%;
		display: block;
		margin: 40px 0;
	}

	.Heritage .HeritageBlock .LinkCont{
		position: relative;
		margin-left: 0;
	}

	.Heritage .HeritageSlider h2 {

		margin-bottom: 20px;
	}

	.Heritage #HeritageSlider .bx-wrapper {
		height: 180px;
	}

	.HeritageSlider .bx-controls-direction {
		display: none;
	}

	.Heritage .HeritageSlider h4, .Heritage .HeritageSlider p {
		width: 95%;
	}

	.privateBnkingIcons ul li span {
		width: 45px;
		height: 80px;
	}

    /**---------------------------------- New Branding Code max-width: 767px----------------------------------------------------**/

    .slider-section-01 .bx-controls-direction a {
        display: none;
    }
    .slider-section-01 .bx-pager {
        /*bottom: -11px !important;*/
        bottom: 40px !important;
    }

    .qLink-section-01
    {
        /*margin-top: 50px;*/
        margin-top: 0;
    }
    .qLink-section-01 .QuicklinkNav {
        margin-top: 0px;
    }
    .qLink-section-01 .QuicklinkNav ul
    {
        display: block;
    }
    .qLink-section-01 .QuicklinkNav ul li
    {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        float: left;
        padding: 10px 10px 15px 0px;
        display: block;
        border: none;
          margin: 0 !important;
    }

    .qLink-section-01 .QuicklinkNav ul li .right span{
        display: block;
        width: 100%;
        height: 40px;
        float: right;
        margin: 0px 0px -65px 0px;
        position: relative;
        z-index: 999;
    }
    .qLink-section-01 .QuicklinkNav ul li .right span:after
    {
        content: "";
        position: absolute;
        left: 22px;
        top: -4px;

        background: url(../img/accordionArrowDown.svg) repeat-x bottom;
        width: 13px;
        height: 16px;
        margin-top: 7px;
    }
    .qLink-section-01 .QuicklinkNav ul li.active .right span:after
    {
        transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
    }
    .qLink-section-01 .QuicklinkNav ul li span
    {
        display: none;
    }
    .qLink-section-01 .QuicklinkNav ul li .right .links
    {
        display: none;
    }
    .qLink-section-01 .QuicklinkNav ul li a{
        font-size: 20px;
        display: block;
        border-bottom: none;
        margin-bottom: 10px;
    }
    .qLink-section-01 .QuicklinkNav ul li a:first-of-type
    {
        margin-bottom: 0px !important;
        display: block !important;
    }

    .qLink-section-01 .QuicklinkNav ul li a small
    {
        display: block !important;
    }
    .qLink-section-01 .QuicklinkNav ul li span img
    {
        display: none;
    }

    .newBanner-section-01 .Center ul li
    {
       width: 39%;
    }

    .newBanner-section-01 li .right a:first-child
    {
        line-height: 20px;
    }
    .newStats .featured-statistics
    {
        padding: 40px 0px 30px 0px;
    }
    .newStatsHeading h3
    {
        font-size: 260%;
    }
    .newStats ul
    {
        margin: 20px 0 0px 0 !important;
        width: 97%;
    }
    .newStats ul li
    {
        width: 95% !important;
    }
    .newStats ul li img
    {
        width: 70px;
        float: right;
        margin-left: 20px;
        margin-top: 8px;
    }
    .newStats ul li span
    {
        width: 200px;
        float: right;
        text-align: right;
    }
    .newStats ul li small
    {
        width: 55%;
        float: right;
        text-align: right;
        padding-right: 94px;
    }
    .MainCRS
    {
        width: 100%;
        float: left;
    }

    .MainCRS ul li
    {
        display: none;
    }

    .MainCRS ul li.csrStatic
    {
        width: 100%;
        display: block;
        border-bottom: none;
        min-height: 0px;
        padding-bottom: 24px;
    }
    .SectionCRS-News
    {
        padding: 0;
        margin-bottom: -30px;
        display: block;
    }
    .latestPressR
    {
        width: 100%;
        margin: 0;
        float: left;
        display: block;
    }
    .latestPressR h2
    {
        width: 93%;
    }

    .latestPressR ul
    {
        height: 515px;
    }

    .newBanner-section-01 .Center ul
    {
        display:block;
        width: 100%;
        margin-right: 0px;
    }
    .newBanner-section-01 .Center ul article
    {
        border-spacing: 9px 0px;
        margin-left: 3px;
        margin-bottom: 20px;
        margin-right: 0px;
        width: 100%;
        display: table;
    }
    .newBanner-section-01 .Center ul article:nth-child(2)
    {
       margin-bottom: 0;
    }
	.CSRForm ul li.Central .big-radio + label, .CSRForm ul li.Central .regular-radio + label, .CSRForm ul li.Full .big-radio + label, .CSRForm ul li.Full .regular-radio + label, .CSRForm ul li.Single .big-radio + label, .CSRForm ul li.Single .regular-radio + label{
		clear: right;
		margin-bottom: 10px;
	}
	.CSRForm .buttons .GreenBut, .CSRForm .buttons .GreenBut:last-child{
		width: auto;
	}
    /**---------------------------------- New Branding Code ----------------------------------------------------**/
}


@media only screen and (max-width: 666px) {

	#calculateHowMuch .calcFourColGrid .twoInputField input {
		width: 95% !important;
		margin-bottom: 10px;
	}

	.AcountFinderTool .Body ul li {

		width: 90% !important;
		padding: 20px 5% !important;
	}

	.Calculator label {
		margin-top: 0;

	}

	.Calculator li {
		margin: 2% 0 !important;
		height: auto !important;
	}

	.Calculator .result {
		padding: 20px 5%;
		width: 90%;
	}

	.Calculator .result label, .Calculator .result input[type=text] {
		width: 97% !important;
		text-align: right;

	}

	.Calculator .result input[type=text] {

		margin: 10px 0;
	}

	.width100Perc {
		width: 99% !important;
	}

	.AcountFinderTool .Head h2 small {

		display: none;
	}
    .Stats ul li small {
		font-size: 14px;
	}

	.colLeft, .colRight, .column1, .column2, .column3 {
		width: 100%;
		margin-right: 0;
		clear: both;
	}

	#play-pause-button, .videoPlayer .playing {
		width: 100px;
		height: 100px;
		background: 10;
		background-size: 100px 100px;
		margin: -50px -50px 0 0px;

	}

	.Stats ul {
		margin-top: 58px;
	}

	.Stats ul li {
		width: 32%;
		margin-top: 10px;
	}

	.featureWidget li {
		width: 95%;
		background-image: none;
		height: auto;
		text-align: center;
	}

	.featureWidget li.featureImgExist img {
		display: none;
	}

    .FldMid li:nth-child(2n){
        margin: 0 !important;
    }
    .FldMid li{

        width: 90% !important;
        padding:20px 5% !important; ;
    }
    .qLink {
        padding: 0;
    }
     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
    /*.InnerSlider .SliderWrap,.MainCarousal .SliderWrap {*/
    /*margin-top: 35px;*/
    /*}*/
    .boardOfDirector {
        margin-bottom: 25px;
    }

        .boardOfDirector li {
            padding-left: 0;
            margin: 0 auto;
        }

            .boardOfDirector li:after {
                border-left: none 0;
                border-right: none 0;
            }

            .boardOfDirector li div {
                margin: 0 auto;
            }

                .boardOfDirector li div img {
                    margin: 0 auto;
                }

            .boardOfDirector li:nth-child(4n):after {
                border: none 0;
            }

            .boardOfDirector li:nth-child(4n) {
                padding-left: 0;
            }

    .bODMobSliderNav .bx-controls.bx-has-pager.bx-has-controls-direction {
        margin-bottom: 50px;
        margin-top: 0;
    }

    .bODMobSliderNav .bx-controls-direction {
        display: none;
    }
        
    .ms-rtestate-field .Center .GreenBut:last-child {
	    float: right;
    	margin-bottom: 30px;
	}
    
    .Contents.slider .listDigit > li, .Faqs .Contents > ul > li {
	    width: 92%;
	}
    
	/*.ZakatCalc .AcountFinderTool .Body ul li .Content input[type="text"] {*/
	    /*margin-right: 5.3%;*/
	/*}*/
	
	.GetInTouch ul li.Email {
		padding: 34px 0px 30px;
	}
	
	.ApplyNowForm .buttons .ErrorState, .ErrorState {
	    width: 80%;
	}
	
	
	.ApplyNowForm .buttons .ErrorState:before, .ErrorState:before {
	    left: 8px;
	}
	
	        .QuicklinkNav ul li a {
            display:none;
            font-size: 14px;
            border-bottom: 1px solid #e6e6e6;
            padding: 9px 0;
            text-indent: 13px;
        }
        
        .QuicklinkNav ul li a:first-of-type {
        display:block !important;
        }

    /**---------------------------------- New Branding Code max-width: 666px ----------------------------------------------------**/

    .slider-section-01 .bx-controls.bx-has-pager.bx-has-controls-direction
    {
        width: 50% !important;
    }
    .newStatsHeading h3
    {
        font-size: 195%;
        line-height: 45px;
    }
    /*.qLink-section-01*/
    /*{*/
        /*margin-top: 30px;*/
    /*}*/
    .newStats ul li img
    {
        width: 50px;
        margin-right: 10px;
    }
.slider-section-01 .bx-wrapper .bx-controls-auto {
  left: 15% !important;
}
.qLink-section-01 .QuicklinkNav ul li .right span:after{
	top: 4px;
}
    .investorRelation
    {
        padding: 40px 0px 20px 0px;
    }

    .newStats ul li small
    {
        padding-right: 74px;
    }

    .newProductSlider
    {
        padding-top: 40px;
        margin-bottom: -15px !important;
    }

    .newBanner-section-01 .qLink .featured-banner
    {
        padding: 40px 0px 40px 0px;
    }
    .slider-section-01 .Text-widget-parallax hgroup h2
    {
        margin-top: 10%;
        font-size: 170%;
    }

    .latestPressR ul li
    {
        width: 97%;
    }
    .latestPressR ul li:before
    {
        right: -23px;
    }
    .investorRelation .Center
    {
        width: 100%;
        padding: 0;
    }
    .MainCRS ul li.csrStatic p
    {
       width: 92%;
    }




    /**---------------------------------- New Branding Code ----------------------------------------------------**/

}


/*--------------------------- Smartphones (portrait and landscape) ----------- */

@media only screen and (min-width:480px) and (max-width: 666px) {
	.featureCirclesOuter {
		/*background-size: 245%;*/
		height: 480px;
	}
     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
    /*.InnerSlider .SliderWrap,.MainCarousal .SliderWrap {*/
    /*margin-top: 35px;*/
    /*}*/
    .MobileHide, .Touch {
        display: block;
    }

    .Card {
        width: 480px;
        margin: 0 !important;
    }

    .CardHolder .SliderWrap {
        width: 480px;
        margin: 20px auto;
    }

    .CardHolder .PaginationCont {
        display: block;
    }

    .Bg {
        display: none;
    }

    .SecCardHolder {
        text-align: center;
        background: url(../img/islamicmobbg.jpg) 0 0;
        background-size: cover;
        padding-bottom: 20px;
    }

        .SecCardHolder .Card {
            width: 320px;
            margin: 20px 0 0 0 !important;
            display: inline-block;
            float: none;
            background: none;
        }

            /*.SecCardHolder .Card figcaption, .SecCardHolder .InnerWrap p {*/
                /*display: none;*/
            /*}*/

            /*.SecCardHolder .Card h4 {*/
                /*text-align: right;*/
                /*margin-bottom: 5px;*/
                /*display: block;*/
            /*}*/

    .IslamicBg {
        display: none;
    }

    .SecCardHolder .SecCard h4 {
        text-align: left;
    }

    .SecCardHolder .InnerWrap {
        text-align: left;
        padding: 4%;
        background: url(../img/borderbottom.jpg) repeat-x bottom;
    }

    .InnerWrap h2 {
        margin-bottom: 5px;
    }

    .InnerWrap p {
        margin: 0px 0 15px 0;
    }

    .SecCardHolder .InnerHolder {
        background-repeat: repeat;
        margin: 10px 0 0 0;
        padding-bottom: 30px;
        height: auto;
    }

    .SecCardHolder .SecCard img {
        width: 320px;
        display: inline-block;
    }

    .InfoHolder img, .InfoHolder figure {
        display: none;
    }

    .InfoHolder aside {
        width: 96%;
        padding: 0 2%;
    }

        .InfoHolder aside li:first-child {
            margin: 15px 0;
        }

        .InfoHolder aside li {
            margin: 0px 0 15px 0;
        }

            .InfoHolder aside li h5 {
                font-size: 18px;
            }

            .InfoHolder aside li p {
                font-size: 14px;
                margin: 5px 0;
            }

    .SecInfoHolder, .ThrdInfoHolder, .SliderWrap span.Next, .SliderWrap span.Prev, .SlideBtn {
        display: none;
    }

    .SecCardHolder .InnerHolder:after {
        background: none;
    }

    .CardHolder, .SecCardHolder, .InfoHolder {
        font-size: 13px;
    }

    .WidgetHolder {
        padding: 0;
        background: none;
    }


    .borderUnderline {
        display: block;
    }

    .Desktop {
        display: none;
    }



    .Mobile {
        display: block !important;
    }

    .MainCarousal .Text-widget-parallax, .InnerSlider .Text-widget-parallax {
        font-size: 13px;
        left: auto;
        /*width: 96%;*/
    }

        .MainCarousal .Text-widget-parallax p, .InnerSlider .Text-widget-parallax p {
            display: none;
        }

    .MainSliderCont .slider .Slide .Center {
        margin: 0 2%;
        width: 96%;
    }

       .wrap > section, .wrap div span > section {
        margin-top: 0 !important;
    }

    .AcountFinderTool {
        display: block;
    }

        .AcountFinderTool .Head h2 span {
            display: none;
        }

    .pfc .FldMid li {
        width: 98% !important;
    }

        .pfc.AcountFinderTool .Body ul li:nth-child(3n+2), .pfc .FldMid li:nth-child(2n) {
            margin-right: 0px !important;
        }

    .scrollbar1 .viewport {
        width: 96%;
    }

    .AcountFinderTool .Head h2 {
        width: 60%;
        line-height: 25px;
        padding-top: 0px !important;
    }

    #p1, #p3, #cow-booksBg {
        background: url(../img/mobile/tool.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 712px;
    }

    #p2 {
        background: url(../img/mobile/ar/Business_Banking.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 571px;
    }

    #p3 {
        background: url(../img/mobile/ar/Private_Banking.jpg) no-repeat !important;
        background-size: 100% !important;
    }

        #cow-booksBg {
        background: url(../img/mobile/ar/Online_Banking.jpg) center 0 no-repeat !important;
        background-size: 100% !important;
        margin-bottom: -64px;
    }

    .Content-parallax-widgit .Text-widget-parallax {
        float: right;
        margin-top: 335px;
        margin-left: 10px;
    }

    #p1 .Text-widget-parallax {
        margin-top: 50px;
    }

    .Text-widget-parallax {
        margin: 232px 0 50px 12px;
    }

        .Text-widget-parallax hgroup h3 {
            font-size: 25px;
        }

        .Text-widget-parallax hgroup h2 {
            font-size: 34px;
        }

        .Text-widget-parallax p {
            display: none;
        }


    #p3 .Text-widget-parallax {
        margin: 50px -10px 50px 11px;
    }

    .MainCarousal .SliderWrap {
        margin-top: 0px;
    }

    .QuicklinkNav ul li {
        width: 100%;
        margin-top: 0px;
        height: auto;
        border-bottom: 1px solid #fff;
    }


        .QuicklinkNav ul li a {
            font-size: 14px;
            border-bottom: 1px solid #e6e6e6;
            padding: 9px 0;
            text-indent: 13px;
        }

            .QuicklinkNav ul li img, .QuicklinkNav ul li a small {
                display: none;
            }
            

    .qLink {
        margin-top: 20px;
        position:relative;
    }

    .qlExpend-shadow {
        box-shadow: none !important;
    }

    .qlExpend {
        width: 100%;
        left: 0px;
        top: -20px;
        font-size: 14px;
        text-align: left;
        height: 40px;
        line-height: 43px;
        text-indent: 50px;
        border-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;        
        margin-left: 0px;
    }

        .qlExpend span {
            width: 10px;
            height: 5px;
            background: url(../img/sprite.png) no-repeat 0 -29px;
            float: right;
            margin: 18px 18px 0 0;
        }

            .qlExpend span.active {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }

        .qlExpend:before {
            background-size: 80%;
            left: 11px;
            top: 11px;
        }



    .InnerSlider .slider, .InnerSlider .slider .Slide, .InnerSlider img, .InnerSliderCont, .InnerSlider .SliderWrap {
        width: 100%;
    }

    .InnerSlider {
        background: none;
        margin: 0px;
    }

        .InnerSlider .Next, .InnerSlider .Prev {
            display: none;
        }

    .StaticSpotlight .Text-widget-parallax {
        font-size: 11px;
    }

        .StaticSpotlight .Text-widget-parallax p {
            display: none;
        }



    .GetInTouch ul li {
        width: 50%;
        float: left;
        padding: 34px 0 30px 0;
        border-bottom: 1px solid #d1cfcc;
    }

        .GetInTouch ul li.Call {
            background: none;
        }

        .GetInTouch ul li + li + li, .GetInTouch ul li + li + li + li {
            border-bottom: none;
            border-top: 1px solid #f7f6f5;
        }

    .WidgetHolder {
        background: none;
        padding: 17px 0 0 0;
    }

    .AyaliCard {
        font-size: 14px;
    }

        .AyaliCard ul li h4 {
            float: none;
            width: 100%;
        }

        .AyaliCard .Inner {
            margin-left: 0px;
        }

    .AyaliCardSlider .PaginationCont, .FeaturesCont .PaginationCont, .FaqSlider .PaginationCont {
        bottom: 13px;
        display: block;
    }

    .AyaliCardSlider .Next, .AyaliCardSlider .Prev, .FeaturesCont .Next, .FeaturesCont .Prev, .FaqSlider .Next, .FaqSlider .Prev, .ResentArticles .Next, .ResentArticles .Prev, .Insights .Prev, .Insights .Next {
        display: block !important;
    }

    .AyaliCardSlider .Next, .FeaturesCont .Next, .FaqSlider .Next, .ResentArticles .Next, .Insights .Next {
        width: 24px;
        height: 24px;
        right: auto;
        bottom: 15px;
        left: 10px;
        background-position: -163px -223px;
    }

    .AyaliCardSlider .Prev, .FeaturesCont .Prev, .FaqSlider .Prev, .ResentArticles .Prev, .Insights .Prev {
        width: 24px;
        height: 24px;
        left: auto;
        bottom: 15px;
        right: 24px;
        background-position: -136px -223px;
    }


    .AyaliCardSlider {
        border: 0px;
    }

    .AyaliCard h3, .Faqs h3 {
        float: left;
        font-size: 150%;
        width: 100%;
        text-align: left;
    }

    .Faqs h3 {
        text-indent: 0px;
        text-align:right;
    }

        .Faqs h3 span {
            text-indent: 0px;
            float: left;
            display: none;
            text-transform: none;
        }

    .ShowHide {
		text-align: right;
		border: 0px;
		margin-bottom: 20px;
		float: left;
		width: 20px;
		margin-top: -26px;
		margin-left: 10px;
	}

        .ShowHide span, .ShowHide.Active span + span {
            padding: 0px;
        }

    .AyaliCard .SliderWrap {
        border: 0px;
    }

    .ShowHide span {
        font-size: 0px;
        height: 27px;
    }

        .ShowHide span:after, .ShowHide span + span:after {
            width: 14px;
            height: 8px;
            background-position: 0 -105px;
            margin: 10px 0 0 -25px;
        }

        .ShowHide span + span:after {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

    .AyaliCard, .Faqs {
        border-bottom: 1px solid #d3cfcc;
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .Faqs .Contents {
            border: 0px;
        }

            .Faqs .Contents ul, .Faqs .Contents ul + ul {
                width: 100%;
                margin-left: 20px;
            }

    .Breadcrumbs {
        display: none;
    }

    .TermAndConditions {
        margin-top: 58px;
        float: left;
    }

        .TermAndConditions h1 {
            font-size: 200%;
        }

        .TermAndConditions nav ul li a {
            width: 47%;
        }

        .TermAndConditions article {
            width: 100%;
        }


    .ApplyNowForm ul {
        padding: 0 0 10px 0;
    }

        .ApplyNowForm ul li {
            width: 100%;
            clear: both;
            margin-bottom: 10px;
        }

            .ApplyNowForm ul li label {
                height: auto;
                width: 100%;
                padding: 5px 0;
            }

                .ApplyNowForm ul li label.Error {
                    font-weight: normal;
                }

            .ApplyNowForm ul li input[type=text], .ApplyNowForm ul li textarea, .ApplyNowForm ul li input[type=number], .ApplyNowForm ul li input[type=email] {
                width: 97%;
                padding: 0 8px;
            }

            .ApplyNowForm ul li span {
                width: 101%;
            }

            .ApplyNowForm ul li label.PaddingZero {
                padding: 5px 0;
            }

    .ApplyNowForm .AreYou span {
        clear: both;
    }

    .ApplyNowForm .AreYou, .buttons {
        margin-bottom: 30px;
    }

    .ApplyNowForm .buttons .GreenBut {
        width: 25%;
    }


    .StepForward .OverviewTabCircles {
        display: block;
        margin: 0% 0 5% 0;
    }

        .StepForward .OverviewTabCircles ul li {
            width: 96%;
            background: none;
            border: 0px;
            color: #353230;
            text-align: left;
            height: auto;
            list-style-type: disc;
            margin-left: 4%;
        }

    .OverviewTabCircles ul li span {
        display: none;
    }

    .OverviewTabCircles ul li br {
        display: none;
    }

    .StepForward .OverviewTabCircles ul li:after {
        display: none;
    }

    .FeatureAndBenefits {
        padding: 0px 0 30px 0;
    }

        .FeatureAndBenefits ul {
            width: 98%;
            margin: 0px 17px 0 0;
        }

            .FeatureAndBenefits ul + ul {
               margin: 0px 17px 0 0;
            }

            .FeatureAndBenefits ul:before {
                display: none;
            }

        .FeatureAndBenefits li {
            width: 98%;
            margin-bottom: 0px;
            margin-left: 3%;
        }

    .ApplyingIsEasy li p {
        margin-top: 44px;
    }

    .ApplyingIsEasy li + li sub input[type=text], .ApplyingIsEasy li + li sub input[type=number] {
        display: none;
    }

    .ApplyingIsEasy li + li sub .GreenBut {
        margin: 0px;
        clear: both;
    }

    .ApplyingIsEasy li + li sub a {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 15px;
    }

        .ApplyingIsEasy li + li sub a:after {
            margin: 7px 0 0 5px;
        }

    .NewsOverview h1 {
        font-size: 180%;
    }

    .ImgOverview img {
        width: 100%;
    }

    .ImgOverview p span {
        padding: 2% 0;
        width: 100%;
        float: left;
    }

    .Articles {
        display: none;
    }

    .ResentArticles {
        padding: 8% 0 0% 0;
        /*background: url(../img/shadowlarge.jpg) no-repeat center bottom;*/
    }

        .ResentArticles li {
            width: 100%;
        }

            /*.ResentArticles li:nth-last-child(2n) {
                display: none;
            }*/

            .ResentArticles li:nth-child(2n) {
                margin-right: 0px;
            }

    .ArchivedYears {
        font-size: 15px;
    }

    .ArticlesFull .LeftColumn, .ArticlesFull .RightColumn {
        width: 100%;
    }

    .ArticlesFull .RightColumn {
        margin-left: 0%;
    }

    .NewsSpotlight {
        font-size: 6px;
        /*margin: 80px 0 50px 0;*/
    }

        /*.NewsSpotlight h1 br {
            display: block;
        }*/

        .NewsSpotlight span sub {
            display: none;
        }

    .Archived .ShowHide {
        display: none;
    }


    .AcrchivedSlider .items {
        width: 100%;
        display: block;
        margin: 0px;
    }

    .ArchivedYears li {
        width: 50%;
        height: 135px;
        margin-right: 0;
    }

        .ArchivedYears li a {
            width: 80%;
            display: inline-block;
            margin: 0 2.5%;
            float: none;
        }


    .ResentArticles .PaginationCont {
        display: block;
    }
    /*.SpecialOffer .VisibleContent{
        display: none;
    }*/
    .SpecialOffer h2, .SpecialOffer h3, .SpecialOffer .VisibleContent, .SpecialOffer .HiddenContent {
        width: 100%;
    }

    .SpecialOffer .Grid-1 {
        width: 100%;
    }

    .ShadowMobile {
        background: url(../img/shadowlarge.jpg) no-repeat center bottom;
        padding-bottom: 30px;
    }

    .CardCarousal {
        display: none;
    }

    .CreditCards {
        display: block;
    }

    /*Zaki*/
    .MainTabs .RewardsCont .Rewards, .FeaturesCont {
        padding: 0;
        width: 100%;
    }

    .MainTabs .RewardsCont .Rewards {
        margin-top: 20px;
    }

    .MainTabs .FeaturesCont li {
        width: 100%;
        height: auto;
    }

        .MainTabs .FeaturesCont li.selected h4 {
            border-bottom: none;
        }

        .MainTabs .FeaturesCont li.selected p {
            display: block;
        }

        .MainTabs .FeaturesCont li h4 {
            width: 98%;
            margin: 0;
            /*font-size: 16px;*/
            border-bottom: 1px solid #d1d1cf;
            padding: 10px 0 10px 2%;
        }


        .MainTabs .FeaturesCont li .Thumb, .MainTabs .FeaturesCont .Details, .MainTabs .TabsCont .Menu, .MainTabs .Terms, .RewardsCont > p, .MainTabs .RewardsCont .InnerMenu, 

.MainTabs .RewardsCont .DetailTable li b, .MainTabs .RewardsCont .Rewards .TabsBody p b {
            display: none;
        }

        .MainTabs .FeaturesCont li p {
            text-indent: 0px;
        }

    .MainTabs .RewardsCont .Rewards .TabsBody {
        width: 96%;
        padding: 0 2%;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid #d1d1cf;
    }

        .MainTabs .RewardsCont .Rewards .TabsBody p {
            width: 98%;
            padding-left: 2%;
            margin: 10px 0 0px 0;
        }


    .TabsBody h1 {
        font-size: 24px;
    }


    .MainTabs .RewardsCont .DetailTable li, .MainTabs .RewardsCont .DetailTable {
        padding: 0;
        width: 100%;
        float: left;
        border: none !important;
    }

    .MainTabs .RewardsCont .Rewards h3 {
        font: 16px Tahoma, Geneva, sans-serif;
        display: block !important;
        padding: 0 2%;
        width: 96%;
        color: #2f7924;
        border-bottom: 1px solid #d1d1cf;
        margin-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

    .MainTabs .RewardsCont .Rewards .TabsBody h3 {
        display: none !important;
    }

    .MainTabs .RewardsCont .Rewards h3.Active {
        color: #e88e20;
        border-bottom: none;
        padding-bottom: 0;
    }

    .MainTabs b {
        margin: 0;
    }

    .MainTabs .RewardsCont .DetailTable li span {
        display: inline;
    }

    .MainTabs .MileTable li {
        padding: 0;
        border: none !important;
        width: 100%;
        font-size: 18px;
    }

    .MainTabs .RewardsCont .DetailTable {
        margin-bottom: 10px;
        padding: 0 2% 0;
        width: 96%;
        display:none;
    }

        .MainTabs .RewardsCont .DetailTable li:first-child {
            font-size: 18px;
        }

    .MainTabs .MileTable li:nth-child(2n) {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .MainTabs .TabsBody {
        width: 96%;
        padding: 0 2%;
    }

    .MainTabs .Center {
        width: 100%;
        padding: 0;
    }

    .MainTabs .Accordion {
        display: block;
    }

        .MainTabs .Accordion.Active {
            color: #e9850c;
        }


    .OverviewTabCircles {
        display: none;
    }

    .ThreeRows li {
        width: 100% !important;
        padding: 0% !important;
        height: auto;
    }

        .ThreeRows li:nth-child(2n) {
            margin: 0px !important;
        }

        .ThreeRows li:nth-child(3n) {
            border-right: 0;
            font-size: 12px;
            margin-bottom: 20px;
        }

        .ThreeRows li:nth-child(4n) {
            border-right: 0;
            font-size: 18px !important;
        }

        .ThreeRows li:nth-child(5n) {
            font-size: 14px;
        }

        .ThreeRows li:last-child {
            font-size: 12px !important;
        }

    .Map .Header .Right, .Map .Header .Left, .Map .Header .Left input[type=text], .Map .Header .Left input[type=number] {
        width: 98%;
    }


    .Map .Header {
        padding-bottom: 0;
    }

        .Map .Header span {
            display: inline;
        }

        .Map .Header .Right .SearchBtn {
            display: none;
        }

        .Map .Header .Right span {
            display: none;
        }

        .Map .Header .Right .Checkbox {
            width: 98%;
            background: none;
            margin: 20px 0 0 0px;
        }


    .Map .Header .Right fieldset label{
        width:100%;
    }
    .Map .Header .Right fieldset input[type="checkbox"] + label span{
        float:right;
    }

    .Map .Header .Right fieldset label sub {
        display: block;
        width: 100%;
        margin-top: 4px;
    }

    .Map .Header .Right fieldset {
        width: 100% !important;
        margin:0 0 15px 0;
    }

    .Map .Header .Right fieldset:last-child {
        width: 100%;
    }

        .Map .Header .Left button {
            margin-top: -10px;
            width: 70px;
        }

    .Map .Body {
        margin-top: 0;
        width: 96%;
        padding: 2%;
    }

        .Map .Body .Left, .Map .Body .Right {
            width: 100%;
            border-top: none;
        }

        .Map .Body .Left {
            margin-bottom: 15px;
        }

            .Map .Body .Left .DidYouMean {
                margin: 0;
            }

                .Map .Body .Left .DidYouMean b, .Map .Body .Left .DidYouMean li a {
                    font-size: 18px;
                }

        .Map .Body .Right {
            margin: 0;
        }

        .Map .Body .Left .Results ul li {
            border: none;
        }

        .Map .Body .Left .Results ul {
            height: 200px;
        }

        .Map .Body .Left h5, .Map .Body .Left .DidYouMean b {
            border-bottom: 3px solid #e37d00;
        }

        .Map .Body .Left .DidYouMean b {
            padding: 10px 0;
        }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li {
        width: 100%;
    }

    .CallusOverlay .MainTabs .TabsBody {
        padding: 0;
    }

    .CallusOverlay .RewardsCont .Info {
        width: 100%;
    }

        .CallusOverlay .RewardsCont .Info b {
            margin: 20px 0 0 0;
        }

    .CallusOverlay .RewardsCont p {
        display: block;
    }

    .Card figcaption {
        /*top: 33px !important;
        right: 19px !important;*/
    }

    .ApplyNowButton {
        display: none;
    }

    .HeaddingBottom {
        margin: 190px 0 0 !important;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    /*Zaki*/

    .showHideWidget h3 {
        float: left;
        font-size: 150%;
    }

    .SlideBtn.so {
        left: 57.5%;
    }

    .Card figcaption a, .InfoHolder aside li a, .InfoBoxHolder .InfoBox a {
        margin-top: 12px;
    }

    .listDigit.faqList {
        width: 30% !important;
    }
    
        .listColFour > li{
	float:right;
}

    .listColFour > li, .mobileAppButtons li:after {
        border-right: 0px;
        border-left: 0px;
        box-shadow: none;
    }

    .Blank {
        z-index: 22;
    }

    .Center > h3:first-child, .InnerWrap h3:first-child {
        margin-top: auto;
    }

	.ApplyingIsEasy2 li + li sub a:after{
		margin: 10px 10px 0 0;
	}
	.GetInTouch ul li.Apply, .GetInTouch ul li.Email, .GetInTouch ul li.Call {
		background-position: right center;
	}
	.padRight50{
		padding-right:35px;	
	}
		.padRight30 {
			padding-right: 0px;
		}
		.borderRight {
			border-right: 0px solid #D4D1CE;
			box-shadow: none;
		}
		.qlExpend:before {
		    right: 3px;
		}
		.qlExpend {
		    text-align: right;
		}
		#p3 .Text-widget-parallax {
		    margin: 40px -10px 20px 11px;
		}
		
		.NewsSpotlight h1{
			line-height: 74px !important;
			padding: 15px 0px 30px 0;
		}				
}

@media only screen and (max-width: 666px) {
     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
    /*.InnerSlider .SliderWrap,.MainCarousal .SliderWrap {*/
    /*margin-top: 35px;*/
    /*}*/
	/* SP Farhan Styling */
	.SliderCont .bx-viewport {
		clear:both;
	}
	
	#SearchBox {
	    width: 100%;
	}
	#SearchBox > div {
		width:98%;
	}
	.ms-srch-sbLarge {
		width:57%;
	}
	.ms-srch-sbLarge > input {
		width: 85%;
	}
	.ms-srch-sbLarge > .ms-srch-sb-searchLink {
	    float: right;
	}
	#Result {
		width:100%;
	}
	#Result > div {
		width:96%;
	}
	.ms-srch-result #Paging {
		width:100%;
	}
	.ms-srch-item-path {
		width:95%;
	}
	
	  .boardOfDirector li div {
		background:none;
		box-shadow:none;
		height: 190px;
	    width: 188px;
	}
	
	                /*.dd {*/
        /*width: 92% !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        
        .OverlayWrap {
			top: 10px;
		}
		.SliderWrap .Row{
			margin:auto;
			max-width:480px;
			margin-top: 28px;
			float:none
		}
		.qlExpend {
		    text-align: right;
		}
		
		
		
		.qlExpend {
		top: -20px;
		margin-top: 8px;
	}
	
	.qlExpend span {
		float: left;
		margin: 18px 0 0 18px;
	}
		
		
}

@media only screen and (min-width : 320px) and (max-width : 480px) {

.Stats ul {
		margin: 50px 0 10px;
	}

	.Stats ul li {
		width: 49%;
		margin-top: 10px;
	}

	.Stats ul li span {
		font-size: 48px;
	}

	.featureWidget li {
		text-align: center;
	}

	.featureWidget li.featureImgExist img {
		display: none;
	}

	.Heritage .Bod h3 {

		font-size: 16px;
	}

	.Heritage #HeritageSlider .bx-wrapper {
		height: 290px;
	}

     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
	
footer.Mobile .BottomPanel a.Twitr{
	
	width:24px;
	margin:4px 1px 0;
	height:24px;
}
footer.Mobile .BottomPanel a.Twitr img{
	width:100%;
}

    .Card {
        width: 100%;
        margin: 0 !important;
    }

    .MobileHide, .Touch {
        display: block;
    }

    .CardHolder .PaginationCont {
        display: block;
    }

    .Bg {
        display: none;
    }

    .SecCardHolder {
        text-align: center;
        background: url(../img/islamicmobbg.jpg) 0 0;
        background-size: cover;
        padding-bottom: 20px;
    }

        .SecCardHolder .Card {
            width: 90%;
            display: inline-block;
            float: none;
            margin: 15px 0 0 0 !important;
            background: none;
        }

        .SecCardHolder .SecCard h4 {
            text-align: left;
        }

        .SecCardHolder .InnerWrap {
            text-align: left;
            padding: 4%;
            background: url(../img/borderbottom.jpg) repeat-x bottom;
        }

    .InnerWrap h2 {
        margin-bottom: 5px;
    }

    .InnerWrap p {
        margin: 0 0 15px 0;
    }



    /*.SecCardHolder .Card figcaption, .SecCardHolder .InnerWrap p {*/
        /*display: none;*/
    /*}*/

    /*.SecCardHolder .Card h4 {*/
        /*text-align: right;*/
        /*display: block;*/
        /*margin-bottom: 5px;*/
    /*}*/

    .IslamicBg {
        display: none;
    }


    .SecCardHolder .InnerHolder {
        background-repeat: repeat;
        margin-top: 10px;
        padding-bottom: 30px;
        height: auto;
    }

        .SecCardHolder .InnerHolder:after {
            background: none;
        }


    .InfoHolder img, .InfoHolder figure {
        display: none;
    }

    .InfoHolder aside {
        width: 96%;
        padding: 0 2%;
    }

        .InfoHolder aside li:first-child {
            margin: 15px 0;
        }

        .InfoHolder aside li {
            margin: 0px 0 15px 0;
        }

            .InfoHolder aside li h5 {
                font-size: 18px;
            }

            .InfoHolder aside li p {
                font-size: 14px;
                margin: 5px 0;
            }

    .SecInfoHolder, .ThrdInfoHolder, .SliderWrap span.Next, .SliderWrap span.Prev, .SlideBtn {
        display: none;
    }

    .CardHolder, .SecCardHolder, .InfoHolder, .SecInfoHolder {
        font-size: 12.5px;
    }

    .WidgetHolder {
        padding: 0px;
        background: none;
    }

    .borderUnderline {
        display: block;
    }

    .Desktop {
        display: none;
    }


    .Mobile {
        display: block !important;
    }

    footer.Mobile .TopPanel, footer.Mobile .BottomPanel, footer.Mobile .DropDownCont {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }

    .TopMobileNav {
        font-size: 12.5px;
    }

    .CardHolder .SliderWrap {
        margin: 20px 0;
    }

    .MainCarousal .Text-widget-parallax, .InnerSlider .Text-widget-parallax {
        font-size: 11px;
        left: auto;
        width: 93%;
        /*top: 50px !important;*/
    }
    
    
	.InnerSlider .SliderWrap img {
	   /* margin-top: 40px;*/
	}

        .MainCarousal .Text-widget-parallax p, .InnerSlider .Text-widget-parallax p {
            display: none;
        }

    .MainSliderCont .slider .Slide .Center {
        margin: 0 2%;
        width: 96%;
    }

    .wrap > section, .wrap div span > section {
        margin-top: 0px !important;
    }

    .AcountFinderTool {
        display: block;
    }

        .AcountFinderTool .Head h2 span {
            display: none;
        }

    .pfc .FldMid li {
        width: 98% !important;
    }

        .pfc.AcountFinderTool .Body ul li:nth-child(3n+2), .pfc .FldMid li:nth-child(2n) {
            margin-right: 0px !important;
        }

    .scrollbar1 .viewport {
        width: 94%;
    }

    .AcountFinderTool .Head h2 {
        width: 60%;
        line-height: 25px;
        padding-top: 0px !important;
    }


    #p1, #p3, #cow-booksBg {
        background: url(../img/mobile/tool.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 475px;
    }

    #p2 {
        background: url(../img/mobile/ar/Business_Banking.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 381px;
    }

    #p3 {
        background: url(../img/mobile/ar/Private_Banking.jpg) no-repeat !important;
        background-size: 100% !important;
    }

    #cow-booksBg {
        background: url(../img/mobile/ar/Online_Banking.jpg) center 0 no-repeat !important;
        background-size: 100% !important;
        margin-bottom: -38px;
    }

    .Content-parallax-widgit .Text-widget-parallax {
        float: right;
        margin-top: 48px;
    }

    .Text-widget-parallax hgroup h3 {
        font-size: 20px;
    }

    .Text-widget-parallax hgroup h2 {
        font-size: 25px;
        min-width:100%;
    }

    .Text-widget-parallax p {
        display: none;
    }

    /*.GreenBut {
        padding: 5px 10px 5px 30px;
        font-size: 17px;
    }*/

    .Text-widget-parallax {
        margin: 150px 0 50px 10px;
    }

    #p3 .Text-widget-parallax {
        margin: 40px -10px 20px 11px;
    }

    #cow-booksBg .Text-widget-parallax {
        margin: 5% 0 0 0px;
    }

    .QuicklinkNav ul li {
        width: 100%;
        margin-top: 0px;
        height: auto;
        border-bottom: 1px solid #fff;
    }


        .QuicklinkNav ul li a {
            font-size: 14px;
            border-bottom: 1px solid #e6e6e6;
            padding: 9px 0;
            text-indent: 13px;
        }

            .QuicklinkNav ul li img, .QuicklinkNav ul li a small {
                display: none;
            }

    .qLink {
        margin-top: 20px;
        position:relative;
    }

    .qlExpend-shadow {
        box-shadow: none !important;
    }

    .qlExpend {
        width: 100%;
        left: 0px;
        top: -20px;
        font-size: 14px;
        text-align: right;
        height: 40px;
        line-height: 43px;
        text-indent: 50px;
        border-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;        
        margin-left: 0px;
    }

        .qlExpend span {
            width: 10px;
            height: 5px;
            background: url(../img/sprite.png) no-repeat 0 -29px;
        }

            .qlExpend span.active {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }


        .qlExpend:before {
            background-size: 80%;
            left: 11px;
            top: 11px;
        }

    .InnerSlider .slider, .InnerSlider .slider .Slide, .InnerSlider img, .InnerSliderCont, .InnerSlider .SliderWrap {
        width: 100%;
    }

    .InnerSlider {
        background: none;
        margin: 0px;
    }

        .InnerSlider .Next, .InnerSlider .Prev {
            display: none;
        }

    .GetInTouch ul li {
        width: 50%;
        float: left;
        padding: 34px 0 30px 0;
        border-bottom: 1px solid #d1cfcc;
    }

        .GetInTouch ul li.Call {
            background: none;
        }

        .GetInTouch ul li + li + li, .GetInTouch ul li + li + li + li {
            border-bottom: none;
            border-top: 1px solid #f7f6f5;
        }



    .WidgetHolder {
        background: none;
        padding: 15px 0 0 0;
    }

    .AyaliCard {
        font-size: 14px;
    }

        .AyaliCard ul li h4 {
            float: none;
            width: 100%;
        }

        .AyaliCard .Inner {
            margin-left: 7px;
        }

    .AyaliCardSlider .PaginationCont, .FeaturesCont .PaginationCont, .FaqSlider .PaginationCont, .ResentArticles .PaginationCont {
        bottom: 13px;
        display: block;
    }

    .AyaliCardSlider .Next, .AyaliCardSlider .Prev, .FeaturesCont .Next, .FeaturesCont .Prev, .FaqSlider .Next, .FaqSlider .Prev, .ResentArticles .Next, .ResentArticles .Prev {
        display: block !important;
    }

    .AyaliCardSlider .Next, .FeaturesCont .Next, .FaqSlider .Next, .ResentArticles .Next, .Insights .Next {
        width: 24px;
        height: 24px;
        right: auto;
        bottom: 15px;
        left: 10px;
        background-position: -163px -223px;
    }

    .AyaliCardSlider .Prev, .FeaturesCont .Prev, .FaqSlider .Prev, .ResentArticles .Prev, .Insights .Prev {
        width: 24px;
        height: 24px;
        left: auto;
        bottom: 15px;
        right: 10px;
        background-position: -136px -223px;
    }


    .AyaliCardSlider {
        border: 0px;
    }

    .AyaliCard h3, .Faqs h3 {
        float: left;
        font-size: 150%;
        width: 100%;
        text-align: left;
    }

    .Faqs h3 {
        text-indent: 0;
        text-align:right;
    }

        .Faqs h3 span {
            text-indent: 0px;
            float: left;
            display: block;
            text-transform: none;
            display:none;
        }

    .ShowHide {
        text-align: right;
		border: 0px;
		margin-bottom: 20px;
		float: left;
		width: 20px;
		margin-top: -26px;
		margin-left: 10px;    
	}

        .ShowHide span, .ShowHide.Active span + span {
            padding: 0px;
        }

    .AyaliCard .SliderWrap {
        border: 0px;
    }

    .ShowHide span {
        text-indent: 0;
        font-size: 0px;
    }

        .ShowHide span:after, .ShowHide span + span:after {
            width: 14px;
            height: 8px;
            background-position: 0 -105px;
            margin: 10px 0 0 -25px;
        }

        .ShowHide span + span:after {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

    .AyaliCard, .Faqs {
        border-bottom: 1px solid #d3cfcc;
        float: left;
        width: 100%;
        font-size: 14px;
        padding-bottom: 20px;
    }

        .Faqs .Contents ul, .Faqs .Contents ul + ul {
            width: 96%;
            margin-left: 20px;
        }


    .Breadcrumbs {
        display: none;
    }

    .TermAndConditions {
        margin-top: 58px;
        float: left;
    }

        .TermAndConditions h1 {
            font-size: 160%;
        }

        .TermAndConditions nav {
            padding: 3% 0;
        }

            .TermAndConditions nav ul li a {
                width: 47%;
                font-size: 75%;
            }

        .TermAndConditions article {
            width: 100%;
        }




    .StepForward .OverviewTabCircles {
        display: block;
        margin: 0% 0 5% 0;
    }

        .StepForward .OverviewTabCircles ul li {
            width: 96%;
            background: none;
            border: 0px;
            color: #353230;
            text-align: left;
            height: auto;
            list-style-type: disc;
            margin-left: 4%;
        }

    .OverviewTabCircles ul li span {
        display: none;
    }

    .OverviewTabCircles ul li br {
        display: none;
    }

    .StepForward .OverviewTabCircles ul li:after {
        display: none;
    }

    .FeatureAndBenefits {
        padding: 0px 0 30px 0;
    }

        .FeatureAndBenefits ul {
            width: 100%;
			margin: 0px 17px 0 0;
        }

            .FeatureAndBenefits ul + ul {
				margin: 0px 17px 0 0;
            }

            .FeatureAndBenefits ul:before {
                display: none;
            }

        .FeatureAndBenefits li {
            width: 98%;
            margin-bottom: 0px;
            margin-left: 3%;
        }


    .ApplyNowForm {
        font-size: 15px;
    }

        .ApplyNowForm ul {
            padding: 0 0 10px 0;
        }

            .ApplyNowForm ul li {
                width: 100%;
                clear: both;
                margin-bottom: 10px;
            }

                .ApplyNowForm ul li label {

                    height: auto;
                    width: 100%;
                    padding: 5px 0;
                }

                    .ApplyNowForm ul li label.Error {
                        font-weight: normal;
                    }

                .ApplyNowForm ul li input[type=text], .ApplyNowForm ul li textarea, .ApplyNowForm ul li input[type=number], .ApplyNowForm ul li input[type=email] {
                    width: 96%;
                    padding: 0 8px;
                }

                .ApplyNowForm ul li span {
                    width: 101%;
                }

                .ApplyNowForm ul li label.PaddingZero {
                    padding: 5px 0;
                }

        .ApplyNowForm .AreYou span {
            clear: both;
        }

        .ApplyNowForm .AreYou, .buttons {
            margin-bottom: 30px;
        }

        .ApplyNowForm .buttons .GreenBut {
	        margin-bottom: 13px;
            width: 38%;
        }


    .NewsOverview h1 {
        font-size: 152%;
    }

    .ImgOverview {
        font-size: 14px;
    }

        .ImgOverview img {
            width: 100%;
        }

        .ImgOverview p span {
            padding: 2% 0;
            width: 100%;
            float: left;
            font-weight: bold;
        }

    .Articles {
        display: none;
    }

    .ResentArticles {
        padding: 8% 0 0% 0;
    }

        .ResentArticles li {
            width: 100%;
        }

            .ResentArticles li a {
                width: 75%;
            }

            /*.ResentArticles li:nth-last-child(2n) {
                display: none;
            }*/

            .ResentArticles li:nth-child(2n) {
                margin-right: 0px;
            }

    .Archived .ShowHide {
        display: none;
    }

    .ArchivedYears {
        font-size: 14px;
    }

    .ArticlesFull .LeftColumn, .ArticlesFull .RightColumn {
        width: 100%;
    }

    .ArticlesFull .RightColumn {
        margin-left: 0%;
    }

    .ApplyingIsEasy li p {
        margin-top: 44px;
    }

    .ApplyingIsEasy li + li sub input[type=text], .ApplyingIsEasy li + li sub input[type=number] {
        display: none;
    }

    .ApplyingIsEasy li + li sub .GreenBut {
        margin: 0px;
        clear: both;
    }

    .ApplyingIsEasy li + li sub a {
        clear: both;
        float: right;
        margin-top: 15px;
        position:relative;
        white-space:nowrap;
    }

        .ApplyingIsEasy li + li sub a:after {
            margin: 7px 0 0 5px;
        }

    .NewsSpotlight {
        font-size:4px;
        /*margin: 80px 0 50px 0;*/
    }

        /*.NewsSpotlight h1 br {
            display: block;
        }*/

        .NewsSpotlight span sub {
            display: none;
        }

    .AcrchivedSlider .items {
        width: 100%;
        display: block;
        margin: 0px;
    }

    .SpecialOffer h2, .SpecialOffer h3, .SpecialOffer .VisibleContent, .SpecialOffer .HiddenContent {
        width: 100%;
    }

        .SpecialOffer .HiddenContent .Faqs .Contents ul {
            width: 96%;
        }

    .SpecialOffer .Grid-1 {
        width: 100%;
    }

    .ShadowMobile {
        background: url(../img/shadowlarge.jpg) no-repeat center bottom;
        padding-bottom: 30px;
    }

    .CardCarousal {
        display: none;
    }

    .CreditCards {
        display: block;
    }

    /*Zaki*/
    .MainTabs .RewardsCont .Rewards, .FeaturesCont {
        padding: 0;
        width: 100%;
    }

    .MainTabs .RewardsCont .Rewards {
        margin-top: 20px;
    }

    .MainTabs .FeaturesCont li {
        width: 100%;
        height: auto;
    }

        .MainTabs .FeaturesCont li.selected h4 {
            border-bottom: none;
        }

        .MainTabs .FeaturesCont li.selected p {
            display: block;
        }

        .MainTabs .FeaturesCont li h4 {
            width: 98%;
            margin: 0;
            /*font-size: 16px;*/
            border-bottom: 1px solid #d1d1cf;
            padding: 10px 2% 10px 0;
        }


        .MainTabs .FeaturesCont li .Thumb, .MainTabs .FeaturesCont .Details, .MainTabs .TabsCont .Menu, .MainTabs .Terms, .RewardsCont > p, .MainTabs .RewardsCont .InnerMenu, 

.MainTabs .RewardsCont .DetailTable li b, .MainTabs .RewardsCont .Rewards .TabsBody p b {
            display: none;
        }

        .MainTabs .FeaturesCont li p {
            text-indent: 0px;
        }

    .MainTabs .RewardsCont .Rewards .TabsBody {
        width: 96%;
        padding: 0 2%;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid #d1d1cf;
    }

        .MainTabs .RewardsCont .Rewards .TabsBody p {
            width: 98%;
            padding-left: 2%;
            margin: 10px 0 0px 0;
        }

    .TabsBody h1 {
        font-size: 18px;
    }


    .MainTabs .RewardsCont .DetailTable li, .MainTabs .RewardsCont .DetailTable {
        padding: 0;
        width: 100%;
        float: left;
        border: none !important;
    }

    .MainTabs .RewardsCont .Rewards h3 {
        font: 16px Tahoma, Geneva, sans-serif;
        display: block !important;
        padding: 0 2%;
        width: 96%;
        color: #2f7924;
        border-bottom: 1px solid #d1d1cf;
        margin-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

        .MainTabs .RewardsCont .Rewards h3.Active {
            color: #e88e20;
            border-bottom: none;
            padding-bottom: 0;
        }

    .MainTabs .RewardsCont .Rewards .TabsBody h3 {
        display: none !important;
    }

    .MainTabs b {
        margin: 0;
    }

    .MainTabs .RewardsCont .DetailTable li span {
        display: inline;
    }

    .MainTabs .MileTable li {
        padding: 0;
        border: none !important;
        width: 100%;
        font-size: 18px;
    }

    .MainTabs .RewardsCont .DetailTable {
        margin-bottom: 10px;
        padding: 0 2% 0;
        width: 96%;
        display:none;
    }

        .MainTabs .RewardsCont .DetailTable li:first-child {
            font-size: 18px;
        }

    .MainTabs .MileTable li:nth-child(2n) {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .MainTabs .TabsBody {
        width: 96%;
        padding: 0 2%;
    }

    .MainTabs .Center {
        width: 100%;
        padding: 0;
    }

    .MainTabs .Accordion {
        display: block;
    }

        .MainTabs .Accordion.Active {
            color: #e9850c;
        }

    .OverviewTabCircles {
        display: none;
    }

    .ThreeRows li {
        width: 100% !important;
        padding: 0% !important;
        height: auto;
    }

        .ThreeRows li:nth-child(2n) {
            margin: 0px !important;
        }

        .ThreeRows li:nth-child(3n) {
            border-right: 0;
            font-size: 12px;
            margin-bottom: 20px;
        }

        .ThreeRows li:nth-child(4n) {
            border-right: 0;
            font-size: 18px !important;
        }

        .ThreeRows li:nth-child(5n) {
            font-size: 14px;
        }

        .ThreeRows li:last-child {
            font-size: 12px !important;
        }

    .Map .Header .Right, .Map .Header .Left, .Map .Header .Left input[type=text], .Map .Header .Left input[type=number] {
        width: 98%;
    }

    .Map .Header {
        padding-bottom: 0;
    }

        .Map .Header span {
            display: inline;
            font-size: 12px;
        }

        .Map .Header .Right .SearchBtn {
            display: none;
            width: 13%;
            margin-top:36px;
        }

        .Map .Header .Right span {
            display: none;
        }

        .Map .Header .Right .Checkbox {
            width: 98%;
            background: none;
            margin: 20px 0 0 0%;
            padding: 0;
        }
		.Map .Header .Right fieldset label{
			width:100%;
		}        
		.Map .Header .Right fieldset input[type="checkbox"] + label span{
			float:right;
		}

        .Map .Header .Right fieldset label sub {
            display: block;
            width: 100%;
            margin-top: 4px;
        }

        .Map .Header .Right fieldset {
            width: 100% !important;
            margin:0 0 15px 0;
        }

            .Map .Header .Right fieldset:last-child {
                width: 100%;
            }

        .Map .Header .Left button {
            margin-top: -10px;
            width: 70px;
        }

    .Map .Body {
        margin-top: 0;
        width: 96%;
        padding: 2%;
    }

        .Map .Body .Left, .Map .Body .Right {
            width: 100%;
            border-top: none;
        }

        .Map .Body .Left {
            margin-bottom: 15px;
        }

            .Map .Body .Left .DidYouMean {
                margin: 0;
            }

                .Map .Body .Left .DidYouMean b, .Map .Body .Left .DidYouMean li a {
                    font-size: 18px;
                }

        .Map .Body .Right {
            margin: 0;
        }

        .Map .Body .Left .Results ul li {
            border: none;
        }

        .Map .Body .Left .Results ul {
            height: 200px;
        }

        .Map .Body .Left h5, .Map .Body .Left .DidYouMean b {
            border-bottom: 3px solid #e37d00;
        }

        .Map .Body .Left .DidYouMean b {
            padding: 10px 0;
        }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li {
        width: 100%;
        font-size: 14px;
    }

    .CallusOverlay .MainTabs .TabsBody {
        padding: 0;
    }

    .CallusOverlay .RewardsCont .Info {
        width: 100%;
    }

        .CallusOverlay .RewardsCont .Info b {
            margin: 20px 0 0 0;
            font-size: 16px;
        }

    .CallusOverlay .RewardsCont p {
        display: block;
    }
    /*Zaki*/
    .ArchivedYears li {
        width: 50%;
        height: 135px;
        margin-right: 0;
    }

        .ArchivedYears li a {
            width: 80%;
            display: inline-block;
            margin: 0 2.5%;
            float: none;
        }

    .Card figcaption {
        /*top: 33px !important;
        right: 19px !important;*/
    }

    .ApplyNowButton {
        display: none;
    }

    .HeaddingBottom {
        margin: 110px 0 0 !important;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .showHideWidget h3 {
        float: left;
        font-size: 150%;
    }

    .ZakatCalc .AcountFinderTool .Body ul li .Content span em {
        width: 105.5%;
        padding: 0px 15px 0px;
        margin: 0 -5px 0 0;
    }

        .ZakatCalc .AcountFinderTool .Body ul li .Content span em p {
            font-size: 60%;
        }

            .ZakatCalc .AcountFinderTool .Body ul li .Content span em p b {
                padding: 12px 0 3px;
            }

    .FldMid li {
        width: 100% !important;
    }

    .ZakatCalc .AcountFinderTool .Body ul li {
        margin-bottom: 3%;
    }

    .AcountFinderTool .Body .buttons {
        margin: 1.5% 0 4% 0;
    }


    .FldMid li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .GreenBut:after {
        top: 6px;
        right: 12px;
    }

    .ZakatCalc .AcountFinderTool .Body ul li .Content input[type=text], .ZakatCalc .AcountFinderTool .Body ul li .Content input[type=number] {
        margin-left: 5%;
    }

    .ZakatCalc .AcountFinderTool .Body ul li .Content span {
        width: 87.5%;
        margin-left: 5%;
    }

    .ZakatCalc .AcountFinderTool .Head h2.IBANConverter {
        font-size: 188% !important;
        padding: 15px 95px 15px 0px !important;
    }

    .ZakatCalc .AcountFinderTool .ErrorState:before {
        margin-left: 4px;
    }

    .SlideBtn.so {
        left: 57.5%;
    }

    .Card figcaption a, .InfoHolder aside li a, .InfoBoxHolder .InfoBox a {
        margin-top: 12px;
    }

    .listDigit.faqList {
        width: 30% !important;
    }
    

    .listColFour > li, .mobileAppButtons li:after {
        border-right: 0px;
        border-left: 0px;
        box-shadow: none;
        width:100%;
        padding-right: 0;
    }

    .Blank {
        z-index: 22;
    }

    .Center > h3:first-child, .InnerWrap h3:first-child {
        margin-top: auto;
    }

    /*.FldMid li.countrySelect .Content span {*/
        /*margin: 10px 18px 0 !important;*/
        /*width: 25px !important;*/
    /*}*/
    /*.dd {*/
        /*position:relative;*/
    /*}*/

    /*.dd .ddChild {*/
        /*width: 100% !important;*/
    /*}*/
    /**/
    /*.ApplyingIsEasy .GreenBut {
	    padding: 5px 10px 5px 30px;
	}*/
	.GetInTouch ul li.Apply, .GetInTouch ul li.Email, .GetInTouch ul li.Call {
		background-position: right center;
	}
		
    .Text-widget-parallax .GreenBut {
		margin-bottom:0 !important;
	}
	
	footer.Mobile .BottomPanel span {
	    width: 60%;
	    margin-top: 2px;
	}
	
	.NewsSpotlight h1{
		line-height: 74px !important;
		padding: 15px 0px 30px 0;
	}

	     .GetInTouch ul li.Email {
		padding: 34px 0px 30px;
		}
		
		

}



/* Smartphones for (landscape) Only ----------- */
@media (max-width : 480px) {

.featureCirclesOuter {
		/*background-size: 330%;*/
		height: 450px;
	}

	.privateBnkingIcons ul {
		width: 315px;
	}

	.privateBnkingIcons ul li {
		width: 145px;
		height: 145px;
		margin-left: 5px;
		font-size: 12px;
	}

	.privateBnkingIcons ul li a {
		font-size: 14px;
	}

	.privateBnkingIcons ul li span img {
		width: 100%;
	}

	.Stats ul {
		margin: 60px auto 10px;
		float: none;
		width: 96%;
	}

	.Stats ul li {
		width: 49%;
		margin-top: 10px;
	}

	.Stats ul li span {
		font-size: 42px;
	}

	.Stats ul li small {
		font-size: 12px;
	}

     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
	
    #cow-booksBg {
        height: 576px;
    }
    
    .OverlayCont {
		top: -55px !important;
	}

    .OverlayWrap {
		top: 70px;
	}
	.branchCol li, .branchCol li:first-child {
		width:100%;
	}
	.regSecInner {
		float: left;
		margin-right: 0;
		border-right: 0px;
		box-shadow: none;
		padding: 0;
		width: 90%;
	}
	.regionSection .padLeft50 {
		padding-left:0;
	}
	.regionSection .borderLeft {
		border-left: none 0;
		box-shadow: none;
	}
	.regionSection.borShadTop{
		border-top: none 0;
		box-shadow: none;
	}
	
	.NewsSpotlight h1{
		line-height: 74px !important;
		padding: 15px 0px 30px 0;
	}
	
	.InnerWrap #SearchBox {
		margin-top: 30px;
	}

	.ApplyingIsEasy li + li sub a:after {
        margin: 10px 10px 0 0;
    }

    /**---------------------------------- New Branding Code max-width: 480px----------------------------------------------------**/

    .newProductSlider .InnerSliderCont
    {
       width: 100%;
        left: 0;
    }

    .investorR-01 {
        width: 90%;
        padding-left: 0%;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 20px;
        float: right;
    }

    .investorR-02 {
        width: 90%;
        padding-left: 0%;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 28px;
        float: right;
        padding-top: 25px;
    }

    .investorR-03 {
        width: 75%;
        padding-left: 14%;
        margin-top: 35px;
        float: right;
    }

    .MainCRS ul li.csrStatic p
    {
       width: 84%;
    }

    .investorR-02 p
    {
       float: right;
    }

    .investorR-02 span
    {
        float: right;
    }

    /**---------------------------------- New Branding Code max-width: 480px----------------------------------------------------**/

}

/* Smartphones for SIII(landscape) Only ----------- */
@media (max-width : 360px) {
	.Heritage #HeritageSlider .bx-wrapper {
		height: 240px;
	}
     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
	
    #cow-booksBg {
        height: 540px;
    }

    /*.dd {*/
        /*width: 275px !important;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/
        /**/
        .OverlayCont {
		top: -55px !important;
		}
		.ApplyingIsEasy2 li + li sub a:after{
			 margin: 10px 0 0 5px;	
		}
		.padRight30 {
			padding-right: 0px;
		}
		.borderRight {
			border-right: 0px solid #D4D1CE;
			box-shadow: none;
		}
		.qlExpend {
	        text-align:right;
	    }	
	    
		.qlExpend:before {
		    right: 3px;
		}	
		.Map .Header .Left a{
			padding: 7px 0 0 12px;
			margin: -9px 1.8% 0 0;
			float:left;
			clear:right;
		}
		
		.NewsSpotlight h1{
			line-height: 74px !important;
			padding: 15px 0px 30px 0;
		}
	.GetInTouch ul li.Email a {
	    transform: scale(0.90);
	    -webkit-transform: scale(0.90);
	    -moz-transform: scale(0.90);
	}

	.AcountFinderTool .Body ul li .Content {
		float: right;
		width: 94%;
	}

	.ResultResidentialFinance ul li input[type=text], .ResultResidentialFinance ul li input[type=number] {
		text-align: left;
		width: 140px;
		margin-left: 10px;
	}

    .socialIcons {
        width: 80px;
        margin-top: 4px;
        text-align: center;
        float: left;
    }
    footer.Mobile .BottomPanel a.Twitr {
        float: none;
        margin: 1px 2px 0px 0px;
    }
    footer.Mobile .BottomPanel a.Twitr img
    {
        width: 100%;
    }

    footer.Mobile .BottomPanel span {
        line-height: 21px;
    }

}

@media only screen and (max-width : 320px) {
     .HtmlSitemap ul {
    width:100%
    }
    .Error404 {
padding: 20px 35px 50px 35px;
margin-top: -205px;
}
    

    .Center {
        width: 300px;
    }
    
    #callusform .Center,#emailform .Center,#mapform.Center,#applyform .Center {
	
	width:100% !important;
} 

    .MobileHide, .Touch {
        display: block;
    }

    .Bg {
        display: none;
    }

    .SecCardHolder {
        text-align: center;
        background: url(../img/islamicmobbg.jpg) 0 0 !important;
        background-size: cover;
        padding-bottom: 20px;
    }

        .SecCardHolder .Card {
            width: 90%;
            margin: 20px 0 0 0 !important;
            display: inline-block;
            float: none;
            background: none;
        }

            /*.SecCardHolder .Card figcaption, .SecCardHolder .InnerWrap p {*/
                /*display: none;*/
            /*}*/

            /*.SecCardHolder .Card h4 {*/
                /*text-align: right;*/
                /*display: block;*/
                /*margin-bottom: 5px;*/
            /*}*/

    .IslamicBg {
        display: none;
    }

    .SecCardHolder .SecCard h4 {
        text-align: left;
    }

    .SecCardHolder .InnerWrap {
        text-align: left;
        padding: 4%;
        background: url(../img/borderbottom.jpg) repeat-x bottom;
    }





    .InnerWrap h2 {
        margin-bottom: 5px;
    }

    .InnerWrap p {
        margin: 0 0 15px 0;
    }

    .SecCardHolder .InnerHolder {
        background-repeat: repeat;
        margin-top: 10px;
        padding-bottom: 30px;
        height: auto;
    }

        .SecCardHolder .InnerHolder:after {
            background: none;
        }

    .SecCardHolder .SecCard img {
        width: 300px;
        display: inline-block;
    }

    .InfoHolder img, .InfoHolder figure {
        display: none;
    }

    .InfoHolder aside {
        width: 96%;
        padding: 0 2%;
    }

        .InfoHolder aside li:first-child {
            margin: 15px 0;
        }

        .InfoHolder aside li {
            margin: 0px 0 15px 0;
        }

            .InfoHolder aside li h5 {
                font-size: 18px;
            }

            .InfoHolder aside li p {
                font-size: 14px;
                margin: 5px 0;
            }

    .SecInfoHolder, .ThrdInfoHolder, .SliderWrap span.Next, .SliderWrap span.Prev, .SlideBtn {
        display: none;
    }

    .CardHolder, .SecCardHolder, .InfoHolder, .SecInfoHolder {
        padding: 0px;
        background: none;
    }

    .borderUnderline {
        display: block;
    }

    .Desktop {
        display: none;
    }



    .Mobile {
        display: block !important;
    }

    footer.Mobile .TopPanel, footer.Mobile .BottomPanel, footer.Mobile .DropDownCont {
        width: 97%;
        margin-left: 1%;
        margin-right: 3%;
        font-size: 75%;
    }

    .TopMobileNav {
        font-size: 12px;
    }

    .Card {
        width: 100%;
        margin: 0 !important;
    }

    .CardHolder .PaginationCont {
        display: block;
    }

    .CardHolder .SliderWrap {
        margin: 20px 0 0px;
    }

    .MainCarousal .Text-widget-parallax, .InnerSlider .Text-widget-parallax {
        font-size: 10px;
        left: auto;
       /* top: 50px !important;
        width: 100%;*/
    }

        .MainCarousal .Text-widget-parallax p, .InnerSlider .Text-widget-parallax p {
            display: none;
        }
        
        .InnerSlider .SliderWrap img {
		    width: 100%;
		}

    .MainSliderCont .slider .Slide .Center {
        margin: 0 2%;
        width: 96%;
    }

    .wrap > section, .wrap div span > section {
        margin-top: 0px !important;
    }

    .AcountFinderTool {
        display: block;
    }

        .AcountFinderTool .Head h2 span {
            display: none;
        }

    .pfc .FldMid li {
        width: 98% !important;
    }

        .pfc.AcountFinderTool .Body ul li:nth-child(3n+2), .pfc .FldMid li:nth-child(2n) {
            margin-right: 0px !important;
        }

    .scrollbar1 .viewport {
        width: 94%;
    }

    .scrollbar1 .scrollbar {
        right: 0px;
    }

    .AcountFinderTool .Head h2 {
        width: 60%;
        line-height: 25px;
        padding-top: 0px !important;
        font-size: 16px;
    }

    .AcountFinderTool .Body ul li .Content select {
        width: 96%;
    }

    .pfc .FldMid li .Content input[type=text], .pfc .FldMid li .Content input[type=number] {
        width: 86% !important;
    }

    .pfc .Body p label {
        clear: both;
        margin-bottom: 10px;
    }


    #p1, #p3, #cow-booksBg {
        background: url(../img/mobile/tool.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 475px;
    }

    #p2 {
        background: url(../img/mobile/ar/Business_Banking.jpg) no-repeat !important;
        background-size: 100% !important;
        height: 381px;
    }

    #p3 {
        background: url(../img/mobile/ar/Private_Banking.jpg) no-repeat !important;
        background-size: 100% !important;
    }


    #cow-booksBg {
        background: url(../img/mobile/ar/Online_Banking.jpg) center 0 no-repeat !important;
        background-size: 100% !important;
        margin-bottom: -32px;
    }

    .Content-parallax-widgit .Text-widget-parallax {
        float: right;
        margin: 32px 0 0 0;
    }

    .Text-widget-parallax hgroup h3 {
        font-size: 20px;
    }

    .Text-widget-parallax hgroup h2 {
        font-size: 25px;
    }

    .Text-widget-parallax p {
        display: none;
    }

    .GreenBut {
        padding: 8px 10px 7px 30px;
    }

    .Text-widget-parallax {
        margin: 100px 0 50px 10px;
    }

    #p3 .Text-widget-parallax {
        margin: 40px -10px 20px 11px;
    }

    #cow-booksBg .Text-widget-parallax {
        margin: 5% 0 0 0px;
    }

    .QuicklinkNav ul li {
        width: 100%;
        margin-top: 0px;
        height: auto;
        border-bottom: 1px solid #fff;
    }

      
        .QuicklinkNav ul li a {
            font-size: 14px;
            border-bottom: 1px solid #e6e6e6;
            padding: 9px 0;
            text-indent: 13px;
        }

            .QuicklinkNav ul li img, .QuicklinkNav ul li a small {
                display: none;
            }

    .qLink {
        margin-top: 20px;
        position:relative;
    }

    .qlExpend-shadow {
        box-shadow: none !important;
    }

    .qlExpend {
        width: 100%;
        left: 0px;
        top: -20px;
        font-size: 14px;
        height: 40px;
        line-height: 43px;
        text-indent: 50px;
        border-radius: 0px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;        
        margin-left: 0px;
        text-align:right;
        margin-top: 8px;
    }

        .qlExpend span {
            width: 10px;
            height: 5px;
            background: url(../img/sprite.png) no-repeat 0 -29px;
            float: left;
            margin: 18px 0 0 18px;
        }

            .qlExpend span.active {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
            }


        .qlExpend:before {
            background-size: 80%;
            right: 3px;
            top: 11px;
        }

    .InnerSlider .slider, .InnerSlider .slider .Slide, .InnerSlider img, .InnerSliderCont, .InnerSlider .SliderWrap {
        width: 100%;
    }

    .InnerSlider {
        background: none;
        margin: 0px;
    }

        .InnerSlider .Next, .InnerSlider .Prev {
            display: none;
        }

    .WidgetHolder {
        background: none;
        padding: 15px 0 0;
    }

    .AyaliCard {
        font-size: 14px;
    }

        .AyaliCard ul li h4 {
            float: none;
            width: 100%;
        }

        .AyaliCard .Inner {
            margin-left: 7px;
        }

    .AyaliCardSlider .PaginationCont, .FeaturesCont .PaginationCont, .FaqSlider .PaginationCont {
        bottom: 13px;
        display: block;
    }

    .AyaliCardSlider .Next, .AyaliCardSlider .Prev, .FeaturesCont .Next, .FeaturesCont .Prev, .FaqSlider .Next, .FaqSlider .Prev {
        display: block !important;
    }

    .AyaliCardSlider .Next, .FeaturesCont .Next, .FaqSlider .Next, .Insights .Next {
        background-position: -163px -223px;
	    bottom: 15px;
	    height: 24px;
	    left: 10px;
	    right: auto;
	    width: 24px;   
	}

    .AyaliCardSlider .Prev, .FeaturesCont .Prev, .FaqSlider .Prev, .Insights .Prev {
        background-position: -136px -223px;
	    bottom: 15px;
	    height: 24px;
	    left: auto;
	    right: 10px;
	    width: 24px;
    }


    .AyaliCardSlider {
        border: 0px;
    }

    .AyaliCard h3, .Faqs h3 {
        float: left;
        font-size: 150%;
        width: 100%;
        text-align: right;
    }

    .Faqs h3 {
        text-indent:0;
    }

        .Faqs h3 span {
            text-indent: 0px;
            float: left;
            display: none;
            text-transform: none;
        }

    .ShowHide {
        text-align: left;
        border: 0px;
        margin-bottom: 20px;
    }

        .ShowHide span, .ShowHide.Active span + span {
            padding: 0px;
        }

    .AyaliCard .SliderWrap {
        border: 0px;
    }

    .ShowHide span {
        text-indent: -9999px;
        font-size: 0px;
    }

        .ShowHide span:after, .ShowHide span + span:after {
            width: 14px;
            height: 8px;
            background-position: 0 -105px;
            margin: 0 -8px 0 0;
        }

        .ShowHide span + span:after {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
        }

    .AyaliCard, .Faqs {
        border-bottom: 1px solid #d3cfcc;
        float: left;
        width: 100%;
        padding-bottom: 20px;
    }

        .Faqs .Contents ul, .Faqs .Contents ul + ul {
            width: 96%;
            margin-left: 16px;
        }


    .Breadcrumbs {
        display: none;
    }

    .TermAndConditions {
        margin-top: 58px;
        float: left;
    }

        .TermAndConditions h1 {
            font-size: 120%;
        }


    .StepForward .OverviewTabCircles {
        display: block;
        margin: 0% 0 5% 0;
    }

        .StepForward .OverviewTabCircles ul li {
            width: 96%;
            background: none;
            border: 0px;
            color: #353230;
            text-align: left;
            height: auto;
            list-style-type: disc;
            margin-left: 4%;
        }

    .OverviewTabCircles ul li span {
        display: none;
    }

    .OverviewTabCircles ul li br {
        display: none;
    }

    .StepForward .OverviewTabCircles ul li:after {
        display: none;
    }

    .FeatureAndBenefits {
        padding: 0px 0 30px 0;
    }

        .FeatureAndBenefits ul {
            width: 100%;
			margin: 0px 17px 0 0;
        }

            .FeatureAndBenefits ul + ul {
				margin: 0px 17px 0 0;
            }

            .FeatureAndBenefits ul:before{
                display: none;
            }

        .FeatureAndBenefits li {
            width: 98%;
            margin-bottom: 0px;
            margin-left: 3%;
        }


    .NewsOverview h1 {
        font-size: 135%;
    }

    .NewsOverview small {
        font-size: 75%;
    }

    .ImgOverview {
        font-size: 12px;
    }

        .ImgOverview img {
            width: 100%;
        }

        .ImgOverview p span {
            padding: 2% 0;
            width: 100%;
            float: left;
            font-weight: bold;
        }

    .Articles {
        display: none;
    }

    .ResentArticles {
        padding: 8% 0 0% 0;
    }

        .ResentArticles li {
            width: 100%;
        }

            /*.ResentArticles li:nth-last-child(2n) {
                display: none;
            }

            .ResentArticles li:nth-last-child(2n) {
                display: none;
            }*/

            .ResentArticles li:nth-child(2n) {
                margin-right: 0px;
            }

            .ResentArticles li a {
                width: 74%;
                font-size: 75%;
            }

    .OverviewTabCircles ul {
        margin-left: 5px;
    }

    .ArchivedYears {
        font-size: 11px;
    }

    .ArticlesFull .LeftColumn, .ArticlesFull .RightColumn {
        width: 100%;
    }

    .ArticlesFull .RightColumn {
        margin-left: 0%;
    }

    .NewsSpotlight {
        font-size: 7px;
        /*margin: 80px 0 50px 0;*/
    }

        /*.NewsSpotlight h1 br {
            display: block;
        }*/

        .NewsSpotlight span sub {
            display: none;
        }

    .AcrchivedSlider .items {
        width: 100%;
        display: block;
        margin: 0px;
    }

    .ArchivedYears li {
        margin-right: 15px;
    }

    /*Zaki*/
    .MainTabs .RewardsCont .Rewards, .FeaturesCont {
        padding: 0;
        width: 100%;
    }

    .MainTabs .RewardsCont .Rewards {
        margin-top: 20px;
    }

    .MainTabs .FeaturesCont li {
        width: 100% !important;
        height: auto;
        margin-bottom:0;
    }

        .MainTabs .FeaturesCont li.selected h4 {
            border-bottom: none;
        }

        .MainTabs .FeaturesCont li.selected p {
            display: block;
        }

        .MainTabs .FeaturesCont li h4 {
            width: 96%;
            margin: 0;
            font-size: 16px;
            border-bottom: 1px solid #d1d1cf;
            padding: 10px 2%;
        }


        .MainTabs .FeaturesCont li .Thumb, .MainTabs .FeaturesCont .Details, .MainTabs .TabsCont .Menu, .MainTabs .Terms, .RewardsCont > p, .MainTabs .RewardsCont .InnerMenu, .MainTabs .RewardsCont .DetailTable li b, .MainTabs .RewardsCont .Rewards .TabsBody p b {
            display: none;
        }

        .MainTabs .FeaturesCont li p {
            text-indent: 0px;
            font-size: 18px;
        }

    .MainTabs .RewardsCont .Rewards .TabsBody {
        width: 96%;
        padding: 0 2%;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 1px solid #d1d1cf;
    }

        .MainTabs .RewardsCont .Rewards .TabsBody p {
            width: 98%;
            padding-left: 2%;
            margin: 10px 0 0px 0;
        }



    .MainTabs .RewardsCont .DetailTable li, .MainTabs .RewardsCont .DetailTable {
        padding: 0;
        width: 100%;
        float: left;
        border: none !important;
    }

    .MainTabs .RewardsCont .Rewards h3 {
        font: 16px Tahoma, Geneva, sans-serif;
        display: block !important;
        padding: 0 2%;
        width: 96%;
        color: #2f7924;
        border-bottom: 1px solid #d1d1cf;
        margin-top: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

        .MainTabs .RewardsCont .Rewards h3.Active {
            color: #e88e20;
            border-bottom: none;
            padding-bottom: 0;
        }

    .MainTabs .RewardsCont .Rewards .TabsBody h3 {
        display: none !important;
    }

    .MainTabs b {
        margin: 0;
    }

    .MainTabs .RewardsCont .DetailTable li span {
        display: inline;
    }

    .MainTabs .MileTable li {
        padding: 0;
        border: none !important;
        width: 100%;
        font-size: 18px;
    }

    .MainTabs .RewardsCont .DetailTable {
        margin-bottom: 10px;
        padding: 0 2% 0;
        width: 96%;
        display:none;
    }

        .MainTabs .RewardsCont .DetailTable li:first-child {
            font-size: 18px;
        }

    .MainTabs .MileTable li:nth-child(2n) {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .MainTabs .TabsBody {
        width: 96%;
        padding: 0 2%;
    }

    .MainTabs .Center {
        width: 100%;
        padding: 0%;
    }

    .MainTabs .Accordion {
        display: block;
    }

        .MainTabs .Accordion.Active {
            color: #e9850c;
        }

    .ApplyNowForm {
        font-size: 14px;
    }

        .ApplyNowForm ul {
            padding: 0 0 10px 0;
        }

            .ApplyNowForm ul li {
                width: 100%;
                clear: both;
                margin-bottom: 10px;
            }

                .ApplyNowForm ul li label {
                    height: auto;
                    width: 100%;
                    padding: 5px 0;
                }

                    .ApplyNowForm ul li label.Error {
                        font-weight: normal;
                    }

                .ApplyNowForm ul li input[type=text], .ApplyNowForm ul li textarea, .ApplyNowForm ul li input[type=number], .ApplyNowForm ul li input[type=email] {
                    width: 94%;
                    padding: 0 8px;
                }

                .ApplyNowForm ul li span {
                    width: 101%;
                }

                    .ApplyNowForm ul li span:before {
                        left: 1px;
                        border-right: 1px solid #C8C4BD !important;
                        border-left:0 none;
                    }

                .ApplyNowForm ul li label.PaddingZero {
                    padding: 5px 0;
                }

        .ApplyNowForm .AreYou span {
            clear: both;
        }

        .ApplyNowForm .AreYou, .buttons {
            margin-bottom: 30px;
        }

        .ApplyNowForm .buttons .GreenBut {
	        margin-bottom: 13px;
            width: 38%;
        }

    .SpecialOffer h2, .SpecialOffer h3, .SpecialOffer .VisibleContent, .SpecialOffer .HiddenContent {
        width: 100%;
    }

    .SpecialOffer .Grid-1 {
        width: 100%;
    }

    .ShadowMobile {
        background: url(../img/shadowlarge.jpg) no-repeat center bottom;
        padding-bottom: 30px;
    }

    .CardCarousal {
        display: none;
    }

    .CreditCards {
        display: block;
    }

    /*Zaki*/
    .OverviewTabCircles {
        display: none;
    }

    .ThreeRows li {
        width: 100% !important;
        padding: 0% !important;
        height: auto;
    }

        .ThreeRows li:nth-child(2n) {
            margin: 0px !important;
        }

        .ThreeRows li:nth-child(3n) {
            border-right: 0;
            font-size: 12px;
            margin-bottom: 20px;
        }

        .ThreeRows li:nth-child(4n) {
            border-right: 0;
            font-size: 18px !important;
        }

        .ThreeRows li:nth-child(5n) {
            font-size: 14px;
        }

        .ThreeRows li:last-child {
            font-size: 12px !important;
        }

    .Map .Header .Right, .Map .Header .Left, .Map .Header .Left input[type=text], .Map .Header .Left input[type=number] {
        width: 98%;
    }

    .Map .Header {
        padding-bottom: 0;
    }

        .Map .Header span {
            display: inline;
            font-size: 12px;
            float: right;
        }

        .Map .Header .Right .SearchBtn {
            display: none;
            width: 13%;
        }

        .Map .Header .Right span {
            display: none;
        }

        .Map .Header .Right .Checkbox {
            width: 100%;
            background: none;
            margin: 20px 0 0 0%;
            padding: 0;
        }
		.Map .Header .Right fieldset label{
			width:100%;
		}
		.Map .Header .Right fieldset input[type="checkbox"] + label span{
			float:right;
		}
		

        .Map .Header .Right fieldset label sub {
            display: block;
            width: 100%;
            margin-top: 4px;
            font-size: 14px;
        }

        .Map .Header .Right fieldset {
            width: 100% !important;
            margin-bottom:15px;
        }

            .Map .Header .Right fieldset:last-child {
                width: 100%;
            }

        .Map .Header .Left button {
            margin-top: -10px;
        }

    .Map .Body {
        margin-top: 0;
        width: 96%;
        padding: 2%;
    }

        .Map .Body .Left, .Map .Body .Right {
            width: 100%;
            border-top: none;
        }

        .Map .Body .Left {
            margin-bottom: 15px;
        }

            .Map .Body .Left .DidYouMean {
                margin: 0;
            }

                .Map .Body .Left .DidYouMean b, .Map .Body .Left .DidYouMean li a {
                    font-size: 18px;
                }

        .Map .Body .Right {
            margin: 0;
        }

        .Map .Body .Left .Results ul li {
            border: none;
        }

        .Map .Body .Left .Results ul {
            height: 200px;
        }

        .Map .Body .Left h5, .Map .Body .Left .DidYouMean b {
            border-bottom: 3px solid #e37d00;
        }

        .Map .Body .Left .DidYouMean b {
            padding: 10px 0;
        }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li {
        width: 100%;
        font-size: 14px;
    }

    .CallusOverlay .MainTabs .TabsBody {
        padding: 0;
    }

    .CallusOverlay .RewardsCont .Info {
        width: 100%;
    }

        .CallusOverlay .RewardsCont .Info b {
            margin: 20px 0 0 0;
            font-size: 16px;
        }

    .CallusOverlay .RewardsCont p {
        display: block;
    }

    .ArchivedYears li {
        width: 50%;
        height: 135px;
        margin-right: 0;
    }

        .ArchivedYears li a {
            width: 95%;
            display: inline-block;
            float: none;
        }

    .GetInTouch ul li {
        width: 50%;
        float: left;
        padding: 34px 0 30px 0;
        border-bottom: 1px solid #d1cfcc;
    }

        .GetInTouch ul li.Call {
            background: none;
        }

        .GetInTouch ul li + li + li, .GetInTouch ul li + li + li + li {
            border-bottom: none;
            border-top: 1px solid #f7f6f5;
        }

    .HeaddingBottom {
        margin: 110px 0 0 !important;
    }

    .Card figcaption {
      /*  top: 33px !important;
        right: 19px !important;*/
    }

    .ApplyNowButton {
        display: none;
    }

    .CallusOverlay .MainTabs .RewardsCont .Rewards .TabsBody ul li span {
        margin: 0;
    }

    .showHideWidget h3 {
        float: left;
        font-size: 150%;
    }


    .ZakatCalc .AcountFinderTool .Body ul li .Content span em {
        width: 102.5%;
        padding: 0px 13px 6px;
        margin: 0;
    }

        .ZakatCalc .AcountFinderTool .Body ul li .Content span em p {
            font-size: 46%;
        }

            .ZakatCalc .AcountFinderTool .Body ul li .Content span em p b {
                padding: 12px 0 7px;
            }


    .FldMid li {
        width: 100% !important;
    }

    .ZakatCalc .AcountFinderTool .Body ul li {
        margin-bottom: 3%;
    }

    .AcountFinderTool .Body .buttons {
        margin: 3% 0 0 0;
    }

    .FldMid li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .GreenBut:after {
        top: 9px;
    }

    .ZakatCalc .AcountFinderTool .Body ul li .Content input[type=text], .ZakatCalc .AcountFinderTool .Body ul li .Content input[type=number] {
        margin-left: 5%;
    }

    .ZakatCalc .AcountFinderTool .Head h2.IBANConverter {
			font-size: 188% !important;
		    margin-right: 80px;
		    padding: 0 !important;
		    width: 52%;
    }

    .ZakatCalc .AcountFinderTool .Body ul li .Content span {
        width: 90%;
        margin-left: 5%;
    }

    .ZakatCalc .AcountFinderTool .ErrorState:before {
        right:20px;
    }

    .SlideBtn.so {
        left: 57.5%;
    }

    .Card figcaption a, .InfoHolder aside li a, .InfoBoxHolder .InfoBox a {
        margin-top: 12px;
    }

    .listDigit.faqList {
        width: 30% !important;
    }

    .ApplyingIsEasy li + li sub input[type=text], .ApplyingIsEasy li + li sub input[type=number]  {
		display: none;
	}

    .ApplyingIsEasy li + li sub a:after {
        margin: 10px 10px 0 0;
    }

        .ApplyingIsEasy2 li + li sub a:after {
        margin: 10px 10px 0 0;
    }

    .listColFour > li, .mobileAppButtons li:after {
        border-right: 0px;
        border-left: 0px;
        box-shadow: none;
    }

    .Blank {
        z-index: 22;
    }



        .Partners .bx-controls-direction .Prev {
            left: -50px;
        }

    .Partners .bx-controls-direction .Next {
        right: -50px;
    }

    /*.FldMid li.countrySelect .Content span {*/
        /*margin: 0px 18px 0 !important;*/
    /*}*/

    /*.dd {*/
        /*width: 228px !important;*/
        /*font-size: 12px;*/
        /*position:relative;*/
    /*}*/

        /*.dd .ddChild {*/
            /*width: 100% !important;*/
        /*}*/

        .dd .ddTitle span.ddTitleText {
            line-height: 3.5;
        }
        
        .OverlayCont {
			top: -55px !important;
		}
	.GetInTouch ul li.Apply, .GetInTouch ul li.Email, .GetInTouch ul li.Call {
		background-position: right center;
	}	
		
.ApplyNowForm ul li select {
width: 105%;
}

.ApplyNowForm ul li span {
width: 95%;
}

.ApplyNowForm ul li span:after {
left: 5px;
}
.Map .Header .Left a{
	margin: -25px 1.8% 0 0;
}

	.GetInTouch ul li.Email a {
	    transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    -moz-transform: scale(0.75);
	}

	.NewsSpotlight h1{
		line-height: 74px !important;
		padding: 15px 0px 30px 0;
	}
	
	.listColFour > li, .mobileAppButtons li:after {
padding-right:0;
}
	
.ResultResidentialFinance ul li input[type=text], .ResultResidentialFinance ul li input[type=number] {
width: 100px;
}

#mapform {
	padding:0;
}

#mapform  .InnerWrap h2 {
	padding: 0 3%;
}

.TabsBody .ms-rtestate-field p a:last-child {
	display:inline-block;
}

.GreenBut:before {
    top: 8px;
}

}