@charset "utf-8";
/* CSS Document */


@media (min-width: 1920px) and (max-width: 3500px) {
	
	.banner {
  padding: 19vw 0;
  position: relative;
  height: calc(80vh - 0px);
  display: flex;
  align-items: first baseline;
  width: 100wh;
}
	.banner img {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(80vh - 0px);
  width: 100%;
  object-fit: cover;
  width: 100wh;
  object-position: left bottom;
}
}

@media (min-width: 1750px) and (max-width: 1920px) {.banner {
  padding: 19vw 0;
  position: relative;
  height: calc(100vh - 0px);
  display: flex;
  align-items: first baseline;
  width: 100wh;
}
	.banner img {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100vh - 0px);
  width: 100%;
  object-fit: cover;
  width: 100wh;
  object-position: left bottom;
}}

@media (min-width: 1400px) and (max-width: 1499px) {
	.banner {
  padding: 19vw 0;
  position: relative;
  height: calc(100vh - 0px);
  display: flex;
  align-items: first baseline;
  width: 100wh;
}
	.banner img {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100vh - 0px);
  width: 100%;
  object-fit: cover;
  width: 100wh;
  object-position: left bottom;
}
}

@media (min-width: 1200px) and (max-width: 1400px) {
	
	p {		line-height: 25px;		font-size: 14px;	}

	.online_Ease_left img {		object-fit: contain;		object-position: left bottom;	}

	.front-about-content {		padding: 55px 20px 55px 40px;	}
	.about-content {		padding: 30px 0 30px;	}
	#service-slider .service-item .slider-content h5 {		font-size: 18px;	}
	#navbarSupportedContent ul.menu {		gap: 26px;	}
	#navbarSupportedContent .custom-button {		margin-left: 30px;		line-height: 42px;		padding: 0px 15px;		font-size: 15px;	}
	#navbarSupportedContent ul.menu li a {		font-size: 13px;	}
	.content-holder h3 {		font-size: 50px;	}
	.content-holder h2 {		font-size: 45px;	}
	.custom-header h2 {		font-size: 32px;	}
	.inner-banner .inn-banner-content h2 {		top: -33vh !important;		font-size: 45px;	}
	.about-page .inn-banner-content h2 {		top: -19vh !important;	}	
	.site-head h2 {  font-size: 40px;}
	.front-brand-slider .item .brand-content h2 {  font-size: 30px;}
	.item-category a h2 {	font-size: 35px;}
	.front-brand-slider .company-logo-body{width:120px;}
	.banner {
  padding: 19vw 0;
  position: relative;
  height: calc(100vh - 0px);
  display: flex;
  align-items: first baseline;
  width: 100wh;
}
	.banner img {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100vh - 0px);
  width: 100%;
  object-fit: cover;
  width: 100wh;
  object-position: center bottom;
}
	.front-brand-slider .banner-slide { 
	min-width:460px;
}
}

@media (min-width: 1023px) and (max-width: 1200px) {
	#navbarSupportedContent ul.menu {		gap: 15px;	}
	#navbarSupportedContent .custom-button {		margin-left: 30px;		line-height: 42px;		padding: 0px 15px;		font-size: 15px;	}
	#navbarSupportedContent ul.menu li a {	font-size: 13px;	}	
	.content-holder h3 {		font-size: 55px;	}
	.content-holder h2 {		font-size: 60px;	}
	.custom-header h2 {		font-size: 35px;	}
	.site-logo {		width: 165px;		margin-top: -45px;		margin-bottom: 7px;	}
	#navbarSupportedContent .custom-button {		margin-left: 15px;		line-height: 42px;		padding: 0px 11px;		font-size: 14px;	}
	.top-head a {		font-size: 12px;}
	.top-head .call-top {		font-size: 12px;	}
	.content-holder h2 {		font-size: 45px;	}
	.content-holder h3 {		font-size: 40px;	}
	.contact-wrap .contact-content h3 {		font-size: 30px;	}
	.contact-wrap .contact-content a {		line-height: 34px;		font-size: 17px;	}
	.question-pic {		text-align: right;	}	
	.question-pic img {		width: 60%;}	
	.banner {		height: calc(80vh - 90px);	}	
	.banner img {		height: calc(80vh - 90px);	}
	.news-wrap .const-pic {		text-align: right;	}
	.news-wrap .const-pic img {		width: 70%;	}
	.site-logo {		width:75px;		margin-top:0px;		margin-bottom: 7px;	}
	.online_Ease_left img {		object-position: right;	}
	.service-details-holder .servise-details {		padding: 0 10px !important;	}
	.service-details-holder .srv-thumbnail {		height: 380px !important;	}
	#service-details .service-item {		height: 380px !important;	}
	.inner-banner img {		height: calc(60vh - 70px);	}
	#service-details .service-item {		margin-top: 30px !important;	}
	.front-brand-slider .item .brand-content h2 {  font-size: 30px;}
	.item-category a h2 {	font-size: 35px;}
	.front-brand-slider .company-logo-body{width:120px;}
	.banner {
  padding: 19vw 0;
  position: relative;
  height: calc(100vh - 0px);
  display: flex;
  align-items: first baseline;
  width: 100wh;
}
	.banner img {
  position: absolute;
  top: 0;
  left: 0;
  height: calc(100vh - 0px);
  width: 100%;
  object-fit: cover;
  width: 100wh;
  object-position: center bottom;
}
}


@media (min-width: 992px) and (max-width: 1023px) {
	p {
		line-height: 25px;
		font-size: 14px;
	}

	.online_Ease_left img {
		object-fit: contain;
		object-position: left bottom;
	}

	.front-about-content {
		padding: 55px 20px 55px 40px;
	}

	.about-content {
		padding: 30px 0 30px;
	}

	#service-slider .service-item .slider-content h5 {
		font-size: 18px;
	}

	#navbarSupportedContent ul.menu {
		gap: 15px;
	}

	#navbarSupportedContent .custom-button {
		margin-left: 30px;
		line-height: 42px;
		padding: 0px 15px;
		font-size: 15px;
	}

	#navbarSupportedContent ul.menu li a {
		font-size: 13px;
	}

	.content-holder h3 {
		font-size: 50px;
	}

	.content-holder h2 {
		font-size: 55px;
	}

	.custom-header h2 {
		font-size: 32px;
	}

	.site-logo {
    width: 60px;
    margin-top: 0;
    margin-bottom: 7px;
  }


}
@media (min-width: 992px) and (max-width: 1023px) {
	.banner img{height: calc(70vh - 0px);}
	.banner{height: calc(70vh - 0px);}
}

@media (min-width: 1060px) and (max-width: 1200px) {
	.banner img{height: calc(100vh - 0px);}
	.banner{height: calc(100vh - 0px);}
}
@media (min-width: 500px) and (max-width: 779.99px) {

.banner img{height: calc(70vh - 0px);}
	.banner{height: calc(70vh - 0px);}
	
}
@media (min-width: 780px) and (max-width: 991.99px) {

.banner img{height: calc(70vh - 0px);}
	.banner{height: calc(70vh - 0px);}
	
}
@media (min-width: 768px) and (max-width: 779.99px) {

.banner img{height: calc(50vh - 0px);}
	.banner{height: calc(50vh - 0px);}
	
}

@media (min-width: 768px) and (max-width: 991.99px) {
	

	.text-md-end {
		text-align: left !important;
	}

	.textClass2 {
		font-size: 22px;
	}

	.textClass4 {
		font-size: 22px;
	}

	.baseTitle h2 {
		font-size: 30px;
	}

	a.LogoMainLeft {
		margin-left: 0;
	}

	.d-flex.align-items-center {
		margin-right: 0;
	}

	.site-logo {
		width: 145px;
		margin-top: -28px;
		margin-bottom: 7px;
	}

	.navbar-toggler {
		background: var(--c-blue);
		box-shadow: 0 0 0 !important;
	}

	.navbar {
		position: relative;
	}

	.navbar-collapse {
		position: absolute;
		top: 49px;
		width: 100%;
		z-index: 9999;
		background: #fff;
		padding-bottom: 10px;
	}

	#navbarSupportedContent ul.menu {
		display: block;
		padding: 0 15px;
	}

	#navbarSupportedContent ul.menu li ul.sub-menu {
		position: relative;
		width: 100%;
		border: 0;
	}

	.sticky .navbar-collapse {
		top: 80px;
	}

	.content-holder h3 {
		font-size: 35px;
	}

	

	.online_Ease_left img {
		object-position: right;
	}

	.front-about-content {
		padding: 20px 20px 20px;
	}

	.about-content {
		padding: 30px 0 35px;
	}

	.count-badge img {
		width: 50px !important;
	}

	.about-counter .count .count-text p {
		font-size: 18px !important;
		line-height: 21px;
	}

	.service-wrap {
		padding: 30px 0 !important;
	}

	.service-wrap .custom-header p {
		padding: 20px 0 !important;
	}

	#service-slider {
		padding: 0 15px !important;
	}

	.news-wrap .const-pic {
		top: -2% !important;
		width: 54%;
	}

	.news-wrap .const-pic img {
		width: 70%;
	}

	.news-wrap .const-pic {
		text-align: right;
	}

	#news-slider {
		padding: 30px 25px 55px !important;
	}

	.front-enquiry {
		right: -25px;
	}

	.question-pic {
		width: 50% !important;
		text-align: right;
	}

	.question-pic img {
		width: 80%;
	}

	.contact-wrap .contact-content h3 {
		font-size: 25px !important;
		line-height: 32px !important;
	}

	.contact-wrap .contact-content a {
		line-height: 26px !important;
		font-size: 17px !important;
	}

	.contact-wrap {
		padding: 30px 0 165px;
	}

	#testimonials-slider {
		padding: 30px 20px 10px !important;
	}

	.testimonials-wrap {
		padding: 40px 0 50px;
		background: url(../images/testi-car.webp) #fee2b0 no-repeat 0% 100%;
		background-size: 40% auto;
	}

	.testimonials-wrap .modal-dialog {
		max-width: 95%;
	}

	.testi-content-box {
		padding: 0 0px 0 0px;
	}

	.modal-body {
		padding: 0 10px 10px 15px;
	}

	.testimonials-wrap .modal-body .testi-content-box .testi-cont-text {
		margin-bottom: 20px;
	}

	.quick-link {
		padding-left: 15px;
	}

	footer {
		padding: 30px 0 30px;
	}

	.footer-info {
		padding-left: 10px;
	}

	.action-link {
		display: block;
		text-align: center;
	}

	.action-link a {
		font-size: 13px;
	}

	.action-link {
		order: 1;
		padding-bottom: 15px;
	}

	.copyright-txt {
		order: 2;
		text-align: left;
	}

	.powerd-txt {
		order: 3;
		text-align: right;
	}

	.chatboat {
		right: 13%;
	}

	.footer-link h2 {
		font-size: 20px;
	}
.site-logo {
    width: 60px;
    margin-top: 0;
    margin-bottom: 7px;
  }
	
}


@media only screen and (max-width: 991.98px) {
	.navbar-toggler {
		float: left;
		margin: 0;
		height: 45px;
		width: 45px;
		border-radius: 0;
		z-index: 1
	}

	.navbar-toggler .icon-bar {
		width: 24px;
		background: #fff;
		transition: .5s ease;
	}

	.navbar-toggler.collapsed .icon-bar:nth-child(2) {
		transform: rotate(0) translateY(0) translateX(0);
	}

	.navbar-toggler.collapsed .icon-bar:nth-child(3) {
		opacity: 1
	}

	.navbar-toggler.collapsed .icon-bar:nth-child(4) {
		transform: rotate(0) translateY(0) translateX(0);
	}

	.navbar-toggler .icon-bar:nth-child(2) {
		transform: rotate(-45deg) translateY(5px) translateX(-5px);
	}

	.navbar-toggler .icon-bar:nth-child(3) {
		opacity: 0
	}

	.navbar-toggler .icon-bar:nth-child(4) {
		transform: rotate(45deg) translateY(-4px) translateX(-3px);
	}

	.navbar-header {
		display: block;
	}



	


}


@media (max-width: 767.98px) {
	.site-logo { width: 55px;  display: block;}
	.custom-pad { padding: 25px 0;}
	.banner{height: calc(50vh - 0px); background:#e5e7eb;}
	.banner img{height: calc(50vh - 0px);object-position:center bottom;}
	.content-holder h2 {font-size: 26px;}
	.banner-content {  position: absolute;  bottom:40px;  text-align: center;}
	.content-holder { text-align: center;}
	.content-holder h2 {margin-bottom: 15px;}
	.content-holder .custom-button {background: #f1f1f1;}
	#homepage-banner .owl-dots{bottom: 11px;  left: 40%;}
	.front-brand-slider .banner-slide { 	min-width:350px;}
	.brand-tab #v-pills-tab {  padding-right: 0px;  margin-right: 0 !important;}
	.brand-tab .nav-link{display:block;}
	.front-brand-slider .item .brand-content h2{font-size: 26px;}
	.front-brand-slider .item .brand-content {width: 100%;}
	.front-products .left-head{text-align:center !important;}
	.left-head .explore-btn {text-align: center;  margin-top: 15px;}
	.item-category a h2{font-size: 30px;}
	.site-head h2 {font-size: 26px; font-weight: 300;}
	.brand-tab { padding: 10px 0 0;}
	.brand-tab .nav-link p {  border-left: 0px solid #ccc;  padding: 5px 0px 5px 0px;display: none;}
	.acrete-image img{width:100%;}
	.top-footer {padding: 0px 0 50px;}
	.acrete-image {margin-bottom: 30px;}
	.footer-link{padding:20px 15px;}
	.footer-btm .social-link {margin-top:15px;	justify-content: left;}
	.footer-btm .copyright-txt p span {border-right: 0px solid #ccc;}
	#navbarSupportedContent .primary { background: #fff;  padding: 12px; border-radius:12px;position: absolute;    z-index: 9999;    width: 100%; border: 1px solid #f1f1f1;top: 74px;}
	#navbarSupportedContent ul.menu {display: block;  gap: 29px;}
	#navbarSupportedContent ul li.last-btn {  margin-left: 0px;  text-align: center;}
	.navbar-toggler{background:#ec6a3c; border-radius:3px;}
	.brand-tab #v-pills-tab{height: calc(25vh - 0px);margin-bottom: 20px; background: #f7efec;    padding: 15px;    border-radius: 6px;
	display: flex;
    gap: 10px;}
	.brand-tab .nav-link{padding: 10px 45px 0px 0px; width: 100%;}
	.footer-link a { display: inline-block;	width: 48%;}
	.mobile-only{display:block;}
	.desktop-only{display:none;}
	.owl-nav button{width:35px; height:35px;margin:20px 6px 0;}
	.front-brand-button-slider .owl-nav{text-align:center;}
	.nav-pills .nav-link i{rotate:90deg; bottom: 25px;    width: 30px; font-size:20px;    height: 30px;}
	.front-brand-slider .item .brand-content{left:0; top:10px;}
	.brand-tab .custom-btn {/*margin-top: -40px;*/margin-top: 15px;}
	.item-category a h2{top:8px;}
	.item-category a p{top:50px;}
	/*--------------------About us-------------------*/
	.hero_sec{padding: 70px 0 !important;}
	.h3 {font-size:26px !important;}
	.about_luxury_sec p{text-align:center;}
	.vision_image img{width:100%;}
	.vision_txt{text-align:center;}
	.vision_image img{ width:100%;}
	/*------------------Woocommerce--------------------*/
	.hero{min-height:180px !important;}
	.woocommerce.columns-3 ul.products {  grid-template-columns: repeat(1, 1fr);}
	body.single-product .hero{display:none;}
	.details-top {padding: 20px 0 20px;background-size: cover;}
	  .rtwpvg-images { margin-bottom: 0; }
	  .woocommerce-product-details__short-description {margin-bottom: 10px;  padding-bottom: 15px;}
	  .details-bottom {padding: 20px 15px;}
	  .category-holder { grid-template-columns: auto;}
	  .item-category a img.category-logo{width: 80px;}
	  .gallery-tabs{position:sticky; top:70px; z-index:99; background: #ffffff;background: linear-gradient(0deg, rgba(255, 255, 255, 0.87) 0%, rgba(253, 241, 237, 0.9) 100%); border-radius:6px; padding:15px 5px;}
	  .gallery-tabs button{width: 45%;padding: 2px 0px !important;font-size: 16px !important;color: #000 !important;}	  
	 .product .woocommerce-product-gallery img {  touch-action: manipulation;  pointer-events: auto;  user-select: none;}
body .rtwpvg-images.rtwpvg-has-product-thumbnail .rtwpvg-wrapper .rtwpvg-single-image-container img{opacity:1 !important;}
.rtwpvg-images.rtwpvg-has-product-thumbnail .rtwpvg-wrapper .rtwpvg-slider img{opacity:0 !important;}	
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap{background:#fff;}
	.why-poits-box h4{font-size:14px;text-align:center;}
	.why-poits-ico img{width:85px; height:auto; object-fit:contain; margin-bottom:15px;}
	.why-poits-ico{text-align:center;}
	}
	@media (min-width: 620px) and (max-width: 700.99px) {

.banner img{height: calc(38vh - 0px);}
	.banner{height: calc(38vh - 0px);}
	
}
	
	@media (min-width: 511px) and (max-width: 619.99px) {

.banner img{height: calc(35vh - 0px);}
	.banner{height: calc(35vh - 0px);}
	
}
	
	@media (min-width: 481px) and (max-width: 510.99px) {

.banner img{height: calc(32vh - 0px);}
	.banner{height: calc(32vh - 0px);}
	
}

@media (max-width: 480.98px) {
	.banner{height: calc(36vh - 0px); background:#e5e7eb;}
	.banner img{height: calc(36vh - 0px);object-position:center bottom;}
}

@media (max-width: 400.98px) {
	.banner{height: calc(32vh - 0px); background:#e5e7eb;}
	.banner img{height: calc(32vh - 0px);object-position:center bottom;}
}