@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
     font-family: 'Montserrat', sans-serif;
}
 body {
     text-decoration: none;
     font-size:16px;
     background-color:#fff;
	 font-family: 'Montserrat', sans-serif;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'), url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face{
    font-family: 'geomanistregular';
    src:url('../fonts/geomanist-regular-webfont.eot');
    src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-black';
    src: url('../fonts/geomanist-black-webfont.eot');
    src: url('../fonts/geomanist-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'geomanist-bold';
    src: url('../fonts/geomanist-bold-webfont.eot');
    src: url('../../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-extralight';
    src: url('../fonts/geomanist-extralight-webfont.eot');
    src: url('../fonts/geomanist-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'), url('../fonts/geomanist-extralight-webfont.woff') format('woff'), url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'), url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-light';
    src: url('../fonts/geomanist-light-webfont.eot');
    src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-medium';
    src: url('../fonts/geomanist-medium-webfont.eot');
    src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-thin';
    src: url('../fonts/geomanist-thin-webfont.eot');
    src: url('../fonts/geomanist-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-thin-webfont.woff2') format('woff2'), url('../fonts/geomanist-thin-webfont.woff') format('woff'), url('../fonts/geomanist-thin-webfont.ttf') format('truetype'), url('../fonts/geomanist-thin-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-book';
    src: url('../fonts/geomanist-book-webfont.eot');
    src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'geomanist-ultra';
    src: url('../fonts/geomanist-ultra-webfont.eot');
    src: url('../fonts/geomanist-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-ultra-webfont.woff2') format('woff2'), url('../fonts/geomanist-ultra-webfont.woff') format('woff'), url('../fonts/geomanist-ultra-webfont.ttf') format('truetype'), url('../fonts/geomanist-ultra-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.clear{ clear:both;}
.footer-wraper{
	width:100%;
	height:auto;
}

 .img-full{
     width: 100%;
     height:auto;
     display: block;
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
.bottom-wraper {
    width: 100%;
    height: auto;
    background-color: rgba(242,242,242,1);
}
a .our-groups {
    width: 100%;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    cursor: pointer;
}
.our-groups-fig {
    width: 60%;
}
a:hover .our-groups{
     background-color:#fff;
}
.bottom-other-wrap{
    width: 100%;
    height: auto;
    padding-top:70px;
    padding-bottom:0px;
}
.bottom-other{
	width:50% !important;
	height:auto;
	float:left;
	position:relative;
	display: block;
z-index: 9;
}
.bottom-other a{ display:block;}

.copy-right{
     width: auto;
     height: auto;
     line-height:45px;
     float: left;
     font-family: 'Poppins';
     font-size:1em;
     font-weight: normal;
     color:#000;
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
      font-family: 'Poppins';
     font-size:1em;
     font-weight: normal;
     color:#000;
     
     line-height:45px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: 'Poppins';
     font-size:1em;
     font-weight: normal;
     color:#000;
}
 .designed p a:hover {
     text-decoration: none;
     color:#0a71b9;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:45px;
}
.footer-bottom-wrap{
	width:100%;
	height:auto;
}
.footer-bottom-container{ border-top:1px solid #ccc;}

.navbar{
     position: fixed;
     width: 100%;
     top: 0;
     left :0;
     color: black;
     font-family: sans-serif;
     background-color: transparent;
     transition: 0.3s;
     z-index:99;
	 /*background-color:#fff;*/
}
 .top-wraper{
     width:100%;
     height: auto;
    /*position:absolute;
     
background: linear-gradient(to right, 
     #fff 90%,  #be0c13 10% );*/
}
 .menu-contact{
     margin-right:0px !important
}
.menu-container{
	width:auto;
	height:auto;
	float:right;
	/*padding-right:2em;*/
	margin-top:50px;
}
.whats-app{
	width:auto;
	height:90px;
	background-color:#be0c13;
	padding-left:2em;
	float:left;
	padding-top:15px;
	padding-bottom:15px;
}
.top-order{
	width:auto;
	height:auto;
	font-family:inherit;
	color:#fff;
	font-size:1.25em;
	font-weight:500;
}
header #logo {
     display: inline-block;
     float: left;
     color: #fcfcfc;
     text-shadow: 0.1em 0.03em #C0392B;
     font-weight: 400;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     width: auto;
	 padding:0px 0px;
	 margin-top:15px;
	 margin-bottom:15px;
}
 header.smaller #logo img {
     width: auto;
     height:60px;
     margin-top:0px;
}
 header.smaller .top-right .menu-container{ margin-top:0px;}
 header.smaller #logo {
     width: auto;
     height: auto;
     margin-top:0px;
	 padding:0px 0px;
	 margin-bottom:0px;
}
 header.smaller .top-right-call {
     display:none !important 
}


header.smaller .top-quick-link{ display: block}
 header.smaller .nav a{
     color:#0a4a73 !important
}
header.smaller .top-right .whats-app{background-color:#fff !important ; height:60px; padding-top:0px; padding-bottom:0px;}
.top-right {
     padding-top:0%;
	 margin-top:0px;
}
header.smaller .top-right{ float: right}
.scrolled {
    /* background-image: linear-gradient(to right, #e6225b 34%,#ff99ac 100%) !important;
     */
     transition: 0.3s;
     height: auto;
     background:none !important;
     background-color:#fff !important ;
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}





#back2Top {
     width: 60px;
     line-height: 60px;
     overflow: hidden;
     z-index: 999;
     display: none;
     cursor: pointer;
     position: fixed;
     bottom:1.2em;
     right: 0.5em;
     color:#fcd406;
     text-align: center;
     font-size: 30px;
     text-decoration: none;
}
 #back2Top:hover {
     color: #07773f;
}

.footer-top-wraper{
	width:100%;
	height:auto;
	padding-top:35px;
	padding-bottom:45px;
	border-top:1px solid #ccc;
}
.footer-content:nth-child(1){ width:35%}
.footer-content:nth-child(3){ width:25%}


.footer-content{
	width:20%;
	height:auto;
	float:left;
}
.footer-content-title{
	font-family: inherit;
	width:100%;
	height:auto;
	text-align:left;
	font-weight:600;
	font-size:1.25em;
	color:#66666b;
	margin-bottom:20px;
}
.footer-logo{
	width:35%;
	height:auto;
	text-align:left;
	margin-top: 5em;
	float:left;
	padding-right:5%;
}
.footer-address-wrap{
	width:65%;
	height:auto;
	float:left
}

.footer-content p{
    font-family:inherit;
	font-size:0.95em;
	color:#333;
	line-height:20px;
	padding-right:2em;
}
.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family:inherit;
	font-size:0.95em;
	color:#333;
	line-height:26px;
	background:url(../images/footer-listing.png) no-repeat left 10px;
	padding-left:22px;
	margin-bottom:5px
}
.footer-content ul li a{
     font-family: inherit;
     font-size:1em;
      color:#333;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight:400 
}
 .footer-content ul li a:hover{
    font-family: inherit;
     font-size:1em;
      color:#0a5fad;
     padding-left:3px;
     font-weight:400 
}


.footer-address-container {
    width: 100%;
    height: auto;
    padding-bottom:0.5em;
}
.footer-icon {
    width: 10%;
    height: auto;
    float: left;
    text-align: left;
    padding-top: 5px;
	color:#ed6e21;
	font-size:1.1em;
}

.footer-details {
    width: auto;
    height: auto;
    float: left;
	font-size:0.95em;
}
.footer-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
font-size: 1em;
color: #333;
    line-height: 26px;
    font-weight: 400;
	padding-right:0%
}


.footer-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align:left;
}
.footer-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
}
 .footer-social-links ul li {
	  height:32px;
     width:32px;
	 float:left;
	 margin-right:6px;
	 background: none;
	 padding-left:0px;
	 
}

 .footer-social-links ul li a {
     height:32px;
     width: auto;
     display: block;
     text-align: center;
     background-color: transparent;
     font-size:1.5em ;
	 color:#1268ae;
	 line-height:32px;
	 
}
 .footer-social-links ul li a:hover {
	 color:#333;
	 font-size:1.5em ;
}

.footer-whatsaap{
	width:100%;
	height:auto;
	padding-top:1.5em;
	padding-bottom:1em;
	font-family:inherit;
	font-size:1.375em;
}
.footer-whatsaap a{ 
	font-family:inherit;
	font-size:1em;
	color:#00a859;
	
}
.footer-whatsaap a span{font-weight:600;  float:left; margin-right:10px}
.footer-whatsaap-icon{ font-size:1.5em;}

.banner-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.banner-pics{
	width:100%;
	height:auto;
}
.banner-caption-wrap{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	align-items:center;
}

.banner-caption{
	font-family: 'geomanist-light';
	font-size:3.125em;
	color:#fff;
	width:100%;
	text-align: center;
	line-height:1
}
.banner-caption span{
	font-family:'geomanist-bold';
	font-size:1.320em;
	color:#fff;
	text-transform:uppercase;
}
.banner-caption-wrap p{ font-family:inherit; color:#666; font-size:1.15em; line-height:22px; margin-top:1em;}
.order-now-wrap{
	display:flex; justify-content:center;
	width:100%;
}
.ordernow{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 20px;
    line-height:32px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:0.95em;
    font-weight:600;
	text-transform:uppercase;
	margin-top:1em;
	
}
.ordernow:before, .ordernow:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#fff;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.ordernow:before{
    background:#0a4a73;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.ordernow:hover{
    color:#0a4a73;
}
.ordernow:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

.bottom-wraper {
    width: 100%;
    height: auto;
    background-color:#fff;
}
a .our-groups {
    width: 100%;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    cursor: pointer;
}
.our-groups-fig {
    width:70%;
}
a:hover .our-groups{
     background-color:#fff;
}
.bottom-other-wrap{
    width: 100%;
    height: auto;
    padding-top:70px;
    padding-bottom:0px;
}
.bottom-other{
	width:50% !important;
	height:auto;
	float:left;
	position:relative;
	display: block;
z-index: 9;
}
.bottom-other a{ display:block;}

.high-end-solution{
	width:100%;
	height:auto;
	position:relative;
}
.high-end-solution-pic{
	width:100%;
	height:auto;
}
.high-end-caption-wrap{
	width:100%;
	height:100%; position:absolute;
	left:0; top:0;
	bottom:0;
	right:0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hiend-top{
	width:100%;
	height:auto;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-size:3.250em;
	font-weight:700;
	font-family:inherit;
	letter-spacing:-2px;
}
.hiend-mid{ 
	width:100%; 
	height:auto; 
	text-align:center;
	color:#fff;
	font-size:1.500em;
	font-family:inherit;
	font-weight:400;
	
}

.hiend-request{ 
	width:100%; 
	height:auto; 
	text-align:center;
	color:#fff;
	font-size:1.625em;
	font-family:inherit;
	font-weight:600;
	
}

.hiend-request a{
     font-family: inherit;
     font-size:1em;
      color:#fff;
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight:600;
}
.hiend-request a:hover{
    font-family: inherit;
    font-size:1em;
    color:#fff;
    padding-left:3px;
    font-weight:600;
}

.about-welcome-wrap {
    width: 100%;
    height: auto;
    padding-top:95px;
    position: relative;
	padding-bottom:95px;
}

.home-about-left {
    width: 50%;
    float: left;
    position: relative;
}
.home-about-pic{
    width: 100%;
    text-align: center;
}
.banner-scoll {
    width: 30px;
    height: auto;
    position: absolute;
    left: 8%;
	bottom: 20%;
    z-index: 1;
	display:block;
}
.scroll-border {
    width: 2px;
    height: 50px;
    background-color: #666;
    margin: 0 auto;
}
.scroll-down {
    transform: rotate(270deg);
    font-family: inherit;
    font-size: 1.25em;
    color: #333;
    text-align: center;
    height: 30px;
    margin-top: 100px;
    line-height: 30px;
	white-space: nowrap;
}

.home-about-content {
    width: 50%;
    height: auto;
    float: left;
    padding-left: 5%;
	position:relative;
	padding-top:2em;
}

.home-about-content-for{
	 width:100%;
    height: auto;
    float: left;
    padding-left:3em;
	position:relative;
	font-family:inherit;
	font-size:1em;
	font-weight:400;
	color:#333;
	line-height:26px;
	padding-top:1em;
}
.home-bottom-title{
	width:100%;
	height:auto;
	text-align:left;
	font-weight:500;
	color:#0a71b9;
	font-size:1.375em;
	font-family:inherit;
}
.home-bottom-sub-title{
	width:100%;
	height:auto;
	text-align:left;
	font-weight:600;
	color:#333333;
	font-size:2.188em;
	font-family:inherit;
}

.product-for-wrap{
		width:100%;
		height:auto;
		margin-top:4em;
	}
	.home-product-pics{
		width:100%;
		height:auto;
		text-align:center;
		min-height:200px;
		display:flex;
		align-items:flex-end;
	}
	.home-product-pics img{ max-width:90%; margin:0 auto;}
	.product-name{
		width:100%;
		min-height:50px;
		text-align:center;
		font-family: inherit;
		font-size:1.1em;
		color:#333;
		text-transform: capitalize;
		margin-top:20px;
		margin-bottom:20px;
		font-weight:600;
		line-height:24px;
		
	}
	.home-product p{
		width:100%;
		height:auto;
		text-align: center;
		font-family:inherit;
		color:#444;
		font-weight:400;
		line-height:24px;
		/*min-height:72px;*/
	}
	.product-price{
		width:100%;
		height:auto;
		text-align:center;
		font-size:1em;
		font-family:inherit;
		font-weight:500;
		color:#333;
		margin-top:15px;
		margin-bottom:0.5em;
	}
	.category{
		width:43.05%;
		height:auto;
		float:left;
		margin-right:1%;
	}
	.category:nth-child(2){ width:55.95%; margin-right:0%}
	.category:nth-child(3){ width:34.80%; margin-right:1%; margin-top:1%;}
	.category:nth-child(4){ width:64.20%; margin-right:0%; margin-top:1%;}


	
	.box-group{
     text-align: center;
     overflow: hidden;
     position: relative;
}
 .box-group img{
     width: 100%;
     height: 100%;
     transform: scale3d(1, 1, 1);
     transition: all 0.3s ease 0s;
     display:block;
}
 .box-group:hover img{
     transform: scale3d(1.15, 1.15, 1);
}
 .box-group .box-content{
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.6);
     padding-top: 35%;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     z-index: 2;
     transition: all 0.3s ease 0s;
}
 .box-group:hover .box-content{
     opacity: 1;
}
 .box-group .box-content:before, .box-group .box-content:after{
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     bottom: 15px;
     right: 15px;
     border: 1px solid rgba(255, 255, 255, 0.7);
     opacity: 0;
     z-index: -1;
     transform: scale(1.5);
     transition: all 0.6s ease 0.2s;
}
 .box-group .box-content:before{
     border-top: none;
     border-bottom: none;
     left: 30px;
     right: 30px;
}
 .box-group .box-content:after{
     border-left: none;
     border-right: none;
     top: 30px;
     bottom: 30px;
}
 .box-group:hover .box-content:before, .box-group:hover .box-content:after{
     opacity: 1;
     transform: scale(1);
}
 .box-group .content-inner{
     opacity: 0;
     transform: scale(0);
     transition: all 0.3s ease 0s;
}
 .box-group:hover .content-inner{
     opacity: 1;
     transform: scale(1);
}
 .box-group .title{
     font-size: 22px;
     font-weight: 700;
     color: #00fff2;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin: 0 0 10px;
}
 .box-group .post{
     display: block;
     font-size: 15px;
     font-weight: 600;
     font-style: italic;
     margin-bottom: 15px;
}
.box-group-icon {
     position: absolute;
     bottom:1em;
     left: 0px;
     color: rgba(255,255,255,1) !important;
     font-size: 2em;
     font-family: 'Montserrat';
     width:100%;
     text-align:right;
	 z-index:2;
	 font-weight:500;
	 padding-right:35px;
	 letter-spacing:-1px
}


a:hover .box-group-icon{
     display:none !important;
}
 .group-link{
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     height: 60px;
     left: 0;
     right: 0;
}
.box-group .icon{
    list-style: none;
    padding: 0;
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    opacity: 0;
    transition: all 0.5s ease 0s;
	bottom:0;
	right:0;
	margin:auto;
}
.box-group:hover .icon{
    left: 0px;
    opacity: 1;
    transition-delay: 0.3s;
}
.box-group .icon li{ display: inline-block; }
a .box-group .icon li {
    width:40px;
    height:40px;
    line-height:40px;
    background:#fff;
    font-size:18px;
    color: #231f20;
    transition: all 0.5s ease 0s;
	 position: absolute;
    top:0;
    left:0;
	bottom:0;
	right:0;
	margin:auto;
	border-radius:50%;
	
}
.project-home-title{
	width:100%;
	height:auto;
	text-align:center;
	font-family:inherit;
	font-size:1.750em;
	color:#333;
	font-weight:600;
}
.about-home-wraper{
	width:100%;
	height:auto;
	padding-top:90px;
}
.about-home-wraper-content{
	width:32%;
	height:auto;
	float:left;
	margin-right:2%;
}
.about-home-wraper-content:nth-child(3){ margin-right:0%}
.about-home-icon{
	width:15%;
	height:auto;
	float:left;
}
.about-home-icon img{ max-width:90%; float:left;}
.about-home-content{
	width:85%;
	height:auto;
	float:left;
	padding-left:2%;
}
.about-home-content-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.750em;
	font-weight:600;
	color:#333;
	font-family:inherit;
}
.about-home-content p{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1em;
	font-weight:400;
	color:#333;
	line-height:26px;
}

.welcome-wrap {
    width: 100%;
    height: auto;
    background-color: #fff;
}
.consulting {
    width: 100%;
    height: auto;
    float: left;
    margin-top: -1.5em;
    z-index: 99;
    position: relative;
    padding:2em 1em;
	background-color:#fff;
	padding-bottom:0em;
}
.welcome-bg{
	width:35%;
	height:auto;
	float:right;
	margin-top: -2em;
margin-right: -1em;
}
.welcome-content{
	width:80.3%;
height: auto;
float: left;
position: absolute;
	
}
.welcome-content-title{
	width:100%;
	height:auto;
	text-align:left;
	background-color:#fff;
	font-family:inherit;
	font-size:1.750em;
	font-weight:600;
	color:#0a71b9
}

.welcome-content-for{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:0.5em;
	padding-right:1.1em;
}
.product-services{
	width:32%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:1.5%;
	margin-top:1%;
}

.product-services:nth-child(3n+3){ margin-right:0%;}

.box-link{
    overflow: hidden;
    /*box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
    position: relative;
}
.box-link img{
    width: 100%;
    height: auto;
	display:block;
   transform: scale(1);
    transition: all 0.5s ease 0s;
	
}
.box-link:hover img{ transform: scale(1.1); }
.box-link .box-content{
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.6);
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transform: rotateY(180deg) scale(0.5);
    transition: all 0.45s ease-out 0s;
	display:flex;
	align-items:center;
	justify-content:center;
}
.box-link:hover .box-content{
    opacity: 1;
    transform: rotateY(0deg) scale(1);
}
.box-link .box-content:before{
    content: "";
    width: 90%;
    height: 90%;
    /*border: 1px solid #fff;*/
    position: absolute;
    top: 5%;
    left: 5%;
}
.box-link .icon{
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    /*top: 40%;*/
}
.box-link .icon li{ display: inline-block; }
.box-link .icon li i{
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    font-size: 18px;
    transition: all 0.5s ease 0s;
	background:#0a71b9;
    color: #fff;
}
.box-link .icon li i:hover{
    background:#eca001;
    color: #fff;
}
.box-link .content{
    padding: 10px;
    text-align: left;
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.box-link .title{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 5px;
}
.box-link .post{
    display: block;
    font-size: 14px;
    color: #fff;
}

.box-title {
     font-size:1.375em;
     font-family: inherit;
     width:100%;
     text-align: center;
	 z-index:2;
	 font-weight:500;
	 letter-spacing:-1px;
	 color:#333;
	 padding-top:0.25em;
}


a:hover .box-title{
	color:#0a71b9;
}
.welcome-content-border {
   width: 75%;
height: 1px;
float: left;
position: absolute;
bottom: -2em;
background-color: #666;
}

.bredcum-wraper{
	width:100%;
	height:auto;
	padding-top:1%;
}
.bred-container{
	width:auto;
	height:auto;
	float:right
}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#333;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#333;
	line-height:30px;
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#000;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#333;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:400;
	color:#333;
	line-height:30px;
	text-transform: capitalize
}
.about-wraper-main{
	width:100%;
	height:auto;
	padding-top:2em;
	
}
.about-welcome{
	width:65%;
	height:auto;
	float:left;
}
.about-welcome-pic{
	width:35%;
	padding-left:5%;
	float:left;
}
.about-welcome-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.188em;
	font-family:inherit;
	font-weight:600;
	color:#0a71b9
}
.about-welcome p {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    line-height: 26px;
}

.about-home-wraper-main {
    width: 100%;
    height: auto;
    padding-top:75px;
	padding-bottom:75px;
}
.about-main-content {
    width:100%;
    height: auto;
    float: left;
    padding-top: 2%;
}

.banner-caption-inner {
	padding-top:3em;
	font-size:2em;
}
/*************************************** S Products ***************************************/
.product-main {
    width: 100%;
    height: auto;
    background-color: #fff;
    padding-top: 0.5em;
	padding-bottom:75px;
}

.product-services-main{
	width:24.25%;
	height:auto;
	float:left;
	margin-right:1%;
	margin-bottom:1.5%;
	margin-top:1%;
}

.product-services-main:nth-child(4n+4){ margin-right:0%;}

.product-name-title{
     font-size:1.25em;
     font-family: inherit;
     width:100%;
     text-align: center;
	 z-index:2;
	 font-weight:500;
	 letter-spacing:-1px;
	 color:#fff;
	 background-color:#0a71b9;
	 line-height:40px;
	 border:1px solid #0a71b9;
	 border-top:0px;
}


a:hover .product-name-title{
	color:#0a71b9;
	background-color:#fff;
}

/*************************************** E Products ***************************************/


/*************************************** S Products Details ***************************************/
.products-details-wrap{
	width:100%;
	height:auto;
	padding-top:0.5em;
	padding-bottom:75px;
}
.product-details-pics{
	width:35%;
	height:auto;
	float:left;
}
.product-details-for{
	width:65%;
	height:auto;
	float:left;
	padding-left:5%;
}

.product-details-for p {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    line-height: 26px;
	padding-bottom:2em;
}
.product-details-for ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.product-details-for ul li {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    line-height: 26px;
	margin-bottom:10px;
	background:url(../images/product-listing.png) no-repeat left 6px;
	padding-left:18px;
}

.product-brief{
	width:100%;
	height:auto;
	padding-top:2em;
}
.product-brief-title{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.15em;
	color:#000;
	font-weight:600;
	text-align:left;
	padding-bottom:0.25em;
}
.product-brief p {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    line-height: 26px;
	padding-bottom:2em;
}
.logo-product-wrap{
	width:100%;
	height:auto;
	overflow: auto;
	padding-top:2em;
}
.logo-product-container{
	width:100%;
	height:auto;
	display:block;
}
.logo-product{
	width:15%;
	height:auto;
	margin-right:2%;
	float:left;
	
}
.logo-product img{ max-width:90%; margin:0 auto;}

.product-bottom-pic{
	width:15%;
	height:auto;
	margin-right:2%;
	float:left;
	border:1px solid #ccc;
	
}
.product-bottom-pic img{ max-width:100%;}

/*************************************** E Products Details ***************************************/
/*************************************** S Gallery ***************************************/


.gallery-wraper {
    width: 100%;
    height: auto;
	margin-bottom:75px;
	padding-top:0.5em;
}
.gallery-container {
    width:24.625%;
    height: auto;
    float: left;
    margin-right: 0.5%;
    position: relative;
    background-color: #fff;
    margin-bottom: 0.5%;
}
.gallery-container:nth-child(4n+4){
     margin-right:0%;
}

.box-gallery{
    overflow:hidden;
    position:relative;
    cursor:pointer;
}
.box-gallery img{
    width:100%;
    height:auto;
    transform:scale(1);
    transition:all 0.5s ease 0s;
}
.box-gallery:hover img{
    transform:scale(1.1);
}
.box-gallery .box-content{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    text-align:center;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transform:rotateY(180deg) scale(0.5);
    transition:all 0.45s ease-out 0s;
    display:flex;
    align-items:center;
    justify-content:center;
}
.box-gallery:hover .box-content{
    opacity:1;
    transform:rotateY(0deg) scale(1);
}
.box-gallery .box-content:before{
    content:"";
    width:90%;
    height:90%;
    position:absolute;
    top:5%;
    left:5%;
}
.box-gallery .icon{
    display:inline-block;
    padding:0;
    margin:0;
    list-style:none;
    position:relative;
}
.box-gallery .icon li{
    display:inline-block;
}
.box-gallery .icon li a{
    display:block;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    background:#fff;
    font-size:20px;
    color:#0a71b9;
    transition:all 0.5s ease 0s;
}
.box-gallery .icon li a:hover{
    background:#0a71b9;
    color:#fff;
}
.box-gallery .content{
    padding:10px;
    text-align:left;
    position:absolute;
    bottom:5%;
    left:5%;
}
.box-gallery .title{
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    margin:0 0 5px;
}
.box-gallery .post{
    display:block;
    font-size:18px;
    color:#fff;
}
.family-room{width:50%}
.mob-contact{ display:none}
.gall-pics{ max-height:135px; overflow:hidden;}

/*************************************** E Gallery ***************************************/


/*************************************** S Careers ***************************************/
.career-wraper{
	width:100%;
	height:auto;
	padding-bottom:75px;
}
.careers-container{
	width:50%;
	height:auto;
	float:left;
	padding-right:2%;
}
.careers-pics{
	width:50%;
	height:auto;
	float:left;
	padding-left:2%;
}

.careers-container-content{
	width:100%;
	height:auto;
	float:left;
	margin-top:1em;
}

.careers-box{
    width: 100%;
    height:65px;
    border: 1px solid #c7c7c7;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height:65px;
    font-weight: normal;
    font-style: normal;
    color: #333;
    font-size: 1em;
    background-color: #fff;
	border-radius:5px;
}
.career-form{ margin-bottom:25px;}
.save{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:35px;
	padding-right:35px;
    line-height:46px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight:600;
	text-align:center;
	border-radius:5px;
	float:right;
	margin-left:1.5em;
	text-transform:uppercase;
}

.save:before, .save:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#094f8c;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.save:before{
    
	background:#017ec5;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.save:hover{
    color:#fff;
}
.save:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

/*************************************** E Careers ***************************************/


/*************************************** S Contact us ***************************************/

.location-wrap{
	width:100%;
	height:auto;
}

/*************************************** E Contact us ***************************************/

/*************************************************** S Contact-us ***************************************************/
.enquiry-wrap{
	width:100%;
	height:auto;
	background-color:#f7f7f7;
	margin-top:75px;
	padding-top:75px;
}
.enquiry-container{
	width:40%;
	height:auto;
	float:right;
}
.enquiry-for{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	
}
.location-wraper{
	width:100%;
	height:auto;
}

.enquiry{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:3% 
}

.address-enquiry{
    width:100%;
    height:auto;
    float:left;
    margin-bottom:3%;
}
.calback-box1 {
    width: 100%;
    height: 140px;
    border:1px solid #ccc;
	padding-left: 2.5%;
    padding-right: 2.5%;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	color: #333;
    font-size: 1em;
    padding-top: 1em;
}

.contact-enquiry-box{
    width:100%;
    height:55px;
    border:1px solid #ccc;
    padding-left:5%;
    padding-right:5%;
    line-height:55px;
    font-weight:normal;
    font-style:normal;
    color:#333;
    font-size:1em;
    background-color:#fff;
}

textarea.calback-box1::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.calback-box1::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.calback-box1:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.calback-box1:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}

input.careers-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.careers-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.careers-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.careers-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}




input.contact-enquiry-box::-webkit-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-enquiry-box::-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-enquiry-box:-ms-input-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-enquiry-box:-moz-placeholder{
    color:#333 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}

.buttonfx{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 30px;
    text-transform:uppercase;
    line-height:30px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight:normal;
    float:right;
}
.buttonfx:before, .buttonfx:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#0455b7;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.buttonfx:before{
    background:#ed6e21;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.buttonfx:hover{
    color:white;
}
.buttonfx:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
.send-msg-title {
    width: 100%;
    height: auto;
    text-align:left;
    line-height: normal;
    font-size: 2.5em;
    color: #fff;
    font-family: inherit;
	margin-bottom:0.5em;
}

.enquiry-form{float:right; padding-left:5%}

.about-bottom-container{
	width:33%;
	height:auto;
	float:left;
	padding-left:3%;
	padding-right:3%;
}
.about-bottom-icon{
	width:100%;
	height:auto;
	text-align:center;
}

.about-bottom-title{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
	font-size:1.563em;
	font-family: inherit;
	color:#333;
	font-weight:600;
}
.about-bottom-container p{
	width:100%;
	text-align: center;
	font-family:inherit;
	font-size:1em;
	color:#333;
	line-height:22px;
}
.about-bottom-for{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}

.contact-address-for{
	width:60%;
	height:auto;
	float:left;
}
.contact-address-container{
	width:50%;
	height:auto;
	float:left;
	margin-bottom:2em;
	padding-right:2%;
}
.address-place{
	font-family:inherit;
	color:#333;
	font-size:1.25em;
	font-weight:600;
	float:left;
	line-height:40px;
	border-bottom:1px solid #666;
}
.address{
	width:100%;
	height:auto;
	padding-top:1em;
}
.address p{
	width:100%;
	height:auto;
	font-family: inherit;
font-size: 1em;
font-weight: 400;
color: #333;
line-height: 26px;
}

/*************************************************** E Contact-us  ***************************************************/

.green{ color:#00a859 !important}

.view-more{
     font-size:0.85em;
     text-align:left;
     font-family:inherit;
     color:#666;
     font-weight:400;
     letter-spacing:0px;
     font-style:normal;
     line-height:26px;
     float:right;
	 margin-top:-2em;
}
 .view-more a{
     font-family:inherit;
     font-size:1em;
     color:#444;
     font-weight:400;
     -webkit-transition: padding .4s;
     -moz-transition: padding .4s;
     -o-transition: padding .4s;
     transition: padding .4s;
	 border-bottom:1px solid #666;
	 padding-bottom:5px;
	 
}
 .view-more a:hover{ padding-right:8px; color:#231f20;  border-bottom:0px solid #666;}
 .desk-view{ display:block}
 .mob-view{ display:none}

@media (min-width: 1023px) and (max-width: 1279px) {
	 body {
     text-decoration: none;
     background:#fff;
     font-size:13px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
}
 @media (min-width: 1280px) and (max-width: 1359px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
	


}
 @media (min-width: 1360px) and (max-width: 1399px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.top-container {
    width: 100%;
    padding-left:5%;
    padding-right:5%;
}
	
	

}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.welcome-wraper { background-size: 50% auto;}
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.welcome-wraper { background-size: 50% auto;}
}
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.welcome-wraper { background-size: 50% auto;}
}

.banner-logo-wrap br{ display:none}

@media (max-width:768px) {
	.about-home-content-title{ font-size:1.125em}
	.home-bottom-sub-title{ font-size:1.75em}
	.hiend-top{ letter-spacing:0px; font-size:1.5em !important}
	.hiend-request{ font-size:1.25em}
}



@media (max-width:400px) {
	.container{ width:100%;padding-left:2%; padding-right:2% }
	.copy-right{ width:100%; text-align:center; line-height:24px;}
	.designed{ width:100%; display:flex; justify-content:center;}
	.designed p{ line-height:24px;}
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:100%;}
	.footer-content{ width:100%; margin-top:1em; margin-bottom:1em;}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:100%; margin-right:0%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+2){ display:none}
	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:1.25em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:25%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:55%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  .gallery-container{ width:100%; margin-right:0%;}
	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-container{ width:100%; margin-bottom:1.5em}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:100%; margin-right:0%;}
	  .category:nth-child(n+2){ display:none}
	  .careers-pics{ display:none}
	  .green{ color:#fff !important}
	  .save{ float:left; margin-left:0%}
	  .gall-pics{ max-height:inherit}
	

}	
	

@media (min-width:401px) and (max-width:480px){
	
	.container{ width:100%;padding-left:2%; padding-right:2% }
	.copy-right{ width:100%; text-align:center; line-height:24px;}
	.designed{ width:100%; display:flex; justify-content:center;}
	.designed p{ line-height:24px;}
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:100%;}
	.footer-content{ width:100%; margin-top:1em; margin-bottom:1em;}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:100%; margin-right:0%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+2){ display:none}
	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:1.5em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:25%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:45%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  .gallery-container{ width:49.5%; margin-right:1%;}
	  .gallery-container:nth-child(2n+2){ margin-right:0%}
	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-container{ width:100%; margin-bottom:1.5em}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:100%; margin-right:0%;}
	  .category:nth-child(n+2){ display:none}
	   .careers-pics{ display:none}
	   .green{ color:#fff !important}
	    .save{ float:left; margin-left:0%}
	
}

@media (min-width:481px) and (max-width:580px){
	 
	.container{ width:100%;padding-left:2%; padding-right:2% }
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:100%;}
	.footer-content{ width:100%; margin-top:1em; margin-bottom:1em;}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:49%; margin-right:2%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+3){ display:none}
		.product-services:nth-child(2){ margin-right:0%}
		.box-title{ font-size:1.25em}

	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:1.75em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:25%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:45%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  	  .gallery-container{ width:49.5%; margin-right:1%;}
	  .gallery-container:nth-child(2n+2){ margin-right:0%;}

	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-container{ width:100%; margin-bottom:1.5em}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:49%; margin-right:2%;}
	  .category:nth-child(2){ margin-right:0%}
	  .category:nth-child(2n+2){ display:none}
	  .category:nth-child(3){ width:39.5%; margin-top:0%}
	   .careers-pics{ display:none}
	   .green{ color:#fff !important}
	   .about-main-content{ width:85%;}
	    .save{ float:left; margin-left:0%}

	
	}

@media (min-width:581px) and (max-width:680px){
  .container{ width:100%;padding-left:2%; padding-right:2% }
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:100%;}
	.footer-content{ width:100%; margin-top:1em; margin-bottom:1em;}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:49%; margin-right:2%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+3){ display:none}
		.product-services:nth-child(2){ margin-right:0%}
		.box-title{ font-size:1.25em}

	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:2em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:15%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:45%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  .gallery-container{ width:49.5%; margin-right:1%;}
	  .gallery-container:nth-child(2n+2){ margin-right:0%;}
	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-container{ width:100%; margin-bottom:1.5em}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:49%; margin-right:2%;}
	  .category:nth-child(2){ margin-right:0%}
	  .category:nth-child(2n+2){ display:none}
	  .category:nth-child(3){ width:39.5%; margin-top:0%}
	  .about-home-content{ width:88%}
	  .about-home-icon{ width:12%}
	  .product-services-main{ width:49%; margin-right:2%;}
	  .product-services-main:nth-child(2n+2){ margin-right:0%;}
	  .product-name-title{ font-size:1em;}
	   .careers-pics{ display:none}
	   .green{ color:#fff !important}
	    .save{ float:left; margin-left:0%}
	
}




@media (min-width:681px) and (max-width:736px){
	
	 .container{ width:100%;padding-left:2%; padding-right:2% }
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:40%;}
	.footer-content{ width:60%; margin-top:1em; margin-bottom:1em;}
	.footer-address-wrap{ width:90%}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:49%; margin-right:2%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+3){ display:none}
		.product-services:nth-child(2){ margin-right:0%}
		.box-title{ font-size:1.25em}

	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:2em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:15%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:35%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  .gallery-container{ width:33%; margin-right:0.5%;}
	  .gallery-container:nth-child(3n+3){ margin-right:0%;}
	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:49%; margin-right:2%;}
	  .category:nth-child(2){ margin-right:0%}
	  .category:nth-child(2n+2){ display:none}
	  .category:nth-child(3){ width:39.5%; margin-top:0%}
	  .about-home-content{ width:88%}
	  .about-home-icon{ width:12%}
	  .product-services-main{ width:49%; margin-right:2%;}
	  .product-services-main:nth-child(2n+2){ margin-right:0%;}
	  .product-name-title{ font-size:1em;}
	   .careers-pics{ display:none}
	   .green{ color:#fff !important}
	    .save{ float:left; margin-left:0%}
		.footer-content:nth-child(3) ul li{ width:50%; float:left}
 
	
}


@media (min-width:737px) and (max-width: 768px){
 .container{ width:100%;padding-left:2%; padding-right:2% }
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:40%;}
	.footer-content{ width:60%; margin-top:1em; margin-bottom:1em;}
	.footer-address-wrap{ width:90%}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:49%; margin-right:2%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+3){ display:none}
		.product-services:nth-child(2){ margin-right:0%}
		.box-title{ font-size:1.25em}

	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:2em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:15%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:35%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  .gallery-container{ width:33%; margin-right:0.5%;}
	  .gallery-container:nth-child(3n+3){ margin-right:0%;}
	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:49%; margin-right:2%;}
	  .category:nth-child(2){ margin-right:0%}
	  .category:nth-child(2n+2){ display:none}
	  .category:nth-child(3){ width:39.5%; margin-top:0%}
	  .about-home-content{ width:88%}
	  .about-home-icon{ width:12%}
	  .product-services-main{ width:49%; margin-right:2%;}
	  .product-services-main:nth-child(2n+2){ margin-right:0%;}
	  .product-name-title{ font-size:1em;}
	   .careers-pics{ display:none}
	   .green{ color:#fff !important}
	    .save{ float:left; margin-left:0%}
		.footer-content:nth-child(3) ul li{ width:50%; float:left}
	
}

@media (min-width:769px) and (max-width:991px){
 .container{ width:100%;padding-left:2%; padding-right:2% }
	.footer-bottom-container{ padding-top:10px; padding-bottom:10px;}
	.footer-logo{ display:none}
	.footer-content:nth-child(1){ width:40%;}
	.footer-content{ width:60%; margin-top:1em; margin-bottom:1em;}
	.footer-address-wrap{ width:90%}
	.footer-content:nth-child(3){ width:100%;}
	.footer-content:nth-child(2) ul li{ width:50%; float:left;}
	.home-about-content{ width:100%; padding-left:0%;}
	.about-home-wraper-content{ width:100%; margin-right:0%; margin-bottom:1em;}
	.consulting{ margin-top:0px; padding:2em 0em}
	.welcome-bg{ display:none;}
	.welcome-content{ width:100%; position:inherit}
	.product-services{ width:49%; margin-right:2%}
	.welcome-content-for{ padding-right:0%;}
	.product-services:nth-child(n+3){ display:none}
		.product-services:nth-child(2){ margin-right:0%}
		.box-title{ font-size:1.25em}

	.welcome-content-border{ display:none}
	.banner-scoll{ left:2%}
	.welcome-content-title{ font-size:1.5em;}
	.home-about-pic{ display:none}
	.about-welcome-wrap{ padding-top:20px;}
	.product-for-wrap{ margin-top:20px;}
	.about-home-wraper{ padding-top:20px;}
	.desk-view{ display: none}
 	.mob-view{ display: block}
	.hiend-top{ font-size:2em;}
	.hiend-mid{ font-size:1em;}
	.banner-caption{ font-size:2em; line-height:1.25}
	.navbar{ position:inherit !important}
	header #logo{ width:15%;}
	.banner-caption span{ font-size:1em;}
	 .top-right {display: inherit; position: absolute; right: 0; top: 0; width:35%; z-index: 99; }
	  .menu-container {width: 100%; float: none;  background-color:#0a71b9;  margin-top:4em; }
	  .top-right{ z-index:999;}
	  .footer-top-wraper{ padding-bottom:0px;}
	  .footer-whatsaap{ padding-top:0.5em; padding-bottom:0em;}
	  .ordernow {padding: 0px 10px;line-height: 30px;font-size: 0.7em;}
	  .nav a{ font-size:1em !important; line-height:40px !important;}
	  
	  .about-welcome{ width:100%;}
	  .about-welcome-pic{ display:none}
	  .product-details-for{ width:100%; padding-left:0%;}
	  .product-services-main{ width:100%; margin-left:0%; margin-bottom:1.5em;}
	  .gallery-container{ width:33%; margin-right:0.5%;}
	  .gallery-container:nth-child(3n+3){ margin-right:0%;}
	  .careers-container{ width:100%; padding-right:0%;}
	  .about-bottom-for{ display:inherit}
	  .contact-address-for{ width:100%;}
	  .contact-address-container{ width:100%;}
	  .enquiry-container{ width:100%; padding-left:0%;}
	  .about-welcome-title{ font-size:1.75em;}
	  .category{ width:49%; margin-right:2%;}
	  .category:nth-child(2){ margin-right:0%}
	  .category:nth-child(2n+2){ display:none}
	  .category:nth-child(3){ width:39.5%; margin-top:0%}
	  .about-home-content{ width:88%}
	  .about-home-icon{ width:12%}
	  .product-services-main{ width:49%; margin-right:2%;}
	  .product-services-main:nth-child(2n+2){ margin-right:0%;}
	  .product-name-title{ font-size:1em;}
	   .careers-pics{ display:none}
	   .green{ color:#fff !important}
	    .save{ float:left; margin-left:0%}
		.footer-content:nth-child(3) ul li{ width:50%; float:left}	 
	
}

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

	.top-container {
    width: 100%;
    padding-left:2%;
    padding-right:2%;
}
header #logo{ width:13%;}

}