:root {
    --main-color: #333333;    
    --second-color: #e2352d;
    --third-color: #8B898a;
     --link-color: 226, 53, 45;
}
html {
  scroll-behavior: smooth;
}
@media print {
}
@media only screen 
and (min-device-width: 370px) 
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {


.social-media {
	display: none;
}
.top-bar-title {
	display: none;
}
.nl-link0 {
	display: none;
}
.nl-link {
	display: none;
}
.top-menu ul li {
	margin: 0 .5rem;
	font-size: 14px;
}
nav .navbar-brand img {
    width: 100%;
}
nav .navbar-brand {
    margin-left: 2rem;
}
#main-section .main-text-holder h1 {
    font-size: 2rem;
 }



html {
  scroll-behavior: smooth;
}
	#navbar-mobile .navbar .logo-holder .navbar-brand img {
		width: 40%;
		margin-right: 0.2rem;
	}
	#navbar-mobile .navbar-brand .navbar-toggler {
		border-color: transparent;
	}
	#navbar-mobile a.nav-link:link {
		color: white;
	}
	#navbar-mobile a.nav-link:active{
		color: var(--second-color);
	}
	.navbar-toggler {
    	border: none;
	}
	#navbar-mobile {
		width: 80%;
	}
	.navbar-brand {
    	margin-left: 0rem;
	}
	#navbar-mobile .navbar button {
		margin-top: 0.2rem;
	}
	#navbar-mobile ul li {
		font-weight: 100;
	    color: white;
	    border-bottom: 1px solid #b3b3b3;
	    margin-bottom: 1rem;
	}
	#navbar-mobile ul {
		margin-left: 0rem;
		padding-left: 0rem;
		display: block;
	}
	.tabs-holder .tab-holder {
		margin-bottom: 1rem;
	}
	#product .title-holder {
    	width: 62%;
	}
	#product {
    	margin-top: 7rem;
	}
	#about-us .parallax .title-holder {
    	width: 90%;
    	margin-top: 5rem;
    	margin-bottom: 2.5rem;
	}
	footer .map-area {
		margin-top: 3rem;
	}
	footer .copy-right {
    	padding: 1rem;
	}
	.cta-holder {
    padding: 5rem 2rem 4rem 2rem;
	}
	#contact-form-holder form {
    margin-top: 2rem;
	}
	.carousel-caption {
	    top: 8rem;
	}
}



@media only screen 
and (min-device-width: 300px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {
html {
  scroll-behavior: smooth;
}
	#navbar-mobile .navbar .logo-holder .navbar-brand img {
		width: 40%;
		margin-right: 0.2rem;
	}
	#navbar-mobile .navbar-brand .navbar-toggler {
		border-color: transparent;
	}
	#navbar-mobile a.nav-link:link {
		color: white;
	}
	#navbar-mobile a.nav-link:active{
		color: var(--second-color);
	}
	.navbar-toggler {
    	border: none;
	}
	#navbar-mobile {
		width: 80%;
	}
	.navbar-brand {
    	margin-left: 0rem;
	}
	#navbar-mobile .navbar button {
		margin-top: 0.2rem;
	}
	#navbar-mobile ul li {
		font-weight: 100;
	    color: white;
	    border-bottom: 1px solid #b3b3b3;
	    margin-bottom: 1rem;
	}
	#navbar-mobile ul {
		margin-left: 0rem;
		padding-left: 0rem;
		display: block;
	}
	.tabs-holder .tab-holder {
		margin-bottom: 1rem;
	}
	#product .title-holder {
    	width: 62%;
	}
	#product {
    	margin-top: 7rem;
	}
	#about-us .parallax .title-holder {
    	width: 90%;
    	margin-top: 5rem;
    	margin-bottom: 2.5rem;
	}
	footer .map-area {
		margin-top: 3rem;
	}
	footer .copy-right {
    	padding: 1rem;
	}
	.cta-holder {
    	padding: 5rem 2rem 4rem 2rem;
	}
	#contact-form-holder form {
    	margin-top: 0rem;
	}
	#main-section-mobile .carousel-caption {
	    bottom: 0rem;
	    top: 22%;
	}
}

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {
html {
  scroll-behavior: smooth;
}
#navbar-mobile .navbar .logo-holder .navbar-brand img {
    width: 10%;
}
#main-section-mobile .carousel-caption {
    bottom: 0rem;
    top: 37%;
}
#product .title-holder {
    width: 33%;
}
.parallax {
    min-height: 350px;
}
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
html {
  scroll-behavior: smooth;
}
nav .navbar-brand img {
    width: 10%;
}
#product .title-holder {
    width: 32%;
}
#about-us .parallax .title-holder {
    width: 80%;
    margin-top: 8rem;
}
}
@media only screen 
and (min-device-width: 736px) 
and (max-device-width: 800px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
html {
  scroll-behavior: smooth;
}
nav .navbar-brand img {
    width: 10%;
}
#product .title-holder {
    width: 32%;
}
#about-us .parallax .title-holder {
    width: 80%;
    margin-top: 8rem;
}
}
@media only screen 
and (min-device-width: 568px) 
and (max-device-width: 700px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
html {
  scroll-behavior: smooth;
}
nav .navbar-brand img {
    width: 10%;
}
#product .title-holder {
    width: 32%;
}
#about-us .parallax .title-holder {
    width: 80%;
    margin-top: 8rem;
}
}
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: portrait) {
html {
  scroll-behavior: smooth;
}
.carousel-caption {
    bottom: 0rem;
    top: 15%;
}
#product .title-holder {
    width: 25%;
}
#about-us .parallax .title-holder {
    width: 77%;
    margin-top: 5rem;
}
.tabs-holder {
    margin-top: -2rem;
}
.tab-text-holder h5 {
    margin-left: -0.3rem;
}
}
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1200px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
html {
  scroll-behavior: smooth;
}
.carousel-caption {
    top: 16%;
}
}