/* Home Style */



@media (max-width: 450px){
	.carousel-caption{
		display: none;
	}
	.company-introduction {
	    padding: 20px 0;
	}
	.company-introduction>h2 {
	    margin-bottom: 20px;
	    font-size: 16pt;
	}
	.company-introduction>div.gap-this{
		font-size: 9pt;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	    -webkit-column-count: unset;
	    -moz-column-count: unset;
	    column-count: unset;
	    margin-bottom: 15px;
	}
	.info-label>.icon-label {
		font-size: 26pt;
		text-align: center;
		position: relative;
		float: none;
		display: block;
		margin: 5px 0 15px;
	}
	.label-description {
		margin-left: 0px;
		text-align: center;
		position: relative;
		width: 100%;
	}
	.label-description>h4 {
	    margin-bottom: 4px;
	    font-size: 10pt;
	}
	.label-description>h4 + p {
	    font-size: 8pt;
	}
	.info-label{
		padding: 15px;
		margin-bottom: 24px;
	}
	.range-description, .range-description>ul>li {
	    font-size: 9pt;
	}
	.range-description{
		margin-top: -25px;
	}
	.range-description>ul{
		list-style: none;
		padding: 0;
	}
	.range-content h1{
		font-size: 18pt;
		margin-bottom: 0;
	}
	.product-range>.bg{
		height: 145px;
	}
	.range-content {
	    margin-top: -120px;
	    margin-bottom: 0em;
	}
	.range-image{
		width: 330px;
		margin: 0 auto;
	}
	.direct-product-list {
	    margin: 2em 1em;
	}
}


@media (min-width: 450px) and (max-width: 768px) {
	.carousel-caption>h3{
		font-size: 11pt;
	}
	.carousel-caption>h3+p{
		font-size: 9pt;
	}
	.carousel-caption::before{
		height: 100px;
	}
	.carousel-caption{
		padding-bottom: 35px;
	}
	.company-introduction {
	    padding: 20px 0;
	}
	.company-introduction>h2 {
	    margin-bottom: 20px;
	    font-size: 18pt;
	}
	.company-introduction>div.gap-this{
		font-size: 10pt;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	    -webkit-column-count: unset;
	    -moz-column-count: unset;
	    column-count: unset;
	}
	.info-label>.icon-label {
		font-size: 26pt;
		text-align: center;
		position: relative;
		float: none;
		display: block;
		margin: 5px 0 15px;
	}
	.label-description {
		margin-left: 0px;
		text-align: center;
		position: relative;
		width: 100%;
	}
	.label-description>h4 {
	    margin-bottom: 4px;
	    font-size: 10pt;
	}
	.label-description>h4 + p {
	    font-size: 8pt;
	}
	.info-label{
		padding: 15px;
		margin-bottom: 24px;
	}
	.range-description, .range-description>ul>li {
	    font-size: 9pt;
	}
	.range-description{
		margin-top: -25px;
	}
	.range-description>ul{
		list-style: none;
		padding: 0;
	}
	.range-content h1{
		font-size: 18pt;
		margin-bottom: 0;
	}
	.product-range>.bg{
		height: 145px;
	}
	.range-content {
	    margin-top: -120px;
	    margin-bottom: 0em;
	}
	.range-image{
		width: 300px;
		margin: 0 auto;
	}
	.direct-product-list {
	    margin: 3em 2em;
	}
	.career-title{
		font-size: 18pt;
	}
	.career-description{
		font-size: 11pt;
	}
}


@media (min-width: 768px) and (max-width: 992px) { 
	.carousel-caption>h3{
		font-size: 14pt;
	}
	.carousel-caption>h3+p{
		font-size: 11pt;
	}
	.company-introduction>h2 {
	    margin-bottom: 20px;
	}
	.company-introduction>div.gap-this{
		font-size: 11pt;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}
	.info-label>.icon-label {
		font-size: 26pt;
		text-align: center;
		position: relative;
		float: none;
		display: block;
		margin: 5px 0 15px;
	}
	.label-description {
		margin-left: 0px;
		text-align: center;
		position: relative;
		width: 100%;
	}
	.label-description>h4 {
	    margin-bottom: 4px;
	    font-size: 10pt;
	}
	.label-description>h4 + p {
	    font-size: 8pt;
	}
	.info-label{
		padding: 15px;
		margin-bottom: 24px;
	}
	.range-description, .range-description>ul>li {
	    font-size: 9pt;
	}
	.range-content h1{
		font-size: 18pt;
		margin-bottom: 0;
	}
	.product-range>.bg{
		height: 155px;
	}
	.range-content {
	    margin-top: -95px;
	    margin-bottom: 0em;
	}
}


@media (min-width: 992px) and (max-width: 1200px) {
	.company-introduction>h2 {
	    margin-bottom: 20px;
	}
	.company-introduction>div.gap-this{
		font-size: 11pt;
		-webkit-column-gap: 20px;
		-moz-column-gap: 20px;
		column-gap: 20px;
	}
	.info-label>.icon-label {
	    font-size: 24pt;
	}
	.label-description {
	    margin-left: 15px;
	}
	.label-description>h4 {
	    margin-bottom: 4px;
	    font-size: 11pt;
	}
	.label-description>h4 + p {
	    font-size: 9pt;
	}
	.info-label{
		padding: 15px;
		margin-bottom: 24px;
	}
	.range-description, .range-description>ul>li {
	    font-size: 11pt;
	}
	.range-content h1{
		font-size: 24pt;
	}
}