@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

:root {
    --orange-color: #f4bc2b;
}
a,
a:not([class]),
.page-link{
    text-decoration: none;
    color: var(--primary-color);
}
a:hover {
    color: var(--secondary-color);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Bangers", system-ui;
    letter-spacing: 2px;
}
.row, .container {
    --gutter-x: 30px;
}
.container-header {
    background: transparent;
    margin-bottom: -195px;
}
.container-banner img.dj-image {
    height: 100% !important;
    object-fit: cover;
}
.container-header .container-topbar {
    background: var(--secondary-color);
    border-top: 5px solid var(--primary-color);
    padding: 25px 0px;
}
.container-header .grid-child {
    padding: 0;
}
.container-header .navbar-brand {
    padding: 0;
    vertical-align: top;
    width: 100%;
    margin-top: -90px;
}
.container-header .navbar-brand .logo-section {
    display: inline-block;
    width: 100%;
    min-height: 275px;
    filter: drop-shadow(0px 3px 15px rgba(0,0,0,0.5));
    /* margin-bottom: -225px; */
}
.container-header .navbar-brand .logo-section a.brand-logo {
    display: inline-block;
    background: #ffffff;
    text-align: center;
    padding: 30px 15px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    clip-path: polygon(100% 0, 100% 90%, 50% 100%, 0 90%, 0 0);
}
.container-header .navbar-brand h2 {
    font-family: "Bangers", system-ui;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 40px;
    margin: 15px 0 0;
    line-height: 35px;
}

.top-contact-sec ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 30px 0 0;
    font-weight: 500;
}
.top-contact-sec ul li .contact-block {
    display: flex;
    align-items: center;
}
.top-contact-sec ul li .contact-block i {
    margin-right: 13px;
    color: var(--primary-color);
    font-size: 20px;
    background: rgb(0 112 157 / 64%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 6px;
}
.top-contact-sec ul li .contact-block .contact-txt {
    color: #fff;
    display: inline-block;
    line-height: 20px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}


.container-topbar .form-search .mod-finder__search.input-group .awesomplete input {
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0px;
    color: #fff;
    height: 40px;
    box-shadow: none;
}
.container-topbar .form-search .mod-finder__search.input-group .awesomplete input.form-control::placeholder {
    color: #fff;
}   
.container-topbar .form-search .mod-finder__search.input-group button {
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 0px;
    font-size: 0px;
    padding: 10px;
}
.container-topbar .form-search .mod-finder__search.input-group button .icon-search {
    font-size: 16px;
    transform: rotate(90deg);
}
.container-topbar .form-search .mod-finder__search.input-group button:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 26px;
    background: #fff;
    left: -1px;
}
.homepage .blog-featured h1,
.homepage .com-finder h1 {
    display: none;
}
.container-component main,
.view-search.homepage .container-component main {
    margin: 35px 0 50px;
}
.homepage .container-component main{
    margin: 0;
}
.moduletable.main-menu {
    margin-top: 25px;
}
.main-menu div#top-menu ul.maximenuck {
    /* background: none !important; */
    display: flex !important;
    gap: 0;
    margin: 0;
    padding: 0;
    /* justify-content: end; */
    background: var(--primary-color);
    justify-content: space-between;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
}
.main-menu div#top-menu ul.maximenuck > li.maximenuck.level1 {
    width: 100%;
    background: var(--primary-color);
    position: relative;
}
.main-menu div#top-menu ul.maximenuck > li.maximenuck.level1 > a {
    font-family: "Bangers", system-ui;
    font-size: 22px;
}
.main-menu div#top-menu ul.maximenuck:after{
    display: none;
}
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1 > a,
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1 > span.separator {
    color: #fff;
    line-height: 20px;
    padding: 18px 20px;
}
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1.active > a span.titreck {
    color: var(--orange-color);
}
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1.parent > a,
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1.parent > span.separator {
    padding-right: 35px;
}
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1:hover,
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1.active{
    background: #007bab;
}
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1:hover > a,
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
.main-menu div#top-menu ul.maximenuck li.maximenuck.level1:hover > span.separator {
    color: #fff;
}
.main-menu div#top-menu li.maximenuck.level1 > div.floatck {
    background: #fff;
    padding: 7px;
    width: 100%;
    min-width: 200px;
    border: none;
    border-top: 0px solid var(--primary-color);
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    font-size: 16px;
}
.main-menu div#top-menu li.maximenuck.level1 > div.floatck .current a {
    color: var(--primary-color);
    font-weight: 700;
}
.main-menu div#top-menu ul.maximenuck li ul.maximenuck2 li.maximenuck a {
    color: #000;
    text-align: left;
    font-size: 16px;
}
.main-menu div#top-menu ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,
.main-menu div#top-menu ul.maximenuck2 li.maximenuck:hover{
    background: #f8f8f8;
}
.main-menu div#top-menu div.maxidrop-main{
    width: auto;
}
.main-menu div#top-menu ul.maximenuck li.level1.parent > a:after, 
.main-menu div#top-menu ul.maximenuck li.level1.parent > span.separator:after{
    border-color: #fff transparent transparent transparent;
    top: 50%;
    right: 8px;
    transform: translate(0, -50%);
}
.main-menu div#top-menu ul.maximenuck li.level1.parent:hover > a:after, 
.main-menu div#top-menu ul.maximenuck li.level1.parent:hover > span.separator:after {
    border-color: #fff transparent transparent transparent;
}

.main-menu div#top-menu ul.maximenuck li.maximenuck div.floatck div.floatck {
    min-width: 160px;
    background: #fff;
    padding: 7px;
    width: 100%;
    border: none;
    text-align: center;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

.main-banner-slide,
.inner-page-banner {
    margin-top: 0;
}
.container-banner .inner-page-banner img {
    margin: auto;
    display: block;
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.container-banner .inner-page-banner p {
    margin: 0;
}
.container-banner{
    margin-bottom: 0;
}
.container-banner .djslider-default .navigation-container{
    top: 50% !important;
}
.view-featured.homepage .full-width.container-top {
    background-color: #f5f6f7;
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    padding-bottom: 50px;
    position: relative;
}
.view-featured.homepage .full-width.container-top::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    background: var(--secondary-color);
    clip-path: polygon( 0% 38%, 10% 47%, 20% 38%, 30% 47%, 40% 38%, 50% 47%, 60% 38%, 70% 47%, 80% 38%, 90% 47%, 100% 38%, 100% 100%, 0% 100%);
    z-index: 2;
}
.full-width.container-top,
.full-width.container-top::before {
    background: #ffffff;
}

.home-about-sec {
    background: #f5f5f5;
    padding: 30px 40px;
    margin-top: -80px;
    position: relative;
}
.home-about-sec h2 {
    font-family: "Bangers", system-ui;
    font-size: 60px;
    text-align: center;
    color: var(--secondary-color);
    margin: 0;
    line-height: 1;
    font-weight: 600;
}
.home-about-sec .about-content {
    padding: 15px 0px 15px 55px;
    border-left: 4px solid var(--primary-color);
    font-size: 18px;
}
.home-about-sec .about-content p {
    margin: 0;
}
.home-about-sec .about-content .btn-sec {
    margin: 15px 0 12px;
}
.home-about-sec .about-content h3 {
    font-size: 22px;
    margin: 0;
    line-height: 20px;
}
.home-about-sec .about-content h3 a {
    color: var(--secondary-color);
}
.home-about-sec .about-content h3 i.fa {
    color: var(--primary-color);
    font-size: 16px;
}

.footer-full-map {
    margin: 0;
    padding: 0;
}
.footer-full-map p{
    margin: 0;
}
.footer-full-map img{
    width: 100%;
}
.footer-full-map iframe{
    display: block;
}

.footer {
    background: #f5f6f7;
    margin: 0;
    border-top: 10px solid var(--primary-color);
    color: #000000;
    padding: 40px 0;
    font-size: 18px;
}
.footer .grid-child {
    padding: 0;
    align-items: start;
}
.footer h2 {
    font-size: 24px;
    margin: 0 0 10px;
    letter-spacing: 2px;
    color: var(--primary-color);
}
.footer p{
    margin: 0;
}
.footer a:not(.btn):hover, .footer a:not(.btn):focus, .footer .btn-link:hover, .footer .btn-link:focus{
    color: currentColor;
}
.back-to-top-link:hover, .back-to-top-link:focus{
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.logo-list-sec {
    margin: 60px 0px;
}
.logo-list-sec h3 {
    font-family: "Bangers", system-ui;
    font-size: 40px;
    color: var(--secondary-color);
    margin: 0 0 40px;
    line-height: 1;
    font-weight: 600;
}
.logo-list-sec ul.logo-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 25px;
}
.logo-list-sec ul.logo-list li {
    width: 25%;
    text-align: center;
}
.logo-list-sec ul.logo-list li img{
    max-height: 70px;
}
.homepage .full-width.home-article-sec {
    margin-top: 50px;
}
.homepage .full-width.home-article-sec h3,
.homepage .full-width.home-article-sec h2 {
    font-family: "Bangers", system-ui;
    font-size: 40px;
    color: var(--secondary-color);
    margin: 0 0 20px;
    line-height: 1;
    font-weight: 600;
}
.calendar .calendar-header {
    background: var(--secondary-color);
}
.calendar .calendar-header .change-month span{
    display: none;
}
.calendar .calendar-day.today {
    background: #ffc3c4 !important;
}
.calendar .event-day {
    background: var(--primary-color) !important;
    color: #fff !important;
}
.calendar .calendar-day:hover {
    background: var(--primary-color);
}
#calendar-container #event-articles{
    padding: 0;
}
#calendar-container #event-articles .event-articles-detail {
    padding: 15px;
}
#calendar-container #event-articles .event-articles-detail h3 {
    color: var(--primary-color);
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px;
    letter-spacing: 0;
}
#calendar-container #event-articles .event-articles-detail ul {
    margin: 0;
}
#calendar-container #event-articles .event-articles-detail ul li a{
    color: var(--secondary-color);
}
#calendar-container #event-articles .event-articles-detail p {
    margin-bottom: 0;
}
.news-category-box {
    margin-left: 0;
    border-top: 5px solid var(--primary-color);
    padding: 45px 40px 30px;
    background: #f7f7f7;
    text-align: center;
}
.news-category-box h3.section-title {
    text-align: left;
    color: var(--primary-color);
    letter-spacing: 2px;
    font-size: 35px;
    margin-bottom: 10px;
}
.news-category-box .news-article-list {
    text-align: left;
}
.news-category-box .news-article-list .news-article-item {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.news-category-box .news-article-list .news-article-item .date-field {
    color: var(--primary-color);
}
.news-category-box .news-article-list .news-article-item .date-field i.fa {
    display: none;
}
.news-category-box .news-article-list .news-article-item h4 {
    font-size: 22px;
    font-family: inherit;
    color: var(--primary-color);
    margin: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0;
}
.news-category-box .news-article-list .news-article-item .article-short-desc p {
    margin-bottom: 10px;
}
.news-category-box .news-article-list .news-article-item .detail-field .view-more a {
    color: var(--primary-color);
    font-weight: 600;
    display: inline-block;
    margin-top: 8px;
}
.news-category-box .news-article-list .news-article-item .detail-field .view-more a::after {
    font-family: "Font Awesome 6 Free";
    content: "\f0da";
    margin-left: 5px;
    color: #f4bc2b;
    transition: 0.2s;
    font-size: 14px;
}
.news-category-box .news-article-list .news-article-item .detail-field .view-more a:hover:after {
    margin-left: 10px;
}
.news-category-box .news-article-list + a {
    font-family: "Bangers", system-ui;
    letter-spacing: 1px;
    color: #f4bc2b;
    font-weight: 400;
    padding: 10px 40px;
    transition: 0.2s;
    background: var(--primary-color);
    font-size: 25px;
    display: inline-block;
    margin-top: 15px;
}
.news-category-box .news-article-list + a:hover {
    background: var(--secondary-color);
}
.moduletable.left-map-img {
    margin-top: 50px;
}

.breadcrumb-design {
    margin-bottom: 30px;
}
.breadcrumb-design ol.breadcrumb {
    justify-content: flex-end;
    font-size: 16px;
    font-style: italic;
}
.breadcrumb-design ol.breadcrumb .float-start{
    display: none;
}
.breadcrumb-design ol.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: '-';
}
.sidebar-menu ul.mod-menu li {
    margin: 0;
    padding: 0;
}
.sidebar-menu ul.mod-menu li a {
    display: block;
    padding: 15px 24px;
    background: #f5f5f5;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    color: #22262a;
    border-top: 1px solid #ffffff;
}
.sidebar-menu ul.mod-menu li a img {
    display: none;
}
.sidebar-menu ul.mod-menu li .mod-menu__sub{
    padding: 0;
}
.sidebar-menu ul.mod-menu > li > a {
    font-weight: 700;
    font-size: 18px;
}
.sidebar-menu ul.mod-menu > li:hover > a,
.sidebar-menu ul.mod-menu > li.active > a {
    font-weight: 700;
    color: #fff;
    background: var(--primary-color);
}
.sidebar-menu ul.mod-menu li .mod-menu__sub li a{
    padding-left: 45px;
}
.sidebar-menu ul.mod-menu li .mod-menu__sub li:hover a,
.sidebar-menu ul.mod-menu li .mod-menu__sub li.active a {
    background: var(--secondary-color);
    color: #fff;
}

.article-content-sec .blog-items {
    margin-bottom: 0;
    gap: 0;
}
.article-content-sec .com-content-category-blog.blog .blog-item {
    margin-bottom: 25px;
    border-bottom: 1px dashed #9b9b9b;
}
.article-content-sec .com-content-category-blog.blog .blog-items h2 {
    font-family: 'Outfit', sans-serif;
    font-size: 22px;
    margin: 0 0 5px;
    letter-spacing: 0;
}
.article-content-sec .com-content-category-blog.blog .blog-items h2 a{
    text-decoration: none;
}
/* .article-content-sec .com-content-category-blog.blog .blog-items .article-info dd {
    font-size: 14px;
} */
.article-content-sec .com-content-category-blog.blog .blog-items ul.fields-container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    color: #666;
}
.page-header h1 {
    color: var(--primary-color);
    font-size: 32px;
    line-height: 32px;
    font-family: "Bangers", system-ui;
    font-weight: 600;
    margin-bottom: 25px;
}
.com-content-article.item-page .com-content-article__body {
    color: #000;
}
.com-content-article__body h2{
    font-size: 25px;
}
.com-content-article__body h3 {
    font-size: 20px;
    color: var(--primary-color);
}
.pg-item-box-info .pg-item-box-title {
    display: none;
}
.pg-item-box-info .pg-item-box-icons-box {
    bottom: 0;
}
#phocagallery {
    margin-bottom: 0;
}
.ph-cb.pg-cv-paginaton {
    display: none;
}
.com-phocagallery .pagination,
.com_phocagallery .pagination {
    margin-bottom: 0 !important;
    margin-top: 25px;
    font-size: 15px;
}
.com-phocagallery .form-select,
.com_phocagallery .form-select {
    padding-top: 6px;
    padding-bottom: 6px;
}
.com_phocagallery .page-link.active,
.com_phocagallery .active>.page-link {
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.article-content-sec .article-info-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.article-content-sec .article-info-box ul.fields-container {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 15px;
    color: #666;
    margin: 0;
}
.article-content-sec .com-content-category-blog.blog .blog-items ul.fields-container li.field-entry.event-date,
.article-content-sec .article-info-box ul.fields-container li.field-entry.event-date {
    display: none;
}
.article-content-sec .article-info-box dl.article-info,
.article-content-sec .article-info-box-list dl.article-info{
    margin: 0 15px 0 0;
}
.article-content-sec .article-info-box dl.article-info dd,
.article-content-sec .article-info-box-list dl.article-info dd{
    margin: 0;
}

.article-content-sec .article-info-box-list {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.com_phocagallery .pg-item-box {
    width: calc(33.33% - 1em);
}
.com_phocagallery .pg-item-box img {
    width: 100%;
}
.osmap-items h2#osmap-menu-uid-mainmenu {
    color: var(--secondary-color);
    font-size: 32px;
    line-height: 32px;
    font-family: "Bangers", system-ui;
    font-weight: 600;
    margin: 0 0 10px;
}
.osmap-items ul {
    padding: 0;
}
.header .navbar {
    padding: 0;
    align-items: start;
}

ul.top-image-list {
    list-style: none;
    padding: 20px;
    margin: -40px 0 0;
    display: flex;
    background: var(--secondary-color);
}
ul.top-image-list li {
    width: 25%;
    text-align: center;
    border-left: 1px solid #5496b1;
}
ul.top-image-list li:first-child {
    border: none;
}
ul.top-image-list li a {
    color: #fff;
    display: flex;
    width: 100%;
    padding: 0px 30px;
    align-items: center;
    justify-content: center;
}
ul.top-image-list li a .title-block {
    display: block;
    margin: 0 0 0 20px;
    font-size: 25px;
    font-family: "Bangers", system-ui;
    line-height: 40px;
}
ul.top-image-list img {
    max-width: 30px;
}

.view-featured.homepage ul.top-image-list {
    list-style: none;
    padding: 35px;
    margin: -5rem 0 35px;
    display: flex;
    background: var(--primary-color);
}
.view-featured.homepage ul.top-image-list img {
    max-width: 100%;
}
.view-featured.homepage ul.top-image-list li {
    width: 25%;
    text-align: center;
    border-left: 1px solid #5496b1;
}
.view-featured.homepage ul.top-image-list li:first-child {
    border: none;
}
.view-featured.homepage ul.top-image-list li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 25px 30px;
}
.view-featured.homepage ul.top-image-list li a .title-block {
    display: block;
    margin: 15px 0 0;
    font-size: 25px;
    font-family: "Bangers", system-ui;
}



.about-home-sec h2 {
    color: #00709d;
    margin-bottom: 30px;
    letter-spacing: 1px;
}
.about-home-sec p {
    font-size: 1.2em;
}
a.more {
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    color: #00709d;
    font-size: 1em;
}
a.more::after {
    font-family: var(--fa-style-family,"Font Awesome 6 Free");
    content: "\f0da";
    margin-left: 10px;
    color: #f4bc2b;
    transition: 0.2s;
    font-size: 1em;
}
a.more:hover:after {
    margin-left: 15px;
}

.home-article-sec {
    background: var(--secondary-color);
    padding: 50px 0 120px;
    position: relative;
}
.home-article-sec::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 60px;
    background: #f5f5f5;
    clip-path: polygon( 0% 38%, 10% 47%, 20% 38%, 30% 47%, 40% 38%, 50% 47%, 60% 38%, 70% 47%, 80% 38%, 90% 47%, 100% 38%, 100% 100%, 0% 100%);
    z-index: 2;
}

.about-right-sec {
    color: #fff;
    margin-bottom: 40px;
}
.about-right-sec h2 {
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.about-right-sec a {
    color: #fff;
}
.home-article-sec h3 {
    color: #fff;
    letter-spacing: 2px;
    font-size: 2rem;
    margin-bottom: 15px;
}
#calendar-container .calendar {
    padding: 5px;
}

.view-featured.homepage .container-component {
    background: #f5f5f5;
    max-width: 100%;
}
.view-featured.homepage .article-content-sec {
    padding: 50px 0;
}
.homepage .article-content-sec .section-title {
    color: var(--primary-color);
    margin-bottom: 25px;
}
.homepage .article-content-sec .photo-gallery {
    margin: 0;
}
.homepage .article-content-sec .photo-gallery a.wf-zoom-image {
    margin: 8px;
}

.homepage .row.sponsor-block {
    text-align: center;
}
.homepage .row.sponsor-block img {
    max-width: 200px;
    margin: 15px 0;
}
.homepage .row.sponsor-block .sponsor-block-content {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.article-content-sec .com-finder button.btn.btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
}
.article-content-sec .com-finder button.btn.btn-primary:hover {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

.sc-photogallery-main .com-content-category-blog .row-cols-1 .card .card-body h5.card-title {
    font-family: inherit;
    letter-spacing: 0;
}

/*------------- Responsive Media ------------*/
@media (width >= 1400px) {
    .container {
        max-width: 1280px;
    }
}

@media (max-width: 767px){
    .container-sm, .container {
        max-width: 100%;
    }
    .container-header .navbar-brand {
        top: 0;
        margin: 0;
    }
    .container-topbar .col-sm-9.offset-3 {
        margin: 0;
        width: 100%;
    }
    .container-header .container-topbar {
        padding: 15px 0px;
    }
    .container-topbar .col-sm-9.offset-3 .d-flex {
        flex-wrap: wrap;
        justify-content: center !important;
        gap: 15px;
    }
    .top-contact-sec ul {
        padding: 0;
        margin: 0;
        font-size: 15px;
        justify-content: center;
        gap: 10px;
    }
    .container-header .navbar-brand .logo-section {
        position: relative;
        padding: 15px 15px;
        display: flex;
        min-height: inherit;
        filter: none;
    }
    .container-header .navbar-brand .logo-section a.brand-logo {
        float: left;
        margin-right: 15px;
        position: relative;
        position: relative;
        width: auto;
        padding: 0;
        clip-path: none;
        background: transparent;
    }
    .container-header .navbar-brand .logo-section a.brand-logo img {
        max-width: 125px;
    }
    .container-header .navbar-brand h2, .container-header .site-description {
        float: left;
        width: calc(100% - 80px);
        text-align: left;
    }
    .container-header .navbar-brand h2 {
        margin-top: 10px;
    }
    .header .navbar .col-md-3 {
        padding: 0;
    }
    .moduletable.main-menu {
        margin-top: 0;
    }
    [data-id="top-menu"] .mobilemenuck-bar-title {
        display: none;
    }
    .main-menu div#top-menu-mobile-bar {
        margin-top: -80px;
    }
    .home-about-sec {
        margin-top: 0;
    }

    #top-menu-mobile[data-id="top-menu"].mobilemenuck{
        background: #192433;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-title{
        background: transparent;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-button {
        line-height: 45px;
        font-size: 1.2em;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-item > .level1 {
        background: transparent;
        font-size: 20px;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-item > .level1 a {
        font-weight: normal;
        font-size: 1rem;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-item > .level2 {
        background: transparent;
        font-size: 20px;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-item > .level2 a {
        color: #fff;
        font-size: 1rem;
        font-weight: normal;
    }
    #top-menu-mobile[data-id="top-menu"] .mobilemenuck-togglericon:after {
        background: #fff;
        border-radius: 0;
        font-size: 25px;
        color: var(--secondary-color);
    }
    #top-menu-mobile[data-id="top-menu"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu){
        background: transparent;
        font-size: 20px;
    }
    #top-menu-mobile[data-id="top-menu"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) a{
        font-weight: normal;
    }
    .main-banner-slide, .inner-page-banner {
        margin-top: -15px;
    }
    .container-banner .inner-page-banner img {
        height: 180px;
        object-fit: cover;
    }
    .main-banner-slide .djslider {
        min-height: 180px;
    }
    .main-banner-slide .djslider-default ul.djslider-in > li{
        min-height: 180px;
    }
    .main-banner-slide .djslider-default ul.djslider-in > li img.dj-image {
        height: 180px !important;
        object-fit: cover;
    }
    .main-banner-home .djslider {
        min-height: 220px;
    }
    .main-banner-home .djslider-default ul.djslider-in > li {
        min-height: 220px;
    }
    .main-banner-home .djslider-default ul.djslider-in > li img.dj-image {
        height: 220px !important;
        object-fit: cover;
    }

    .home-about-sec {
        margin-top: 20px;
        padding: 20px;
    }
    .home-about-sec .about-content {
        padding: 20px 0 0;
        border-top: 4px solid var(--primary-color);
        border-left: 0;
        text-align: center;
        font-size: 16px;
    }
    .home-about-sec h2 {
        font-size: 45px;
    }
    .homepage .full-width.home-article-sec h3,
    .logo-list-sec h3 {
        font-size: 32px;
    }
    #calendar-container .calendar-table th, #calendar-container .calendar-table td {
        height: 45px;
        font-size: 14px;
    }
    #calendar-container #event-articles .event-articles-detail h3 {
        font-size: 18px;
    }
    #calendar-container #event-articles .event-articles-detail p {
        font-size: 14px;
    }
    .logo-list-sec ul.logo-list {
        gap: 5%;
        row-gap: 20px;
    }
    .logo-list-sec ul.logo-list li {
        width: 25%;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .footer {
        padding: 20px 0;
        font-size: 16px;
        border-width: 5px;
    }
    .footer h2 {
        font-size: 22px;
    }
    .footer .grid-child {
        gap: 20px;
    }
    .article-content-sec {
        padding-left: 0;
        margin-top: 20px;
    }
    .com-content-article__body h2 {
        font-size: 22px;
    }
    .com-content-article__body h3 {
        font-size: 18px;
    }
    .container-header {
        margin-bottom: 0;
    }
    .view-featured.homepage ul.top-image-list {
        margin: 0;
    }
    #top-menu-mobile-bar[data-id="top-menu"] .mobilemenuck-bar-button {
        background: var(--primary-color);
        border-radius: 5px;
    }
    .view-featured.homepage ul.top-image-list,
    ul.top-image-list {
        margin: 15px 0 30px;
        padding: 0;
        flex-wrap: wrap;
    }
    ul.top-image-list {
        margin-top: -60px;
        margin-bottom: 0;
    }
    .view-featured.homepage ul.top-image-list li,
    .view-featured.homepage ul.top-image-list li:first-child,
    ul.top-image-list li,
    ul.top-image-list li:first-child {
        width: 50%;
        border-left: 1px solid #5496b1;
        border-bottom: 1px solid #5496b1;
    }
    ul.top-image-list li:first-child,
    ul.top-image-list li:first-child + li + li {
        border-left: none;
    }
    .view-featured.homepage ul.top-image-list li img,
    ul.top-image-list li img{
        display: none;
    }
    .view-featured.homepage ul.top-image-list li a,
    ul.top-image-list li a {
        padding: 10px 15px;
    }
    .view-featured.homepage ul.top-image-list li a .title-block,
    ul.top-image-list li a .title-block {
        margin: 0;
        font-size: 20px;
    }
    .news-category-box {
        border-top: 0px solid var(--primary-color);
        padding: 20px;
        margin-bottom: 30px;
    }
    .home-article-sec {
        padding: 10px 0 60px;
    }
    .view-featured.homepage .article-content-sec {
        padding: 0px 0 30px 0;
    }
    .homepage .row.sponsor-block {
        row-gap: 20px;
    }
    .breadcrumb-design ol.breadcrumb {
        font-size: 14px;
    }
    .page-header h1 {
        font-size: 25px;
    }
    .top-contact-sec ul li .contact-block i {
        margin-right: 8px;
        font-size: 12px;
        width: 25px;
        height: 25px;
    }
    .top-contact-sec ul li .contact-block .contact-txt {
        width: calc(100% - 32px);
        font-size: 14px;
    }
    .top-contact-sec ul li .contact-block .contact-txt span,
    .top-contact-sec ul li .contact-block .contact-txt br {
        display: none;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .container-banner .inner-page-banner img {
        height: 245px;
    }
    .main-banner-slide .djslider {
        min-height: 245px;
    }
    .main-banner-slide .djslider-default ul.djslider-in > li{
        min-height: 245px;
    }
    .main-banner-slide .djslider-default ul.djslider-in > li img.dj-image {
        height: 245px !important;
    }
    #calendar-container .calendar-table th, #calendar-container .calendar-table td{
        height: 30px;
    }
    .logo-list-sec ul.logo-list {
        gap: 5%;
        row-gap: 25px;
    }
    .logo-list-sec ul.logo-list li {
        width: 20%;
    }
    .article-content-sec {
        padding-left: 0;
        margin-top: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container-sm, .container {
        max-width: 100%;
    }
    .top-contact-sec ul {
        gap: 15px;
        margin: 0 15px 0 0;
        font-size: 15px;
    }
    .container-header .navbar-brand .logo-section img {
        /* max-width: 55px; */
    }
    .container-header .navbar-brand h2 {
        font-size: 35px;
        margin: 15px 0 0;
        line-height: 30px;
    }
    .container-header .site-description {
        font-size: 14px;
    }
    .container-header .navbar-brand .logo-section {
        padding: 30px 0 30px;
    }
    .container-header .navbar-brand {
        /* top: -95px; */
    }
    .container-topbar .form-search .mod-finder__search.input-group .awesomplete input {
        width: 135px;
    }
    .main-menu div#top-menu ul.maximenuck > li.maximenuck.level1 > a {
        font-size: 20px;
        white-space: normal;
        align-items: center !important;
        height: 100%;
        justify-content: center;
    }
    .main-banner-slide, .inner-page-banner {
        margin-top: -75px;
    }
    .home-about-sec {
        padding: 20px 30px;
        margin-top: -40px;
    }
    .home-about-sec .col-md-2 {
        width: 25%;
    }
    .home-about-sec .col-md-10 {
        width: 75%;
    }
    .home-about-sec .about-content {
        padding: 10px 0px 10px 30px;
        font-size: 16px;
    }
    #calendar-container .calendar-table th, #calendar-container .calendar-table td{
        height: 30px;
    }
    .logo-list-sec ul.logo-list {
        gap: 5%;
        row-gap: 25px;
    }
    .logo-list-sec ul.logo-list li {
        width: 20%;
        text-align: center;
        display: flex;
        align-items: center;
    }
    .view-featured.homepage ul.top-image-list img {
        max-height: 75px;
        max-width: 100%;
    }
    .view-featured.homepage ul.top-image-list {
        padding: 25px;
    }
    .view-featured.homepage ul.top-image-list li a {
        padding: 15px 10px;
    }
    .view-featured.homepage ul.top-image-list li a .title-block {
        font-size: 22px;
    }
    .homepage .article-content-sec .photo-gallery {
        margin: 0;
        display: flex;
    }
    .homepage .row.sponsor-block {
        text-align: center;
        row-gap: 30px;
    }
    .homepage .row.sponsor-block .col-sm-3 {
        width: 50%;
    }
    .footer .grid-child {
        gap: 25px;
    }
    ul.top-image-list {
        justify-content: space-between;
    }
    ul.top-image-list li {
        width: auto;
    }
    ul.top-image-list li a {
        width: 100%;
        padding: 0 30px;
    }
    ul.top-image-list img {
        max-width: 25px;
    }
    ul.top-image-list li a .title-block {
        margin: 0 0 0 10px;
        font-size: 18px;
    }
    .container-component main > .container > .row > .col-sm-3 {
        width: 35%;
    }
    .container-component main > .container > .row > .col-sm-9 {
        width: 65%;
    }
    .breadcrumb-design ol.breadcrumb {
        font-size: 14px;
    }
    .page-header h1 {
        font-size: 26px;
        margin-bottom: 20px;
    }
    .sc-photogallery-main .com-content-category-blog .row-cols-md-3>* {
        width: 50%;
    }
    .sc-photogallery-main .com-content-category-blog .row-cols-1 .card .card-body {
        padding: 15px;
    }
    .sc-photogallery-main .com-content-category-blog .row-cols-1 .card .card-body h5.card-title {
        font-size: 15px;
    }

    .main-banner-home .djslider {
        min-height: 450px;
    }
    .main-banner-home .djslider-default ul.djslider-in > li {
        min-height: 450px;
    }
    .main-banner-home .djslider-default ul.djslider-in > li img.dj-image {
        height: 450px !important;
        object-fit: cover;
    }
    .main-menu div#top-menu ul.maximenuck li.maximenuck.level1 > a, .main-menu div#top-menu ul.maximenuck li.maximenuck.level1 > span.separator {
        padding: 10px 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container-sm, .container {
        max-width: 100%;
    }
    .main-menu div#top-menu ul.maximenuck > li.maximenuck.level1 > a {
        font-size: 20px;
    }
    .home-about-sec h2 {
        font-size: 55px;
    }
    .footer {
        font-size: 16px;
    }
    .footer .grid-child {
        gap: 15px;
    }
    .container-banner .inner-page-banner img {
        height: 300px;
        object-fit: cover;
    }
    .homepage .article-content-sec .photo-gallery {
        display: flex;
    }
    .view-featured.homepage ul.top-image-list img {
        max-width: 120px;
        max-height: 100px;
    }
    ul.top-image-list li a .title-block {
        margin: 0 0 0 15px;
        font-size: 20px;
    }
}