@media (min-width: 1500px) and (max-width: 1749px) {
	:root {
		--font18:16px;
		--font32:26px;
		--font20:18px;
		--font40:34px;
	}		
	
	 
	.header-top .site-logo a img{  width: 170px; height: auto;  }
	.header-top{   min-height: 110px;    }
.banner-slide{ height: calc(100vh - 110px - 60px);}
.main-wapper{ padding: 110px 0 0 0; }
 
.f-social {gap: 30px;}
.f-social span a img{ width: 24px;}
 
.home-banner-slider .slick-dots{ gap:20px;}
.home-banner-slider .slick-dots li button{ width: 10px; height: 10px;}
.feature-img-slider .slick-dots{ bottom: -28px; gap: 20px;}
.feature-img-slider .slick-dots li button{width: 10px; height: 10px;}
.footer-links-main{ padding: 0 0 0 0px; }
.footer-links-main .footer-box{ width: 180px;}
.footer-left{ width: 360px;}
 
 
 
.about-text-row + .about-text-row{ padding-top: 80px; }
.contact-banner span{ min-height: 500px; }
.Stones-box-main .over-box .over-box-sub h5 {font-size: 22px;}
.products-details-section-2 .slider-img img{ min-height: 430px; }
.products-block-1 .right-col-pro{ max-width: 530px; }
.Stones-single-block .left-colum{ width: 250px;}
.Stones-single-block .right-colum{ width: 896px;}
.left-col-box h5{ font-size: 20px;}
.left-col-box .icon-set{ gap: 12px;}
.left-col-box .icon-set span img{ width: 50px;}


#hubble-container{ height: calc(100vh - 66px - 130px - 20px); }
 

.footer-top {  padding: 48px 0; }
.desktop-satus{ min-height: 76px; }
.status-box{ min-height: 40px; }
.stoncat_layout .about-text-row .text-block > .text{ min-height: 136px; }
 }
@media (min-width: 1401px) and (max-width: 1499px) {
:root {
	--font18:14px;
	--font32:24px;
	--font20:15px;
	--font40:30px;
}		
 
.header-top .site-logo a img{  width: 170px; height: auto;  }
.header-top{   min-height: 100px;    }
.banner-slide{ height: calc(100vh - 100px - 60px);}
.main-wapper{ padding: 100px  0 0 0; }
.search-icon a img{ width: 13px; height: auto;}
.search-frm button{ background-size: 14px auto; }
.footer-from .input-row button,
.footer-from .input-row .input-text{ height: 32px; }
 
.about-text-row .image{   display: flex; flex-direction: column;}
.about-text-row .image .img{ width: 100%; display: flex;}
.about-text-row .text-block .text h4{ font-size: 12px;}
.contact-banner span{ min-height: 470px; }
.contact-box h2{ font-size: 24px;}
.contact-box p{ font-size: 15px;}
.contact-box{width: 240px;}
.contact-form-block{ max-width: 504px;  ; }
/* .checkbox-main label span::after{ width: 12px; height: 12px;  }
.checkbox-main label span::before{   width: 12px; height: 12px;  } */
.checkbox-main label span{  padding: 0 0 0 28px; font-size: 16px; }
.submit-btn-row button{ height: 46px; }
.four_zero_page .read_more a { height: 46px; }
.footer-left{ width: 483px;}
.footer-links-main{ padding: 0 0 0 0px; }
.footer-links-main .footer-box{ width: 180px;}
 
.f-social{ gap: 28px;}
.f-social span a img{ width:24px;}
.footer-top-right .f-logo{ padding: 0 0 22px; }
.Stones-category-text{max-width: 500px;}
.Stones-box-main .over-box .over-box-sub h5{ font-size: 18px;}
.stone-block-inner{ padding-top: 60px; }
.stone-block-inner .stone-block-title h2{ padding: 0 0 32px; }
.stone-block-listing-sub .row{ gap: 0; row-gap: 40px; margin: 0 -8px !important;  }
.stone-block-listing-sub .row >*{  padding: 0 8px !important; }
.products-details-section-2 .slider-img img{ height: 413px; }
.max-witdh-1040{ max-width: 1040px; }
.products-block-1 .right-col-pro{ max-width: 474px; }
.about-text-row + .about-text-row{ padding: 74px 0 0 0 ; }
.contact-section-1{ padding:44px 0; }
.contact-section-2{ padding-top: 60px; }
.home-banner-slider .slick-dots{ gap: 16px;}
.home-banner-slider .slick-dots li button{ width: 8px; height: 8px;}
.feature-img-slider .slick-dots{ bottom: -28px; gap: 16px;}
.feature-img-slider .slick-dots li button{width: 8px; height: 8px;}
.left-col-box h5{ font-size: 18px;}
.Stones-single-block .left-colum {width: 240px;}
.Stones-single-block .right-colum{width: 800px; }

.left-col-box .icon-set{ gap: 10px;}
.left-col-box .icon-set span img {width: 40px;}
.ct-btn a{ height: 52px; }
.footer-bottom .copyright{ min-height: 58px;}
 

#hubble-container{ height: calc(100vh - 66px - 122px - 20px); }
 
.footer-from .input-row .input-text{ width: 240px;}
.footer-left{ width: 320px;}
.footer-links-main{ padding-left:0px; }
.footer-links-main .footer-box{ width: 140px;}
.footer-top {  padding: 48px 0; }


.desktop-satus{ min-height: 72px; }
.status-box{ min-height:36px; }
 .pr-box-main .pr_name h5{ font-size: 10px;}
 .stoncat_layout .about-text-row .text-block > .text{ min-height: 123px; }
}
@media (min-width: 1301px) and (max-width: 1400px) {
	:root {
		--font18:14px;
		--font32:24px;
		--font20:15px;
		--font40:30px;
	}		
	 
	.header-top .site-logo a img{  width: 150px; height: auto;  }
	.header-top{   min-height: 100px;    }
	.banner-slide{ height: calc(100vh - 100px - 60px);}
	.main-wapper{ padding: 100px  0 0 0; }
	.search-icon a img{ width: 13px; height: auto;}
	.search-frm button{ background-size: 14px auto; }
	.footer-from .input-row button,
	.footer-from .input-row .input-text{ height: 32px; }
 
	.about-text-row .image{   display: flex; flex-direction: column;}
	.about-text-row .image .img{ width: 100%; display: flex;}
	.about-text-row .text-block{   }
	.about-text-row .text-block .text h4{ font-size: 12px;}
	.contact-banner span{ min-height: 470px; }
	.contact-box h2{ font-size: 24px;}
	.contact-box p{ font-size: 15px;}
	.contact-box{width: 240px;}
	.contact-form-block{ max-width: 504px;  ; }
	/* .checkbox-main label span::after{ width: 12px; height: 12px;  }
	.checkbox-main label span::before{   width: 12px; height: 12px;  } */
	.checkbox-main label span{  padding: 0 0 0 28px; font-size: 16px; }
	.submit-btn-row button{ height: 46px; }
	.four_zero_page .read_more a { height: 46px; }
	.footer-left{ width: 415px;}
	.footer-links-main{ padding: 0 0 0 60px; }
	.footer-links-main .footer-box{ width: 170px;}
 
	.f-social{ gap: 28px;}
	.f-social span a img{ width:24px;}
	.footer-top-right .f-logo{ padding: 0 0 22px; }
	.Stones-category-text{max-width: 500px;}
	.Stones-box-main .over-box .over-box-sub h5{ font-size: 18px;}
	.stone-block-inner{ padding-top: 60px; }
	.stone-block-inner .stone-block-title h2{ padding: 0 0 32px; }
	.stone-block-listing-sub .row{ gap: 0; row-gap: 40px; margin: 0 -8px !important;  }
	.stone-block-listing-sub .row >*{  padding: 0 8px !important; }
	.products-details-section-2 .slider-img img{ height: 372px; }
	.max-witdh-1040{ max-width: 1040px; }
	.products-block-1 .right-col-pro{ max-width: 474px; }
	.about-text-row + .about-text-row{ padding: 74px 0 0 0 ; }
	.contact-section-1{ padding:44px 0; }
	.contact-section-2{ padding-top: 60px; }
	.home-banner-slider .slick-dots{ gap: 16px;}
	.home-banner-slider .slick-dots li button{ width: 8px; height: 8px;}
	.feature-img-slider .slick-dots{ bottom: -28px; gap: 16px;}
	.feature-img-slider .slick-dots li button{width: 8px; height: 8px;}
	.left-col-box h5{ font-size: 18px;}
	.Stones-single-block .left-colum {width: 220px;}
	.Stones-single-block .right-colum{width: 776px; }
	
	.left-col-box .icon-set{ gap: 10px;}
	.left-col-box .icon-set span img {width: 40px;}
	.ct-btn a{ height: 52px; }
	.footer-bottom .copyright{ min-height: 58px;}


	#hubble-container{ height: calc(100vh - 66px - 110px - 20px); }
 
.footer-from .input-row .input-text{ width: 240px;}
.footer-left{ width: 315px;}
.footer-links-main{ padding-left: 0px; }
.footer-links-main .footer-box{ width: 140px;}
.footer-top {  padding: 48px 0; }

.desktop-satus{ min-height: 72px; }
.status-box{ min-height:36px; }
 .pr-box-main .pr_name h5{ font-size: 10px;}
 
  .stoncat_layout .about-text-row .text-block > .text{ min-height: 123px; }
}
@media (min-width: 1201px) and (max-width: 1300px) {
	:root {
		--font18:14px;
		--font32:24px;
		--font20:15px;
		--font40:30px;
	}		
	 
	.header-top .site-logo a img{  width: 150px; height: auto;  }
	.header-top{   min-height: 100px;    }
	.banner-slide{ height: calc(100vh - 100px - 60px);}
	.main-wapper{ padding: 100px  0 0 0; }
	.search-icon a img{ width: 13px; height: auto;}
	.search-frm button{ background-size: 14px auto; }
	.footer-from .input-row button,
	.footer-from .input-row .input-text{ height: 32px; }
	 
	.about-text-row .image{   display: flex; flex-direction: column;}
	.about-text-row .image .img{ width: 100%; display: flex;}
	.about-text-row .text-block{  }
	.about-text-row .text-block .text h4{ font-size: 12px;}
	.contact-banner span{ min-height: 470px; }
	.contact-box h2{ font-size: 24px;}
	.contact-box p{ font-size: 15px;}
	.contact-box{width: 240px;}
	.contact-form-block{ max-width: 504px;  ; }
	.checkbox-main label span::after{ width: 12px; height: 12px;  }
	.checkbox-main label span::before{   width: 12px; height: 12px;  }
	.submit-btn-row button{ height: 46px; }
	.four_zero_page .read_more a { height: 46px; }
	.footer-left{ width: 415px;}
	.footer-links-main{ padding: 0 0 0 60px; }
	.footer-links-main .footer-box{ width: 170px;}
 
	.f-social{ gap: 28px;}
	.f-social span a img{ width: 24px;}
	.footer-top-right .f-logo{ padding: 0 0 22px; }
	.Stones-category-text{max-width: 500px;}
	.Stones-box-main .over-box .over-box-sub h5{ font-size: 18px;}
	.stone-block-inner{ padding-top: 60px; }
	.stone-block-inner .stone-block-title h2{ padding: 0 0 32px; }
	.stone-block-listing-sub .row{ gap: 0; row-gap: 40px; margin: 0 -8px !important;  }
	.stone-block-listing-sub .row >*{  padding: 0 8px !important; }
	.products-details-section-2 .slider-img img{ height: 372px; }
	.max-witdh-1040{ max-width: 1040px; }
	.products-block-1 .right-col-pro{ max-width: 474px; }
	.about-text-row + .about-text-row{ padding: 74px 0 0 0 ; }
	.contact-section-1{ padding:44px 0; }
	.contact-section-2{ padding-top: 60px; }
	.home-banner-slider .slick-dots{ gap: 16px;}
	.home-banner-slider .slick-dots li button{ width: 8px; height: 8px;}
	.feature-img-slider .slick-dots{ bottom: -28px; gap: 16px;}
	.feature-img-slider .slick-dots li button{width: 8px; height: 8px;}
	.left-col-box h5{ font-size: 18px;}
	.Stones-single-block .left-colum {width: 220px;}
	.Stones-single-block .right-colum{width: 776px; }
	
	.left-col-box .icon-set{ gap: 10px;}
	.left-col-box .icon-set span img {width: 40px;}
	.ct-btn a{ height: 52px; }
	.footer-bottom .copyright{ min-height: 58px;}
	.checkbox-main label span{  padding: 0 0 0 28px; font-size: 16px; }

	
	#hubble-container{ height: calc(100vh - 66px - 110px - 20px); }
 
.footer-from .input-row .input-text{ width: 240px;}
.footer-left{ width: 256px;}
.footer-links-main{ padding-left: 0px; }
.footer-links-main .footer-box{ width: 140px;}
.footer-top {  padding: 48px 0; }

.desktop-satus{ min-height: 72px; }
.status-box{ min-height:36px; }
 .pr-box-main .pr_name h5{ font-size: 10px;}
   .stoncat_layout .about-text-row .text-block > .text{ min-height: 123px; }
}
@media (min-width: 992px) and (max-width: 1200px) {
	:root {
		--font18:14px;
		--font32:24px;
		--font20:15px;
		--font40:30px;
	}		
	 
	.header-top .site-logo a img{  width: 150px; height: auto;  }
	.header-top{   min-height: 100px;    }
	.banner-slide{ height: calc(100vh - 100px - 60px);}
	.main-wapper{ padding: 100px  0 0 0; }
	.search-icon a img{ width: 13px; height: auto;}
	.search-frm button{ background-size: 14px auto; }
	.footer-from .input-row button,
	.footer-from .input-row .input-text{ height: 32px; }
 
	.about-text-row .image{  display: flex; flex-direction: column;}
	.about-text-row .image .img{ width: 100%; display: flex;}
	.about-text-row .text-block{   }
	.about-text-row .text-block .text h4{ font-size: 12px;}
	.contact-banner span{ min-height: 400px; }
	.contact-box h2{ font-size: 24px;}
	.contact-box p{ font-size: 15px;}
	.contact-box{width: 240px;}
	.contact-form-block{ max-width: 504px;  ; }
	/* .checkbox-main label span::after{ width: 12px; height: 12px;  }
	.checkbox-main label span::before{   width: 12px; height: 12px;  } */
	.submit-btn-row button{ height: 46px; }
	.four_zero_page .read_more a { height: 46px; }
	.footer-left{ width: 254px;}
	.footer-links-main{ padding: 0 0 0 0px; }
	.footer-links-main .footer-box{ width: 140px;}
	 
	.f-social{ gap: 28px;}
	.f-social span a img{ width: 24px;}
	.footer-top-right .f-logo{ padding: 0 0 22px; }
	.Stones-category-text{max-width: 500px;}
	.Stones-box-main .over-box .over-box-sub h5{ font-size: 18px;}
	.stone-block-inner{ padding-top: 60px; }
	.stone-block-inner .stone-block-title h2{ padding: 0 0 32px; }
	.stone-block-listing-sub .row{ gap: 0; row-gap: 40px; margin: 0 -8px !important;  }
	.stone-block-listing-sub .row >*{  padding: 0 8px !important; }
	.products-details-section-2 .slider-img img{ height: 300px; }
	.max-witdh-1040{ max-width: 800px; }
	.products-block-1 .left-col-pro{ width: 46%;}
	.products-block-1 .right-col-pro{ max-width: 50%; width: 50%; }
	.about-text-row + .about-text-row{ padding: 54px 0 0 0 ; }
	.contact-section-1{ padding:44px 0; }
	.contact-section-2{ padding-top: 60px; }
	.home-banner-slider .slick-dots{ gap: 16px;}
	.home-banner-slider .slick-dots li button{ width: 8px; height: 8px;}
	.feature-img-slider .slick-dots{ bottom: -28px; gap: 16px;}
	.feature-img-slider .slick-dots li button{width: 8px; height: 8px;}
	.left-col-box h5{ font-size: 18px;}
	.Stones-single-block .left-colum {width: 220px;}
	.Stones-single-block .right-colum{width: 620px; }
	
	.left-col-box .icon-set{ gap: 10px;}
	.left-col-box .icon-set span img {width: 40px;}
	.ct-btn a{ height: 52px; }
	.footer-bottom .copyright{ min-height: 58px;} 
	.footer-from .input-row button{ min-width: 0;  padding: 0 16px; }
	.footer-from .input-row .input-text{ width: 240px;}
	.products-block-1{ padding: 50px 0 100px; }
	.checkbox-main label span{  padding: 0 0 0 28px; font-size: 16px; }
	.custom-made-title{ padding: 0 0 60px; }
	.products-details-section-4{ padding: 90px 0; }

	.products-details-section-4.version-2{ padding: 96px 0 ; }
	
	#hubble-container{ height: calc(100vh - 66px - 110px - 20px); }
 
.footer-top {  padding: 48px 0; }

.desktop-satus{ min-height: 72px; }
.status-box{ min-height:36px; }
 .pr-box-main .pr_name h5{ font-size: 10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	:root {
		--font18:14px;
		--font32:24px;
		--font20:15px;
		--font40:26px;
	}		
 
	.header-top .site-logo a img{  width: 150px; height: auto;  }
	.header-top{   min-height: 100px;    }
	.banner-slide{ height: calc(100vh - 100px - 60px);}
	.main-wapper{ padding: 100px  0 0 0; }
	.search-icon a img{ width: 13px; height: auto;}
	.search-frm button{ background-size: 14px auto; }
	.footer-from .input-row button,
	.footer-from .input-row .input-text{ height: 32px; }
	 
	.about-text-row .image{   display: flex; flex-direction: column;}
	.about-text-row .image .img{ width: 100%; display: flex;}
	.about-text-row .text-block{    }
	.about-text-row .text-block .text h4{ font-size: 12px;}
	.contact-banner span{ min-height: 400px; }
	.contact-box h2{ font-size: 24px;}
	.contact-box p{ font-size: 15px;}
	.contact-box{width: 240px;}
	.contact-form-block{ max-width: 504px;  ; }
	/* .checkbox-main label span::after{ width: 12px; height: 12px;  }
	.checkbox-main label span::before{   width: 12px; height: 12px;  } */
	.submit-btn-row button{ height: 46px; }
	.four_zero_page .read_more a { height: 46px; }
	.footer-left{ width: 240px;}
	.footer-from .input-row{ flex-direction: column; align-items: flex-start;}
	.footer-links-main{ padding: 0 0 0 40px; }
	.footer-links-main .footer-box{ width: 140px;}
 
	.f-social{ gap: 28px;}
	.f-social span a img{ width: 24px;}
	.footer-top-right .f-logo{ padding: 0 0 22px; }
	.Stones-category-text{max-width: 500px;}
	.Stones-box-main .over-box .over-box-sub h5{ font-size: 18px;}
	.stone-block-inner{ padding-top: 60px; }
	.stone-block-inner .stone-block-title h2{ padding: 0 0 32px; }
	.stone-block-listing-sub .row{ gap: 0; row-gap: 40px; margin: 0 -8px !important;  }
	.stone-block-listing-sub .row >*{  padding: 0 8px !important; }
	.products-details-section-2 .slider-img img{ height: 260px; }
	.max-witdh-1040{ max-width: 800px; }
	.products-block-1 .left-col-pro{ width: 46%;}
	.products-block-1 .right-col-pro{ max-width: 50%; width: 50%; }
	.about-text-row + .about-text-row{ padding: 54px 0 0 0 ; }
	.contact-section-1{ padding:44px 0; }
	.contact-section-2{ padding-top: 60px; }
	.home-banner-slider .slick-dots{ gap: 16px;}
	.home-banner-slider .slick-dots li button{ width: 8px; height: 8px;}
	.feature-img-slider .slick-dots{ bottom: -28px; gap: 16px;}
	.feature-img-slider .slick-dots li button{width: 8px; height: 8px;}
	.left-col-box h5{ font-size: 18px;}
	.Stones-single-block .left-colum {width: 220px;}
	.Stones-single-block .right-colum{width: 460px; }
	
	.left-col-box .icon-set{ gap: 10px;}
	.left-col-box .icon-set span img {width: 40px;}
	.ct-btn a{ height: 52px; }
	.footer-bottom .copyright{ min-height: 58px;} 
	.footer-from .input-row button{ min-width: 0;  padding: 0 16px; }
	.footer-from .input-row .input-text{ width: 240px;}
	.products-block-1{ padding: 50px 0 100px; } 

	.banner-slide{ height: 400px; }
	.category-download-page,
	.Stones-category-block,
	.custom-made-page{ padding: 40px 0 80px; }
	.text h2{ padding: 24px 0; }
	.about-text-row .text-block .text h4{ margin-top: 0; }
	.contact-data-block{gap: 100px; }
	.checkbox-list{ flex-direction: column; gap: 12px; } 
	.checkbox-main label span{ padding: 0 0 0 28px; }
	.contact-section-2{ padding: 64px 0 80px; }
	.custom-made-title{ padding: 0 0 48px; }
	.Stones-category-text h1{ font-size: 32px;}
	.Stones-category-listing .row{ gap: 0; row-gap: 16px;   margin: 0 -8px !important; }
.Stones-category-listing .row>*{ padding: 0 8px !important; }

.releted-listing .row{ gap: 0; row-gap: 16px;  margin: 0 -8px !important; }
.releted-listing  .row>*{ padding: 0 8px !important; }
.products-details-section-2 .slider-img{ padding: 0 10px; }
.max-witdh-1040{ max-width:720px;  padding: 0 0px; }
.products-details-section-4{ padding: 80px 0; }
.products-block-1{ padding: 40px 0 64px; }
.products-details-section-1{ padding: 20px 0 0 0; }
.Stones-category-listing .row{ gap: 0; row-gap: 16px;  margin: 0 -8px !important; }
.Stones-category-listing .row>*{ padding: 0 8px !important; }


.image-zoom-outer .over-title h2{ font-size: 32px;}
.products-details-section-4.version-2{ padding: 64px 0 ; }

#hubble-container{ height: 400px; }
.cms-page-data h1,
.cms-page-data h3,
.cms-page-data h4,
.cms-page-data h5,
.cms-page-data h6 { padding: 24px 0; }

.four_zero_page { padding:73px 0 70px 0; }
.footer-top {  padding: 48px 0; }	
.about-text-row .text-block .arrow-link,
.about-text-row .text-block > .text{ max-width: 100%;  }

.desktop-satus{ min-height: 56px; }
.status-box{ min-height:32px; }
 .pr-box-main .pr_name h5{ font-size: 11px;}
 
} 
@media (max-width: 992px) {
	.menu-icon{ z-index: 12; display: flex; position: relative; right: 0px; margin: 0px -18px 0 auto; top: 0; }
	.menu-icon a{ width: 60px; height: 60px; display: flex; align-items: center;  justify-content: center;}
.menu-icon a .line-main{ flex-direction: column; gap: 5px;    width: 24px; min-height: 12px; display: flex; position: relative; }
.menu-icon a .line-main i{  position: relative; transition: transform 250ms cubic-bezier(.2,.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1); width: 100%; height: 2px; border-radius: 4px; background: var(--black);  }
.menu-icon a.active .line-main i.line-2{ opacity: 0; }
.menu-icon a.active .line-main i.line-1{ transform: rotate(45deg); top: 7px; }
.menu-icon a.active .line-main i.line-3{ transform: rotate(-45deg); top: -7px; }
.mobile-show{ display: flex;}
.header-right-main .search-icon{ display: none;}
.mobile-nav-main{ display: flex;}
.header-right-main{ display: flex; position: absolute; right: -20px; top:100%; width: 85vw; background: var(--white); height: 100vh; height: calc(var(--vh,1vh)*100); background: #f5f5f5; 
    transform: translateX(100%);
    transition-property: transform;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(.85,0,.15,1);
    padding: 30px 30px 30px;
	z-index: 10;
	flex-direction: column;
}
body.active-menu .header-right-main{    transform: none;
}
.header-left-main{ display: none; }
.header-top .site-logo{  z-index: 20; position: relative; left: auto; top: auto; transform: none;  }
.header-top .site-logo a img{ width: 100px;}
.header-top{ min-height: 70px; }
.main-wapper{ padding: 70px 0 0 0; }
.search-icon a img{ width: 18px;}
.search-icon{ position: relative; z-index: 20; margin-left: auto; }
.header-top{ justify-content: flex-start; }
.mian-nav{ align-items: flex-start; width: 100%;}
.mian-nav >ul { width: 100%; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 4px;} 
.mian-nav >ul >li,
.mian-nav >ul >li >a{ font-size: 16px;}
.lang-box ul{ gap: 10px; padding: 30px 0 0 0; }
.lang-box ul li,
.lang-box ul li a{ font-size: 16px;}
.header-right-main>*{    opacity: 0;
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: ease;}
	body.active-menu	 .header-right-main>*{
		opacity: 1;
    transition-property: opacity;
    transition-duration: .5s;
    transition-timing-function: ease;
    transition-delay: .5s;
	}

	#hubble-container{ height: 400px; }
 
#hubble-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.search-icon.mobile-show{ display: none;}
.mian-nav >ul >li .sub-menu{ display: none;}
.header-right{ align-items: flex-start; justify-content: flex-start; flex-direction: column-reverse;}
.header-right-main .search-icon{ width: 100%; margin: 0; display: flex;}
.header-right-main .search-icon   a{ display: none;}
.search-frm{ margin: 20px 0 0 0; background: none;  position: relative; box-shadow: none; visibility: visible; opacity: 1;  width: 100%; left: auto; right: auto; top: auto; padding: 0; pointer-events: all; }
.search-frm button{ display: none;}

}
@media (max-width: 767px) {
	:root {
		--font18:14px;
		--font32:24px;
		--font20:15px;
		--font40:28px;
	}		
	 
	 
	.banner-slide{ height: calc(100vh - 110px - 60px);}
	.main-wapper{ padding: 110px  0 0 0; }
	.search-icon a img{ width: 13px; height: auto;}
	.search-frm button{ background-size: 14px auto; }
	.footer-from .input-row button,
	.footer-from .input-row .input-text{ height: 32px; }
 
	.about-text-row .image{   display: flex; flex-direction: column;}
	.about-text-row .image .img{ width: 100%; display: flex;}
	.about-text-row .text-block{   }
	.about-text-row .text-block .text h4{ font-size: 12px;}
	.contact-banner span{ min-height: 300px; }
	.contact-box h2{ font-size: 24px;}
	.contact-box p{ font-size: 15px;}
	.contact-box{width: 240px;}
	.contact-form-block{ max-width: 504px;  ; }
 
	.submit-btn-row button{ height: 46px; }
	.four_zero_page .read_more a { height: 46px; }
	.footer-left{ width: 355px;}
	.footer-links-main{ padding: 0 0 0 40px; }
	.footer-links-main .footer-box{ width: 50%;}
 
	.f-social{ gap: 28px;}
	.f-social span a img{ width: 24px;}
	.footer-top-right .f-logo{ padding: 0 0 22px; }
	.Stones-category-text{max-width: 500px;}
	.Stones-box-main .over-box .over-box-sub h5{ font-size: 18px;}
	.stone-block-inner{ padding-top: 60px; }
	.stone-block-inner .stone-block-title h2{ padding: 0 0 32px; }
	.stone-block-listing-sub .row{ gap: 0; row-gap: 40px; margin: 0 -8px !important;  }
	.stone-block-listing-sub .row >*{  padding: 0 8px !important; }
	.products-details-section-2 .slider-img img{ height: 300px; }
	.max-witdh-1040{ max-width:100%;  padding: 0 20px; }
	.products-block-1 .left-col-pro{ width: 100%; display: flex ;align-items: center;  justify-content: center; padding: 0 0 30px; }
	.products-block-1 .right-col-pro{ max-width:100%; width: 100%; }
	.about-text-row + .about-text-row{ padding: 24px 0 0 0 ; }
	.contact-section-1{ padding:44px 0; }
	.contact-section-2{ padding-top: 60px; }
	.home-banner-slider .slick-dots{ gap: 16px;}
	.home-banner-slider .slick-dots li button{ width: 8px; height: 8px;}
	.feature-img-slider .slick-dots{ bottom: -28px; gap: 16px;}
	.feature-img-slider .slick-dots li button{width: 8px; height: 8px;}
	.left-col-box h5{ font-size: 18px;}
	.Stones-single-block .left-colum {width: 100%;}
	.Stones-single-block .right-colum{width: 100%; padding: 0 0 60px; }
	
	.left-col-box .icon-set{ gap: 10px;}
	.feature-img-slider .slick-dots{ justify-content: center; }
	.left-col-box .icon-set span img {width: 40px;}
	.ct-btn a{ height: 52px; }
	.footer-bottom .copyright{ min-height: 58px;} 
	.footer-from .input-row button{ min-width: 0;  padding: 0 16px; }
	.footer-from .input-row .input-text{ width: 240px;}
	.products-block-1{ padding: 50px 0 100px; } 

	.banner-slide{ height: 300px; }	 
	.home-banner-slider .slick-arrow{display: none;}
	.footer-top{ flex-wrap: wrap; justify-content: space-between; padding: 40px 0;}
	.footer-left{ width: 100%; padding: 0 0 40px;  }
	.footer-from .input-row .input-text{ width:100%;}
	.footer-from .input-row-main{ width: 100%;}
	.footer-from .input-row{ width: 100%;}
	.footer-links-main{ padding: 0px 0 0 0; width: 50%; }
	.header-top{ min-height: 70px; }
	.main-wapper{  padding: 70px 0 0 0; }
	.search-icon a img{ width: 20px;}
	.container{ padding: 0 20px; }

	.about-text-row{ flex-direction: column; gap: 20px;}
	.about-text-row .image{ width: 100%; max-width: 100%;}
	.about-text-row .text-block{ width: 100%; max-width: 100%;} 
	.text h2  { padding:   24px 0; }
	.about-text-row:nth-child(2n+0){ flex-direction: column;}
	.category-download-page,
	.Stones-category-block,
	.custom-made-page{ padding: 40px 0 64px; }
	.about-text-row .text-block .text h4{ margin-top: 0; }
	.contact-data-block{gap: 40px; flex-direction: column; align-items: center;  justify-content: center; }
	.contact-box h2 {font-size: 22px;}
	.checkbox-list{ flex-direction: column; gap: 12px; } 
	.checkbox-main label span{ padding: 0 0 0 28px; }
	.contact-section-2{ padding: 40px 0 64px; }
	.custom-made-title{ padding: 0 0 40px; }
	.Stones-category-text h1{ font-size: 30px;}
	.Stones-category-text{ padding: 0 0 20px; }
	.Stones-category-listing .row{ gap: 0; row-gap:10px;   margin: 0 -5px !important; }
	.Stones-category-listing .row>*{ width: 50%; padding: 0 5px !important; }

	.stone-block-listing-sub .row >*{ width: 50%;}
	.stone-block-inner .stone-block-title h2{ padding: 0 0 24px; }
	.stone-block-inner{ padding: 40px 0 0 0; }
	.stone-block-listing-sub .row{row-gap: 24px; }

	.releted-listing .row{ gap: 0; row-gap: 16px;  margin: 0 -8px !important; }
.releted-listing  .row>*{ padding: 0 8px !important; }

.products-details-section-2 .slider-img img{ height: 220px; }
.products-details-section-2 .slider-img{ padding: 0 8px; }
.products-block-1{ flex-direction: column;}

.products-details-section-4{ padding: 48px 0; }
.products-block-1{ padding: 40px 0 48px; }
.products-details-section-1{ padding: 20px 0 0 0; }

.Stones-single-block{ flex-direction: column-reverse;}
.products-details-section-4.version-2{ padding: 40px 0 ; }

#hubble-container{ height: 300px; }
.image-zoom-outer .over-title{   right: 20px; bottom: 20px;}
.image-zoom-outer .over-title h2{ font-size: 24px;}
.handle-bar-left{ left: 16px; }
#hubble-container img{ width: 100%; height: 100%; object-fit: cover;}

.handle-bar-left{ width: 14px; left: 20px;}
.handle-bar-left .ui-slider-vertical .ui-slider-handle{ border-width: 2px; width: 14px; height: 14px;}
.cms-page-data h1,
.cms-page-data h3,
.cms-page-data h4,
.cms-page-data h5,
.cms-page-data h6 { padding: 24px 0; }

.four_zero_page { padding:30px 0 30px 0; }
.container{ width: 100%; max-width: 100%; padding: 0 20px;}
.wpcf7-list-item{ width: 100%; margin: 2px 0;  }
.title-head-mobile{ display: flex ;align-items: center; justify-content: space-between;}
.mobile-satus{ display: flex;}
.title-head-mobile h2{ padding: 0; }
.title-head-mobile{ padding: 0 0 24px; }
.desktop-satus{ display: none;}
.status-box{ min-height: 34px; min-width: 134px; }
.status-box-sub{gap: 6px;
        padding: 6px 6px;
        font-size: 13px;
		width: 100%;
		justify-content: center;
		 }
}


@media (min-width: 568px) and (max-width: 767px) {
}
@media (min-width: 240px) and (max-width: 567px) {
	.footer-top{ flex-direction: column;}
	.footer-top-right{ margin: 30px 0 0 0;  width: 100%; justify-content: center;}	
	.footer-links-main {width: 100%; justify-content: center;}
	.Stones-category-listing .row>*{ width:50%; padding: 0 5px !important; }
	.stone-block-listing-sub .row >*{ width: 100%;}
}

@media (min-width: 1500px) and (max-width: 1749px) {
	.about-text-row .image.left-col-stone .img{ min-height: 450px; }
}
@media (min-width: 1401px) and (max-width: 1499px) {
	.about-text-row .image.left-col-stone .img{ min-height: 400px; }
}
@media (min-width: 1301px) and (max-width: 1400px) {
	.about-text-row .image.left-col-stone .img{ min-height: 380px; }
}
@media (min-width: 1201px) and (max-width: 1300px) {
	.catlog-box .catlog-box-sub a .text-cat{ max-width: 85%; }
	.about-text-row .image.left-col-stone .img{ min-height: 350px; }
	 .pr-box-main .pr_name h5{ font-size: 11px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.catlog-box .catlog-box-sub a .text-cat{ max-width: 94%; }
	.stoncat_layout .about-text-row .text-block > .text{ max-width: 100%; }
	.pr-box-main .pr_name h5{ font-size: 12px; min-height: 38px;}
	.about-text-row .image.left-col-stone .img{ min-height: 350px; }
	.mian-nav >ul{ gap: 10px;}
	 .pr-box-main .pr_name h5{ font-size: 11px;}
}
@media (max-width: 992px) {
	.container{ padding: 0 30px; }
	.footer-links-main .footer-box{ width: 110px;}
	body.active-menu{ overflow: hidden; }
	.catlog-box .catlog-box-sub a .text-cat{ max-width: 100%; }	
	.catlog-box .catlog-box-sub a .text-cat h4{ font-size: 16px; padding: 0 0 8px;}
	.catlog-box .catlog-box-sub a .text-cat p {font-size: 11px;}
	.catlog-box .catlog-box-sub a .text-cat > span{ padding: 6px 0 0 0; }

	.stoncat_layout .about-text-row{ flex-direction: column;}
	.stoncat_layout .about-text-row .image{ max-width: 100%; padding: 0 0 0px;  width: 100%;}
	.stoncat_layout .about-text-row .text-block{ width: 100%; max-width: 100%;}
	.stoncat_layout .about-text-row .text-block > .text{ max-width: 100%; }

	.mian-nav >ul >li {flex-wrap: wrap;}
	.mian-nav >ul >li .icon {width: 20px; height: 20px; background: url(../images/down_arrow_icon.svg) no-repeat center center; background-size: 12px auto; margin: 2px 0 0 6px;  transition: all 0.3s ease-in-out;}
	.mian-nav >ul >li .sub-menu{ transition: none; background: none; padding:10px 20px; display: none; width: 100%; opacity: 1; visibility: visible; position: relative; left: auto; top: auto; }
	.mian-nav >ul >li .sub-menu li + li{ padding: 4px 0 0 0; }
	.mian-nav >ul >li.active  .icon{ transform: rotate(180deg); }

	.search-post-inner .post-thumbnail{ min-width: 200px; }


	.stoncat_layout .about-text-row{ flex-direction: row;}
	.stoncat_layout .about-text-row .image{ width: 49%;}
	.stoncat_layout .about-text-row .text-block {width: 49%;}
	.pr-box-main .pr_name h5{ font-size: 12px; min-height: 38px;}
	.about-text-row .image.left-col-stone .img{ min-height: 450px; }
	 .pr-box-main .pr_name h5{ font-size: 11px;}
}
@media (max-width: 767px) {
	.footer-links-main .footer-box{ width: 50%;}
	.container{ padding: 0 20px; }
.home-banner .container{ padding: 0 0px; }
.home-banner-slider{ padding: 0 0 0px; }
.banner-slide{ height: calc(100vh - 70px);  height: calc(var(--vh,1vh)*100 - 70px) ; }
.home-banner-slider .slick-arrow{ display: none !important;}
.home-banner-slider .slick-dots{ bottom: 20px; }
.home-banner-slider .slick-dots li{ display: flex;}
.home-banner-slider .slick-dots li button{ width: 10px; height: 10px; opacity: 0.5; background: #000; }
.home-banner-slider .slick-dots li.slick-active button{ opacity: 1;background: #000; }
.about-text-row .text-block .arrow-link,
.about-text-row .text-block > .text{ max-width: 100%;  width: 100%; }
.catlog-box .catlog-box-sub a .text-cat{ max-width: 100%; }	
.home-banner-slider{ position: relative; }
.catlog-box .catlog-box-sub a .text-cat{ max-width: 100%; }	
.catlog-box .catlog-box-sub a .text-cat h4{ font-size: 18px; padding: 0 0 20px;}
.catlog-box .catlog-box-sub a .text-cat p {font-size: 14px;}
.catlog-box .catlog-box-sub a .text-cat > span{ padding: 20px 0 0 0; }
.Stones-category-listing .row .col-md-8{ width: 100%; min-width: 100%; }
.catlog-box .blank-image{ display: none;}
.catlog-box .catlog-box-sub{ position: relative; padding: 32px 20px;  }
.catlog-box .catlog-box-sub a .text-cat{ padding: 0; }
.cat_product_lists_main ul li{ width: calc(50% - 10px);}
.about-text-row .text-block > .text h2{ padding-bottom: 12px; }
.stoncat_layout .about-text-row .image{ max-width: 100%; padding: 0 0 0px;  width: 100%;}
.stoncat_layout .about-text-row .image{ display: none; }
.about-text-row + .about-text-row{ padding-top: 32px; }
.products-block-1 .right-col-pro .text h2{ padding: 0 0 16px; }
.contact-banner{ flex-direction: column;}
.down-arrow-mobile{width: 100%; border-bottom: rgba(0,0,0,0.2) solid 1px; display: block;}
.down-arrow-mobile a{ height: 60px; width: 100%; display: block;  background: url(../images/down_arrow_icon.svg) no-repeat center center; background-size: 18px auto;  }
#hubble-container,
.contact-banner span{  height: calc(100vh - 70px - 60px); width: 100%; overflow: hidden; position: relative; height: calc(var(--vh,1vh)*100 - 130px); }
.image-zoom-outer{ flex-direction: column;}
 
.Stones-single-page .custom-breadcumb{ display: none;}
.Stones-single-page > .container{ padding: 0; }
.image-zoom-outer .over-title { bottom: 100px; }
.Stones-category-text{ text-align: left; }
.Stones-category-text h1{ padding: 0 0 20px; }

.mobile-banner-arrow-block{ display:flex; flex-direction: column;}
.mobile-banner-arrow-block span{ display: block;  height: calc(100vh - 70px - 60px); width: 100%; overflow: hidden; position: relative; height: calc(var(--vh,1vh)*100 - 130px); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.footer-links-main{ display: none; }
.footer-left{  padding: 0; }
.f-mobile-nav{ display: block; width: 100%; border-bottom: rgba(255,255,255,0.4) solid 1px; }
.f-mobile-nav ul { padding: 30px 0 16px; display: flex;align-items: center; justify-content: center; gap: 20px; }
.f-mobile-nav ul li a{ color: #fff; font-size: 16px; }
.copyright{ padding: 16px 0 0 0; }
.f-social{ gap: 20px;}
.footer-top-right .f-logo{ padding: 0 0 16px; }
.f-social span a img{ width: 20px;}
.feature-img-slider {width: calc(100% + 40px); margin-left: -20px;}
.search-post-inner{ flex-direction: column; gap: 20px; }
.search-post-inner .post-thumbnail{ min-width: 100%; text-align: center; }
.search-post h2 a{ font-size: 24px;}

.stoncat_layout .about-text-row{ flex-direction: column;}
	.stoncat_layout .about-text-row .image{ display: none; width: 49%;}
	.stoncat_layout .about-text-row .text-block {width: 100%;}
	.cat_product_lists_main ul{  min-height: 0px !important; }
	.pr-box-main .pr_name h5{ font-size: 11px; min-height: 0px;}
	.checkbox-main .wpcf7-list-item{  margin:0  0 6px 0; }

	.mobile-page-tital{ position: relative; }
	.image-zoom-outer .over-title,
	.mobile-page-tital .center-text-title{ display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; bottom: auto; }
	.image-zoom-outer .over-title h2,
	.mobile-page-tital .center-text-title h1{ width: 100%; width: 100%; color: var(--white);font-size:30px; padding: 0 15px; text-align: center; }
.contact-banner .mobile-page-tital .center-text-title h1 { color: var(--black);}

.image-zoom-outer .over-title{ display: flex;}
.about-text-row {gap: 36px;}
.ct-link a{ font-size: 20px;}
.about-text-row .image .img{ padding: 0;  }
.about-text-row .image .img img{ position: relative; width: 100%;  height: auto; }
 .footer-top-right{ margin:30px auto 0; width: 100%; }

 .newslatter-form-new{ padding: 24px 16px; }
 .form-blk .news-input-box.checkbox-main label span{ font-size: 12px;}
 .form-blk .news-input-box{ padding: 0 0 24px; }
 .newsletter-page .Stones-category-text h1{ font-size: 26px; text-align: center; }
 .form-blk .news-input-box .input-title{ font-size: 14px;}
 .contact-from .input-box-main .checkrow label span{ font-size: 14px;}

  .pr-box-main .pr_name h5{ font-size: 11px;}

  .image-zoom-outer .over-title h2, .mobile-page-tital .center-text-title h1{ font-style: italic; }
  .contact-banner .mobile-page-tital .center-text-title h1{ color: #fff; }
.title-head-mobile h2{ font-size: 24px;}
  .title-head-mobile{  align-items: flex-start; justify-content:space-between ; flex-wrap: wrap; gap: 10px;}
}
@media (max-width: 500px) {
	.feature-img-slider .img img { height: 80vh; object-fit: cover; }
}