@media (max-width: 1600px) { 
	.sub-item h2{font-size: 80px;}
	.sub-item h3{font-size: 52px;}
}

@media (max-width: 1536px) { 
	.sub-item h3{font-size: 34px;}
	.sub-item h2 {    font-size: 55px;    line-height: 60px;}
	.modal-body.pre-modal-body p{font-size: 16px; margin-bottom:10px	}
}

@media (max-width: 1280px) { 
	.sub-item h2 {    font-size: 45px;    line-height: 50px;}
	.sub-item h3{font-size: 35px;}
}

@media (max-width: 1170px) { 
	.navbar-light .navbar-nav .nav-link {    font-size: 15px;    padding: 0 6px;}
	.navbar-light .navbar-nav .nav-link{font-size: 15px;}
	.sub-item h2 {    font-size: 55px;    line-height: 60px;}
	.sub-item h3{font-size: 35px;}
	.finishes-details.finishes-more-product h4{font-size: 24px;}
	a.navbar-brand img {max-width: 180px;}
}

@media (max-width: 1024px) { 
	.why-invisible-hinges-section,.videosection,.salient-features-section,.saif-invisible-hinge-section,.finishessection,.footermain{padding: 40px 0;}
	.sub-item h2{font-size: 35px;line-height: 50px;}
	.sub-item h3 {font-size: 24px;}
	.saif-invisible-hinge-desc ul li {    font-size: 18px;    line-height: 36px;}
	.salient-features-desc-head h2{margin-bottom: 50px}
	.modal-body {	    height: 40vh;	    overflow-y: auto;	}
}	

@media (max-width: 991px) { 
	a.navbar-brand img {max-width: 150px;}
	a.navbar-brand.res-navbar-brand{display: block;}
	.brand-center-logo{display: none;}
	ul.navbar-nav.res-navbar-nav {margin-top: 30px;    align-items: baseline;}
	ul.navbar-nav.res-navbar-nav > li.nav-item {line-height: 34px;}
	.navbar-light .navbar-nav .nav-link{padding: 0;}
	.footer-map::before{left: -50px;}
}

@media (max-width: 900px) { 
	.why-invisible-hinges-head h2,.videosection-head h2,.saif-invisible-hinge-head h2{font-size: 28px;}
	.videosection-head h2{margin-bottom: 30px;}
	.why-invisible-hinges-head p { font-size: 22px; margin-bottom: 10px;}
	.salient-features-desc-head h2{font-size: 28px;}
	.finishes-img {    text-align: center;    margin-bottom: 50px;}
	.saif-invisible-hinge-desc {    margin-top: 30px;}
}

@media (max-width: 768px) { 
	ul.navbar-nav.ml-auto {    margin-top: 20px;}
	header.headermenu{position: relative;}
	.heroslidersection {    margin-top: -1px;}
	.sub-item h2{font-size: 36px;line-height: initial;}
	.sub-item h3{font-size: 24px;}
	.why-invisible-hinges-head h2{font-size: 36px;}
	.why-invisible-hinges-head p {    font-size: 18px;   margin-bottom: 10px;}
	.why-invisible-hinges p{margin-bottom: 10px;}
	.salient-features-desc-head h2 {    margin-bottom: 30px;    font-size: 28px; }
	.saif-invisible-hinge-head h2{font-size: 28px}
	.saif-invisible-hinge-desc ul {    margin-left: 0;    margin-top: 30px;}
	.saif-invisible-hinge{padding: 15px 30px;}
	.footer-map::before{left: -30px;}
	.footer-logo {    text-align: center;}
	.footermain-details p{text-align: center;}
	.footer-map h3 {    margin: 20px 0 30px;    text-align: center;}
	.finishes-img {    text-align: center;    margin-bottom: 60px;}
	.finishes-details img { max-width: 150px;}
}

@media (max-width: 767px) { 
	.saif-invisible-hinge-img {    text-align: center;}
	.saif-invisible-hinge-img-txt {  text-align: center;    margin-top: 30px;}
	.why-invisible-hinges-head h2{font-size: 32px;}
	.salient-features-desc-head h2{font-size: 24px;}
	.footer-map::before{display: none;}
}

@media (max-width: 601px) { 
	.sub-item h2 {    font-size: 26px;    letter-spacing: 2px;}
	.sub-item h3 {    font-size: 18px;}
	.sub-item h4 {    font-size: 24px;}
	.why-invisible-hinges-head h2 {    font-size: 32px;margin-bottom: 10px;}
	.videosection-head h2 {   font-size: 32px;   margin-bottom: 30px;}
	.salient-features-desc-head h2{font-size: 24px;}
	.finishes-details.finishes-more-product h4{margin: 0 auto;}

}

@media (max-width: 480px) { 
	.sub-item {    top: 25%;    left: 40%; transform: translate(-30%, -50%);}
	.finishes-details.finishes-more-product h4{margin: 0 auto;    font-size: 22px;    width: 100%;}
	.salient-features-desc-head h2{margin-bottom: 30px;font-size: 26px;}
	.item.cust-item img {    height: 370px;    object-fit: cover;   object-position: center;}
	.sub-item h4 {    font-size: 18px;}
	.sub-item h2{margin: 10px 0px;}
	.why-invisible-hinges-head h2{font-size: 26px;}
	.videosection-head h2{font-size: 26px;margin-bottom: 30px;	}
	.saif-invisible-hinge-head h2 {    font-size: 26px;}
	ul.nav.nav-tabs.cust-tabs > li.nav-item > a.nav-link{padding: 8px 7px;}
	.saif-invisible-hinge-desc ul li{display: flex;}
	h5.modal-title {    font-size: 16px;}
}
@media (max-width: 375px) { 
	.sub-item {    left: 7%;    transform: translate(6%, -50%);}
}
@media (max-width: 320px) { 
	.sub-item {    left: 0;    transform: translate(6%, -50%);}
}