/*
	Ruler Digital Agency 
	https://www.ruler.agency
	Copyright 2023, RULER SMPC. All rights reserved.
	Version: 1.0
*/

@media (min-width: 1920.98px) {
	/* Generic */

}
@media (max-width: 1599.98px) {
	/* Generic */
	html {
		font-size: 22.5px;
	}
	a.link svg.link-icon,
	.page-numbers svg,
	.swiper .swiper-button-next,
	.swiper .swiper-button-prev,
	.quote,
	div.wpforms-container-full .wpforms-form .form_btn_svg {
		width: 70px;
		height: 70px;
		margin-left: 20px;
	}
	.grid-details h2,
	.related-item-content h2,
	.related-item-content p,
	.blog-item h3 {
		padding-right: 80px;
	}
	.unit-swiper .swiper-button-next,
	.unit-swiper .swiper-button-prev {
		width: 40px;
		height: 40px;
		padding: 10px;
	}
	.main_sticky_details a.link svg,
	.sticky_post_details a.link svg,
	.non_sticky_post_link a.link svg,
	div.wpforms-container-full .wpforms-form .form_btn_svg {
		margin-left: 0;
	}
	.main_sticky_link a.link svg {
		width: 100px;
		height: 100px;
		padding: 30px;
	}
	.heading_title:not(.no-translate) {
		transform: translateY(45px);
	}
	
	/* Partnerships Home */
	.partnerships-logo img {
		height: 175px;
		width: auto;
	}
	
	/* Dynamic Tabs */
	.dynamic-tab-link {
		top: -115px;
	}
	
	/* Projects Page */
	.unit-details {
		padding-top: 200px;
	}
	
	/* Pagination */
	ul.page-numbers li {
		width: 50px;
		height: 50px;
	}
	
	/* Talk Button */
	.talk_button svg {
		width: 150px;
		height: 150px;
	}
	
	/* Contact Page */
	#contact .wpforms-submit {
		padding-right: 100px;
	}
	div.wpforms-container-full .wpforms-form .form_btn_svg {
		top: -25px;
	}
	
	/* Languages */
	#languages {
		top: 60px;
	}
}
@media (max-width: 1399.98px) {
	/* Generic */
	html {
		font-size: 20px;
	}
	
	/* USP Accordion */
	#usp-accordion .sub-heading {
		font-size: 1.8rem;
	}
	
	/* Partnerships Home */
	.partnerships-logo img {
		height: 150px;
		width: auto;
	}
	
	/* Accommodation Page */
	.room_info_img img,
	.accommodation-specs-img img {
		width: 40px;
	}
	.facility_single_icon {
		padding-left: 60px;
	}
	.single-room-info {
		padding-left: 55px;
	}
	
	/* Project Page */
	.unit-wrap {
		top: 3.5%;
	}
	.unit-swiper.swiper {
		max-width: 85%;
	}
	.unit-gallery-carousel-navigation {
		bottom: 25px;
		right: -5px;
		padding-right: 0;
	}
	
	/* Footer 2 Col */
	#menu-bottom-menu li {
		margin: 0 22.5px;
	}
	#menu-bottom-menu li,
	#classic-footer-menu li {
		font-size: 25px;
		line-height: 45px;
	}
	#menu-bottom-menu li::before,
	#classic-footer-menu li::before {
		left: calc(-22.5px - 3px);
	}
	
	/* Languages */
	#languages {
		top: 55px;
	}
}
@media (max-width: 1199.98px) {
	/* Generic */
	.extra-big-heading,
	.extra-big-heading h1,
	.extra-big-heading h2 {
		font-size: 3.5rem;
		line-height: 4rem;
	}
	
	/* Hero Title */
	#hero-title h1 {
		margin-left: -10px;
	}
	
	/* Modal Menu */
	#mobile-menu-modal #site-navigation ul li.level-1 {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	/* USP Accordion */
	#usp-accordion .sub-heading {
		font-size: 1.55rem;
	}
	
	/* Partnerships Home */
	.partnerships-logo img {
		height: 125px;
	}
	.partnerships-logo {
		height: 250px;
	}
	
	/* Project Page */
	.unit-swiper.swiper {
		max-width: 95%;
	}
	.unit-details {
		padding-top: 185px;
	}
	
	/* Service Page */
	.single_approach {
		padding-left: 70px;
	}
	
	/* Footer 2 Col */
	#footer-navigation ul:not(#classic-footer-menu) li:first-child::before {
		display: block;
	}
	#footer-navigation ul:not(#classic-footer-menu) li {
		margin: 0;
	}
	#footer-navigation li {
		width: 33.333333%;
		padding-left: 22.5px;
		margin: 0;
	}
	#menu-bottom-menu li::before {
		left: 0;
	}
}
@media (max-width: 991.98px) {
	/* Generic */
	html {
		font-size: 17.5px;
	}
	.extra-big-heading,
	.extra-big-heading h1,
	.extra-big-heading h2 {
		font-size: 3rem;
		line-height: 3.5rem;
	}
	.heading_title:not(.no-translate) {
		transform: translateY(35px);
	}
	
	/* Button */
	a.button {
		padding: 10px 30px;
	}
	
	/* Hero */
	#home-hero {
		margin-bottom: 0;
	}
	#home-hero:not(.no-image-moto, .carousel-images-with-moto) #home-hero-title {
		margin-bottom: -50px;
	}
	#home-hero-main {
		max-width: calc(100% - 6rem);
		margin: auto;
	}
	#hero-title h1 {
		margin-left: 0;
	}
	
	/* Mobile */
	#mobile-menu {
		width: 60px;
	}
	#mobile-menu .menu-line.center-line {
		margin: 5px 0;
	}
	#mobile-menu-modal .row.align-items-center .col-12.col-lg-6:last-child {
		order: -1;
	}
	
	/* About */
	#about-text {
		margin: 35px;
	}
	
	/* USP Accordion */
	#usp-accordion .accordion-button[aria-expanded="false"] .accordion-heading-text,
	#usp-accordion .accordion-button[aria-expanded="true"] .accordion-heading-text {
		width: 100%;
		margin-top: 15px;
		margin-right: 0;
		justify-content: start;
		transform: translate(0, 0);
	}
	
	/* Dynamic Tabs */
	.dynamic-tabs {
		padding-right: 1.6666666666667rem;
	}
	#dynamic-tabs-nav {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: start;
		margin-bottom: 25px;
		overflow-x: scroll;
	}
	#dynamic-tabs-nav li.nav-item {
		width: auto;
		margin: 0 20px;
	}
	#dynamic-tabs-nav .nav-link {
		border-left: 0;
		border-bottom: 2px solid transparent;
	}
	#dynamic-tabs-nav .nav-link:hover,
	#dynamic-tabs-nav .nav-link.active {
		padding-left: 1rem;
	}
	#home-dynamic-tabs li button {
		text-align: center;
		margin: auto;
	}
	.dynamic-tabs-content {
		padding: 0 2rem;
	}
	.dynamic-tab-link {
		top: -115px;
		right: -15px;
		left: auto;
	}
	.dynamic-tab-img {
		max-height: 75vh;
	}
	
	/* Partnerships Home */
	#partnerships-title {
		margin-bottom: 3.3333333333333rem;
	}
	.partnerships-logo {
		width: 33.333333%;
	}
	
	/* Accommodation Page */
	#facilities_section .row.align-items-start:first-child .col-12.col-lg-6:first-child:not(.col-md-4) {
		margin-top: 50px;
		order: 2;
	}
	.room-info-wrapper,
	.area_description_accommodation,
	.info_project,
	.area_description_project,
	.unit-gallery-wrapper {
		padding-left: 0;
	}
	.room-info-wrapper {
		margin-top: 1.5rem;
	}
	.single-room-info,
	.info_project div:not(.book-a-visit) {
		max-width: 50%;
		width: 100%;
	}
	#accommodation_terms {
		margin-top: 50px;
	}
	
	/* Top Gallery - Moto */
	#dynamic-top-gallery {
		margin-left: -40vw;
	}
	.top-gallery-img,
	.bot-gallery-img {
		width: 150px;
	}
	
	/* Masonry & Gallery */
	.grid-item {
		width: calc(50% - 40px);
		margin: 0 20px 40px 20px;
	}
	
	/* Projects */
	.terms-pagination {
		overflow-x: scroll;
	}
	
	/* Project Page */
	.unit-wrap {
		position: relative;
		max-width: 100%;
		top: 0;
	}
	.unit-details {
		padding-top: 35px;
	}
	.details-swiper-slide .row .col-lg-6:first-child {
		order: 2;
	}
	
	/* News Home */
	.blog-item-img {
		display: none;
	}
	
	/* Service Page */
	.single_approach {
		padding-left: 55px;
	}
	.approach_number {
		top: 0;
	}
	
	/* Posts Archive */
	.main_sticky_link a.link svg {
		width: 70px;
		height: 70px;
		padding: 20px;
	}
	.main_sticky_wrap .main_sticky_details {
		position: relative;
		bottom: 0;
	}
	.main_sticky_details,
	.sticky_post_details,
	.row-layout-item-details {
		padding: 20px;
	}
	.sticky_article-img,
	.main_sticky_img_wrapper,
	.image_single_accommodation,
	.image_single_experience,
	.image_single_project,
	.service_img_wrapper {
		height: 60vh;
	}
	.sticky_article-img img,
	.image_single_accommodation img,
	.image_single_experience img,
	.image_single_project img,
	.service_img_wrapper img,
	.main_sticky_img_wrapper img {
		height: 100%;
		object-fit: cover;
	}
	
	/* Grid Layout Cols */
	.col-width-2,
	.col-width-3,
	.col-width-4,
	.col-width-5 {
		max-width: 50%;
	}
	
	/* Talk Button */
	.talk_button svg {
		width: 125px;
		height: 125px;
	}
	
	/* Footer 2 Col */
	#footer .container {
		max-width: 100%;
	}
	#menu-bottom-menu li {
		width: 50%;
	}
	#footer .row:last-child .col-lg-3 {
		margin-bottom: 20px;
		order: -1;
	}
	
	/* Big Text */
	#big-text-bg-img {
		height: 70vh;
		top: calc(50% - 35vh);
	}
	
	/* Fixed Contact Button */
	.fixed-contact-us {
		width: 50px;
		height: 50px;
		left: 50%;
		bottom: 25px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		align-items: center;
		border-radius: 50%;
		transform: translateX(-50%);
	}
	.contact_header {
		opacity: 0;
	}
	
	/* Magnific */
	.mfp-arrow {
		width: 50px;
		height: 50px;
	}
	.mfp-arrow {
		-webkit-transform: unset;
		transform: unset;
	}
	.mfp-arrow.mfp-arrow-left {
		left: 10%;
	}
	.mfp-arrow.mfp-arrow-right {
		right: 10%;
	}
	
	/* Languages */
	#languages {
		top: 45px;
	}
	#languages li a.wpml-ls-link {
		width: 40px;
		height: 40px;
		font-size: 17px;
		line-height: 40px;
	}
	
	.custom-logo {
		max-height: 80px;
		height: 100%;
		width: auto;
	}
	#header-wrapper .container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	.dynamic-carousel-image-img {
		max-height: 50vh;
	}
	#footer-navigation li::before,
	#footer-navigation ul:not(#classic-footer-menu) li:first-child::before {
		display: none;
	}
	#footer-navigation li {
		width: auto;
		padding-left: 20px;
		margin: 0;
		padding-right: 20px;
	}
}
@media (max-width: 767.98px) {
	/* Generic */
	html {
		font-size: 17px;
	}
	.main-heading, h1:not(.extra-big-heading),
	.main-heading h2 {
		font-size: 2.75rem;
		line-height: 3rem;
		word-wrap: break-word;
	}
	#mobile-menu-modal #site-navigation ul li.level-1 span {
		font-size: 1.85rem;
		line-height: 2.05rem;
	}
	#mobile-menu-modal #site-navigation ul li.level-1 span.sub-menu-button {
		font-size: 45px;
		line-height: 45px;
	}
	
	.sub-heading:not(.big-text),
	.sub-heading h2, 
	.single-service-content > h2,
	.single h2:not(.extra-big-heading),
	.about_section_desc > h2,
	#archive-description-section h2 {
		font-size: 1.85rem;
		line-height: 2.25rem;
		word-wrap: break-word;
	}
	.small-heading,
	h3 {
		font-size: 1.75rem;
		line-height: 2rem;
		margin-bottom: 1.25rem;
		word-wrap: break-word;
	}
	a.link svg.link-icon,
	.page-numbers svg,
	.swiper .swiper-button-next,
	.swiper .swiper-button-prev,
	.quote,
	div.wpforms-container-full .wpforms-form .form_btn_svg,
	.main_sticky_link a.link svg {
		width: 60px;
		height: 60px;
	}
	.grid-details h2,
	.related-item-content h2,
	.related-item-content p,
	.blog-item h3,
	.list_item_wrapper p {
		padding-right: 50px;
	}
	.unit-swiper .swiper-button-next,
	.unit-swiper .swiper-button-prev {
		width: 40px;
		height: 40px;
		padding: 10px;
	}
	h2 br {
		display: none;
	}
	
	/* Header - Logo Center */
	#header-wrapper .col-7.col-md-6 {
		order: -1;
	}
	
	/* Modal Menu */
	#mobile-menu-modal #site-navigation ul .sub-menu,
	#mobile-menu-modal .main-navigation .menu-item-has-children {
		padding-left: 45px;
	}
	#mobile-menu-modal #site-navigation ul li.level-1 span.sub-menu-button {
		left: 7.5px;
	}
	#modal-info-menu ul li {
		width: 50%;
		margin: 0 0;
	}
	
	/* Hero */
	#home-hero:not(.no-image-moto, .carousel-images-with-moto) #home-hero-title {
		margin-bottom: -37.5px;
	}
	#home-hero-main {
		max-width: calc(100% - 4rem);
		margin: auto;
	}
	
	/* About Home */
	#about-text {
		margin: 35px 0;
	}
	.about-read-more {
		margin-bottom: 35px;
	}
	
	/* Dynamic full image carousel */
	.dynamic-carousel-image-navigation {
		bottom: 30px;
		right: 20px;
	}
	.dynamic-carousel-image-content {
		left: 25px;
		bottom: 100px;
	}
	
	/* Dynamic Tabs */
	.dynamic-tab-link {
		top: -100px;
	}
	
	/* Partnerships Home */
	.partnerships-logo {
		width: 50%;
	}
	.partnerships-logo {
		height: 225px;
	}
	.partnerships-logo img {
		height: 100px;
	}
	
	/* Team Carousel */
	.single_member-img {
		max-width: 65%;
	}
	
	/* USP Accordion */
	#mobile-menu-modal #site-navigation ul li.level-1 span.sub-menu-button,
	.accordion-button .accordion-plus {
		width: 30px;
		height: 30px;
		font-size: 60px;
		line-height: 60px;
	}
	.accordion-image {
		height: 25vh;
	}
	
	/* Top Gallery - Moto */
	#dynamic-top-gallery {
		margin-left: -47vw;
	}
	
	/* Dynamic Moto Title */
	#dynamic-moto-title h2 {
		font-size: 115%;
	}
	
	/* Quote */
	.quote {
		left: 35px;
	}
	.quote svg {
		margin-top: -10px;
	}
	
	/* Testimonials */
	.dynamic-carousel-info {
		max-width: 70%;
	}
	.dynamic-carousel-info-img {
		width: 100px;
		height: 100px;
	}
	
	/* Big Text */
	#big-text-bg-img {
		width: 90vw;
		left: calc(50% - 45vw);
	}
	
	/* Masonry & Gallery */
	.grid-item {
		width: 100%;
		margin: 0 0 35px 0;
	}
	
	/* Accommodation Page */
	.accommodation-specs-img img {
		width: 30px;
	}
	.facility_single_icon {
		padding-left: 45px;
	}
	.room_info_img,
	.facility_single_icon_img {
		top: 0;
	}
	.room_info_img img,
	.accommodation-specs-img img {
		width: 35px;
	}
	.single-room-info,
	.info_project div:not(.book-a-visit) {
		max-width: 100%;
		width: 100%;
	}
	
	/* Service Page */
	.single_approach {
		padding-left: 45px;
	}
	
	/* Posts Archive */
	.main_sticky_details,
	.sticky_post_details {
		padding: 20px 0;
	}
	.main_sticky_link a.link svg {
		padding: 15px;
	}
	.sticky_article-img,
	.main_sticky_img_wrapper,
	.image_single_accommodation,
	.image_single_experience,
	.image_single_project,
	.service_img_wrapper {
		height: 50vh;
	}
	
	/* Single Post */
	.single_article_img {
		height: 35vh;
	}
	.single_article_img img,
	.accordion-image img {
		height: 100%;
		object-fit: cover;
	}
	
	/* Contact Form */
	.contact-form {
		max-width: 85%;
	}
	#contact .wpforms-submit {
		padding-right: 120px;
	}
	
	/* Grid Layout Cols */
	.col-width-2,
	.col-width-3,
	.col-width-4,
	.col-width-5 {
		max-width: 100%;
	}
	
	/* Big Text */
	#big-text-bg-img {
		height: 60vh;
		top: calc(50% - 30vh);
	}
	
	/* Talk Button */
	.talk_button svg {
		width: 115px;
		height: 115px;
	}
	
	/* Footer 2 Col */
	#footer .container,
	#menu-bottom-menu li {
		max-width: 100%;
		width: 100%;
	}
	#footer .footer-col-2 .row.animate-bot .col-12.col-md-6:last-child {
		order: -1;
	}
	.carousel-gallery-swiper:not([carousel-items="1"]) .image_single_project {
		height: unset;
	}
}
@media (max-width: 575.98px) {
	/* Generic */
	html {
		font-size: 16px;
	}
	.main-heading, h1:not(.extra-big-heading),
	.main-heading h2 {
		font-size: 2.55rem;
		line-height: 2.8rem;
	}
	#mobile-menu-modal #site-navigation ul li.level-1 span {
		font-size: 1.65rem;
		line-height: 1.85rem;
	}
	.sub-heading:not(.big-text),
	.sub-heading h2, 
	.single-service-content > h2,
	.single h2:not(.extra-big-heading),
	.about_section_desc > h2,
	#archive-description-section h2 {
		font-size: 1.65rem;
		line-height: 2.05rem;
	}
	.small-heading,
	h3 {
		font-size: 1.55rem;
		line-height: 1.85rem;
	}
	
	/* Modal Menu */
	#mobile-menu-modal .main-navigation .sub-menu li {
		margin: 0 10px;
	}
	#mobile-menu-modal #site-navigation ul .sub-menu {
		padding: 10px 0 10px 45px;
	}
	#mobile-menu-modal #site-navigation ul ul.sub-menu li.level-2 span {
	  font-size: 1.1rem;
	  line-height: 1.1rem;
	}
	.social-icon {
		margin-right: 12.5px;
	}
	#modal-info-menu ul li {
		width: 100%;
		margin: 10px 0;
	}
	
	
	/* Hero */
	#home-hero-main {
		max-width: 100%;
		margin: auto;
	}
	
	/* Accordion */
	.accordion-header .accordion-heading-text {
		padding-right: 30px;
	}
	
	/* About Page */
	.single_member-img {
		max-width: 85%;
	}
	
	/* Partnerships Home */
	.partnerships-logo {
		width: 100%;
	}
	.partnerships-logo img {
		height: 125px;
	}
	.partnerships-logo:last-child {
		border-bottom: 0;
	}
	
	/* Quote */
	.quote {
		left: 15px;
	}
	
	/* Testimonials */
	.dynamic-carousel-info {
		max-width: 85%;
	}
	
	/* Top Gallery - Moto */
	#dynamic-top-gallery {
		margin-left: -80vw;
	}
	.top-gallery-img,
	.bot-gallery-img {
		width: 125px;
	}
	
	/* Projects */
	.unit-swiper.swiper {
		max-width: 100%;
	}
	
	/* Big Text */
	#big-text-bg-img {
		height: 55vh;
		top: calc(50% - 27.5vh);
	}
	
	/* Talk Button */
	.talk_button svg {
		width: 100px;
		height: 100px;
	}
	
	/* Contact Form */
	.contact-form {
		max-width: 90%;
	}
	
	/* Magnific */
	.mfp-arrow {
		width: 40px;
		height: 40px;
	}
}