@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
    font-family: 'Poppins';
}
 body {
     text-decoration: none;
     font-size:16px;
     background-color:#fff;
	 font-family: 'Poppins';
}


@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%;
    }
}
.footer-social-links a .phone {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
}
.clear{ clear:both;}

.filter-listing {
    text-decoration: none;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    padding: 2px;
    background-color: #fff;
	width:10%;
}
.filter-listing img{ max-width:100%; height: auto; display:block;}

.footer-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
}

 .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% 
}



.top-whatsapp{
    color:#3eb480;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 10px;
    line-height:44px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-size:1.250em;
	margin-top:0.25em;
	display: flex;
	align-items: center;
	float: left;
	height:44px;
	padding-right: 0px;
}


.copy-right{
     width: auto;
     height: auto;
     line-height:52px;
     float: left;
     font-family: inherit;
     font-size:0.938em;
     font-weight: normal;
     color:rgba(255,255,255,0.8);
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:0.938em;
     font-weight: normal;
     color:rgba(255,255,255,0.8);
     
     line-height:52px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: inherit;
     font-size:1em;
     font-weight: normal;
    color:rgba(255,255,255,0.8);
	margin-left:5px;
}
 .designed p a:hover {
     text-decoration: none;
    color:rgba(255,255,255,0.95);
	border-bottom:1px solid #ccc;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:52px;
}
.footer-bottom-wrap{
	width:100%;
	height:auto;
	background-color:#c19903;
}

.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;
    /*background: linear-gradient(180deg,rgba(0,0,0,.5),transparent);*/
}


   

.menu-container{
	width:auto;
	height:auto;
	float:right;
	/*padding-right:2em;*/
	margin-top:10px;
}

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:5px;
}
 header.smaller #logo img {
     width: auto;
     height:58px;
     margin-top:5px;
}
 header.smaller .top-right .menu-container{ margin-top:0.5em;}
 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:#333 !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-wrap-right{ display:none}
.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);
}





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

.footer-content:nth-child(2){ width:15%}

.footer-content:nth-child(5){ float:right;width: 15%; padding-top: 10em;}

.footer-content{
	width:20%;
	height:auto;
	float:left;
	padding-top:3em
}
.footer-social{
	width:100%;
	height:auto;
}

.footer-logo{
	width:100%;
	height:auto;
	text-align:left;
	margin-bottom:0.5em;
}
.footer-address-wrap{
	width:100%;
	height:auto;
}

.footer-content ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.footer-content ul li{
	font-family: inherit;
	font-size:1em;
	color:rgba(255,255,255,0.7);
	line-height:26px;
	margin-bottom:5px;
}
.footer-content ul li a{
     font-family: inherit;
     font-size:1em;
      color:rgba(0,0,0,0.7);
     -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
     font-weight: normal 
}
 .footer-content ul li a:hover{
    font-family: inherit;
     font-size:1em;
      color:#333;
     padding-left:3px;
     font-weight: normal 
}
.footer-content-title{
	width:100%;
	height:auto;
	font-size:1.563em;
	font-family: 'geomanist-book';
	font-weight: normal;
	color:#333;
	margin-bottom:0.25em;
}


.footer-address-container {
    width: 100%;
    height: auto;
   /* padding-bottom:0.5em;*/
}

.footer-details {
    width: auto;
    height: auto;
    float: left;
	font-size:1em;
}
.footer-details p {
    width: 100%;
    height: auto;
    font-family: inherit;
font-size: 1em;
color: rgba(0,0,0,0.7);
    line-height: 26px;
    font-weight: normal;
	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:5px;
	 background: none;
	 padding-left:0px;
	 
}

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



.banner-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.banner-pics{
	width:100%;
	height:auto;
}
.banner-caption-wrap{
	width:100%;
	height: auto;
	position:absolute;
	margin:auto;
	bottom:1em;
	left:0;
	right:0;
}
.caption-container{
	width:45%;
	height:auto;
	float:left;
}
.caption-container p{
	font-size:1em;
	color:#444;
	font-family: 'geomanistregular';
	font-weight:normal;
	line-height:26px;
	padding-top:0.5em;
}
.banner-caption-mid{
	font-size:3em;
	color:#333;
	font-family: 'geomanist-light';
	font-weight:normal;
	line-height:1;
	text-align:left;
	letter-spacing:-1px;
}
.banner-caption-title-sub{
	font-family: 'geomanist-book';
	font-size:3em;
	color:#c19903;
	line-height:1;
	
}

.know-more{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 30px;
    line-height:48px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
	font-weight:500;
    font-size:1em;
	border-radius:25px;
	margin-top:0.5em;
	
}
.know-more:before, .know-more:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#666;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
}
.know-more:before{
    background:#c19903;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.know-more:hover{
    color:#fff;
}
.know-more:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

.welcome-wraper{
	width:100%;
	height:auto;
	padding-top:60px;
	padding-bottom:35px;
}
.welcome-content{
	width:55%;
	height:auto;
	float:left;
}
.welcome-content p{
	width:100%;
	height:auto;
	font-family: inherit;
	font-size:1.125em;
	color:#333;
	line-height:26px;
	text-align:left;
	font-weight:400;
}
.welcome-content-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:3.500em;
	font-family: 'geomanist-light';
	color:#333;
	padding-bottom:5px;
}
.welcome-content-title span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#c19903;
}

.welcome-sub-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.063em;
	font-family: 'geomanist-light';
	color:#c19903;
	text-transform:uppercase;
}
.welcome-pic{
	width:40%;
	height:auto;
	float:right;
	margin-top:-2em;
}
.welcome-bottom{
	width:100%;
	height:auto;
	padding-top:40px;
}
.welcome-bottom-container{
	width:30%;
	height:auto;
	float:left;
	margin-right:5%;
}
.welcome-bottom-container p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	font-weight:400;
	color:#444;
}
.welcome-bottom-header{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
	padding-bottom:0.5em;
}
.welcome-bottom-icon{
	width:25%;
	height:auto;
	text-align:left;
	float:left;
}
.welcome-bottom-title{
	width:75%;
	height:auto;
	text-align:left;
	float:left;
	font-family: 'geomanist-book';
	font-size:2em;
	color:#333;
	padding-left:.75em;
}
.welcome-bottom-container:nth-child(3){ margin-right:0%;}

.careers-container-content {
    width: 100%;
    height: auto;
    float: left;
	margin-top:0.25em;
}
.calback-form{ 
	width:100%;
	height:auto;
	margin-bottom:20px;
}
.calback-box {
    width: 100%;
    height:38px;
    border: 1px solid #c19903;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height:38px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border-radius: 2px;
    font-family: 'Montserrat', sans-serif;
}
/*Careers starts here*/
.career-left{
	 width:60%;
	 height:auto;
	 float:left;
	 margin-right:5%;
	 }
.career-right{
	 width:35%;
	 height:auto;
	 float:left;
	} 
.career-txt{
	width:auto;
	height:auto;
	font-family: 'Poppins', sans-serif;
	font-size:1em;
    color:#444;
    font-weight:300;
	line-height:26px;
	text-align:justify;
	}	
.career-txt p{
	font-family: 'Poppins', sans-serif;
	font-size:1em;
    color:#666;
    font-weight:300;
	line-height:26px;
	text-align:justify;
	padding-left:20px;
	}		
.career-txt h3{
	font-family: 'Poppins', sans-serif;
	font-size:1.25em;
    color:#666;
    font-weight:500;
	line-height:30px;
	margin-right:50px;
	background:url(../images/li-bg.png) no-repeat left center;
	padding-left:20px;
	}
.career-txt h5{
	font-family: 'Poppins', sans-serif;
	font-size:1.05em;
    color:#666;
    font-weight:400;
	line-height:30px;
	padding-left:20px;
	margin-top:10px;
	}
.career-txt ul{
	margin:0;
	padding:0;
	list-style-type:none;
	padding-left:20px;
	}
.career-txt li{
	font-family: 'Poppins', sans-serif;
	font-size:1em;
    color:#666;
    font-weight:300;
	line-height:26px;
	text-align:justify;
	padding-left:15px;
	background:url(../images/career-li-bg.jpg) no-repeat left center;
	}
	/*careers ends here*/
.save{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:20px;
	padding-right:20px;
    line-height:35px;
    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:1px;
	float:right;
	text-transform:uppercase;
}

.save:before, .save:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#333;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.save:before{
    
	background:#c19903;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.save:hover{
    color:#fff;
}
.save:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
input.calback-box::-webkit-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.calback-box::-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.calback-box:-ms-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.calback-box:-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
.bottom-pic-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.bottom-pics{
	width:100%;
	height:auto;
}
.bottom-pic-contents{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	bottom:0;
	top:0;
}
.oyang-logo{
	width:auto;
	height:auto;
	position:absolute;
	right:5%;
	top:1em;
}
.video-logo{
	width:auto;
	height:auto;
	position:absolute;
	right:5%;
	bottom:1em;
}
.featured-service-wrap{
	width:100%;
	height:auto;
	padding-top:50px;
}
.featured-service-title-wrap{
	width:100%;
	height:auto;
	display:flex;
	justify-content:center;
}
.featured-service-title{
	width:auto;
	height:auto;
	font-family: 'geomanist-book';
	font-size:2.500em;
	color:#c19903;
	font-weight:normal;
}
.featured-service-title::after {
    content: " ";
    background-color:#c19903;
    width: 45px;
    height: 1px;
    float: right;
    margin-top: 25px;
    margin-left: 10px;
}
.featured-service-container{
	width:100%;
	height:auto;
	padding-top:2em;
	position:relative;
}
.feature-bubble{
	width:127px;
	height:127px;
	position:absolute;
	top:-35px;
	right: -4%;
    z-index: -1;
}

.feature-top-line{
	width:166px;
	height:166px;
	position:absolute;
	top:-35px;
	left: -4%;
    z-index: -1;
}

.feature-bottom-line{
	width:166px;
	height:166px;
	position:absolute;
	top:48%;
	left: -4%;
    z-index: -1;
}
.featured-container{
	width:30%;
	height:auto;
	float:left;
	margin-right:5%;
	margin-bottom:75px;
}
.featured-container:nth-child(3n+3){ margin-right:0%;}
.featured-pics{
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.featured-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'geomanist-book';
	font-size:1.625em;
	color:#333;
	text-transform:uppercase;
}
.featured-container p {
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    color: #444;
	padding-top:0.5em;
}

.readmore{
    width: auto;
    height: auto;
    float: left;
    font-family: inherit;
	font-weight:400;
    font-size:1em;
    color: #333;
	margin-top:1em;
}

.readmore a {
    font-family: inherit;
	font-weight:400;
    font-size:1em;
    color: #333;
	 -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
}
.readmore a:hover {
    font-family: inherit;
	font-weight:400;
    font-size:1em;
    color:#c19903;
	padding-left:5px;
}
.readmore::after {
    content: " ";
    background-color:#c19903;
    font-weight: bold;
    width:55px;
    height: 2px;
    float: right;
    margin-top:12px;
    margin-left: 10px;
}
.bottom-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.bottom-wrap-pic{
	width:100%;
	height:auto;
}
.bottom-logo-wrap{
	width:100%;
	height:160px;
	position:absolute;
	margin:auto;
	left:0;
	top:0;
	bottom:0;
	right:0;
}

.bottom-logo-container{
	width:90%;
	height: auto;
	/*background-color:#fff;*/
	margin:0 auto;
}
.bottom-logos{
	width:25%;
	height:160px;
	float:left;
	display:flex;
	justify-content:center;
	align-items:center
}

.ewaste-detailspic {
    float:left;
    margin-right:1%;
    margin-bottom:1%;
    max-width: 40%;
}

/********************************************* START ABOUT US  *********************************************/
.inner-caption {
    font-size:2.625em;
    font-family: 'geomanist-book';
    color: #c19903;
	float:right;
}

.bredcum-wraper{
	width:100%;
	height:auto;
	padding-top:1%;
}
.bredcum-container{
	width:auto;
	height:auto;
	float:right;
}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#666;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#333;
	line-height:30px;
	
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#000;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#666;
	line-height:30px;
	padding-left:5px;
	padding-right:5px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:1em;
	color:#c19903;
	line-height:30px;
	text-transform: capitalize
}
.about-wraper{
	width:100%;
	height:auto;
	padding-top:1em;
}
.about-container{
	width:100%;
	height:auto;
	padding-top:1em;
}

.inner-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.875em;
	font-family: 'geomanist-light';
	color:#333;
	padding-bottom:5px;
}
.inner-title span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#c19903;
}
.about-container p{
	width:100%;
	height:auto;
	font-size:1.125em;
	color:#444;
}
.about-container-pics{
	width:40%;
	height:auto;
	float:left;
}
.about-content-container{
	width:30%;
	height:auto;
	float:left;
	padding-left:5%;
}
.about-content-container p{
	width:100%;
	height:auto;
	font-size:1.125em;
	color:#444;
}
.about-container-middle{
	width:100%;
	height:auto;
	padding-top:1.5em;
}

.what-wedo-wraper{
	width:100%;
	height:auto;
	position:relative;
	margin-top:60px;
}
.what-wedo-pics{
	width:100%;
	height:auto;
}
.what-wedo-container{
	width:100%;
	height:auto;
	margin:auto;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.wedo-container p{
	width:100%;
	height:auto;
	font-size:1.125em;
	color:#fff;
}
.wedo-container{
	width:50%;
	float:left;
	padding-top:4em;
}

.wedo-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.875em;
	font-family: 'geomanist-light';
	padding-bottom:10px;
	color:#fff;
	letter-spacing:-1px;
}
.wedoe span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#c19903;
}
.team-wraper{
	width:100%;
	height:auto;
	padding-bottom:50px;
	padding-top:80px;
}

.team-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:2.875em;
	font-family: 'geomanist-light';
	padding-bottom:10px;
	color:#c19903;
	letter-spacing:-1px;
}
.team-title span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#333;
}
.team-container-wrap{
	width:100%;
	height:auto;
}
.team-container{
	width:48%;
	margin-right:4%;
	margin-bottom:4%;
	float:left;
}
.team-container:nth-child(2n+2){ margin-right:0%;}

.team-pic{
	width:38%;
	height:auto;
	float:left;
}
.team-content{
	width:62%;
	height:auto;
	float:left;
	padding-left:5%;
}
.team-name{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.500em;
	font-family: 'geomanist-book';
	color:#333;
}

.team-content p{
	width:100%;
	height:auto;
	font-size:1.125em;
	color:#444;
}
/********************************************* END ABOUT US  *********************************************/


/********************************************* START PRODUCTS  *********************************************/

.product-wraper{
	width:100%;
	height:auto;
	padding-top:2em;
	padding-bottom:2em;
}
.product-container{
	width:100%;
	height:auto;
	padding-top:1.5em;
	display:flex;
	align-items:center;
	padding-bottom:1em;
}
.product-logo{
	width:15%;
	height:auto;
	float:left;
	text-align:left;
}
.product-logo img{ max-width:80%;}
.product-for{
	width:85%;
	height:auto;
	float:left;
	padding-left:1%;
}

.product-for p {
    width: 100%;
    text-align:left;
    font-family: inherit;
    font-size: 1.125em;
    color: #444;
    line-height: 26px;
}
.products-name {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 1.500em;
    font-family: 'geomanist-book';
    color: #333;
}

/********************************************* END PRODUCTS  *********************************************/


/********************************************* START CONTACTS US  *********************************************/
.contact-container{
	width:100%;
	height:auto;
	padding-bottom:65px;
}
.contact-for{
	width:30%;
	height:auto;
	float:left;
}
.contact-for p{
	width:100%;
	height:auto;
	font-size:1.125em;
	color:#444;
	padding-top:0.5em;
}
.address-wraper{
	width:70%;
	height:auto;
	float:left;
	padding-left:5%;
}
.address-container{
	width:33.33%;
	height:auto;
	float:left;
}
.contact-icon {
    width: 100%;
    height: auto;
    text-align: center;
}
.contact-title {
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 1.25em;
    font-family: 'geomanist-book';
    color: #333;
    font-weight: normal;
}
.address-container p {
    width: 100%;
    text-align: center;
    font-family: inherit;
    font-size: 1.125em;
    color: #444;
    line-height: 26px;
}

.contact-enquiry{
	width:50%;
	height:auto;
	float:left;
	padding-right:5%;
}
.contact-location{
	width:50%;
	height: auto;
	float:left;
}
.contact-location-map{
	width:100%;
	height:450px;
	background-color:#ccc;
	margin-top:1em;
}
.contact-title-wrap{
	width:100%;
	height:auto;
	display:flex;
	align-items:center;
}
.contact-title-icon{
	width:auto;
	height:auto;
	float:left;
}
.contact-sub-title{
	width:auto;
	height:auto;
	float:left;
	 font-size: 1.25em;
    font-family: 'geomanist-book';
    color: #333;
    font-weight: normal;
	margin-left:10px;
}
.contact-enquiry p{
    width: 100%;
    text-align:left;
    font-family: inherit;
    font-size: 1.125em;
    color: #444;
    line-height: 26px;
	padding-top:10px;
	padding-bottom:10px;
}

.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: #666;
    font-size: 1em;
    padding-top: 1em;
}

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

textarea.calback-box1::-webkit-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.calback-box1::-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.calback-box1:-ms-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
textarea.calback-box1:-moz-placeholder{
    color:#666 !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:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-enquiry-box::-moz-placeholder{
    color:#666 !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:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight:400;
}
input.contact-enquiry-box:-moz-placeholder{
    color:#666 !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;
}
.services-main-title {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'geomanist-book';
    font-size: 1.625em;
    color: #333;
}


/********************************************* END CONTACTS US  *********************************************/


/********************************************* START SERVICES DETAILS  *********************************************/
.services-details{
	width:100%;
	height:auto;
	padding-bottom:5%;
	 font-family: inherit;
    font-size: 1.125em;
    color: #444;
    line-height: 26px
	
}

.services-details p{
	 font-family: inherit;
    font-size: 1em;
    color: #444;
    line-height: 26px
	
}

.services-details ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	margin-top:0.25em; margin-bottom:1em;
	
}

.services-details ul li{
	 text-align:left;
    font-family: inherit;
    font-size: 1em;
    color: #444;
    line-height: 26px;
	margin-bottom:0.25em;
	background:url(../images/listing.png) no-repeat left 6px;
	padding-left:20px;
	
}
.services-detailspic{ float:right; margin-left:3%; margin-bottom:3%; max-width:40%}
.ewaste-steps{
	width:100%;
	height:auto;
	padding-top:1em;
	margin-bottom:3em;
}

.collection-points{
	width:100%;
	height:auto;
	padding-top:1em;
	margin-bottom:2em;
}


div.mdgov_OverflowTable {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
		
    }
    div.mdgov_OverflowTable table {
        width:100%;
        white-space: nowrap; /* Optional */
    }
	.table-stripe tbody tr:nth-child(2n+1) td, .table-stripe tbody tr:nth-child(2n+1) th {
    background-color: #eee;
    background-color: rgba(0,0,0,0.04);
}

	.table-stripe tbody td{
	border:1px solid #ccc;
}

	tbody{
    border-left:1px solid #000 !important;
	
}


.ui-table th, .ui-table td {
    line-height: 1em;
    text-align: center;
    padding: 1em 1em;
    /*vertical-align: top;*/
	border-collapse:inherit !important;
	font-family: inherit;
font-size: 1em;
color: #444;
line-height: 26px;
	}
	
	.ui-table th, .ui-table td span {
   
	font-family: 'Roboto', sans-serif;
    color: #565959;
    font-size: 14px;
    font-weight: 400;
	}
	
	
	.ui-table th, .ui-table td a {
     font-size:12px;
	 font-weight:500;
	 color:#333366;
	 text-transform:uppercase
	}
	
	.ui-table th, .ui-table td a:hover {
     font-size:1em;
	 font-weight:500;
	 color:#cc1f25;
	 text-transform:uppercase
	}
.ui-table th {
	background-color:#ccc;
	text-transform:uppercase;
	text-align:center;
	border-right:1px solid rgba(0,0,0,0.2);
	font-family: inherit;
font-size: 1.25em;
color: #222;
}
.ui-table th:last-child{ border:0px;}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.table-stripe tbody td:nth-child(2) {
	text-align:left;
	padding-left:3%;
    
}
.cerficate{
	width:100%;
	height:auto;
	text-align:center;
	background-color:#fff;
	border-top:1px solid #ccc;
	padding:1em 0em;
	margin-top:1em;
}


/********************************************* END SERVICES DETAILS  *********************************************/

.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% 
    }

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

 }
@media (max-width:400px) {
	 .container{width:100%;padding-left:2%; padding-right:2% }
	 .copy-right{ width:100%; text-align:center; line-height:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:100%;}
	 .footer-content{ width:100%; padding-top:1em;}
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-logo{ display:none;}
	 .cerficate{ width:70%;}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 .featured-container{ width:100%; margin-right:0%; margin-bottom:60px;}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:40%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top: 30px !important;}

}	
	

@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:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:40%;}
	 .footer-content{ width:55%; padding-top:1em;}
	 .footer-content:nth-child(3) { display:none}

	 .footer-content:nth-child(4) { width:60%; padding-top: 1em; float:left }
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-logo{ display:none;}
	 .cerficate{ width:55%; margin:0 auto}
	 .footer-social-links{ display:flex; justify-content: center}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 .featured-container{ width:100%; margin-right:0%; margin-bottom:60px;}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:40%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top: 30px !important;}	
	
	
}

@media (min-width:481px) and (max-width:580px){
	 
	.container{width:100%;padding-left:2%; padding-right:2% }
	 .copy-right{ width:100%; text-align:center; line-height:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:40%;}
	 .footer-content{ width:55%; padding-top:1em;}
	 .footer-content:nth-child(4) { width:60%; padding-top: 1em; float:left }
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-content:nth-child(3){ display:none}

	 .footer-logo{ display:none;}
	 .cerficate{ width:45%; margin:0 auto}
	 .footer-social-links{ display:flex; justify-content: center}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 .featured-container{ width:100%; margin-right:0%; margin-bottom:60px;}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:26%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top: 30px !important;}
	 .welcome-bottom-icon{ width:auto;}
	
	}

@media (min-width:581px) and (max-width:680px){
	
	.container{width:100%;padding-left:2%; padding-right:2% }
	 .copy-right{ width:100%; text-align:center; line-height:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:40%;}
	 .footer-content{ width:55%; padding-top:1em;}
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-logo{ display:none;}
	 .cerficate{ width:50%; margin:0 auto}
	 .footer-social-links{ display:flex; justify-content: center}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 
	 .featured-container{ width:49%; margin-right:2%; margin-bottom:60px;}
	 	 .featured-container:nth-child(3n+3){ margin-right:2%;}

	 .featured-container:nth-child(2n+2){ margin-right:0%;}
	 .home-service:nth-child(2){ display:block; margin-right:0%}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:28%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top:35px !important;}
	 
	 .footer-content:nth-child(3){ display:none}
	 .services-main-title{ font-size:1.25em;}
	 .welcome-bottom-icon{ width:auto;}
  
	
}




@media (min-width:681px) and (max-width:736px){
 
	.container{width:100%;padding-left:2%; padding-right:2% }
	 .copy-right{ width:100%; text-align:center; line-height:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:40%;}
	 .footer-content{ width:55%; padding-top:1em;}
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-logo{ display:none;}
	 .cerficate{ width:50%; margin:0 auto}
	 .footer-social-links{ display:flex; justify-content: center}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 
	 .featured-container{ width:49%; margin-right:2%; margin-bottom:60px;}
	 	 .featured-container:nth-child(3n+3){ margin-right:2%;}

	 .featured-container:nth-child(2n+2){ margin-right:0%;}
	 .home-service:nth-child(2){ display:block; margin-right:0%}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:40%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top:50px !important;}
	 
	 .footer-content:nth-child(3){ display:none}
	 .services-main-title{ font-size:1.25em;}
	 .welcome-bottom-icon{ width:auto;}
}


@media (min-width:737px) and (max-width: 768px){
 .container{width:100%;padding-left:2%; padding-right:2% }
	 .copy-right{ width:100%; text-align:center; line-height:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:40%;}
	 .footer-content{ width:55%; padding-top:1em;}
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-logo{ display:none;}
	 .cerficate{ width:50%; margin:0 auto}
	 .footer-social-links{ display:flex; justify-content: center}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 
	 .featured-container{ width:49%; margin-right:2%; margin-bottom:60px;}
	 	 .featured-container:nth-child(3n+3){ margin-right:2%;}

	 .featured-container:nth-child(2n+2){ margin-right:0%;}
	 .home-service:nth-child(2){ display:block; margin-right:0%}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:40%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top:50px !important;}
	 
	 .footer-content:nth-child(3){ display:none}
	 .services-main-title{ font-size:1.25em;}
	 .welcome-bottom-icon{ width:auto;}
	
}

@media (min-width:769px) and (max-width:991px){
	.container{width:100%;padding-left:2%; padding-right:2% }
	 .copy-right{ width:100%; text-align:center; line-height:28px; padding-top:0.5em; font-size:0.85em;}
	 .designed{ width:100%; display:flex; justify-content:center; margin-bottom:0.5em;}
	 .designed p{ line-height:28px; font-size:0.85em;}
	 .footer-content:nth-child(1){ width:100%;}
	 .footer-content:nth-child(2){ width:40%;}
	 .footer-content{ width:55%; padding-top:1em;}
	 .footer-content:nth-child(5){ width:100%; padding-top:1em;}
	 .footer-logo{ display:none;}
	 .cerficate{ width:50%; margin:0 auto}
	 .footer-social-links{ display:flex; justify-content: center}
	 
	 .welcome-content{ width:100%;}
	 .welcome-pic{ display:none;}
	 .welcome-bottom-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .home-service{ display:none}
	 .home-service:nth-child(1){ display:block;}
	 
	 .featured-container{ width:49%; margin-right:2%; margin-bottom:60px;}
	 	 .featured-container:nth-child(3n+3){ margin-right:2%;}

	 .featured-container:nth-child(2n+2){ margin-right:0%;}
	 .home-service:nth-child(2){ display:block; margin-right:0%}
	 .featured-service-title{ font-size:1.75em;}
	 .featured-service-wrap{ padding-top:0px;}
	 .welcome-bottom-title{ font-size:1.5em;}
	 .welcome-content-title{ font-size:2.15em;}
	 
	 .caption-container p{ display:none}
	 .know-more{ display:none}
	 .caption-container {width: 98%; height: auto; float: left; font-size: 10px; }
	 .navbar{ position: inherit}
	 header #logo{ width:40%;}
	 .welcome-wraper{ padding-top:25px;}
	 .banner-caption-title-sub{ line-height:normal}
	 .banner-caption-mid{ line-height:normal;}
	 .welcome-content p{ font-size:1em;}
	 
	 .top-right {display: inherit; position: absolute; right: 0; top: 0;  width: 65%;  z-index: 99; }
	 .menu-container {width: 100%; float: none; margin-top: 0px; background-color: #c19903; margin-top: 5.1em; }
	 .nav a{ line-height:40px !important;}
	 .top-whatsapp{ color:#fff;}
	 .desk-view{ display: none}
	 .mob-view{ display: block}
	 .bottom-logos{ height:auto;}
	 .bottom-logo-container{ padding-top:1.5em;}
	 .feature-bubble{ right:0px;}
	 .feature-top-line{ left:0px;}
	 
	 .team-container{ width:100%; margin-right:0%; margin-bottom:2em;}
	 .team-content{ width:100%; padding-left:0%;}
	 .team-content p{ font-size:1em;}
	 
	 .wedo-container{ width:100%; padding-top:0%;}
	 .what-wedo-container{ position:inherit}
	 .what-wedo-pics{ display:none;}
	 .wedo-container p { width: 100%; height: auto; font-size: 1em;  color: #444; }
	 .inner-caption {font-size: 1.625em;}
	 .about-container-pics{ display:none}
	 .about-content-container{ width:100%; padding-left:0px;}
	 .about-content-container p{ font-size:1em;}
	 .wedo-title{ color:#222; font-size:1.75em;}
	 .what-wedo-wraper{ margin-top:40px;}
	 
	 .team-title{ font-size:1.75em;}
	 .team-name{ font-size:1.25em; padding-top: 0.5em; padding-bottom: 0.25em;}
	 .inner-title{ font-size:2em;}
	 .about-container p{ font-size:1em;}
	 .team-wraper{ padding-top:40px;}
	 .team-pic{ width:auto; max-width:100%;}
	 .featured-pics{ margin-bottom:15px;}
	 
	 .product-for p{ font-size:1em;}
	 .product-for{ width:100%; padding-left:0%;}
	 .product-container{ display:inherit}
	 .product-logo{ width:auto; max-width:100%;}
	 .services-details{ font-size:1em;}
	 
	 .contact-for{ width:100%;}
	 .contact-enquiry{ width:100%; padding-right:0%;}
	 .contact-location{ width:100%; margin-top:1em;}
	 .address-container{ width:100%; margin-top:1em;}
	 .address-wraper{ width:100%; padding-left:0%;}
	 .toggleMenu { top:50px !important;}
	 
	 .footer-content:nth-child(3){ display:none}
	 .services-main-title{ font-size:1.25em;} 
	 .welcome-bottom-icon{ width:auto;}
	
}

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

	

}