@media ( max-width:2200px ) {
	.rochele-services .services-area .item.active .content-area {
		padding: 6% 6% 6% 54%;
	}	
}
@media ( max-width:2000px ) {
	.rochele-services .services-area .item.active .content-area {
		/*padding: 6%;*/
		padding: 6% 6% 6% 61%;
	}
	.rochele-services .services-area {
		height: calc(100vh - 110px);
	}
	.rochele-services .services-area .item {
		width: 19.516%;
	}
	.rochele-services .services-area .item.active {
		width: 60.968%;
	}
}
@media ( max-width:1920px ) {
	.rochele-booking .content-image {
		padding: 148px 100px;
	}
	.rochele-services .services-area .item.active .img {
		/*max-width: 510px;*/
	}
}
@media ( max-width:1900px ) {
	.rochele-booking .content-image h2 {
		font-size: 90px;
	}
	.rochele-services .services-area .item {
		width: 17.516%;
	}
	.rochele-services .services-area .item.active {
		width: 66.968%;
	}
}
@media ( max-width:1780px ) {
	.rochele-services .services-area .item {
		width: 15.516%;
	}
	.rochele-services .services-area .item.active {
		width: 70.968%;
	}
}
@media ( max-width:1700px ) {
	.rochele-banner {
		height: 850px;
	}
	.rochele-services .services-area {
		height: calc(100vh - 120px);
	}
	.rochele-banner .content .area {
		padding-top: 5%;
	}
	.rochele-services .services-area .item {
		width: 14.516%;
	}
	.rochele-services .services-area .item.active {
		width: 70.968%;
	}
	.rochele-services .services-area .item.active .img {
		/*max-width: 450px;*/
/*		-webkit-transition: all 0.1 ease-in-out;
		transition: all 0.1s ease-in-out;*/
	}
	.rochele-services .services-area .item .img {
/*		-webkit-transition: all 0.1 ease-in-out;
		transition: all 0.1s ease-in-out;*/
	}
}
@media ( max-width:1600px ) {
	.site-menu ul#menu-main-menu-2 > li:not(:first-of-type) {
		margin-left: 40px;
	}
	.site-menu ul#menu-main-menu-1 > li:not(:last-of-type) {
		margin-right: 40px;
	}
	.rochele-banner .content .area {
		padding-top: 0;
	}
	.rochele-booking .content-image {
		padding: 148px 50px;
	}
	.rochele-services .services-area .item.active .img {
		/*max-width: 390px;*/
	}
	.rochele-services .services-area .item {
		width: 13.516%;
	}
	.rochele-services .services-area .item.active {
		width: 72.968%;
	}
}
@media ( max-width:1500px ) {
	.rochele-banner {
		height: 800px;
	}
}
@media ( max-width:1440px ) {
	.start {
		right: 20px;
	}
	.product-category {
		height: 690px;
	}
	.shop-category-banner {
		height: 550px;
	}
}
@media ( max-width:1400px ) {

}
@media ( max-width:1320px ) {

}
@media ( max-width:1200px ) {
	.slider-project .swiper-wrapper {
		height: 379px;
	}
	.woocommerce-account-menu {
		margin-left: 30px;
		padding-top: 4px;
	}
	.site-menu ul.menu {
		text-align: center;
	}
	.product-category {
		height: 560px;
	}
	.rochele-booking .content-image h2 {
		font-size: 65px;
	}
}
@media ( max-width:1100px ) {
	.site-menu ul#menu-main-menu-2 > li:not(:first-of-type) {
		margin-left: 20px;
	}
	.rochele-booking .content-image h2 {
		font-size: 55px;
	}
}
@media ( max-width:991px ) {
	.home-banner {
		height: 800px;
	}
	.slider-project .swiper-wrapper {
		height: 305px;
	}
	.woocommerce-account-menu .woo-account,
	.menu-main-menu-1-container,
	.menu-main-menu-2-container,
	.start {
		display: none;
	}
	.woo-cart-menu {
		position: absolute;
		right: 25px;
		top: 30px;
	}
	header {
		height: 86px;
	}
	.menu-trigger {
		display: block;
	}
	.product-category {
		height: 465px;
	}
	.shop-archive-container .move-down {
		top: 20px;
	}
	.rochele-booking .content-image h2 {
		font-size: 46px;
	}
}
@media ( max-width:767px ) {
	.product-section h2, .project-section h2 {
		font-size: 30px;
	}
	.home-banner {
		height: 610px;
		background-position: left center;
	}
	.marquee-section .marquee-content {
		animation: scroll 50s linear infinite;
	}
	.marquee-section {
		font-size: 26px;
	}
	.project-gallery {
		display: block;
	}
	.project-gallery > div {
		margin-bottom: 18px;
	}
	.product-category {
		height: auto;
		padding-top: 55%;
	}
	.shop-archive-container .move-down span {
		display: none;
	}
	.product-category h3 {
		bottom: 10px;
		font-size: 26px;
	}
	.shop-category-banner {
		height: auto;
		padding-top: 60%
	}
	.shop-category-banner h1 {
		font-size: 36px;
		bottom: 30px;
	}
	.woocommerce div.product div.summary {
		width: 100%;
	}
	.woocommerce-cart table.cart td {
		width: 100% !important;
		padding: 20px;
	}
	footer h2 {
		display: block;
		font-size: 30px;
	}
	footer .start-logo {
		margin-top: 10px;
		margin-left: 0;
	}
	footer .first-label {
		padding-right: 105px;
	}
	footer h4 {
		display: block;
		text-align: center;
	}
	footer .members {
		display: block;
		margin-bottom: 50px;
	}
	footer .footer-member {
		justify-content: space-around;
	}
	footer .members img {
		margin-left: 10px;
		margin-right: 10px;
		object-fit: contain;
		max-width: 50%;
	}
	.my-acccount-page-template .woocommerce .woocommerce-MyAccount-navigation {
		width: 100%;
		margin-bottom: 30px;
	}
	.my-acccount-page-template .woocommerce .woocommerce-MyAccount-content {
		width: 100%;
	}
	.tinv-wishlist table td,
	.tinv-wishlist table.tinvwl-table-manage-list tbody td,
	.tinv-wishlist .tinvwl-table-manage-list .product-remove {
		padding: 10px;
		text-align: left;
	}
	.tinv-wishlist .product-action {
		padding-bottom: 40px !important;
	}
	.tinv-wishlist .product-stock p {
		display: inherit;
	}
	.product-category.panel {
		position: relative !important;
	}
/*	.shop-archive-container {
		position: sticky;
		top: 0;
		left: 0;
	}*/
	.woocommerce div.product form.cart div.quantity {
		width: 160px;
	}
/*	.page-template-templatescontact-php .panel {
		position: relative !important;
	}*/
}
@media ( max-width:575px ) {
	.home-banner {
		height: 510px;
	}
	.site-logo img {
		max-width: 236px;
	}
	header {
		height: 72px;
	}
	.woo-cart-menu {
		top: 25px;
	}
	.mobile-menu {
		top: 61px;
		height: calc(100vh - 61px);
	}
	.mobile-menu .sub-menu {
		height: calc(100vh - 61px);
	}
	.shop-archive-container .move-down {
		display: none;
	}
	.product-loop-row li {
		width: 100%;
		margin-bottom: 40px;
	}
	#mc_embed_signup_scroll {
		display: block;
	}
	#mc_embed_signup_scroll .mc-email,
	#mc_embed_signup_scroll .mc-name {
		width: 100%;
		margin-bottom: 15px;
		margin-left: 0;
	}
	#mc_embed_signup_scroll .submit-area {
		margin-left: 0;
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}
}
@media ( max-width:480px ) {
	footer .members img {
		max-height: 40px;
	}
	.site-logo {
		padding-top: 4px;
	}
	.site-logo img {
		max-width: 190px;
	}
}
@media ( max-width:400px ) {

}

/*HOMEPAGE UPDATE - AUG 2023*/
@media ( max-width:1660px ) {
	.rochele-services .services-area .item.active .content-area {
		/*padding: 60px 70px;;*/
		padding-left: 55%;
	}
}
@media ( max-width:1560px ) {
	.menu-main-menu-container .menu > li:not(:first-of-type) {
		margin-left: 60px;
	}
	.rochele-services .services-area .item.active .content-area .inside {
		/*max-width: 400px;*/
	}
}
@media ( max-width:1441px ) {
	.rochele-banner .content .area,
	.rochele-banner .content .btn-container {
		margin-top: 24%
	}
	.rochele-services .services-area {
		/*height: 790px;*/
	}
	.rochele-services .title-area {
		width: 130px;
	}
	.rochele-services {
		padding: 175px 0 175px 72px;
	}
	.rochele-services .services-area .item.active .content-area {
		/*padding: 50px 60px;*/
		padding-left: 53%;
	}
	.menu-main-menu-container .menu > li:not(:first-of-type) {
		margin-left: 50px;
	}
	.rochele-services h2,
	.rochele-banner .content .area h2,
	.rochele-innovation h2 {
		font-size: 62px;
	}
	.rochele-innovation .inner {
		max-width: 1000px;
	}
	.rochele-booking .content-image h2 {
		font-size: 72px;
	}
	.rochele-booking .content-image .content-part h3 {
		font-size: 30px;
	}
	.rochele-footer .lower .col-md-1 {
		width: 10%;
	}
	.rochele-footer .lower .col-md-5 {
		width: 45%;
	}
	.rochele-footer .lower .foot-member h4 {
		width: 120px;
		margin-right: 20px;
	}
/*	.rochele-footer .upper {
		padding: 0 100px;
	}
	.rochele-footer .lower {
		padding: 28px 100px 44px;
	}*/
	.rochele-services .services-area .img {
		/*max-width: 430px;*/
	}
	.rochele-services .services-area .item:not(.active):not(.initial) .service-title {
		left: 18px;
	}
	.rochele-services .services-area .img .num {
		font-size: 56px;
	}
	.rochele-services .services-area .img .num {
		bottom: 25px;
	}
	.rochele-services .services-area .item .link-open {
		bottom: 27px;
	}
	.rochele-services .services-area .item .content-area .inside {
		max-width: 370px;
	}
	.rochele-services .services-area .item .content-area {
		font-size: 16px;
	}
}
@media ( max-width:1400px ) {
	.menu-main-menu-container .menu > li:not(:first-of-type) {
		margin-left: 30px;
	}
	.rochele-banner {
		height: auto;
		min-height: 780px;
	}
/*	.home-section {
		min-height: calc(100vh - 86px);
		height: auto;
	}*/
}
@media ( max-width:1300px ) {
	.rochele-services .services-area .item.active .img {
		/*max-width: 350px;*/
	}
	.rochele-services .services-area .item {
		width: 9.516%;
	}
	.rochele-services .services-area .item.active {
		width: 80.968%;
	}
	.rochele-services .services-area .item .content-area .inside {
		max-width: 400px;
	}
	.rochele-services .services-area .item.active .content-area {
		padding-left: 50%;
	}
}
@media ( max-width:1200px ) {
	header.rochele-header {
		padding: 13px 80px;
	}
	.rochele-footer .upper {
		padding: 0 80px;
	}
	.rochele-footer .lower {
		padding: 28px 80px 44px
	}
	.menu-main-menu-container .menu > li:not(:first-of-type) {
		margin-left: 30px;
	}
	.menu-main-menu-container .menu li.get-in-touch a {
		font-size: 14px;
		padding: 14px 34px 15px;
	}
	.site-menu ul#menu-main-menu {
		text-align: right;
	}
	.rochele-services .title-area {
		width: 150px;
	}
	.rochele-services {
		padding: 100px 0 100px 50px;
	}
	.rochele-services h2,
	.rochele-banner .content .area h2,
	.rochele-innovation h2 {
		font-size: 56px;
	}
	.rochele-booking .booking-box h3 {
		font-size: 36px;
	}
	.rochele-booking .booking-box p {
		font-size: 20px;
	}
	.menu-main-menu-container .menu > li:not(:first-of-type) {
		margin-left: 25px;
	}
	.rochele-services .services-area .item.active .content-area {
		/*padding-left: 45%;*/
	}
	.rochele-services .services-area .item.active .img {
		/*max-width: 280px;*/
	}
	.rochele-services .services-area .item.active .content-area .inside {
		font-size: 15px;
	}
	.rochele-services .services-area .img .num {
		font-size: 36px;
	}
}
@media ( max-width:1100px ) {
	.rochele-services .services-area .item.active .content-area .inside {
		max-width: 370px;
	}
}
@media ( max-width:991px ) {
	.menu-main-menu-container {
		display: none;
	}
	header.rochele-header {
		padding: 16px 25px;
	}
	header {
		height:61px;
	}
	.site-logo {
		max-width: 215px;
	}
	.home-section {
		height: auto;
	}
	.rochele-banner .img {
		position: relative;
		width: 100%;
		padding-top: 50%;
	}
	.rochele-banner {
		padding: 50px 0 0;
		height: auto;
	}
	.rochele-banner .content {
		height: auto;
		padding: 0 50px 45px;
		display: block;
	}
	.rochele-services h2, .rochele-banner .content .area h2, .rochele-innovation h2 {
		font-size: 52px;
	}
	.rochele-innovation h2 .second-layer {
		padding-left: 20%;
	}
	.rochele-booking .content-booking {
		padding: 70px 50px 70px 48px;
	}
	.general-call {
		display: block;
	}
	.rochele-services .services-area .item.active .img {
		/*max-width: 200px;*/
	}
	.rochele-services .services-area .item:not(.active):not(.initial) .service-title {
		left: 5px;
	}
	.rochele-services .title-area {
		width: 80px;
	}
	.rochele-services .services-area .img .service-title {
		font-size: 30px;
	}
	.rochele-services .services-area .item .content-area .inside {
		max-width: 320px;
	}
	.rochele-services .services-area .item.active .content-area .inside {
		max-width: 270px;
		height: calc(100vh - 270px);
		overflow: auto;
	}
	.rochele-services .services-area .item.active .content-area .inside .btn-type {
		padding: 0.8em 1.5em;
	}
}
@media ( max-width:767px ) {
	.rochele-banner .content {
		padding: 0 50px 45px 20px;
		max-width: 100%;
	}
	.rochele-banner .content .area,
	.rochele-banner .content .btn-container {
		margin-top: 60px;
	}
	.rochele-banner .img {
		padding-top: 110%;
	}
	.rochele-services {
		flex-wrap: wrap;
		padding: 55px 0 0;
	}
	.rochele-services .title-area {
		width: 100%;
		padding: 0 20px 27px;
	}
	.rochele-services h2 {
		writing-mode: initial;
		-webkit-transform: initial;
		transform: initial;
		font-size: 40px;
	}
	.rochele-innovation {
		min-height: calc(100% - 61px);
		background-color: rgba(145,148,152,0.6);
		background-blend-mode: multiply;
	}
	.rochele-innovation .inner {
		padding: 110px 20px 50px;
	}
	.rochele-innovation h2 {
		font-size: 36px;
		margin-bottom: 60px;
	}
	.rochele-innovation h2 .second-layer {
		padding-left: 15%;
	}
	.rochele-innovation .btn-container {
		padding-top: 40px;
	}
	.btn-top-left {
		font-size: 24px;
	}
	.rochele-booking .content-image {
		display: none;
	}
	.rochele-booking .content-booking {
		width: 100%;
		padding: 0;
	}
	.outer-rochele-booking {
		padding: 20px 5px 0;
	}
	.outer-rochele-booking h2 {
		color: var(--black);
		font-size: 58px;
	}
	.outer-rochele-booking h2 .second-layer {
		background-color: #EEAB88;
		display: block;
		margin-left: -5px;
		margin-right: -5px;
		padding: 0 5px;
		margin-top: 2px;
		text-align: end;
	}
	.rochele-booking .booking-box {
		background-color: transparent;
		max-width: 100%;
		padding: 34px 20px 40px;
	}
	.rochele-booking .booking-box h3 {
		color: white;
		text-align: center;
		text-transform: initial;
		font-size: 28px;
	}
	.rochele-booking .booking-box .wpcf7 {
		margin-top: 20px;
	}
	.rochele-footer {
		padding: 66px 0 0 0;
	}
	.rochele-footer .site-logo {
		max-width: 100%;
	}
	.rochele-footer .site-logo img {
		max-width: 100%;
		width: 100%;
	}
	.rochele-footer .upper {
		padding: 0 20px;
	}
	.rochele-footer .f-info {
		max-width: 100%;
	}
	.rochele-footer .f-info .menu-social-media-menu-container ul a {
		color: #707070;
	}
	.foot-col-menu {
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.foot-col-menu > .col-fn:first-child {
		width: 35%;
	}
	.foot-col-menu > .col-fn:nth-child(2) {
		width: 65%;
	}
	.foot-col-menu > .col-fn:nth-child(3) {
		width: 100%;
	}
	.rochele-footer .lower .col-md-2 {
		width: 100%;
		order: 2;
	}
	.rochele-footer .lower .col-md-5 {
		width: 100%;
		order: 1;
	}
	.rochele-footer .lower .col-md-1 {
		order: 3;
	}
	.rochele-footer .lower .col-md-4 {
		width: 100%;
		order: 4;
		margin-top: 17px;
	}
	.rochele-footer .lower .foot-member {
		display: block;
		text-align: center;
		margin-bottom: 45px;
	}
	.rochele-footer .lower .foot-member h4 {
		width: 100%;
		margin-bottom: 15px;
	}
	#menu-footer-menu {
		text-align: center;
	}
	#menu-social-media-menu li:first-of-type {
		margin-left: 0;
	}
	header.rochele-header {
		padding: 16px 20px;
	}
	.rochele-services .services-area {
		display: none;
	}
	.rochele-projects .project-area .feature {
		padding-top: 0;
		height: 530px;
	}
	.rochele-service-mobile {
		display: block;
	}
}
@media ( max-width:575px ) {
	.rochele-projects {
		padding: 50px 0 80px;
	}
	.rochele-projects .project-area .project-nav {
		position: absolute;
		top: 445px;
		z-index: 1;
		left: 0;
		right: 0;
		width: 100%;
		justify-content: space-between;
		margin-left: 0;
		padding: 0 3px;
	}
	.rochele-projects .project-area .project-nav > div {
		filter: invert(99%) sepia(1%) saturate(1%) hue-rotate(320deg) brightness(104%) contrast(100%);
	}
	.rochele-projects .link-area {
		padding-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	.rochele-projects .project-area .feature {
		background-color: rgba(164,164,164,0.3);
		background-blend-mode: multiply;
	}
	.rochele-projects .project-details {
		padding: 0 20px;
	}
}
@media ( max-width:400px ) {
	.outer-rochele-booking h2 {
		font-size: 52px;
	}
	#menu-social-media-menu li {
		font-size: 26px;
	}
}