@charset "UTF-8";

.showMobOnly {
  display: none !important;
}

@media all and (max-width: 1464px) {
  .bigContainer {
    width: 100% !important;
    padding: 0 2%;
  }

  .internetBanking {
    left: 88px !important;
  }

  j .hidden-menu .internetBanking {
    left: 85px !important;
  }

  .sticky .bigContainer .menu .floatRight ul.upperMenu li.internetBanking {
    right: 16px !important;
  }
}

@media all and (max-width: 1400px) {
  .corporate .owl-carousel.corporate_products_carousel {
    padding: 0 50px;
  }

  .corporate .owl-carousel.corporate_products_carousel .owl-nav .owl-prev {
    left: 0px;
  }

  .corporate .owl-carousel.corporate_products_carousel .owl-nav .owl-next {
    right: 0px;
  }

  .homepageBanner .textHolder {
    font-size: 38px;
  }

  .internetBanking {
    left: 87px !important;
  }

  .hidden-menu .internetBanking {
    left: 85px !important;
  }

  .bankingTools {
    width: 55%;
  }
}

@media all and (max-width: 1200px) {
  .bankingTools {
    width: 60%;
  }

  .internetBanking {
    left: 83px !important;
  }

  .hidden-menu .internetBanking {
    left: 80px !important;
  }

  .btn-primary {
    padding: 5px 8px 4px !important;
  }

  .productItem.smallItem .container .wrapper .itemHolder .right {
    background-size: 65% 100%;
  }

  .productItem.smallItem .container .wrapper .itemHolder .right .child {
    padding-left: 45px !important;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .right {
    background-size: 65% 100%;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .right .child {
    padding-left: 180px !important;
  }

  .activities .overlay .inner-overlay {
    background-size: 100% 100%;
  }

  .activities .overlay .inner-overlay h6,
  .activities .overlay .inner-overlay .title {
    width: 365px;
  }

  .activities .overlay .inner-overlay h6 {
    font-size: 12px;
  }

  .activities .overlay .inner-overlay .title {
    font-size: 24px;
  }

  h3 {
    font-size: 30px;
  }

  .hidden-menu .header .center {
    display: none;
  }

  .hidden-menu .menu-listing2 .mainMenu .ddSecondLevel ul {
    column-gap: 0 !important;
  }

  .menu .floatRight ul.upperMenu,
  .hidden-menu .floatRight ul.upperMenu {
    width: 100%;
  }

  .homepageBanner {
    min-height: 0 !important;
  }

  .homepageBanner .btn-primary {
    padding: 0 8px !important;
  }

  .homepageBanner .hero-container {
    min-height: 0 !important;
  }

  .homepageBanner .hero-container .owl-carousel .owl-item {
    padding-bottom: 0 !important;
    max-height: 65vh;
  }

  .homepageBanner .hero-container .hero-image.visible {
    height: 55vh;
    width: 80%;
  }

  .homepageBanner .textHolder {
    font-size: 40px;
    line-height: 60px;
  }

  .homepageBanner .owl-dots {
    padding-left: 0%;
    bottom: 10% !important;
  }

  .homepageBanner .sliderText {
    top: 65px;
    transform: translate(0, 0%);
  }

  .homepageBanner .slider-image {
    height: 65vh;
  }

  .homepageBanner .blueTexttBg {
    width: 63% !important;
  }

  .homepageBanner .text-container {
    width: 30%;
  }

  .download-app .toggleContent .image {
    right: 0px !important;
  }

  .download-app .toggleItem.default .image img {
    margin: 0 !important;
    border-radius: 0 !important;
  }

  .overlay {
    height: 373px !important;
  }

  .subpageBanner .whiteBg {
    width: calc(52.95% + 2px);
  }

  .mapContainer .container {
    width: 100%;
    margin: 0;
  }

  .mapContainer .mapFilter .left .input_entities {
    padding-left: 10%;
  }

  .mapBranches .mapContainer #map {
    width: 100% !important;
    position: relative !important;
  }

  .formSection .apply-now .col-md-6.col-sm-6.col-xs-12 .dropDowns {
    position: relative;
  }

  .formSection .apply-now .col-md-6.col-sm-6.col-xs-12 .dropDowns .customSelect .dk-select {
    width: 140px;
  }

  .formSection .apply-now .col-md-6.col-sm-6.col-xs-12 .dropDowns:after {
    content: "";
    display: table;
    clear: both;
  }

  a.btn-primary {
    margin: 0;
    font-size: 12px !important;
  }

  .productItem .container .wrapper .left .parent .child {
    padding-right: 30px;
  }

  .productItem h3 {
    font-size: 30px;
  }

  .productItem.smallItem .container .wrapper .right .parent .child h5,
  .productItem.smallItem .container .wrapper .right .parent .child h3,
  .productItem.smallItem .container .wrapper .right .parent .child .contentText,
  .productItem.smallItem .container .wrapper .right .parent .child .buttons-list {
    margin-bottom: 20px;
  }

  .productItem.smallItem .container .wrapper .right .parent .child h5,
  .productItem.smallItem .container .wrapper .right .parent .child .contentText {
    font-size: 16px;
  }

  .productItem.smallItem .container .wrapper .right .parent .child h3 {
    font-size: 26px;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .right .parent .child {
    padding-right: 166px !important;
    padding-left: 0px !important;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child h5,
  .productItem.whitebackground .container .wrapper .left .parent .child h3,
  .productItem.whitebackground .container .wrapper .left .parent .child .contentText,
  .productItem.whitebackground .container .wrapper .left .parent .child .buttons-list {
    margin-bottom: 20px;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child h5,
  .productItem.whitebackground .container .wrapper .left .parent .child .contentText {
    font-size: 16px;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child h3 {
    font-size: 26px;
    padding-top: 16px;
  }

  .linkHolder a {
    font-size: 15px !important;
  }

  .blueBgBanner .breadCrumbInsideCont a {
    font-size: 15px !important;
  }

  .blueBgBanner .breadCrumbsMain,
  .blueBgBanner h3,
  .blueBgBanner h2 {
    margin-bottom: 15px !important;
  }

  .blueBgBanner h3 {
    font-size: 20px !important;
  }

  .blueBgBanner h2.mainTitle {
    font-size: 30px !important;
    margin-bottom: 0 !important;
  }

  .blueBgBanner .otherSections .hidden-option {
    font-size: 14px;
  }

  .blueBgBanner .otherSections .hidden-option::after {
    float: left;
    margin-left: 0px;
  }

  .knowmore .child {
    padding-right: 50px !important;
  }

  #branchesListing .listingContainer .listingInfos .btnAction a {
    padding: 0 5px;
  }

  h3 {
    font-size: 30px;
  }

  .productItem h5 {
    font-size: 16px;
  }

  .productItem .contentText {
    font-size: 16px;
  }

  .listingItemLI {
    width: 30%;
    padding: 0;
  }

  .otherNewsListing .listingItemLI.col-md-4.col-sm-4.col-xs-12 {
    width: 33%;
    margin: 0 auto;
    padding: 0 10px !important;
  }

  .clearfix.row ul li.col-md-12 {
    padding: 0;
  }

  a.btn-primary {
    font-size: 15px !important;
  }

  .investorRelations .container .firstSection .featureListing ul .listingItem {
    width: 33.3333%;
  }

  .investorRelations .container .firstSection .featureListing ul .listingItem:nth-child(3n+1) {
    clear: both;
  }

  .investorRelations .container .firstSection .featureListing ul .listingItem:nth-child(4n+1) {
    clear: none;
  }

  .investServ .owl-dots {
    padding-top: 20px;
    text-align: center;
    width: 100%;
  }

  .investServ .owl-dots .owl-dot {
    border-color: white;
  }

  .investServ .owl-dots .owl-dot.active {
    background-color: white;
  }
}

@media all and (max-width: 1175px) {
  .internetBanking {
    left: 81px !important;
  }

  .productItem.smallItem .container .wrapper .itemHolder .right .parent {
    padding-left: 5px;
  }

  .productItem.smallItem .container .wrapper .itemHolder .right .parent .child {
    padding-left: 45px !important;
  }
}

@media all and (max-width: 1105px) {
  .bankingTools {
    width: 65%;
  }

  .internetBanking {
    left: 80px !important;
  }

  .hidden-menu .internetBanking {
    left: 79px !important;
  }

  .productItem.smallItem .container .wrapper .itemHolder .right .parent .child {
    padding-left: 45px !important;
  }

  .productItem.smallItem .container.invert .itemHolder .right .parent .child {
    padding-left: 180px !important;
  }
}

@media all and (max-width: 1024px) {
  .internetBanking {
    left: 79px !important;
  }

  .hidden-menu .internetBanking {
    left: 76px !important;
  }

  .per-banner {
    width: 87% !important;
  }

  .bankingTools {
    width: 100%;
    right: -600px;
  }

  .bankingTools .tabsContainer {
    max-height: 368px;
  }

  .account-express {
    top: 84%;
  }

  .personal-finance {
    top: 63%;
  }

  .productItem.whitebackground .container .wrapper {
    width: calc(100vw - 48px);
  }

  .productItem.whitebackground .container .wrapper .right {
    width: 389px;
    height: 263px;
  }

  .philosophy .blockBody .listingHolder .listingItemLI {
    width: 33.3333%;
  }

  .investProd .blockBody .listingHolder .listingItemLI {
    width: 25%;
  }

  .whyinvestwithus .blockBody .form-intro {
    font-size: 20px;
    line-height: 30px;
  }

  .whyinvestwithus .blockBody .listingHolder .listingItemLI {
    width: 25%;
  }

  .whyinvestwithus .blockBody .listingHolder .listingItemLI .listingItem .listingImage img {
    width: 68px;
    height: auto;
  }

  .investProd .blockBody .listingHolder .listingItemLI {
    margin-bottom: 20px;
  }

  .philosophy .blockBody .listingHolder .listingItemLI .listingItem .listingImage img {
    height: 65px;
  }

  .investServ .blockBody .listingHolder .listingItemLI {
    width: 100%;
  }

  .unique .blockBody .listingHolder .listingItemLI {
    width: 100%;
  }

  .unique .blockBody .listingHolder .listingItemLI .listingItem .listingInfos .listingTitle {
    font-size: 24px;
    line-height: 30px;
  }

  .unique .blockBody .listingHolder .listingItemLI .listingItem .listingInfos .listingDescription {
    font-size: 16px;
  }

  h2 {
    font-size: 34px;
    line-height: 40px;
  }

  .productItem.investmanag .bigContainer .wrapper {
    height: auto;
  }

  .productItem.investmanag .bigContainer .wrapper .right {
    width: 100%;
    float: none;
    display: block;
    height: 250px;
    border: none;
  }

  .productItem.investmanag .bigContainer .wrapper .left {
    position: relative;
    width: 100%;
    top: auto;
    right: auto;
    transform: none;
    border: none;
    height: auto;
    padding: 30px 0;
  }

  .productItem.investmanag .bigContainer .wrapper .left .parent {
    padding: 0;
    transform: none;
    display: block;
    height: auto;
  }

  .productItem.investmanag .bigContainer .wrapper .left .contentText {
    padding: 0;
  }

  .complaint p {
    color: white;
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 30px;
  }

  .complaint a {
    font-size: 14px;
    line-height: 20px;
  }

  .unique,
  .investServ,
  .whyinvestwithus,
  .investProd,
  .productItem.investmanag {
    margin-bottom: 40px;
  }

  .unique .blockHead h2,
  .investServ .blockHead h2,
  .investProd .blockHead h2,
  .philosophy .blockHead h2 {
    margin-bottom: 20px;
  }

  .investProd {
    padding: 40px 0;
  }

  .whyinvestwithus {
    padding-bottom: 40px;
  }

  .fraudPopup .content {
    width: 670px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
  }

  .fraudPopup .content img {
    margin-bottom: 40px;
  }

  .fraudPopup .content .title {
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .fraudPopup .content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .fraudPopup .content a {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}

@media all and (max-width: 992px) {
  .corporate .services .container h3 {
    max-width: 100%;
  }

  .imac {
    display: none;
  }

  .productItem.smallItem .wrapper .right {
    background-image: url(../images/full-banner-bg.jpg) !important;
    background-size: 100% 100% !important;
  }

  .productItem.smallItem .wrapper .right .parent .child {
    padding-right: 20px !important;
    padding-top: 20px !important;
  }

  .bankingTools {
    width: 80%;
  }

  .sticky li.internetBanking {
    margin: 0 !important;
  }

  .download-app .container .floatLeft .toggleItem .toggleContent .image img {
    left: 150px;
  }

  .productItem.whitebackground .products_carousel .owl-stage .owl-item .wrapper {
    width: calc(100vw - 48px) !important;
  }

  .productItem.whitebackground .products_carousel .owl-stage .owl-item .wrapper .right {
    left: unset;
    right: 0 !important;
  }

  .productItem.whitebackground .products_carousel .owl-stage .owl-item .wrapper .left {
    padding-right: 340px !important;
  }

  .productItem.whitebackground .products_carousel .owl-stage .owl-item .wrapper .left .parent .child {
    padding-right: 20px !important;
  }

  .productItem.smallItem .products_carousel .owl-stage .owl-item .wrapper {
    width: calc(100vw - 48px);
  }

  .productItem.smallItem .products_carousel .owl-stage .owl-item .wrapper .right {
    background-image: url(../images/full-banner-bg.jpg) !important;
    background-size: cover !important;
    width: 100% !important;
  }

  .productItem.smallItem .products_carousel .owl-stage .owl-item .wrapper .right .child {
    padding: 20px !important;
  }

  .productItem.mainItem .products_carousel .owl-stage .owl-item .wrapper {
    width: calc(100vw - 48px) !important;
  }

  .productItem.mainItem .products_carousel .owl-stage .owl-item .wrapper .right {
    background-position: bottom center;
  }

  .video-container {
    height: 324px;
    width: 100%;
  }

  .video-container .banner-video {
    width: 100%;
    top: -61px;
  }

  .homepageBanner .sliderText {
    position: relative !important;
    top: 0 !important;
    height: 217px !important;
  }

  .subpageBanner .per-banner {
    margin: 0 !important;
    width: 100% !important;
  }

  .hidden-menu .menu-align ul.upperMenu li a.active::after {
    display: none;
  }

  .hidden-menu .menu-align ul.upperMenu li:hover a::after {
    display: none;
  }

  .generalListingDetails.productItem.whitebackground.nobackground.col .container .wrapper.invert {
    transform: scale(1);
  }

  a.btn-primary {
    font-size: 13px !important;
  }

  .bigContainer {
    padding: 0 20px;
    margin: 0;
  }

  header .bigContainer .logo,
  .hidden-menu .header .left {
    top: 35px;
  }

  header .bigContainer .logo a,
  .hidden-menu .header .left a {
    width: 100px;
    height: 67px;
  }

  .hidden-menu .header .left a {
    top: 50px !important;
  }

  .menu .floatRight,
  .hidden-menu .floatRight {
    width: 100%;
  }

  .homepageBanner .hero-container .hero-image.visible {
    height: 330px;
    width: 100%;
    background-size: cover;
    background-position: top center;
    padding-bottom: 0;
    position: static;
  }

  .homepageBanner .text-container {
    width: 100%;
  }

  .homepageBanner .blueTexttBg {
    width: 100% !important;
    transform: none !important;
    right: 0;
  }

  .homepageBanner .slider-image {
    transform: none;
    height: 200px;
  }

  .homepageBanner .blueTexttBg:before {
    display: none;
  }

  .homepageBanner .sliderText {
    background-image: url(../images/full-banner-bg.jpg);
  }

  .homepageBanner .blueTexttBg {
    opacity: 0;
    display: none;
  }

  .homepageBanner .sliderItem {
    height: auto !important;
  }

  .homepageBanner .sliderText {
    position: static;
    padding: 20px 0 35px;
  }

  .homepageBanner .sliderText .textHolder {
    line-height: 40px;
  }

  .private .homepageBanner .sliderText {
    position: static;
    padding: 20px 0 35px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    -moz-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
  }

  .private .homepageBanner .sliderText .textHolder {
    line-height: 40px;
  }

  .homepageBanner .owl-dots {
    bottom: 10px !important;
    right: 0;
    line-height: auto !important;
    width: auto !important;
  }

  .productItem.whitebackground .bigContainer .wrapper .left {
    padding: 20px;
    padding-top: 30px;
    min-height: 0;
    padding-right: 20px;
    margin-top: 25px;
  }

  .productItem.whitebackground .container .wrapper .left {
    border-top: none;
    right: 0;
    height: auto;
    bottom: 0;
    top: auto;
    transform: none !important;
    width: 100%;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding-right: 20px;
  }

  .productItem.whitebackground .container .wrapper .right {
    width: 320px;
    height: 240px;
  }

  .productItem.whitebackground .container .linkHolder {
    padding-top: 20px;
  }

  .productItem.whitebackground.nobackground .container .wrapper .left .parent {
    width: 100%;
  }

  .productItem.whitebackground.nobackground.col .container .wrapper .twocolumns .col-md-6.col-sm-6.col-xs-12 .contentText ul {
    margin-bottom: 40px;
  }

  .productItem .container .wrapper .left .parent .child,
  .productItem .container .wrapper .left .parent {
    transform: none;
    padding-left: 0;
  }

  .productItem .container .wrapper .right {
    width: 100%;
  }

  .productItem.smallItem .container .wrapper .right {
    height: auto !important;
  }

  .productItem .container .wrapper .left .parent .child h3 {
    max-width: 100%;
  }

  .productItem .container .wrapper .left .parent .child {
    padding: 20px;
    padding-right: 20px;
  }

  .productItem.smallItem .container .wrapper.invert .right {
    width: 100% !important;
  }

  .productItem.smallItem .container .wrapper .left {
    position: static;
    width: 100% !important;
    height: 330px;
    background-position: center center;
  }

  .productItem.smallItem .container .wrapper {
    height: auto;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .right .parent .child,
  .productItem.smallItem .container .wrapper .right .parent {
    padding: 0 !important;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .right {
    background-image: url(../images/full-banner-bg.jpg) !important;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .parent {
    padding: 20px !important;
  }

  .download-app .floatRight {
    clear: both;
    float: right;
  }

  .download-app .floatRight .badge {
    margin: 0 auto;
    position: relative;
  }

  .download-app .container .floatLeft {
    width: 100%;
  }

  .download-app .toggleContent .image {
    left: 0 !important;
    right: auto !important;
  }

  .download-app {
    padding: 40px 0;
  }

  .download-app {
    margin-bottom: 70px;
  }

  .services .listingItem {
    margin-left: 3%;
  }

  .inner-overlay {
    width: 100%;
    padding-top: 26px;
    background-size: 200% !important;
    padding: 20px;
    height: auto;
    position: static;
  }

  .activities .overlay .inner-overlay h6,
  .activities .overlay .inner-overlay .title {
    width: 100%;
    margin-bottom: 5px;
  }

  .inner-overlay h6,
  .inner-overlay .title {
    position: static;
  }

  .activities .overlay {
    height: auto !important;
  }

  .activities .overlay a {
    position: static;
  }

  .sitemap .container .BISignature {
    float: right;
  }

  .menu .floatRight .top .menu-align,
  .hidden-menu .floatRight .top .menu-align {
    padding-right: 0;
  }

  .subpageBanner .imageHolder {
    width: 100%;
  }

  .subpageBanner .blueBgBanner {
    width: 100%;
    transform: none !important;
    position: static;
    clear: both;
    border-top: none;
  }

  .subpageBanner .blueBgBanner .per-banner {
    transform: none !important;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock {
    transform: none !important;
    padding-bottom: 70px;
    padding-right: 0 !important;
  }

  .breadCrumbsMain {
    max-width: 100%;
  }

  .subpageBanner .bannerInsideBlock {
    margin-left: 0 !important;
    padding: 20px;
  }

  .subpageBanner .mainTitle {
    height: auto;
  }

  .members .container .boardlisting .listingItem .listingImage {
    height: auto;
  }

  .members h3 {
    margin-bottom: 20px;
  }

  .members .container .boardlisting .listingItem {
    width: 33.33333%;
  }

  .productItem .container .wrapper {
    height: auto;
    margin-bottom: 40px !important;
  }

  .productItem .container .wrapper .right {
    height: 300px;
    margin-bottom: 0;
    border-bottom: none;
  }

  .careers .productItem .container .wrapper .left {
    position: static;
    width: 100% !important;
  }

  .careers .productItem .container .wrapper .left .parent .child h3 {
    height: auto;
  }

  .productItem {
    margin-bottom: 40px;
  }

  .productItem.mainItem .container .wrapper .right {
    display: block;
    width: 100%;
    height: 300px !important;
  }

  .productItem.mainItem .container .wrapper .left {
    display: block;
    width: 100%;
    position: static;
    transform: none;
  }

  .services h2,
  .services h3 {
    margin-bottom: 25px;
  }

  .carrersForm {
    overflow: hidden;
  }

  .carrersForm .dropDowns {
    display: block;
  }

  .carrersForm .dropDowns .customSelect {
    width: 30%;
    float: right;
    margin-left: 11px;
  }

  .apply-now .col-md-6.col-sm-6.col-xs-12 .dropDowns .customSelect .dk-select {
    min-width: 0;
    max-width: 100%;
  }

  .details .container .left,
  .details .container .right {
    width: 100%;
    max-width: 100%;
  }

  .newsDetaailsMain.activities .overlay {
    height: 300px !important;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding: 0 !important;
    transform: scaleX(-1) !important;
    padding-left: 20px !important;
    padding-right: 35% !important;
  }

  .inputField.customSelect {
    width: 33% !important;
  }

  .navbar .menusMain .mainMenu ul li a.active,
  .navbar .menusMain .mainMenu ul li a:hover {
    border: none !important;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    position: relative;
    padding: 0;
    height: 125px;
    overflow: hidden;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .image {
    overflow: hidden;
    display: inline-block;
    width: 20%;
    height: 125px;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .image img {
    height: 100%;
    width: auto;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .listingInfo {
    display: inline-block;
    width: 79%;
    text-align: left;
    padding: 30px 0 0 30px;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .listingInfo h4.listingTitle {
    padding: 0;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .listingInfo .description {
    padding: 0;
    margin: 0;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .listingInfo .description .listingDescription {
    padding: 0;
    margin: 0;
  }

  .reports .container .tabs {
    width: 21%;
    display: inline-block;
  }

  .reports .container .tabs ul.folders {
    display: inline-block;
    min-height: 500px;
    width: auto;
  }

  .reports .container .tabs ul.folders li {
    display: block;
    margin: 0;
  }

  .reports .container .filesListing {
    display: inline-block;
    width: 75%;
    float: left;
  }

  .reports .container .filesListing .files {
    float: left;
    max-height: 500px;
    overflow-y: scroll;
    width: 90%;
  }

  .reports .container .filesListing .files .listingItem {
    width: 49%;
  }

  header .menu .floatRight,
  header .hidden-menu .floatRight {
    width: 100%;
  }

  header .menu .floatRight .top .menu-align ul.upperMenu li a,
  header .hidden-menu .floatRight .top .menu-align ul.upperMenu li a {
    font-size: 7px !important;
  }

  header .menu .floatRight .top .bottom .navbar,
  header .hidden-menu .floatRight .top .bottom .navbar {
    float: left;
    width: 85%;
  }

  header .menu .logo,
  header .hidden-menu .logo {
    top: 50px;
  }

  header .menu .logo a,
  header .hidden-menu .logo a {
    width: 100px;
  }

  .hidden-menu .header .left a {
    top: 50px !important;
  }

  .hidden-menu .header .navbar {
    float: left;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu li a {
    font-size: 12px;
  }

  .bankingTools .calculator .questions .wrapper .input_entities .inputEntity .customSelect {
    display: block !important;
    width: 100% !important;
  }

  .mobileAppPage .firstBody .image img {
    width: 75%;
  }

  .corporate .productItem.whitebackground.invertible .container>div {
    display: block;
    margin: 0 -10px;
  }

  .corporate .productItem.whitebackground.invertible .container>div::after {
    content: "";
    display: block;
    clear: both;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper {
    margin-bottom: 20px;
    width: 100%;
    display: block;
    padding: 0 10px;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper:nth-child(2n+1) {
    clear: both;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper:last-child {
    margin-bottom: 0;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .right {
    left: 0;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left {
    background: none;
    border: 1px solid #f2f2f2;
    padding: 20px 0;
    width: 100% !important;
    top: auto;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left .parent {
    width: 100%;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left .parent .child {
    padding: 20px 20px 0 20px;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left .parent .child h3 {
    font-size: 28px;
  }

  .careers .productItem .container .wrapper .right {
    position: relative;
    z-index: 1;
    height: 300px !important;
  }

  .careers .productItem .container .wrapper .left {
    transform: skew(0deg) scaleX(1);
  }

  .corporate .homepageBanner .sliderText {
    height: 150px !important;
  }

  .corporate .homepageBanner .hero-image {
    background-position: right center;
  }

  .menu .floatRight ul.upperMenu li.warbaAssist::before {
    left: -10px;
  }

  .menu .floatRight ul.upperMenu li.getTheApp::before {
    left: -10px;
  }

  .menu .floatRight ul.upperMenu li.search::before {
    left: -10px;
  }

  .menu .floatRight ul.upperMenu li.phoneNumber::before {
    left: -10px;
  }

  .hidden-menu .floatRight ul.upperMenu li.warbaAssist::before {
    left: -10px;
  }

  .hidden-menu .floatRight ul.upperMenu li.getTheApp::before {
    left: -10px;
  }

  .hidden-menu .floatRight ul.upperMenu li.search::before {
    left: -10px;
  }

  .hidden-menu .floatRight ul.upperMenu li.phoneNumber::before {
    left: -10px;
  }

  .corporate .owl-carousel.corporate_products_carousel .owl-nav .owl-next,
  .corporate .owl-carousel.corporate_products_carousel .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
  }

  .compareCards {
    width: 100%;
    overflow-x: auto;
  }
}

@media all and (max-width: 950px) {
  header.sticky .logo {
    display: none !important;
  }

  header.sticky a {
    white-space: nowrap !important;
  }

  .sticky .bigContainer .menu .floatRight .top .menu-align {
    margin-left: 10px;
  }

  .tenders .tendersLI:first-child {
    padding: 0px 20px 15px !important;
  }

  .tenders .tendersLI:not(:first-child) {
    padding: 0px 20px !important;
  }

  .tenders .tendersLI .listingInfos {
    padding: 20px !important;
  }

  .tenders .tendersLI .listingInfos h4 {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }

  .tenders table .open::after {
    display: inline-block;
    content: "";
    height: 11px;
    width: 11px;
    background-color: #9cda96;
    border-radius: 50%;
    margin-left: -20px;
    position: absolute;
    top: 1px;
  }

  .tenders table .closed::after {
    display: inline-block;
    content: "";
    height: 11px;
    width: 11px;
    background-color: #c1382a;
    border-radius: 50%;
    margin-left: -20px;
    position: absolute;
    top: 1px;
  }

  .tenders table thead {
    display: none;
  }

  .tenders table tr:nth-child(2n) {
    background: #ccc;
  }

  .tenders table td {
    display: block;
    width: 50%;
    padding: 0 0 0 50% !important;
    position: relative;
  }

  .tenders table td:before {
    content: attr(data-title) !important;
    position: absolute;
    width: 45%;
    padding-right: 10px;
    left: 0;
    font-weight: bold;
    background-color: transparent !important;
    white-space: nowrap;
  }

  .tenders table tbody tr td {
    margin: 20px;
  }
}

@media all and (max-width: 767px) {
  .corporate .servicesListingContainer .listingItem .listingDescription {
    display: none;
  }

  .corporate .services .item-list .container .servicesListingContainer .listingInfos {
    float: right;
    margin-right: 20px;
  }

  .corporate .services.left .item-list {
    width: 100%;
  }

  .corporate .services .listingItem .listingImage img {
    margin-top: 0 !important;
  }

  header.sticky .logo {
    display: block !important;
  }

  .navbar {
    width: 75% !important;
  }

  .corporate {
    margin-top: 0 !important;
  }

  .corporate .hidden-menu .menu-listing2 ul>li.hasSubmenu>.ddSecondLevel>ul>li.hasSubmenu {
    width: 100% !important;
  }

  .corporate header#h {
    height: 50px !important;
  }

  .hidden-menu .menu-listing2 .menusMain {
    margin-bottom: 50px;
  }

  .hidden-menu .menu-listing2 .menusMain ul {
    margin-bottom: 30px;
  }

  .hidden-menu .menu-listing2 .menusMain .BI_Links {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }

  .hidden-menu .menu-listing2 .menusMain .BI_Links li.internetBanking a {
    color: white;
    margin-bottom: 20px;
  }

  .hidden-menu .menu-listing2 .menusMain .BI_Links li.internetBanking a img {
    display: inline-block;
    content: url(../images/lock_white.png);
    width: 20px;
    /* margin-top: 0px; */
    padding: -8px 0 0 0px;
    transform: translateY(10px);
  }

  .hidden-menu .menu-listing2 .menusMain .BI_Links li.internetBanking a span {
    font-size: 20px;
  }

  .hidden-menu .floatRight ul.upperMenu {
    padding-top: 18px !important;
  }

  .productItem.whitebackground .products_carousel .owl-stage .owl-item .wrapper .left {
    padding: 0 !important;
  }

  .hidden-menu .upperMenu {
    padding-left: 35px !important;
  }

  .hidden-menu .internetBanking {
    left: 50px !important;
  }

  .hidden-menu .navbar {
    float: right !important;
  }

  .video-container {
    height: 299px;
  }

  .video-container .banner-video {
    top: -47px;
  }

  .bankingTools {
    width: 100%;
  }

  .bankingTools .ear {
    top: unset !important;
    bottom: 47px;
    left: -86px;
    height: 40px;
  }

  .bankingTools .prayerTimes {
    max-height: 325px;
  }

  .bankingTools .tabsContainer {
    max-height: 100% !important;
    height: 100% !important;
  }

  .bankingTools .calculator .calculationVariables .questions {
    margin: 0;
    display: inline-block;
    width: 100%;
  }

  .bankingTools .calculator .calculationVariables input {
    padding-right: 10px;
  }

  .bankingTools .calculator .calculationResutls {
    position: static !important;
    width: 100% !important;
  }

  .bankingTools .converter .calculationVariables .wrapper .input_entities .inputEntity {
    width: 100%;
    margin-bottom: 20px !important;
  }

  .bankingTools .prayerTimes {
    padding: 20px;
  }

  .bankingTools .prayerTimes table {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .bankingTools .prayerTimes table tr td {
    text-align: center;
    width: 50% !important;
  }

  .bankingTools .exchange {
    padding: 20px;
  }

  .bankingTools .exchange table {
    width: 100%;
    margin: 0px;
    margin-bottom: 0px;
  }

  .bankingTools .exchange table tr td {
    text-align: center;
    width: 30% !important;
  }

  .bankingTools .tabs {
    padding-top: 0 !important;
    width: 88%;
    width: 88%;
    padding: 20px;
    padding-bottom: 0 !important;
  }

  .bankingTools .tabs ul.folders li a.active {
    font-weight: 400;
  }

  .personal-finance {
    height: 38px;
    width: 126px;
    line-height: 39px;
    font-size: 16px;
    top: 73%;
  }

  .account-express {
    width: 126px;
    height: 48px;
    font-size: 16px;
    line-height: 40px;
    top: 88%;
    left: -51px;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding: 0 !important;
  }

  .ear {
    top: 50% !important;
  }

  .hidden-menu .header .floatRight .bottom .navbar {
    float: none;
    width: 100%;
  }

  .productItem.smallItem .container .wrapper.invert .left {
    transform: scaleX(1);
    right: 0 !important;
    top: 0;
  }

  .productItem.mainItem .container .wrapper .right {
    width: 100%;
    height: 400px !important;
    background-position: top center;
    position: relative;
    background-size: contain;
  }

  .productItem.mainItem .container .wrapper .left {
    transform: skew(0deg) scaleX(1);
    position: absolute !important;
    width: 100%;
    right: 0;
    height: 200px;
    max-height: 300px;
    top: 200px;
  }

  .knowmore .container .moreProducts ul li {
    width: 100%;
  }

  .knowmore .container .wrapper.invert .left {
    width: 100% !important;
  }

  .invert.productItem.whitebackground.knowmore .left {
    width: 100% !important;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock .otherSections .hidden-option {
    padding: 10px;
    white-space: initial;
    width: 100%;
  }

  .subpageBanner .otherSections {
    position: absolute;
    width: 92%;
  }

  .subpageBanner .otherSections ul.pagesList {
    max-width: 100%;
  }

  .services.left .linkcontainer {
    width: 100%;
  }

  .services.left .container h3 {
    max-width: 100%;
  }

  .services.left .item-list {
    width: 60%;
  }

  .services.left .item-list .listingItem.width19 {
    width: 100%;
  }

  .services.left .item-list .listingItem.width19 .listingImage img {
    width: 25px !important;
    height: 25px;
  }

  .services.left .item-list .listingItem.width19 .listingTitle {
    margin-right: 20px;
  }

  .services.left .imac {
    left: -120px;
    bottom: 19%;
    width: 80%;
  }

  .services.legacy .listingItem {
    width: 100%;
  }

  .services.legacy .listingItem .listingImage {
    margin-left: 20px;
  }

  .services.ybankwithus .listingImage {
    margin-left: 20px;
  }

  .services.ybankwithus .listingImage img {
    width: 25px !important;
  }

  .closeSearch img {
    width: 20px;
    height: 20px;
    top: 5px;
    position: absolute;
    left: 0px;
  }

  .mobileAppPage .container .firstBody img {
    width: 75%;
    margin-bottom: 40px;
  }

  .mobileAppPage .container .secondBody .listingItemLI {
    width: 100%;
    padding: 0 20px;
  }

  .assist-listing .op1v7 .listingInfos {
    max-width: 70%;
  }

  .assist-listing .op1v7 .listingInfos .parttwo {
    margin: 0;
  }

  .assist-listing .op1v7 .listingInfos .parttwo label {
    font-size: 30px;
  }

  .assist-listing .op1v7 .listingInfos .parttwo::after {
    top: -10px;
    height: 1px;
    width: 80%;
    right: 0px;
  }

  .assist-listing .op1v7 .listingInfos .parttwo:before {
    top: -10px;
    height: 1px;
    width: 80%;
    left: 0px;
  }

  .assist-listing .op1v7 .listingPrice {
    width: 70px;
    height: 70px;
  }

  .assist-listing.contentImage .nomargin {
    width: 90%;
    margin: 0 auto;
  }

  .subpageBanner .imageHolder {
    background-position: center center;
  }

  .radio-fields .col-xs-4,
  .radio-fields .col-xs-12 {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .mapBranches .mapContainer.productItem .container .wrapper .left {
    width: 100% !important;
    transform: skew(0deg);
  }

  .mapBranches .mapContainer .mapFilter .input_entities .searchAction.white {
    width: 100%;
  }

  .mapLegends li {
    margin-bottom: 15px;
  }

  .mapBranches .container ul.mapLegends {
    float: right;
    display: block;
    padding-top: 0px;
    margin-bottom: 40px;
  }

  .mapBranches .mapContainer .mapFilter .input_entities {
    transform: scaleX(1) skew(0deg);
    padding-right: 30px;
    padding: 30px;
  }

  .branchesSection .container #branchesListing .listingContainer {
    padding-bottom: 40px;
    display: block;
    border: none;
  }

  .branchesSection .container #branchesListing .listingInfos {
    margin-bottom: 40px;
  }

  .branchesSection .container #branchesListing .listingInfos .btnAction a {
    width: 49%;
  }

  .listingLoadMoreSection {
    width: 90%;
    margin: 0 auto;
  }

  .other-accounts .container .listingHolder .listingItemLI {
    width: 100% !important;
  }

  .highlight {
    margin: 0;
  }

  .highlight .highlightContainer {
    padding: 30px;
    padding-bottom: 0;
  }

  .highlight .highlightContainer .feature {
    width: 100%;
    display: block;
    margin-bottom: 40px;
  }

  .highlight .highlightContainer .feature .label {
    margin: 0;
    line-height: 30px;
  }

  .highlight .highlightContainer .feature .value {
    margin: 0;
    padding: 0;
  }

  .productItem.whitebackground .container .wrapper .left,
  .productItem.whitebackground .container .wrapper .left .child {
    transform: none;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding-left: 0;
  }

  .productItem.whitebackground .container .wrapper .left {
    position: static;
    top: -20px;
    background: none;
    margin-right: 0 !important;
  }

  .productItem.whitebackground .container .wrapper .right {
    transform: translateY(0) scaleX(-1) !important;
    margin-bottom: 20px;
  }

  .productItem.whitebackground .container .wrapper.invert .left .parent .child {
    padding: 0;
  }

  .menu-align,
  .menusMain a {
    display: none !important;
  }

  .menusMain a.active {
    display: block !important;
  }

  .menu .floatRight {
    width: auto;
    min-width: auto;
  }

  .headerHeight {
    height: 50px;
  }

  header .bigContainer .logo,
  .hidden-menu .header .left {
    top: 6px !important;
  }

  header .bigContainer .logo a,
  .hidden-menu .header .left a {
    width: 70px;
    height: 39px;
  }

  .menu .floatRight .bottom .navbar,
  .hidden-menu .floatRight .bottom .navbar {
    margin-bottom: 0;
    display: block;
    padding-top: 30px;
  }

  .hidden-menu .menu-align,
  .hidden-menu .menusMain a {
    display: block !important;
  }

  .burger img {
    width: 25px;
  }

  .homepageBanner .hero-container .hero-image.visible {
    height: 180px;
  }

  .hidden-menu .header .floatRight .upperMenu li.internetBanking a,
  .menu .floatRight ul.upperMenu li.warbaAssist a,
  .hidden-menu .floatRight ul.upperMenu li.warbaAssist a,
  .hidden-menu .header .floatRight .upperMenu li a {
    background: transparent;
    font-size: 0;
    border: none;
  }

  .menu .floatRight ul.upperMenu,
  .hidden-menu .floatRight ul.upperMenu {
    display: block;
    text-align: left;
  }

  .menu .floatRight ul.upperMenu li.internetBanking a,
  .hidden-menu .floatRight ul.upperMenu li.internetBanking a,
  .menu .floatRight ul.upperMenu li a,
  .hidden-menu .floatRight ul.upperMenu li a {
    padding: 0 !important;
  }

  .menu .floatRight ul.upperMenu li.internetBanking,
  .hidden-menu .floatRight ul.upperMenu li.internetBanking {
    vertical-align: top;
  }

  .hidden-menu .header .left a {
    top: 6px !important;
  }

  .hidden-menu .floatRight ul.upperMenu li a span.linkText {
    display: none;
  }

  .hidden-menu .floatRight ul.upperMenu li.internetBanking {
    margin-left: 15px !important;
  }

  .hidden-menu .floatRight ul.upperMenu li.getTheApp {
    margin-left: 6px !important;
  }

  .hidden-menu .floatRight ul.upperMenu li.search {
    margin-left: 4px !important;
  }

  .menu .floatRight ul.upperMenu,
  .hidden-menu .floatRight ul.upperMenu {
    padding-left: 30px;
  }

  .burger-menu {
    position: absolute;
    top: 50%;
    left: 20px;
    left: 20px;
  }

  header .navbar .menusMain {
    position: absolute;
    left: 60px;
    top: 15px;
    width: auto;
  }

  header .navbar .menusMain .mainMenu ul {
    margin-left: 0;
  }

  .navbar .menusMain .mainMenu ul li a.active,
  .navbar .menusMain .mainMenu ul li a:hover {
    border-bottom: none;
  }

  .navbar .menusMain .mainMenu ul li a {
    font-size: 18px;
  }

  .mobileMainMenuToggle {
    display: block;
  }

  .hidden-menu .header .floatRight .upperMenu li.getTheApp a {
    background-image: url(../images/phone-logo-white.svg);
    height: 25px;
    width: 22px;
    background-size: 14px;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .hidden-menu .header .floatRight .upperMenu li.getTheApp a img {
    content: "";
    display: none;
  }

  .hidden-menu .header .floatRight .upperMenu li.warbaAssist a {
    background-image: url(../images/warba-assist-white.svg);
    height: 25px;
    width: 22px;
    background-size: 22px;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .hidden-menu .header .floatRight .upperMenu li.warbaAssist a img {
    content: "";
    display: none;
  }

  .hidden-menu .header .floatRight .upperMenu li.internetBanking a {
    background-image: url(../images/lock-icon-mob.svg);
    height: 25px;
    width: 22px;
    background-size: 17px;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .hidden-menu .header .floatRight .upperMenu li.internetBanking a img {
    content: "";
    display: none;
  }

  .hidden-menu .header .floatRight .upperMenu li {
    vertical-align: top;
    margin-left: 15px;
  }

  .hidden-menu .burger img {
    width: 20px;
  }

  .menu .floatRight ul.upperMenu,
  .hidden-menu .floatRight ul.upperMenu {
    padding-top: 13px;
    margin-bottom: 7px;
  }

  .hidden-menu .burger-menu {
    top: 16px;
  }

  .hidden-menu .navbar .menusMain .mainMenu ul {
    display: none;
  }

  .mobileMainMenuToggle {
    font-size: 18px;
    color: #fff !important;
  }

  .hidden-menu .searchToggleMain {
    position: absolute;
    top: 14px;
    left: 57px;
    height: 23px;
    width: 23px;
    background-size: 23px;
  }

  .hidden-menu .header .left {
    flex: none;
    display: block;
  }

  .hidden-menu .bigContainer:before {
    content: "";
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    position: absolute;
    top: 50px;
    left: 0;
  }

  .hidden-menu .navbar .menusMain {
    position: static;
    width: auto;
    float: right;
    max-width: calc(100% - 120px);
  }

  .hidden-menu .navbar .menusMain .mainMenu {
    display: block;
  }

  .hidden-menu .floatRight {
    width: 100%;
  }

  .hidden-menu .header .floatRight .top .menu-align .languageSwitcher a.languageToggle:hover,
  .hidden-menu .header .floatRight .top .menu-align .languageSwitcher ul li a,
  .hidden-menu .header .floatRight .top .menu-align .languageSwitcher a.languageToggle:hover,
  .hidden-menu .header .floatRight .top .menu-align .languageSwitcher a.languageToggle.clicked {
    background-color: transparent !important;
    color: white !important;
  }

  .hidden-menu .header .floatRight .top .menu-align .languageSwitcher a.languageToggle::after {
    content: url(../images/arrow_down_white.svg) !important;
  }

  .hidden-menu .floatRight .top .menu-align .languageSwitcher a.languageToggle {
    padding: 0;
  }

  .hidden-menu .floatRight .top .menu-align .languageSwitcher {
    padding-top: 26px;
  }

  .menu .floatRight .top .menu-align .languageSwitcher a.languageToggle::after,
  .hidden-menu .floatRight .top .menu-align .languageSwitcher a.languageToggle::after {
    position: absolute;
    left: 0;
  }

  .menu .floatRight .top .menu-align .languageSwitcher ul,
  .hidden-menu .floatRight .top .menu-align .languageSwitcher ul {
    position: static;
  }

  .hidden-menu .floatRight .top .menu-align .languageSwitcher ul li a {
    padding: 5px 0;
  }

  .menu .floatRight .top .menu-align .languageSwitcher a.languageToggle.clicked,
  .hidden-menu .floatRight .top .menu-align .languageSwitcher a.languageToggle.clicked,
  .menu .floatRight .top .menu-align .languageSwitcher ul,
  .hidden-menu .floatRight .top .menu-align .languageSwitcher ul,
  .menu .floatRight .top .menu-align .languageSwitcher a.languageToggle,
  .hidden-menu .floatRight .top .menu-align .languageSwitcher a.languageToggle {
    width: auto;
    min-width: 60px;
  }

  .navbar .menusMain .mainMenu ul li {
    display: block;
    width: 100%;
    margin: 0 !important;
  }

  .hidden-menu .header .floatRight .mainMenu ul li a.active,
  .activeAnchorParent {
    display: none !important;
  }

  .hidden-menu .menusMain a.mobileMainMenuToggle {
    display: inline-block !important;
    position: relative;
  }

  .hidden-menu .menusMain a.mobileMainMenuToggle:before {
    position: absolute;
    left: -40px;
    width: 13px;
    content: url(../images/arrow_down_white.svg);
    margin-left: 15px;
    margin-right: 15px;
    -webkit-transition: all 300ms 0s ease-in-out;
    transition: all 300ms 0s ease-in-out;
  }

  .hidden-menu .menusMain a.mobileMainMenuToggle.active:before {
    transform: scaleY(-1);
  }

  .navbar .menusMain .mainMenu ul li a {
    font-size: 18px;
  }

  .hidden-menu .header {
    margin-bottom: 20px;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li {
    width: 100%;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu .ddSecondLevel ul li {
    width: 100%;
  }

  #hidden-menu-div>div.menu-listing2>div>div.menusMain>div>ul>li>a {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu .ddSecondLevel ul li.hasSubmenu>a {
    font-size: 18px !important;
    margin-bottom: 10px;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu {
    float: none;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu {
    border: none;
  }

  .mainMenu>ul>li.hasSubmenu {
    margin-bottom: 0;
  }

  .toggleContent2 .toggleContent3,
  .toggleContent2 .ddThirdLevel,
  .mainMenu>ul>li.hasSubmenu>.ddSecondLevel .toggleContent3,
  .mainMenu>ul>li.hasSubmenu>.ddSecondLevel .ddThirdLevel,
  .mainMenu>ul>li.hasSubmenu>.ddSecondLevel {
    display: none;
    padding: 0 10px;
  }

  .mainMenu>ul>li.hasSubmenu>.ddSecondLevel {
    display: block;
  }

  .menu .floatRight .top .menu-align,
  .hidden-menu .floatRight .top .menu-align {
    padding-bottom: 0px;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li {
    clear: both;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu .ddSecondLevel ul li {
    float: none;
  }

  .subMenuMobToggle {
    padding: 0 !important;
    margin: 0 !important;
    height: 20px;
    width: 30px;
    position: absolute !important;
    left: 0;
    top: 0;
  }

  .subMenuMobToggle:before {
    position: absolute;
    left: 0;
    top: -1px;
    width: 13px;
    content: url(../images/arrow_down_white.svg);
    margin-right: 15px;
    -webkit-transition: all 300ms 0s ease-in-out;
    transition: all 300ms 0s ease-in-out;
  }

  .subMenuMobToggle.active:before {
    transform: scaleY(-1);
  }

  .hasSubmenu {
    position: relative;
  }

  .hasSubmenu>a {
    max-width: calc(100% - 40px);
  }

  .container {
    margin: 0 20px;
  }

  .hidden-menu .mainMenu>ul>li.hasSubmenu .ddSecondLevel>ul>li {
    margin-bottom: 10px;
  }

  .hidden-menu .menusMain a.subMenuMobToggle {
    display: none !important;
  }

  .hidden-menu .menusMain .ddSecondLevel a.subMenuMobToggle {
    display: block !important;
  }

  .homepageBanner .textHolder {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 10px;
  }

  .homepageBanner .sliderText .textHolder {
    font-size: 22px;
    line-height: 22px;
  }

  .hero-container .description {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .btn-primary {
    width: 100%;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu .ddSecondLevel ul li.hasSubmenu a {
    font-weight: 300;
  }

  .productItem.whitebackground .container .wrapper .right {
    transform: none;
    position: static;
  }

  .productItem.whitebackground .container .wrapper .right {
    height: 200px;
    width: 100%;
  }

  .homepageBanner {
    margin-bottom: 30px;
  }

  .productItem.whitebackground .container .wrapper .left {
    padding: 20px 0 0 !important;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding-right: 0 !important;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child h3 {
    font-size: 22px;
    line-height: 22px;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child h5,
  .productItem.whitebackground .container .wrapper .left .parent .child h3,
  .productItem.whitebackground .container .wrapper .left .parent .child .contentText,
  .productItem.whitebackground .container .wrapper .left .parent .child .buttons-list {
    margin-bottom: 10px;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child .btn-primary {
    margin-bottom: 5px;
  }

  .productItem .container .wrapper .left .parent .child {
    padding-bottom: 0;
  }

  .productItem .container .linkHolder {
    padding-top: 0;
  }

  .productItem .container .linkHolder {
    padding-top: 0;
    margin: 10px 0 15px;
  }

  .productItem .container .linkcontainer .linkHolder {
    margin: 0;
  }

  .productItem {
    margin-bottom: 30px;
  }

  .productItem .container .wrapper .right {
    height: 200px;
    border: none;
    margin-bottom: 0;
  }

  .productItem .container .wrapper .left {
    position: relative !important;
    border: none !important;
    left: 0;
  }

  .productItem h3,
  .productItem.smallItem .container .wrapper .right .parent .child h3,
  h3 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .productItem h5 {
    margin-bottom: 10px;
  }

  .productItem .container .wrapper {
    height: auto;
    margin-bottom: 20px;
  }

  .productItem.smallItem .container .wrapper .left {
    width: 100%;
    height: 200px;
  }

  .productItem.smallItem .container .wrapper .right .parent .child h5,
  .productItem.smallItem .container .wrapper .right .parent .child .contentText {
    font-size: 18px;
    line-height: 25px;
  }

  .productItem.smallItem .container .wrapper .right .parent .child h5,
  .productItem.smallItem .container .wrapper .right .parent .child h3,
  .productItem.smallItem .container .wrapper .right .parent .child .contentText,
  .productItem.smallItem .container .wrapper .right .parent .child .buttons-list {
    margin-bottom: 10px;
  }

  .buttons-list a {
    margin-bottom: 5px;
  }

  .productItem.smallItem .container .wrapper.invert .itemHolder .right {
    margin-bottom: 15px;
  }

  .sticky .bigContainer .logo {
    width: 60px;
    height: 50px;
    padding-top: 6px;
  }

  .sticky .bigContainer .menu .floatRight ul.burger {
    padding: 0;
  }

  header.sticky {
    height: 47px;
  }

  header.sticky .burger-menu {
    top: 15px;
  }

  .download-app .toggleItem .image {
    display: none;
  }

  .download-app .toggleItem:nth-of-type(1) {
    display: block;
  }

  .showMobOnly {
    display: block !important;
  }

  .showMobOnly img {
    margin: 0 auto;
  }

  .shegardi.shegardi {
    right: 10px;
    bottom: 125px;
  }

  .shegardi a.icon {
    height: 40px;
    width: 40px;
  }

  .hidden-menu .menu-listing2 .menusMain .BI_Links {
    padding-top: 30px;
  }

  #dropHead span.linkText,
  .hidden-menu #dropHead span.linkText {
    font-size: 20px;
  }

  .BI_Links .internetBanking:first-child {
    display: none;
  }

  .hidden-menu #dropHead {
    width: auto;
    background: transparent;
    border: 0;
    position: relative;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 12px !important;
    background-color: transparent !important;
    color: white !important;
  }

  #dropHead:before {
    background-image: url(../images/lock_white.png) !important;
    margin-bottom: 5px;
  }

  .navbar .menusMain .mainMenu ul li a.active {
    top: 10px;
  }

  .hidden-menu .menu-listing2 .menusMain ul.onlineBankingDropdownUL {
    margin-bottom: 30px;
    position: initial;
    border: 0;
    display: block !important;
    width: 100%;
    margin: 0;
  }

  .hidden-menu #dropHead .onlineBankingDropdownUL {
    width: 100% !important;
  }

  .hidden-menu #dropHead .onlineBankingDropdownUL li {
    background-color: white;
    color: #1a0053;
    float: right;
    width: 50%;
    margin: 0;
    display: block;
    clear: none;
    background: transparent !important;
  }

  .hidden-menu .menu-listing2 .menusMain .BI_Links li.internetBanking a {
    background: transparent;
  }

  .hidden-menu #dropHead:hover ul.onlineBankingDropdownUL li a {
    color: white;
  }

  .hidden-menu .menu-listing2 .container .menusMain .mainMenu ul li.hasSubmenu .ddSecondLevel ul li.hasSubmenu .ddThirdLevel li a {
    padding-right: 15px;
  }

  .stuck .tools {
    z-index: 0;
  }

  .toolsIcon {
    height: 40px;
    background-position: center;
    width: 40px;
  }

  .toolsIcon.enter {
    left: 10px;
  }

  .toolsIcon span {
    bottom: -24px;
  }

  .download-app .container .floatLeft .toggleItem.expanded .toggleContent .content {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    max-width: calc(100% - 100px);
  }

  .sitemap .container .BISignature {
    float: left;
  }

  .download-app {
    padding: 20px 0;
  }

  .download-app h3 {
    margin-bottom: 20px;
  }

  .download-app {
    background-size: 100% 450px;
    background-repeat: no-repeat;
    background-attachment: unset;
    background-position: top;
    min-height: 0;
    margin-bottom: 30px;
  }

  .download-app .container .floatLeft .toggleItem.expanded {
    padding-right: 0;
    border: none;
  }

  h4 {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .hideOnMob {
    display: none !important;
  }

  .mobileImgHolder {
    margin-bottom: 20px;
  }

  .download-app .container .floatLeft .toggleItem .toggleContent .image img {
    left: 150px;
    width: 100%;
    height: auto;
  }

  .download-app .container .floatLeft .toggleItem .toggleContent .image {
    width: 100px;
  }

  .download-app .showMobOnly {
    display: none !important;
  }

  .download-app .toggleItem .image {
    display: block;
  }

  .download-app .container .floatLeft .toggleItem .toggleContent .image img {
    position: initial;
  }

  .mobileAppBtn a {
    color: white;
    background-color: #313671;
    border-color: #313671;
  }

  .services .item-list .container .servicesListingContainer {
    display: block;
  }

  .services .item-list .container .servicesListingContainer .listingItem {
    display: block;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
  }

  .services .item-list .container .servicesListingContainer .listingItem:after {
    content: "";
    display: table;
    clear: both;
  }

  .services .item-list .container .servicesListingContainer .listingImage {
    float: right;
  }

  .services .item-list .container .servicesListingContainer .listingInfos {
    float: left;
    max-width: calc(100% - 90px);
    text-align: right;
  }

  .services .item-list .container .servicesListingContainer .listingInfos h4 {
    text-align: right;
  }

  .services .item-list .container .servicesListingContainer .listingImage {
    width: 70px !important;
    height: 70px !important;
  }

  .services .listingItem .listingImage a img {
    width: 35px !important;
    margin: 15px auto;
  }

  .servicesListingContainer .listingDescription {
    font-size: 16px;
    line-height: 24px;
  }

  .listingItem.op1v1 .listingImage,
  .listingItem.op1v1 .listingDate,
  .listingItem.op1v1 .listingTitle,
  .listingItem.op1v1 .listingDescription {
    margin-bottom: 5px;
  }

  .services h2,
  .services h3 {
    margin-bottom: 20px;
  }

  .services .item-list .container .servicesListingContainer {
    margin-bottom: 20px;
  }

  .services {
    margin-bottom: 40px;
  }

  .activities h3,
  .csr-banner h3 {
    margin-bottom: 20px;
  }

  .activities .overlay .inner-overlay .title {
    font-size: 22px;
    padding-left: 0;
  }

  .activities .listing,
  .csr-banner .listing {
    display: block;
  }

  .activities .buttons-list a {
    color: white;
    background-color: #313671;
    border-color: #313671;
  }

  .activities .listing .listingItem.op1v2 .listingInfos a,
  .csr-banner .listing .listingItem.op1v2 .listingInfos a {
    padding: 15px 0 5px;
    background: transparent !important;
  }

  .activities .listing .listingItem.op1v2 .listingInfos:hover,
  .csr-banner .listing .listingItem.op1v2 .listingInfos:hover {
    background: transparent !important;
  }

  .activities .listing .listingItem.op1v2 .listingInfos:hover a,
  .csr-banner .listing .listingItem.op1v2 .listingInfos:hover a {
    color: #1c0552;
  }

  .activities .listing .listingItem.op1v2 .listingInfos:hover a h6,
  .csr-banner .listing .listingItem.op1v2 .listingInfos:hover a h6 {
    color: #2a2a2a;
  }

  h6 {
    margin-bottom: 5px;
  }

  .activities .listing .listingItem.op1v2,
  .csr-banner .listing .listingItem.op1v2 {
    width: 100%;
    border-bottom: 1px solid #eae9ee;
  }

  .warba-assist {
    margin-top: 40px;
    padding: 20px 0;
  }

  .warba-assist h3 {
    margin-bottom: 20px;
  }

  .warba-assist .container .listingHolder {
    display: block;
  }

  .warba-assist .container .listingItem.op1v1 {
    width: 100%;
  }

  .warba-assist .container .listingItem.op1v1 .listingImage {
    height: 50px;
    width: 50px;
    position: relative;
  }

  .warba-assist .container .listingItem.op1v1 .listingImage {
    float: right;
  }

  .warba-assist .container .listingItem.op1v1 .listingImage a img {
    position: absolute;
    top: 0;
    width: 20px !important;
    top: 50%;
    left: 50%;
    -moz-transform: scale(1) translate(-50%, -50%);
    -webkit-transform: scale(1) translate(-50%, -50%);
    -o-transform: scale(1) translate(-50%, -50%);
    -ms-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
  }

  .warba-assist .container .listingItem.op1v1 .listingInfos {
    float: right;
    max-width: calc(100% - 70px);
    margin-right: 20px;
    text-align: right;
  }

  .warba-assist .container .listingItem.op1v1 {
    display: block;
    position: relative;
    margin-bottom: 15px;
    display: table;
    clear: both;
  }

  .warba-assist .container .listingItem.op1v1:after {
    content: "";
  }

  .warba-assist .container {
    padding-bottom: 0;
  }

  .warba-assist .container .listingItem.op1v1 h4 {
    margin-bottom: 0;
  }

  .sitemap .container .siteMapContent div .col-md-2.col-sm-2.col-xs-12 .simpleList {
    margin-bottom: 0;
  }

  .sitemap .container .siteMapContent div .col-md-2.col-sm-2.col-xs-12 ul.simpleList {
    display: none;
  }

  .sitemap .container .siteMapContent div .col-md-2.col-sm-2.col-xs-12:last-of-type .simpleList ul.simpleList {
    display: block;
  }

  .sitemap .container .signatureSection .copyRight {
    margin-left: 0;
  }

  .sitemap {
    padding: 30px 0;
  }

  .hidden-menu .header .floatRight .mainMenu ul li a:hover {
    border: none;
  }

  .subpageBanner .imageHolder {
    height: 180px;
  }

  .breadCrumbsMain li {
    line-height: 18px;
  }

  .blueBgBanner h2.mainTitle {
    font-size: 24px !important;
    line-height: 28px;
  }

  .subpageBanner {
    margin-bottom: 30px;
  }

  .other-accounts.more-accounts .container .listingHolder .listingItemLI {
    width: 100%;
  }

  .other-accounts .container .listingHolder .listingItemLI .listingInfos h4 a {
    font-size: 20px;
  }

  .btn-primary,
  .link a {
    font-size: 15px;
  }

  .other-accounts .container .listingHolder .listingItemLI {
    padding: 15px 20px 18px;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 0;
  }

  .other-accounts .container .listingHolder .listingItemLI .link a {
    padding-bottom: 4px;
  }

  .other-accounts .container .listingHolder .listingItemLI:first-child {
    padding-top: 0;
  }

  .other-accounts .container .listingHolder .listingItemLI .listingInfos {
    margin-bottom: 0;
  }

  .sitemap .container .socialLinks {
    margin-bottom: 20px;
  }

  .subpageBanner .otherSections ul {
    position: static;
  }

  .subpageBanner .otherSections ul {
    width: 100%;
  }

  .subpageBanner .otherSections {
    margin-top: 10px;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock .otherSections .hidden-option.active {
    padding: 10px;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock .otherSections .hidden-option {
    padding: 10px;
  }

  .subpageBanner .otherSections .showli {
    font-size: 15px;
  }

  .subpageBanner .otherSections ul {
    padding-bottom: 0;
  }

  .contentText {
    font-size: 18px;
    line-height: 22px;
  }

  .breadCrumbsMain {
    display: none;
  }

  .mission {
    margin-bottom: 0;
  }

  .intro h3 {
    margin-bottom: 5px;
  }

  .intro .col-xs-12 {
    margin-bottom: 15px;
  }

  .members .container .boardlisting .listingItem {
    width: 100%;
  }

  .members h3 {
    margin-bottom: 10px;
  }

  .members .font32 {
    font-size: 20px;
  }

  .members .container .boardlisting .listingItem .listingImage {
    width: 100%;
  }

  .careers .productItem .container .wrapper .left .parent .child .description .first-description {
    width: 100%;
    margin-bottom: 5px;
    font-size: 18px;
  }

  .careers .productItem .container .wrapper .left .parent .child {
    padding-bottom: 20px;
  }

  .services .listingInfos {
    float: right;
    max-width: calc(100% - 70px);
    text-align: right;
  }

  .services .listingItem .listingImage {
    float: right;
    width: 50px !important;
    height: 50px !important;
  }

  .services .item-list {
    display: block;
  }

  .services .width19 {
    width: 100%;
  }

  .services .listingItem {
    margin-left: 0;
    position: relative;
    margin-bottom: 15px;
    text-align: right;
  }

  .services .listingItem br {
    display: none;
  }

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

  .services .listingItem .listingImage {
    position: relative;
  }

  .services .listingItem img {
    margin: 0 !important;
    position: absolute;
    top: 0;
    top: 50%;
    left: 50%;
    -moz-transform: scale(1) translate(-50%, -50%) !important;
    -webkit-transform: scale(1) translate(-50%, -50%) !important;
    -o-transform: scale(1) translate(-50%, -50%) !important;
    -ms-transform: scale(1) translate(-50%, -50%) !important;
    transform: scale(1) translate(-50%, -50%) !important;
  }

  .services h4 {
    text-align: right;
  }

  .services .listingItem .listingImage a img {
    width: 25px !important;
  }

  .inputEntity label,
  .dk-selected,
  .dk-option {
    font-size: 16px;
  }

  .applicationForm .row {
    margin: 0;
  }

  .applicationForm .col-xs-12 {
    padding: 0;
  }

  .careers .applicationForm .contact-fields .text-fields .row .col-md-6.col-sm-6.col-xs-12 .buttons-list {
    padding-left: 0;
  }

  .carrersForm {
    padding-top: 30px;
  }

  .contact-form {
    margin-bottom: 30px;
  }

  .activities.page .container .listing.big .listingItem,
  .csr-banner.page .container .listing.big .listingItem {
    width: 100%;
    margin-bottom: 15px;
  }

  .activities h3,
  .csr-banner h3 {
    text-align: right;
  }

  .otherNewsListing .listingItemLI.col-md-4.col-sm-4.col-xs-12 {
    width: 100%;
  }

  .newsDetaailsMain .details .container {
    margin: 0;
    padding: 0;
  }

  .activities.page .container .overlay,
  .csr-banner.page .container .overlay {
    margin-bottom: 20px;
  }

  .details .container .left {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .details .container .right {
    padding: 20px;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .details-footer .share {
    margin-bottom: 25px;
  }

  .details-footer {
    margin-bottom: 45px;
  }

  .activities.page .container .listing.big,
  .csr-banner.page .container .listing.big {
    margin-top: 20px;
  }

  .container .container {
    margin: 0;
    padding: 0;
  }

  .services.left {
    overflow: hidden;
  }

  .hidden-menu .bigContainer {
    padding: 0 20px !important;
  }

  .hidden-menu .menu-listing2 .mainMenu ul li.hasSubmenu .ddSecondLevel {
    padding: 0 !important;
  }

  .hidden-menu .menu-listing2 .mainMenu ul li.hasSubmenu .ddSecondLevel ul li {
    padding: 0 !important;
  }

  .hidden-menu .menu-listing2 .mainMenu ul li.hasSubmenu .ddSecondLevel ul li .ddThirdLevel {
    padding: 0 !important;
  }

  .hidden-menu .header .left {
    display: none;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu {
    float: right;
    width: auto !important;
    margin-bottom: 0px;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu li.search {
    margin-right: 0 !important;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu li.search a {
    margin-left: 0 !important;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu li.hasSubmenu .ddSecondLevel {
    border: 1px solid red;
    padding: 0 !important;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu li.hasSubmenu .ddSecondLevel ul li {
    padding: 0 !important;
  }

  .hidden-menu .header .floatRight .menu-align ul.upperMenu li.hasSubmenu .ddSecondLevel ul li .ddThirdLevel {
    padding: 0 !important;
  }

  .hidden-menu .header .floatRight .menu-align .languageSwitcher {
    clear: both;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock {
    padding-right: 20px !important;
  }

  header .menu .floatRight .bottom .navbar .mainMenu ul li.not {
    display: inline-block;
    width: 0 !important;
  }

  .hidden-menu .header .floatRight {
    position: relative;
  }

  .hidden-menu .header .floatRight .top .menu-align .languageSwitcher {
    position: absolute;
    left: 40px;
    top: -13px;
  }

  .hidden-menu .header .floatRight .top .bottom .navbar {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 20px;
    padding-top: 30px;
    width: 100% !important;
  }

  .hidden-menu .header .floatRight .top .bottom .navbar .burger-menu {
    left: 0;
  }

  .hidden-menu .header .floatRight .top .bottom .navbar .menusMain {
    max-width: 100% !important;
    width: 100% !important;
  }

  .hidden-menu .header .floatRight .top .bottom .navbar .menusMain .mainMenu a {
    width: 100% !important;
  }

  .hidden-menu .header .floatRight .top .bottom .navbar .menusMain .mainMenu a::before {
    left: -12px;
  }

  .corporate .productItem.whitebackground.invertible .container .wrapper {
    width: 100% !important;
    border: none !important;
  }

  .corporate .servicesListingContainer .listingItem .linkHolder .link {
    margin: 0 !important;
  }

  .sitemap .container .siteMapContent div .col-md-2.col-sm-2.col-xs-12 {
    width: 100% !important;
  }

  .menu .floatRight ul.upperMenu li.warbaAssist::before {
    display: none;
  }

  .menu .floatRight ul.upperMenu li.getTheApp::before {
    display: none;
  }

  .menu .floatRight ul.upperMenu li.search::before {
    display: none;
  }

  .menu .floatRight ul.upperMenu li.phoneNumber::before {
    display: none;
  }

  .hidden-menu .floatRight ul.upperMenu li.warbaAssist {
    margin-left: 10px !important;
  }

  .hidden-menu .floatRight ul.upperMenu li.warbaAssist::before {
    display: none;
  }

  .hidden-menu .floatRight ul.upperMenu li.getTheApp {
    margin-left: 10px !important;
  }

  .hidden-menu .floatRight ul.upperMenu li.getTheApp::before {
    display: none;
  }

  .hidden-menu .floatRight ul.upperMenu li.search {
    position: relative;
    margin-left: 10px !important;
    width: 25px;
    height: 25px;
  }

  .hidden-menu .floatRight ul.upperMenu li.search::before {
    background-image: url(../images/search-icon-white.svg);
    content: "";
    position: absolute;
    display: block;
    width: 27px;
    height: 23px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: 0 !important;
    left: 0 !important;
    top: 0;
    /* border: 1px solid red; */
  }

  .hidden-menu .floatRight ul.upperMenu li.phoneNumber {
    width: 25px;
    height: 25px;
  }

  .hidden-menu .floatRight ul.upperMenu li.phoneNumber::before {
    background-image: url(../images/phone-receiver-white.png);
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    left: 0 !important;
    right: 0 !important;
    top: 0px;
  }

  .results .blockBody ul.listingHolder li.listingItemLI {
    padding: 0 10px;
  }

  #hidden-menu-div {
    padding-bottom: 100px;
  }

  .playButton a {
    display: block;
  }

  .navbar .menusMain .mainMenu ul li a {
    font-size: 20px;
  }

  .shegardi {
    z-index: 110062;
  }

  .shegardi .bubble {
    left: 35px;
    bottom: 120px;
    font-size: 18px;
    padding: 10px;
    width: 160px !important;
  }

  .shegardi #botFrame.show {
    position: fixed;
    display: block;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }

  .shegardi #botFrame.show #BotIframe {
    top: 0;
    left: 0 !important;
    width: 100%;
    bottom: auto !important;
  }
}

@media all and (max-width: 690px) {
  .subpageBanner .otherSections {
    width: 85% !important;
  }

  .video-container {
    height: 243px;
  }

  .video-container .banner-video {
    top: -43px;
  }

  .bankingTools .tabs ul.folders li {
    width: 20%;
  }

  .bankingTools .tabs ul.folders li a {
    font-size: 16px;
  }

  .cardsListingItems .listingHolder .listingItemLI {
    width: 100%;
    display: block;
    float: none;
  }

  .compareholder {
    width: 100%;
    left: 0;
  }

  .compareholder .compareheader {
    width: 100%;
  }

  .compareholder .compareContainer {
    max-width: 100%;
    width: 100%;
  }

  .compareholder .compareContainer .comparelist li {
    width: 100%;
    display: block;
    float: none;
  }

  .compareCards .container table tbody tr td a.btn-primary:last-child {
    margin: 0;
  }

  .compareCards .container table tbody tr td:first-child {
    width: 200px;
    height: auto;
  }

  .philosophy .blockBody .listingHolder .listingItemLI,
  .investProd .blockBody .listingHolder .listingItemLI,
  .whyinvestwithus .blockBody .listingHolder .listingItemLI {
    width: 100%;
  }

  .unique .blockBody .listingHolder .listingItemLI .listingItem {
    padding: 20px;
  }

  .unique .blockBody .listingHolder .listingItemLI .listingItem .listingImage {
    position: relative;
    transform: none;
    display: block;
    width: 100%;
    right: auto;
    top: auto;
    margin-bottom: 20px;
  }

  .unique .blockBody .listingHolder .listingItemLI .listingItem .listingInfos .listingTitle,
  .unique .blockBody .listingHolder .listingItemLI .listingItem .listingInfos .listingDescription {
    max-width: 100%;
  }

  .unique .listingHolder {
    margin: 0;
  }

  .productItem.investmanag .bigContainer .wrapper .left .parent .child .contentText {
    padding: 0;
  }

  .owl-dots .owl-dot:first-child {
    margin-left: 5px;
  }
}

@media all and (max-width: 570px) {
  .sitemap .siteMapContent .col-md-2.col-sm-2.col-xs-12:last-child .simpleList ul.simpleList li:first-child {
    display: block !important;
  }

  .corporate .homepageBanner .hero-image {
    height: 200px !important;
  }

  .corporate .owl-carousel.corporate_products_carousel {
    padding: 0 !important;
    margin: 0 !important;
  }

  .corporate .owl-carousel.corporate_products_carousel .wrapper {
    padding: 0 !important;
    border: 1px solid red;
  }

  .corporate .owl-carousel.corporate_products_carousel .owl-dots {
    text-align: center;
  }

  .corporate .owl-carousel.corporate_products_carousel .owl-dots .owl-dot:first-child {
    margin-left: 0px !important;
  }

  .activities .listing .listingItem.op1v2 .listingInfos h4.listingTitle {
    font-size: 18px;
  }

  .activities .listing .listingItem.op1v2 .listingInfos h4.listingTitle a h6 {
    font-size: 16px;
  }

  .highlight {
    margin-bottom: 20px;
  }

  .highlight .highlightContainer {
    width: 100%;
    margin: 0;
    padding: 20px !important;
  }

  .highlight .highlightContainer .feature {
    height: 70px;
    padding: 20px 0px !important;
    margin: 0;
    display: table;
    vertical-align: middle;
    position: relative;
  }

  .highlight .highlightContainer .feature .label {
    padding: 0 !important;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px !important;
  }

  .highlight .highlightContainer .feature::after {
    content: "";
    width: 60%;
    height: 1px;
    opacity: 0.2;
    background: white;
    display: block;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
  }

  .highlight .highlightContainer .feature:last-child::after {
    display: none;
  }

  .contentText h4 {
    font-size: 20px;
    margin-bottom: 0;
    padding-top: 20px;
  }

  .per-banner .bannerInsideBlock {
    margin: 0 !important;
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .per-banner .bannerInsideBlock .mainTitle h2 {
    font-size: 28px;
  }

  .subpageBanner .otherSections .hidden-option::after {
    margin-top: 4px !important;
  }

  .video-blocker {
    display: none;
  }

  .tools {
    z-index: 110061;
  }

  .tools .tools-ears {
    position: absolute;
    bottom: 80px;
    right: 40px;
  }

  .tools .toolsIcon {
    display: block;
  }

  .tools .personal-finance {
    display: none;
  }

  .tools .account-express {
    display: none;
  }

  .tools.show {
    width: 100%;
    height: 100%;
    background-color: #1a0053;
    display: block;
    position: fixed;
    top: 0;
    z-index: 10000;
  }

  .tools.show .flipCloseTools {
    margin: 15px;
    display: block !important;
    float: left;
    width: 30px;
    height: 30px;
    background-image: url(../images/close-button-white.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
  }

  .tools.show .toolsIcon {
    background-color: white;
    background-image: url(../images/tools2.png);
  }

  .tools.show .bankingtools-ear {
    color: white;
    display: block;
    width: 100%;
    font-size: 18px;
    height: 38px;
    line-height: unset;
  }

  .tools.show .personal-finance {
    display: block;
    transform: none;
    left: 0;
    border: none;
    text-align: left;
    width: 100%;
    position: static;
    line-height: unset;
  }

  .tools.show .account-express {
    display: block;
    transform: none;
    left: 0;
    border: none;
    text-align: left;
    width: 100%;
    position: static;
    line-height: unset;
  }

  .bankingTools {
    width: 100%;
    z-index: 99999;
    bottom: 0;
    transform: none;
    left: 0;
    display: none;
    transform: translateY(150%);
    border-radius: 0 0 0 0 !important;
  }

  .bankingTools .ear {
    display: none;
  }

  .bankingTools.show {
    display: block;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0 !important;
    top: 0;
    transform: none;
  }

  .bankingTools .questions {
    width: 100% !important;
  }

  .bankingTools .flipClose {
    margin: 15px;
    display: block !important;
    float: left;
    width: 30px;
    height: 30px;
    background-image: url(../images/close-button.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
  }

  .bankingTools .flipClose:hover {
    cursor: pointer;
  }

  .bankingTools .tabs {
    padding-top: 60px;
  }

  .bankingTools .tabs ul.folders li {
    width: 24%;
  }

  .bankingTools .tabs ul.folders li a {
    margin-bottom: 20px;
  }

  .bankingTools .calculator {
    max-height: 100%;
    height: 100%;
  }

  .bankingTools .calculator .calculationVariables .inputEntity {
    width: 100% !important;
  }

  .bankingTools .calculator .calculationVariables input {
    display: inline-block;
    width: 100%;
  }

  .bankingTools .calculator .calculationVariables .linkContainer {
    float: none;
    width: 100%;
  }

  .bankingTools .calculator .calculationResutls {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 190px;
  }

  .bankingTools .calculator .calculationResutls .resultItem {
    display: block;
    width: 100%;
  }

  .bankingTools .calculator .calculationResutls .resultItem label {
    display: inline-block;
  }

  .bankingTools .calculator .calculationResutls .resultItem .itemValue {
    display: inline-block;
  }

  .bankingTools .calculator .calculationResutls .resultItem:nth-child(3) {
    margin-bottom: 10px !important;
  }

  .bankingTools .calculator .calculationResutls .resultItem:last-child {
    margin: 0 !important;
  }

  .bankingTools .prayerTimes {
    max-height: 100%;
    height: 100%;
  }

  .reports .container .filesListing .files .listingItem {
    width: 90%;
  }

  .reports .container .tabs {
    width: 100% !important;
    display: block !important;
  }

  .reports .container .tabs .folders {
    display: inline-block !important;
    min-height: 0px !important;
    width: auto !important;
  }

  .reports .container .tabs .folders li {
    display: inline-block !important;
    margin-right: 0px !important;
    margin-left: 6px !important;
    width: 30%;
  }

  .blockBody ul.listingHolder.gridView.row {
    width: 100%;
    margin: 0;
  }

  .blockBody ul.listingHolder.gridView.row .listingItemLI.col-md-4.col-sm-4.col-xs-12 {
    padding: 0;
  }

  .blockBody ul.listingHolder.gridView.row .listingItemLI.col-md-4.col-sm-4.col-xs-12 .image img {
    width: 100%;
  }

  .investorRelations .firstSection .featureListing ul li.listingItem {
    height: auto !important;
  }

  .investorRelations .firstSection .featureListing ul li.listingItem .listingInfos {
    width: 100%;
  }

  .investorRelations .firstSection .featureListing ul li.listingItem .listingInfos .image {
    width: 100% !important;
    height: auto !important;
  }

  .investorRelations .firstSection .featureListing ul li.listingItem .listingInfos .image img {
    width: 100% !important;
    height: auto !important;
  }

  .investorRelations .firstSection .featureListing ul li.listingItem .listingInfos .listingInfo {
    width: 100% !important;
    padding: 30px !important;
  }

  .interLockingListingCarousel .expandDetails ul.listingHolder .inserted-col ul.rowWrap li.clearfix.row ul li.listingItem.op1v22 {
    width: 100%;
  }

  .banner-video {
    width: 100% !important;
    height: auto !important;
    top: -35px !important;
  }

  .video-container {
    height: 196px;
    width: 100%;
  }

  .bankingTools .tabs ul.folders li {
    width: 23%;
  }
}

@media all and (max-width: 460px) {
  .video-container {
    height: 176px;
    width: 100%;
  }

  .video-container .banner-video {
    top: -29px !important;
  }

  .productItem.whitebackground .wrapper {
    border: 1px solid #1a0053;
    padding: 10px;
  }

  .generalPageTemplate .productItem.whitebackground.nobackground .wrapper {
    border: none;
    padding: 0;
  }

  .productItem.whitebackground .products_carousel .owl-stage .owl-item .wrapper .left {
    padding: 20px 0 0 !important;
  }

  .productItem.mainItem .products_carousel .owl-stage .owl-item .wrapper .right {
    background-position: top center;
  }

  .productItem.smallItem .container .wrapper .left {
    top: 0;
  }

  .productItem.mainItem .container .wrapper .left {
    height: 227px;
    top: 173px;
  }

  .productItem.smallItem .container .wrapper .right .parent {
    width: 100%;
  }

  .productItem.smallItem .container .wrapper {
    height: auto;
    min-height: 0;
  }

  .productItem.whitebackground .container .wrapper .left {
    width: 100% !important;
  }

  .productItem.whitebackground .container .wrapper {
    width: calc(100vw - 40px);
  }

  .bubble {
    width: 75%;
    max-width: 60% !important;
    left: 64px !important;
    font-size: 16px !important;
    padding-left: 37px !important;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left {
    min-height: 0 !important;
  }

  .corporate .productItem.whitebackground .container .wrapper .right {
    margin-bottom: 0 !important;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left .parent .child h3 {
    padding-top: 0 !important;
  }

  .corporate .productItem.whitebackground.invertible .container>div .wrapper .left .parent .child h3 {
    line-height: 30px !important;
  }

  .corporate .specialListing .other-accounts #listingContainer_999045610 .listingItemLI .listingInfos h4 {
    float: none;
    max-width: 100%;
  }

  .corporate .specialListing .other-accounts #listingContainer_999045610 .listingItemLI .listingInfos .link {
    float: none;
  }

  .corporate .specialListing .other-accounts #listingContainer_999045610 .listingItemLI {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .other-accounts.more-accounts .container .listingHolder .listingItemLI {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .carrersForm .dropDowns .customSelect {
    margin-left: 1px;
  }

  .contact-form {
    padding-bottom: 0 !important;
  }

  .corporate .productItem.whitebackground.invertible .container>.corporate_products_carousel {
    margin-bottom: 30px !important;
  }

  .corporate .productItem.whitebackground.invertible .container>.corporate_products_carousel .wrapper.invertible {
    margin-bottom: 0 !important;
  }
}

@media all and (max-width: 420px) {
  .hidden-menu .internetBanking {
    left: 40px !important;
  }

  .hidden-menu .upperMenu {
    padding-right: 35px !important;
  }

  .reports .container .tabs {
    width: 100%;
    display: block;
  }

  .reports .container .tabs ul.folders {
    display: inline-block;
    min-height: auto;
    width: auto;
  }

  .reports .container .tabs ul.folders li {
    margin: 0;
    margin-right: 33px;
  }

  .reports .container .filesListing {
    display: block;
    width: 100%;
  }

  .reports .container .filesListing .files {
    /* float: left; */
    max-height: 500px;
    overflow-y: scroll;
    width: 99%;
    margin: 0 auto;
  }

  .reports .container .filesListing .files .listingItem {
    margin: 0 auto;
    margin-bottom: 20px;
  }

  .video-container {
    height: 180px;
    width: 100%;
  }

  .video-container .banner-video {
    top: -26px !important;
  }

  header .bigContainer .logo {
    top: 25px !important;
    transform: translateY(-50%) !important;
  }

  .navbar .menusMain .mainMenu ul li a.active {
    margin-top: 0;
  }

  .burger-menu {
    top: 25px !important;
    transform: translateY(-50%);
  }

  .BISignature {
    float: right !important;
  }
}

@media all and (max-width: 375px) {
  .video-container {
    height: 140px;
    height: 165px;
    width: 100%;
  }

  .video-container .banner-video {
    top: -23px !important;
  }

  .sliderText.visible {
    height: auto !important;
  }

  .homepageBanner .owl-dots {
    bottom: 0px !important;
  }
}

@media all and (max-width: 320px) {
  .video-container {
    height: 140px;
    width: 100%;
  }

  .video-container .banner-video {
    top: -20px !important;
  }
}

.searchSection .headerSearch {
  left: 0;
  right: 0;
  transform: scale(1);
}

.highlight {
  height: auto;
}

.highlight .highlightContainer {
  padding-left: 0;
  padding-right: 0;
}

.highlight .highlightContainer .feature .label {
  font-size: 26px;
}

.highlight .highlightContainer .feature .value {
  font-size: 26px;
}

.highlight .highlightContainer .feature:first-child {
  padding-right: 20px;
}

.highlight .highlightContainer .feature:last-child {
  padding-left: 20px;
}

.private .productItem.whitebackground .container .wrapper .left .parent .child .contentText,
.private .productItem.whitebackground .container .wrapper .left .parent .child h5 {
  padding: 0;
}

@media all and (max-width: 1464px) {
  .bigContainer {
    width: 100% !important;
    padding: 0 2%;
  }

  .internetBanking {
    left: 88px !important;
  }

  .hidden-menu .internetBanking {
    left: 85px !important;
  }

  .sticky .bigContainer .menu .floatRight ul.upperMenu li.internetBanking {
    right: 176px !important;
  }
}

@media all and (max-width: 1200px) {
  .bankingTools {
    width: 62%;
  }

  .internetBanking {
    left: 84px !important;
  }

  .hidden-menu .internetBanking {
    left: 81px !important;
  }

  .navbar .menusMain .mainMenu ul li {
    margin-right: 10px;
  }

  .navbar .menusMain .mainMenu ul li a {
    font-size: 16px;
  }

  .LandingBanner a.btn-primary {
    line-height: 22px !important;
    padding: 10px !important;
  }

  .beyondImg img {
    height: auto;
  }

  .beyondCards h3 {
    padding: 0 15px;
  }
}

@media all and (max-width: 1105px) {
  .internetBanking {
    left: 82px !important;
  }

  .hidden-menu .internetBanking {
    left: 79px !important;
  }
}

@media all and (max-width: 1024px) {
  .internetBanking {
    left: 80px !important;
  }

  .hidden-menu .internetBanking {
    left: 77px !important;
  }

  .bankingTools {
    width: 75%;
    right: unset;
  }

  .fraudPopup .content {
    width: 670px;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
  }

  .fraudPopup .content img {
    margin-bottom: 40px;
  }

  .fraudPopup .content .title {
    margin-bottom: 20px;
    padding: 0 20px;
    font-size: 30px;
    line-height: 36px;
  }

  .fraudPopup .content p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .fraudPopup .content a {
    margin-bottom: 40px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 992px) {
  .productItem {
    margin-bottom: 40px;
  }

  .productItem.whitebackground .container .wrapper {
    transform: scaleX(-1);
  }

  .productItem.whitebackground .container .wrapper .right {
    left: 100%;
    z-index: 2 !important;
    transform: translateY(-50%) scaleX(-1);
    height: 240px !important;
  }

  .productItem.whitebackground .container .wrapper .left {
    padding-right: 180px;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding-right: 0 !important;
    transform: scaleX(-1) !important;
  }

  .productItem .container .wrapper .right {
    width: 100%;
    height: 500px !important;
  }

  .investorRelations .container .firstSection .featureListing ul li.listingItem .listingInfos .listingInfo {
    text-align: right;
    padding: 30px 30px 0 0px;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock {
    padding-right: 20px !important;
  }

  .bankingTools {
    width: 95%;
  }

  .navbar .menusMain .mainMenu ul li a {
    font-size: 20px;
  }

  .menu .floatRight ul.upperMenu li.warbaAssist::before,
  .menu .floatRight ul.upperMenu li.getTheApp::before,
  .menu .floatRight ul.upperMenu li.search::before,
  .menu .floatRight ul.upperMenu li.phoneNumber::before {
    right: -12px !important;
  }

  .productItem.whitebackground .container .wrapper .right {
    left: 56% !important;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding-right: 10px !important;
    padding-left: 148px !important;
  }

  .productItem .container .linkHolder {
    padding-top: 0 !important;
  }

  .hidden-menu .mainMenu>ul>li.hasSubmenu .ddSecondLevel>ul>li>a {
    font-size: 18px !important;
  }

  .generallisting .container .listing .listingHolder .listingItemLI .listingInfos .image a img {
    width: 100% !important;
  }

  .productItem.whitebackground .container .wrapper.invert .left {
    margin-right: 0;
  }

  .productItem .container .wrapper.invert .left .parent {
    padding-left: 0 !important;
  }

  .productItem.whitebackground .container .wrapper .left .parent .child {
    padding-right: 0px !important;
    padding-left: 0 !important;
  }

  .subpageBanner .blueBgBanner::before {
    width: 100%;
  }

  header .menu .logo,
  header .hidden-menu .logo {
    top: 35px;
  }
}

@media screen and (max-width: 768px) {
  header.appointHeader .bigContainer .menu .floatRight .top .menu-align .upperMenu {
    padding-top: 2px !important;
  }

  .appointHidden {
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 100px 20px;
    display: none;
    background-color: #1c0552;
    z-index: 9;
  }

  .appointHidden .logo {
    width: 185px;
    height: 101px;
    background-image: url(../images/logo-ar-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    width: 152px;
    height: 39px;
    position: absolute;
    top: 6px;
    right: 6px;
  }

  .appointHidden .upperMenu li a {
    font-size: 16px;
    color: white;
    display: block;
    margin-bottom: 20px;
    display: block;
  }

  .appointHidden .languageSwitcher {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 0;
  }

  .appointHidden .languageSwitcher .langList li a {
    font-size: 16px;
    color: white;
    display: block;
    margin-bottom: 20px;
    display: block;
  }

  .appointHidden .languageSwitcher .langList li a.active {
    display: none;
  }

  .appointHidden .languageSwitcher .langList li a {
    text-align: left;
  }

  .appointBurger {
    float: left;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    margin-top: 15px;
    margin-left: 15px;
    z-index: 10;
  }

  .appointHeader.sticky .appointBurger {
    margin-top: 10px;
    margin-right: 15px;
  }

  .appointBurger hr {
    display: block;
    border: none;
    height: 2px;
    background-color: #1c0552;
    position: relative;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
  }

  .appointBurger::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #1c0552;
  }

  .appointBurger::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 7px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #1c0552;
  }

  .appointHeader.sticky .appointBurger hr {
    background-color: white;
  }

  .appointHeader .appointBurger.white hr {
    display: none;
  }

  .appointHeader.sticky .appointBurger::before,
  .appointHeader.sticky .appointBurger::after,
  .appointHeader .appointBurger.white::before,
  .appointHeader .appointBurger.white::after {
    background-color: white;
  }

  .appointHeader .appointBurger.white::before {
    transform: translateY(-350%) rotateZ(45deg);
  }

  .appointHeader .appointBurger.white::after {
    transform: translateY(350%) rotateZ(-45deg);
  }

  .appointHidden .floatRight {
    float: none;
  }

  header .bigContainer .logo a,
  .hidden-menu .header .left a {
    height: 39px;
    background-position: right;
  }

  header .bigContainer .logo,
  .hidden-menu .header .left {
    top: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .hidden-menu .upperMenu {
    padding-left: 35px !important;
  }

  .hidden-menu .internetBanking {
    left: 50px !important;
  }

  .hidden-menu .floatRight ul.upperMenu {
    padding-top: 18px;
  }

  .account-express {
    line-height: 55px;
  }

  .productItem .container .wrapper .right {
    width: 100%;
    height: 200px !important;
  }

  .productItem.whitebackground .container .wrapper .right {
    margin-bottom: 35px;
  }

  .hidden-menu .searchToggleMain {
    left: 0;
    top: 3px !important;
  }

  .subpageBanner .otherSections .hidden-option::after {
    float: left;
    margin: 0;
  }

  .subpageBanner .otherSections ul.pagesList #select-head {
    width: 100%;
  }

  .subpageBanner .blueBgBanner {
    padding-left: 0;
  }

  .subpageBanner .blueBgBanner .bannerInsideBlock {
    padding: 18px 20px 70px 14px;
  }

  .services.left .linkcontainer {
    width: 100%;
  }

  .services.left .container h3 {
    max-width: 100%;
  }

  .services.left .item-list {
    width: 100%;
  }

  .services.left .item-list .listingItem.width19 {
    width: 100%;
  }

  .services.left .item-list .listingItem.width19 .listingImage img {
    width: 25px !important;
    height: 25px;
  }

  .services.left .item-list .listingItem.width19 .listingTitle {
    margin-right: 20px;
  }

  .services.left .imac {
    left: -94px;
    bottom: 12%;
    width: 80%;
  }

  .services.legacy .listingItem {
    width: 100%;
  }

  .services.legacy .listingItem .listingImage {
    margin-left: 20px;
  }

  .services.ybankwithus .listingImage {
    margin-left: 20px;
  }

  .productItem .container .wrapper .left {
    right: 0;
  }

  .productItem .container .wrapper .right {
    height: 500px !important;
  }

  .navbar .menusMain .mainMenu ul li a.active {
    top: -4px;
    padding-right: 25%;
    font-size: 14px;
    line-height: 16px;
  }

  .closeSearch img {
    width: 25px;
    height: 25px;
    top: 3px;
  }

  header.appointHeader .bottom {
    display: block;
  }

  header.appointHeader .bigContainer .menu .logo a {
    width: 70px;
  }

  .appointHeader .menu-align,
  .appointHeader .menusMain a {
    display: block !important;
  }

  #ui-datepicker-div {
    z-index: 5 !important;
  }

  .shegardi a.icon {
    top: 0;
    left: -16px;
    right: auto;
    pointer-events: none;
  }

  #BotIframe {
    right: auto !important;
    left: -25px !important;
    top: -24px;
  }
}

@media screen and (max-width: 670px) {
  .appointForm.appointEdit {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 30px;
  }

  .appointForm.appointEdit .title {
    font-size: 30;
  }

  .appointForm.appointEdit .inputEntity .title {
    font-size: 25px;
  }

  .appointForm.appointEdit .inputEntity label {
    font-size: 16px;
  }

  .appointForm.appointEdit .results {
    /*
        Label the data
    You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
        */
  }

  .appointForm.appointEdit .results table,
  .appointForm.appointEdit .results thead,
  .appointForm.appointEdit .results tbody,
  .appointForm.appointEdit .results th,
  .appointForm.appointEdit .results td,
  .appointForm.appointEdit .results tr {
    display: block;
  }

  .appointForm.appointEdit .results thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .appointForm.appointEdit .results tr {
    margin: 0 0 1rem 0;
  }

  .appointForm.appointEdit .results tr:nth-child(odd) {
    background: #ccc;
  }

  .appointForm.appointEdit .results td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-right: 50%;
    width: 100%;
    position: relative;
  }

  .appointForm.appointEdit .results td:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    padding-right: 10px;
    white-space: nowrap;
    padding: 18px 10px;
    background-color: #1c0552;
    color: white;
  }

  .appointForm.appointEdit .results td:nth-of-type(1):before {
    content: "التاريخ";
  }

  .appointForm.appointEdit .results td:nth-of-type(2):before {
    content: "الوقت";
  }

  .appointForm.appointEdit .results td:nth-of-type(3):before {
    content: "الحالة";
  }

  .appointForm.appointEdit .results td:last-child {
    padding: 14px 20px;
    padding-right: 50%;
  }

  .appointForm.appointEdit .results td:last-child span {
    margin: 0;
    display: block;
    width: 100%;
  }

  .appointTable {
    padding: 0 20px;
    padding-bottom: 30px;
  }

  .appointTable .title {
    font-size: 30px;
  }

  .appointTable table {
    width: 100%;
  }

  .appointTable .actions {
    width: 100%;
  }

  .appointTable .actions .btn {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
  }

  .appointTable .actions .btn.cancel {
    width: 100%;
  }

  .appointConfirm {
    padding-bottom: 30px;
  }

  .appointConfirm .title {
    font-size: 30px;
  }

  .appointConfirm .subtitle {
    font-size: 20px;
  }

  .appointForm {
    width: 100%;
    padding: 0 20px;
    padding-bottom: 30px;
  }

  .appointForm .title {
    font-size: 30px;
  }

  .appointForm .formActions .btn {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
  }

  .appointForm .formActions .btn.cancel {
    width: 100%;
  }

  .intro .container .title {
    font-size: 30px;
  }

  .intro .container .subTitle {
    font-size: 20px;
  }
}

@media all and (max-width: 570px) {
  .bankingTools {
    display: none;
    border-bottom-left-radius: 0px;
  }

  .tools .personal-finance {
    display: none;
    font-size: 18px;
  }

  .tools .account-express {
    display: none;
    font-size: 18px;
  }
}

@media all and (max-width: 460px) {
  .hidden-menu .upperMenu {
    padding-right: 0 !important;
  }

  .bankingTools .tabs ul.folders li {
    width: 23% !important;
  }

  .bubble {
    font-size: 20px !important;
  }
}

@media all and (max-width: 420px) {
  .shegardi a.icon {
    left: -13px;
  }
}

.subpageBanner .blueBgBanner {
  right: -55px;
}

@media all and (max-width: 950px) {
  .tenders table td {
    padding-right: 53% !important;
    text-align: right;
  }

  .tenders table td:before {
    right: 20px;
    text-align: right;
  }

  .tenders table .open::after {
    margin-right: -20px;
    margin-left: 0px !important;
  }

  .tenders table .closed::after {
    margin-right: -20px;
    margin-left: 0px !important;
  }

  .icon__float,.fraudalert {
    width:40px!important;
    height:40px!important;
  }


  /*nadine*/
  .homepageBanner .btn-primary {
    padding: 25px 45px;
  }

  .servicesHolder .listingItem {
    padding: 30px 10px 30px 10px;
    height: 220px;
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
  }

  .servicesHolder .col-md-4 {
    max-width: 30%;
    width: fit-content;
    padding-right: 2px;
    padding-left: 2px;
  }

  .servicesHolder.documents .col-md-4 {
    max-width: 50%;
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
  }

  .servicesHolder li:nth-child(3n + 2),
  .servicesHolder li:nth-child(3n) {
    transform: none;
  }

  .servicesHolder.documents .titleHolder .title h3 br {
    display: none;
  }

  .beyondCards .row {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
  }

  .servicesHolder .blockBody ul.listingHolder.gridView.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
    flex-grow: 1;
  }

  .servicesHolder .listingDescription {
    font-size: 14px;
    line-height: 16px;
    font-weight: 300;
  }

  .servicesHolder .listingImage img {
    align-items: center;
    margin-bottom: 15px;
    height: 40px;
    display: block;
    max-width: 40px;
    margin: 0 auto;
    width: 100%;
  }

  .servicesHolder .titleHolder .title h3 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 47px;
    text-align: right;
    margin-bottom: 30px;
  }

  .beyondSec .text p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 25.2px;
    text-align: right;
  }

  .beyondSec .textHolder {
    margin-bottom: 25px;
  }

  .beyondTabs .tabsLinks a {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
    text-align: right;
  }

  .beyondTabs .tab {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 23px;
    text-align: right;
  }

  .purpletab {
    width: 140px;
  }

  .bluetab {
    width: 103px;
    padding: 15px 20px;
  }

  .redtab {
    width: 130px;
    padding: 15px 20px;
  }

  .navytab {
    width: 115px;
  }

  .yelowtab {
    width: 145px;
  }

  .mobileManagTab .title h3 {
    font-size: 29px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 39px;
    text-align: right;
    margin-bottom: 35px;
  }

  .mobileManagTab .title h3 span {
    font-weight: 900;
  }

  .mobileManagTab {
    margin-bottom: 50px;
  }

  .beyondImgHolder .imgMobile {
    display: block;
    margin-bottom: 20px;
  }

  .beyondImgHolder .imgDesktop {
    display: none;
  }

  .beyondSec {
    margin-bottom: 26px;
  }

  .servicesHolder .titleHolder .title h3 {
    margin-bottom: 30px;
    font-weight: 600;
  }

  .beyondTabs .tabsItem {
    display: block;
  }

  .beyondTabs .beyondImg {
    flex: 0 0 35%;
    margin-left: 15px;
  }

  .mobileTabsHolder .tabsMain .tabsLinks a {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 20px;
  }

  .landingNewSocial .listingItem.op1v1 {
    margin: 0px 5px;
  }

  .landingNewSocial .listingImage img {
    max-width: 100%;
    width: 29px;
  }

  .landingNewSocial .btn-primary {
    margin-bottom: 20px;
  }

  .landingNewSocial a.btn-primary {
    padding: 25px 44px !important;
    width: 45%;
  }

  .homepageBanner .btn-primary {
    padding: 10px 15px 5px!important;
    width: auto;
    display:inline-block;
  }

  .LandingBanner .fourm .desc {
    text-align: center;
  }

  .mobileManagTab .tab {
    width: 215px;
    margin-left: 40px;
  }

  .beyondtabsHolder {
    margin-bottom: 40px;
  }

  .socialBtn a.btn-primary {
    color: #fff;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 6px;
    text-align: center;
    display: inline-block;
    padding: 20px 44px !important;
    margin: 0 20px;
    margin-bottom: 45px;
    width: auto;
  }

  .cardsBox {
    padding: 5px 10px;
  }

  .beyondCards {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
  }

  .beyondCards img {
    width: 100%;
    transition: all 0.3s ease-in-out;
    margin-bottom: 5px;
  }

  .beyondCards .col-md-3 {
    max-width: 25%;
    width: -moz-fit-content;
    width: fit-content;
  }

  .beyondCards .textblock p {
    display: none;
  }

  .beyondCards .textblock {
    opacity: 1;
    margin-bottom: 5px;
  }

  .beyondCards .textblock.card1 {
    height: 238px;
    background: #fbb911;
  }

  .beyondCards .textblock h4 {
    font-size: 15px;
    font-weight: 600;
    color: white;
  }

  .beyondCards .textblock.card2 {
    background: #16a2dc;
    height: 300px;
  }

  .beyondCards .textblock.card3 {
    background: #25215b;
    height: 130px;
  }

  .beyondCards .textblock.card4 {
    height: 187px;
    background: #0d4c90;
  }

  .cardsBox:hover {
    border: none;
    box-shadow: none;
  }

  .beyondCards .cardsBox {
    display: flex;
    flex-direction: column-reverse;
    padding: 2px;
  }

  .beyondtabsHolder .tabsHolder {
    display: none;
  }

  .beyondtabsHolder .tabsHolder.active {
    display: block;
  }

  .beyondtabsHolder {
    margin-bottom: 70px;
  }

  .rewardsHolderBox {
    height: 100%;
  }

  .rewardsMain .container .row {
    flex-wrap: nowrap !important;
    padding-right: 35px;
    margin: 0;
  }

  .iconHolderTxt {
    flex-direction: column;
    justify-content: space-around;
    margin-left: 30px;
  }

  .icon:not(:last-child) {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    text-align: center;
    margin-bottom: 25px;
  }

  .rewardTxtHolder {
    padding: 15px 12px 115px 15px;
  }

  .txtTitle {
    min-width: 136px;
  }

  .rewardsMain .txtTitle h3 {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px;
    margin-bottom: 5px;
  }

  .rewardsMain .txtTitle p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 17px;
  }

  .rewardsMain {
    margin-bottom: 30px;
  }

  .rewardTxtHolder {
    height: 100%;
  }

  .blogsmainHolder .tabsLinks {
    display: block;
    margin-bottom: 22px;
    padding: 20px;
  }

  .blogsmainHolder .tabsLinks a {
    display: flex;
    padding-top: 0;
  }

  .blogsmainHolder .tabsLinks {
    display: none;
  }

  .blogsmainHolder .tabsLinks a span {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 39px;
    text-align: right;
    font-weight: 400;
    margin-left: 15px;
  }

  .blogsmainHolder .tabsLinks a h3 {
    font-size: 18px;
    letter-spacing: 0;
    line-height: 39px;
    text-align: right;
    font-weight: 400;
    margin: 0;
  }

  .imgtitleHolder {
    margin-bottom: 20px;
  }

  .blogsmainHolder .selectedTab {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 22px;
    border: 1px solid rgba(151, 151, 151, 0.2);
    padding: 5px 10px;
  }

  .blogsmainHolder .selectedTab h3,
  .blogsmainHolder .selectedTab span {
    margin: 0;
    color: #1d0054;
  }

  .blogsmainHolder .selectedTab span {
    font-size: 30px;
    letter-spacing: 0;
    line-height: 39px;
    text-align: right;
    font-weight: 400;
    margin-left: 15px;
  }

  .blogsmainHolder .selectedTab::before {
    position: absolute;
    content: "";
    background-image: url(../images/Fill-arrow-down.svg);
    width: 11px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
  }

  .blogsmainHolder {
    margin-bottom: 30px;
  }

  .blogsmainHolder .tabsLinks.open {
    border: 1px solid rgba(151, 151, 151, 0.2);
  }

  .blogsmainHolder .tabsLinks a.active {
    border: none;
    padding-top: 0;
    color: #1d0054;
  }

  .blogsmainHolder .tabsLinks a.active span,
  .blogsmainHolder .tabsLinks a.active h3 {
    padding: 0;
  }

  .icon p {
    color: #fff;
    text-align: center;
  }

  .blogsmainHolder .owl-dots {
    text-align: center;
    color: #1d0054;
  }

  .blogsmainHolder .titletxtholder {
    margin-bottom: 37px;
  }

  .blogsmainHolder .owl-dot.active {
    width: 39px;
    background-color: #1d0054 !important;
  }

  .homepageBanner {
    margin-bottom: 50px;
  }

  .imgiconHolder {
    display: none;
  }

  .imgiconHolderMobile {
    display: flex;
    justify-content: space-around;
  }

  .imgiconHolderMobile img {
    max-width: 130px;
    width: 100%;
  }

  .mobileTabsHolder .tabsMain {
    margin-bottom: 30px;
  }

  .LandingBanner.desc {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 32px;
    text-align: right;
  }

  .homepageBanner .sliderText .textHolder {
    text-align: center;
    margin-bottom: 30px;
  }

  .homepageBanner.LandingBanner.fourm .hero-container .owl-carousel .owl-item {
    max-height: none;
  }

  .homepageBanner.LandingBanner.fourm .hero-container .owl-carousel .owl-item .sliderText {
    height: 255px !important;
  }

  .homepageBanner.LandingBanner.fourm .textHolder {
    text-align: center !important;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 42px;
    margin-bottom: 0;
  }

  .homepageBanner.LandingBanner.fourm .desc {
    font-size: 25px;
  }

  .homepageBanner.fourm .text-container {
    padding-top: 0;
  }

  .homepageBanner .text-container {
    width: 100%;
    text-align: center;
    padding-top: 0;
  }

  .subpageBanner .mainTitle h1 {
    font-size: 25px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
  }

  .landingNewSocial .listingImage a {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 30px;
  }

  .cardsBox:hover img {
    transform: none;
  }

  .hero-image.mobile.visible {
    display: block;
  }

  .homepageBanner .hero-container .hero-image.visible {
    height: 330px;
  }

  .tabsMainHolder {
    padding: 0 15px;
    display: flex;
  }

  .homepageBanner .sliderText {
    padding: 20px 12px 35px;
    height: 160px !important;
  }

  .imgtitleHolder {
    width: 60%;
  }

  .blogsmainHolder .imgtitleHolder h4 {
    font-size: 22px;
  }

  .col-md-7 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .burger li a:before {
    top: 5px !important;
  }

  .homepageBanner .sliderText {
    padding: 30px 12px 35px;
    height: 220px !important;
  }

  .documents.listingItem {
    padding: 55px 30px 55px 30px;
    height: 180px;
  }

  .servicesHolder .col-md-4 {
    padding: 0 3.5px !important;
    width: 33.33333%;
  }

  .servicesHolder .listingDescription {
    min-height: 0;
  }

  .servicesHolder.documents {
    margin-bottom: 24px;
  }

  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row {
    width: calc(100% + 7px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    margin: 0 -3.5px;
  }

  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row .col-md-4 {
    padding: 0 3.5px !important;
    margin-bottom: 7px !important;
    flex: 0 0 50%;
  }

  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row .col-md-4:last-child,
  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row .col-md-4:nth-last-child(2) {
    margin-bottom: 0;
  }

  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row .col-md-4:nth-child(2n) {
    transform: translateY(-20px);
  }

  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row .col-md-4 .listingItem {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .servicesHolder.documents .blockBody ul.listingHolder.gridView.row .col-md-4 .listingItem .listingImage img {
    max-width: 52px;
    height: auto;
  }

  .servicesHolder:not(.documents) .listingItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 182px;
    padding: 20px 10px;
  }

  .servicesHolder:not(.documents) .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 3.5px !important;
    margin: 0 !important;
  }

  .servicesHolder:not(.documents) .col-md-4:nth-child(3n-1) {
    transform: translateY(-20px);
  }

  .servicesHolder:not(.documents) .col-md-4:nth-child(3n) {
    transform: translateY(-40px);
  }

  .fancybox-image {
    max-width: 90vw;
    max-height: 90vh;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  header .menu {
    height: 53px;
  }

  .servicesHolder {
    margin-bottom: 30px;
  }

  .tabsLinks {
    min-width: 0;
  }

  .tabsMain .tabsLinks {
    flex: 0 0 50%;
  }

  .tabsMain .tabsHolder {
    flex: 0 0 50%;
  }

  .mobileTabsHolder .tabsMain .tabsLinks a {
    display: block;
    width: 100%;
  }

  .mobileManagTab .tab {
    width: 100%;
  }

  .mobileManagTab .tab img {
    width: 100%;
  }

  .homepageBanner.LandingBanner.fourm .hero-container .owl-carousel .owl-item .sliderText {
    padding: 10px 15px;
  }

  .fraudalert {
    width: 45px;
    font-size: 0;
    height: 45px;
    left: 9px;
    bottom: 82px;
  }

  .fraudalert svg {
    margin-bottom: 0;
    margin-top: 0px;
  }

  .icon__float__position{
    margin-top:9px;
  }
}

/*# sourceMappingURL=warbaBank-responsive-ar.css.map */