@media (min-width: 1921.98px) and (max-width: 2260px) {

#home .container {
  max-width: 900px;
}

.font-80 {
  font-size: 45px;
  line-height: 55px;
}

}

@media (min-width: 1861.98px) and (max-width: 1920.98px) {

.sipconteamsection {
  height: 630px;
}


}


@media (min-width: 1680.98px) and (max-width: 1860px) {

.sipconteamsection {
  height: 580px;
}


}

@media (min-width: 1439.98px) and (max-width: 1580.98px) {


	

}


@media (min-width: 1440.98px) and (max-width: 1680.98px) {

#home .container {
  max-width: 1100px;
}

.banner-counter .container {
  max-width: 1240px;
}

.font-80 {
  font-size: 45px;
  line-height: 55px;
}


}

@media (min-width: 1368px) and (max-width: 1439.98px) {

	#home .container {
  max-width: 800px;
}

 
	.font-42 {
  		font-size: 40px;
	}

	.font-29 {
	font-size: 27px;
	line-height: 45px;
	}

	.font-37 {
	font-size: 35px;
	line-height: 55px;
	}


.productrowpprj p.innermaintitle {
	font-size: 18px;
	}

.cbdmcrimgWrapper, .cbdmcrimgWrapper img, 
.cbdmcruvimgWrapper, .cbdmcruvimgWrapper img {
  width: 100%;
  height: auto;
  max-width: 260px;
}

.cbdmcrctlgbox h2 {
  font-size: 25px;
}

.cbdmcruv h2 {
  font-size: 26px;
}

}

@media (min-width: 1200.98px) and (max-width: 1367.98px) {

	.scroll-subnav__inner {
  		padding: 0 10px;
	}
	.subnav__links li a,.subnav__links li a:focus {
  		padding: 0 8px;
	}
	#home .container {
		/*max-width: 850px;*/
		max-width: 1000px;
	}

		.font-80 {
    font-size: 45px;
    line-height: 56px;
  }


   .hmmainttl2 {
    font-size: 20px;
    line-height: normal;
  }

  .banner-counter .container {
  max-width: 1100px;
}

.client-desktop img {
    max-width: 1000px;
  }

  .solutionsection .container {
  max-width: 1140px;
  }

  .global-map2 img {
  max-width: 600px;
}

.ceoinner {
  position: relative;
  max-width: 750px;
}

 .ceottl {
    right: -180px;
    max-width: 270px;
  }

  .global-map img {
  height: 350px;
  width: auto;
}

.productlistbox {
  position: relative;
  max-width: 960px;
  margin: 60px auto 0;
}

.hmsolutionslider .item img, .hmsolutionslider .item picture {
  max-width: 160px;
  display: block;
  margin: 0 auto;
}

.hmsolutionslider .slick-slide{
	padding: 0;
	margin: 0;
}

 .ceoletterimg {
    right: -420px;
    max-width: 450px;
  }

  .ceocol .ceoimg {
  max-width: 625px;
  }

.mainprodctimg img {
  max-width: 250px;
}

.cncttl {
    font-size: 45px;
  }

  .font-14l {
  font-size: 12px;
  line-height: normal;
}

	.font-57 {
	font-size: 52px;
	line-height: 68px;
	}

	.font-42 {
		font-size: 38px;
		line-height: 58px;
	}

	.font-29 {
	font-size: 27px;
	line-height: 45px;
	}

	.font-37 {
		font-size: 35px;
		line-height: 55px;
	}

	.downloadctlgdsc h3 {
		font-size: 19px;
	}

 .hmsolutionslider .slick-list {
    padding: 0 !important;

  }
	
	.cablequality .process-col p{
		font-size: 14px;
	}

	.donextinner {
    padding: 25px 25px;
  }

  .homevideoWrapper iframe {
  width: 650px;
  height: 380px;
}

.productrowpprj p.innermaintitle {
  font-size: 18px;
}

.downloadctlgdsc h3 {
  font-size: 16px;
}

.cbdmcrimgWrapper, .cbdmcrimgWrapper img,
 .cbdmcruvimgWrapper, .cbdmcruvimgWrapper img {
  width: 100%;
  height: auto;
  max-width: 260px;
}

.cbdmcrinner p br {
  display: none;
}

.head-call, .head-call:focus{
	font-size: 16px;
}

.cbdmcrctlgbox h2 {
  font-size: 25px;
}

.cbdmcrctlgbox h2 {
  font-size: 23px;
  line-height: 36px;
}

.cbdmcruv h2 {
  font-size: 26px;
}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

	br{
		display: none;
	}

	.font-42 {
		font-size: 32px;
		line-height: 50px;
	}

	.mainNavigation li a, .mainNavigation li a.nav-link:focus,
	.mainNavigation li a.menubtnnav, .mainNavigation li a.menubtnnav:focus {
		padding: 0 5px !important;
		font-size: 14px;
	}

	.mega-left {
  		max-width: 270px;
	}

	.footer-cable-genie::after {
  		max-width: 300px;
	}

	.head-call, .head-call:focus {
  		font-size: 15px;
	}

	#home .container {
  max-width: 850px;
}

  .font-80 {
    font-size: 40px;
    line-height: 55px;
  }

  .mainprodctimg img {
    max-width: 250px;
  }

   .hmmainttl4 {
    font-size: 25px;
    line-height: 40px;
  }

  .hmmainttl5 {
  font-size: 17px;
}

.banner-counter .container {
  max-width: 900px;
}

 .client-desktop img {
    max-width: 850px;
  }

.hmsolutionslider .item img {
    max-width: 160px;
  }

  .ceocol .ceoimg {
		max-width: 550px;
		left: 0;
	}

	.ceocol .ceoletterimg {
		height: 600px;
    right: -350px;
	}

	  .ceottl {
    right: -185px;
    top: -90px;
    max-width: 250px;
  }

  .global-map {
  display: flex;
  justify-content: space-around;
  align-items: start;
}

  .global-map .global1 {
  max-width: 300px;
}

.global-map .global2 {
  max-width: 500px;
}

.global-map2 img {
  max-width: 600px;
}

 .sipconteamsection {
    height: 100%;
  }

  .product-herocableslcr .innermaintitle {
  font-size: 16px;
  line-height: normal;
}

.solutionWrappercblscr, .solutionWrappercblscr img {
  max-width: 200px;
}

.soldescbox .font-18 {
  font-size: 16px;
  line-height: normal;
}

.downloadpdfcol img {
  right: -50px;
}

.font-29 {
  font-size: 24px;
  line-height: 40px;
}

.pdtop {
  padding-top: 80px;
}

.pdbtm{
	padding-bottom: 80px;
}

.mrtop{
	margin-top: 80px;
}

.mrbtm{
	margin-bottom: 80px;
}

.productrowcmn .innermaintitle {
  font-size: 20px;
  margin-top: 0;
}

.profprjmapprow img {
  height: auto;
  width: 100%;
}

.profprjmapprow .global1 {
    max-width: 300px;
  }
.profprjmapprow .global2 {
  max-width: 500px;
}

.profprjmapprow.mrtop40 {
  align-items: start;
}

.cbdmcrimgWrapper, .cbdmcrimgWrapper img,
 .cbdmcruvimgWrapper, .cbdmcruvimgWrapper img {
  max-width: 220px;
}

.cbdmcrctlgbox h2 {
  font-size: 22px;
  line-height: 40px;
}

.scroll-subnav__inner {
  max-width: 960px;
}
.scroll-subnav__links li a,
.scroll-subnav__links li a:focus{
	font-size: 12px;
  	padding: 0 3px;
}

}

@media (min-width: 992px ){
  
	 .mainNavigation li .mega_menu {
		visibility: hidden;
		opacity: 0;
		position: absolute;
		padding: 20px 0;
		width: 60vw;
		top: 20px;
	}

	.mainNavigation li:hover > .mega_menu {
		visibility: visible;
		opacity: 1;
		z-index: 99;
	}

	.mainNavigation li a,
	.mainNavigation li a.nav-link:focus{
		padding: 0 10px !important;
	}

}

@media (min-width: 767.98px) and (max-width: 990.98px) {

	.pdtop, .pdtop80 {
	padding-top: 60px;
	}

	.pdbtm, .pdbtm80{
		padding-bottom: 60px;
	}

	.mrtop, .mrtop80{
		margin-top: 60px;
	}

	.mrbtm, .mrbtm80{
		margin-bottom: 60px;
	}
	br{
		display: none;
	}
	
	.proproblemsrow {
		display: flex;
		justify-content: center;
	}

	.font-55 {
		font-size: 45px;
		line-height: 55px;
	}

	.font-42 {
		font-size: 25px;
    	line-height: 40px;
	}

	.font-27 {
		font-size: 22px;
		line-height: 42px;
	}

	.font-23 {
		font-size: 18px;
		line-height: 30px;
	}


	.mainNavigation {
		position: absolute;
		background-color: #fff;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
	}

		.innermaintitle {
			margin-top: 10px;
		}

	.prdctbtn-box {
		margin-top: 10px;
	}

	  
.downloadpdfcol .downloadpdfWrapper, 
.downloadpdfcol img {
  right: 0;
  max-width: 250px;
}

#home .container {
  max-width: 600px;
}

 .font-80 {
    font-size: 35px;
    line-height: 45px;
  }

  .hmmainttl2 {
  font-size: 13px;
  line-height: normal;
}

.hmmainttl4{
  font-size: 18px;
}

.hmmainttl5 {
  font-size: 16px;
  line-height: normal;
}

.font-25 {
  font-size: 20px;
  line-height: 30px;
}


 .ceoletter {
  margin-top: 100px;
}

.ceocol .ceoletterimg {
    position: absolute;
    top: -70px;
    left: auto;
    right: 50px;
    max-width: max-content;
    margin: 0 auto;
    height: 470px;
  }

  .ceocol .ceoimg {
  max-width: 320px;
    width: auto;
    height: auto;
    left: 50px;
    z-index: 0;
    right: 0;
    bottom: 0;
}

 .ceottl {
    position: absolute;
    top: -85px;
    z-index: 2;
    left: auto;
    right: 90px;
    max-width: 275px;
  }

  .cablebook  {
	margin-top: 60px;
}

.global-map{
	align-items: start;
}
.global-map .global1 {
    width: 100%;
    height: auto;
    max-width: 300px;
  }

.global-map2 img {
  max-width: 425px;
}
.hmtst-col, 
.hmtst-col:last-child, .hmtst-col:nth-child(5){
	margin-bottom: 0;
}

 .innermaintitle {
    margin-top: 5px;
    font-size: 16px;
    line-height: normal;
  }

  .font-29 {
  font-size: 25px;
  line-height: 40px;
}

.solutionWrappercblscr, .solutionWrappercblscr img {
  max-width: 250px;
  display: inline-block;
  width: 100%;
  height: auto;
}

.soldescbox p {
  font-size: 14px;
  line-height: normal;
}

.xlpeimgWrapper.productimgWrapper, 
.xlpeimgWrapper.productimgWrapper img {
  max-width: 280px;
}

.benchtopimgWrapper, .benchtopimgWrapper img {
  max-width: 200px;
}

.sltrslcrWrapper, .sltrslcrWrapper img{
	max-width: 275px;
}

.sltrWrapper, .sltrWrapper img{
	max-width: 200px;
}

.solutionbox h2 {
  font-size: 18px;
  line-height: normal;
}

.solutionbox p{
  font-size: 16px;
  line-height: normal;
}

.comparebox .table {
  border-spacing: 10px 1px;
}

.downloadctlgdsc h3 {
  font-size: 16px;
  line-height: normal;
}

.sipconteamsection {
    height: 100%;
    padding-top: 0;
  }

  .sipconteamsection .titlebox {
  top: 30px;
}

.cblslicerbox .soldescbox p{
	font-size: 14px;
}

.xlpeprocess .usevideocol-inner iframe,
.benchtopprocess .usevideocol-inner iframe,
.slcrsltrprocess .usevideocol-inner iframe,
.plcslcrprocess .usevideocol-inner iframe{
	max-width: 500px;
  height: 240px !important;
}

.servicessingleimgdie picture, .servicessingleimgdie img {
  max-width: 100px;
}

.prornginnerWrapper, 
.prornginnerWrapper img {
  max-width: 230px;
}

#profglobal .global1 {
  max-width: 450px;
  margin: 0 auto 20px;
  text-align: center;
}

.profprjglbcolinner {
  padding-left: 0;
}

.patent .font-37 {
  font-size: 30px;
  line-height: 40px;
}

.patent .font-20 {
  line-height: normal;
}

.profprojimgWrapper, .profprojimgWrapper img {
  max-width: 100%;
}

.prorngrow h2 {
  font-size: 22px;
  line-height: 32px;
}

.prorngrow p {
  font-size: 18px;
  line-height:normal;
}

.projlist-col{
	margin-bottom: 30px;
}
 
.projlist-col:last-child,
.projlistrow:nth-child(3) .projlist-col{
	margin-bottom: 0px;
}

.cbdmcrinnerimgbox, .cbdmcruvinnerimgbox {
  flex-direction: column;
}
.cbdmcrimgWrapper, .cbdmcrimgWrapper img,
 .cbdmcruvimgWrapper, .cbdmcruvimgWrapper img {
  margin-bottom: 5px;
}

.product-slider-crmcn h1, .product-slider-crmcn h1 span {
  font-size: 32px;
  line-height: 42px;
}

.servicessingleimgcrmcn, .servicessingleimgcrmcn img {
  max-width: 130px;
}

.specificcoremcnbox{
  margin-top: 30px;
}

}


@media (min-width: 320px) and (max-width: 767px) {

	.pdtop, .pdtop80, .pdtop60 {
	padding-top: 40px;
	}

	.pdbtm, .pdbtm80, .pdbtm60{
		padding-bottom: 40px;
	}

	.mrtop, .mrtop80, .mrtop60{
		margin-top: 40px;
	}

	.mrbtm, .mrbtm80, .mrbtm60{
		margin-bottom: 40px;
	}

	 .font-80 {
    font-size: 35px;
    line-height: 45px;
	 }
   
	 .font-55 {
		font-size: 40px;
		line-height: 50px;
	}

	.font-42 {
		font-size: 22px;
    	line-height: 40px;
	}

	.font-29 {
  font-size: 23px;
  line-height: normal;
}

	.font-27 {
  font-size: 20px;
  line-height: 34px;
}

	.font-23 {
		font-size: 18px;
		line-height: 30px;
	}

	.prohrcolinnerimgWrapper {
		background-image: image-set(
			url("../images/cable-genie/main-banner-deepak-mb.webp") type("image/webp"),
			url("../images/cable-genie/main-banner-deepak-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		height: 500px;
    	justify-content: start;
	}

		.prohrcolinnerimgWrapper picture,
		.prohrcolinnerimgWrapper img{
		display: none;
		}

		.innermaintitle {
			margin-top: 10px;
		}

	.prdctbtn-box {
		margin-top: 10px;
	}

	.downloadpdfcol .downloadpdfWrapper, 
	.downloadpdfcol img {
		max-width: 200px;
		margin-top: 20px;
	}

	.solboxcol h2 br {
  display: none;
}

.footer-cable-genie::after {
  		max-width: 300px;
	}

	.hmmainttl2 {
    padding-bottom: 15px;
    font-size: 16px;
    line-height: normal;
  }

  .hmmainttl3 {
    font-size: 14px;
  }

  .hmmainttl4 {
    font-size: 18px;
    line-height: normal;
  }

  .hmmainttl5 {
    padding-top: 0;
    font-size: 14px;
    line-height: normal;
  }

  .ceoletter {
  margin-top: 80px;
}

.ceocol .ceoimg {
  max-width: 300px;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}

.global-map {
  align-items: start;
  flex-direction: column;
}

.global-map .global1 {
    width: 100%;
    height: auto;
    max-width: 350px;
	margin: 0 auto;
  }

  .global-map2 img {
  max-width: 400px;
}

  .sipconteamsection .titlebox {
  top: 15px;
}

  .sipconteamsection .titlebox h2{
	font-size: 13px;
}

.product-herocblgn{
		background-image: image-set(
			url("../images/cable-genie/main-banner-deepak-mb.webp") type("image/webp"),
			url("../images/cable-genie/main-banner-deepak-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-herocableslcr{
	background-image: image-set(
			url("../images/cable-slicer/main-banner-cable-slicer-mb.webp") type("image/webp"),
			url("../images/cable-slicer/main-banner-cable-slicer-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-slider-diegenie{
	background-image: image-set(
			url("../images/die-genie/main-banner-die-genie-mb.webp") type("image/webp"),
			url("../images/die-genie/main-banner-die-genie-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-slider-profproj{
	background-image: image-set(
			url("../images/profile-projector/main-banner-profileproj-mb.webp") type("image/webp"),
			url("../images/profile-projector/main-banner-profileproj-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-slider-cbdmcr{
	background-image: image-set(
			url("../images/cbd-microscope/main-banner-cbd-microscope-mb.webp") type("image/webp"),
			url("../images/cbd-microscope/main-banner-cbd-microscope-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-slider-diemcr{
	background-image: image-set(
			url("../images/die-microscope/main-banner-die-insmicro-mb.webp") type("image/webp"),
			url("../images/die-microscope/main-banner-die-insmicro-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.cblscrsolutionrow .solution-col {
  margin-bottom: 20px;
}

.product-slider-crmcn{
	background-image: image-set(
			url("../images/core-punching/main-banner-cormcn-mb.webp") type("image/webp"),
			url("../images/core-punching/main-banner-cormcn-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-slider-fibre{
	background-image: image-set(
			url("../images/fibre-genie/main-banner-fibre-genie.webp") type("image/webp"),
			url("../images/fibre-genie/main-banner-fibre-genie.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.product-slider-wire{
	background-image: image-set(
			url("../images/wire-genie/main-banner-wire-genie-mb.webp") type("image/webp"),
			url("../images/wire-genie/main-banner-wire-genie-mb.jpg") type("image/jpeg")
		);
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: cover;
		height: 400px;
    	justify-content: start;
}

.cblscrsolutionrow .solution-col:last-child,
.cblscrsolutionrow:nth-child(3) .solution-col
 {
  margin-bottom: 0px;
}

.benefit-col:last-child {
  margin-top: 20px;
}

.comparebox .table {
  border-spacing: 10px 0px;
}

.cblgnvideoinner:last-child {
  margin-top: 20px;
}

.cablecrossList li {
  font-size: 14px;
}

.servicessingleimgdie {
  margin-top: 30px;
}

.servicessingleimgdie picture, .servicessingleimgdie img {
  max-width: 100px;
}

.propprjcol h1, .propprjcol p {
  color: #fff;
}

.patent .font-37 {
  font-size: 25px;
  line-height: 35px;
}

.patent .font-20 {
  line-height: normal;
}

.cbdmcrinnerimgbox,
.cbdmcruvinnerimgbox {
  margin-top: 10px;
}

.cbdmcrimgWrapper, .cbdmcrimgWrapper img,
.cbdmcruvimgWrapper, .cbdmcruvimgWrapper img {
  width: 100%;
  height: auto;
  max-width: 250px;
}

.cbdmcrbox,
.cbdmcruvbox {
  margin-top: 10px;
}

.cbdmcrbox p br, 
.diemcrctlgbox p br{
	display: none;
}

.diemcrsolution .diemcrinner {
  margin-top: 10px;
}

.diemcrbox{
	margin-top: 0px;
}

.simplesolution .simpleinnerimgbox {
  margin-bottom: 10px;
}

.thicknesssoList li {
  font-size: 16px;
  margin-bottom: 0;
}

.cablebookbox br {
  display: none;
}

.cablebook  {
	margin-top: 0px;
}

 .sipconteamsection {
    height: 220px;
    padding-top: 0;
  }

.homevideoWrapper iframe {
  width: 100%;
  height: 350px !important;
}

}

@media (min-width: 320px) and (max-width: 575px) {
    
	.font-42 {
		font-size: 22px;
		line-height: 34px;
	}
  
	.font-29 {
		font-size: 20px;
		line-height: normal;
	}

	.font-18 {
		font-size: 16px;
		line-height: 28px;
	}

	.button-blue-border2, .button-blue-border2:focus {
  		font-size: 12px;
	}

   .innermaintitle {
		margin-top: 7px;
		font-size: 16px;
		line-height: normal;
	}

	 .prdctbtn-box-one {
		width: 100%;
		flex: 0 0 100%;
		margin-top: 0;
		margin-bottom: 5px;
	}

     .productrow {
		flex-direction: column;
	}

	.servicessingleimg {
		margin-top: 0;
	}

	.solutionbox.mrtop40 {
		margin-top: 25px;
	}

	.solutionList li {
		font-size: 15px;
	}

 .downloadpdfcol .downloadpdfWrapper, .downloadpdfcol img {
   margin-top: 25px;
    position: relative;
  }

  .solution {
  padding-bottom: 0;
}

.footer-cable-genie::after {
    max-width: 180px;
    bottom: 100px;
  }
  
   .bnrcnc-col {
    width: 50%;
    flex: 0 0 50%;
    border-right: 0;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
  }

   .hmmainttl3 {
    font-size: 14px;
    padding-top: 0px;
  }

  .ceocol .ceoletterimg {
  width: 100%;
  height: auto;
}

.ceoletter {
    margin-top:60px;
  }
 .ceottl {
    top: -65px;
    left: 60px;
    max-width: 200px;
  }

  .ceocol .ceoimg {
    max-width: 270px;
    bottom: -50px;
  }

  .sipconvideo iframe {
  width: 100%;
  height: 250px;
}

 .sipconteamsection .titlebox h2 {
    font-size: 16px;
    line-height: normal;
  }

  .donext .titlebox h2 {
    font-size: 20px;
  }

   .global-map2 img {
    max-width: 275px;
  }

  .cablequality .processinner {
  margin-right: 0;
}

.cblscrsolutionrow .solution-col{
	margin-bottom: 20px;
}

.cblscrsolutionrow .solution-col:last-child
 {
  margin-bottom: 0px;
}

.usevideocol-inner iframe {
  max-width: 340px;
  height: 250px !important;
}

.downloadctlg-col {
  flex: unset;
  margin-bottom: 20px;
}

.downloadctlg-col:last-child {
  flex: unset;
  margin-bottom:0px;
}

  .product-slider-diegenie {
    background-position: center right;
  }

  .product-slider-cbdmcr .prdctbtn-box,
  .product-slider-diemcr .prdctbtn-box,
	.product-slider-crmcn .prdctbtn-box
   {
	display: flex;
	flex-direction: column;
}

.product-slider-cbdmcr .prdctbtn-box .prdctbtn-box-two,
.product-slider-diemcr .prdctbtn-box .prdctbtn-box-two,
.product-slider-crmcn .prdctbtn-box .prdctbtn-box-two
{
  margin-bottom: 10px;
}

.cbdmcrimgWrapper, .cbdmcrimgWrapper img,
.cbdmcruvimgWrapper, .cbdmcruvimgWrapper img {
    width: 100%;
    height: auto;
    max-width: 160px;
  }

  .product-slider-cbdmcr,
  .product-slider-diemcr,
  .product-slider-crmcn {
	background-position: center right;
}

.diemcrsolution .diemcrinner .diemcrimgWrapper,
.diemcrsolution .diemcrinner .diemcrimgWrapper img {
  max-width: 300px;
  margin: 0 auto;
}

.simplesolution .simpleinnerimgbox .simpleimgWrapper,
.simplesolution .simpleinnerimgbox .simpleimgWrapper img{
  max-width: 300px;
}

.product-slider-fibre,
.product-slider-wire{
	background-position: center right;
}

.product-slider-wire br{
	display: none;
}

.thicknessbox {
  margin-top: 10px;
}

.thicknessinnerimgbox {
  margin-top: 15px;
}

.resolution-col p {
  font-size: 16px;
  line-height: 30px;
}

.resolutionbox,
.specificwrgnbox,
.downloadctlgbox {
  margin-top: 15px;
}

.specifictblwrgn tr td {
  font-size: 15px;
}

.downloadpdf, .downloadpdf:focus {
  font-size: 15px;
}

.downloadpdf span {
  font-size: 22px;
}

.sipconteamsection {
    height: auto;
}

.testmonialinnerbtm .hmtst-col.mrtop60 {
  margin-top: 0px;
}

.testmonialinnerbtm .hmtst-col.mrtop60:first-child {
  margin-top: 30px;
}

.hmsolutionslider-arrows {
  bottom: -40px;
}

.measurclients .titlebox {
  margin-bottom: 15px;
}

}


@media (max-width: 480px) {
    #header-form .form-group{
        transform: scale(0.75);
    }


    #productguide-form .form-group{
    	transform: scale(0.85); /* Adjust the scale factor as needed */
	}

	.conformbox .form-group, .reqaqutformbox .form-group{
	    transform: scale(0.75); /* Adjust the scale factor as needed */
	}

	.prodspecmnrw .row.pdbtm40 {
		padding-bottom: 20px;
		margin-top: 20px;
	  }
	  
	  .prodspecmnrw .row.pdbtm40 .fw-semibold{
		  padding-bottom: 5px;
	  }
}

/* ─────────────────────────────────────────────────────
   SECTION 1: TOPBAR — all mobile (≤991px)
───────────────────────────────────────────────────── */
@media (max-width: 991px) {

	header,
	header.fixed-menu {
		position: relative;
		z-index: 1000;
		background: #fff;
		width: 100%;
	}

	header>.container,
	header>.container-fluid {
		padding-left: 16px;
		padding-right: 16px;
		max-width: 100%;
	}

	header .header-inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 0;
		flex-wrap: nowrap;
		width: 100%;
	}

	header .header-inner>.logo,
	header .hidemobile.logo {
		display: flex;
		width: auto;
		flex: 0 0 auto;
	}

	header .hidemobile.logo img,
	header .header-inner>.logo img {
		width: 120px;
		height: auto;
		display: block;
	}

	header .header-right {
		width: auto;
		flex: 0 0 auto;
		display: flex;
		align-items: center;
	}

	header .headerrgtbox {
		display: none;
	}

	header .logosection {
		display: none;
	}

	.search_botton_mobile {
		display: none;
	}

	.mainNavigation .dropdown-toggle::after {
		display: none;
	}


	/* ── HAMBURGER ── */
	#hamburgerBtn {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 38px;
		height: 38px;
		background: none;
		border: none;
		cursor: pointer;
		padding: 4px;
		z-index: 10001;
		position: relative;
		flex-shrink: 0;
	}

	#hamburgerBtn span {
		display: block;
		width: 24px;
		height: 2px;
		background: #1e276f;
		border-radius: 2px;
		transition: transform 0.3s ease, opacity 0.3s ease;
		transform-origin: center;
	}

	#hamburgerBtn.open span:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}

	#hamburgerBtn.open span:nth-child(2) {
		opacity: 0;
	}

	#hamburgerBtn.open span:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}


	/* ── NAV OVERLAY ──
     Starts as display:none — no flash on load.
     JS adds .nav-ready on first click to enable slide-down animation.
  ── */
	#mainNavigation {
		display: none;
		flex-direction: column;
		align-items: stretch;
		list-style: none;
		padding: 0;
		margin: 0;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		overflow-y: auto;
		overflow-x: hidden;
		background: #fff;
		z-index: 9999;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

	}

	#mainNavigation.nav-ready {
		display: flex;
		transform: translateY(-100%);
		transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		visibility: hidden;
	}

	#mainNavigation.nav-ready.open {
		transform: translateY(0);
		visibility: visible;
	}

	#mainNavigation.open {
		display: flex;
	}

	/* Spacer — clears the fixed topbar */
	#mainNavigation::before {
		content: '';
		display: block;
		width: 100%;
		height: 56px;
		flex-shrink: 0;
		background: #fff;
		border-bottom: 1px solid #eef0f3;
	}


	/* ── NAV LIST ITEMS ──
     Each <li> must shrink-wrap its content exactly.
     NO height, NO min-height, NO line-height on li itself.
  ── */
	#mainNavigation>li {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #eef0f3;
		overflow: visible;
		/* MUST be visible — mega menu expands inside */
		float: none;
		clear: both;
		box-sizing: border-box;
		height: unset;
	}

	#mainNavigation .menu-devider {
		display: none;
	}

	/* ── NAV LINKS (Product Range, About Sipcon, Insights, Contact Details) ── */
	#mainNavigation>li>a,
	#mainNavigation>li>a.nav-link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 16px 20px !important;
		font-size: 16px;
		color: #222;
		font-weight: 500;
		text-decoration: none;
		box-sizing: border-box;
		background: transparent;
		border: none;
		line-height: 30px;
		transition: color 0.2s, background 0.2s;
		position: relative;
	}

	.mobile-chevron-produt {
		display: inline-block;
		font-size: 26px;
		color: #888;
		flex-shrink: 0;
		transition: transform 0.25s ease, color 0.15s;
	}

	#mainNavigation>li>a:hover,
	#mainNavigation>li>a.nav-link:hover {
		color: #1e276f;
		background: #f0f2f9;
	}

	#mainNavigation>li>a.active {
		color: #1e276f;
		font-weight: 600;
	}

	#mainNavigation>li>a.active .mobile-chevron-produt {

		transform: rotate(90deg);
		color: #1e276f;

	}

	/* ── GET A QUOTE button ── */
	#mainNavigation>li>a.menubtnnav {
		display: block;
		margin: 14px 16px 18px !important;
		max-width: 250px;
		width: 100%;
		text-align: center;
		padding: 14px 20px !important;
		border-radius: 5px;
		background: #1e276f;
		color: #fff;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.5px;
		line-height: 1.3;
		transition: background 0.2s;
	}

	#mainNavigation>li>a.menubtnnav:hover {
		background: #16205a;
	}

	body.menu-open {
		overflow: hidden;
	}
}



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

	/* ─────────────────────────────────────────────────────
   SECTION 2: TABLET MEGA MENU (768px – 991px)
   Left column | Right panel — side by side
───────────────────────────────────────────────────── */
	#dd-product-range {
		display: none;
		position: static;
		width: 100%;
		min-height: 320px;
		flex-direction: row;
		align-items: stretch;
		background: #f5f6fa;
		border-left: 3px solid #1e276f;
		border-top: 1px solid #dde0e8;
		padding: 0;
		overflow: hidden;
		box-sizing: border-box;
	}

	#dd-product-range.open {
		display: flex;
	}

	/* LEFT column */
	#dd-product-range .mega-left {
		width: 42%;
		min-width: 42%;
		flex-shrink: 0;
		background: #f5f6fa;
		border-right: 1px solid #dde0e8;
		padding: 0;
		overflow-y: auto;
		box-sizing: border-box;
	}

	#dd-product-range .mega-left-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 14px 16px;
		font-size: 14px;
		font-weight: 500;
		color: #333;
		border-bottom: 1px solid #e4e6ee;
		background: #f5f6fa;
		cursor: pointer;
		width: 100%;
		box-sizing: border-box;
		line-height: 1.3;
		transition: background 0.15s, color 0.15s;
	}

	#dd-product-range .mega-left-item:hover {
		background: #eaecf5;
		color: #1e276f;
	}

	#dd-product-range .mega-left-item.active {
		background: #e8ecf7;
		color: #1e276f;
		font-weight: 600;
		border-left: 3px solid #1e276f;
		padding-left: 13px;
	}

	#dd-product-range .mega-left-item .chevron {
		font-size: 13px;
		color: #aaa;
		flex-shrink: 0;
		transition: color 0.15s;
	}

	#dd-product-range .mega-left-item.active .chevron {
		color: #1e276f;
	}

	/* RIGHT column */
	#dd-product-range .mega-right {
		display: flex !important;
		flex: 1;
		flex-direction: column;
		background: #fff;
		padding: 0;
		overflow-y: auto;
		min-width: 0;
	}

	#dd-product-range .sub-panel {
		display: none;
		padding: 0;
		background: #fff;
	}

	#dd-product-range .sub-panel.open {
		display: block;
	}

	#dd-product-range .sub-panel-title {
		display: block;
		padding: 12px 16px 3px;
		font-size: 11px;
		font-weight: 700;
		color: #1e276f;
		text-transform: uppercase;
		letter-spacing: 0.6px;
		border-bottom: 1px solid #eef0f3;
		margin-bottom: 0;
	}

	#dd-product-range .sub-link {
		display: block;
		padding: 12px 16px !important;
		font-size: 14px;
		color: #333;
		border-bottom: 1px solid #f0f2f5;
		text-decoration: none;
		box-sizing: border-box;
		line-height: 25px;
		transition: color 0.15s, background 0.15s, padding-left 0.15s;
	}

	#dd-product-range .sub-link:last-child {
		border-bottom: none;
	}

	#dd-product-range .sub-link:hover {
		color: #1e276f;
		background: #f0f2f9;
		padding-left: 22px;
	}
}


/* ─────────────────────────────────────────────────────
   SECTION 3: MOBILE MEGA MENU (≤767px)

   Flat accordion — JS moves sub-panels below each item
───────────────────────────────────────────────────── */
@media (max-width: 767px) {

	#dd-product-range {
		display: none;
		position: static;
		width: 100%;
		background: #f5f6fa;
		border-left: 3px solid #1e276f;
		border-top: 1px solid #dde0e8;
		padding: 0;
		box-sizing: border-box;
	}

	#dd-product-range.open {
		display: block;
	}

	/* Full-width left column — JS hides .mega-right */
	#dd-product-range .mega-left {
		width: 100%;
		max-width: 100%;
		background: transparent;
		border-right: none;
		padding: 0;
		display: block;
		float: none;
		box-sizing: border-box;
	}

	#dd-product-range .mega-right {
		display: none;
	}

	/* Category row */
	#dd-product-range .mega-left-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 15px 20px;
		font-size: 15px;
		font-weight: 500;
		color: #333;
		border-bottom: 1px solid #dde0e8;
		background: #f5f6fa;
		cursor: pointer;
		width: 100%;
		box-sizing: border-box;
		line-height: 1.3;
		transition: background 0.15s, color 0.15s;
	}

	#dd-product-range .mega-left-item:hover {
		background: #eaecf5;
		color: #1e276f;
	}

	#dd-product-range .mega-left-item.active {
		background: #e8ecf7;
		color: #1e276f;
		font-weight: 600;
	}

	#dd-product-range .mega-left-item .chevron {
		display: inline-block;
		font-size: 14px;
		color: #888;
		flex-shrink: 0;
		transition: transform 0.25s ease, color 0.15s;
	}

	#dd-product-range .mega-left-item.active .chevron {
		transform: rotate(90deg);
		color: #1e276f;
	}

	/* Sub-panel — JS injects these after each left-item */
	#dd-product-range .sub-panel {
		display: none;
		padding: 0;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
	}

	#dd-product-range .sub-panel.open {
		display: block;
	}

	#dd-product-range .sub-panel-title {
		display: none;
	}

	/* Sub-links */
	#dd-product-range .sub-link {
		display: block;
		padding: 13px 20px 13px 34px !important;
		font-size: 14px;
		color: #333;
		border-bottom: 1px solid #e8eaed;
		text-decoration: none;
		box-sizing: border-box;
		line-height: 24px;
		background: #fff;
		font-weight: 400;
		transition: color 0.15s, background 0.15s, padding-left 0.15s;
	}

	#dd-product-range .sub-link:last-child {
		border-bottom: none;
	}

	#dd-product-range .sub-link:hover {
		color: #1e276f;
		background: #f0f2f9;
		padding-left: 40px;
	}
}


/* ─────────────────────────────────────────────────────
   SECTION 4: DESKTOP RESET (≥992px)
───────────────────────────────────────────────────── */
@media (min-width: 992px) {

	#hamburgerBtn {
		display: none;
	}

	body.menu-open {
		overflow: auto;
	}

	header .headerrgtbox {
		display: flex;
	}

	#mainNavigation {
		display: flex !important;
		position: static;
		width: auto;
		height: auto;
		flex-direction: row;
		overflow: visible;
		padding: 0;
		border: none;
		box-shadow: none;
		background: transparent;
		transform: none !important;
		visibility: visible !important;
		transition: none;
	}

	#mainNavigation::before {
		display: none;
	}

	.mainNavigation li .mega_menu {
		display: flex;
		visibility: hidden;
		opacity: 0;
		position: absolute;
		padding: 20px 0;
		width: 60vw;
		top: 50px;
		flex-direction: row;
		transition: opacity 0.2s ease, visibility 0.2s ease;
	}

	.mainNavigation li:hover>.mega_menu {
		visibility: visible;
		opacity: 1;
		z-index: 99;
	}

	.mega-right .sub-panel {
		display: none;
	}

	.mega-right .sub-panel.open {
		display: block;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	br {
		display: none;
	}

	.font-42 {
		font-size: 32px;
		line-height: 50px;
	}

	.mainNavigation li a,
	.mainNavigation li a.nav-link:focus,
	.mainNavigation li a.menubtnnav,
	.mainNavigation li a.menubtnnav:focus {
		padding: 0 5px;
		font-size: 14px;
	}

	.mega-left {
		max-width: 270px;
	}
}