/*
===============================================
	MAIN.CSS
	--------
	- This CSS file is same for all pages.
===============================================
*/

/* Facts CSS */

body .facts-item-container .facts-item{
	row-gap: 0px;
}

body .facts-item-container .facts-item .facts-icon img{
	margin-bottom: 15px;
	height: 60px;
	object-fit: contain;
}

body .facts-item-container .facts-item .facts-desc p{
	margin-bottom: 10px;
}

/* Posts Section CSS */

.shortcodes-raw{
	display: block;
	width: 100%;
}

.posts-container{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 30px);
    left: -15px;
}

article.posts-item{
    display: block;
    width: calc(33.33% - 30px);
    margin: 15px;
    background: #FFF;
    border-radius: 10px;
    overflow: hidden;
    transform: translate3d(0,0,0);
    box-shadow: 0px 3.43px 15.44px 0px rgba(16, 74, 107, 0.1);
    transition: 0.3s;
}

article.posts-item.featured-post{
    width: calc(100%);
}

article.posts-item.featured-post a{
    display: flex;
    align-items: center;
}

article.posts-item:hover{
    transform: translate3d(0,-4px,0);
    box-shadow: 0px 6px 30px 0px rgba(16, 74, 107, 0.1);
    transition: 0.3s;
}

article.posts-item .post-image{
    overflow: hidden;
    height: 250px;
    width: 100%;
    object-fit: cover;
}

article.posts-item .post-image img{
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

article.posts-item .post-content{
    padding: 25px;
}

article.posts-item.featured-post .post-image{
    height: 420px;
    width: 50%;
}

article.posts-item.featured-post .post-content{
    padding-left: 40px;
    width: 50%;
}

article.posts-item .post-content .post-title{
	display: block;
	margin-bottom: 15px;
	margin-top: 5px;
}

article.posts-item .post-content .post-title h3{
    display: inline;
	font-weight: 700;
}

article.posts-item .post-date-category p{
    margin-bottom: 10px;
}

/* Slider CSS */

.blog-posts-slider{
    position: relative;
    min-height: 640px;
    overflow: hidden;
    padding-top: 80px;
    display: block;
    margin-top: -80px;
}

.blog-posts-slider .blog-slider-navigation{
    position: absolute;
    top: 0px;
    right: 15px;
    display: flex;
    background: transparent;
    border-radius: 30px;
    overflow: hidden;
}

.light-theme .blog-posts-slider .blog-slider-navigation{
	background: transparent;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation{
    display: flex;
    height: 56px;
	width: 56px;
	border-radius: 50%;
    align-items: center;
	justify-content: center;
    padding: 20px;
    cursor: pointer;
	background: #FFF;
}

.light-theme .blog-posts-slider .blog-slider-navigation .slider-navigation{
	background: #2067DA29;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation{
    display: flex;
    height: 56px;
	width: 56px;
	border-radius: 50%;
    align-items: center;
	justify-content: center;
    padding: 20px;
    cursor: pointer;
	background: #FFF;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation.navigation-right{
	background: #2067DA;
	margin-left: 15px;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation:hover{
     background: #1A202C;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation svg path{
    fill: #2067DA;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation.navigation-right svg path{
    fill: #fff;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation:hover svg path{
    fill: #FFF;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation.navigation-right svg{
    transform: rotate(180deg);
}

.blog-posts-slider article{
	position: absolute;
	top: 0;
	left: 112%;
	opacity: 0;
	pointer-events: none;
    margin-top: 90px;
}

.posts-container article a,
.blog-posts-slider article a{
	text-decoration: none;
}

.blog-posts-slider article.active{
    left: 0%;
    opacity: 1;
	pointer-events: auto;
}

.blog-posts-slider article.next{
    left: 33.33%;
    opacity: 1;
	pointer-events: auto;
}

.blog-posts-slider article.next1{
    left: 66.66%;
    opacity: 1;
	pointer-events: auto;
}

.blog-posts-slider article.next2{
    left: 100%;
    opacity: 1;
}

.blog-posts-slider article.prev{
    left: -33.33%;
    opacity: 1;
}

.blog-posts-slider article.prev1{
    left: -66.66%;
}

.blog-posts-slider.loaded article.active,
.blog-posts-slider.loaded article.next,
.blog-posts-slider.loaded article.next1,
.blog-posts-slider.loaded article.next2,
.blog-posts-slider.loaded article.prev,
.blog-posts-slider.loaded article.prev1{
    transition: 0.3s;
}

.blog-posts-slider.four-items{
    min-height: 530px;  
}

.posts-container.four-items article{
	width: calc(25% - 30px);
}

.blog-posts-slider.four-items article.active{
    left: 0%;
}

.blog-posts-slider.four-items article.next{
    left: 25%;
}

.blog-posts-slider.four-items article.next1{
    left: 50%;
    opacity: 1;
	pointer-events: auto;
}

.blog-posts-slider.four-items article.next2{
    left: 75%;
    opacity: 1;
	pointer-events: auto;
}

.blog-posts-slider.four-items article.prev{
    left: -25%;
    opacity: 1;
}

.blog-posts-slider.four-items article.prev1{
    left: -50%;
}

.posts-container.four-items article.posts-item .post-image{
	height: 200px;
}

.blog-posts-slider.four-items article.posts-item .post-excerpt p{
    margin-bottom: 10px;
}

/* Toggle Navigation CSS */

body .toggle-navigation{
	position: relative;
	margin-bottom: 30px;
	margin-top: 10px;
	z-index: 99;
	width: fit-content;
}

body .toggle-navigation .toggle-cta.active{
	pointer-events: none;
}

body .toggle-item{
	pointer-events: none;
	max-height: 0px;
	opacity: 0;
}

body .toggle-item.active{
	pointer-events: auto;
	max-height: 1000px;
	opacity: 1;
}

/* Highlights CSS */

body .highlights-posts,
body .highlights-posts-container{
	display: flex;
	row-gap: 0px;
	column-gap: 0px;
	min-height: calc(540px);
	flex-wrap: wrap;
}

body .highlights-posts article.posts-item{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	width: 100%;
	transform: none;
	box-shadow: none;
	background: transparent;
	opacity: 1;
	pointer-events: none;
	height: 100%;
	align-items: center;
	border-radius: 0px;
	margin: 0px;
	flex-direction: row-reverse;
	transition: none;
	z-index: 1;
}

body .highlights-posts article.posts-item:hover{
	transform: none;
	box-shadow: none;
}

body .highlights-posts article.posts-item.active{
	opacity: 1;
	pointer-events: auto;
	z-index: 2;
}

body .highlights-posts article.posts-item .post-image,
body .highlights-posts article.posts-item .post-content{
	width: 50%;
}

body .highlights-posts article.posts-item .post-image{
	height: 100%;
	opacity: 0;
	overflow: hidden;
}

body .highlights-posts article.posts-item .post-image img{
	object-fit: contain;
	opacity: 0;
	transform: scale(1.2);
	/* transition: transform 0.6s,
				opacity 0.4s; */
}

body .highlights-posts article.posts-item.active .post-image{
	opacity: 1;
}

body .highlights-posts article.posts-item.active .post-image:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.15);
	backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}

body .highlights-posts article.posts-item.active .post-image img{
	opacity: 1;
	transform: scale(1);
	/* transition: transform 1s,
				opacity 1s 0.2s; */
}

body .highlights-posts article.posts-item .post-content{
	position: relative;
	max-width: 630px;
	padding-right: 60px;
	margin-bottom: 45px;
	transform: translate3d(0,25px,0);
	opacity: 0;
	/* transition: transform 0.4s,
				opacity 0.4s; */
}

body .highlights-posts article.posts-item.active .post-content{
	opacity: 1;
	transform: translate3d(0,0px,0);
	/* transition: transform 0.6s 0.4s,
				opacity 0.6s 0.4s; */
}

body .highlights-posts article.posts-item .post-cta{
	margin-top: 20px;
}

body .highlights-posts article.posts-item .post-subtext h3{
	font-weight: 700;
	margin-bottom: 10px;
}

body .highlights-posts article.posts-item .post-title h2{
	margin-bottom: 10px;
}

body .highlights-posts article.posts-item .post-excerpt p{
	margin-bottom: 10px;
}

body .highlights-posts .posts-navigation{
	position: absolute;
	width: 1250px;
	display: flex;
	bottom: 35px;
	left: 50%;
	transform: translateX(-50%);
	justify-content: center;
	z-index: 2;
}

body .highlights-posts .posts-navigation .navigation-inner{
	display: flex;
	width: 820px;
}

body .highlights-posts .posts-navigation .nav-item{
	display: block;
	height: 17px;
	width: 17px;
	background: #2067DA;
	border-radius: 50%;
	margin: 0 5px;
	opacity: 0.5;
	cursor: pointer;
	transition: opacity 0.3s;
}

body .highlights-posts .posts-navigation .nav-item.active{
	opacity: 1;
	pointer-events: none;
	transition: opacity 0.3s;
}

/* Image Text CSS */

body .image-text-row .border-image img{
	border-radius: 25px;
}

body .image-text-row.left-text .text-col{
	padding-right: 40px;
}

body .image-text-row.right-text .text-col{
	padding-left: 40px;
}

/* Media Request CSS */

body .gform_wrapper{
	max-width: 600px;
	margin: 0 auto;
}

/* Leadership CSS */

body .leadership-main-section{
	padding-top: 80px;
	padding-bottom: 80px;
}

body .breadcrumbs-text p{
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

body .breadcrumbs-text p svg{
	margin-left: 10px;
	margin-right: 10px;
}

body .leadership-main-section .leadership-content{
	display: flex;
	align-items: flex-start;
}

body .leadership-main-section .leadership-content .leadership-text{
	width: 50%;
}

body .leadership-main-section .leadership-content .leadership-image{
	width: 50%;
	margin-left: 60px;
}

body .leadership-main-section .leadership-content .leadership-image img{
	max-height: calc(100vh - 220px);
	object-fit: cover;
	width: 100%;
	border-radius: 20px;
	object-position: top center;
}

body .leadership-main-section .leadership-content .leadership-name h2{
	margin-bottom: 30px;
}

body .leadership-main-section .leadership-content .leadership-designation h2{
	margin-bottom: 40px;
}

body .leadership-linkedin a{
	display: flex;
	align-items: center;
	margin-top: 30px;
}

body .leadership-linkedin a img{
	max-width: 50px;
	height: fit-content;
}

body .leadership-linkedin a p{
	margin-bottom: 0px;
	margin-left: 15px;
}

body .leadership-posts article.posts-item .post-image{
	height: 300px;
}

body .leadership-posts article.posts-item .post-image img{
	object-position: center -25px;
}

body .leadership-posts article.posts-item .post-name h2{
	margin-bottom: 10px;
}

body .leadership-posts article.posts-item .post-designation h4{
	margin-bottom: 20px;
}

/* Media Assets CSS */

body .right-image-section .right-image-col{
	width: 50%;
}

body .right-image-section .right-image-element img{
	width: 50vw;
	max-width: 50vw;
}

body .media-image-element{
	background: #f7f8fc;
	border-radius: 20px;
}

body .media-image-element img{
	max-height: 340px;
	width: fit-content;
	object-fit: contain;
}

body .media-assets-item{
	display: block;
	margin-bottom: 60px;
}

body .popup-main{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50%;
	left: 50%;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.65);
	transform: translate(-50%, -50%);
	z-index: 999;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s 0.2s;
}

body .popup-inner{
	position: relative;
	max-width: 660px;
	margin: 0 15px;
	width: 100%;
	background: #f7f8fc;
	border-radius: 20px;
	padding: 25px;
	opacity: 0;
	pointer-events: none;
	transition: 0.3s;
}

body .popup-main.active{
	opacity: 1;
	pointer-events: auto;
	transition: 0.3s 0.2s;
}

body .popup-main.active .popup-inner{
	opacity: 1;
	pointer-events: auto;
	transition: 0.3s;
}

body .popup-inner .popup-close{
	position: absolute;
	right: 23px;
	top: 22px;
	width: 42px;
	height: 42px;
	cursor: pointer;
}

body .popup-inner .popup-close svg{
	width: 100%;
	height: 100%;
}

body .popup-inner .popup-close:hover svg path{
	fill: #2067DA;
	transition: 0.3s;
}

body .popup-main .popup-heading{
	padding-right: 50px;
}

body .popup-main .popup-video iframe{
	width: 100%;
	min-height: 342px;
}

body .media-assets-container .blog-posts-slider{
	margin-top: 0;
	padding-top: 0px;
}

body .media-assets-container .blog-posts-slider.nav-slides{
	min-height: 90px !important;
	max-width: calc(100%);
	margin: 0 auto;
	margin-bottom: 20px;
	left: 0px;
}

body .media-assets-container .blog-posts-slider.nav-slides .slides-container{
	position: relative;
	width: 100%;
	max-width: calc(100% - 120px);
	margin: 0 auto;
	height: 90px;
	overflow: hidden;
}

body .media-assets-container .blog-posts-slider.main-slides{
	min-height: 320px !important;
	margin-bottom: 20px;
}

body .media-assets-container.highlight-videos-container{
	max-width: 800px;
	margin: 0 auto;
}

body .media-assets-container.highlight-videos-container .blog-posts-slider.main-slides article.posts-item{
	pointer-events: auto !important;
}

body .media-assets-container.highlight-videos-container .blog-posts-slider.main-slides{
	min-height: 460px !important;
}

body .media-assets-container.highlight-videos-container .blog-posts-slider.nav-slides{
	min-height: 110px !important;
}

body .media-assets-container.highlight-videos-container .blog-posts-slider.nav-slides .slides-container{
	height: 110px !important;
}

body .media-assets-container.highlight-videos-container article iframe{
	height: 100%;
}

body .media-assets-container .blog-posts-slider.main-slides .blog-slider-navigation{
	display: none;
}

body .media-assets-container .blog-posts-slider.main-slides article.posts-item{
	width: calc(100% - 30px);
}

body .media-assets-container .blog-posts-slider.nav-slides article.posts-item{
	opacity: 0.5;
}

body .media-assets-container .blog-posts-slider.nav-slides article.posts-item.next2{
	opacity: 0;
}

body .media-assets-container .blog-posts-slider.nav-slides article.posts-item.active{
	opacity: 1;
}

body .media-assets-container .blog-posts-slider article.posts-item{
	display: block;
	height: 100%;
	margin-top: 0px;
	border-radius: 10px;
	overflow: hidden;
	pointer-events: none !important;
}

body .media-assets-container .blog-posts-slider article.posts-item img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	overflow: hidden;
}

body .media-assets-container .blog-posts-slider.main-slides article.active{
    left: 0%;
    opacity: 1;
	pointer-events: auto;
}

body .media-assets-container .blog-posts-slider.main-slides article.next{
    left: 100%;
    opacity: 1;
	pointer-events: auto;
}

body .media-assets-container .blog-posts-slider.main-slides article.next1{
    left: 200%;
    opacity: 1;
	pointer-events: auto;
}

body .media-assets-container .blog-posts-slider.main-slides article.next2{
    left: 300%;
    opacity: 1;
}

body .media-assets-container .blog-posts-slider.main-slides article.prev{
    left: -100%;
    opacity: 1;
}

body .media-assets-container .blog-posts-slider.main-slides article.prev1{
    left: -200%;
}

body .media-assets-container .blog-posts-slider.nav-slides .blog-slider-navigation{
	left: 0px;
	right: initial;
	width: calc(100%);
	height: 100%;
	overflow: visible;
	display: flex;
	align-items: center;
}

body .media-assets-container .blog-posts-slider.nav-slides .blog-slider-navigation .slider-navigation{
	position: absolute;
	left: 0px;
}

body .media-assets-container .blog-posts-slider.nav-slides .blog-slider-navigation .slider-navigation.navigation-right{
	position: absolute;
	left: auto;
	right: 0;
}

body .media-assets-container .download-cta{
	text-align: center;
}

/* Latest posts CSS */

.latest-posts-section{
	/* padding-top: 120px */
}

.latest-posts-section .toggle-navigation{
	/* margin-bottom: 120px; */
}

.latest-posts-section .blog-slider-section .blog-posts-slider{
	padding-top: 80px;
	margin-top: -160px;
}

.latest-posts-section .blog-posts-slider .blog-slider-navigation{
	/* margin-bottom: 120px; */
}

.latest-posts-section .blog-slider-section .blog-posts-slider .slides-container{
	position: relative;
}

/* Pagination CSS */

body .mk-pagination{
	display: block;
	width: 100%;
	margin-top: 40px;
}

body .mk-pagination .mk-total-pages{
	display: block;
	width: 100%;
	margin-top: 25px;
}

body .mk-pagination .mk-pagination-links{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 0px;
	flex-wrap: wrap;
}

.light-theme .blog-posts-slider .blog-slider-navigation .slider-navigation{
	background: #2067DA29;
}

body .mk-pagination .page-number{
    display: flex;
    height: 56px;
	width: 56px;
	border-radius: 50%;
    align-items: center;
	justify-content: center;
    padding: 20px;
    cursor: pointer;
	background: #fff;
	border: 1px solid #2067DA;
	color: #2067DA;
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	margin: 5px 10px;
}

body .mk-pagination .page-number svg{
	width: 16px;
	height: auto;
}

body .mk-pagination .page-number.current-page{
	background: #2067DA;
	color: #FFF;
	pointer-events: none;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation.navigation-right{
	background: #2067DA;
	margin-left: 15px;
}

.blog-posts-slider .blog-slider-navigation .slider-navigation:hover{
     background: #1A202C;
}

body .mk-pagination .page-number svg path{
    fill: #2067DA;
}

body .mk-pagination .page-number.next svg{
    transform: rotate(180deg);
}

body .mk-pagination .page-number:hover{
	background: #1A202C;
	border-color: #1A202C;
	color: #FFF;
}

body .mk-pagination .page-number:hover svg path{
	fill: #FFF;
}

/* Search CSS */

body .search-form-container{
	display: flex;
	max-width: 880px;
	width: 100%;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 80px;
}

body.page-template-agoda-in-the-news .search-form-container{
	max-width: 700px;
}

body .search-form-container form,
body .search-form-container .search-fields{
	display: flex;
	width: 100%;
}

body .search-form-container .search-fields{
	border: 1px solid #C1CBE0;
	border-radius: 40px;
	overflow: hidden;
	margin-right: 20px;
	padding: 12px 0px;
	background: #FFF;
}

body .search-form-container .search-submit{
	display: flex;
	width: fit-content;
}

body .search-form-container .search-field{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0px 10px;
}

body .search-form-container .search-field .search-icon{
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	max-height: 22px;
	width: fit-content;
}

body .search-form-container .search-field input,
body .search-form-container .search-field select{
	font-size: 16px;
	border: none;
	outline: none;
	box-shadow: none;
	padding: 0px 20px;
	color: #24262C;
    -webkit-appearance: none;
}

body .search-form-container .search-field select option{
	padding: 15px 20px;
}

body .search-form-container .search-field input::placeholder{
	color: #595A5A
}

body .search-form-container input[type="submit"]{
	border: none;
}

body .search-form-container .search-text{
	width: calc(100% - 440px);
}

body.page-template-agoda-in-the-news .search-form-container .search-text{
	width: calc(100% - 200px);
}

body .search-form-container .search-category{
	border-left: 1px solid #C1CBE0;
	width: calc(240px);
}

body .search-form-container .search-date{
	width: calc(200px);
	border-left: 1px solid #C1CBE0;
}

body .search-form-container .search-text input{
	padding-left: 40px;
}

body .no-results-container{
	width: 100%;
}

body .no-results-image img{
	max-width: 260px;
	margin: 0 auto;
	margin-bottom: 20px;
}

/* Single Press CSS */

body.single-press #content .custom-page-section .section-inner{
	max-width: 800px;
}

body.single-press #content .breadcrumbs-text{
	margin-top: 80px;
}

body.single-press #content .press-image img{
	width: 100%;
}

body.single-press #content img{
	margin-top: 20px;
	margin-bottom: 30px;
}

/* Share Social CSS */

.categories-tags{
	margin-bottom: 40px;
}

.social-item-container{
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: 2px solid #D8E2F1;
	margin-bottom: 40px;
	padding-bottom: 60px;
}

.social-item-container .social-item{
	margin: 6px;
}

body.single-press #content .press-footer-section .section-inner{
	margin-bottom: 100px;
	margin-top: 80px;
}

/* Smaller Screen Desktops */
@media only screen and (max-width: 1280px) {
    
}

/* Mid Large Screen Desktops */
@media only screen and (min-width: 1440px) {

}

/* Large Screen Desktops */
@media only screen and (min-width: 1920px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

	article.posts-item,
	.posts-container.four-items article{
		width: calc(50% - 30px);
	}

	.blog-posts-slider article.posts-item,
	.blog-posts-slider.posts-container.four-items article{
		width: calc(100% - 30px);
	}

	article.posts-item .post-image{
		height: 320px;
	}

	/* Slider CSS */

	.blog-posts-slider{
		min-height: 650px;
	}

	.blog-posts-slider.four-items{
		min-height: 480px;
	}

	.blog-posts-slider article.active,
	.blog-posts-slider.four-items article.active{
	    left: 0%;
	}
	
	.blog-posts-slider article.next,
	.blog-posts-slider.four-items article.next{
	    left: 100%;
	    opacity: 1;
		pointer-events: auto;
	}
	
	.blog-posts-slider article.next1,
	.blog-posts-slider.four-items article.next1{
	    left: 200%;
	    opacity: 1;
		pointer-events: auto;
	}
	
	.blog-posts-slider article.next2,
	.blog-posts-slider.four-items article.next2{
	    left: 200%;
	    opacity: 1;
	}
	
	.blog-posts-slider article.prev,
	.blog-posts-slider.four-items article.prev{
	    left: -100%;
	    opacity: 1;
	}
	
	.blog-posts-slider article.prev1,
	.blog-posts-slider.four-items article.prev1{
	    left: -200%;
	}

	.blog-posts-slider .blog-slider-navigation{
		top: 12px;
	}

	.blog-posts-slider .blog-slider-navigation .slider-navigation{
		padding: 5px 16px;
		min-height: 40px;
		height: 45px;
		width: 45px;
	}

	/* Highlights CSS */

	body .highlights-posts,
	body .highlights-posts-container{
		min-height: 740px;
	}

	body .agoda-news .highlights-posts,
	body .agoda-news .highlights-posts-container{
		min-height: 640px;
	}

	body .highlights-posts article.posts-item{
		flex-wrap: wrap;
		align-items: flex-start
	}

	body .highlights-posts article.posts-item .post-image,
	body .highlights-posts article.posts-item .post-content{
		width: 100%;
	}

	body .highlights-posts article.posts-item .post-image{
		height: 25vh;
	}

	body .highlights-posts article.posts-item .post-content{
		padding: 0px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 40px;
		max-width: 100%;
	}

	body .highlights-posts .posts-navigation{
		bottom: 30px;
		width: 80px;
		left: 50%;
	}

	body .highlights-posts .posts-navigation .nav-item{
		height: 10px;
		width: 10px;
	}

	/* Slider CSS */

	body .custom-page-section.elementor-element{
		padding: 0px;
	}

	.blog-posts-slider{
		margin-top: 0px;
	}

	/* Image Text CSS */

	body .image-text-row{
		flex-wrap: wrap;
		padding: 0px;
	}
	
	body .image-text-row.left-text .text-col{
		padding: 0px;
		padding-right: 0px;
		width: 100%;
	}
	
	body .image-text-row.right-text .text-col{
		padding: 0px;
		padding-left: 0px;
		width: 100%;
	}

	body .image-text-row.right-text .text-col p{
		margin-bottom: 0px;
	}

	body .image-text-row.left-text{
		flex-direction: column-reverse;
	}

	body .image-text-row .image-col{
		padding: 0px;
		margin-bottom: 40px;
		width: 100%;
	}

	/* Pagination CSS */

	body .mk-pagination .page-number{
	    height: 45px;
		width: 45px;
	    padding: 10px;
		font-size: 15px;
		margin: 5px;
	}

	/* Search CSS */

	body .search-form-container{
		margin-top: 40px;
	}
	
	body .search-form-container form,
	body .search-form-container .search-fields{
		flex-wrap: wrap;
		margin-right: 0px;
	}

	body .search-form-container .search-submit{
		width: 100%;
		margin-top: 20px;
	}

	body .search-form-container .search-field input,
	body .search-form-container .search-field select{
		padding: 14px 40px;
	}

	body .search-form-container .search-text,
	body.page-template-agoda-in-the-news .search-form-container .search-text{
		width: calc(100%);
	}

	body .search-form-container .search-field.search-text input{
		padding-right: 70px
	}
	
	body .search-form-container .search-date,
	body .search-form-container .search-category{
		width: calc(100%);
		border-left: none;
		border-top: 1px solid #C1CBE0;
	}

	body .search-form-container .search-category{
		padding-right: 45px;
	}

	body .search-form-container .search-field .search-icon{
		left: auto;
		right: 40px;
	}

	body .search-form-container .search-field .search-icon svg{
		height: 17px;
	}

	/* Media Assets CSS */
	
	body .right-image-section .right-image-col{
		width: 100%;
	}
	
	body .right-image-section .right-image-element img{
		width: calc(100%);
		max-width: 100%;
	}

	body .right-image-section .right-image-row{
		display: flex;
		flex-direction: column-reverse;
	}

	body .right-image-section .right-image-row .right-image-col.col-1{
		padding-right: 0px;
	}

	body .right-image-section .right-image-row .right-image-col.col-2{
		padding-right: 0px;
		width: calc(100% + 40px);
		left: -20px;
	}

	body .media-assets-container .blog-posts-slider.main-slides{
		min-height: 320px;
		margin-bottom: 20px;
	}

	/* Meet CEO CSS */

	body .met-ceo-row{
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse !important;
		margin-top: 10px;
	}

	body .met-ceo-row .met-ceo-col{
		padding: 0px;
	}

	body .met-ceo-row .met-ceo-col.text-col{
		margin-top: 40px;
	}

	/* Facts CSS */

	body .facts-item-container{
		padding: 0px;
	}

	body .facts-item-container .facts-item{
		margin-bottom: 20px;
	}

	/* Popup CSS */

	body .popup-inner .popup-close{
		height: 35px;
		height: 35px;
	}

	/* Leadership CSS */

	body .leadership-main-section .leadership-content{
		flex-wrap: wrap;
		flex-direction: column-reverse
	}

	body .leadership-main-section .leadership-content .leadership-text,
	body .leadership-main-section .leadership-content .leadership-image{
		width: 100%;
		margin-left: 0px;
	}

	body .leadership-main-section .leadership-content .leadership-image{
		margin-bottom: 40px;
	}

	body .leadership-main-section .leadership-content .leadership-image img{
		max-height: 520px;
	}

	body .breadcrumbs-text p{
		flex-wrap: wrap;
	}
}

/* Mobile Devices */
@media only screen and (max-width: 765px) {

    article.posts-item,
	.posts-container.four-items article{
		width: calc(100% - 30px);
	}

	/* Slider CSS */

	.blog-posts-slider{
		min-height: 650px;
	}

	.blog-posts-slider.four-items{
		min-height: 480px;
	}

	.blog-posts-slider article.active,
	.blog-posts-slider.four-items article.active{
	    left: 0%;
	}
	
	.blog-posts-slider article.next,
	.blog-posts-slider.four-items article.next{
	    left: 100%;
	    opacity: 1;
		pointer-events: auto;
	}
	
	.blog-posts-slider article.next1,
	.blog-posts-slider.four-items article.next1{
	    left: 200%;
	    opacity: 1;
		pointer-events: auto;
	}
	
	.blog-posts-slider article.next2,
	.blog-posts-slider.four-items article.next2{
	    left: 200%;
	    opacity: 1;
	}
	
	.blog-posts-slider article.prev,
	.blog-posts-slider.four-items article.prev{
	    left: -100%;
	    opacity: 1;
	}
	
	.blog-posts-slider article.prev1,
	.blog-posts-slider.four-items article.prev1{
	    left: -200%;
	}

	.blog-posts-slider .blog-slider-navigation{
		top: 12px;
	}

	.blog-posts-slider .blog-slider-navigation .slider-navigation{
		padding: 5px 16px;
		min-height: 40px;
		height: 45px;
		width: 45px;
	}

	/* Highlights CSS */

	body .highlights-posts,
	body .highlights-posts-container{
		min-height: 740px;
	}

	body .agoda-news .highlights-posts,
	body .agoda-news .highlights-posts-container{
		min-height: 640px;
	}

	body .highlights-posts article.posts-item{
		flex-wrap: wrap;
		align-items: flex-start
	}

	body .highlights-posts article.posts-item .post-image,
	body .highlights-posts article.posts-item .post-content{
		width: 100%;
	}

	body .highlights-posts article.posts-item .post-image{
		height: 25vh;
	}

	body .highlights-posts article.posts-item .post-content{
		padding: 0px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 40px;
	}

	body .highlights-posts .posts-navigation{
		bottom: 30px;
		width: 80px;
		left: 50%;
	}

	body .highlights-posts .posts-navigation .nav-item{
		height: 10px;
		width: 10px;
	}

	/* Slider CSS */

	body .custom-page-section.elementor-element{
		padding: 0px;
	}

	.blog-posts-slider{
		margin-top: 0px;
	}

	/* Image Text CSS */

	body .image-text-row{
		flex-wrap: wrap;
		padding: 0px;
	}
	
	body .image-text-row.left-text .text-col{
		padding: 0px;
		padding-right: 0px;
		width: 100%;
	}
	
	body .image-text-row.right-text .text-col{
		padding: 0px;
		padding-left: 0px;
		width: 100%;
	}

	body .image-text-row.right-text .text-col p{
		margin-bottom: 0px;
	}

	body .image-text-row.left-text{
		flex-direction: column-reverse;
	}

	body .image-text-row .image-col{
		padding: 0px;
		margin-bottom: 40px;
		width: 100%;
	}

	/* Pagination CSS */

	body .mk-pagination .page-number{
	    height: 45px;
		width: 45px;
	    padding: 10px;
		font-size: 15px;
		margin: 5px;
	}

	/* Search CSS */

	body .search-form-container{
		margin-top: 40px;
	}
	
	body .search-form-container form,
	body .search-form-container .search-fields{
		flex-wrap: wrap;
		margin-right: 0px;
	}

	body .search-form-container .search-submit{
		width: 100%;
		margin-top: 20px;
	}

	body .search-form-container .search-field input,
	body .search-form-container .search-field select{
		padding: 14px 40px;
	}

	body .search-form-container .search-text,
	body.page-template-agoda-in-the-news .search-form-container .search-text{
		width: calc(100%);
	}

	body .search-form-container .search-field.search-text input{
		padding-right: 70px
	}
	
	body .search-form-container .search-date,
	body .search-form-container .search-category{
		width: calc(100%);
		border-left: none;
		border-top: 1px solid #C1CBE0;
	}

	body .search-form-container .search-category{
		padding-right: 45px;
	}

	body .search-form-container .search-field .search-icon{
		left: auto;
		right: 40px;
	}

	body .search-form-container .search-field .search-icon svg{
		height: 17px;
	}

	/* Media Assets CSS */
	
	body .right-image-section .right-image-col{
		width: 100%;
	}
	
	body .right-image-section .right-image-element img{
		width: calc(100%);
		max-width: 100%;
	}

	body .right-image-section .right-image-row{
		display: flex;
		flex-direction: column-reverse;
	}

	body .right-image-section .right-image-row .right-image-col.col-1{
		padding-right: 0px;
	}

	body .right-image-section .right-image-row .right-image-col.col-2{
		padding-right: 0px;
		width: calc(100% + 40px);
		left: -20px;
	}

	body .media-assets-container .blog-posts-slider.main-slides{
		min-height: 170px !important;
		margin-bottom: 20px;
	}

	body .media-assets-container.highlight-videos-container .blog-posts-slider.main-slides{
		min-height: 170px !important;
	}
	
	body .media-assets-container.highlight-videos-container .blog-posts-slider.nav-slides{
		min-height: 90px !important;
	}
	
	body .media-assets-container.highlight-videos-container .blog-posts-slider.nav-slides .slides-container{
		height: 90px !important;
	}

	/* Meet CEO CSS */

	body .met-ceo-row{
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse !important;
		margin-top: 10px;
	}

	body .met-ceo-row .met-ceo-col{
		padding: 0px;
	}

	body .met-ceo-row .met-ceo-col.text-col{
		margin-top: 40px;
	}

	/* Facts CSS */

	body .facts-item-container{
		padding: 0px;
	}

	body .facts-item-container .facts-item{
		margin-bottom: 20px;
	}

	/* Popup CSS */

	body .popup-inner .popup-close{
		height: 35px;
		height: 35px;
	}

	/* Leadership CSS */

	body .leadership-main-section .leadership-content{
		flex-wrap: wrap;
		flex-direction: column-reverse
	}

	body .leadership-main-section .leadership-content .leadership-text,
	body .leadership-main-section .leadership-content .leadership-image{
		width: 100%;
		margin-left: 0px;
	}

	body .leadership-main-section .leadership-content .leadership-image{
		margin-bottom: 40px;
	}

	body .leadership-main-section .leadership-content .leadership-image img{
		max-height: 320px;
	}

	body .breadcrumbs-text p{
		flex-wrap: wrap;
	}

	.latest-posts-section .toggle-navigation{
		margin-bottom: 80px;
	}

	.latest-posts-section .blog-posts-slider .blog-slider-navigation{
		top: 100px;
	}

	.latest-posts-section .section-bottom-cta{
		margin-top: -50px;
	}
}