/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1920px) { 
	.container{
		max-width: 1710px;
	}
	.container_sm{
		max-width: 1310px;
	}
}
@media (min-width: 1600px) and (max-width: 1919.98px){
	html{
		font-size: 54%;
	}
	.container{
		max-width: 1500px;
	}
	.container_sm{
		max-width: 1120px;
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 51%;
	}
	.container{
		max-width: 1290px;
	}
	.container_sm{
		max-width: 1050px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.98px){
	html{
		font-size: 45%;
	}
	.container{
		max-width: 1140px;
	}
	.container_sm{
		max-width: 980px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 42%;
	}
	.container{
		max-width: 970px;
	}
	.menu>ul>li {
	    padding: 1rem 2rem;
	}
	.menu>ul>li.dropdown_wrap>ul {
	    padding: 0.8rem 2rem;
	}
	.container_sm{
		max-width: 880px;
	}

}
@media (min-width: 768px) and (max-width: 991.98px){
	.container{
		max-width: 700px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 62.5%;
	}
	header{
		padding: 3rem 0;
	}
	.menu{
		display: none;
	}
	.side_menu {
	    z-index: -1;
	    left: -100%;
	}
	.side_menu.current{
		left: 0;
	}
	.menu_toggle{
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.overlay{
		z-index: -2;
	}
	.side_menu_main{
		max-width: 100%;
		padding-top: 16rem;
	}
	.side_menu_outer{
		padding-right: 0;
	}
	.side_menu_main::before{
		right: 50%;
		-webkit-transform: translateX(50%);
		    -ms-transform: translateX(50%);
		        transform: translateX(50%);
	}
	.logo {
	    max-width: 18.6rem;
	}
	h1{
		font-size: 6rem;
	}
	h2, .h2,
	.inner_home .home_content h1 {
	    font-size: 5rem;
	}
	h3, .h3, .font_44 h3{
		font-size: 4rem;
	}
	h4, .h4{
		font-size: 3.2rem;
		line-height: 1.3;
	}
	h5, .h5 {
	    font-size: 2.2rem;
	}
	.template_content{
		max-width: 100%;
	}
	.curios_area p{
		max-width: 100%;
	}
	.template_area .row {
	    --bs-gutter-y: 5rem;
	}
	.py_120{
		padding: 7rem 0;
	}
	.pb_120{
		padding-bottom: 7rem;
	}
	.template_content .step_item:not(:first-child) {
	    margin-top: 4.5rem;
	}
	.service_row {
	    -ms-grid-columns: 1fr 3rem 1fr;
	    grid-template-columns: repeat(2, 1fr);
	    gap: 3rem;
	}
	.service_item:first-child {
	    -ms-grid-row-span: 1;
	    grid-row: span 1;
	}
	.service_box {
	    height: 24rem;
	    min-height: 100%;
	}
	.service_content {
	    padding: 2rem;
	    font-size: 2.5rem;
	}
	.gap-50 {
	    --bs-gutter-x: 3rem;
	    --bs-gutter-y: 3rem;
	}
	.button_wrapper {
	    -webkit-column-gap: 2rem;
	       -moz-column-gap: 2rem;
	            column-gap: 2rem;
	    row-gap: 2rem;
	}
	.cta_area .container {
	    -webkit-column-gap: 3rem;
	       -moz-column-gap: 3rem;
	            column-gap: 3rem;
	    row-gap: 4rem;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-pack: center;
	        -ms-flex-pack: center;
	            justify-content: center;
	    text-align: center;
	}
	footer{
		font-size: 1.9rem;
	}
	.opening ul li span {
	    width: 20rem;
	}
	footer p {
	    margin-top: 3rem;
	}
	footer h5 {
	    margin-bottom: 3rem;
	    padding-top: 2rem;
	}
	.footer_bottom p{
		margin-top: 4rem;
	}
	.footer_bottom ul{
		margin-top: 1.5rem;
	}
	.footer_bottom {
	    font-size: 1.9rem;
	    padding-top: 3rem;
	}
	.brand_wrapper .swiper-slide img {
	    max-height: 3.2rem;
	}
	.work_area .step_item{
		margin-top: 0;
	}
	.work_area h2 {
	    padding-bottom: 7rem;
	}
	.intro_area {
	    padding: 5rem 0 7rem;
	}
	.inner_home .home_content{
		text-align: left;
	}
	.service_box>img{
		min-height: 100%;
	}
	.brand_row {
	  -ms-grid-columns: 1fr 3rem 1fr;
	  grid-template-columns: repeat(2, 1fr);
	  gap: 3rem;
	}
	.wide {
	  -ms-grid-column-span: 1;
	  grid-column: span 1;
	}
	.tall {
	  -ms-grid-row-span: 1;
	  grid-row: span 1;
	}
	.team_area .row{
		--bs-gutter-x: 3rem;
		--bs-gutter-y: 3rem;
	}
	.room_row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.room_row>div{
		width: 100%;
	}
	.room_area::before{
		content: '';
		position: absolute;
		left: 0;
		bottom: 0rem;
		width: 100%;
		height: calc(100% - 44rem);
		background-color: var(--light);
		z-index: -1;
	}
	.room_area::after{
		width: 100%;
	}
	.room_text{
		max-width: 100%;
		margin-top: 0;
	}
	.contact_content{
		max-width: 100%;
	}
	.opening_area p{
		max-width: 100%;
	}
	.opening_area:not(.light_bg) h4{
		max-width: 100%;
	}
	.map_area iframe {
	    aspect-ratio: 168/110;
	}
	.gallery_wrap {
	    -webkit-column-gap: 2rem;
	       -moz-column-gap: 2rem;
	            column-gap: 2rem;
	}
	.gallery_img{
		margin-bottom: 2rem;
	}
	.tab_filter ul {
	    -webkit-column-gap: 4rem;
	       -moz-column-gap: 4rem;
	            column-gap: 4rem;
	}
	.title_item {
	    -webkit-column-span: all;
	       -moz-column-span: all;
	            column-span: all;
	    width: 100%;
	    display: block;
	    aspect-ratio: auto;
	    margin-bottom: 4rem;
	}
	.service_inner_area .row>div:not(:last-child) .service_inner_card{
		padding-right: 0rem;
		border-right: none;
		border-bottom: 0.1rem solid var(--theme);
		padding-bottom: 5rem;
	}
	.cta_area2 {
	    padding: 7rem 0 14rem;
	}
	.js-marquee-wrapper{
        column-gap: 8rem;
    }
    .js-marquee-wrapper>div{
        column-gap: 8rem;
    }

}
/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 46%;
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2.34vw;
	}
	.container{
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}
	.menu_toggle>span{
		display: none;
	}
	body, footer{
		font-size: 1.8rem;
	}
	.side_menu_inner .button_wrapper{
		margin-bottom: 3rem;
	}
	.side_menu_inner ul{
		margin-bottom: 3.5rem;
	}
	.side_menu_inner ul li {
	    padding: 2.5rem 0;
	}
	.side_menu_inner ul li a {
	    font-size: 2rem;
	}
	.top_text {
	    font-size: 2rem;	
	}
	.sub_title{
		font-size: 1.6rem;
	}
	h1 {
	    font-size: 4rem;
	}
	h2, .h2,
	.inner_home .home_content h1 {
	    font-size: 3.2rem;
	}
	h3, .h3, .font_44 h3 {
	    font-size: 3.2rem;
	}
	footer h5, footer .h5 {
	    font-size: 3rem;
	}
	.template_content .step_item h6, h6, .h6{
		font-size: 2rem;
	}
	.service_row {
	    -ms-grid-columns: 1fr;
	    grid-template-columns: 1fr;
	}
	.template_area p br{
		display: none;
	}
	.cta_area .button_wrapper{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	.two_list ul{
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
	}
	footer h5 {
	    padding-top: 0.2rem;
	}
	.footer_bottom{
		font-size: 1.6rem;
	}
	.footer_bottom .row>div:last-child p{
		font-size: 1.5rem;
	}
	.contact_col{
		position: relative;
	}
	.contact_col .icon_box{
		position: absolute;
		right: 0.71rem;
		top: 3rem;
	}
	.footer_logo {
	    width: 12rem;
	    top: -6rem;
	}
	footer {
	    padding: 7rem 0 6rem;
	}
	.step_area>img {
	    right: auto;
	    left: 3.5rem;
	    bottom: -1%;
	    width: calc(100% - 7rem);
	}
	.intro_area + section:not(.light_bg){
		padding-top: 0;
	}
	.button {
	    -webkit-column-gap: 1rem;
	       -moz-column-gap: 1rem;
	            column-gap: 1rem;
	}
	.cta_area {
	    padding: 6rem 0 12rem;
	}
	.brand_row {
	  	-ms-grid-columns: (1fr)[1];
	  	grid-template-columns: repeat(1, 1fr);
	  	margin-top: 6rem;
	}
	.contact_form .row {
	    --bs-gutter-y: 2rem;
	}
	.button_wrap {
	    margin-top: 4rem;
	}
	.max_size {
	    position: relative;
	    top: auto;
	    right: 0;
	}
	.file_box {
	    padding: 3rem;
	}
	.team_area h2 {
	    margin-bottom: 6rem;
	}
	.quote_area {
	    padding: 8rem 0 14rem;
	}
	.project_area + .quote_area{
		padding-bottom: 8rem;
	}
	.jos_area p br{
		display: block;
	}
	header.sticky .logo {
	    max-width: 12rem;
	}
	.feature_area .row {
	    --bs-gutter-x: 3rem;
	    --bs-gutter-y: 4rem;
	}
	.cta_area.v2>img{
		width: 100%;
	}
	.cta_area.v2 .container>img{
		width: 100%;
	}
	.gallery_wrap {
	    -webkit-column-gap: 1rem;
	    -moz-column-gap: 1rem;
	    column-gap: 1rem;
	}
	.gallery_img {
	    margin-bottom: 1rem;
	}
	.mt_80 {
	    margin-top: 6rem;
	}
	.pagination_number a span{
		display: none;
	}
	.pagination_number ul {
	    -webkit-column-gap: 2rem;
	       -moz-column-gap: 2rem;
	            column-gap: 2rem;
	}
	.pagination_number {
	    margin: 4rem auto 0;
	}
	.opening_area ul{
		font-size: 2rem;
	}
	.opening_area h6, .opening_area .h6{
		font-size: 2.2rem;
	}
	.map_area iframe {
	    aspect-ratio: 168/180;
	}
	.pt_120 {
	    padding-top: 6rem;
	}
	.gallery_wrap{
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
	}
	.title_item{
		margin-bottom: 5rem;
	}
	.room_area .service_box {
	    min-height: auto;
	}
	.marquee img {
        max-height: 3.5rem;
    }
	.js-marquee-wrapper{
        column-gap: 5rem;
    }
    .js-marquee-wrapper>div{
        column-gap: 5rem;
    }
    .tab_filter ul {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    .privacy_content {
	    padding-top: 3rem;
	}
	.order_item {
		margin-top: 5rem;
	}
	.template_area.contact_area.v2 .contact_form{
	    margin-top: 0;
	}

}