:root {
    --nt-green-dark: #3c4619;
    --bs-black: #222;
    --bs-light-black: #555;
    --bs-white: #fff;
    --bs-dark-black: #000;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
        "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
        "Apple 
    Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.15),
        rgba(255, 255, 255, 0)
    );
}

::-moz-selection {
    background-color: #000;
    color: #fff;
}
::selection {
    background-color: #000;
    color: #fff;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    font-family: "Quicksand", sans-serif;
}
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

html {
    font-size: 14px;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}
body {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    overflow-x: hidden;
    background-color: #fff;
}

ol, ul { padding-left: 2rem; }
ol, ul, dl { margin-top: 0; margin-bottom: 1rem; }
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; }
a {
    color: #000;
    color: var(--bs-dark-black);
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: 0.2s color;
    transition: 0.2s color;
    text-decoration: none;
}
a:hover,
a:focus {
    color: var(--bs-light-black);
    text-decoration: none;
    outline: none;
}
ul, li, ol { cursor: context-menu; }

p { margin-top: 0; margin-bottom: 1rem; }
blockquote { margin: 0 0 1rem; }
figure { margin: 0 0 1rem; }
img, svg { vertical-align: middle; }
img { display: block; }
table { caption-side: bottom; border-collapse: collapse; }
caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; }
th { text-align: inherit; text-align: -webkit-match-parent; }
thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; }
li strong a { color: #000; text-decoration: underline; }
p a { color: #000; text-decoration: underline; }

blockquote.blockquote { padding: 30px; margin: 0px 0px 20px; border: 2px solid #e8eaed; }
blockquote.blockquote:before {
    content: "";
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    background: #fff;
    border: 2px solid #e8eaed;
    float: left;
    margin-right: 10px;
}
figure > figcaption {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    font-style: italic;
    color: #97989b;
}
.container, .container-fluid, .container-xxl,
.container-xl, .container-lg, .container-nw,
.container-md, .container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px) {
    .container-sm, .container, .container-nw {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-md, .container-sm, .container,
    .container-nw {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm,
    .container, .container-nw {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md,
    .container-sm, .container {
        max-width: 1140px;
    }
    .container-nw {
        max-width: 1400px;
    }
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg,
    .container-md, .container-sm, .container {
        max-width: 1320px;
    }
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
}

.mb-2 { margin-bottom: 0.5rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }

.pt-3 { padding-top: 1rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Headings */

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 700; margin-bottom: 15px; }

h6, .h6, h5, .h5, h4, .h4, h3,
.h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; }
h1, .h1 { font-size: calc(1.375rem + 1.5vw); }
@media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; } 
h4, .h4 { font-size: calc(1.275rem + 0.3vw); }
@media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } }
h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; }
/* shared */

.imgHeight {
    height: 650px;
}
.imgWidth {
    width: 700px;
}
.imgEqual {
    height: 650px;
    width: 650px;
}
iframe {
    width: -webkit-fill-available;
}
/* Header */

.navbar {
    background-color: var(--bs-black);
}

.upper-container {
    width: 100%;
}
@media screen and (min-width: 1200px) {
    .upper-container {
        max-width: 1900px;
        margin: 0 auto;
    }
}

.upper-nav {
    position: relative;
    display: grid;
    align-items: center;
    justify-content: space-around;
}

.mobile-menu-controller{

}
 @media (min-width: 768px) {
.mobile-menu-controller .nav-close, .mobile-menu-controller .nav-open {
	display:none;
}
}
.mobile-menu-controller .nav-close {
	position:absolute;
	display:none;
    color: #fff;
    top: 10px;
    left: 25px;
    font-size: 24px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5490196078);
    padding: 0px 10px;
    border-radius: 50%;
}
.mobile-menu-controller .nav-open{
    top: 10px;
	position: absolute;
    left: 25px;
}
.mobile-menu-controller .nav-close:hover,
.mobile-menu-controller .nav-close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.navbar-anchors-container {
	display:none;

@media screen and (min-width: 768px) {
        display: flex;
        gap: 5px;
        place-content: center;
        position: relative;
    }
}

.nav-dropdown-container {
}

.nav-root {
    display: flex;
    flex-direction: column; /* Mobile first: vertical */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 2. LINKS & ITEMS */
.nav-item {
    position: relative;
    border-bottom: 1px solid #333;
}

.nav-link {
    color: white;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
}

/* Fix: Moved arrow-down outside of the nested nav-link block */
.arrow-down {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    /* filter: invert(1);*/ 
	/* Forces a dark SVG to show up white on dark backgrounds */
}

/* 3. DROPDOWN (Hidden by default) */
.nav-dropdown {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
	z-index:4;
}

/* This class is toggled via JS for Mobile */
.nav-dropdown.is-open {
    display: block;
}

.dropdown-link {
    color: #fff;
    padding: 12px 30px;
    display: block;
    text-decoration: none;
    font-size: 0.9rem;
}

.dropdown-link:hover {
    /*background: #333;
	color: #fff;*/
}

/* 4. DESKTOP STYLES */
@media (min-width: 768px) {
    .nav-root {
        flex-direction: row; /* Horizontal on desktop */
    }

    .nav-item {
        border-bottom: none;
    }

    /* Show on Hover for Desktop */
    .nav-item:hover .nav-dropdown {
        display: block;
    }

    .nav-dropdown {
        position: absolute;
        top: 100%;
        left: 0;

        background-color: var(--bs-light-black);
        min-width: 200px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .dropdown-link {
        color:var(--bs-white);
    }

    .dropdown-link:hover {
		background: var(--bs-dark-black);
		font-weight:600;
    }
}

/* Shared: ads and others */

.kpo-ads {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.kpo-ads-below_header_top_single {
    margin: 5px 0 20px;
}
/* Footer */

footer {
    background-color:var(--bs-black);
    margin-top: 2rem;
    display: block;
    padding: 1rem clamp(20px, 5vw, 5rem);
    color: #fff;
}
@media screen and (width > 900px) {
    footer {
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
footer a,
footer a:hover {
    color: #fff;
}
.footer-link {
    list-style: none;
    display: flex;
    flex-flow: column;
    gap: 0.5rem;
    padding: 0;
    margin-bottom: 2rem;
}
.footer-social-links {
    display: flex;
    flex-flow: column;
}
.footer-social-links img {
    width: 45px;
    height: 45px;
}
.footer-info > img {
    width: 300px;
    margin-bottom: 0.5rem;
}
.footer-label {
    display: block;
    width: fit-content;
    padding-bottom: 5px;
    margin-bottom: 0.75rem;
    position: relative;
    font-size: 20px;
    font-weight: 600;
}
.footer-label::after {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 50%;
    height: 3px;
    background-color: #fff;
    left: 0;
}
.footer-social-item {
    display: flex;
    gap: 0.25rem;
    align-items: center;
}
.footer-ad-box {
    background-color: #fff;
}
.footer-bottom-ad {
    height: auto;
    position: fixed;
    bottom: 0;
    z-index: 9999;
}
/* Content Sidebar */

/* Content */
/* home page: category quick section */
.hql-wrapper { margin-bottom:1rem;}
.hql-wrapper .hql-header {}
.hql-wrapper .hql-inner{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.hql-wrapper .hql-inner  .hql-item{
	width:144px;
	img{
	width: 100%;
    height: 265px;
    object-fit: cover;
	}
	a {
		span {

				display:block;
				width:100%;
				text-align:center;
                background-color: var(--bs-black);
                color: var(--bs-white);
                padding: 0.6rem;
                font-size: 1.2rem;
                text-transform: uppercase;
		}
	}
}

@media screen and (min-width: 320px) {

.hql-wrapper .hql-inner  .hql-item img{height:120px;}
}
@media screen and (min-width: 360px) {

.hql-wrapper .hql-inner  .hql-item {width:164px;}
.hql-wrapper .hql-inner  .hql-item img{height:150px;}
}

@media screen and (min-width: 390px) {

.hql-wrapper .hql-inner  .hql-item {width:178px;}
.hql-wrapper .hql-inner  .hql-item img{height:160px;}
}
@media screen and (min-width: 428px) {

.hql-wrapper .hql-inner  .hql-item img{height:160px;}
.hql-wrapper .hql-inner  .hql-item {width:198px;}

}
@media screen and (min-width: 480px) {

.hql-wrapper .hql-inner  .hql-item {width:220px;}
.hql-wrapper .hql-inner  .hql-item img{height:190px;}
}
@media screen and (min-width: 490px) {

.hql-wrapper .hql-inner  .hql-item {width:228px;}
.hql-wrapper .hql-inner  .hql-item img{height:190px;}
}

@media screen  and (min-width:514px){
.hql-wrapper .hql-inner { 
	display:grid;
	grid-template-columns: repeat(4,1fr);
}
.hql-wrapper .hql-inner  .hql-item{ width:100%}
}
@media screen and (min-width:992px){

.hql-wrapper .hql-inner  .hql-item img{height:220px;}
}
@media screen and (min-width:1200px){

.hql-wrapper .hql-inner  .hql-item img{height:300px;}
}
@media screen and (min-width:1400px){

}
/* Home page : Category post List */
.fourth-section {
	 .category-title {
		margin-bottom: 20px;
		text-transform: uppercase;
		display: flex;
		justify-content:space-between;
		align-items:flex-end;

	}
	 .category-title h1 {
		margin-right: 15px; }
	.category-title .read-more{
		display:none;
		

	}
	.fourth-row {
    margin-bottom: 25px;

		img {
			width: 100%;
		height: 265px;
		object-fit: cover;
		}
		h5{
			text-transform: uppercase;
            font-weight: 600;
            font-size: 1rem;
			color: var(--bs-light-black);
		}
	}
}
@media screen and (min-width:576px){
	.fourth-section .category-title .read-more{
		display:block;
        font-weight: 800;
        font-size: 0.9rem;
		color: var(--bs-light-black);
	}
}
/* Home page User Block*/
.home-block-about{
	padding: 1rem;
    background:rgba(0, 0, 0, 0.7);
    color: var(--bs-white);
    font-size: 1.2rem;
    line-height: 1.4;
	a{
		color: var(--bs-white);
        text-transform: capitalize;
        text-decoration: underline !important;
	}
}
.home-block-about .home-block-about-inner {

    display: grid;
    grid-template-columns: 1fr;
	padding:10px;

	.img-wrapper img{
		display:flex;
		width:100%;
	}
}
.home-block-about .home-block-about-inner .content{

	.content-title{font-size:1.2rem; font-weight:600;}
	.content-data{}
	.read-more{
		display:block;
		text-align:right;
		font-weight:600;
		text-transform:capitalize;
		text-decoration:underline;
		color: var(--bs-light-black);
	}
}
@media screen and (min-width:576px){

.home-block-about .home-block-about-inner {
	grid-template-columns: 200px 1fr;
	.content {
		margin:0 1rem;	
	}
	.img-wrapper img{
		border-radius:10%;
	}
}
}
/* Category Page */

.nature-body .main-block .top-block {
    text-align: center;
    margin-bottom: 25px;
}
.nature-body .main-block .top-block img {
    width: 100%;
    height: 490px;
    object-fit: cover;
}
.nature-body .main-block.top-block figcaption {
    font-size: 35px;
    font-weight: 600;
}
.nature-body .main-block.top-block p {
    margin: 5px 40px;
}
.nature-body .main-block .top-block li {
    list-style: none;
}
/* Post Grid */


.category-block-container{

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
	.category-block{
		display:block;
		img{

			height:200px; 
			display:block;
			width:100%;
		}
		.top-block{ margin :0;}
		 .top-block figcaption{
			font-size:1.4rem!important;
			font-weight:600; 
			padding-top: .6rem;
		}
	}
}

@media screen and (max-width: 560px) {
.category-block-container{
	grid-template-columns:1fr;
	padding:10px;
	.category-block{
		img {		
		width: 100% !important;
        height: 250px !important;
	}
	}
}
}

.top-block figcaption {
	font-size: 30px !important;
}
/* Author Page */

 .author-box {
    padding: 16px 0px;
    margin-bottom: 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.author-box img {
    width: 100%;
    height: 180px;
    border-radius: 10%;
    object-fit: cover;
}

 .author-img {
    width: fit-content;
	margin: 0 auto;
}
@media only screen and (min-width: 561px) {
    .author-detail {
        width: calc(100% - 205px);
    }
}
/* Static pages */

.static-user-wrapper {
    display: grid;
    gap: 30px 30px;
}
@media screen and (width > 40rem) {
    .static-user-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}
.static-user-block {
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5333333333);
    text-align: center;
   padding: 16px;
    border-radius: 8px;
    width: 100%;
}
.static-user-block img {
    width: auto;
    height: 300px;
    object-fit: cover;
    margin-bottom: 15px;
    margin: 5px auto;
}
/* Post detail */

#nature-body .top-banner {
    position: relative;
    margin-bottom: 20px;
}
.detail-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 20px;
}
.detail-content-wrapper img{
	margin: 0 auto;
}

.social-wrapper {
    display: inline-flex;
    gap: 10px;
    align-items: center;
}
.social-wrapper p {
    margin: 0;
    font-size: 14px;
}

.author-detail .social-share {
    display: inline-flex;
    gap: 3px;
}
.author-detail .social-share img {
    width: 30px;
    height: 30px;
	margin:4px;
	padding:0;
}

.detail-content {
    font-size: 23px;
    line-height: 1.7;

}
.detail-content a {
    text-decoration: underline !important;
}

.detail__content .social-share {
    display: inline-flex;
    gap: 3px;
}
.detail__content .social-share img {
    width: 30px;
    height: 30px;
	margin:4px;
	padding:0;
}
.detail__detail figure {
	margin:0 auto;
    width: fit-content;
}
.detail-post ol,
.detail-post ul {
    padding-left: 35px !important;
}
.detail-post figure {
    width: fit-content;
}
.detail-post figcaption {
    text-align: left;
}

.related-post-block {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}

.related-post-block img {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.related-post-block figcaption {
    font-size: 18px;
    padding-top: 5px;
}
.detail-sidebar {
    margin-top: 20px;
}

iframe.instagram-media {
    margin: 0 auto !important;
}
p img {
    object-fit: cover;
    height: auto;
    width: 100%;
}
p iframe {
    width: 100%;
    height: 450px;
}
.table-of-content {
    background-color: #f9f9f9;
    border: 1px solid #9e9e9e;
    margin: 32px 0;
    width: 40%;
    padding: 14px 18px 18px;
    text-align: left;
}
.table-of-content .table-of-content-list {
    font-size: 15px;
    line-height: 15px;
    padding-bottom: 0px;
    font-weight: 400;
    margin-left: 16px;
    color: #000;
    padding-left: 0;
}
.table-of-content .table-of-content-list li a {
    text-decoration: none;
}
.post-content-block h2 {
    color: #000;
}

@media only screen and (max-width: 767px) {
    table {
        display: table;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .nav-btns {
        float: right;
        padding: 10px 0px;
        margin-right: 25px;
    }
    .detail-content-main iframe.instagram-media,
    .detail-content-main p iframe,
    .detail-content-main p img {
        width: 100vw !important;
        position: relative;
        left: 50%;
        margin-left: -50vw !important;
    }
    .twitter-widget {
        position: relative !important;
        left: 50%;
        margin-left: -50vw !important;
        max-width: 100vw !important;
    }
    .table-of-content {
        width: 75%;
    }
    .twitter-follow-div #follow-button {
        position: absolute;
        top: 35%;
        left: 10%;
        background-color: #1d9bf0;
        color: #fff;
        padding: 10px;
        font-size: 15px;
        border-radius: 40px;
    }
    .imgWidth {
        width: 100%;
    }
    .related-post-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
}

@media all and (max-width: 992px) {
    .detail-content-wrapper {
        display: block;
    }
    .detail-content-wrapper img {
        width: 100%;
        height: auto;
    }
    .social-share img {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width: 1200px) {
    #embed-wrapper .instagram-media {
        width: 750px !important;
    }
    #embed-wrapper iframe,
    embed-wrapper .twitter-tweet {
        margin: 0 auto !important;
    }
    #embed-wrapper [title~="YouTube"] {
        height: 450px;
        width: 700px;
        display: block;
    }
}
/* About User */
.about-user{
	margin:1rem 0;
	.about-user-inner{
		display: grid;
        grid-template-columns: 1fr;
		.img-wrapper img{
			display:block;
			width:100%;
			border-radius:10%;
		}
		.content{
			margin: 2rem 0;
            line-height: 1.5;
            font-size: 1.3rem;
		}
	}
}
@media (min-width: 576px) { 
	
.about-user{
	.about-user-inner{
		grid-template-columns:repeat(2,1fr);
		.img-wrapper{
			margin-right:1rem;
		}
		.content{
			margin:0;
		}
	}
}
}
/* Newsletter */
form.seva-form.formkit-form {
    margin: 0 auto;
}
/* Legacy */

.figure { display: inline-block; }
.figure-img { margin-bottom: 0.5rem; line-height: 1; }
.figure-caption { font-size: 0.875em; color: #6c757d; }
.col { flex: 1 0 0%; }
.row-cols-auto > * { flex: 0 0 auto; width: auto; }
.row-cols-1 > * { flex: 0 0 auto; width: 100%; }
.row-cols-2 > * { flex: 0 0 auto; width: 50%; }
.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
.row-cols-4 > * { flex: 0 0 auto; width: 25%; }
.row-cols-5 > * { flex: 0 0 auto; width: 20%; }
.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
@media (min-width: 576px) { 
	.col-sm { flex: 1 0 0%; }
    .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; }
    .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width: 768px) {
    .col-md { flex: 1 0 0%; }
	.row-cols-md-auto > * { flex: 0 0 auto; width: auto; }
    .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width: 992px) {
    .col-lg { flex: 1 0 0%; }
    .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; }
    .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width: 1200px) {
	.col-xl { flex: 1 0 0%; }
	.row-cols-xl-auto > * { flex: 0 0 auto; width: auto; }
    .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } 
	.row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; }
	.row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
@media (min-width: 1400px) {
    .col-xxl { flex: 1 0 0%; }
    .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; }
    .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; }
    .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; }
    .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; }
    .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; }
    .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; }
    .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; }
}
.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 { flex: 0 0 auto; width: 16.66666667%; }
.col-3 { flex: 0 0 auto; width: 25%; }
.col-4 { flex: 0 0 auto; width: 33.33333333%; }
.col-5 { flex: 0 0 auto; width: 41.66666667%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) {
    .col-sm-auto { flex: 0 0 auto; width: auto; }
    .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-sm-3 { flex: 0 0 auto; width: 25%; }
    .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-sm-6 { flex: 0 0 auto; width: 50%; }
    .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-sm-9 { flex: 0 0 auto; width: 75%; }
    .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-sm-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 768px) {
    .col-md-auto { flex: 0 0 auto; width: auto; }
    .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-md-3 { flex: 0 0 auto; width: 25%; }
    .col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
    .col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-md-9 { flex: 0 0 auto; width: 75%; }
    .col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 992px) {
    .col-lg-auto { flex: 0 0 auto; width: auto; }
    .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
    .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
    .col-lg-3 { flex: 0 0 auto; width: 25%; }
    .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
    .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
    .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
    .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
    .col-lg-9 { flex: 0 0 auto; width: 75%; }
    .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
    .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }
}
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6;
}
.table > :not(caption) > * > * {
    padding: 0.5rem 0.5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody { vertical-align: inherit; }
.table > thead { vertical-align: bottom; }
.table > :not(:last-child) > :last-child > * { border-bottom-color: currentColor; }
.caption-top { caption-side: top; }
.align-top { vertical-align: top !important; }
.align-bottom { vertical-align: bottom !important; }
.d-none { display: none !important; }
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.m-auto { margin: auto !important; }
.mx-0 { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; }
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; }
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }
.me-0 { margin-right: 0 !important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-5 { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }
.ms-0 { margin-left: 0 !important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.px-0 { padding-right: 0 !important; padding-left: 0 !important; }
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; }
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; }
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.px-5 { padding-right: 3rem !important; padding-left: 3rem !important; }
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important;
} .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pe-0 { padding-right: 0 !important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }
.pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; } 
.ps-0 { padding-left: 0 !important; } 
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }
ul, ol { margin: 0; padding: 0; }
ul.list-style, ol.list-style { padding-left: 15px; margin-bottom: 10px; }
ul.list-style { list-style-type: disc; }
ol.list-style { list-style-type: decimal; }
blockquote.blockquote .blockquote-footer { color: #97989b; }
.bg-white { background-color: #fff; padding-top: 15px; }
.section { padding-top: 30px; }
.section-row { margin-bottom: 30px; }
.section-title { position: relative; margin-bottom: 20px; }
.section-title .title {
    position: relative;
    display: inline-block;
    background-color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 10px;
    z-index: 20;
    color: #000;
}
.section-title:after {
    content: "";
    display: inline-block;
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 10;
}
.primary-button,
.secondary-button {
    display: inline-block;
    padding: 10px 40px;
    border-radius: 2px;
    border: none;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
.primary-button {
    background-color: #000;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #000 inset;
    box-shadow: 0px 0px 0px 2px #000 inset;
}
.secondary-button {
    background-color: #353535;
    color: #fff;
    -webkit-box-shadow: 0px 0px 0px 2px #353535 inset;
    box-shadow: 0px 0px 0px 2px #353535 inset;
}
.primary-button:hover,
.primary-button:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #000;
}
.secondary-button:hover,
.secondary-button:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #353535;
}
.nav-btns > button {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: none;
    background: rgba(0, 0, 0, 0);
    font-size: 30px;
    color: #000;
}
#nav-search {
    position: fixed;
    left: 50%;
    -webkit-transform: translate(-50%, 10px);
    -ms-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    opacity: 0;
    visibility: hidden;
    max-width: 960px;
    width: 100%;
    padding: 60px 5%;
    background: #fff;
    z-index: 999;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
}
#nav-search.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}
#nav-search form .input {
    height: 80px;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #000;
    color: #000;
    font-size: 24px;
    font-weight: 700;
    padding: 15px 25px;
}
.nav-menu {
    position: relative;
    text-align: center;
    float: none;
}
.nav-menu > li {
    float: none;
    display: inline-block;
}
.nav-menu > li > a {
    display: block;
    padding: 25px 15px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
#nav-aside {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #1b1c1e;
    max-width: 360px;
    width: 100%;
    padding: 80px 20px;
    overflow-y: scroll;
    z-index: 99;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: 0.4s all cubic-bezier(0.77, 0, 0.18, 1);
    transition: 0.4s all cubic-bezier(0.77, 0, 0.18, 1);
}
#nav-aside.active {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    overflow: auto;
}
.nav-aside-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}
.nav-aside-menu li a {
    display: block;
    padding: 15px 0px;
    color: #fff;
    border-bottom: 1px solid #323335;
}
.nav-aside-menu li a:hover,
.nav-aside-menu li a:focus {
    color: #000;
}
.nav-aside-menu li.has-dropdown > a {
    cursor: pointer;
}
.nav-aside-menu li.has-dropdown > a:after {
    content: "";
    float: right;
}
.nav-aside-menu li.has-dropdown > .dropdown {
    display: none;
    margin-left: 30px;
    border-left: 1px solid #323335;
}
.nav-aside-menu li.has-dropdown.active > .dropdown {
    display: block;
}
.nav-aside-menu li.has-dropdown > .dropdown a {
    padding: 15px;
}
.page-numbers {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px 0 0;
    border: 1px solid #eee;
    line-height: 1;
    text-decoration: none;
    border-radius: 2px;
    font-weight: 600;
}
.page-numbers.current,
a.page-numbers:hover {
    background: #f9f9f9;
}
.screen-reader-text {
    display: none;
}
.search-form {
    margin-bottom: 10px;
}
.search-form input::placeholder {
    color: #000;
}
.search-field {
    width: 75% !important;
    height: 40px;
    padding: 0px 15px;
    background-color: #fff;
    border-radius: 2px;
    border: 2px solid #e8eaed;
}
.search-submit {
    border: none;
    padding: 8px;
    font-size: 14px;
}
.wp-block-table {
    width: 60% !important;
    margin-bottom: 50px;
}
.wp-block-table tbody > tr:nth-child(odd) {
    background: #000;
}
.wp-block-table tbody > tr:nth-child(even) {
    background: #fff;
}
.wp-block-table td {
    border: 1px solid #fff !important;
    padding: 0.5em;
    word-break: normal;
}
.kpo-recent-posts {
    display: block;
}
.kpo-recent-posts ol {
    margin-left: 18px;
    margin-bottom: 40px;
}
.kpo-recent-posts ol li.item {
    width: 100%;
}
.kpo-recent-posts ol li.item a {
    color: #000;
    padding: 10px 0;
    font-weight: 600;
    text-decoration: none;
}
.kpo-recent-posts ol li.item:hover {
    color: #fff;
}
.kpo-cms-recent-posts ol {
    margin-left: 18px;
    margin-bottom: 40px;
    color: #000;
}
.kpo-cms-recent-posts ol li {
    font-size: 18px;
    line-height: 30px;
    list-style: decimal;
}
.kpo-cms-recent-posts ol li a {
    text-decoration: none !important;
}
.sidebar,
#secondary {
    height: auto !important;
}
.image-source {
    font-size: 12px;
}
.navbar-toggler {
    color: #000;
}
.navbar li {
    list-style: none;
}
.dropdown-menu li {
    padding: 0px 10px;
    font-size: 1rem;
    font-weight: 400;
    border-bottom: 1px solid #dbdbdb;
}
.hide-search {
    display: none;
}
.display-search {
    display: block;
}
.search-form {
    margin-bottom: 0px !important;
}
@media only screen and (max-width: 767px) {
    .navbar-toggler {
        margin-left: 75px;
    }
}
.image-source {
    text-align: center;
    font-size: 80%;
    opacity: 0.8;
    font-weight: 400;
    margin-top: -15px;
}
.twitter-tweet-rendered {
    margin: 0 auto !important;
}
.instagram-media-rendered {
    width: calc(100% - 0px) !important;
    min-width: 100% !important;
}
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}
.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.border-top {
    border-top: 1px solid #e5e5e5;
}
.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05);
}
button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}
html {
    position: relative;
    min-height: 100%;
}
.twitter-tweet-rendered {
    margin: 0 auto !important;
}
blockquote {
    margin: 0px 0px 15px;
    display: flex;
    gap: 15px;
    border-left: 5px #d3c9c9 solid;
    padding: 20px;
    background-color: rgba(119, 119, 119, 0.1333333333);
}
blockquote::before {
    content: "❝";
    font-size: 65px;
    position: relative;
    top: -20px;
    margin: 0px;
    height: 15px;
    color: rgba(136, 136, 153, 0.4666666667);
}
blockquote p {
    margin: 0px !important;
    font-size: 18px !important;
    font-style: italic;
    color: #777;
}
.half-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
@media screen and (min-wdth: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: none;
    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }
    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
}
.nav-title {
    color: #fff;
    text-align: center;
    padding-block: 10px;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
}
.nav-title a {
    color: #fff;
}
@media screen and (min-width: 1050px) {
    .navbar-anchors-container {
        display: flex;
        gap: 5px;
        place-content: center;
        position: relative;
    }
    .navbar-anchors {
        color: #fff;
        padding: 20px;
        font-size: 14px;
        cursor: pointer;
        border-bottom: 5px solid var(--bs-black);
    }
    .navbar-anchors:hover,
    .navbar-anchors.active {
        border-bottom: 5px solid #fff;
    }
    .navbar-anchors:hover {
        color: #fff;
    }
    .close-btn {
        position: absolute;
        top: 10px;
        right: 30px;
        font-size: 50px;
        cursor: pointer;
    }
    .side-menu,
    .nav-cart {
        display: none;
    }
}
.side-menu {
    position: absolute;
    top: 30%;
    left: 25px;
}
.side-nav {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
}
.side-nav-body {
    background-color: var(--bs-black);
    margin-right: auto;
    padding: 20px;
    border: 1px solid rgba(136, 136, 136, 0.5098039216);
    width: 100%;
    min-height: 100vh;
}
.nav-close {
    color: #fff;
    position: fixed;
    top: 10px;
    left: 25px;
    font-size: 24px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.5490196078);
    padding: 0px 10px;
    border-radius: 50%;
}
.nav-close:hover,
.nav-close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.side-nav-menu {
    list-style: none;
    margin-top: 30px;

    .nav-root {
        display: block;
        .nav-dropdown {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 10px 0;
            z-index: 1000;
            margin-left: 2rem;
            display: block;
            .dropdown-link {
                color: #fff;
            }
        }
    }
}
.side-nav-menu li:not(:last-child) {
    margin-bottom: 10px;
}
.side-menu-type {
    display: block;
    width: 100%;
    padding: 12px;
    color: #fff;
}
.side-menu-type:hover {
    background-color: #fff;
    color:var(--bs-black); 
    border-radius: 8px;
}

.nav-title img {
    width: 200px;
    object-position: center;
}
@media only screen and (min-width: 560px) {

	.nav-title img {
		height:60px;
		width:370px;
	}
}
.grecaptcha-badge {
    display: none;
}
.author,
.published-date {
    list-style: none;
}
@media only screen and (max-width: 560px) {
    .single-side {
        text-align: left !important;
        padding-left: 10px;
        margin-bottom: 20px;
    }
    .single-side img {
        height: 200px !important;
        width: 100% !important;
        object-fit: cover;
    }
    .single-side figcaption {
        font-size: 25px !important;
    }
    .side-img-post {
        padding-left: 10px;
    }
    .big-img-second img,
    .list-post-second img {
        height: 200px !important;
        width: 385px !important;
        object-fit: cover;
    }
    .small-post img {
        height: 220px !important;
        width: 100% !important;
        object-fit: cover;
    }
    .top-block img {
        width: 100% !important;
        height: 250px !important;
    }
    .top-block figcaption {
        font-size: 25px !important;
    }
    .post-block-img img {
        width: 290px !important;
    }
    .author-img img {

        width: 330px !important;
		height:auto;
    }
    .author-post-block {
        flex-flow: column;
    }
    .post-block-content {
        padding: 10px 0px 0px 10px !important;
    }
    .detail-banner-img img {
        height: 300px !important;
    }
    .category-block {
        flex-flow: column;
    }
    .big-img-second {
        padding: 0px 0px 15px 20px !important;
    }
    .big-img-second p {
        display: none;
    }
    .big-img-second figcaption {
        font-size: 25px !important;
        width: 399px;
    }
    .second {
        margin-left: 10px;
    }
    .second p {
        width: 400px;
    }
    .side-img-content p {
        font-size: 25px !important;
    }
    .sidebar-block img {
        height: 230px !important;
    }
}
@media only screen and (min-width: 561px) and (max-width: 768px) {
    .single-side {
        text-align: left !important;
    }
    .single-side img {
        height: 256px;
        width: 100% !important;
        object-fit: cover;
    }
    .side-img-content p {
        font-size: 25px !important;
    }
    .second {
        margin-left: 10px;
    }
    .big-img-second p {
        display: none;
    }
    .big-img-second figcaption {
        font-size: 25px !important;
    }
    .big-img-second img {
        height: 265px !important;
        width: 695px !important;
        object-fit: cover;
    }
    .small-post img {
        height: 256px !important;
        object-fit: cover;
    }
    .list-post-second img,
    .fourth-row img {
        height: 265px !important;
        width: 710px !important;
        object-fit: cover;
    }
    .top-block img {
        width: 700px !important;
    }
    .sidebar-block img {
        height: 200px !important;
    }
}
@media only screen and (min-width: 561px) {
    .author-detail {
        width: calc(100% - 205px);
    }
}
@media only screen and (min-width: 769px) {
    .single-side img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }
}
#nature-body .small-post {
    height: 320px;
}
#nature-body .small-post img {
    width: 100%;
    height: 200px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    object-fit: cover;
}
#nature-body .side-img-post {
    display: grid;
    grid-template-columns: auto 100px;
    margin-bottom: 20px;
}
#nature-body .side-img-post img {
    width: 100%;
    height: 100px;
    object-fit: cover;
}
#nature-body .single-side {
    text-align: center;
}
#nature-body .single-side figcaption {
    font-size: 25px;
    font-weight: 600;
}
#nature-body .single-side img {
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}
#nature-body .small-post figcaption {
    font-size: 25px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#nature-body .side-img-content {
    padding: 0px 10px;
    border-left: 1px solid #000;
}
#nature-body .side-img-content p {
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#nature-body .side-section {
    display: flex !important;
}
#nature-body .category-block {
    display: flex;
}
#nature-body .category-block .category-content {
    padding: 0px 10px;
}
#nature-body .category-img {
    width: 100%;
}
#nature-body .category-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
@media screen and (min-width: 768px) {
    #nature-body .category-img img {
        width: 200px;
    }
}
#nature-body .category-content {
    padding: 10px 0px;
}
#nature-body .sidebar-block {
    display: flex;
    flex-flow: column;
    margin-bottom: 15px;
}
#nature-body .sidebar-block img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
#nature-body .author-img {
    width: fit-content;
}
.author-detail img {
    height: 30px;
    width: 30px;
    margin: 10px 5px;
}
#nature-body .post-block-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
#nature-body .author-post-block {
    display: flex;
    margin-bottom: 20px;
}
#nature-body .post-block-content {
    padding-left: 20px;
}
#nature-body .detail-banner-img {
    text-align: center;
    border-bottom: 1px solid #939191;
}
#nature-body .detail-banner-img img {
    width: 100%;
    height: 590px;
    margin-top: 20px;
    object-fit: cover;
}
#nature-body .detail-banner-img .detail-banner-detail {
    padding: 1em 0;
    text-align: center;
    line-height: 1.8;
    color: #939191;
}
#nature-body .sidebar-single-block {
    padding-bottom: 10px;
}
#nature-body .page-section {
    margin-bottom: 60px;
}
#nature-body .page-title {
    text-align: center;
}
.tags {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
.tag-block {
    font-size: 20px;
    color: red;
}
.htmx-input {
    visibility: hidden;
    opacity: 0;
}
.bottom-detail {
    border-bottom: 2px solid #3c4619;
    margin-bottom: 3rem;
}
.htmx-indicator {
    transition: opacity 500ms ease-in;
}
.htmx-request .htmx-indicator {
    opacity: 1;
}
.htmx-request.htmx-indicator {
    opacity: 1;
}
#spinner {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}
#spinner img {
    width: 80px;
    height: 80px;
    position: relative;
}
/* Delete list  */
#nature-body .title-accent { height: 1px; width: 100%; background-color: #000; transform: translateY(20px);
}
#nature-body .big-img-second { padding-bottom: 10px; }
#nature-body .big-img-second img {
    width: 100%;
    height: 480px;
    object-fit: cover;
}
#nature-body .big-img-second p { font-size: 18px; }
#nature-body .big-img-second figcaption { font-size: 30px; font-weight: 600; }
#nature-body .second { border: none; padding: 0px !important; }
#nature-body .third-post-block img { height: 350px; width: 640px; }
#nature-body .third-side-section { margin-bottom: 20px; }
#nature-body .third-side-section img { width: 100%; height: 220px; object-fit: cover; }

#nature-body .fourth-row img {
    width: 100%;
    height: 265px;
    object-fit: cover;
}
#nature-body .fourth-row {

    margin-bottom: 25px;
}

#nature-body .category-title {
    margin-bottom: 20px;
    text-transform: uppercase;
    display: flex;
}
#nature-body .category-title h1 {
    margin-right: 15px;
}