@font-face {
    font-family: 'DB Adman X';
    src: url('../fonts/DBAdmanX.woff2') format('woff2'),
        url('../fonts/DBAdmanX.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html{
    -webkit-font-smoothing: antialiased;
	scroll-behavior: smooth;
	margin:0;
    padding:0;
    display: block;
}
body{
	margin: 0;
	background-color: #fbfbfd;
	display: block;
	/*overflow: hidden;*/
}
h1,h2,h3,h4,h5,h6,p{
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    /*text-shadow: 1px 1px 1px rgba(0,0,0,0.004);*/
}
main{
    min-height: 85vh;
}
/* Font */
body{
	/*font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;*/
}
.single .wp-block-quote p,
.single .wp-block-pullquote p{
	font-family: 'DB Adman X';
	font-style: italic;
	font-weight: 300;
	font-size: 46px;
	line-height: 56px;
}
.single .wp-block-image figcaption{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	text-align: left;
}
.cate-title h1{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 600;
	font-size: 62px;
	line-height: 56px;
}
h1{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 600;
	font-size: 46px;
	line-height: 56px;
}
h2{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 38px;
	line-height: 44px;
}
h3{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 500;
	font-size: 30px;
	line-height: 34px;
}
h4{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 32px;
}
h5,.main-menu a{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 500;
	font-size: 22px;
	line-height: 24px;
}
h6{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 20px;
}
p.txt-title{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
}
p,
.single .content-wrapper a{
	font-family: 'Sarabun', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 32px;
}
p.item-excerpt{
	line-height: 30px;	
}
p.p-bold{
	font-family: 'Sarabun', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 32px;
}
caption,
.content-date{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 20px; 
	line-height: 20px;
}
caption.c-bold,
.content-cate{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 20px;
}
a{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	line-height: 24px;
	text-decoration-line: none;
}
a.a-bold{
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	text-decoration-line: none;
}
.txt-grey,
.content-date{
	color: #525252;
}
.bg-section .section-title,
.bg-content p,
.bg-content .content-date{
	color: #fff;
}
.content-date i{
	font-size: 16px;
}
#cookie-law-info-bar{
	opacity: 0.9;
}
.cli-bar-container,
.cli-bar-container a,
.cli-plugin-button{
	font-size: 18px;
	font-family: 'DB Adman X';
	font-style: normal;
	font-weight: 400;
}
.cli-bar-message a{
	text-decoration: underline;
}
/* End of Font */
/* Global */
.burger-icon {
	z-index: 5;
    cursor: pointer;
    position: relative;
    width: 22px;
    height: 21px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.burger-line {
    transition: 0.3s;
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: #613321;
}
.burger-line-1 {
    position: relative;
    top: 0;
}
.burger-icon .burger-line:last-child {
    margin-bottom: 0;
}
.burger-line-3 {
    position: relative;
    bottom: 0;
}
.burger-icon.open .burger-line-3 {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%) rotate(45deg);
}
.burger-icon.open .burger-line-2 {
    opacity: 0;
}
.burger-icon.open .burger-line-1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
.mobile-menu{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 12;
    display: none;
    text-align: center;
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
}
.mobile-menu li{
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #cccccc;
}
.mobile-menu a{
    color: #333333;
}
.cover-overlay{
	z-index: 2;
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 69.79%, rgba(0, 0, 0, 0.8) 100%);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.bg-img{
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px);
}
a{
	color: unset;
}
a:hover{
	color: unset;
}
a.view-btn{
	color: #FC4234;
	text-decoration: none;
}
a.article-link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}
.left-img{
	float: left;
	position: relative;
	z-index: 2;
}
.right-content{
	width: 62.5%;
	position: relative;
	z-index: 1;
	/*margin-left: 37.5%;*/
	margin-left: -10%;
}
.right-content:before{
	/*display: block;
	content: '';
	width: 100%;
	padding-top: 51%;*/
}
.right-content > *{
	/*position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
	height: 100%;*/
	padding-left: 21%;
    padding-right: 4%;
}
.img-wrapper,
.vdo-wrapper{
	width: 100%;
	position: relative;
	overflow: hidden;
	object-position: center;
	object-fit: cover;
}
.img-wrapper:before,
.vdo-wrapper:before{
	display: block;
	content: '';
	width: 100%;
	padding-top: calc((9/16)*100%);
}
.homepage-slider .slide-img.img-wrapper:before{
	/*padding-top: calc((7/16)*100%);*/
	padding-top: calc((9/16)*100%);
}
.vdo-wrapper.img16-3:before{
	padding-top: calc((3/16)*100%);
}
.img-wrapper.img16-4:before{
	padding-top: calc((4/16)*100%);
}
.vdo-wrapper.vdo16-10:before{
	padding-top: calc((10/16)*100%);
}
.vdo-wrapper.vdo16-9:before{
	padding-top: calc((9/16)*100%);
}
.vdo-wrapper.vdo9-16:before{
	padding-top: calc((16/9)*100%);
}
.vdo-wrapper.vdo4-3:before{
	padding-top: calc((3/4)*100%);
}
.vdo-wrapper.vdo3-4:before{
	padding-top: calc((4/3)*100%);
}
.vdo-wrapper.vdo1-1:before{
	padding-top: calc((1/1)*100%);
}

.img-wrapper > img{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
	height: 100%;
	transition: all 0.5s ease;
}
.vdo-wrapper > iframe{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 100%;
	transition: all 0.5s ease;
}
a:hover ~ div .img-wrapper > img,
a:hover ~ .img-wrapper > img{
	width: 120%;
	height: 120%;
	top: -10%;
	left: -10%;
}
.homepage-slider a:hover ~ div .img-wrapper > img,
.homepage-slider a:hover ~ .img-wrapper > img{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.img-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 69.79%, rgba(0, 0, 0, 0.8) 100%);
	z-index: 2;
}
.border-corner{
	border-radius: 8px;
}
.bg-sepia{
	background-color: #613321;
}
.content-cate{
	color: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 4px 8px;
	background-color: #FC4234;
	border-radius: 80px;
}
.content-cate:hover{
	color: #fff;
	opacity: 0.8;
}
.search-btn{
	cursor: pointer;
	border-left: 1px solid #e6e6e6;
	padding-left: 1em;
}
.search-btn i{
	color: #613321;
}
.search-ico{
    position: absolute;
    z-index: 2;
    left: 1em;
}
.close-ico{
	position: absolute;
    z-index: 2;
    right: 1em;
    cursor: pointer;
}
#s{
	text-indent: 1.5em;
}
.swiper-button-next:after, 
.swiper-button-prev:after{
	font-size: 18px;
	color: #000;
}
.slide-arrow{
	background-color: rgba(255, 255, 255, 0.8);
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.swiper-pagination{
	z-index: 1;
}
.swiper-pagination-bullet{
	background-color: #ccc;
	opacity: 1;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	transition: width 0.5s ease;
	overflow: hidden;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color: #FC4234;
	width: 16px;
	border-radius: 20px;
}
.highlight-pagination,
.popular-pagination{
	text-align: right;
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction{
	bottom: unset;
}
/* End of Global */
/* Header */
header{
	width: 100%;
	height: 72px;
	border-top: 4px solid #613321;
	position: relative;
	z-index: 6;
	background-color: #fff;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
	position: fixed;
	transition: height 0.5s ease;
}
header.header-scroll,
.single header{
	/*position: fixed;*/
	width: 100%;
	top: 0;
	height: 62px;
	/*border-top: 4px solid #613321;*/
}
.header-logo > img{
	width: auto;
	height: 40px;
	transition: height 0.5s ease;
}
header.header-scroll .header-logo > img,
.single header .header-logo > img{
	height: 30px;
}
.list-unset{
	list-style: none;
	margin: 0;
	padding: 0;
}
.main-menu > *{
	padding-right: 2em;
}
.main-menu a{
	text-decoration: none;
	color: #613321;
	background-image: linear-gradient(#613321,#613321);
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	transition: background-size 0.5s ease;
}
.mobile-menu a{
	color: #613321;
}
.main-menu a:hover,
.main-menu .current-menu-item a{
	background-size: 100% 1px;
}
.main-menu a:after{
	/*content: '';*/
	width: 100%;
	height: 2px;
	background-color: #613321;
	background-size: 0%;
	display: block;	
}
.footer-menu li:not(:last-child){
	padding-right: 2em;
}
.footer-menu a{
	text-decoration: none;
	color: #fff;
	background-image: linear-gradient(#fff,#fff);
	background-size: 0% 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	transition: background-size 0.5s ease;
}
.footer-menu a:hover,
.footer-menu .current-menu-item a{
	background-size: 100% 1px;
}
.footer-bottom{
	background-color: #181818;
}
.footer-social li a:hover > i{
	opacity: 1;
}
.footer-social li i{
	color: #fff;
}
.footer-social li:not(:last-child){
	margin-right: 1.5em;
}
footer a,
footer p,
footer i{
	opacity: 0.8;
}
.phone-footer li:not(:last-child):after{
	content: '';
	display: inline-flex;
	width: 1px;
	height: 1em;
	background-color: #fff;
	margin: 0 0.25em;
}
.search-box{
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1) inset;
	/*border-top: 6px solid #613321;*/
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 72px;
	padding: 1em 0;
	background-color: #F2F2F2;
	transition: transform 0.5s;
}
header.header-scroll ~ .search-box,
.single header ~ .search-box
{
	height: 62px;
}
.search-box.open{
	transform: translateY(100%);
}
.search-suggestion{
	position: absolute;
	width: 96%;
	left: 2%;
	bottom: -38px;
	z-index: 4;
	display: none;
}
.search-suggestion.on{
	display: block;
}
.search-suggestion ul{
	background-color: #fff;
	padding: 0.5em 1em;
	border-radius: 0 0 8px 8px;
}
.search-suggestion ul li{
	cursor: pointer;
}
.search-container form{
	width: 100%;
	position: relative;
}
.search-container form input[type="text"]{
	width: 100%;
	border: 1px solid #E6E6E6;
	border-radius: 8px;
	padding: 0.5em 1em;
}
.search-container form input[type="submit"]{
	/*position: absolute;
	top: 0;
	right: 0;*/
	display: none;
}
.search-container form label{
	display: none;
}
/* End of Header */
/* Homepage */
.slide-content{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.popular-section{
	overflow-x: hidden;
	padding-top: 2%;
	padding-bottom: 15%;
}
.popular-slide{
	/*padding-left: ;*/
}
.swiper.popular{
	overflow: unset;
	overflow-x: visible;
}
.recent-section{
	margin-top: -12%;
}
.popular-content{
	background: rgba(0, 0, 0, 0.5);
}
.video-ico{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 4;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* End of Homepage */

/* Single */

.article-content{
	background: transparent;
	/*z-index: 2;*/
	position: relative;
}
.single .vdo-wrapper.vdo1-1,
.single .vdo-wrapper.vdo9-16{
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 1em;
}
.article-content .vdo-wrapper{
	/*margin-bottom: 1em;*/
}
.article-content .article-bg{
	background-color: #fbfbfd;
}
.single .wp-block-quote{
	margin: 2em 0;
}
.single .wp-block-quote p{
	position: relative;
}
.single .wp-block-quote p:before{
	content: url("data:image/svg+xml,%3Csvg width='30' height='50' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.5349 15.4657C29.5349 16.1227 29.4057 16.7798 29.1473 17.4368C28.8889 18.0939 28.5013 18.7004 27.9845 19.2563C27.4677 19.7617 26.8217 20.1913 26.0465 20.5451C25.323 20.8484 24.4961 21 23.5659 21C22.5323 21 21.5245 20.8231 20.5426 20.4693C19.6124 20.065 18.8114 19.509 18.1395 18.8014C17.5711 18.1444 17.1318 17.361 16.8217 16.4513C16.5116 15.5415 16.3566 14.5812 16.3566 13.5704C16.3566 11.6498 16.6925 9.88086 17.3643 8.26354C18.0879 6.64621 19.0956 5.20578 20.3876 3.94224C20.9561 3.38628 21.6021 2.88087 22.3256 2.42599C23.0491 1.92058 23.7209 1.51625 24.3411 1.213C25.0129 0.859206 25.5814 0.58123 26.0465 0.379066C26.5116 0.1769 26.7959 0.0505439 26.8992 0L30 4.47292C29.4315 4.67509 28.7855 4.95307 28.062 5.30686C27.3902 5.61011 26.7442 6.01444 26.124 6.51985C25.5039 6.97473 24.9871 7.53069 24.5736 8.18773C24.1602 8.84477 23.9276 9.60289 23.876 10.4621C25.3747 10.4621 26.6925 10.8917 27.8295 11.7509C28.9664 12.6101 29.5349 13.8484 29.5349 15.4657ZM13.1783 15.4657C13.1783 16.1227 13.0491 16.7798 12.7907 17.4368C12.5323 18.0939 12.1447 18.7004 11.6279 19.2563C11.1111 19.7617 10.4651 20.1913 9.68992 20.5451C8.96641 20.8484 8.13953 21 7.2093 21C6.17571 21 5.16796 20.8231 4.18605 20.4693C3.25581 20.065 2.45478 19.509 1.78295 18.8014C1.21447 18.1444 0.775194 17.361 0.465117 16.4513C0.155039 15.5415 0 14.5812 0 13.5704C0 11.6498 0.335917 9.88086 1.00775 8.26354C1.73127 6.64621 2.73902 5.20578 4.03101 3.94224C4.59948 3.38628 5.24548 2.88087 5.96899 2.42599C6.69251 1.92058 7.36434 1.51625 7.9845 1.213C8.65633 0.859206 9.22481 0.58123 9.68992 0.379066C10.155 0.1769 10.4393 0.0505439 10.5426 0L13.6434 4.47292C13.0749 4.67509 12.4289 4.95307 11.7054 5.30686C11.0336 5.61011 10.3876 6.01444 9.76744 6.51985C9.14729 6.97473 8.63049 7.53069 8.21705 8.18773C7.80362 8.84477 7.57106 9.60289 7.51938 10.4621C9.01809 10.4621 10.3359 10.8917 11.4729 11.7509C12.6098 12.6101 13.1783 13.8484 13.1783 15.4657Z' fill='black'/%3E%3C/svg%3E%0A");
}
.single .wp-block-quote p:after{
	content: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.465116 5.5343C0.465116 4.87726 0.594318 4.22022 0.852716 3.56318C1.11111 2.90614 1.49871 2.29964 2.01551 1.74368C2.5323 1.23827 3.17829 0.808664 3.95349 0.454874C4.677 0.151622 5.50388 -2.14152e-06 6.43411 -2.0602e-06C7.4677 -1.96984e-06 8.47546 0.176897 9.45737 0.530689C10.3876 0.935023 11.1886 1.49098 11.8605 2.19856C12.4289 2.8556 12.8682 3.63899 13.1783 4.54874C13.4884 5.45848 13.6434 6.41877 13.6434 7.4296C13.6434 9.35018 13.3075 11.1191 12.6357 12.7365C11.9121 14.3538 10.9044 15.7942 9.6124 17.0578C9.04393 17.6137 8.39793 18.1191 7.67442 18.574C6.95091 19.0794 6.27907 19.4838 5.65891 19.787C4.98708 20.1408 4.4186 20.4188 3.95349 20.6209C3.48837 20.8231 3.20413 20.9495 3.10077 21L3.91035e-07 16.5271C0.568476 16.3249 1.21447 16.0469 1.93798 15.6931C2.60982 15.3899 3.25581 14.9856 3.87597 14.4801C4.49612 14.0253 5.01292 13.4693 5.42636 12.8123C5.83979 12.1552 6.07235 11.3971 6.12403 10.5379C4.62533 10.5379 3.30749 10.1083 2.17054 9.2491C1.03359 8.38989 0.465116 7.15162 0.465116 5.5343ZM16.8217 5.5343C16.8217 4.87726 16.9509 4.22022 17.2093 3.56318C17.4677 2.90614 17.8553 2.29964 18.3721 1.74368C18.8889 1.23827 19.5349 0.808665 20.3101 0.454875C21.0336 0.151624 21.8605 -7.11581e-07 22.7907 -6.30257e-07C23.8243 -5.39898e-07 24.832 0.176899 25.814 0.530691C26.7442 0.935024 27.5452 1.49098 28.2171 2.19856C28.7855 2.8556 29.2248 3.63899 29.5349 4.54874C29.845 5.45848 30 6.41877 30 7.42961C30 9.35018 29.6641 11.1191 28.9922 12.7365C28.2687 14.3538 27.261 15.7942 25.969 17.0578C25.4005 17.6137 24.7545 18.1191 24.031 18.574C23.3075 19.0794 22.6357 19.4838 22.0155 19.787C21.3437 20.1408 20.7752 20.4188 20.3101 20.6209C19.845 20.8231 19.5607 20.9495 19.4574 21L16.3566 16.5271C16.9251 16.3249 17.5711 16.0469 18.2946 15.6931C18.9664 15.3899 19.6124 14.9856 20.2326 14.4801C20.8527 14.0253 21.3695 13.4693 21.7829 12.8123C22.1964 12.1552 22.4289 11.3971 22.4806 10.5379C20.9819 10.5379 19.6641 10.1083 18.5271 9.2491C17.3902 8.38989 16.8217 7.15162 16.8217 5.5343Z' fill='black'/%3E%3C/svg%3E%0A");
	
}
.single .wp-block-image{
	border-radius: 8px;
}
.single .wp-block-pullquote{
	text-align: left;
	padding: 0;
	margin: 0;
	margin: 2em 0;
	padding-left: 1em;
	border-left: 8px solid #FC4234;
}
.single .content-wrapper a{
	color: #FC4234;
	text-decoration: none;
	background-image: linear-gradient(#FC4234,#FC4234);
	background-size: 0% 2px;
	background-repeat: no-repeat;
	background-position: left bottom;
	transition: background-size 0.5s ease;
}
.single .content-wrapper .addtoany_content a{
	background: none;
}
.tag-list ul li{
	margin-bottom: 1.5em;
}
.tag-list ul li:not(:last-child){
	margin-right: 1em;
}
.tag-list ul li a span{
	color: #FC4234;
}
.tag-list ul li a{
	/*background-image: linear-gradient(#FC4234,#FC4234);*/
	/*background-size: 0% 2px;*/
	/*background-repeat: no-repeat;*/
	/*background-position: left bottom;*/
	/*transition: background-size 0.5s ease;*/
	background-color: #f0f0f0;
	padding: 4px 8px;
	border-radius: 80px;
}
.single .content-wrapper a:hover,
.tag-list ul li a:hover{
	background-size: 100% 2px;
}
/* End of Single */
/* Category Page */
.cate-title{
	position: absolute;
	bottom: 1em;
	left: 0;
	z-index: 3;
}
nav.pagination > *{
	margin: 0 0.4em;
	padding: 0 8px;
	border-radius: 80px;
}
nav.pagination > *:hover{
	background-color: #e6e6e6;
}
nav.pagination .page-numbers.current{
	background-color: #FC4234;
	color: #fff;
	font-weight: 700;
}
/* End of Category Page */


/* RESPONSIVE */
/*X-Large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {

	.homepage-slider .slide-img.img-wrapper:before{
		padding-top: calc((9/16)*100%);
	}
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.right-content{
		width: 100%;
		margin-left: unset;
		margin-top: -12%;
	}
	.right-content > *{
		padding: 1.5em;
		padding-top: 15%;
	}
	.search-btn{
		border-left: 0;
		padding-left: 0;
	}
	.search-btn:after{
		content: '';
		width: 1px;
		height: 1em;
		margin: 0 1em;
		display: inline-flex;
		background-color: #e6e6e6;
	}
	.search-suggestion{
		bottom: -58px;
	}
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.popular-section{
		padding-bottom: 25%;
	}
	.recent-section .recent-article{
		margin-top: -26%;
	}
	.phone-footer li:not(:last-child):after{
		content: unset;
	}
	.single .vdo-wrapper.vdo1-1{
		max-width: 100%;
	}
	.img-wrapper.img16-4:before{
		padding-top: calc((9/16)*100%);
	}

}
@media (max-width: 575.98px) {
	h1{
		font-size: 38px;
		line-height: 44px;
	}
	h2{
		font-size: 34px;
		line-height: 38px;
	}
	.img-overlay{
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 39.79%, rgba(0, 0, 0, 0.8) 100%);
	}
	.popular-section{
		padding-bottom: 45%;
	}
	.recent-section .recent-article{
		margin-top: -36%;
	}
	.single .wp-block-quote p,
	.single .wp-block-pullquote p{
		font-size: 36px;
		line-height: 46px;
	}
	.single .wp-block-quote p:after,
	.single .wp-block-quote p:before{
		line-height:1;
	}
	.single .vdo-wrapper.vdo9-16{
		max-width: 80%;
	}
	.slide-arrow{
		display: none;
	}
}

/* END RESPONSIVE */