@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Oswald:400,500,700');
/* GLOBAL ************************************************/
* {
	font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #666;
    border: 0;
	padding: 0;
	margin: 0;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    margin-top: 120px;
}

section {
    max-width: 2000px;
    display: block;
    margin: 0 auto;
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
}

.absolute-center, .absolute-center-lg, .absolute-center-md, .absolute-center-sm, .absolute-center-xs {
    position: absolute;
    width: calc(100% - 30px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
.container {
    max-width: 2000px;
    width: calc(100% - 200px);
    display: block;
    margin: 0 auto;
}
.container-sm {
    max-width: 1000px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    margin: 0 auto;
}

a {
	color: #999;
	display: inline-block;
	cursor: pointer;
}
a, a:hover, a:focus, a:visited {
	text-decoration: none !important;
	outline: none !important;
	color: #ccc;
}
a[href^=tel] { 
    color: inherit; 
    text-decoration: none; 
    display: inline-block;
}

h1,h2,h3,h4,h5,h6,ul,p {
	margin: 0;
}

p {
    font-weight: 500;
}
ul,p,b,a {
	font-size: 14px;
    line-height: 22px;
}
b {
    font-family: "Bold", sans-serif;
}

.oswald {
    font-family: "Oswald", sans-serif;
}
h1,h2,h3,h4 {
    letter-spacing: normal;
    color: #333;
    font-family: "Oswald", sans-serif;
}
h1 {
    font-size: 45px;
    line-height: 45px;
}
h2 {
    font-size: 25px;
}
h1.title, h2.title {
    color: #333;
    font-weight: 400;
    position: relative;
    margin-bottom: 30px;
}
.maintitle {
    background: url(../images/maintitle.jpg) center no-repeat;
    background-size: cover;
    padding: 25px 0;
}
.maintitle * {
    color: #f47320;
    font-weight: 400;
    font-size: 35px;
}
.title:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 0;
    height: 2px;
    width: 60px;
    background-color: #ffd31e;
}
.text-center.title:before {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.big {
    font-size: 115%;
}

.full-width {
    width: 100%;
}
.full-height {
    height: 100%;
}
.followcontentheight {
    transition: 0.3s height ease;
    -webkit-transition: 0.3s height ease;
    -moz-transition: 0.3s height ease;
    width: calc(100% - 15px);
    position: absolute;
    height: 100%;
    object-fit: cover;
}
.colored {
    font-family: inherit;
    font-weight: inherit;
    color: #f47320 !important;
}
.colored sup {
    color: #f47320 !important;
}

button {
    letter-spacing: 1px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
button:focus {
    outline: none !important;
}

.nav-tabs, .nav-tabs .nav-link {
    border: none;
}

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in { 
    opacity:0;
    /* Number of times to repeat */
    -webkit-animation:fadeIn ease-in 1;
    -moz-animation:fadeIn ease-in 1;
    animation:fadeIn ease-in 1;

    /* End frame key */
    -webkit-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    /* Duration of animation */
    -webkit-animation-duration:1s;
    -moz-animation-duration:1s;
    animation-duration:1s;
}

/* Delay before animation starts */
.fade-in.one {
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  animation-delay: 0s;
}

/* Parallax *******************************************/
.parallax-bg-repeat {
    background-repeat: repeat;
    background-size: contain !important;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}
.parallax-bg-normal {
    background-repeat: no-repeat;
    background-size: cover;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}
.parallax .container {
    padding-top: 60px;
    padding-bottom: 60px;
}
/* END Parallax ****************************************/

/* Read More *******************************************/
a#read-more {
    color: #999;
    cursor: pointer;
    display: inline;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
a#read:before {
    content: 'Read More';
}
a#read.active:before {
    content: 'Read Less';
}
a#read-more:hover {
    color: #ccc;
}
a.more {
    color: #fff;
    letter-spacing: 3px;
    background-color: #9ab505;
    padding: 8px 45px;
    font-size: 11px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
a.more:hover {
    color: #9ab505;
    background-color: #fff;
}

.form-control { 
    overflow-y: hidden;
    overflow-x: auto;
}
/* END Read More ****************************************/

/* Margins **********************************************/
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-90 {margin-top: 90px;}
.pl-15 {padding-left:15px;}
/* END Margins ******************************************/

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
textarea {
    resize: none;
    padding-top: 5px !important;
}

.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background:rgba(193,161,109,0.5);
    margin: 0 auto;
    margin-right: 5px;
    display: inline-block;
}
.owl-dot:hover {
    background:rgba(193,161,109,0.8);
}
.owl-dot.active {
    background: #C1A16D;
}

.modal-open .modal {
    z-index: 100000000;
}
.modal button.close {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1000;
}
.modal .modal-body {
    padding: 60px 30px;
}

.card {
    border-radius: 0;
    border: none;
}
.card .card-header {
    padding: 0;
    background-color: transparent;
    border: none;
}
.card .card-header a.collapsed {
    border: 2px solid #ccc;
}
.card .card-header a {
    display: block;
    padding: 10px 15px;
    padding-left: 40px;
    color: #666;
    position: relative;
    border: 2px solid #f47320;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
.card .card-header a:after {
    content: "";
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/Products/icon.png) center no-repeat;
    background-size: contain;
    width: 15px;
    height: 25px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.card .card-header a:before {
    content: "\f105";
    font-family:'FontAwesome';
    font-size: 20px;
    position: absolute;
    right: 15px;
    color: #ccc;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -ms-transition: 0.3s all ease;
}
.card .card-header a.collapsed:before {
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
}
.card .card-body {
    padding: 10px 15px;
    border: none;
}

.navbar-anchor {
  display: block;
  height: 100px; /*same height as header*/
  margin-top: -99px; /*same height as header*/
  visibility: hidden;
}

/* ANIMATED X */
.navbar-toggler #i1 {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 10% 10%;
	-ms-transform-origin: 10% 10%;
	transform-origin: 10% 10%;
    transition: 0.3s all ease;
}

.navbar-toggler #i2 {
	opacity: 0;
	filter: alpha(opacity=0);
}

.navbar-toggler #i3 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 10% 90%;
	-ms-transform-origin: 10% 90%;
	transform-origin: 10% 90%;
    transition: 0.3s all ease;
}

/* ANIMATED X COLLAPSED */
.navbar-toggler.collapsed #i1 {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.navbar-toggler.collapsed #i2 {
	opacity: 1;
	filter: alpha(opacity=100);
}

.navbar-toggler.collapsed #i3 {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
}

.squaredFour{position:relative;margin:20px auto;margin-top:0;}
.squaredFour label{width:36px;height:36px;cursor:pointer;margin:0 !important;position:absolute;top:0;left:0;background:transparent;border-radius:0;border:1px solid #999;}
.squaredFour label:after{content:'';width:20px;height:10px;position:absolute;top:8px;left:7px;border:1px solid #999;border-top:none;border-right:none;background:transparent;opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.squaredFour label p{position:absolute;left:50px;top:3px;width:400px;text-align:left;font-family: "Oswald", sans-serif; font-weight: bold;color:#252525;}
.squaredFour input[type=checkbox], .squaredFour input[type=radio]{visibility:hidden;}
.squaredFour input[type=checkbox]:checked + label:after,
.squaredFour input[type=radio]:checked ~ label:after{opacity:1;}

.squaredFour label p {
    top: 5px;
}
.parsley-errors-list li {
	list-style: none;
	color: red;
	font-size: 14px;
	position: absolute;
}
/* END ANIMATED X */

/* END GLOBAL *********************************************/
/**********************************************************/

/* HEADER *************************************************/

.dropdown {
  position: relative;
}
.dropdown a.nav-link {
    color: #676b74 !important;
    background-color: transparent !important;
}
.dropdown a.nav-link.activate {
    color: #fff !important;
    background-color: #f47320 !important;
}
.dropdown a.nav-link:hover {
    color: #fff !important;
    background-color: #f47320 !important;
}
.dropdown .drop {
  position: absolute;
  width: calc(100% + 100px);
  background-color: #333;
  height: 0;
  overflow: hidden;
    padding:  0 !important;
    text-align: left;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}
.dropdown .drop ul {
  padding-top: 15px;
  padding-bottom: 15px;
  list-style: none;
}
.dropdown .drop ul li {
  padding: 5px 15px;
  padding-right: 5px;
}
.dropdown .drop ul li a {
  color: #fff;
  letter-spacing: 1px;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
}
.dropdown .drop ul li a:hover {
  padding-left: 10px;
    color: #f47320;
}
.dropdown .drop ul li a.active {
  color: #333333;
  font-weight: bolder;
}

.navbar {
    background-color: #fff;
    padding: 0;
    height: 120px;
}
.logo {
    height: 70px;
    transition: 0.5s top ease;
    -webkit-transition: 0.5s top ease;
    -moz-transition: 0.5s top ease;
}
.affix {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  background-color: #fff;
  transition: 0.3s all linear;
  -webkit-transition: 0.3s all linear;
  -moz-transition: 0.3s all linear;
  width: 100%;
}
.affix-active {
  background-color: #fff;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}
.navbar .nav-link {
    font-size: 14px;
    color: #676b74;
    font-family: "Oswald", sans-serif;
    padding-left: 15px !important;
    padding-right: 15px !important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
.navbar .nav-link.active, .navbar .nav-link:hover {
    color: #fff;
    background-color: #f47320;
}
.navbar .nav-item {
    min-width: 100px;
    margin-left: 15px;
    text-align: center;
}
.navbar-brand {
    padding-top: 7px;
    padding-bottom: 7px;
}

.modal {
    padding-right: 0 !important;
}
#slabtable *, #powdertable * {
    font-size: 14px;
}
#slabtable h1, #powdertable h1 {
    font-size: 45px;
}
#slabtable table th, #slabtable table td {
    vertical-align: middle !important;
    border: 1px solid #ccc !important;
}
#slabtable table th {
    font-weight: bold;
    text-align: center;
}
#slabtable table tbody td:nth-child(2) {
    text-align: center;
}
#powdertable table th, #powdertable table td {
    border: 1px solid #ccc !important;
    min-width: 400px;
}
/* END HEADER *********************************************/
/* HOME ***************************************************/

#homebanner .flexslider {
    background: url(../images/Home/bannerbg.jpg) center no-repeat;
    background-size: cover;
}
#homebanner .flexslider ul li { 
    overflow: hidden;
}
#homebanner .flexslider ul li {
    height: calc(100vh - 120px);
}
#homebanner .flexslider ol li a {
    width: 30px;
    height: 5px;
    border-radius: 0;
}
#homebanner .flexslider ul li .container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 230px);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
#homebanner .flexslider ul li .bannertext {
    position: absolute;
    width: calc(40% - 15px);
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#homebanner .flexslider ul li .bannertext h1 {
    color: #f47320;
}
#homebanner .flexslider ul li .bannertext p {
    line-height: 25px;
    margin-top: 15px;
    font-size: 16px;
    text-align: justify;
    color: #333;
}
#homebanner .flexslider ul li .bannerimg {
    position: absolute;
    width: calc(50% - 15px);
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#homebanner .flexslider ul li .bannerimg.full-img {
    position: absolute;
    width: calc(80vw - 15px);
    height: 100vh;
    top: calc(-50vh + 45px);
    right: -115px;
    transform: none;
}
#homebanner .flexslider ul li .bannerimg.full-img img {
    height: 100vh;
    width: 100%;
    object-fit: cover;
    object-position: left;
}
#homebanner .flex-control-paging li a {
    background: rgba(255,255,255,1);
}
#homebanner .flex-control-paging li a.flex-active {
    background: #f47320;
}
#homebanner .flexslider .slides li.flex-active-slide img.scale {
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    transition: all ease 1.5s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#homebanner .flexslider .slides li img.scale {
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    transition: all ease 1.5s;
    -webkit-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}
#homebanner .flexslider .slides li.flex-active-slide .fadeInLeft, #homebanner .flexslider .slides li.flex-active-slide .fadeInRight {
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    transition: all ease 1.5s;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
#homebanner .flexslider .slides li .fadeInLeft, #homebanner .flexslider .slides li .fadeInRight {
    -webkit-transition: all ease 1.5s;
    -moz-transition: all ease 1.5s;
    transition: all ease 1.5s;
    opacity: 0;
}
#homebanner .flexslider .slides li .fadeInLeft {
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}
#homebanner .flexslider .slides li .fadeInRight {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

#home1 {
    background: url(../images/Home/home1bg.jpg) center;
}
#home1 .row {
    max-width: 1000px; 
    margin: 0 auto;
}
#home1 .bigbox {
    position: relative;
    height: 100%;
    overflow: hidden;
}
#home1 .box {
    background-color: #252525;
    padding: 20px;
    padding-bottom: 50px;
    height: 100%;
}
#home1 .box p {
    color: #999;
    font-size: 14px;
}
#home1 .box p:first-child {
    color: #fff;
    margin-bottom: 15px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}
#home1 a {
    text-align: right;
    height: 30px;
    color: #fff;
    font-size: 14px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
#home1 a:before {
    content: "Learn More";
    background: url(../images/Home/home1-bgd.jpg) center no-repeat;
    background-size: cover;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    padding-top: 3px;
    padding-right: 20px;
    z-index: 0;
    transition: 0.3s background-image ease;
    -webkit-transition: 0.3s background-image ease;
    -moz-transition: 0.3s background-image ease;
}
#home1 a:hover:before {
    background: url(../images/Home/home1-bga.jpg) center no-repeat;
    background-size: cover;
}

#home2 .nav-tabs, #home2 .nav-tabs li a {
    border: none;
}
#home2 .nav-tabs li a {
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    border: 2px solid #ccc;
    border-radius: 0;
    padding: 15px;
    height: 160px;
    margin-top: 30px;
    transition: 0.3s border ease;
    -webkit-transition: 0.3s border ease;
    -moz-transition: 0.3s border ease;
    position: relative;
}
#home2 .nav-tabs li a.active:after {
    content: "";
    position: absolute;
    width: 10px; 
    height: 20px; 
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #f47320;
}
#home2 .nav-tabs li:hover a, #home2 .nav-tabs li a.active {
    border: 2px solid #f47320;
}
#home2 .nav-tabs li a img {
    display: block;
    margin: 0 auto;
    max-width: 70px;
    margin-bottom: 15px;
}
#home2 .tabbox {
    background: url(../images/Home/home2-bg.jpg) center no-repeat;
    background-size: cover;
    padding: 15px;
    margin-top: 30px;
    height: calc(100% - 30px);
    position: relative;
}
#home2 .tab-content {
    background-color: rgba(255,255,255,0.5);
    position: relative;
    height: calc(100% - 120px);
    width: calc(100% - 120px);
    margin: 60px;
}
#home2 .tab-content .tab-pane {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
}
#home2 .tab-content .tab-pane h2 {
    font-weight: 600;
    letter-spacing: 1px;
    color: #f47320;
}
#home2 .tab-content .tab-pane p {
    margin-top: 15px;
    font-size: 16px;
    color: #333;
}
/* END HOME ***********************************************/

/* ABOUT **************************************************/

#about .nav-tabs li a {
    background: url(../images/About/mainbtnbg.jpg) center no-repeat;
    background-size: cover;
    border-radius: 0;
    padding: 30px 15px;
    max-width: 390px;
    height: 100%;
    width: 100%;
     -webkit-box-shadow:inset 0px 0px 0px 5px transparent;
    -moz-box-shadow:inset 0px 0px 0px 5px transparent;
    box-shadow:inset 0px 0px 0px 5px transparent;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
#about.products .nav-tabs li a {
    padding-left: 100px;
}
#about.products .nav-tabs li a .absolute-center-lg {
    padding-left: 110px;
    padding-right: 30px;
    width: 100%;
}
#about.products .nav-tabs li a img {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 60px;
}
#about .nav-tabs li a.active, #about .nav-tabs li:hover a {
    background: url(../images/About/mainbtnbga.jpg) center no-repeat;
    background-size: cover;
     -webkit-box-shadow:inset 0px 0px 0px 5px #f47320;
    -moz-box-shadow:inset 0px 0px 0px 5px #f47320;
    box-shadow:inset 0px 0px 0px 5px #f47320;
}
#about .nav-tabs li a * {
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
#about .nav-tabs li a h2 {
    font-size: 20px;
}
#about .nav-tabs li a.active *, #about .nav-tabs li:hover a * {
    color: #fff;
}
#about .nav-tabs li a p {
    margin-top: 5px;
    font-size: 14px !important;
    line-height: 18px;
    color: #333;
}
#about .nav-tabs li a h2 {
    font-weight: 400;
}

#about1 {
    padding-top: 0;
}
#about1 p {
    margin-top: 15px;
}

#about2 p {
    font-size: 14px;
}
#about2 h2.title {
    color: #fff;
}
#about2 .nomeaning {
    height: 100%;
    object-fit: cover;
}
#about2 .col-md-3 {
    margin-top: 30px;
}
#about2 .box {
    height: 100%;
    padding: 30px 15px;
    position: relative;
}
#about2 .box:before {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: 0.3s opacity ease;
    -webkit-transition: 0.3s opacity ease;
    -moz-transition: 0.3s opacity ease;
}
#about2 .box:hover:before {
    opacity: 0;
}
#about2 .box:after {
    content: "";
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    background: url(../images/About/about2-bg.jpg) center no-repeat;
    background-size: cover;
    transition: 0.3s opacity ease;
    -webkit-transition: 0.3s opacity ease;
    -moz-transition: 0.3s opacity ease;
}
#about2 .box:hover:after {
    opacity: 1;
}
#about2 .box img {
    position: absolute;
    height: 45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#about2 .box img.default {
    opacity: 0;
    z-index: 10;
}
#about2 .box:hover img.default {
    opacity: 1;
}
#about2 .box * {
    color: #333;
}
#about2 .box:hover * {
    color: #fff;
}
#about2 .box * {
    text-align: center;
    display: block;
    margin: 0 auto;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
#about2 .box h2 {
    font-weight: 400;
    margin-top: 60px;
    margin-bottom: 10px;
}

#about3 {
    background: url(../images/About/about3bg.jpg) center no-repeat;
    background-size: cover;
}
#about3 * {
    color: #fff;
}
#about3 h2 {
    margin-bottom: 25px;
}
#about3 .box {
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    padding: 60px 30px;
    border: 1px solid #d4631a;
}

#about4 .col-xl-6:first-child {
    padding-top: 60px;
    padding-bottom: 60px;
}
#about4 .box {
    background: url(../images/About/about5bg.jpg) center no-repeat;
    background-size: cover;
    padding: 15px;
    height: 100%;
}
#about4 .box p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}
#about4 .col-4 {
    overflow: hidden;
    padding: 60px 15px;
    border-right: 1px solid #f2efef;
    border-left: 1px solid #f2efef;
    transition: 0.3s background-color ease;
    -webkit-transition: 0.3s background-color ease;
    -moz-transition: 0.3s background-color ease;
}
#about4 .col-4:hover {
    background-color: #f2efef;
}
#about4 img {
    height: 200px;
    object-fit: contain;
    padding: 30px 15px;
}
#about4 li {
    color: #cf181f;
}

#about5 {
    position: relative;
    padding: 0;
}
#about5 .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}
#about5 img {
    margin: 0 auto;
    width: auto;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
#about5 .col-lg-6 {
    padding-top: 60px;
    padding-bottom: 60px;
}
#about5 .col-lg-6:first-child:before {
    background: url(../images/About/about5bg2.jpg) center no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    left: -100px;
    top: 0;
    width: calc(100% + 100px);
    height: 100%;
    z-index: -1;
}
#about5 .col-lg-6:last-child:before {
    background-color: #f2efef;
    content: "";
    position: absolute;
    right: -100px;
    top: 0;
    width: calc(100% + 100px);
    height: 100%;
    z-index: -1;
}
#about5 .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#about5 .owl-nav .owl-prev {
    left: 0;
    position: absolute;
}
#about5 .owl-nav .owl-next {
    right: 0;
    position: absolute;
}
#about5 .owl-nav i {
    font-size: 30px;
    color: #fff;
}
#about5 .owl-dots {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
#about5 p {
    font-size: 16px;
    padding: 12px 0;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ccc;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
#about5 p:hover, #about5 p.active {
    color: #f47320;
    font-weight: bolder;
}
#about5 p.active:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    left: -15px;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #f47320;
}
#about5 .box {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    height: 100%;
    max-width: 500px;
}
#about5 .col-lg-6:first-child .box {
    display: block;
    margin-left: auto;
    margin-right: 30px;
}

#about6 {
    padding-top: 0;
}
#about6 .box {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 60px;
}
#about6 p.oswald {
    color: #333;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-width: 300px;
}

#about7 {
    background-color: #f2efef;
}
#about7 p.oswald {
    color: #333;
}
#about7 table {
    background-color: #fff;
}
#about7 table * {
    color: #333;
}
#about7 table th {
    text-align: center;
    padding: 20px;
    border: 1px solid #ccc;
}
#about7 table td {
    border: 1px solid #ccc;
    padding: 30px;
}
#about7 table td:nth-child(2), #about7 table td:nth-child(3) {
    text-align: center;
}
/* END ABOUT **********************************************/

/* PRODUCTS ***********************************************/
.lightbox .lb-image {
    border: none !important;
}
#p1 {
    padding: 15px;
    padding-top: 0;
}
.product {
    padding-top: 0;
}
.product .aftertitle {
    max-width: 900px;
    display: block;
    margin: 0 auto;
    margin-top: 45px;
}
.product .card-header {
    border-radius: 0;
}
.product .card {
    margin-bottom: 15px;
}
.product .box {
    background-color: #f0eeee;
    padding: 60px 30px;
}
.product .redbox {
    border: 2px solid #f47320;
    margin: 45px auto;
    margin-bottom: 25px;
    padding: 30px 15px;
    display: block;
    max-width: 350px;
}
.product .redbox ul {
    list-style: none;
}
.product .redbox li {
    padding-left: 35px;
    margin-bottom: 15px;
    position: relative;
}
.product .redbox li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/Products/icon.png) center no-repeat;
    background-size: contain;
    width: 15px;
    height: 25px;
}
.product .clickables {
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
.product .clickables .col-sm-6:first-child {
    padding-left: 30px;
    padding-right: 10px;
}
.product .clickables .col-sm-6:nth-child(2) {
    padding-left: 10px;
    padding-right: 30px;
}
.product .clickables a {
    display: block;
    background: url(../images/Products/abtn.jpg) center no-repeat;
    background-size: cover;
    transition: 0.3s filter ease;
    -webkit-transition: 0.3s filter ease;
    -moz-transition: 0.3s filter ease;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-size: 16px;
    padding: 15px 6px;
    margin-top: 20px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}
.product .clickables a:hover {
    color: #fff;
    filter: brightness(80%);
    -webkit-filter: brightness(80%);
}
.product .gallery a, .product .gallery a img {
    height: 141px;
    margin-top: 10px;
}
.product .gallery a img {
    object-fit: cover;
    object-position: bottom;
}
.product .lastpro .col-lg-6:first-child {
    padding-right: 30px;
}
.product .lastpro .col-lg-6:last-child {
    padding-left: 30px;
}
.product .lastpro p {
    max-width: 470px;
}
.product .lastpro a, .product .lastpro a img {
    height: 100%;
}
.product .lastpro a {
    position: relative;
}
.product .lastpro a:hover img {
    filter: brightness(20%);
    -webkit-filter: brightness(20%);
}
.product .lastpro a img {
    transition: 0.3s filter ease;
    -webkit-transition: 0.3s filter ease;
    -moz-transition: 0.3s filter ease;
}
.product .lastpro a:hover:before, .product .lastpro a:hover:after {
    opacity: 1;
}
.product .lastpro a:before { 
    content: "";
    background: url(../images/Products/magnifier.png) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 25px;
    transform: translate(-50%,-50%) translateZ(0);
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    -ms-transform: translate(-50%,-50%) translateZ(0);
    transition: 0.3s opacity ease;
    -webkit-transition: 0.3s opacity ease;
    -moz-transition: 0.3s opacity ease;
    opacity: 0;
    z-index: 100;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
/*.product .lastpro a:after { 
    content: " ";
    font-family:'FontAwesome';
    font-size: 14px;
    text-align: center;
    color: #ff9900;
    position: absolute;
    left: 50%;
    top: calc(50% + 25px);
    width: 100%;
    transform: translate(-50%,-50%) translateZ(0);
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    -ms-transform: translate(-50%,-50%) translateZ(0);
    transition: 0.3s opacity ease;
    -webkit-transition: 0.3s opacity ease;
    -moz-transition: 0.3s opacity ease;
    opacity: 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    white-space: pre-wrap;
}*/
.product .lastpro .sameheight {
    position: absolute;
    bottom: 0;
}
.product .lastpro .sameheight img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

#getquote .modal-content {
    background: url(../images/Products/quotebg.jpg) center no-repeat;
    background-size: cover;
}
.getquote .form-control {
    border-radius: 0;
    background-color: transparent;
    border: 1px solid #999;
    height: auto;
    padding: 0 15px;
    line-height: normal;
}
.getquote label {
    font-family: "Oswald", sans-serif;
    color: #252525 !important;
    font-weight: bold;
    margin-top: 5px;
}

.getquote button.btn {
    display: block;
    width: 100%;
    margin-top: 30px;
    border-radius: 0;
    position: relative;
    background: url(../images/Home/home1-bgd.jpg) center no-repeat !important;
    background-size: cover !important;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    color: #fff;
}
.getquote button.btn:hover {
    color: #fff;
    background: url(../images/Home/home1-bga.jpg) center no-repeat !important;
    background-size: cover !important;
}
/* END PRODUCTS *******************************************/

/* CONTACT ************************************************/

#contact {
    position: relative;
    z-index: 100;
}
#contact .container {
    position: relative;
}
#contact .box {
    -webkit-box-shadow: -1px 1px 5px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: -1px 1px 5px 5px rgba(0,0,0,0.1);
    box-shadow: -1px 1px 5px 5px rgba(0,0,0,0.1);
    padding: 45px 60px;
    background-color: #fff;
}
#contact .box form {
    width: calc(100% - 250px);
    position: relative;
}
#contact .box form .form-control {
    border-radius: 0;
    background-color: #efefef;
    border: none;
    height: auto;
    padding: 12px 15px;
    line-height: normal;
}
.form-control::-webkit-input-placeholder{color:#666;opacity:1}
.form-control::-moz-placeholder{color:#666;opacity:1}
.form-control:-ms-input-placeholder{color:#666;opacity:1}
.form-control::-ms-input-placeholder{color:#666;opacity:1}
.form-control::placeholder{color:#666;opacity:1}

#contact .getintouch {
    position: absolute;
    height: calc(100% - 90px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 400px;
    right: 15px;
    background: url("../images/contact.jpg") center no-repeat;
    background-size: cover;
    padding: 30px 60px;
}
#contact .getintouch * {
    color: #fff;
}
#contact .getintouch p.big {
    margin-top: 15px;
    font-size: 18px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}
#contact .getintouch p {
    font-size: 16px;
}
#contact .getintouch p a {
    transition: 0.3s color ease;
    -webkit-transition: 0.3s color ease;
    -moz-transition: 0.3s color ease;
}
#contact .getintouch p a:hover {
    color: #676b74;
}
#contact .getintouch p.small {
    font-size: 12px;
}

#contact .box form button.btn {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    background-color: #252525;
    position: absolute;
    right: -25px;
    bottom: 40px;
    transition: 0.3s background-color ease;
    -webkit-transition: 0.3s background-color ease;
    -moz-transition: 0.3s background-color ease;
}
#contact .box form button.btn:hover {
    background-color: #ec1c24;
}
#contact .box form button.btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/submit.png) center no-repeat;
    background-size: 20px 17px;
    height: 30px;
    width: 30px;
}

#map {
    position: relative;
    z-index: 1;
    overflow: hidden; 
    height: 450px;
    margin-top: -200px
}
#map:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#map iframe {
    z-index: 1;
    border:0; 
    height: 900px;
    margin-top: -200px;
}
/**********************************************************/
/* FOOTER *************************************************/

footer {
    position: relative;
    z-index: 1 !important;
    padding: 10px 0;
    background-color: #252525;
}
footer p {
    letter-spacing: normal;
    font-weight: normal;
    color: #fff;
    opacity: 0.5;
}
footer a {
    display: block;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    letter-spacing: normal;
    font-size: 12px !important;
}
footer a:hover {
    color: #DA1223;
}
footer .copy {
    font-size: 12px !important;
}
footer .powered {
    font-size: 12px !important;
    color: #908d8d;
    text-align: right;
}
footer .powered a {
    display: inline;
    color: #ff4100;
}
footer .powered a:hover {
    color: #fff;
}
/* END FOOTER *********************************************************/


/* Media **************************************************************/
@media only screen and (max-width: 1400px) {
    #about4 .col-4 p {
        font-size: 12px
    }
}
@media only screen and (max-width: 1199px) {
    #home2 .nav-tabs li a.active:after {
        top: auto;
        bottom: -15px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
    }
    #about.products .nav-tabs li a {
        padding-left: 110px;
    }
    #about.products .nav-tabs li a .absolute-center-lg {
        padding-right: 0;
        width: 100%;
        padding-left: 90px;
        left: -90px !important;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #about.products .nav-tabs li a .absolute-center-lg img {
        left: 0;
    }
    #about4 .col-4 p {
        font-size: 14px
    }
    #contact .box form .form-control {
        padding: 15px;
    }
    #contact .box form {
        width: calc(100% - 200px);
    }
    #contact .getintouch {
        width: 350px;
        padding: 30px 39px;
    }
    .product .redbox {
        max-width: calc(100% - 30px);
    }
    .product .gallery a, .product .gallery a img {
        height: 100px;
    }
    #about.products .nav-tabs li a {
        max-width: 100%;
    }
    #about1 img {
        height: 100%;
        object-fit: cover;
    }
    #about5 .owl-nav .owl-prev {
        left: -15px;
    }
    #about5 .owl-nav .owl-next {
        right: -15px;
    }
    #about4 .col-4:nth-child(2), #about4 .col-4:nth-child(4), #about4 .col-4:nth-child(6) {
        background-color: #f2efef !important;
    }
    #about4 .col-4:hover {
        background-color: #fff;
    }
    #about1 .nav-tabs li a {
        max-width: 100%;
    }
    #home2 .tab-content .tab-pane {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        padding: 30px;
    }
    .absolute-center-lg {
        position: relative;
        left: auto !important;
        top: auto;
        width: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    #homebanner .flexslider ul li .bannerimg.full-img {
        width: calc(100vw - 15px);
    }
    .container {
        width: calc(100% - 100px);
    }
}
@media only screen and (max-width: 991px) {
    #getquote .col-lg-4.pl-4 {
        padding-left: 15px !important;
    }
    .dropdown:hover .drop {
      padding-top: 10px;
      padding-bottom: 10px;
    }
    .dropdown .drop {
      position: relative;
      width: 100% !important;
    }
    .dropdown .drop ul li {
      text-align: center;
    }
    
    #about5 p {
        padding-right: 20px;
    }
    #about5 p.active:before {
        left: auto;
        right: 0;
        transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: rotate(90deg);
    }
    .modal .modal-body {
        padding-bottom: 30px;
    }
    #map {
        height: 450px;
        margin-top: 0;
    }
    #map iframe {
        height: 100%;
        margin-top: 0;
    }
    #contact .box form button.btn {
        right: auto;
        bottom: auto;
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }
    .getquote button.btn {
        right: auto;
        bottom: auto;
        left: auto;
        transform: none;
        position: relative;
        display: block;
        margin: 0 auto;
        margin-top: 30px;
    }
    #contact .box {
        padding: 30px;
        padding-top: 60px;
    }
    #contact .box form {
        width: 100%;
    }
    #contact .getintouch {
        position: relative;
        height: auto;
        top: auto;
        transform: none;
        width: 100%;
        right: auto;
        margin-top: 30px;
        padding: 45px 30px;
    }
    .product .redbox {
        max-width: 100%;
    }
    #p1, .product .clickables { 
        padding: 0;
    }
    .product .lastpro .sameheight {
        position: relative;
        bottom: auto;
        height: auto !important;
    }
    .product .lastpro .sameheight img {
        height: auto !important;
    }
    .product .lastpro a:hover img {
        filter: none;
        -webkit-filter: none;
    }
    .product .lastpro a:after, .product .lastpro a:before { 
        display: none;
    }
    .product .lastpro .col-lg-6:first-child {
        padding-right: 15px;
    }
    .product .lastpro .col-lg-6:last-child {
        padding-left: 15px;
        margin-top: 30px;
    }
    .product .gallery a, .product .gallery a img {
        height: 200px;
    }
    .product .pl-15 .invisible {
        display: none;
    }
    .product .pl-15 {
        padding-left: 0;
        margin-top: 30px;
    }
    .product .clickables {
        margin-bottom: 45px;
    }
    .followcontentheight {
        position: relative;
        height: auto !important;
        width: auto;
        display: block;
        margin: 0 auto;
    }
    #about5 .owl-nav .owl-prev {
        left: -30px;
    }
    #about5 .owl-nav .owl-next {
        right: -30px;
    }
    #about5 img {
        height: auto;
    }
    #about5 .col-lg-6 .box {
        padding: 0;
    }
    #about5 .col-lg-6:first-child .box {
        margin: 0 auto;
        padding-left: 30px;
        padding-right: 30px;
    }
    #homebanner .flexslider ul li .bannerimg.full-img {
        width: calc(90vw - 15px);
        right: -30px;
    }
    #homebanner .flexslider ul li .bannerimg.full-img img {
        max-width: 100%;
    }
    #homebanner .flexslider ul li .bannerimg img { 
        max-width: 300px;
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    #homebanner .flexslider ul li {
        height: calc(100vh - 100px);
    }
    #homebanner .flexslider ul li .container {
        width: calc(100% - 60px);
    }
    #homebanner .flexslider ul li .bannertext {
        width: calc(60% - 15px);
    }
    #homebanner .flexslider ul li .bannerimg {
        width: calc(40% - 15px);
    }
    /* GLOBAL MOBILE *****************************/
    .navbar { 
        height: 100px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .logo {
        transition: 0.5s all ease;
        -webkit-transition: 0.5s all ease;
        -moz-transition: 0.5s all ease;
    }
    .navbar .nav-link {
        text-align: center;
    }
    .navbar .navbar-toggler {
        border: none;
        padding-right: 0;
    }
    .navbar .navbar-toggler-icon {
        background-image: none;
    }
    .navbar .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #9ab505;
        margin-top: 4px;
    }
    .navbar-anchor {
      height: 72px;
      margin-top: -72px;
    }
    body {
        cursor: pointer;
        margin-top: 100px;
    }
    .container {
        width: 100%;
    }
    .row-eq-height-sm {
        display: block;
    }
    .absolute-center-md {
        position: relative;
        left: auto !important;
        top: auto;
        width: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    .parallax-bg-repeat {
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    .modal.in .modal-dialog {
        top: auto;
        transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
    }
    .modal.fade .modal-dialog {
        top: auto;
    }
        body {
        margin-top: 70px;
    }
    .navbar { 
        height: 70px;
    }
    .logo {
        height: 40px;
    }
    .navbar .nav-item {
        margin-right: 15px;
    }
    .navbar-collapse {
        position: fixed;
        top: 70px;
        width: 100%;
        left: 0;
        padding-bottom: 30px;
        background-color: #fff;
        transition: 0.3s all linear;
        -webkit-transition: 0.3s all linear;
        -moz-transition: 0.3s all linear;
    }
    /* END GLOBAL MOBILE **************************************/
}

@media only screen and (max-width: 767px) {
    #about.products .nav-tabs li a {
        padding-left: 15px;
        text-align: center;
    }
    #about.products .nav-tabs li a .absolute-center-lg {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        left: auto !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    #about.products .nav-tabs li a img {
        left: auto;
        display: block;
        margin: 0 auto;
        position: relative;
        transform: none;
        top: auto;
        margin-bottom: 15px;
    }
    #about4 .box {
        height: auto;
    }
    #about4 .col-4:nth-child(3) {
        background-color: #f2efef !important;
    }
    #about4 .col-4:nth-child(4) {
        background-color: #fff !important;
    }
    #about4 .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    #about1 img {
        height: 300px;
        object-fit: contain;
    }
    footer * {
        text-align: center !important;
    }
    #homebanner .flexslider ul li .container {
        width: calc(100% - 30px);
    }
    #homebanner .flexslider ul li .bannerimg.full-img {
        width: 100vw;
        right: -30px;
        z-index: -1;
        top: calc(-50vh + 30px);
    }
    #homebanner .flexslider ul li {
        height: calc(100vh - 70px);
    }
    /* GLOBAL MOBILE *****************************/
    .absolute-center-xs {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    .parallax-bg-normal {
        background-size: cover;
    }
    /* END GLOBAL MOBILE *************************/
}

@media only screen and (max-width: 575px) {
    #home2 .tab-content {
        margin: auto;
        width: 100%;
        height: 100%;
    }
    #about4 .col-4:nth-child(1), #about4 .col-4:nth-child(3), #about4 .col-4:nth-child(5) {
        background-color: #f2efef !important;
    }
    #about4 .col-4:nth-child(2), #about4 .col-4:nth-child(4), #about4 .col-4:nth-child(6) {
        background-color: #fff !important;
    }
    #about4 .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #contact .box {
        padding: 30px 15px;
        padding-top: 60px;
    }
    #contact .getintouch {
        padding: 45px 15px;
    }
    #contact .getintouch p.small {
        font-size: 12px;
    }
    .product .gallery a, .product .gallery a img {
        height: 100px;
    }
    .product .clickables .col-sm-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #about .nav-tabs li a {
        max-width: 100%;
    }
    #homebanner .flexslider ul li .bannerimg.full-img {
        width: 120vw;
        right: -30px;
        z-index: -1;
        top: calc(-50vh + 60px);
    }
    #homebanner .flexslider ul li .container {
        width: 100%;
    }
    #homebanner .flexslider ul li .bannertext, #homebanner .flexslider ul li .bannerimg {
        width: 100%;
        position: relative;
        transform: none;
        left: auto;
        right: auto;
        top: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /* GLOBAL MOBILE *****************************/
    /* END GLOBAL MOBILE *************************/
}

@media only screen and (max-height: 500px) {
    #homebanner .flexslider ul li .bannerimg.full-img {
        width: 120vw;
        right: 0px;
        z-index: -1;
        top: 0;
    }
    #homebanner .flexslider ul li .bannerimg.full-img img {
        object-position: left;
    }
    #homebanner .flexslider ul li .container {
        position: relative;
        width: 100%;
        transform: none;
        left: auto;
        top: auto;
        padding-top: 30px;
    }
    #homebanner .flexslider ul li .bannertext, #homebanner .flexslider ul li .bannerimg {
        width: 100%;
        position: relative;
        transform: none;
        left: auto;
        right: auto;
        top: auto;
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
/* END MEDIA ***************************************************/