@media (min-width: 768px) {
    .footer-menu-row-wrap {
        border-bottom: 1px solid #4f4f4f;
    }
    .content-slider.owl-carousel .owl-nav button.owl-next {
        right: calc(41% + 20px + 0.75rem);
    }
    .image-with-quotes .col-md-4 {
        width: 38%;
    }
    .image-with-quotes .col-md-8 {
        width: 62%;
    }
    .hide-desktop {
        display: none;
    }
}
@media (max-width: 1200px) and (min-width: 768px) {
    .contentcontainer[data-container-identifier="container_3_columns"] {
        grid-template-columns: repeat(2, 1fr); /* 2 columns */
    }
}
@media (min-width: 992px) {
    .footer-content .col-left {
        padding-left: 85px;
    }
    .main-menu .navbar-nav > li:not(:first-child) {
        margin-left: 20px;
    }
    .main-menu .navbar-nav > li:not(:last-child) {
        margin-right: 16px;
    }
    .navbar-nav .nav-item {
        padding-right: 20px;
    }
    .dropdown-menu ul > li:last-child {
        padding-bottom: 0;
    }
    .media-right-content-block .col-lg-8,
    .content-slider .col-lg-8,
    .col-lg-8-custm {
        width: 68.3%;
    }
    .media-right-content-block .col-lg-4,
    .content-slider .col-lg-4,
    .col-lg-4-custm {
        width: 31.7%;
    }
    .header-content-top {
        padding-bottom: 2.7rem !important;
    }
    .content-slider.owl-carousel .owl-nav button.owl-next {
        right: calc(31.7% + 30px);
    }
    .searchform {
        position: absolute;
        right: 0;
        transform: translateY(-118px);
        top: 0;
    }
    .frame-type-mask_content_slider,
    .frame-type-mask_tab,
    .frame-type-mask_infographics,
    .service-list-view {
        margin-bottom: 80px;
    }
    .frame-type-mask_members {
        margin-bottom: 70px;
    }

    .service-tab-view .text-block,
    .infographics .col-lg-4-custm .col-inner {
        padding-left: 6px;
    }
    .news-letter .colmn-1 {
        width: 33%;
    }
    .news-letter .colmn-2 {
        width: 33.7%;
    }
    .news-letter .colmn-3 {
        width: 29.5%;
        padding-left: 1.3rem !important;
    }
    .footer-content .col-left {
        padding-left: 85px;
    }
    .carousel-frontent-layout-default .row {
        height: -webkit-fill-available;
    }
    .carousel .carousel-control-icon {
        max-width: calc(100% - 10px);
    }
    .carousel-frontent-layout-testimonials .carousel-indicators button {
        height: 8px;
        border-radius: 50px;
    }
    .carousel-frontent-layout-testimonials .carousel-indicators button.active {
        height: 8px;
        border-radius: 50px;
    }
    .frame-type-link_group .link-list-box .list-item{
        width: 50%;
    }
}
@media (min-width: 1200px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        line-height: 42px;
        margin-bottom: 1.5rem;
    }
    h3 {
        line-height: 36px;
        margin-bottom: 1rem;
    }
    .frame-type-link_group .link-list-box .list-item{
        width: 33.33333%;
    }
    .textmedia-below .gallery-item img {
        max-width: 65%;
    }
}
@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1334px;
    }
    .carousel .carousel-content-inner {
        max-width: 1296px;
    }
}

@media (max-width: 1399px) {
    .quote .quote-left {
        top: 0;
    }
    .quote-text-wrap .quote-left,
    .quote-text-wrap .quote-right {
        width: 30px;
    }
    .quote-text {
        font-size: 26px;
    }
    .quote .sub-text,
    .quote-text-wrap {
        padding-left: 45px;
    }
    .quote {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .frame-type-subnavigation li,
    .list-subnavigation li {
        /* width: 20%; */
    }
    .frame-type-subnavigation .btn {
        width: 169px;
        min-width: 150px;
        font-size: 20px;
    }
    .list-subnavigation .btn{
        min-width: 150px;
        font-size: 20px;
    }
    .quotes-withwithout-image .col-md-6 .quote-wrap {
        height: calc(100% - 375px);
    }
}
@media (max-width: 1199px) {
    .news-latest .header h3,
    .news-related-news .header h3,
    .image-block-overlay-text .header,
    .image-block-link-overlay-text .header {
        font-size: calc(1.3rem + 0.6vw);
    }
    .frame-type-subnavigation .btn {
        width: 171px;
    }
    .quotes-withwithout-image .col-md-6 .quote-wrap {
        height: calc(100% - 315px);
    }
    .az-pagelist {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-row-gap: 40px;
        grid-column-gap: 40px;
    }
    .employee-container {
        margin-bottom: 40px;
    }
    .carousel-image img {
        max-width: 100%;
        height: 350px;
        object-fit: cover;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 26px;
    }
    h2 {
        font-size: 26px;
    }
    h3 {
        font-size: 22px;
    }
    h4 {
        font-size: 20px;
    }
    .container {
        --bs-gutter-x: 3.6rem;
        --bs-gutter-c-x: 3.6rem;
    }
    .frame-space-after-large,
    .frame-default.frame-space-after-large {
        margin-bottom: 4.5em;
    }
    .frame-space-before-large,
    .frame-default.frame-space-before-large {
        margin-top: 4.5em;
    }

    .px-4,
    .accordion .header-link,
    .frame-type-mask_accordion .main-header {
        padding-right: calc(var(--bs-gutter-c-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-c-x) * 0.5) !important;
    }
    .link-list-box.p-4 {
        padding-left: calc(var(--bs-gutter-c-x) * 0.5) !important;
    }
    .top-header {
        display: none;
    }
    .navbar-brand img {
        width: 160px;
    }
    .navbar-toggler {
        width: 50px;
        height: 50px;
        padding: 13px 8px;
        border: 0;
        background-color: #df0a14;
        margin-left: auto;
        margin-top:-7px;
        transition: all 0.3s ease;
        position: relative;
        z-index: 10;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 32px;
        height: 3px;
        border-radius: 1px;
        background-color: #ffffff;
    }
    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 6px;
    }
    .navbar-toggler:hover,
    .navbar-toggler:focus {
        box-shadow: none;
    }
    .navbar-toggler:hover {
        /* background-color: #222222;*/
    }
    .menu-btn-close {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        display: none;
    }
    .menu-btn-close .icon-bar {
        margin-bottom: 0px;
        width: 40px;
    }

    .menu-btn-close .icon-bar:first-child {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .menu-btn-close .icon-bar:last-child {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -2px;
    }
    .dropdown-menu {
        box-shadow: none;
    }
    .main-menu {
        display: none;
    }
    .content-slider .description {
        display: none;
    }
    .nav-open .main-menu {
        display: block;
    }
    .main-menu {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        background-color: #ffffff;
        box-shadow: rgba(50, 50, 50, 0.2) 0px -2px 15px 0px;
    }
    .navbar-toggler.open .menu-btn-click {
        display: none;
    }
    .navbar-toggler.open .menu-btn-close {
        display: flex;
    }
    .main-menu .navbar {
        max-width: 720px;
        /*padding-left: 1.5rem;
		padding-right: 1.5rem;
		*/
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin: auto;
        padding-top: 1rem;
    }
    #navbarToggler {
        width: 100%;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .searchform {
        width: calc(100% - 60px);
    }
    .searchform .form-control {
        min-height: 50px;
        font-size: 16px;
    }
    .searchform .submit-btn {
        left: 10px;
        width: 30px;
        height: 30px;
    }
    .searchform {
        width: 100%;
    }
    .searchform .input-group {
        width: 260px;
        flex-wrap: nowrap;
    }
    .searchform .form-control {
        padding-left: 10px;
    }
    .searchform .tx-solr-submit.form-control {
        flex-basis: 20%;
    }
    #tx-solr-search .searchform .tx-solr-submit.form-control svg {
        color: #000;
        padding-right: 2px;
    }
    #tx-solr-search .searchform .input-group {
        flex-wrap: nowrap;
        width: 100%;
    }
    #tx-solr-search .searchform .form-control {
        padding-left: 10px;
    }
    #tx-solr-search .searchform .tx-solr-submit.form-control {
        flex-basis: 20%;
    }
    .submit-btn .btn-search,
    .submit-btn .btn-search svg {
        width: 100%;
        height: 100%;
    }
    .dropdown-menu {
        padding: 0;
    }
    .infographics .col-inner {
        padding: 0 !important;
    }
    .infographics {
        padding: 30px 1.5rem;
    }
    .infographics .col-md-7 .col-inner {
        margin-bottom: 25px;
    }
    .btn-primary,
    .content-slider .link a {
        padding: 8px 18px;
    }
    .btn-primary,
    .content-slider .link a,
    .frame-layout-4 .btn-primary,
    .tabContainer .btn-primary {
        min-width: 180px;
    }
    .news-letter .text-end {
        text-align: left !important;
    }
    .frame-link-block-right,
    .content-slider .link a {
        margin-right: 0;
    }
    .frame-link-block-right .btn:last-child,
    .btn:last-child {
        margin-right: 0;
    }

    .content-slider .content-block {
        padding: 40px 30px 15px 20px;
    }
    .content-slider .img-fluid {
        height: 50vw;
    }
    .content-slider .owl-dots {
        top: 49vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .content-slider .title {
        font-size: calc(1.225rem + 0.9vw);
    }
    .navbar-nav .dropdown .dropdown-arrow {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }
    .dropdown-toggle{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .navbar-nav .dropdown .dropdown-toggle .dropdown-arrow{
        background-image: url("../Images/arrow-right.svg");
    }
    .navbar-nav .dropdown .dropdown-toggle:hover .dropdown-arrow, .navbar-nav .dropdown.active > .dropdown-toggle .dropdown-arrow, .main-menu .navbar-nav > li > a:hover .dropdown-arrow{
        background-image: url("../Images/arrow-right-red.svg");
    }
    .navbar-nav .nav-item > a {
        margin-bottom: 15px;
        margin-left: 10px;
    }
    .dropdown-menu {
        min-width: 100%;
    }
    .navbar-nav.dropdown-menu-open > li.nav-item > a,
    .navbar-nav.dropdown-menu-open > li.nav-item .dropdown-toggle {
        display: none;
    }
    #header {
        margin-bottom: 0;
    }
    .owl-dots {
        text-align: center;
    }
    .frame-type-subnavigation .btn{
        min-height: 36px;
    }
    .frame-type-subnavigation .btn,
    .list-subnavigation .btn {
        font-size: 14px;
        width: 100%;
        margin: 0;
        min-width: 100%;
    }
    .frame-type-subnavigation,
    .list-subnavigation {
        margin-left: -5px;
        margin-right: -5px;
    }
    .frame-type-subnavigation ul li,
    .list-subnavigation ul li {
        width: 25%;
        padding-left: 5px;
        padding-right: 5px;
    }
    .list-subnavigation ul li.my-2{
        margin-top: 0.3rem !important;
        margin-bottom: .3em !important;
    }
    .members .header-wrap .sub-header {
        font-size: calc(1.275rem + 0.3vw);
    }
    .media-right-content-block .title {
        font-size: calc(1.325rem + 0.9vw);
    }
    .media-right-content-block .description {
        font-size: calc(1.275rem + 0.3vw);
    }
    .news-detail-media-wrap .right-block {
        display: none;
    }
    .link-list-box .list-item a {
        font-size: 20px;
    }
    .media-right-content-block iframe {
        min-height: 300px;
    }
    .media-right-content-block#c54 .content-block {
        display: none;
    }
    .media-right-content-block#c54 .meida-wrap {
        padding: 0 !important;
    }
    .news-latest .news-list-category,
    .news-related-news .news-list-category,
    .image-block-overlay-text .category {
        font-size: 16px;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .accordion .header-link,
    .frame-type-mask_accordion .main-header {
        font-size: 22px;
    }
    .accordion-button {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .accordion-button,
    .accordion-body {
        padding-right: calc(var(--bs-gutter-c-x) * 0.5);
        padding-left: calc(var(--bs-gutter-c-x) * 0.5);
    }
    .accordion .accordion-body li,
    .accordion-button {
        /*font-size: calc(1.275rem + .3vw);*/
        font-size: 18px;
    }
    .link-list-box h3 {
        font-size: 22px;
    }
    .media-right-content-block .title {
        font-size: 22px;
    }
    .media-right-content-block .description {
        font-size: 18px;
    }
    .breadcrumb {
        font-size: 12px;
    }
    /* Responsive Changes */
    /*
    .title-link-arrow::after, .text-link-arrow::after, .title-link-arrow-lg::after{
        right: 0;
    }
	*/
    .news-latest .header h3 {
        margin-bottom: 0;
    }
    .news-latest .news-list-category {
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .news-letter .text {
        font-size: 24px;
        width: calc(100% - 45px);
        font-weight: 700;
        line-height: 1.2;
    }
    .news-letter .form-control,
    .news-letter .form-control:focus {
        border: none;
    }
    .news-letter .btn {
        --bs-btn-border-width: 1px;
        padding: 12px 21px;
    }
    #footer .link-list-box a {
        font-size: 18px;
        letter-spacing: -1px;
    }
    .navbar-nav .nav-item > a {
        margin-bottom: 18px;
    }
    .navbar-nav .nav-item {
        line-height: 1.3;
    }
    .navbar-nav .dropdown .dropdown-arrow{
        top: 3px;
        right: 8px;
    }
    .navbar-nav .dropdown .dropdown-arrow {
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }
    .main-menu .navbar-nav > li > a,
    .dropdown-menu .menu-title {
        font-size: 18px;
    }
    #page_title h1 {
        margin-bottom: 10px;
    }
    header h4 {
        margin-bottom: 15px;
    }
    .frame-space-before-small, 
    .frame-default.frame-space-before-small{
        margin-top: 1em;
    }
    .frame-space-after-small {
        margin-bottom: 1em;
    }
    /* .frame-type-carousel{
        padding-top: 0;
        margin-bottom: 20px;
    } */
    .frame-type-link_group .link-list-box .list-item{
        width: 100%;
    }
    .link-list-box .list-item a::after {
        right: auto;
    }
    .descr h4 {
        font-size: 24px;
    }
    .news-letter .icon-text {
        margin-bottom: 10px;
    }
    .news-letter .form-control::placeholder {
        color: #000000;
    }
    .news-latest .header h3,
    .news-related-news .header h3,
    .image-block-overlay-text .header,
    .image-block-link-overlay-text .header {
        font-size: 20px;
    }
    .news-letter .icon-text .icon {
        margin-right: 20px !important;
    }
    .news-letter .icon-text .icon img {
        width: 48px;
    }
    .news-single h1,
    .frame-layout-1 h1 {
        letter-spacing: -1px;
    }
    .news-single .teaser-text p {
        font-size: 18px;
        line-height: 1.45;
    }
    .news-single .news-detail-media-wrap .footer,
    .quote .sub-text {
        font-size: 14px;
    }
    .frame-type-mask_all_links.frame-default,
    .frame-type-mask_accordion.frame-default,
    .frame-type-mask_all_links.frame-default {
        margin-bottom: 40px;
    }
    .accordion-button::after {
        margin-right: 10px;
    }
    .navbar-nav .dropdown-menu .prev-link {
        font-size: 16px;
    }
    .members .header-wrap .sub-header {
        font-size: 18px;
    }
    .full-width-media-slider.owl-carousel .owl-nav .owl-prev,
    .full-width-media-slider.owl-carousel .owl-nav .owl-next {
        width: 40px;
        height: 40px;
    }
    .frame-layout-1 h4 {
        margin-bottom: 24px;
    }
    .frame-space-after-large,
    .frame-default.frame-space-after-large {
        margin-bottom: 40px;
    }
    .tabContainer .tab-content {
        margin-bottom: 50px;
    }
    .news-img-wrap .category {
        font-size: 16px;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    
    .carousel-frontent-layout-default {
        margin-bottom: 50px;
    }
    .carousel-information .title h2 {
        font-size: calc(1.225rem + 0.9vw);
    }
    #footer .footer-top-content{
        padding-bottom: 15px;
        border-bottom: 3px solid #161616;
    }
    #footer .footer-top-content figure img{
        margin: auto;
    }
    #footer .footer-top-content .col-right{
        order: 3;
    }
    .footer-top-content .footer-icons {
        order: 2;
        padding: 25px 15px;
        margin-bottom: 16px;
        border-bottom: 3px solid #161616;
    }
    .footer-icons li {
        margin: 0px 15px;
        width: 48px;
        height: 48px;
    }
    .scrollto-top {
        width: 48px;
        height: 48px;
        right: 30px;
    }
    .scrollto-top svg {
        height: 100%;
    }
    .scrollto-top path {
        stroke-width: 1px;
    }
    .footer-top-content .col-inner, .footer-menu ul li .list-item-wrap {
        margin-right: calc(-.5 * var(--bs-gutter-x));
        margin-left: calc(-.5 * var(--bs-gutter-x));
    }
    .footer-content {
        padding-bottom: 75px !important;
    }
    .footer-top-content .col-right .ce-column:not(:last-child) {
        margin-right: 30px;
    }
    .footer-bottom-bg {
        padding-left: 0;
        padding-right: 0;
        margin-left: -4px;
    }
    .footer-top-content .col-md-7 img {
        width: 248px;
    }
    .footer-top-content .col-right img {
        width: 145px;
    }
    .footer-content h3 {
        margin-bottom: 18px;
    }
    .footer-icons {
        padding: 25px 15px;
    }
    .footer-icons li.youtube {
        width: 40px;
    }
    .footer-icons li:first-child {
        margin-right: 10px;
    }
    .footer-icons svg path,
    .footer-icons circle {
        stroke-width: 1px;
    }
    .quotes-withwithout-image .col-lg-4 {
        order: 1;
        margin-bottom: 1rem;
    }
    .quotes-withwithout-image .col-lg-8 {
        order: 2;
    }
    .quotes-withwithout-image .col-md-6 .quote-wrap {
        height: calc(100% - 235px);
    }
    blockquote p {
        width: 100% !important;
    }
    blockquote p.p-img {
        position: relative;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 20px solid #fff;
    }
    blockquote p.p-img img {
        width: 100%;
        max-height: 400px;
    }
    /* Media Tile Arrow */
    .media-right-content-block .title a.link-arrow::after {
        width: 18px;
        height: 18px;
        margin-top: 2px;
    }
    /* Text/Media Styling */
    .textmedia-right-small {
        flex-wrap: wrap;
    }
    .textmedia.textmedia-right {
        flex-wrap: wrap;
    }
    .textmedia-right .textmedia-gallery {
        order: 2;
    }
    .textmedia-left-small .textmedia-gallery {
        order: 2;
    }
    .textmedia-right-small .textmedia-gallery {
        flex-basis: 100%;
        order: 2;
    }
    
    .textmedia-right-small .textmedia-text {
        flex-basis: 100%;
        order: 1;
    }
    
    .textmedia-left-small {
        flex-wrap: wrap;
    }
    
    .textmedia-left-small .textmedia-gallery {
        flex-basis: 100%;
    }
    
    .textmedia-left-small .textmedia-text {
        flex-basis: 100%;
    }
    .textmedia-below .textmedia-item .gallery-item {
        width: 100%;
    }
    .textmedia-below .textmedia-item .gallery-row {
        flex-wrap: wrap;
    }
    .roleInParty {
        width: 100%;
    }
    .az-pagelist {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-row-gap: 40px;
        grid-column-gap: 40px;
    }
    .redbtn-styling {
        margin-right: 0;
    }
    .carousel-frontent-layout-default .carousel-control-next {
        right: calc(0% + 25px);
    }
    .carousel-frontent-layout-default .item {
        height: auto;
    }
    .carousel-image img {
        height: auto;
    }
    .carousel-frontent-layout-default .carousel-information .content-block {
        padding: 35px 30px 15px 1.5rem;
    }
    .news-list-view .frame-link-block-right {
        margin-right: 0;
    }
    .carousel-information .link a {
        margin-right: 0;
    }
    .carousel-frontent-layout-default .carousel-indicators {
        left: 0;
        justify-content: center;
        top: calc(50% + 75px);
    }
    .carousel-frontent-layout-default .carousel-control-next,
    .carousel-frontent-layout-default .carousel-control-prev {
        top: calc(50% - 65px);
        opacity: 1;
        visibility: visible;
    }
    .carousel-frontent-layout-default .carousel-control-next{
        right: 20px;
    }
    .carousel-information .link a {
        min-width: 120px;
    }
    .carousel-frontent-layout-testimonials .carousel-control-next,
    .carousel-frontent-layout-testimonials .carousel-control-prev {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 767px) {
    .carousel-frontent-layout-default .carousel-indicators {
        left: 0;
        justify-content: center;
        top: calc(50% + 75px)
    }
    .carousel-playpause {
        top: calc(50% + 75px);
    }
    .hide-mobi {
        display: none;
    }
    .main-menu .navbar {
        max-width: 540px;
        overflow-x: hidden;
    }
    .video-wrap,
    .video-sm {
        padding-bottom: 57.5%;
    }
    .media-right-content-block iframe {
        min-height: 205px;
    }
    #c44.media-right-content-block iframe {
        min-height: 180px;
    }
    .link-text-with-repeating-box .link-list-box {
        padding: 20px 1rem 25px 30px;
    }
    .title .title-link-arrow-lg {
        margin-bottom: -2px;
    }
    .news-list-view .img-right-text-wrap .news-img-wrap {
        padding-bottom: 56%;
    }
    .carousel-frontent-layout-default .item,
    .carousel-frontent-layout-testimonials .item, 
    .infographics-carousel.carousel .carousel-item {
        padding-left: 0;
        padding-right: 0;
    }
    .carousel-frontent-layout-default .carousel-indicators {
        left: 10px;
        right: 10px;
    }
    .carousel-frontent-layout-default .carousel-control-next,
    .carousel-frontent-layout-default .carousel-control-prev, 
    .infographics-carousel .carousel-control-prev,
    .infographics-carousel .carousel-control-next{
        width: 30px;
        height: 30px;
    }
    .carousel .carousel-control-icon {
        background-size: calc(100% - 8px);
    }
    .text-space-between {
        flex-direction: column;
    }
    .carousel-frontent-layout-testimonials .carousel-control-next,
    .carousel-frontent-layout-testimonials .carousel-control-prev {
        width: 20px;
        height: 20px;
    }
    .contentcontainer{
        gap: 10px;
    }
    .service-list-view {
        margin-bottom: 80px;
    }
    .news-related h4 {
        font-weight: 900;
    }
    .news-single .header h1,
    .news-single .header h2 {
        margin-bottom: 15px !important;
    }
    .infographics-main-header {
        display: none;
    }
    .infographics-carousel .carousel-control-prev,  .infographics-carousel .carousel-control-next{
        background-color: #d20a11;
        width: 40px;
        height: 40px;
        background-size: 80%;
        top: 50%;
        opacity: 1;
        transform: translateY(-50%);
        transition: all 0.3s ease;
    }
    .infographics-carousel .carousel-control-prev{
        left: 0;
    }
    .infographics-carousel .carousel-control-next{
        right: 0;
    }
    .frame-header .h3{
        padding-bottom: 0;
    }
    .frame-space-before-small, 
   .frame-default.frame-space-before-small{
        margin-top: 1.5em;
    }
    .footer-menu ul li .list-item-wrap {
        border-bottom: 1px solid #4f4f4f;
        padding-bottom: 8px;
    }
    .quotes-withwithout-image .col-md-6:not(:first-child) {
        display: inline-grid;
    }
    .quotes-withwithout-image .col-md-6:not(:first-child) img.img {
        margin: 2rem 0 1rem 0;
        order: 1;
    }
    .quotes-withwithout-image .col-md-6 .quote-wrap {
        height: auto;
    }
    .quotes-withwithout-image .col-md-6:not(:first-child) .quote-wrap {
        order: 2;
    }
    .list-subnavigation ul li{
        width: 33.3%;
    }
    .departmentContainer {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
    .employeeBio {
        grid-template-columns: repeat(1, minmax(0%, 1fr));
        row-gap: 20px;
        grid-auto-rows: auto;
    }
    .email {
        padding: 20px 20px 20px 20px;
    }
    .roleInParty {
        width: 100%;
    }
    .accordion-body {
        padding: 40px 2rem 5px 2rem;
    }
    .form-row {
        flex-wrap: wrap;
    }
    .mediatile-ressorts {
        margin-left: 0;
        margin-top: 20px;
    }
    .mediatile-politician h2 {
        margin-bottom: 20px;
    }
    .blockquote-wrapper.with-image {
        display: block;
    }
    .quote-figure {
        padding: 40px 20px;
        word-break: break-word;
    }
    /* Tabs h-scroll for mobile */
    .tabContainer .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE/Edge */
        -webkit-overflow-scrolling: touch;
        position: relative;
        padding-bottom: 5px; /* Platz für den Scrollbalken */
    }

    .tabContainer .nav-tabs::-webkit-scrollbar {
        display: none; /* Chrome/Safari/Opera */
    }

    .tabContainer .nav-tabs .nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    /* Optional: Gradient-Effekt an den Seiten */
    .tabContainer {
        position: relative;
    }

    .tabContainer::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 44px; /* Höhe der Tab-Navigation anpassen */
        width: 30px;
        background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
        pointer-events: none;
        z-index: 1;
    }
    /* Scroll-Indikator */ 
    .tabContainer .nav-tabs::after {
        content: '';
        flex: 0 0 60px; /* Mindestabstand am Ende */
    } 

    /* Aktiver Tab immer sichtbar */
    .tabContainer .nav-tabs .nav-link.active {
        scroll-margin-left: 20px;
    }
    li.nav-item.tab-nav {
        border-bottom: var(--bs-nav-tabs-border-width) solid
            var(--bs-nav-tabs-border-color);
    }
    .adbanner img {
        width: 100%;
    }
}
@media (max-width: 575px) {
    #content-area {
        overflow: hidden;
        -webkit-overflow-scrolling: touch;
    } 
    .salzburgon-top-videos .full-width-mobi .text-link-arrow{
        padding-left:28px;
    }
    .frame-type-mask_content_slider,
    .frame-type-carousel, 
    .footer-top-bg,
    .footer-content,
    .link-list-box .bg-lightgray,
    .link-list-box.bg-lightgray,
    .full-width-mobi,
    .frame-type-image:not(footer .frame-type-image),
    .frame-type-link_group{
        /*
		margin-left: -1.5rem;
		margin-right: -1.5rem;
		*/

        margin-right: calc(-0.5 * var(--bs-gutter-c-x));
        margin-left: calc(-0.5 * var(--bs-gutter-c-x));
    }
    .service-tab-view .text-block .border-bottom {
        width: 40%;
        /*margin-left: -1.5rem;*/
        margin-left: calc(-0.5 * var(--bs-gutter-c-x));
    }
    .service-list-view .item-1 .text-block h4 a:after {
        display: none;
    }
    .nav-tabs {
        border: none;
    }
    .nav-tabs:after {
        content: "";
        display: inline-block;
        border-bottom: var(--bs-nav-tabs-border-width) solid
        var(--bs-nav-tabs-border-color);
        margin-right: calc(-0.5 * var(--bs-gutter-c-x));
        margin-left: calc(-0.5 * var(--bs-gutter-c-x));
        width: calc(100% + var(--bs-gutter-c-x));
        /*
		margin-left: -1.5rem;
		margin-right: -1.5rem;
		width: calc(100% + var(--bs-gutter-c-x));
		*/
        z-index: -1;
    }
    .nav-tabs .nav-item:last-child .nav-link {
        margin-right: 0;
    }
    .nav-tabs .nav-item:not(:first-child) .nav-link {
        margin-left: 20px;
    }
    .news-latest .header,
    .news-related-news .header,
    .image-block-overlay-text .header,
    .news-latest .news-list-category,
    .news-related-news .news-list-category,
    .image-block-overlay-text .category {
        left: 1.5rem;
    }
    .news-latest .news-list-category,
    .news-related-news .news-list-category,
    .image-block-overlay-text .category {
        top: 20px;
    }
    .news-list-view .frame-link-block-right{
        margin-top: 0.5em;
        text-align: left !important;
        padding-left: 1.5rem;
    }
    .frame-type-subnavigation ul li {
        width: 33.33%;
    }
    .list-subnavigation ul li {
        width: 50%;
    }
    .frame-type-subnavigation .btn,
    .list-subnavigation .btn {
        font-size: 16px;
    }
    .full-width-media-slider.owl-carousel .owl-nav .owl-prev,
    .full-width-media-slider.owl-carousel .owl-nav .owl-next {
        width: 25px;
        height: 25px;
    }
    .tickaro-slider {
        padding-left: 0;
        padding-right: 0;
    }
    .news-img-wrap .category{
        top: 20px;
    }
    .news-img-wrap .category,
    .news-latest .header, 
    .news-related-news .header, 
    .image-block-overlay-text .header,
    .image-block-link-overlay-text .header{
        left: 1.5em;
    }
    .carousel .carousel-content-inner {
        align-items: stretch !important;
    }
    .carousel-image img {
        width: 100%;
        height: auto;
        object-fit: contain;
        /*aspect-ratio: 3/2; - warum wurde das überhaupt verwendet?*/
        background-color: #ededed;
    }
    .blockquote-wrapper.with-image img {
        width: 100%;
    }
}
@media (max-width: 385px) {
    .frame-type-subnavigation ul li,
    .list-subnavigation ul li {
        width: 50%;
    }
    .nav-tabs .nav-link {
        margin-right: 20px;
        font-size: 18px;
    }
}
@media (max-width: 350px) {
    .contentcontainer .frame-type-link_group.frame-background-none:last-child {
        padding: 1em;
    }
}

@media (max-width: 400px) {
    .carousel-frontent-layout-default .carousel-indicators, .carousel-frontent-layout-default .carousel-playpause {
        top: calc(50% + 60px)
    }
}