@media screen and (max-width: 1536px) {
    .jarallax.innerPage-banner img {
        height: 83vh !important;
    }
}
@media (max-width: 1440px) {
    .main-banner.bannerFade .main-wave {
        left: -25vw;
    }
    .error-404 {
        padding: 4rem 1rem;
    }
}

@media screen and (max-width: 1366px) {
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        text-align: left;
        padding-left: 22.5rem;
    }
    .jarallax.innerPage-banner {
        height: 60vh;
    }
    .jarallax.innerPage-banner img {
        height: 79.5vh !important;
        min-height: 400px;
    }
    #slb_viewer_wrap .slb_theme_slb_default .slb_content {
        width: auto !important;
        height: auto !important;
    }
}
@media screen and (max-width: 1200px) {
    .main-banner .banner-center-img {
        max-width: 100%;
        padding: 20px 20vw;
    }
    .alignright.size-medium_large,
    .alignleft.size-medium_large {
        float: unset;
        margin: 0 0 1rem 0;
        max-width: 100%;
        height: auto;
    }
    #slb_viewer_wrap .slb_theme_slb_baseline {
        height: 100vh !important;
        position: fixed !important;
        width: 100vw !important;
    }
    #slb_viewer_wrap .slb_theme_slb_default .slb_viewer_layout {
        min-height: auto !important;
        top: unset !important;
        height: 100vh;
    }
    #slb_viewer_wrap .slb_theme_slb_default .slb_container {
        /* position: absolute !important; */
        top: 50% !important;
        /* left: 50% !important; */
        transform: translateY(-50%) !important;
        height: auto !important;
        min-height: unset !important;
    }
    #slb_viewer_wrap
        .slb_theme_slb_baseline
        .slb_template_tag_item_content
        > img {
        max-height: 85vh;
    }
}
@media screen and (max-width: 1024px) {
    .container,
    .MainEditor,
    .ceo-banner .container-lg {
        padding: 0 1.5rem;
    }
    group-news > div.column6 {
        width: 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ceo-banner .container-lg {
        height: 360px;
    }

    .ceo-banner .ceoImg {
        height: calc(100% - 1rem);
    }

    .ceo-banner h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding-left: 14rem;
        text-align: left;
    }

    header.homeHeader {
        padding: 30px 0;
    }
    header.pagesHeader {
        padding: 15px 0;
    }
    .main-banner {
        min-height: 440px;
    }

    .group-news > div .img-box .imgContainer::before,
    .homeCountry .column2 .imgContainer::before,
    .homeCountry .imgContainer::before {
        padding-top: 70%;
    }

    .homeCountry .column1 .imgContainer::before {
        padding-top: 45%;
    }

    .wave-bg > img,
    .wave-bg > svg {
        width: 180%;
        left: 65%;
    }

    .row > .col-4,
    .group-news.row > div {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .touch .img-box:hover .line-box {
        display: none;
    }

    h1 {
        font-size: 2.5rem;
    }
    .error-404 {
        padding: 1rem 1rem;
    }

    .main-banner,
    .jarallax {
        /* height: 768px; */
        min-height: unset;
    }
    .main-banner img.jarallax-img {
        height: 860px !important;
    }
    .main-banner.bannerFade .main-wave {
        top: 400px;
    }

    .jarallax.innerPage-banner {
        height: 56.5vh;
    }
    .jarallax.innerPage-banner img {
        height: 80.5vh !important;
    }
    /* .jarallax.innerPage-banner {
		height:500px
	}
	.jarallax.innerPage-banner img {
		height: 655px !important;
	} */
    .section-spacing {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        font-size: 3.25rem;
    }

    .homeCountry h2,
    .groupNews-section h2 {
        padding-bottom: 2rem;
    }
    .homeCountry h3 {
        padding-bottom: 1.5rem;
    }
    h1 {
        font-size: 2.65rem;
    }
    h2 {
        font-size: 2.25rem;
    }
    .nav-tabs li > span {
        font-size: 1.75rem;
    }
}

@media screen and (max-width: 991px) {
    .footer-left a {
        margin-right: 1.55rem;
    }
    footer .footer-right > div:nth-child(2) {
        margin-left: 1.55rem;
    }
}
@media screen and (max-width: 800px) {
    .ceo-banner .ceoTitle h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        font-size: 2.5rem;
    }

    .country-section .country-box:not(:last-child) {
        margin-bottom: 2.25rem;
    }

    .homeCountry > .row:not(:last-child) {
        margin-bottom: 2rem;
    }

    section > .country-section:not(:last-child) {
        margin-bottom: 3rem;
    }

    ul.nav-tabs {
        padding-bottom: 1.5rem;
    }
}

@media screen and (max-width: 782px) {
    body #wpadminbar {
        position: absolute;
        top: -46px;
    }
}

@media screen and (max-width: 740px) {
    .ceo-banner .container-lg {
        height: 300px;
    }
    .ceo-banner h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding-left: 12rem;
    }
    .aligncenter.size-medium,
    img.alignleft {
        float: unset;
        width: 100%;
        height: auto;
        margin: 0 0 1rem 0;
    }
    footer .row {
        align-items: center;
        flex-direction: column;
    }
    .footer-left a:nth-child(2) {
        margin-left: 1.55rem;
    }
    .footer-left a {
        margin-right: 0;
    }
    footer .footer-right {
        margin-top: 1.5rem;
    }
    .footer-right p,
    .footer-right h6 {
        text-align: center;
    }
}

@media screen and (max-width: 640px) {
    .container,
    .MainEditor,
    .ceo-banner .container-lg {
        padding: 0 1rem;
    }

    .container-lg {
        padding: 0 1rem;
    }

    header img {
        height: 65px;
    }
    header.pagesHeader .internalBadge,
    .footer-right .internalBadge {
        padding: 12px 14px 8.5px;
    }
    header.pagesHeader .row .col-auto h6:nth-child(2) {
        margin-top: 17px;
    }
    .footer-left a img {
        height: 50px;
    }

    header.homeHeader,
    header.pagesHeader {
        padding: 20px 0;
    }

    footer {
        padding: 1.5rem 0 1.5rem;
    }

    .banner h2 {
        font-size: 2.5rem;
    }

    .nav-tabs li > span {
        padding: 0.5rem 0.5rem;
        font-size: 1.5rem;
        line-height: 1.1;
    }

    .row.country-box > .col-6 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }

    .country-box .imgContainer {
        margin-bottom: 1rem;
    }

    .img-box h4 {
        font-size: 1.25rem;
        padding: 0.25rem;
    }

    .ceoPage h5:first-child {
        padding-bottom: 1.5rem;
    }

    .ceoPage p + h5 {
        padding-top: 0.5rem;
    }

    .error-404 h2::before {
        width: 290px;
    }

    .error-404 h2 {
        max-width: 220px;
        margin: 0 auto;
        font-size: 2.5;
    }

    .ceo-banner .ceoImg {
        left: 0;
    }

    .ceo-banner h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding-left: 10rem;
    }
}

@media screen and (max-width: 575px) {
    .ceo-banner h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding: 0 0 4rem 10rem;
    }
}

@media screen and (max-width: 525px) {
    .row > .col-4,
    .row > .col-6,
    .row.column2 > div,
    .group-news.row > div {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .group-news > div.column6 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .homeCountry .column1 .imgContainer::before {
        padding-top: 70%;
    }

    .ceo-banner h2 {
        font-size: 1.75rem;
    }

    .row > .col-12 img,
    .group-news.row img {
        min-height: unset;
        min-height: 225px;
    }

    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding-left: 9.5rem;
    }

    /* footer .row > div {
    width: 100%;
  }

  footer .row > .footer-right {
    padding-top: 1.25rem;
  } */

    .footer-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-left a {
        margin: 0 1.75rem;
    }

    .footer-right p,
    .footer-right h6 {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    h1,
    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.75rem;
    }

    footer .col-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        /* width: 100%; */
        max-width: 100%;
    }

    .footer-left {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-right {
        padding-top: 0.25rem;
    }

    .footer-right h6,
    .footer-right p {
        text-align: center;
    }

    .wp-caption.alignleft,
    .wp-caption.alignright {
        width: 100% !important;
        margin: 0 0 1rem;
    }

    .wp-caption img {
        max-width: 100%;
        width: 100%;
    }

    .wp-caption p.wp-caption-text {
        padding: 10px 0 0;
    }

    .ceo-banner .ceoTitle h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        font-size: 10vw;
        padding: 0 0 3.5rem 9.5rem;
    }
    .nav-tabs li > span {
        padding: 0.5rem 0.35rem;
    }
    .main-banner .banner-center-img h5 {
        padding: 0.5rem 0 0;
        font-size: 1rem;
    }
    .main-banner .banner-center-img h5 .quarter_text span {
        font-size: 1rem;
    }
}

@media screen and (max-width: 425px) {
    header.pagesHeader .internalBadge,
    .footer-right .internalBadge {
        padding: 10px 8px 7px;
        font-size: 0.65rem;
    }
}
@media screen and (max-width: 414px) {
    h1,
    h2 {
        font-size: 1.75rem;
    }
    .ceo-banner .ceoTitle h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        font-size: 9vw;
    }
    header.pagesHeader h6.internalBadge {
        padding: 7px 6px 6px;
        text-transform: uppercase;
        font-size: 0.55rem;
        letter-spacing: 0.5px;
    }
    header.pagesHeader .row .col-auto h6:nth-child(2) {
        margin-top: 23px;
    }
}

@media screen and (max-width: 375px) {
    .nav-tabs li > span {
        font-size: 1.25rem;
    }

    .innerPage-banner h1 {
        font-size: 1.75rem;
        width: 100%;
        word-wrap: break-word;
        padding: 0;
    }

    .ceo-banner .container-lg {
        height: 250px;
    }

    .ceo-banner .ceoTitle h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding: 0 0 3.5rem 6.5rem;
    }
}

@media screen and (max-width: 374px) {
    header.pagesHeader h6 {
        font-size: 0.85rem;
    }
    header img {
        height: 49px;
    }
    header.pagesHeader .row .col-auto h6:nth-child(2) {
        margin-top: 11px;
    }

    header.pagesHeader .internalBadge,
    .footer-right .internalBadge {
        padding: 8px 7px 6.5px;
        font-size: 0.55rem;
    }
}
@media screen and (max-width: 340px) {
    .ceo-banner .ceoTitle h2,
    .ceo-banner.ceoPage-banner .ceoTitle h2 {
        padding: 0 0 3.5rem 6rem;
    }
}

/* @media (orientation: portrait) {

	.main-banner,
	.jarallax {
		height: 70vh;
		min-height: unset;
	}

	section.innerPage-banner.jarallax {
		height: 50vh;
	}


	.main-banner.bannerFade .main-wave {
		top: 40vh;
	}
} */

@media only screen and (max-width: 1366px) and (orientation: portrait) {
    .main-banner {
        height: 700px;
        min-height: unset;
    }
    .main-banner img.jarallax-img {
        height: 800px !important;
    }
    .main-banner.bannerFade .main-wave {
        top: 400px;
    }

    .jarallax.innerPage-banner {
        height: 40vh;
        min-height: 300px;
    }
    .jarallax.innerPage-banner img {
        height: 55vh !important;
        min-height: 430px;
    }
}
@media (orientation: portrait) and (max-width: 991px) {
    .main-banner,
    .jarallax {
        height: 70vh;
        min-height: 450px;
    }
    .main-banner img.jarallax-img {
        height: 70vh !important;
        min-height: 470px;
    }
    .main-banner.bannerFade .main-wave {
        top: 50%;
    }
    .main-banner .banner-center-img {
        padding: 10px 10vw;
    }
}
@media (orientation: portrait) and (max-width: 600px) {
    .main-banner.bannerFade .main-wave {
        width: 210vw;
    }

    .wave-bg > img,
    .wave-bg > svg {
        width: 260%;
    }
}

@media (orientation: portrait) and (max-width: 480px) {
    /* section.innerPage-banner.jarallax {
		height: 300px;
	}

	.innerPage-banner img.jarallax-img {
		height: 440px !important;
	} */
}

@media (orientation: landscape) and (max-width: 1024px) {
    .main-banner {
        min-height: 550px;
    }
}
