/* main.css */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
/* General Styles */
*{margin:0;padding:0}
body {
    font-family: 'Poppins', sans-serif;margin: 0;padding: 0;background-color: #f4f4f4;color: #333;font-size:1.1rem;
}
a{text-decoration:none; transition: color 0.3s ease;color:#094966;}
a:hover{color:#2782ad;}
p{margin:10px 0;font-size:1.1rem;line-height: 1.6rem;}
h1, h2 {text-align: center;color: #094966;
}
h2{font-size: 1.8rem;}
h3{font-size:1.5rem;color: #094966;}
.border-blue{border: 3px solid #2782ad;}
.border-pink{border: 3px solid #d53369;}
.border-none{box-shadow:0 0 8px 0 rgba(0,0,0,.55)}
/**HEARDER**/   
#header-content {background: #fff;box-shadow:1px 1px 2px 0px rgba(0, 0, 0, 0.2);padding:0;position: sticky;top: 0;z-index:999;}
#header-content.scrolled{padding:0px}
#header-content .container {width: 100%;max-width: 1240px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;background:transparent;}
.logo{max-width:280px}
.logo a {font-size: 24px;font-weight: 600;color: #094966;text-decoration: none;}
.logo img{width:100%;height:auto}
nav ul {list-style: none;padding: 0;margin: 0;display: flex;}
nav ul li {margin: 0 15px;padding: 20px 0;}
nav ul li.menu-item{position:relative}
nav ul li a {text-decoration: none;color: #094966;font-weight: 600;position: relative;transition: color 0.3s ease;}
nav ul li a:hover {color: #2782ad;}
nav ul li a:hover::after {content: "";position: absolute;left: 0;bottom: -5px;width: 100%;height: 2px;background-color: #2782ad;}
#header-content .search-box {display: flex;align-items: center;width: 250px;}
#header-content .search-box form{display:flex}
#header-content .search-box input {padding: 8px;border: 1px solid #2782ad;border-radius: 4px;font-size: 14px;width:100%;color:#333}
#header-content .search-box button {background: #2782ad;color: white;border: none;padding: 8px 12px;margin-left: 5px;border-radius: 4px;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 0.3s ease;}
#header-content .search-box button:hover {
	background: #4bc5fc;
}
#header-content .search-box button svg {
	width: 16px;
	height: 16px;
}

.menu-toggle {
	display: none;
	cursor: pointer;
}
.overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
}
.close-menu,.search-toggle{display:none}
/**SUB MENU**/
.sub-menu {
    position: absolute;
    top: 100%;
    left: 50px;
    width: calc(100% - 100px);
    background: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
    z-index: 1000;
}

nav ul li.menu-item .sub-menu{
	 width:200px;left:calc(50% - 100px);
}

li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.sub-menu-cont {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    max-width: 1220px;
    margin: 0 auto;
	gap: 20px;
}

.submenu-items {
    flex: 1;
    min-width: 180px; 
}

.submenu-item {
    display: block;
    padding: 8px 12px;
    color: #333;
    text-decoration: none;
    font-size: 1rem;
    transition: background 0.3s ease, color 0.3s ease;
	font-weight:normal;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.submenu-item.main-item{
    font-weight: bold;
    color: #094966;
	font-size:1rem;
    padding-bottom: 10px;
}
.submenu-item.main-item:first-child{
	font-size: 1.1rem;
}

nav ul li .submenu-item:hover::after{
	width:0;
	height:0;
}

.submenu-item:hover{
    color: #2782ad;
	border:none !important;
}

.submenu-item.submenu-view-link {
    font-weight: bold;
    color: #007bff;
    text-align: left;
    display: block;
    padding: 8px 12px;
}
/**END SUB MENU**/
/**END HEADER**/
/**BODY**/
.container {
    max-width: 100%;
    margin: 0;
    padding: 0;
	background-color:#fff;
}
.wrapper-content{max-width:1240px;width: calc(100% - 40px);padding:20px;margin:0 auto}
.container .page-wrapper{
	margin: auto; display: flex;
    flex-direction: row;justify-content: space-between;
    gap:30px;position: relative;}
.section-content h2{margin: 20px 0;
font-size: 1.8rem;}
/* Section Spacing */
section {
    padding: 20px 0;
    overflow: hidden;
}
/* Grid System */
.grid {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}


.col-2 > *, .col-3 > *, .col-4 > * {
    flex: 1;
}

.col-2 {
    display: flex;
    flex-wrap: wrap;
	align-items: center;
    gap: 30px;
}

.col-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.col-4 {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.col-4 > *{
	width: calc(25% - 30px);
	-ms-flex-preferred-size: calc(25% - 30px);
	flex: 0 0 calc(25% - 30px);
}

.col-3 > *{
	width: calc(33.33% - 30px);
	-ms-flex-preferred-size: calc(33.33% - 30px);
	flex-basis: calc(33.33% - 30px);
}
.col-2 > *{
	width: calc(50% - 30px);
	-ms-flex-preferred-size: calc(50% - 30px);
	flex-basis: calc(50% - 30px);
}

.img1x1{aspect-ratio: 1 / 1;object-fit: cover;}
.img6x4{aspect-ratio: 6 / 4;object-fit: cover;}

section div.grid{margin-bottom:20px}

/* Image Styles */
.img-responsive {
    width: calc(100% - 6px);
    height: auto;
    border-radius: 8px;
	max-width: 450px;
	box-shadow:0 0 8px 0 rgba(0,0,0,.55);
}

/**HOME**/
/* Category Section */
.category-item {
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

/* Search Section */
.text-search{    flex: none;font-size:1.8rem;font-weight:600;text-align:center;color:#4a1c40}
.search-area {
    align-items: center;
    text-align: center;
	padding-left: 10px !important;
    padding-right: 10px !important;
}

.search-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.search-box input {
    padding: 15px 10px;
    width: 100%;
    border: 2px solid #d53369;
    border-radius: 30px;
    font-size: 1.3rem;
    color: #d53369;
}

.search-box input:focus{
	outline:none;
}

.search-box button {
    padding: 0px;
    border: none;
    background: transparent;
    color: white;
    border-radius: 5px;
    cursor: pointer;
}

.search-box button svg{
	width: 35px;
    height: 35px;
    color: #d53369;
}
/* About Section */
.about img.img-premium{border-radius:10px;max-width:100%;}
.about, .about h2 {
    text-align: left;
}

/* Trending Section */
.trending {
    text-align: center;
}

.grid-section .grid{gap:0px}

.trending-item {
    text-align: center;
}

.trending-item a p,.trending-item a span {
    font-weight: bold;
    margin-top: 10px;
	color:#094966;
	font-size:1.2rem;
	display:block;
}

.trending-item a:hover p{
	color:#2782ad;
}

.border-top{border-radius:8px 8px 0 0}
.box-color{
	background: linear-gradient(135deg, #ff9a9e, #fad0c4);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.box-readmore{
	width: fit-content;
    text-align: center;
    margin: 20px auto;
    background: #d53369;
    padding: 15px 30px;
	transition:0.3s ease;
}
.box-readmore a{color:#fff;font-weight:600}
.box-readmore:hover{background:#f9cbcd}
.box-readmore:hover a{color:#d53369}

/**END HOME**/

/**CATEGORY**/
#page-container{ flex-direction: column;}
.post-header {
	padding: 20px 0;
	background-color: #f8f9fa;
	border-bottom: 1px solid #ddd;
}
.post-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items: flex-start;flex-direction: column;padding: 0 20px;}
.post-title {
	font-size: 2.5rem;
	font-weight: bold;
	margin-bottom: 10px;
	color: #094966;
		text-align: left;
}
.post-meta {
	font-size: 0.9rem;
	color: #555;
	display: flex;
	flex-direction: column;
	margin:5px 0;
	line-height:1rem;
}
.post-meta svg {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.post-meta a {
	color: #007bff;
	text-decoration: none;
}
.post-meta a:hover {
	text-decoration: underline;
}

.breadcrumbs{text-align:left;font-size:1rem}
.breadcrumbs a:after{
	content: "/";
    margin: 0 .35rem;
    position: relative;
}

.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.post-content {
	flex: 1;
	max-width: calc(100% - 410px);
}

.post-intro h2{text-align:left}
	
.related-links {
	background: linear-gradient(135deg, #ff9a9e, #fad0c4);
	padding: 20px;
	border-radius: 12px;
	text-align: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.related-links h2 {
    font-size: 1.5rem;
    color: #4a1c40;
    margin-bottom: 15px;
}

.related-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}

.related-links li {
    display: inline-block;
}

.related-links a {
    display: block;
    padding: 10px 15px;
    background: #fff;
    color: #d53369;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.related-links a:hover {
    background: #d53369;
    color: #fff;
}

.image-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom:20px;
	align-items: flex-start;
}

.image-grid > *{
	width: calc(50% - 40px);
	-ms-flex-preferred-size: calc(50% - 40px);
	flex-basis: calc(50% - 40px);
	flex: 0 0 calc(50% - 40px);
}

.grid-box{position: relative;padding: 15px;}
.grid-cont{box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);border-radius: 8px;display: flex;flex-direction: column;}
.image-grid a{
	display: block;
    overflow: hidden;
	font-weight:600;
	font-size:1.2rem;
	text-align:center;
}
.image-grid h3{margin-top:5px}

.image-grid a img{
    border-radius: 8px;
	width: 100%;
}
.grid-cont h3{text-align:center;font-size:1.2rem;margin: 10px 0; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.grid-cont > a.aspect{aspect-ratio: 345 / 445;    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;border-radius:8px;overflow:hidden}
.grid-cont.grid-category >a.aspect {aspect-ratio: 92 / 85;}
.grid-cont > a img{width:auto;height:auto;box-shadow:none;max-width:100%;overflow:hidden}
.grid-cont p.cat-title{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: center;min-height: 48px;display: flex;align-items: center;justify-content: center;}
.grid-cont a{font-weight:600;font-size: 1.1rem;}
.related-topics .grid-box p{font-weight:bold;font-size: 1rem;text-align: center;}
.grid-share{display: flex;flex-direction: row;
    justify-content: space-between;
    border-radius: 0 0 8px 8px;gap:1px;} 
.grid-share > a{flex:1;width:50%;text-align:center;background: #4bc5fc;color:#fff;padding:10px 0;transform: 0.3s ease-in-out}
.grid-share .pdfbt{border-radius:0 0 8px 0;}
.grid-share .printbt{border-radius:0 0 0 8px}
.grid-share > a:hover{background:#d53369}
.image-grid a span{margin:0 20px}
.image-grid > div{position:relative}
.image-grid a.pin-it-button{position: absolute;top: 18px;right: 0px;background: #cd252b;padding: 10px 12px;visibility:hidden;transition: right 0.2s;border-radius:5px}
.image-grid a.pin-it-button span.pin-it-icon{margin:0}
.image-grid a.pin-it-button svg path{fill:#fff;}
.image-grid > div:hover a.pin-it-button{right:18px; visibility:visible;}
.share-container{width:40px;display:flex;    flex-direction: column;flex-wrap: nowrap;align-items: center;gap:2px;position: absolute;top: 18px;right: 0px;visibility:hidden;transition: right 0.2s;border-radius:5px}
.share-container a{width:100%;flex:0 0 100%;text-align:center;padding: 3px 0px;background:#35b1e9;transition: width 0.2s;position:relative}
.share-container a.facebook{background:#1877F2}
.share-container a.reddit{background:#ff4500}
.share-container a.tumblr{background: #001935;}
.share-container a.x-twitter{background:#000}
.share-container a.pinterest{background:#cd252b}
.share-btn > span{width:32px;height:32px;margin:0 auto !important;display:block}
.share-container a.tumblr{border-radius:0 0 8px 8px;}
.share-container a.pinterest{border-radius:8px 8px 0 0}
.share-container a:hover::before{opacity: 1;
    top:0;left:0;transform: scale(1);}
.facebook > span{background:url(social/facebook-icon.png) no-repeat;}
.reddit > span{background:url(social/reddit-icon.png) no-repeat;}
.tumblr > span{background:url(social/tumblr.png) no-repeat;}
.pinterest > span{background:url(social/pinterest-icon.png) no-repeat;}
.x-twitter > span{background:url(social/x-icon.png) no-repeat;}
.share-container a::before{
	content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    opacity: 0;
	transform: scale(0);
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    transition: 0.5s;
}
.image-grid > div:hover .share-container{right:20px; visibility:visible;}
.recommended-grid {
    background: linear-gradient(135deg, #ff9a9e, #fad0c4);
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.recommended-grid h2 {
    font-size: 1.5rem;
    color: #4a1c40;
    margin-bottom: 15px;
    font-weight: bold;
}

.recommended-list {
    display: grid;
	grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    justify-content: center;
    margin-top: 15px;
}

.recommended-item {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.recommended-item a {
    display: block;
}

.recommended-item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.recommended-item p {
    margin-top: 8px;
    font-weight: bold;
    color: #d53369;
}

.recommended-item:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}


.comments {
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    width: calc(100% - 45px);
    margin: 30px auto;
	background:#e2f6ff;
	border: 2px solid #518197;
}

.comments h2 {
    font-size: 1.5rem;
    color: #094966;
    margin-bottom: 15px;
    font-weight: bold;
}

.comments form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.comments textarea,
.comments input {
    width: calc(100% - 26px);
    padding: 12px;
    border-radius: 8px;
    border: 2px solid #518197;
    font-size: 1rem;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.comments textarea {
    height: 120px;
    resize: vertical;
}

.comments input:focus,
.comments textarea:focus {
    border-color: #4bc5fc;
    box-shadow: 0 0 8px rgba(255, 71, 87, 0.2);
    outline: none;
}

.comments button {
    background: #2782ad;
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    padding: 12px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
	width:200px;
	margin:0 auto;
    transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.comments button:hover {
	background:#4bc5fc;
}

section.section-content{padding:20px 0}
.section-content img{max-width:100%;height:auto;margin:0px auto}
.sidebar {
	width: 350px;
	/*position: sticky;*/
	top: 20px;
	height:fit-content;
}

.recommended-item img, .image-grid img {
	width: 100%;
	height: auto;
}
		
.about-us img{width:calc(100% - 45px);height:auto;margin:20px;border-radius:8px;border:2px solid #4bc5fc;}
.about-us p{padding:0 20px}	
.sidebar section{
    padding: 0px 0px 10px;
    border-radius: 8px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;margin-bottom:20px}
.sidebar section h2{
	font-size: 1.3rem;
    background: #2782ad;
    color: #fff;
    padding: 8px 0;}
.list-featured{    display: flex;
    flex-direction: column;
    gap: 20px;text-align:center}
.list-featured a{color:#094966;text-decoration:none;font-weight:600}
.list-featured a:hover{color:#2782ad}
.list-featured img{    width: calc(100% - 44px);
    margin: 20px 20px 0 20px;
    border: 2px solid #094966;}
.list-recommended{gap:0}
.recommended-sidebar-item{border-bottom:1px solid #ddd}
.recommended-sidebar-item:last-child{border:none}
.recommended-sidebar-item:hover{background:#fff}
.recommended-sidebar-item a{display: flex;flex-direction: row;justify-content: flex-start; align-items: center;text-align: left;}
.recommended-sidebar-item img{width: calc(50% - 40px);margin: 20px;max-width: 100px;}

/***SEARCH PAGE**/
.search-list{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	gap: 0px;
	justify-content: center;
    align-items: flex-start;
}
.search-item{
border-radius: 0;
padding:0;
width: calc(25% - 40px);
flex: 0 0 calc(25% - 40px);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .75);
border-radius: 8px;
margin: 20px;}
.search-item:last-child{border-bottom:none}
.search-item h2{margin:15px auto;font-size:1.2rem}
.search-item a.search-img{text-align:center;margin: 0 auto;}
.search-item a img{max-width:100%;width:auto;height:auto;}
.search-item p{color:#333;font-weight:normal;}

/***PAGE***/
.page-list{display: flex;flex-direction: row;gap: 40px;margin-bottom: 20px;}
.page-item{background:#f5f5f5;border-bottom:none;border:1px solid #f5f5f5}
.page-item:hover{border:1px solid #B7E4C7}
.pagination{width: 100%;margin: 20px auto;}
.pagination ul{width: fit-content;display: flex;margin: 0 auto;}
.pagination li{list-style: none;    background-color: #49c1f7;
    padding: 8px 12px;
    margin: 0 5px;
    border: 1px solid #0e82b9;transition: background 0.3s ease;}
.pagination li a{color:#fff}
.pagination li span{color: #094966;font-size: 1.2rem;transition: color 0.3s ease;}
.pagination li.current-page,.pagination li:hover{background: #2782ad;}
.pagination li.current-page span,.pagination li:hover a span{color:#fff}
/* Footer */
.footer {
	background: #f8f9fa;
    color: #333;
	box-shadow:0 -4px 6px rgba(0, 0, 0, 0.1);
}

.footer-social{
	background: #14668d;
    padding: 15px 0;
	overflow-x: auto;
    width: 100%;
}

.footer-social-container{
	width: fit-content;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer-social-container > a{
	font-size: 0;
    width: 32px;
    height: 32px;
	margin: 10px 15px;
	transition:top 0.2s;
}

.footer-social-container > a:hover{
	margin-top:0px;
}

.facebook-page{
	background:url('social/facebook-icon.png') 4px no-repeat;    
	background-size: 24px;
    border: 2px solid #e0e0e1;
    border-radius: 10px;}
.pinterest-page{
	background:url('social/pinterest-icon.png')4px no-repeat;
	background-size: 24px;
    border: 2px solid #e0e0e1;
    border-radius: 10px;
}
.twitter-page{background:url('social/x-icon.png') 2px no-repeat;background-size:30px}
.instagram-page{background:url('social/instagram-icon.png');}
.tiktok-page{background:url('social/tiktok-icon.png');}
.reddit-page{
	background:url('social/reddit-icon.png') 4px no-repeat;
	background-size: 24px;
    border: 2px solid #e0e0e1;
    border-radius: 10px;
}
.youtube-page{background:url('social/youtube.png');}
.tumblr-page{
	background:url('social/tumblr.png') 4px no-repeat;
	background-size: 24px;
    border: 2px solid #e0e0e1;
    border-radius: 10px;}

.footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1240px;
    margin: auto;
	font-size: 1rem;
	padding:0 20px;
}

.footer-left, .footer-center, .footer-right {
    flex: 1;
    padding: 20px 0;
	text-align:left;
}

.footer-title{
	font-size: 1.5rem;
    font-weight: bold;
    color: #094966;
    margin-bottom: 20px;
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-left > div, .footer-right > div{
    width: fit-content;
    margin: 0 auto;
}
.footer-left a, .footer-right a{
    color: #333;
    text-decoration: none;
	padding-bottom: 10px;
	display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.footer-left a:hover, .footer-right a:hover{
	color:#2581ab;
}

.footer-center {
    text-align: left;
	width: 40%;
    flex: 0 0 40%;
}

.footer-center img {
    max-width: 230px;
    margin-bottom: 10px;
}

.footer-center p{font-size:1rem}

.footer-right a {
    color: #333;
    display: block;
    text-decoration: none;
}

.footer-bottom {
    text-align: center;
    padding: 10px 0;
    background: #ffffff;
    font-size: 0.9rem;
    color: #333;
    border-top: 1px solid #eeeeee;
    font-weight: bold;
}

/* Responsive Styles */

@media (max-width: 600px) {
	.image-grid,.recommended-list {
		grid-template-columns: auto;
	}
	.recommended-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}
	
}

@media (max-width: 768px) {
	section {padding: 30px 0;}
	.logo{    width: calc(100% - 50px);
    text-align: center;}
	.page-list{flex-direction: column;}
	#header-content .search-box{display:none}
	.search-toggle{display:block;cursor: pointer;}
	#header-content .search-box.show{position: absolute;display:flex;background: #fff;
	top: 65px;
	padding: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}
	#header-content.scrolled .search-box.show{top:45px}
	.col-2, .col-3, .col-4 {
        flex-direction: column;
        align-items: center;
    }
    .col-mobile-1 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
	.col-mobile-1 > *{
		width:100%;
		flex:100%;
	}
	.col-mobile-1 > .grid-box {width:calc(100% - 30px);}
	.footer-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-left, .footer-center, .footer-right {margin-bottom: 20px;}
	.footer-right{text-align:center}
	.footer-center {order: -1;width: 100%;flex: 100%;}
	.search-item {width: calc(100% - 40px);flex: 0 0 calc(100% - 40px);}
}

@media (max-width: 1024px) {
	.container .page-wrapper{
		display: flex;flex-direction: column;
	}
	.post-content{
		max-width: 850px;
		width:100%;width: 100%;margin: 0 auto;
	}
	section {
        padding: 40px 0;
    }
	.post-header-inner {max-width: 850px;
		width:100%;width: calc(100% - 40px);margin: 0 auto;}
	.sidebar {
		display:none;
	}
}

@media (max-width: 1100px) {
	.logo{max-width:100%}
	.logo img{width:280px}
	.nav-menu ul{
		position: fixed;
		top: 0;
		right: -70%;
		width: 50%;
		height: 100%;
		background: #fff;
		flex-direction: column;
		text-align: left;
		padding: 20px;
		transition: right 0.3s ease;
		z-index: 20;
		display: flex;
		align-items: flex-start;
		overflow:scroll;
	}

	.nav-menu ul li {
		padding: 15px 0;
		border-bottom: 1px solid #094966;
		width: 100%;
	}
	.sub-menu{
		position: relative;
		background: transparent;
		top: 0;
		left: 0;
		box-shadow: none;
		display: none;
	}
	.nav-menu ul li:hover .sub-menu{
		display:block;
	}
	.sub-menu-cont{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
	}
	.overlay.show {
		display: block;
	}
	.close-menu.show {
		display: block;
		cursor: pointer;
		text-align: left;
		padding: 10px;
		width: calc(100% - 20px);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}
	.close-menu.show svg {
		width: 24px;
		height: 24px;
	}
	.menu-toggle {
		display: block;
		cursor: pointer;
		font-size: 24px;
		color: #094966;
	}
	.action-menu ul{
		display:flex !important;
		right:0;
	}
	
}

@media (min-width: 1100px) and (max-width: 1200px) {
	#header-content .search-box{width:180px}
}

@media (min-width: 769px) {
}
@media (min-width: 1024px) {

}
@media (min-width: 1200px) {

}