h1{margin-bottom:40px;}

._df_thumb ._df_book-title {opacity: 1; bottom: 0; color: red;}  
/* To change the color of book title. */
/* Change the value of height according to your requirement. */

.df-popup-thumb img {width: auto; height: 350px;}

.df-popup-thumb {display: inline-table; width: auto; height: 350px;}

h1, h2{text-transform: uppercase;}

.homepage section#sp-main-body {padding: 0;}

#sp-header{box-shadow:none;}

#sp-header div#sp-logo .sp-column {display: flex; align-items: center; gap: 1rem;}

#sp-top-bar{padding:0; margin-bottom:0.5rem;}

#sp-top-bar .container {border-bottom: 1px solid #cbcbcb; padding: 10px 0;}

.phone_cols {display: flex; align-items: center; gap: 1rem; font-weight: bold;}

.phone_cols .phone_title {color: #00347c;}

.phone_cols .phone_link {display: flex; align-items: center; gap: 0.25rem;}

.phone_cols .phone_link .fas.fa-phone {font-size: 20px;}

.pots_blog:first-child {margin-top: 30px !important;}

#sp-header.header-sticky .logo-image {height: 50px;}

#sp-header.header-sticky .pots_blog{display: none;}

.pots_blog {font-weight: 500; color: #8f8f8f; font-family: 'League Spartan'; line-height: 1.2;}

.burger-icon {width: 30px;}

.burger-icon>span {background: #00347c; margin: 8px 0;}

.mod-articles-items.mod-articles-grid {list-style: none; padding: 0;}

.mod_article_content_row {display: grid; grid-template-columns: 0.325fr 1fr; gap: 20px;}

.mod_article_content_row.cst_no_image{grid-template-columns: 1fr;}

.mod_merger {display: flex; align-items: flex-start; gap: 1rem;}

.mod_article_content_row .mod_merger{display: grid; grid-template-columns: auto 1fr;}

.mod-articles-title a {color: #00347c;}

.mod-articles-date .icon-calendar {color: #00347c;}

body.homepage .readmore {text-align: center;}

._readmore{
    background: #00347c !important;
    border: 1px solid #00347c;
    padding: 0.625rem 1rem;
    color: #fff !important;
    display: inline-flex;
    gap:1rem;
}

._readmore:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    content: "\f061";
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
._back{
    background: #00347c;
    border: 1px solid #003473;
    padding: 0.625rem 1rem;
    color: #fff;
    display: inline-flex;
    gap:1rem;
    margin-top:40px;
}

._back:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    content: "\f060";
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.article-full-image.float-_600left {
  float: left !important; /* Priorisiert das Links-Ausrichten */
  width: 100px !important; /* Setzt die Breite */
  height: 100px !important; /* Setzt die Höhe */
  object-fit: cover !important; /* Zuschneiden des Bildes */
  margin-right: 50px !important; /* Abstand zum Text */
  margin-bottom: 80px !important; /* Abstand nach unten */
}

.article-content {
  overflow: hidden; /* Verhindert Überlappungen */
  margin-left: 0 !important; /* Entfernt unerwünschte Einrückungen */
}

#sp-page-builder .border_layout .sppb-section-title {margin-bottom: 0px;}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, 
body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {width: 100%; text-align: right;}

.article-intro-image img {aspect-ratio: 1 / 1; object-fit: cover; object-position: center;}

/* BLOG PAGE CSS START */

.blog .article-list .article .article-header h2 a {color: #00347c;}

.blog .article-list .article.mod_article_content_row {margin: 0 0 20px 0; padding: 0 0 20px 0; border: 0; border-radius: 0; border-bottom: 1px solid #d1d1d1;}

.blog .article-list .article .article-intro-image {margin: 0; border-radius: 0; border: 0;}

.blog .article-list .article .article-intro-image img{border-radius: 0;}

/* BLOG PAGE CSS CLOSE */

.border_layout_1 .sppb-row-container{border-top: 1px solid #ddd; padding:50px 0 0 0;}

.border_layout_2 .sppb-row-container{border-bottom:1px solid #ddd; padding:0px 0 50px 0;}

.pwd_social_list {display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;} 

.new-navigation .nav-items {display: inline-flex; align-items: center; justify-content: center; width: 100%;} 

.new-navigation .nav-items >div {border-radius: 0; border: 0; margin-left: -1px; display: flex; align-items: center; justify-content: center; padding: 0;}

.new-navigation .nav-items >div a {padding: 0.5rem 1rem; background: #fff; font-family: 'League Spartan'; font-size: 18px; text-transform: uppercase; color: #00347c; font-weight: 500; border: 1px solid #00347c;}

#jevents_body .new-navigation .nav-items >div.active a,
#jevents_body .nav-items > div a:hover {padding: 0.5rem 1rem; background: #00347c; border-color: #00347c; border-radius:0; color: #fff;}

#sp-page-builder .cst-jobs .sppb-section-title {margin-bottom: 0;} 

table.com-content-category__table tbody th p {font-weight: normal;} 

.categories-list .list-group-item-0 {background: rgba(0, 0, 0, 0.05);} 

.categories-list .list-group-item:hover {background: rgba(0, 0, 0, 0.075);} 

table.category thead>tr, table.category tbody>tr {border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.125); border-top: 1px solid rgba(0, 0, 0, 0.125);} 

.table.category>:not(caption)>*>*{border-width: 0 0px; } 

.article-info .published {font-size: 16px;} 

.article-info .published .fa-calendar-days {color: #00347c;}

.article-details .article-info .published {font-size: 16px;} 

.article-details .article-info .published .fa-calendar-days {color: #00347c;}

body.com-content.view-category.layout-blog .readmore {margin-bottom:40px;}

.cst_article_header{margin-bottom: 40px; margin-top: 20px;}
.cst_article_header h2 {margin-bottom:0px !important;}
.cst_article_header h1{margin-bottom: 0 !important;}
.cst_article_header .article-info {margin-top: 10px; margin-bottom: 0;}

body.com-content.view-category.layout-blog .article-intro-image img {margin: 0 0 40px 0;}

body.com-content.view-category.layout-blog .readmore {margin-top: 20px; text-align: center;}
body.com-content.view-category.layout-blog .article-list .article{border: 0; border-top: 1px solid #ddd; margin: 0; padding: 40px 0 0 0;}

.blog_grid_row {display: grid; grid-template-columns: 0.325fr 1fr; gap: 20px;}
.blog_grid_row.no_img {display: grid; grid-template-columns: 1fr;}
.blog_article_header {display: grid; grid-template-columns: auto 1fr; gap: 1rem;}

blockquote,
.blockquote {display: inline-block; background: #f5f5f5; padding: 1rem 1rem 1rem 3.25rem; color: #333; font-size: 1rem; font-weight: 500; position: relative; margin: 0 0 0 auto; max-width: calc(100% - 60px); display: block;}

blockquote::before ,
.blockquote::before {
    content: "";
    font: normal 900 2rem / 1 "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    color: #00347c;
    position: absolute;
    left: 1rem;
    top: 0.5rem;
}

.article-details .article-header h1{font-size: 25px;}

.blog .article-list>.row>.row {padding: 0; width: 100%; margin: 0 auto;}
.blog .article-list .article-introtext p img {float: none !important; margin-bottom: 10px;}

._space_around_image {margin-right: 25px; margin-bottom: 25px;}

form.interestcalculator ul {
    padding: 1rem;
    margin: 2.5rem 0 0 0;
    background: #f5f5f5;
    position: relative;
}
form.interestcalculator li {
    list-style: none;
    list-style-position: inside;
    list-style-image: none;
    display: inline-block;
    padding: 0 3px;
    background-image: none;
    vertical-align: middle;
}
form.interestcalculator li label {
    display: block;
    /* margin-bottom: 5px; */
    text-align: center;
    /* border-bottom: 1px solid #003782; */
    /* color: #003782; */
    position: absolute;
    top: -2.25rem;
    left: 0;
    font-weight: bold;
}
form.interestcalculator input {
    width: 150px !important;
    display: inline-block !important;
    text-align: right;
    margin: 0px 0 !important;
    padding: 5px 10px !important;
    background-color: #fff !important;
    border: 1px solid #fff !important;
    font-size: 13px !important;
    color: #555 !important;
    border-radius: 0 !important;
    vertical-align: middle;
    line-height: 46px !important;
    height: 46px !important;
}
/* form.interestcalculator button.calculate {
    color: #fff;
    font-weight: bold;
    padding: 6px;
    border: 0 none;
    background: rgb(228, 34, 29);
    background: -moz-linear-gradient(-45deg, rgba(228,34,29,1) 14%, rgba(191,13,13,1) 75%);
    background: -webkit-linear-gradient(-45deg, rgba(228, 34, 29, 1) 14%, rgba(191, 13, 13, 1) 75%);
    background: linear-gradient(135deg, rgba(228, 34, 29, 1) 14%, rgba(191, 13, 13, 1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4221d', endColorstr='#bf0d0d',GradientType=1 );
    border-radius: 3px;
    font-size: 13px;
    line-height: 20px;
} */
form.interestcalculator button.calculate {
    background: #00347c !important;
    border: 1px solid #00347c;
    padding: 0.625rem 1rem;
    color: #fff !important;
    display: inline-flex;
    gap:1rem;
}

form.interestcalculator button.calculate:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    content: "\f061";
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
form.interestcalculator .unit {
    /* color: #003782; */
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
}
form.interestcalculator table {
    margin-top: 15px;
    clear: both;
    font-size: 16px;
    line-height: 28px;
    /* width: 95%; */
}


form.interestcalculator table.revenue thead {
    /* background-color: #003782; */
    /* color: #fff; */
}
form.interestcalculator table.revenue thead th {
    padding: 5px 15px 5px 10px;
    width: 25%;
    text-align: center !important;
    /* font-weight: normal !important; */
    color: rgb(3, 65, 128);
}

form.interestcalculator table.revenue tbody tr:nth-child(odd) td {
    /* background-color: #ECF0F6; */
    background-color: rgb(236, 240, 241);
}
form.interestcalculator table.revenue td.year, form.interestcalculator table.revenue td.rate {
}
form.interestcalculator table.revenue td {
    padding-right: 10px;
    /* color: #003782; */
    text-align: center;
}
.article-list .article .featured-article-badge, body.com-content.view-article.layout-blog .featured-article-badge{display: none;}
.showtime-default .showtime-image{padding: 0;}

/* Calendar Styling FUll Calendar Desktop Start*/
#jevents_header ul.actions li.print-icon {display: none;}
td.iconic_td{vertical-align: top;}
div#ev_icon_monthly_active,
div#ev_icon_monthly, div#ev_icon_weekly, div#ev_icon_weekly_active{background-image: none !important;}
div.nav_bar_cal img, div.nav_bar_cal a {
    width: auto;
    height: auto;
    margin: 0;
}
div#ev_icon_weekly a img{
    width: 100%;
}
.cal_div .topleft{display: none;}
div#ev_icon_monthly_active a:before,
div#ev_icon_monthly a:before{
    content: "\f073"; 
    font-family: 'Font Awesome 6 Free'; 
    font-size: 32px;
    color: #00347c;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
div#ev_icon_weekly a:before, div#ev_icon_weekly_active a:before{
    content: "\f03a"; 
    font-family: 'Font Awesome 6 Free'; 
    font-size: 32px;
    color: #00347c;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
}
div#ev_icon_weekly_active, div#ev_icon_monthly_active{}
.cal_div .cal_div_currentmonth{background-color: #0000000d; color: #212529;}
.cal_div_month.cal_div_month_prev,
.cal_div_month.cal_div_month_next{background-color: #00347c;}

.cal_div_month.cal_div_month_prev:hover, .cal_div_month.cal_div_month_next:hover{background-color: #022556;}
.cal_div .cal_div_month, .cal_div .cal_div_currentmonth{padding: 5px;}
.cal_div .cal_div_month span, .cal_div .cal_div_currentmonth span{border: 0;}
.cal_div .cal_div_month_prev span a,
.cal_div_month.cal_div_month_next span a{color: #fff; display: block;}

.cal_div .cal_div_month_prev span a:before,
.cal_div_month.cal_div_month_next span a:after{
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 5px;
    font-size: 14px;
}
.cal_div .cal_div_month_prev span a:before{content: "\f060";}
.cal_div_month.cal_div_month_next span a:after{content: "\f061";}
.cal_div_daynames{height: 36px !important; line-height: 36px; font-weight: 600;}

div.jevtt_title{background-color: #00347c !important; color: #fff !important;}

.cal_div .cal_div_currentmonth{width: 44.4%;}
div#jevents div.ev_navigation td.iconic_td select#monthyear {display: none;}
div#jevents .cal_daylink:link {
    text-align: center;
    display: block;
    font-size: 16px;
    margin: 1rem 0 0;
}
div#jevents .cal_titlelink {
    font-size: 12px !important;
    width: 100%;
}
div#jevents .cal_daylink:link {
    font-size: 14px;
    margin-top: 1rem;
}
#jevents_body .event_legend_container{background-color: rgb(242 242 242); display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; padding: 0.5rem 0.5rem;}

#jevents_body .event_legend_container a {font-weight: 500; font-size: 14px; color: #000000;}

.cal_div_daynames.cal_div_daynames0 {margin-left: 2.7%;}
/* Calendar Styling FUll Calendar Desktop End */

table.ev_table {border: 0; width: 100%;}
.ev_table .ev_td_left{border-color: rgba(0, 0, 0, 0.125); background: none; width: 10%; color: #000; font-weight: 500; font-size: 14px;}
.ev_table .ev_td_right{border-color: rgba(0, 0, 0, 0.125);}
.ev_table td.cal_td_daysnames{background-color: #00347c; color: #fff; border-bottom: 1px solid #00347c;}
.ev_table .pastevent:nth-child(odd) {background: rgba(0, 0, 0, 0.05);}
.ev_table .pastevent:nth-child(even) {background-color: white;}

#jevents_body ul.ev_ul li.ev_td_li {color: #000000; font-weight: 500;}
#jevents_body ul.ev_ul li.ev_td_li .ev_link_row {background: #00347c; color: #fff; padding: 5px 8px;}
#jevents #jevents_body ul.ev_ul li.ev_td_li .ev_link_row:hover,
#jevents #jevents_body ul.ev_ul li.ev_td_li .ev_link_row:focus {background: #022556; color: #fff;}

.pagination.pagination-toolbar {width: 100%; justify-content: space-between; gap: 1rem; background: #f5f5f5; padding: 1rem; border-radius: 8px;}
.pagination:before, .pagination:after {display: none;}
.pagination .limit {display: flex; align-items: center; float: none; gap: 0.5rem;}
.pagination .limit select#limit {width: auto;}
.pagination .page-item .page-link{color: #00347c;}
.pagination .active>.page-link, .pagination .page-link.active{background-color: #00347c; border-color: #00347c; color: white;}
.pagination .pagination-list.ms-2 {margin: 0 !important;}
#jevents #jevents_body .pagination .page-item .page-link:hover {background-color: #00347c; color: #fff; border-color: #00347c;}

.ev_nextrepeat a{
    background: #00347c !important;
    border: 1px solid #00347c;
    padding: 0.625rem 1rem;
    color: #fff !important;
    display: inline-flex;
    gap:1rem;
    margin-top: 1rem;
}

.ev_nextrepeat a:after {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    content: "\f061";
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.ev_prevrepeat a{
    background: #00347c;
    border: 1px solid #003473;
    padding: 0.625rem 1rem;
    color: #fff;
    display: inline-flex;
    gap:1rem;
    margin-top: 1rem;
}

.ev_prevrepeat a:before {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    content: "\f060";
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

/*  */
.jev_toprow div.previousmonth, 
.jev_toprow div.nextmonth{
    background: #00347c !important;
    border: 1px solid #00347c;
    padding: 5px;
    color: #fff !important;
    display: inline-flex;
    gap:1rem;
    border-radius: 0;
}
#jevents_body .jev_toprow div.previousmonth a,
#jevents_body .jev_toprow div.nextmonth a{color: #fff; display: block; background: none !important; font-size: 16px; text-align: center; width: 100%;}
#jevents_body .jev_toprow div.currentmonth{width: 50%; background-color: #0000000d; color: #212529 !important; padding: 5px; border: 1px solid #0000000d;}

#jevents_body .jev_toprow div.previousmonth a:before, 
#jevents_body .jev_toprow div.nextmonth a:after{
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-variant: normal;
    text-rendering: auto;
    font-style: normal;
    line-height: 1;
    border: 1px solid #fff;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 5px;
    font-size: 14px;
}
#jevents_body .jev_toprow div.previousmonth a:before{content: "\f060";}
#jevents_body .jev_toprow div.nextmonth a:after{content: "\f061";}
#jevents_body .cal_top_day_names td {
    font-weight: 600;
    text-align: center;
    font-size: 16px;
    line-height: 36px;
    color: black;
}
#jevents_body .month_cell_st{background-color:#fff; border-bottom: 0!important;}
/*  */

.offcanvas-menu .offcanvas-inner ul.social-icons li .fa-facebook:before {content: "\f082";}
.offcanvas-menu .offcanvas-inner ul.social-icons li .fa-instagram:before{content:"\e055";}
.offcanvas-menu .offcanvas-inner ul.social-icons li a{opacity: 1; font-size: 20px;}
.offcanvas-menu .offcanvas-inner ul.social-icons li a span{-webkit-transition: all .4s; transition: all .4s;}
.offcanvas-menu .offcanvas-inner ul.social-icons li a:hover span{color: #00347c; transform: scale(1.2); -webkit-transform: scale(1.2);}



.sp-module  .sp-module-content ul.menu  li ul.menu-child a.mobile-only{display: none;}
.sp-module  .sp-module-content ul.menu  li ul.menu-child a.desktop-only{display: block;}

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

    form.interestcalculator ul{display: grid; align-items: center; gap: 1rem; grid-template-columns: 1fr;}
    form.interestcalculator li {display: flex; align-items: center; justify-content: center; gap: 1rem;}
    form.interestcalculator button.calculate{width: 100%; justify-content: center;}
    form.interestcalculator input {width: 100% !important;}
    form.interestcalculator table{font-size: 12px;}
    form.interestcalculator table.revenue thead th{padding: 5px 10px 5px 10px;}

}
@media only screen and (max-width: 767px) {
    .sp-module  .sp-module-content ul.menu  li ul.menu-child a.mobile-only{display: block;}

    .sp-module  .sp-module-content ul.menu  li ul.menu-child a.desktop-only{display: none;}

    .mod_article_content_row {display: grid; grid-template-columns: 1fr; gap: 1rem;}
    
    .mod_merger{gap: 0rem; flex-wrap: wrap; flex-direction: column;}
    .mod_article_content_row .mod_merger{display: flex;}
    
    .pots_blog{display: none;} 

    .sp-module.custom_search_module{display: none;} 

    #sp-header.header-sticky .logo-image{height: 36px;}

    .mod-articles-grid{--grid-layout-gap: 40px;}

    .border_layout_1 .sppb-row-container{padding: 40px 0 0 0;}

    .border_layout_2 .sppb-row-container{padding: 0px 0 40px 0;}

    #sp-main-body {padding: 40px 0;}

    body.com-content.view-category.layout-blog h2{word-break: break-word;}

    .layout-blog div#mod-custom134 a._readmore {margin-top: 20px;}

    blockquote, .blockquote{max-width: calc(100% - 20px);}

    .article-details table {width: 100% !important;}

    .jev_evdt .jev_evdt_summary{width: 100%;}
    .jev_evdt .jev_evdt_summary .ev_nextrepeat,
    .jev_evdt .jev_evdt_summary .ev_prevrepeat{width: 100%; margin: 0;}

    .jev_evdt .jev_evdt_summary .ev_nextrepeat a,
    .jev_evdt .jev_evdt_summary .ev_prevrepeat a{width: 100%; gap: 0.5rem; justify-content: center;}

    .blog_grid_row{display: grid; grid-template-columns: 1fr; gap: 1rem;}
    .blog_article_header{grid-template-columns: 1fr; gap: 0;}
    body.com-content.view-category.layout-blog .article-intro-image img {margin: 0;}
}
@media only screen and (max-width: 575px) {
    
    #sp-header.header-sticky{height: 60px; box-shadow: 0 0 5px rgb(0 0 0 / 20%);}
    
    .phone_cols{font-size: 12px; text-align: left !important; align-items: flex-start; gap: 0.5rem;}
    
    .phone_cols .phone_title {flex: 1 60%; max-width: 60%;}
}

@media only screen and (min-width: 768px) {
    
    body.homepage .readmore {text-align: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px;}
    
    .homepage article.mod-articles-item {position: relative;}
    
    .homepage article.mod-articles-item .readmore {bottom: 0;}

    .mod_article_content_row.cst_no_image .readmore {position: unset; transform: none; left: unset;}

    #sp-header.header-sticky {padding: 10px 0; height: 100px; background: rgb(255 255 255 / 85%);}

    .offcanvas-menu .offcanvas-inner .header-modules{display: none !important;}

    .article-details .article-full-image {float: left; max-width: 50%; margin-right: 2rem; }

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
    .blog .article-list .article.mod_article_content_row{margin: 0 0 5rem 0;}

    #sp-top-bar .container div#sp-top2 .sp-column.text-center.text-lg-end {text-align: end !important;}

    body.ltr #offcanvas-toggler.offcanvas-toggler-left{margin-right: 10px;}

    #sp-header .sp-module{margin-left: 10px;}

    #sp-header .container .container-inner>.row {flex-wrap: nowrap; align-items: center;}

    .pots_blog:first-child {margin-top: 10px !important;}

    .mod_article_content_row{margin-bottom: 50px;}

    .article-details table {width: 100% !important;}

    .jev_evdt .jev_evdt_summary{width: 85%;}
}
@media (min-width: 992px) {
    .showtime-default .showtime-gallery { gap: 1rem;display: grid; grid-template-columns: repeat(4, 1fr); }
    .showtime-default .showtime-image { width: calc(100%); }
}