@media (min-height: 1080px) {
    .faq-section .tab-header {
        height: 102%;
    }
}

@media (min-width: 1024px) and (max-width: 1112px) {    
    .search input[type=search], .search input[type=text], .search .field input {
        width: 100%;
    }

    .search {
        max-width: 200px;
    }
    .current-accounts-item.has-icon .current-accounts-image-wrap {
        width: 140px;
        height: 140px;
        margin-bottom: -70px;
    }
}

@media (min-width: 1334px) {
	.housing-loans-carousel .owl-pagination {
		display: none;
	}
}

@media (max-width: 1333px) {
    .housing-loans-carousel .owl-buttons {
        display: none;
    }
}

/* Large desktop */
@media (max-width: 1260px) {
    .loans .banner figcaption {
        width: 54%;
    }
    /* .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -44px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -44px;
    } */
    .ebank-section .intro,
    .ebank-section .basic {
        padding-left: 10%;
        padding-right: 10%;
    }
    .ebank-section .advantages {
        text-align: center;
    }
    .promo-slider .banner.banner-text-left figcaption {
        padding: 0 50px;
    }
    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 10px;
    }
    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 10px;
    }
    /*.heros-list .playVid {
        left: calc(50% + 445px/2);
    }*/
    .card-section .card-title h2 {
        font-size: 26px;
    }

    .card-section .col_6 {
        padding-left: 35px;
    }
    .philosophy img,
    .philosophy figcaption {
        max-width: 50%;
    }
}

@media (max-width: 1100px) {
    .table-row .center > tbody > tr > td:first-child {
        padding-left: 40px;
    }
    .table-header,
    .table-row .center {
        table-layout: auto;
        width: 100%;
    }
    .table-row .center > tbody > tr > td,
    .table-header  > tbody > tr > td {
        width: 33.33%;
    }
}

@media (max-width: 1024px) {
    .hi-icon-wrap {
        padding: 40px 0;
    }
    .hi-icon-effect-4 .hi-icon {
        font-size: 22px;
        width: 55px;
        height: 55px;
    }
    .hi-icon-effect-4 .hi-icon:before {
        line-height: 55px;
    }
    .newsletter-box [type=submit] {
        left: 84%;
    }
    .philosophy {
        padding: 0;
    }
    .philosophy figcaption {
        padding-left: 50px;
    }
}

/* Tablet */
@media (max-width: 1023px) {
    .wrapper-2col {
        padding-left: 3.3333333%;
        padding-right: 3.3333333%;
    }

    .btn .lg_block {
        display: inline-block;
    }

    .btn .icon-question-circle {
        display: none;
    }

    .banner figcaption {
        width: 60%;
    }

    .banner.banner-text-left figcaption,
    .banner-section .banner.banner-text-left figcaption {
        width: 70%;
    }

    .banner-section .banner.banner-text-left figcaption {
        top: 20px;
    }

    .banner figure,
    .banner.white figure {
        height: 400px;
    }

    .banner.banner-text-left figcaption,
    .banner figcaption,
    .loans .banner figcaption {
        top: 50px;
    }

    h2 {
        font-size: 34px;
    }

    .loans .tab-header {
        margin-left: 11px;
        margin-right: 11px;
    }

    .loans .banner figure,
    .loans .tab-content-container {
        height: 370px;
    }

    .loans .tab-container {
        margin-top: 25px;
        /*height: 370px;*/
    }

    .loans .tab-content-container {
        width: 96%;
        margin-left: 2%;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -40px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -40px;
    }

    .loan-section > .wrapper:not(.intro) {
        padding-left: 25px;
        padding-right: 25px;
    }

    .loan-section .collapse-content p:not(:last-child) {
        margin-bottom: 35px;
    }

    .collapse-row {
        margin-bottom: 50px;
    }

    .find-store-box,
    .loan-calculator {
        width: calc(50% - 12px);
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    .loan-calculator {
        margin-left: 20px;
    }

    .loan-section + .banner-section .banner figure {
        height: 540px;
    }

    .loan-section + .banner-section .banner figcaption {
        top: 90px;
    }

    .banner .iconed {
        margin-top: 40px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div {
        display: none;
    }

    .loans .wrapper-1col {
        padding-left: 2.6041666666666668%;
        padding-right:  2.6041666666666668%;
    }
    .faq-banner, .faq-banner figure {
        height: 350px;
    }

    .faq-section .search-container .search .field {
        display: block;
    }
    .faq-section .search-container .search input[type=search] {
        opacity: 1;
        visibility: visible;
    }
    .faq-section .search-container .search [type=submit] {
        right: 20px;
    }
    .faq-section .search-container .search [type=submit] .icon-magnifier {
        opacity: 1;
    }
    .faq-section .tab-content .wrapper {
        padding-left: 25px;
        padding-right: 25px;
    }
    .faq-section h2 {
        padding: 40px 0 20px;
    }
    .faq-section .side-panel {
        display: none;
    }
    .faq-section .tab-container {
        margin-top: -84px;
    }
    .eke-section .promo-banner figure {
        height: 250px;
    }
    .eke-section .wrapper {
        padding: 25px;
    }
    .eke-section .item .description .item-intro {
        font-size: 14px;
    }
    .ebank-section .banner, .ebank-section .banner figure {
        height: 400px;
    }
    .ebank-section .wrapper {
        padding: 0 25px;
    }
    .ebank-section .intro,
    .ebank-section .basic {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .ebank-section .first,
    .ebank-section .second {
        text-align: center;
    }
    .ebank-section.cards-section .first,
    .ebank-section.cards-section .second,
    .ebank-section.cards-section .item .image-container {
        text-align: left;
    }
    .ebank-section .first .item .description .btn,
    .ebank-section .second .item .description .btn {
        position: static;
    }
    .ebank-section .big {
        padding: 0 25px;
    }
    .stores-section .search-container .search .field {
        display: block;
    }
    .stores-section .search-container .search input[type=search] {
        opacity: 1;
        visibility: visible;
    }
    .stores-section .search-container .search [type=submit] {
        right: 20px;
    }
    .stores-section .search-container .search [type=submit] .icon-magnifier {
        opacity: 1;
    }
    .store-locator {
        padding: 0 25px;
    }
    .stores-section .sfilters {
        top:-1px;
        left: -1px;
        bottom: -1px;
        width: 320px;
        height: calc(100% + 2px);
    }
    .results {
        height: calc(100% - 188px)
    }


    .group .middle-bar .flr .search {
        bottom: -30px;
    }
    .news ul {
        padding-bottom: 20px;
    }
    .news-item:before {
        right: auto;
        left: 235px;
    }
    .news:not(.latest) .col:last-child {
        text-align: left;
    }
    .news.latest .col:nth-of-type(1) {
        text-align: left;
    }
    .slider {
        width:512px;
        max-width: 100%;
        display: inline-block;
    }
    .news.latest ul  {
        padding-left: 0;
        padding-top: 20px;
    }
    .tab-section .tab-content.active {
        display: block;
    }
    .tab-section .tab-content .col:first-child {
        text-align: center;
    }
    .tab-section .tab-content .col:last-child {
        padding: 20px 0 40px;
    }
    .video-details .credit {
        bottom: 0;
        right: 20px;
    }
    .yt-video {
        display: inline-block;
        width: auto;
    }
    .history-section .col:first-child {
        padding-bottom: 40px;
    }
    .news ul li:last-child .news-item:before {
        display: block;
    }
    .latest .news-item .image {
        float: left;
    }
    .latest .news-item .item-details {
        padding-left: 25px;
        padding-top: 10px;
    }
    .latest .news-item:before {
        left: 225px;
    }
    .contact {
        padding-bottom: 60px;
    }
    .contact .wrapper {
        padding: 0 25px;
    }
    .contact .row:first-child {
        width: 100%;
    }
    .contact .field:not(.full):nth-of-type(odd) {
        margin: 0 12px 32px 0;
    }
    .contact .field:not(.full):nth-of-type(even) {
        margin: 0 0 32px 12px
    }
    .contact .field.full,
    .contact .plain-submit {
        margin-left: 0;
    }
    .contact .row:last-child {
        margin-bottom: 35px;
    }
    .investors .wrapper {
        padding: 0 30px;
    }
    .investors .wrapper.intro {
        padding: 30px;
    }
    .investors .side-panel {
        margin-top: 30px;
    }
    .content-page .container .wrapper {
        padding: 0 30px;
    }
    .results-reports .col:last-child {
        padding: 30px;
        max-width: 480px;
    }
    .content-page .container .wrapper .col:last-child {
        max-width: 480px;
    }
    .zz-page-master .content-page .container .wrapper .col:last-child {
        max-width: 100%;
    }
    .find-store-box, .loan-calculator {
        width: 100%;
    }
    .find-store-box {
        margin-bottom: 8px;
    }
    .loan-calculator {
        margin-left: 0;
    }
    .ebank-section .advantages .description {
        font-size: 14px;
    }

    /* update 06-09-2016: start */
    .loan-form .tooltip-content {
        max-width: 160px;
    }
    /* update 06-09-2016: end */
    .search-section .intro {
        padding: 20px 0;
    }
    .search-section h2 {
        margin-bottom: 20px;
    }
    .search-section .search .field {
        display: block;
        width: 100%;
    }
    .search-section .search-container .search input[type=search] {
        opacity: 1;
        visibility: visible;
    }
    .search-section .search-container .search [type=submit] {
        right: 20px;
    }
    .search-section .search-container .search [type=submit] .icon-magnifier {
        opacity: 1;
    }
    .amex .promos li {
        padding: 0 8% 0 0;
    }
    .amex .promos li:last-child {
        padding: 0 0 0 8%;
    }
    .promo-inner .banner.banner-text-left figcaption {
        padding:0 30px;
    }
    .promo-slider .banner h2 {
        font-size: 32px;
    }
    .promo-slider .banner p {
        font-size: 16px;
    }
    .heros-list .banner.small-banner figcaption {
        max-width: inherit;
        width: 100%;
        left: 0;
        /*text-align: center;*/
        padding: 0 20px;
    }

	.proth-section .banner.banner-text-center figcaption {
        width: 90%;
    }

    .heros-list .banner.small-banner h2,
    .heros-list .banner.small-banner p {
        text-align: left;
    }
    .documents-boc .sec-tab {
        margin-bottom: 40px;
    }

	.proth-row .inner-table .row .col .col-title {
        font-size: 14px;
        padding: 0 5px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .three-box-wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .three-box-item {
        padding-left: 10px;
        padding-right: 10px;
    }
    .three-box-title {
        font-size: 20px;
        line-height: 26px;
    }
    p {
        font-size: 14px;
    }
}

@media (max-width: 959px) {
    .results-reports .items ul li {
        width: 50%;
    }
    /*.promo-slider .playVid {
        top: auto;
        bottom: 20px;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }*/
    .playVid.md_hidden {
        display: none;
    }
    .playVid.lg_hidden {
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    .loans .tab-header {
        margin-left: 0;
        margin-right: 0;
    }

    .tab-header {
        float: left;
    }

    .loans .tabs-header-container {
        width: 96%;
        margin-left: 2%;
    }

    .tab-header a:link, .tab-header a:visited {
        padding-bottom: 12px;
        font-size: 18px;
    }

    .loans .tab-content-container {
        margin-top: -10px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div {
        top: -13px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -11px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -11px;
    }

    .loans .owl-theme .owl-controls .owl-buttons div {
        color: #10100f;
        font-size: 22px;
    }

    .loans-carousel .icon-arrow-right-circle:before {
        content: "\e93c";
    }

    .loans-carousel .icon-arrow-left-circle:before {
        content: "\e93b";
    }

    .loan-section .intro {
        padding-top: 35px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .loan-section h2 {
        font-size: 25px;
    }

    .loan-char-box {
        font-size: 12px;
        padding-left: 4px;
        padding-right: 4px;
    }

    .loan-chars .circle {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 20px;
    }

    .loan-chars h3 {
        font-size: 17px;
        margin-top: 18px;
        margin-bottom: 8px;
    }

    .loan-chars {
        padding-top: 30px;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .collapse-title {
        font-size: 22px;
    }

    section:not(.loan-section) .collapse-title .collapse-arrow {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 9px;
    }

    section:not(.loan-section) .collapse-title .collapse-arrow .icon-chevron-down {
        width: 9px;
        height: 9px;
    }

    .collapse-row {
        margin-bottom: 35px;
    }



    .loan-section .collapse-content b {
        font-size: 11px;
    }

    .loan-section .collapse-content p:not(:last-child) {
        margin-bottom: 20px;
    }



    .loan-calculator {
        margin-left: 0;
    }

    .find-store-box .network, .loan-calculator .calc {
        font-size: 12px;
        margin-left: 0;
    }

    .field input, .select-box .selected {
        font-size: 14px;
        height: 33px;
        line-height: 33px;
    }

    .loan-calculator .field input[readonly] {
        font-size: 15px;
    }

    .loan-section {
        padding-bottom: 60px;
    }

    .loan-section + .banner-section .banner figure {
        height: 337px;
        min-height: 337px;
    }

    .loan-section + .banner-section {
        height: auto;
        min-height: inherit;
    }

    .loan-section + .banner-section .banner figcaption {
        top: 10px;
    }

    .find-store-box, .loan-calculator {
        padding-left: 14px;
        padding-right: 14px;
    }

    .loan-section .field {
        margin-bottom: 15px;
    }

    .loan-section .collapse-content .field.field-sm,
    .find-store-box .select-box {
        max-width: 266px;
    }

    .loan-section .collapse-content a[href*='tel'] {
        font-size: 14px;
    }

    .loan-section .field.no-label {
        margin-top: 0;
    }

    .loan-section .btn.btn-border-orange.arrow-right {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 266px;
    }
    .faq-section .tab-container {
        margin-top: -73px;
    }
    .faq-section .tab-content {
        padding-top: 25px;
    }
    .faq-section .collapse-title.active .icon-chevron-down {
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    .eke-section .intro {
        padding: 40px 15px;
    }
    .stores-section .map-wrapper {
        height: auto;
    }
    .stores-section .sfilters {
        position: static;
        width: 100%;
        height: 285px;
    }
    .sfilters .top-group {
        float: left;
        width: 50%;
        height: 100%;
        border: 0;
    }
    .results {
        overflow: hidden;
        height: 100%;
    }
    .sfilters .checkbox,
    .sfilters .checkbox:nth-of-type(2) {
        float: none;
        width: 100%;
    }
    .stores-section #map {
        height: 480px;
    }

    .tab-section .tab-header {
        float: none;
    }
    .top-left-text .updated{
        display: none;
    }
    .main-footer.group .first {
        padding-left: 0;
    }
    .main-footer.group .first a, .main-footer.group .first a:link, .main-footer.group .first a:visited {
        margin-bottom: 10px;
        color: #000;
        font-size: 14px;
    }
    .side-panel .tab-header {
        float: none;
    }
    .doc .tab-header a:link, .doc .tab-header a:visited {
        padding-bottom: 24px;
    }
    .doc .content-table-list {
        margin-bottom: 20px;
    }
    .doc .content-table-list .column-one {
        float: none;
        height: auto;
        padding-bottom: 5px;
    }
    .documents .content-table-list ul li:last-child .column-one {
        border-bottom: 1px solid #aebdc8;
    }
    .documents .content-table-list .column-two a,
    .documents .content-table-list .column-two a:link,
    .documents .content-table-list .column-two a:visited {
        height: auto;
        padding: 10px 0 10px 40px;
    }

    /* update 06-09-2016: start */
    .iban-calculator {
        padding-top: 30px;
        padding-bottom: 66px;
    }

    .iban-calculator .field-container,
    .iban-calculator .iban-result {
        width: 100%;
        display: block;
    }

    .iban-calculator .iban-result {
        padding-left: 0;
        text-align: center;
        font-size: 17px;
    }

    .iban-calculator .iban-result .big {
        font-size: 22px;
    }

    .iban-calculator .field label {
        font-size: 20px;
    }

    .iban-calculator h2 {
        font-size: 28px;
    }

    .iban-calculator .input {
        width: 90%;
    }

    .loan-form .field.slider,
    .loan-form .field.field-result {
        width: 100%;
        display: block;
    }

    .loan-form .ui-slider-horizontal {
        max-width: calc(100% - 48px);
        margin-top: 25px;
    }

    .loan-form .field.field-result {
        margin: 25px auto 0;
        -webkit-transform: translateX(-48px);
        -moz-transform: translateX(-48px);
        -ms-transform: translateX(-48px);
        -o-transform: translateX(-48px);
        transform: translateX(-48px);
    }

    .loan-form .tooltip {
        right: 0;
    }

    .loan-form .field.field-result .txt {
        left: 50%;
        -webkit-transform: translate(35px, -50%);
        -moz-transform: translate(35px, -50%);
        -ms-transform: translate(35px, -50%);
        -o-transform: translate(35px, -50%);
        transform: translate(35px, -50%);
        margin-top: 0;
    }

    .loan-form .field.field-result.loan-amount-result .txt {
        left: 40px;
    }

    .loan-form .field.field-result input {
        text-align: center;
    }

    .loan-form .radiobox {
        display: block;
        width: calc(100% - 48px);
        text-align: left;
        margin: 10px 0;
    }

    .loan-form .tooltip-content {
        left: auto;
        right: 0;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .loan-form .tooltip-content:after {
        right: 9px;
        left: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .loan-form .loan-result-box .tooltip-content,
    .loan-form .loan-result-box .tooltip-content:after {
        right: auto;
    }

    .loan-form .loan-result-box .tooltip-content {
        left: 5px;
    }

    .loan-form  .loan-result-box .tooltip-content:after {
        left: 3px;
    }

    .loan-form .loan-results .field input {
        font-size: 18px;
    }

    .notes-section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .loan-form .radiobox label {
        font-size: 14px;
    }
    /* update 06-09-2016: end */

    .search.tab-container {
        padding: 0;
    }
    .search-section .search-container {
        padding: 43px 20px 82px
    }
    .amex .promos li {
        display: block;
        padding: 0;
    }
    .amex .promos li:first-child {
        border-right: 0;
        padding-bottom: 40px;
        border-bottom: 1px solid #fdb728;
    }
    .amex .promos li:last-child {
        padding: 0;
        margin-top: 40px;
    }
    .logos-section a {
        margin: 10px;
    }
    .card-section .col_12,
    .card-section .col_6 {
        padding: 0;
    }
    .card-section .col_6 {
        margin-bottom: 20px;
    }
    .small-banner {
        float: none;
        width: 100%;
    }
    .card-section .card-title {
        padding-left: 0
    }
    .newsletter-box [type=submit] {
        left: 80%;
    }
    .card-section .cf {
        text-align: center;
        padding-right: 25px;
    }

	.proth-row .inner-table {
        padding-left: 0;
        margin-top: 20px;
    }
    .proth-row .inner-table .row .col .col-title {
        font-size: 14px;
        max-height: 44px;
        height: 44px;
        padding: 0 5px;
    }
    .proth-table .proth-row .btn.desktop {
        display: none;
    }

    .proth-table .proth-row .btn.mobile {
        display: inline-block;
        margin-top: 25px;
    }

    .proth-table .proth-row .wrapper {
        text-align: center;
    }

    .colWrap .col {
        padding-right: 0;
        margin-bottom: 30px;
    }
    .colWrap .col:last-child {
        margin-bottom: 0;
    }
    .contact-boc .newsletter label {
        display: block;
    }
    .philosophy img,
    .philosophy figcaption {
        display: block;
        max-width: 100%;
        padding: 0;
        margin: 0 auto;
    }
    .philosophy figcaption {
        margin-top: 20px;
    }

    .table-header {
        display: none;
    }
    .table-row .center > tbody > tr > td {
        display: block;
        height: auto;
        width: 100%;
        padding: 0 40px;
    }
    .table-row .center table {
        display: block;
    }
    .table-row .center > tbody > tr > td:first-child {
        display: block;
        padding: 10px 40px;
    }
    .table-row .center table td,
    .table-row .center table tbody,
    .table-row .center table tr {
        display: block;
    }
    .table-row .center .value {
        padding-left: 50%;
        position: relative;
        text-align: right;
        line-height: 30px;
    }
    .table-row .center .value:before {
        content: attr(data-before);
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #fad552;
        line-height: normal;
        padding-top: 5px;
        padding-right: 10px;
        height: 100%;
        box-sizing: border-box;
    }
    .mobile_title td {
        font-size: 14px;
        font-weight: 900;
        color: #000000;
        padding: 10px 0;
        background-color: #f3edda;
    }
    .brdright {
        border: 0;
    }
    .currency-calculator {
        padding: 30px 20px;
    }
    .convert {
        width: 100%;
        max-width: inherit;
    }
    .swap {
        margin: 10px;
    }
    .currency-section h2 {
        font-size: 25px;
    }
    .currency-section .intro {
        padding-top: 40px;
    }
    .main-table tr:nth-of-type(even) .table-row,
    .main-table tr:nth-of-type(odd) .table-row  {
        background-color: #ffffff!important;
    }
    .secondary .table-row .center > tbody > tr > td {
        height: auto;
    }
}

@media only screen and (max-width: 685px) {
    .newsletter-box [type=submit] {
        left: 76%;
        margin-top: 7px;
    }
}

@media only screen and (max-width: 767px) {
    .wrapper-2col {
        padding-left: 14px;
        padding-right: 14px;
    }    

    .notification {
        padding: 20px 23px;
    }

    .notification p {
        font-size: 13px;
        line-height: 1.3;
    }

    .notification .close {
        top: 16px;
        right: 10px;
    }

    .banner figure, .banner.white figure {
        height: 374px;
    }

    h2 {
        font-size: 25px;
    }

    p {
        font-size: 12px;
    }

    .banner.banner-text-left figcaption,
    .banner-section .banner.banner-text-left figcaption {
        width: 100%;
    }

    .tag {
        font-size: 9px;
    }

    .btn, .btn:link, .btn:visited {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 3px;
    }


/*    .banner-section,
    .banner-section .banner figure,
    .banner-section .banner.white figure {
        height: 100vh;
        min-height: 568px;
    }*/

    .loans {
        padding-bottom: 0;
        /*min-height: 568px;*/
    }

    .banner figcaption {
        width: 100%;
    }

    .banner.banner-text-left figcaption, .banner figcaption, .loans .banner figcaption {
        top: 15px;
    }

    .banner.banner-text-right figcaption {
        margin-right: 20px;
        max-width: 96%;
        padding-left: 20px;
    }

    .banner br {
        display: none;
    }

    .newsletter-box .field {
        max-width: 230px;
    }

    .newsletter-box input[type=email] {
        font-size: 12px;
    }

    .newsletter-box {
        margin-bottom: 26px;
    }

    .product__item-wraplink {
        width: 70%;
        margin: 0 auto;
    }

    .three-box-item {
        padding-left: 0;
        padding-right: 0;
    }

    .loans .tab-content-container {
        height: 339px;
    }

    .loans .banner figure {
        height: calc(100vh - 139px);
        min-height: 339px;
        max-height: 362px;
    }

    .loans-title-carousel {
        padding-right: 30px;
    }

    .loans .wrapper-1col {
        padding-left: 0;
        padding-right: 0;
    }

    .tab-header a:link, .tab-header a:visited {
        font-size: 13px;
    }

    .main-nav .language {
        display: block;
    }

    .banner-section ul li {
        /*padding-left: 6px;*/
        padding-right: 27px;
        word-break: break-word;
        line-height: 1.2;
    }

    .loans .owl-theme .owl-controls .owl-buttons div.owl-prev,
    .loans .owl-theme .owl-controls .owl-buttons div.owl-next {
        background: #ffffff;
    }

    .loans-carousel.owl-theme .owl-controls {
        margin: 0;
        height: 0;
    }

    .loans-carousel .banner figcaption {
        width: 100% !important;
        padding: 0 74px;
        top: 40px;
    }

    .loans .banner .btn {
        margin-left: 15px !important;
        margin-right: 0 !important;
    }

    .social-box {
        margin-bottom: 20px;
    }

    .faq-banner, .faq-banner figure {
        height: 320px;
    }

    .faq-section h2,
    .faq-section .tab-content .tab-title{
        font-size: 25px;
    }
    .faq-section .collapse-title {
        font-size: 18px;
    }
    .second {
        padding-left: 0;
    }
    .ebank-section .banner.banner-text-left figcaption {
        padding-right: 40px;
    }
    .ebank-section .first, .ebank-section .second {
        padding: 0;
    }
    .ebank-section .big .item .image-container {
        float: none;
        padding: 20px;
    }
    .ebank-section .big .item .description {
        text-align: center;
    }
    .ebank-section .big .item .description .item-intro {
        padding-right: 0;
        text-align: left;
    }
    .ebank-section .banner, .ebank-section .banner figure {
        height: 374px;
    }
    .ebank-section h2 {
        font-size: 25px !important;
        line-height: 33px !important;
    }
    .ebank-section .basic h3 {
        margin-bottom: 25px;
    }
    .ebank-section .basic h3 a {
        font-size: 20px;
    }
    .results-title {
        padding: 25px;
    }
    .result-item {
        padding: 10px 40px 10px 25px;
    }
    .result-item .icon {
        width: 40px;
    }

    .main-header.group .top-bar {
        height: 47px;
    }
    .main-header.group .middle-bar {
        padding-bottom: 44px;
    }
    .news,
    .history-section {
        padding: 40px 0;
    }
    .contact .field:not(.full):nth-of-type(odd),
    .contact .field:not(.full):nth-of-type(even) {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .contact .field > .error {
        position: static;
        margin-top: 10px;
    }
    .results-reports .items ul li,
    .hubs .items ul li {
        width: 100%;
    }
    .hubs .items ul li:last-child {
        padding-left: 0;
    }
    .group.big .banner.banner-text-left figcaption {
        padding: 0 30px;
    }
    .group.big .banner h2 {
        font-size: 26px;
    }
    .group.big .banner p {
        font-size: 12px;
    }
    .group.big .banner figure {
        height: 330px;
    }
    .documents .content-table-header {
        padding: 30px 20px 10px;
    }
    .documents .content-table-list {
        padding: 0 20px;
    }
    .documents .content-table-header h3 span {
        display: block;
    }
    .dynamic-content p img {
        float: none;
        margin-left: 0;
        display: block;
    }
    .hubs > .image,
    .hubs > .image a {
        max-width: 340px;
        max-height: 210px;
        overflow: hidden;
    }
    .hubs > .image img {
        max-width: 100%;
        height: 210px;
    }
    .group.hero-contact .banner figure {
        height: 150px;
    }
    .group.hero-contact .banner.banner-text-left figure {
        background-position: center center;
    }
    .main-header.group .top-bar a.btn:link, .main-header.group .top-bar a.btn:visited {
        min-width: inherit;
    }
    .top-left-text {
        font-size: 12px;
        padding-left: 0;
    }
    .hubs .s_block {
        margin-top: 15px;
        margin-bottom: -20px;
    }
    .hubs .items ul li {
        padding-right: 0;
    }
    .eke-section .item .image-container {
        max-width: 280px;
        margin: 0 auto;
    }
    .ebank-section .advantages {
        text-align: left;
    }
    .search-section h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .search .tab-header a, .search .tab-header a:link, .search .tab-header a:visited, .search .tab-header a span {
        font-size: 13px;
    }
    .search-results .title a, .search-results .title a:link, .search-results .title a:visited {
        font-size: 20px;
    }
    .search-results .details {
        font-size: 16px;
    }
    .search-results ol {
        margin: 48px 0;
        padding: 0 40px;
    }
    .search-results ol li {
        font-size: 20px;
        margin-bottom: 60px;
    }
    .search-results ol li:before {
        font-size: 20px;
    }
    .search-results .category {
        font-size: 12px;
    }
    .search-results .title .date {
        display: block;
        margin-left: 0;
    }
    .cards {
        padding: 0;
    }
    .how-section {
        padding-top: 40px;
    }
    .how-section h4 {
        margin-bottom: 40px;
        font-size: 25px;
    }
    .how-section ul li span {
        display: block;
    }
    .how-section ul li .text {
        padding: 40px 0 0;
        max-width: 100%;
    }
    .how-section ul {
        margin-bottom: 40px;
    }
    .promo-inner .banner h2 {
        font-size: 30px;
    }
    .promo-inner .banner p {
        font-size: 18px;
    }
    .promo-inner .banner figure {
        height: 374px;
        background-position: 60% center;
    }
    .contact-section {
        padding: 40px 0;
    }
    .subscribe h4 {
        font-size: 25px;
        margin-bottom:40px;
    }
    .subscribe p {
        /*font-size: 12px;*/
    }
    .logos-section p {
        font-size: 14px;
    }
    .links-section a, .links-section a:link, .links-section a:visited {
        font-size: 14px;
        display: flex;
    }
    .logos-section,
    .links-section {
        padding: 40px 0;
    }
    .intro.video h2 {
        font-size: 30px;
    }
    .intro.video p {
        font-size: 16px;
    }
    .intro.video {
        padding-bottom: 50px;
    }
    .promo-slider .banner h2 {
        font-size: 25px;
    }
    .promo-slider .banner p {
        font-size: 12px;
    }
    .search-results li:before {
        font-size: 20px;
    }
    .search-results.no-results {
        padding: 40px 20px;
    }
    .search-results.no-results h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .search-results.no-results ul li {
        font-size: 16px;
        margin-bottom: 15px;
    }
    /*.promo-slider .playVid .playicon,
    .heros-list .playVid .playicon {
        width: 60px;
        height: 60px;
    }*/
    .promo-slider .playVid .playicon,
    .heros-list .playVid .playicon  {
        width: 30px;
        height: 30px;
        background-position: 65% 50%;
    }
    .promo-slider .playVid,
    .heros-list .playVid  {
        margin-left: 5px;
    }

   /* .heros-list .playVid {
        left: auto;
        top: auto;
        right: 10px;
        bottom: 10px;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }*/
    .heros-list .banner.banner-text-left figcaption {
        padding: 0 14px;
        width: 100%;
    }
    .ebank-section .heros-list h2 {
        font-size: 30px;
    }
    .ebank-section .heros-list p {
        font-size: 16px;
        padding-right: 25px;
    }
    .card-section .card-title h2 {
        font-size: 25px;
    }
    .card-section .card-title p,
    .card-section .col ul li {
        font-size: 12px;
    }
    .card-section .cards li {
        padding: 0 5px;
    }
    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -100%;
    }
    .promo-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -100%;
    }
    .promo-slider .banner.banner-text-left figcaption {
        padding:0 20px ;
    }
    .promo-slider .banner figure:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top,  rgba(219,221,220,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top,  rgba(219,221,220,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom,  rgba(219,221,220,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdddc', endColorstr='#00ffffff',GradientType=0 );
    }
    .how-section .notification p {
        font-size: 16px;
    }
    .small-banner figcaption {
        text-align: left;
    }
    .small-banner h2,
    .small-banner p {
        text-align: left;
    }
    .contact .field.col_6:not(.full):nth-of-type(even) {
        width: 100%;
    }
    .contact-boc .newscheckbox {
        display: table;
    }
    .contact-boc .newscheckbox:first-of-type {
        margin-top: 20px;
    }
    .philosophy h3,
    .philosophy li:not(:last-child) {
        margin-bottom: 20px;
    }
    .promo-section {
        padding: 40px 0;
    }
    .promo-section h2,
    .philosophy h3 {
        font-size: 25px;
    }
    .philosophy figcaption {
        text-align: center;
    }
    .promo-section p,
    .philosophy li {
        font-size: 12px;
    }
    .promo-section p {
        padding: 0;
    }
    .philosophy li b {
        font-size: 16px;
    }
    .philosophy h3, .philosophy li:not(:last-child) {
        margin-bottom: 10px;
    }
    .documents-boc .dynamic-content .select-box {
        width: 100%;
        margin-left: 0;
    }
    .table-row .center > tbody > tr > td:first-child {
        padding: 10px 20px;
        text-align: center;
    }
    .table-row .center > tbody > tr > td {
        padding: 0 20px;
    }
    .currency-calculator {
        margin-bottom: 40px;
    }
    .note-section h3 {
        margin-bottom: 10px;
    }
    .note-section p {
        font-size: 12px;
    }
    .select-box.currency .selected .symbol {
        font-size: 16px;
    }
    .white-grad.banner figure:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(219,221,220,1) 0%, rgba(255,255,255,0) 100%);
        background: -webkit-linear-gradient(top, rgba(219,221,220,1) 0%,rgba(255,255,255,0) 100%);
        background: linear-gradient(to bottom, rgba(219,221,220,1) 0%,rgba(255,255,255,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdddc', endColorstr='#00ffffff',GradientType=0 );
    }
    .captcha label {
        white-space: normal;
    }
    .current-accounts-item.has-icon .current-accounts-image-wrap {
        width: 140px;
        height: 140px;
        margin-bottom: -70px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-section ul li {
        width: 100%;
    }

    .notification {
        padding: 20px 30px 20px 16px;
        text-align: left;
    }
    .faq-section .intro {
        padding: 0;
    }
    .info-box {
        padding: 28px 25px;
    }
    .eke-section .item {
        margin-bottom: 25px
    }
    .eke-section .item .description {
        padding-bottom: 25px;
    }
    .eke-section .links ul li {
        max-width: 80%;
    }
    .eke-section .categories-box {
        padding: 25px;
    }
    .ebank-section .basic {
        padding-top: 0;
    }
    .ebank-section .info-box .info-title i {
        float: left;
    }
    .ebank-section .info-box .info-title span {
        display: block;
        overflow: hidden;
    }
    .ebank-section .big {
        padding: 0;
        margin-top: 0;
    }
    .ebank-section .first .item,
    .ebank-section .second .item {
        margin-bottom: 25px;
    }
    .stores-section .sfilters {
        height: auto;
    }
    .stores-section .sfilters .top-group {
        float: none;
        width: 100%;
        height: auto;
        padding: 0 25px 25px;
    }
    .results {
        height: 285px;
    }
    .stores-section #map {
        height: 320px;
    }
    .stores-section .search-container .wrapper {
        padding: 0;
    }
    .stores-section .intro {
        padding: 25px;
    }
    .stores-section h2 {
        font-size: 25px;
    }

    .news-item .image {
        float: none;
        display: inline-block;
    }
    .news-item .item-details {
        padding-left: 0;
    }

    .news-item:before {
        left: 0;
        width: 100%;
    }
    .news ul {
        padding-right: 0;
    }
    .latest .news-item .image {
        float: none;
        display: inline-block;
    }
    .latest .news-item .item-details {
        padding-left: 0;
    }

    .latest .news-item:before {
        left: 0;
        width: 100%;
    }
    .tab-section .tab-header a:link,
    .tab-section .tab-header a:visited {
        width: 100px;
        padding: 0 0 24px
    }

    .contact.intro {
        padding: 35px;
    }

    .investors .tab-header {
        padding: 17px 0;
        width: calc(50% - 2px);
        text-align: center;
    }
    .documents .intro {
        padding: 25px;
    }
    .documents h2 {
        font-size: 25px;
    }
    .top-left-text {
        font-size: 10px;
    }
    .main-header.group .top-bar .top-right-menu a.btn:link, .main-header.group .top-bar .top-right-menu a.btn:visited{
        margin-right: 0;
    }

    /* update 06-09-2016: start */
    .iban-calculator .field label {
        font-size: 17px;
    }

    .iban-calculator .field label small {
        font-size: 14px;
    }

    .iban-calculator h2 {
        font-size: 22px;
    }

    .loan-form .field-container {
        padding-left: 0;
    }

    .loan-form .field.slider {
        margin-left: 23px;
    }

    .loan-form .field.field-result {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        padding-left: 0;
    }

    .loan-form .ui-slider-horizontal {
        margin-top: 15px;
    }

    .loan-form .field.field-result .txt {
        -webkit-transform: translate(17px, -50%);
        -moz-transform: translate(17px, -50%);
        -ms-transform: translate(17px, -50%);
        -o-transform: translate(17px, -50%);
        transform: translate(17px, -50%);
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        width: 34px;
        height: 34px;
        line-height: 34px;
    }

    .loan-form .radiobox {
        width: 100%;
        padding-left: 22px;
    }

    .loan-result-box .col {
        width: 100%;
    }
/* update 06-09-2016: end */
    .search .tabs-header-container {
        padding: 0 30px;
    }
    .search-results ol {
        padding: 0 28px 0 40px;
    }
    .search-results .category .tag {
        display: table;
        margin: 5px 0;
    }
    .ebank-section .heros-list .banner.playing,
    .ebank-section .heros-list .banner.playing figure {
        min-height: inherit;
    }
    .card-section .card-title {
        padding: 0;
        max-width: inherit;
    }
    .card-section {
        padding-top: 40px;
    }
    .card-section .cards {
        position: relative;
        left: auto;
        bottom: auto;
        margin: 0;
        width: 100%;
        max-width: inherit;
        padding-bottom: 20px;
        text-align: center;
    }
    .ebank-section.cards-section .item .image-container {
        text-align: center;
    }
    .ebank-section.cards-section .item .description {
        text-align: center;
    }
    .ebank-section.cards-section .item .item-title,
    .ebank-section.cards-section .item .item-intro {
        text-align: left;
    }
    .tab-content-container {
        padding-top: 20px;
    }
    .main-header .top-bar .wrapper-2col {
        padding: 0 5px;
    }
    .main-header .top-bar nav li {
        margin: 0 5px;
    }
    .table-row .center .value {
        line-height: 40px;
    }
    .table-row .center .value:before {
        padding-right: 0;
    }
    .convert .select-box {
        width: 60%;
    }
    .convert .amount {
        width: 40%;
    }
}


/* responsive 3 */

@media (max-width: 1260px)
{
	.blog-posts .col_21
	{
		text-align: center;
		display: inline-block;
		width: 830px;
		width: 100%;
		max-width: 100%;
		left: 0;
		right: 0;
		margin: auto;
		float: none;
		text-align: center;
	}

	.blog-posts .col
	{
		float: none;
	    display: inline-block;
	    vertical-align: top;
	}

	.blog-posts .item
	{
		margin-left: 15px;
		margin-right: 15px;
		vertical-align: top;
	}

	.blog-posts .lg_col_30 {
	    margin-left: 0;
	    width: 100%;
	}

	.section.tweets-section .nav-arrows .icon-arrow-left-circle {
		left: 25px;
	}

	.section.tweets-section .nav-arrows .icon-arrow-right-circle {
		right: 25px;
	}
}


@media (max-width: 1023px)
{
	.banner.banner-text-left figcaption, .banner-section .banner.small.banner-text-left figcaption
	{
	    width: 90%;
	}

	/* .wrapper.bricks {
		width: 700px;
	} */

	.wrapper.bricks .item {
		width: 43.5%;
    }
/*    .loans-carousel {
        padding-left: 200px;
    }*/
    .loans-carousel .owl-wrapper .owl-item {
        padding: 0;
    }
    .loans-carousel.owl-theme .owl-controls {
        width: 160px;
        left: 20px;
    }
/*    .loans-carousel .banner figcaption {
        width: 70%;
    }*/
/*    .loans-title-carousel {
        width: 200px;
    }*/
    .loans-title-carousel .tab-header a {
        font-size: 16px;
    }
    .loans .loans-title-carousel .tab-header {
        margin: 0;
    }
    .loans-title-carousel .tab-header a:hover::before {
        width: 10px;
    }
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next,
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        background: #fff;
    }
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: 10px;
    }
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next {
        right: 10px;
    }
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-next.disabled,
    .loans .loans-carousel.owl-theme .owl-controls .owl-buttons div.owl-prev.disabled {
        display: block;
    }
}


@media (max-width: 760px) {

	.wrapper.bricks .item {
		width: 42%;
	}

	
	/* .section.tweets-section .wrapper {
		width: 100%;
	} */
}

@media (max-width: 767px)
{
	.wrapper.bricks {
		width: 100%;
	}

	.wrapper.bricks .item {
		width: 90%;
		margin-left: 0;
		margin-right: 0;
	}

	.section.tweets-section .section-title {
		font-size: 30px;
    }
    .loans-carousel {
        padding-left: 0;
    }
    .loans-title-carousel {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        padding-right: 0;
    }
    .loans-title-carousel .owl-wrapper {
        display: block !important;
        padding-bottom: 0;
    }
    .loans-title-carousel .owl-wrapper-outer,
    .loans-title-carousel .owl-wrapper {
        height: auto !important;
        position: relative !important;
    }
    .loans-title-carousel .owl-wrapper .owl-item {
        width: 100%;
        flex: 0 0 100%;
    }
    .loans-title-carousel .tab-header {
        display: block;
        height: auto;
    }
    .loans-title-carousel .tab-header a {
        width: 100%;
        height: auto;
        display: block;
    }
/*    .loans-title-carousel .tab-header a::after {
        display: none;
    }*/
    .loans-carousel.owl-theme .owl-controls {
        width: 100%;
        left: 0;
        top: 50%;
        bottom: auto;
        /*transform: translateY(-50%);*/
    }

	/* .bricks-section .load-prev-items, 
	.section.tweets-section .wrapper {
		width: 100%;
	} */
}


@media (max-width: 1200px)
{
	.box-container 
	{
		/*max-width: 600px;*/
	}

	.box-container.owl-carousel
	{
		width: 870px;
		left: 0;
		right: 0;
		margin: auto;
	}

	.box-container.owl-carousel .owl-dots.disabled
	{
		/*display: block !important;*/
		display: block !important;
	}
}


@media (max-width: 767px)
{
	.banner-section ul li
	{
	    padding-left: 34px;
	}

	.blog-section .intro {
	    text-align: center;
        padding: 40px 15px;
	}

	.box-container .owl-pagination
	{
		margin-bottom: 20px;
	}

	.box-container.owl-carousel .owl-dots.disabled
	{
		margin-bottom: 30px;
	}
}