@media only screen and (max-width: 1599px){ 
	.homeBannerSlider{
		height: 100%;
	}
	.heroBannerSection{
		height: 650px;
	}
	.heroSlider{
		height: 100%;
	}
	.sam_herobanner{
		height: 650px;
	}
	.sam_herobannerimg{
		height: 100%;
	}
	.sam_herobannerimg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.heroBannerSection .container h1{ 
		font: 300 90px var(--nav-font); 
	}
	.block{
		height: 60vh;
	}
	.homeCategories article figure h2{
		font: 300 60px var(--nav-font); 
	}	
	.homeCategories article .container{
		padding-top: 60px;
		padding-bottom: 70px; 
	}
	.ourBrand .brands li{
		width: 18%;
	}
	.innerBannerSection .container h1 {
		font: 300 60px var(--nav-font);
		line-height: 70px; 
	}
	.contactFormSection h4 {
		font: 500 50px var(--nav-font);  
		margin: 0 0 20px 0;
	}
	.mapSection {
		padding: 140px 0 0 0; 
	}
	.contactInfosection {
		padding: 70px 0 0 0;
	}
	.main-category-header .main-category-image .categoryTitle { 
		font: 300 70px var(--nav-font); 
	}
	.custom-product-gallery {
		padding: 80px 0;
	}
	.consultation-text h4 {
		font: 300 40px var(--nav-font); 
		padding: 0 0 23px 0; 
	}
	.consultation-text {
		padding: 0 30px 0 0; 
	}
	.onlineForm form { 
		padding: 20px;
	}
	.onlineForm form br {
		display: none;
	}
	.CommtopSection {
		padding: 80px 0; 
	}
	.CommtopSection h2 {
		font: 300 50px var(--heading-font); 
		margin: 0 0 7px 0;
	}
	.commonSection li article {
		padding: 0 40px;
	}
	.commonSection li article h3 {
		font: 300 40px var(--heading-font); 
		margin: 0 0 20px 0;
	}
	.brochureSection {
		padding: 80px 0; 
	}
	.img-parallax{
		height: 100% !important;
		object-fit: cover !important;
	}
}

@media only screen and (max-width: 1439px){ 
	 .heroBannerSection .container h1 { 
		font: 300 80px var(--nav-font); 
	}
	.sam_herobanner {
		height: 600px;
	}
	.heroBannerSection {
		height: 600px;
	}
	.block { 
		height: 57vh; 
	}
	.homeCategories article .container {
		padding-top: 50px;
		padding-bottom: 60px; 
	}
	.homeCategories article .container .productName { 
		margin: 0 0 25px 0;
	}
	.innerBannerSection .container h1 {
		font: 300 50px var(--nav-font);
		line-height: 60px; 
	}
	.aboutSection {
		padding: 60px 0;
	}
	.contactInfo aside figure {
		font-size: 29px;
		width: 80px;
		height: 80px; 
		margin: 0 auto 20px auto; 
		border: 3px solid #eaeaea;
	}
	.main-category-header .main-category-image .categoryTitle { 
		font: 300 60px var(--nav-font); 
	}
	.custom-product-gallery {
		padding: 70px 0;
	}
	.CommtopSection {
		padding: 70px 0; 
	}
	.CommtopSection h2 {
		font: 300 40px var(--heading-font); 
		margin: 0 0 7px 0;
	}
	.commonSection li article {
		padding: 0 30px;
	}
	.commonSection li article h3 {
		font: 300 35px var(--heading-font);
		margin: 0 0 15px 0;
	}
	.commonSection li article p {
		font: 400 17px var(--default-font); 
	}
	.CommtopSection .topContent p {
		font: 400 17px var(--default-font); 
		padding: 10px 0 0 0; 
	}
	.brochureSection {
		padding: 70px 0; 
	}
}

@media only screen and (max-width: 1359px){
	.sam_herobanner {
		height: 550px;
	}
	.heroBannerSection {
		height: 550px;
	}
	.heroBannerSection .container h1 {
		font: 300 70px var(--nav-font);
	}
	.homeAboutSection .aboutText h2 {
		font: 300 25px var(--nav-font);  
		padding: 0 0 23px 0; 
	}
	.block {
		height: 53vh;
	}
	.homeCategories article figure h2 {
		font: 300 50px var(--nav-font);
	}
	.callToAction .c2aSection {
		border-left: 8px solid rgb(244, 67, 54);
		padding: 0 0 0 25px;
	}
	.ourBrand .brands { 
		padding: 40px 0 20px 0;
		gap: 40px; 
	}
	.ourBrand .brands li {
		width: 16%;
	}
	footer ul li a { 
		padding: 8px 10px 8px 0;
	}
	footer .copyright { 
		margin: 50px 0 0 0;
	}
	.callToAction .c2aButtonGroup a{
		margin: 0 0 18px 0;
	}
}

@media only screen and (max-width: 1199px){
	.responsive .responsive_btn{
        display: block;
		z-index: 9;
    } 
    .responsive_btn{
		display: block;
		top: 0;
		position: absolute;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	header#masthead .menu-header-menu-container ul{
		display: none;
	}
	header#masthead .headerSection{
		position: relative;
		padding: 10px 0;
	}
	header#masthead .headerSection figure{
		justify-content: flex-start;
	}
	.arrowClass{
		display: none;
	}
	.headerSection figure img{
		width: 180px;
	}
	.toggleClose{
		display: none;
	}
	.sam_herobanner {
		height: 500px;
	}
	.heroBannerSection {
		height: 500px;
	}
	.heroBannerSection .container h1 {
		font: 300 60px var(--nav-font);
	}
	.block {
		height: 50vh;
	}
	.homeCategories article figure h2 {
		font: 300 40px var(--nav-font);
	}
	.commonSection li article {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 991px){
	.innerBannerSection .container h1 {
		font: 300 45px var(--nav-font);
		line-height: 60px; 
	}
	.sam_herobanner {
		height: 380px;
	}
	.heroBannerSection {
		height: 380px;
	}
	.heroBannerSection .owl-nav .owl-prev{
		left: 1%;
		width: 35px;
    	height: 35px;
	}
	.heroBannerSection .owl-nav .owl-next{
		right: 1%;
		width: 35px;
    	height: 35px;
	}
	.homeAboutSection .C2Agroup{
		padding: 0 0 40px 0;
	}
	.heroBannerSection .container h1{
		font: 300 53px var(--nav-font);
	}
	.block {
		height: 40vh;
	}
	.homeCategories article figure h2 {
		font: 300 35px var(--nav-font);
	}
	.callToAction .c2aSection .phoneNumber {
		font: 400 25px var(--nav-font);
		line-height: 34px; 
		margin: 0 0 10px 0;
	}
	.callToAction .c2aSection {
		border-left: 5px solid rgb(244, 67, 54);
		padding: 0 0 0 13px;
	}
	.callToAction .c2aSection .tagLine {
		font: 400 25px var(--nav-font);
		line-height: 32px; 
		max-width: 100%;
	}
	.callToAction .c2aSection{
		margin-bottom: 23px;
	}
	.callToAction .c2aButtonGroup a {
		margin: 0 0 10px 0;
	}
	.aboutSection h4 {
		font: 300 35px var(--nav-font);
		line-height: 42px; 
		padding: 0 0 20px 0; 
	}
	.contactInfo { 
		grid-template-columns: repeat(1, 1fr);
	}
	.contactInfo aside { 
		margin: 15px 0;
	}
	.contactFormSection h4{
		font: 500 40px var(--nav-font); 
		margin: 0 0 10px 0;
	}
	.mapSection {
		padding: 10px 0 0 0;
	}
	.contactInfosection {
		padding: 50px 0 0 0;
	}
	.main-category-header .main-category-image .categoryTitle { 
		font: 300 50px var(--nav-font); 
	}
	footer aside .contactAddress {
		max-width: 100%; 
		margin: 15px 0 0 0;
	}
	.custom-product-gallery {
		padding: 60px 0;
	}
	.consultation-text{
		padding: 0;
	}
	.consultation-text h4 {
		font: 300 33px var(--nav-font);
		padding: 0 0 15px 0;
	}
	.onlineForm form {
		padding: 15px;
	}
	.online-consultation {
		padding: 70px 0;
	}
	.commonSection li{
		grid-template-columns: repeat(1, 1fr);
	}
	.commonSection li figure {
		width: 100%;
	}
	.commonSection li:nth-child(even) figure {
		margin-left: 0;
	}
	.commonSection li article {
		padding: 10px 0 0 0;
	}
	.commonSection li:nth-child(odd) article {
		order: 1;
	}
	.CommtopSection {
		padding: 60px 0;
	}
	.brochureDownloadList{
		gap: 10px;
	}
	.brochureDownloadList li { 
		padding: 13px; 
		border-radius: 6px;
	}
	.brochureDownloadList h2{
		font: 300 22px var(--nav-font);
	}
	.brochureDownloadList li figure {
		width: 50px;
		height: 50px; 
		margin: 0 0 11px 0; 
	}
	.brochureSection {
		padding: 60px 0; 
	}
}

@media only screen and (max-width: 767px){
	.sam_herobanner {
		height: 300px;
	}
	.heroBannerSection {
		height: 300px;
	}
	.homeAboutSection .C2Agroup {
		padding: 0 0 30px 0;
	}
	.homeAboutSection .C2Agroup{
		max-width: 100%;
	}
	.heroBannerSection .container h1 {
		font: 300 40px var(--nav-font);
	}
	.heroBannerSection .owl-nav .owl-next {
		right: 1%;
		width: 25px;
		height: 25px;
		font-size: 12px !important;
	}
	.heroBannerSection .owl-nav .owl-prev {
		left: 1%;
		width: 25px;
		height: 25px;
		font-size: 12px !important;
	}
	.homeAboutSection {
		padding: 60px 0 ;
	}
	.homeAboutSection .aboutText h2 {
		font: 300 22px var(--nav-font);
		padding: 0 0 15px 0;
	}
	.block {
		height: 30vh;
	}
	.homeCategories article figure h2 {
		font: 300 25px var(--nav-font);
	}
	.homeCategories article .container {
		padding-top: 30px;
		padding-bottom: 40px;
	}	
	.homeCategories article .container .productName {
		margin: 0 0 17px 0;
	}
	.homeCategories article .container a { 
		padding: 9px 20px; 
	}
	.callToAction{
		padding: 50px 0;
	}
	.callToAction .c2aSection .tagLine {
		font: 400 21px var(--nav-font);
		line-height: 28px; 
	}
	.callToAction .c2aSection .phoneNumber {
		font: 400 20px var(--nav-font);
		line-height: 26px;
		margin: 0 0 6px 0;
	}
	.callToAction .c2aSection {
		margin-bottom: 20px;
		border-left: 3px solid rgb(244, 67, 54);
        padding: 0 0 0 8px;
	}
	footer aside .contactAddress {
		max-width: 100%;
		line-height: 2;
		margin: 8px 0 10px 0;
	}
	footer .copyright { 
		font: 400 12px var(--default-font);
		line-height: 18px; 
	}
	.innerBannerSection .container h1 {
		font: 300 35px var(--nav-font);
		line-height: 42px;
	}
	.main-category-header .main-category-image .categoryTitle { 
		font: 300 40px var(--nav-font); 
	}
	.CommtopSection h2 {
		font: 300 27px var(--heading-font);
		margin: 0 0 7px 0;
	}
	.commonSection li article h3 {
		font: 300 25px var(--heading-font);
		margin: 0 0 8px 0;
	}
	.commonSection li article p {
		font: 400 16px var(--default-font);
		line-height: 26px; 
	}
	.CommtopSection .topContent p {
		font: 400 16px var(--default-font);
		line-height: 26px; 
	}
	.CommtopSection {
		padding: 50px 0;
	}
	.brochureDownloadList{
		grid-template-columns: repeat(2, 1fr);
	}
	.brochureDownloadList h2 {
		font: 300 17px var(--nav-font);
	}
	.innerBannerSection .img-parallax{
		height: 100%;
		object-fit: cover;
	}
} 

@media only screen and (max-width: 575px){
	.heroBannerSection .container h1 {
		font: 300 30px var(--nav-font);
	}
	.sam_herobanner {
		height: 250px;
	}
	.heroBannerSection {
		height: 250px;
	}
	.topSection .social_icon{
		justify-content: center;
	}
	.rightTopMenu{
		justify-content: center;
	}
	.ourBrand .brands {
		padding: 30px 0 10px 0;
		gap: 30px;
	}
	.main-category-header .main-category-image .categoryTitle { 
		font: 300 28px var(--nav-font); 
	}
	.custom-product-gallery {
		padding: 50px 0;
	}
	.subcategories-grid .subcategory h3 { 
		font: 300 27px var(--nav-font); 
	}
	footer aside {
		padding: 10px 0 0 0; 
	}
	.brochureSection {
		padding: 50px 0; 
	}
	.block{
		height: 26vh;
	}
}

@media only screen and (max-width: 499px){
	/* .custom-product-gallery .grid{
		text-align: center;
		width: 100%;
		margin: 0;
		height: auto !important;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.custom-product-gallery .grid .grid-item{
		display: block;
		position: relative !important;
		height: 150px;
		overflow: hidden;
		top: auto !important;
		bottom: auto;
		left: auto !important;	
	}
	.custom-product-gallery .grid .grid-item a{
		display: block;
		width: 100%;
    	height: 100%;
	}
	.custom-product-gallery .grid .grid-item a img{
		height: 100%;
		max-width: 100%;
		width: 100%;
		object-fit: cover;
	} */
}

@media only screen and (max-width: 479px){
	.sam_herobanner {
		height: 200px;
	}
	.heroBannerSection {
		height: 200px;
	}
	.heroBannerSection .container h1 {
		font: 300 25px var(--nav-font);
	}
	.homeAboutSection .C2Agroup a, .homeAboutSection .aboutButton a { 
		font: 400 12px var(--default-font);
		line-height: 1.1; 
		padding: 10px 8px 8px;
		letter-spacing: 1px;
	}
	.homeAboutSection .aboutText h2 {
		font: 300 20px var(--nav-font);
		padding: 0 0 13px 0;
	}
	.block {
		height: 23vh;
	}
	.homeCategories article .container {
		padding-top: 25px;
		padding-bottom: 33px;
	}
	.homeCategories article .container .productName {
		margin: 0 0 14px 0;
		font: 300 20px var(--nav-font);
	}
	.ourBrand {
		padding: 40px 0; 
	}
	.ourBrand .brands {
		padding: 20px 0 10px 0;
		gap: 20px;
	}
	.headerSection figure img {
		width: 150px;
	}
	header#masthead .headerSection { 
		padding: 8px 0;
	}
	.topSection .social_icon i {
		font-size: 13px;
		color: #ffffff;
		background: #1e1e1e;
		width: 23px;
		height: 23px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.topSection .social_icon{
		gap: 5px;
	}
	.innerBannerSection .container h1 {
		font: 300 25px var(--nav-font);
		line-height: 32px;
	}
	.contactFormSection form .fromGroup textarea{
		height: 100px;
	}
	.contactFormSection form .fromGroup input[type="text"], .contactFormSection form .fromGroup input[type="tel"], .contactFormSection form .fromGroup input[type="email"]{
		height: 45px;
	}
	.online-consultation {
		padding: 50px 0 70px 0;
	}
	.consultation-text h4 {
		font: 300 27px var(--nav-font);
		padding: 0 0 13px 0;
	}
	.subcategories-grid .subcategory {
		position: relative;
		margin: 0 0 13px 0;
	} 
	.brochureDownloadList li {
		padding: 10px;
		border-radius: 5px;
	}
	.allCon {
		padding: 60px 0;
	}
} 

@media only screen and (max-width: 399px){
	.block {
		height: 18vh;
	}
	.contactInfo aside figure { 
		margin: 0 auto 10px auto; 
	}
	.contactInfo aside .contactAddress {
		padding: 0 10px;
	}
	.contactInfo aside {
		font-size: 16px;
		line-height: 26px; 
	}
	.contactFormSection {
		padding: 60px 0;
		margin: 50px 0 0 0; 
	}
	.contactFormSection h4{
		font: 500 35px var(--nav-font);
	}
	.main-category-header .main-category-image .categoryTitle { 
		font: 300 25px var(--nav-font); 
	}
}

@media only screen and (max-width: 359px){

}