@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
     font-family: 'Poppins', sans-serif;
}
 body {
     text-decoration: none;
     font-size:16px;
	 font-family: 'Poppins', sans-serif;
	 font-weight:400;
}
@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;
}@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;}.clear {clear: both }audio, ::selection {background: white;color:#f26f21;}

input.careers-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.careers-box::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.careers-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 input.careers-box:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-webkit-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1::-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-ms-input-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
 textarea.calback-box1:-moz-placeholder {
     color:#666 !important;
     font-size:1em !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
     text-transform:capitalize;
     font-weight:400;
}
.footer-wraper{
	width:100%;
	height:auto;
}
.footer-logo{
	width:auto;
	height:auto;
	float:left;
}
.img-banner{
    width: 100%;
    height: 100%;
    display: block !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block !important 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
     display:block;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
.footer-bottom-wrap{
	width:100%;
	height: auto;
	background-color:#951a82;
	
}
.banner-social{
	width:40px;
	height:120px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	background-color:#951a82;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.banner-social ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.banner-social ul li{
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:1.5em;
}
.banner-social ul li a{
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#fff;
	font-size:1em;
}
.banner-social ul li a:hover{
	width:100%;
	height:40px;
	text-align:center;
	line-height:40px;
	font-size:1em;
	background-color:#fff;
	color:#951a82;
	display:block;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.copy-right{
     width: auto;
     height: auto;
     line-height:50px;
     float: left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:rgba(255,255,255,0.6);
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     font-family: inherit;
     font-size:1em;
     font-weight: 400;
     
     line-height:50px;
	/* color:#00a8e8;*/
	color: rgba(255,255,255,0.6);
	 
}
 .designed p a {
     text-decoration: none;
     font-weight:400;
	 font-size:1em;
	  color:rgba(255,255,255,0.6);
}
 .designed p a:hover {
     text-decoration: none;
     color: #fff;
}




.footer-middle-wraper{
	width:100%;
	height:auto;
	padding-top:35px;
	padding-bottom:35px;
	border-top:1px solid #ccc;
	display:flex;
	justify-content:center;
}
.footer-content {
    width: 20%;
    height: auto;
    float: left;
}
.footer-content:nth-child(2){ width:45%}
.footer-content:nth-child(3){ width:28%}

.footer-content-title {
    width: 100%;
    height: auto;
    font-size:1.875em;
    font-family: 'geomanist-book';
    color: #333;
    margin-bottom: 15px;
}
.footer-content ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.footer-content ul li {
    font-family: inherit;
    font-size: 1em;
    color: rgba(0,0,0,0.7);
    line-height: 26px;
}
.footer-content ul li a {
    font-family: inherit;
    font-size: 1em;
    color: rgba(0,0,0,0.9);
    -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:#951a82;
     padding-left:3px;
     font-weight: normal;
}
.footer-social-links {
	width:auto;
	height:auto;
	float:left;
	margin-top:1em;
}
.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;
	 background: none;
	 padding-right:0px;
	 margin-right:0.5em;
	 
}

 .footer-social-links ul li a {
     height:32px;
     width: auto;
     display: block;
     text-align: left;
     background-color: transparent;
     font-size:1.5em ;
	 color:#951a82;
	 line-height:32px;
	 
}
 .footer-social-links ul li a:hover {
	 color:#008ed6;
	 font-size:1.5em;
}

.footer-top-container{
	width:100%;
	height:auto;
	display: flex;
	align-items:center;
	padding-top:35px;
	padding-bottom:35px;
}
.footer-logo{
	width:auto;
	height:auto;
	float:left;
}
.footer-top-wrap{
	width:auto;
	height:auto;
}
.footer-bottom-for{
	width:auto;
	height:auto;
	float:left;
	padding-left:8%;
	display: flex;
	align-items: flex-start;
	padding-top:1.5em;
}
.footer-icon{
	width:auto;
	height:auto;
	float:left;
}
.footer-details{
	width:auto;
	height:auto;
	float:left;
	padding-left:5%;
}
.footer-details p{
	width:auto;
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#666;
	font-weight:normal;
}
.footer-details-title{
	width: 100%;
height: auto;
font-size: 1.875em;
font-family: 'geomanist-book';
color: #333;
}

.products{
	width:50%;
	height:auto;
	float:left;
}

.navbar{
     position: fixed;
     width: 100%;
     top: 0;
     left :0;
     color: black;
     font-family: sans-serif;
     transition: 0.3s;
     z-index:99;
}
 .top-wraper{
     width:100%;
     height: auto;
    /*position:absolute;
     */
}
 .menu-contact{
     margin-right:0px !important
}
header #logo {
     display: inline-block;
     float: left;
     -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:20px 0px;
}
header #logo img{ width:80%; padding-top:5px; padding-bottom:5px}
/*header #logo img{-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}*/
 header.smaller #logo img {
     width: auto;
     height:50px;
	 -webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
 header.smaller #logo {
     width: auto;
     height: auto;
     margin-top:0px;
	 padding:7px 10px;
}
 header.smaller .top-right-call {
     display:none !important 
}
.top-quick-link{ display:none}
header.smaller .top-quick-link{ display: block}
 header.smaller .nav a{
     color:#fff !important
}
 header.smaller .top-right {
     padding-top:0%;
}
.scrolled {
    /* background-image: linear-gradient(to right, #e6225b 34%,#ff99ac 100%) !important;
     */
     transition: 0.3s;
     height:auto;
     background:none !important;
     background-color:#951a82 !important ;
	 z-index:200;
}
.banner-captio-wrap{
	width:55%;
	height:90%;
	position:absolute;
	left:0;
	top:0;
}
.banner-caption-wrap-container{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	margin:auto;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
}
.banner-container{
	width:45%;
	float:left;
}
.banner-container-caption-top{
	width:auto;
	color:#fff;
	font-family: 'geomanist-light';
	font-size:3.500em;
	line-height:1;
}
.banner-container-caption-bottom{
	width:auto;
	color:#fff;
	font-family: 'geomanist-book';
	font-size:3.500em;
	line-height:1.05;
}
.banner-container p{
	width:80%;
	height:auto;
	font-family:inherit;
	color:#fff;
	font-size:1em;
	font-weight:400; line-height:26px;
	float:left;
	margin-bottom:1em;
}
.explore span{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	font-weight:400; line-height:48px;
	margin-bottom:0px;
}
.explore span::after {
    content: " ";
    background-color:#951a82;
    width: 45px;
    height: 1px;
    float: right;
    margin-top: 25px;
    margin-left: 10px;
}
.explore span:hover::after {
    content: " ";
    background-color:#fff;
}

.explore{
    color:#951a82;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 20px;
    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-size:1em;
    font-weight:400;
	margin-top:1em;
}
.explore:before, .explore: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;
	color:#fff !important;
}
.explore:before{
    background:#fff;
    z-index:-2;
    transform:translate3D(0,0,0);
	color:#951a82 !important;
}
.explore:hover{
    color:#fff !important;
}
.explore:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
	color:#fff !important;
}



.top-whatsaap{
 width:26px;
 z-index:120000;
}
.top-whatsaap img {
 animation-name: floating;
 animation-duration: 3s;
 animation-iteration-count: infinite;
 animation-timing-function: ease-in-out;
 opacity:1;
 max-width:26px;
}

@keyframes floating {
 from {
  transform: translate(0, 0px);
 }
 65% {
  transform: translate(0, 5px);
 }
 to {
  transform: translate(0, -0px);
 }
}
.logo-container{
     width:13%;
     height:auto;
     float:left;
     text-align:left;
     /*top:0px;
     position:absolute;*/
}
 .top-right{
     width:auto;
     height:auto;
     float:right;
	 padding-top:13px;
     
}

 .menu-container{
     width:auto;
     height:auto;
     float:left;
}
.careers-box {
    width: 100%;
    height:42px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height:42px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    font-family: inherit;
}
.career-form {
    margin-bottom: 5px;
}
.calback-box1 {
    width: 100%;
    height: 100px;
    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: 0.5em;
}
.save{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:25px;
	padding-right:25px;
    line-height:38px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1.25em;
    font-weight:600;
	text-align:center;
	float:left;
	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:#951a82;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.save:hover{
    color:#fff;
}
.save:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
 

.solution-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.solution-pic{
	width:100%;
	height:auto;
}
.solution-container{
	width:100%;
	height:auto;
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
}
.solution-title{
	width:100%;
	height:auto;
	text-align:center;
	color:#fff;
	font-size:2.813em;
	font-family: 'geomanist-book';
}
.solution-container p{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1em;
	color:#fff;
	font-family:inherit;
	font-weight:400;
}
.contact-button{
	width:100%;
	height:auto;
	text-align:center;
	padding-top:1em;
}
.buttonfx p::after {
    content: " ";
    background-color: #fff;
    width: 45px;
    height: 1px;
    float: right;
    margin-top: 25px;
    margin-left: 10px;
}
.buttonfx span::after {
    content: " ";
    background-color: #fff;
    width: 45px;
    height: 1px;
    float: right;
    margin-top: 25px;
    margin-left: 10px;
}

.buttonfx{
    color:#fff;
    outline:none;
    background:transparent;
    border:none;
    padding:0px 20px;
    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-size:1em;
    font-weight:400;
}
.buttonfx:before, .buttonfx: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;
}
.buttonfx:before{
    background:#951a82;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.buttonfx:hover{
    color:white;
}
.buttonfx:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
.footer-logos{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-bottom:1em;
	padding-top:1em;
}
.product-range-wrap{
	width:100%;
	height:auto;
	background:#fff url(../images/product-rangebg.png) no-repeat  bottom left;
	background-size: 100% 100%;
	padding-bottom: 5%;
}
.product-range-subtitle{
	width:auto;
	height:auto;
	font-size:2.500em;
	font-family: 'geomanist-light';
	color:#a22592;
	display:table-cell;
	 vertical-align:middle;
	 text-align:left;
	 line-height:1;
}
.product-range-subtitle span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#000;
}
.product-range-title-wrap{
	width:100%;
	height:auto;
	display: table;
}
.product-range-container{
	width:100%;
	height:auto;
}
.product-range-title{
	width:auto;
	height:auto;
	color:#a22592;
	font-size:6.250em;
	font-family:'geomanist-bold';
	line-height:1;
	display:table-cell;
	vertical-align:middle;
	text-align:right;
}
.product-content{
	width:30%;
	height:auto;
	float:left;
	margin-right:5%;
}
.product-content:nth-child(2){ margin-top:5%;}
.product-content:nth-child(3){ margin-right:0%; margin-top:10%}
.product-content-pic{
	width:100%;
	height:auto;
}
.product-content-title{
	width:100%;
	height:auto;
	text-align:left;
	color:#333;
	font-size:2em;
	font-family: 'geomanist-book';
	margin-top:0.25em;
	margin-bottom:0.25em;
}
.product-content p{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1em;
	color:#666;
	font-weight:normal;
}
.readmore{
    width: auto;
    height: auto;
    float: left;
    font-family: inherit;
	font-weight:400;
    font-size:1.15em;
    color: #951a82;
	margin-top:1em;
	border-bottom:1px solid #951a82;
}

a .readmore  {
    font-family: inherit;
	font-weight:400;
    font-size:1em;
    color: #951a82;
	 -webkit-transition: padding .2s;
     -moz-transition: padding .2s;
     -o-transition: padding .2s;
     transition: padding .2s;
}
a:hover .readmore  {
    font-family: inherit;
	font-weight:400;
    font-size:1em;
    color:#951a82;
	padding-left:5px;
	border:none;
}
.quality-assurance-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.assurance-pic{
	width:60%;
	height:auto;
	float:left;
}
.assurance-details{
	width:65%;
	height:auto;
	position:absolute;
	margin:auto;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	align-items:center;
}
.asurance-detail-content{
	width:100%;
	height: auto;
	background:url(../images/assurancbg.png);
	padding-top:70px;
	padding-bottom:65px;
	padding-right:5%;
}
.asurance-detail-content-for p{
	width:100%;
	height:auto;
	float:right;
	font-family:inherit;
	color:#333;
	font-size:1em;
	line-height:24px;
	font-weight:400;
	padding-top:1em;
}
.asurance-detail-content-for{
	width:80%;
	height:auto;
	float:right
}
.welcome-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-top:40px;
	padding-bottom:80px;
}
.welcome-container{
	width:100%;
	height:auto;
	display: table;
}
.welcome-content{
	width:50%;
	height:auto;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	padding-right:3%;
}
.welcome-content:nth-child(2){ width:50%; text-align:right; padding-left:2%;}
.welcome-title{
	width:auto;
	height:auto;
	font-size:2.813em;
	font-family: 'geomanist-light';
	color:#a22592;
	display:table-cell;
	 vertical-align:middle;
	 text-align:left;
	 line-height:1;
}
.welcome-title span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#000;
}
.welcome-content p {
    width: 100%;
    height: auto;
    float: right;
    font-family: inherit;
    color: #333;
    font-size: 1em;
    line-height: 24px;
    font-weight: 400;
    padding-top: 1em;
}
.welcome-bottom{
	width:100%;
	height:auto;
	padding-top:1em;
}
.welcome-readmore{
	width:auto;
	height:auto;
	float:left;
}
.welcome-readmore p{
	width:100%;
	height:auto;
	text-align:center;
	font-size:1em;
	color:#fff;
	font-family:inherit;
	font-weight:400;
	padding-top:0px;
	float:none;
	line-height:inherit;
}
.welcome-whatsaap{
	width:auto;
	height:auto;
	float:left;
	margin-left:5%;
	font-family:inherit;
	color:#666;
	font-weight:400;
	display:flex;
	align-items:center;
	line-height:48px;
}



/********************************************* START ABOUT US  *********************************************/
.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: inherit;
	font-weight: normal;
	font-size:1em;
	color:#333;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight:400;
	font-size:1em;
	color:#333;
	line-height:30px;
	
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight:400;
	font-size:1em;
	color:#000;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight: normal;
	font-size:1em;
	color:#000;
	line-height:30px;
	padding-left:8px;
	padding-right:8px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-weight:400;
	font-size:1em;
	color:#a22592;
	line-height:30px;
	text-transform: capitalize
}
.inner-caption{
	width:100%;
	height:auto;
	position:absolute;
	margin:auto;
	bottom:8em;
	left:0;
	display:flex;
	align-items:center;
}
.inner-caption-top{
	width:100%;
	height:auto;
	text-align:left;
	color:#fff;
	font-family: 'geomanist-light';
	font-size:2.813em;
	line-height:1
}
.inner-caption-bottom{
	width:100%;
	height:auto;
	text-align:left;
	color:#fff;
	font-family: 'geomanist-book';
	font-size:2.813em;
}
.inner-wraper{
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:60px;
}
.inner-title{
	width:auto;
	height:auto;
	font-size:2.813em;
	font-family: 'geomanist-light';
	color:#a22592;
	display:table-cell;
	 vertical-align:middle;
	 text-align:left;
	 line-height:1;
}
.inner-title span{
	font-size:1em;
	font-family: 'geomanist-book';
	color:#000;
}
.about-subtitle{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.688em;
	color:#333;
	font-weight:400;
	line-height:1.4;
	padding-top:1em;
	padding-bottom:1em;
}
.about-wrap{
	width:100%;
	height:auto;
}
.about-content{
	width:48%;
	height:auto;
	float:left;
}
.about-content:nth-child(2){ float:right;}
.about-content p{
width: 100%;
height: auto;
font-family: inherit;
color: #333;
font-size: 1em;
line-height: 24px;
font-weight: 400;
}
.about-content-pic{
	width:100%;
	height:auto;
	margin-top:40px;
	margin-bottom:40px;
}
.inner-wraper p{
	width: 100%;
	height: auto;
	font-family: inherit;
	color: #333;
	font-size: 1em;
	line-height: 24px;
	font-weight: 400; padding-top:0.5em;
}
.clients-container{
	width:15.83%;
	height:135px;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	border:1px solid #ccc;
	display:flex;
	justify-content:center;
	align-items:center;
}
.clients-container img{ max-width:90%; margin:0 auto;}
.clients-container:nth-child(6n+6){ margin-right:0%;}
.client-wrap{
	width:100%;
	height:auto;
	padding-top:2em;
}
/********************************************* END ABOUT US  *********************************************/


/********************************************* START CONTACT US  *********************************************/


.location-wraper{
	width:100%;
	height:auto;
}
.contact-container{
	width:70%;
	height:auto;
	float:left;
	padding-right:5%;
}
.contact-container:nth-child(2){
	width:30%;
	padding-right:0%;
}
.contact-text{
    width: 100%;
    height: auto;
    font-family: inherit;
    color: #333;
    font-size: 1em;
    line-height: 24px;
    font-weight: 400;
    padding-top: 0.5em;
	text-align:left;
	padding-bottom:1em
	
}
.address-for{
	width:48%;
	height:auto;
	float:left;
	
}
.address-for:nth-child(2){ float:right;}
.contact-for{
	width:100%;
	height:auto;
	padding-bottom:1em;
}
.contact-icon{
	width:8%;
	height:auto;
	float:left;
	text-align:left;
}
.contact-details{
	width:92%;
	height:auto;
	float:left;
	padding-left:2%;
	font-family:inherit;
	font-size:1em;
	color:#333;
	line-height:24px;
}
/********************************************* END CONTACT US  *********************************************/


/********************************************* START PRODUCTS  *********************************************/
.product-wrap{
	width:100%;
	height:auto;
	padding-top:1em;
}
.product-container{
	width:100%;
	height:auto;
	margin-bottom:40px;
	display: table;
	direction:rtl;
}
.product-content-main{
	width:60%;
	height:auto;
	/*float:left;*/
	border:1px solid #ccc;
	padding:40px 50px;
	display: table-cell;
vertical-align: middle;
text-align: left;
}

.product-pic{
	width:40%;
	height:auto;
	/*float:right;*/
	display: table-cell;
vertical-align: middle;
text-align: right;
}
.product-content-main p{
	 width: 100%;
    height: auto;
    font-family: inherit;
    color: #333;
    font-size: 1em;
    line-height: 24px;
    font-weight: 400;
	text-align:left;
	padding-top:0px;
	direction:ltr
}
.product-content-title-main{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.688em;
	color:#333;
	font-weight:400;
	margin-bottom:0.25em;
}
.product-container:nth-child(even){ direction:ltr}

/********************************************* END PRODUCTS   *********************************************/
.client-for{
	width:30%;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#333;
	font-weight:400;
	margin-bottom:1em;
	margin-right:5%;
	background:url(../images/listing.png) no-repeat left 5px;
	padding-left:20px;
	
}
.client-for:nth-child(3n+3){ margin-right:0%;}

.desk-view{ display:block}
.mob-view{ display:none}
@media (min-width: 1023px) and (max-width: 1279px) {
	 body {
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
     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;
     font-family: 'Poppins', sans-serif;
     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;
     font-family: 'Poppins', sans-serif;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
	  .top-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
	
	

}
 @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) {
	body {font-size:14px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{ width:100%; text-align:center; line-height:30px;}
  .designed{ width:100%; display:flex; justify-content:center; float:none;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:100%; margin-top:1em;}
  .footer-content:nth-child(2){ width:100%;}
  .footer-content:nth-child(3){ width:100%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%;}
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px;}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display:none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:100%;}
  .address-for{ width:100%; margin-bottom:1em;}
  .product-range-subtitle span br{ display:none}
   .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%; width:100%}
}
	

@media (min-width:401px) and (max-width:480px){
	
body {font-size:15px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{ width:100%; text-align:center; line-height:30px;}
  .designed{ width:100%; display:flex; justify-content:center; float:none;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:100%; margin-top:1em;}
  .footer-content:nth-child(2){ width:100%;}
  .footer-content:nth-child(3){ width:100%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%; }
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display:none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:100%;}
  .address-for{ width:100%; margin-bottom:1em;}	
  .product-range-subtitle span br{ display:none}
  .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%;}
}

@media (min-width:481px) and (max-width:580px){
	
	body {font-size:14px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{ width:100%; text-align:center; line-height:30px;}
  .designed{ width:100%; display:flex; justify-content:center; float:none;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:30%; margin-top:1em;}
  .footer-content:nth-child(2){ width:70%;}
  .footer-content:nth-child(3){ width:60%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%; }
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display:none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:100%;}
  .address-for{ width:100%; margin-bottom:1em;}	
  .product-range-subtitle span br{ display:none}
  .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%;}
	
	}

@media (min-width:581px) and (max-width:680px){
	body {font-size:14px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{  line-height:30px;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:30%; margin-top:1em;}
  .footer-content:nth-child(2){ width:70%;}
  .footer-content:nth-child(3){ width:60%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%; }
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display: none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:60%;}
  /*.address-for{ width:100%; margin-bottom:1em;}*/	
  .product-range-subtitle span br{ display:none}
  .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%;}
	
	
	
}




@media (min-width:681px) and (max-width:736px){
body {font-size:14px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{  line-height:30px;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:30%; margin-top:1em;}
  .footer-content:nth-child(2){ width:70%;}
  .footer-content:nth-child(3){ width:60%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%; }
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display:none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:60%;}
  /*.address-for{ width:100%; margin-bottom:1em;}*/	
  .product-range-subtitle span br{ display:none}
  .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%;}	
	
}


@media (min-width:737px) and (max-width: 768px){
body {font-size:14px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{  line-height:30px;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:30%; margin-top:1em;}
  .footer-content:nth-child(2){ width:70%;}
  .footer-content:nth-child(3){ width:60%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%; }
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display:none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:60%;}
  /*.address-for{ width:100%; margin-bottom:1em;}*/	
  .product-range-subtitle span br{ display:none}
  .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%;}	
	
}

@media (min-width:769px) and (max-width:991px){
	body {font-size:14px !important;font-family: 'Poppins', sans-serif; font-weight:400;}
	.desk-view{ display: none}
	.mob-view{ display: block}
  .container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }
  .copy-right{  line-height:30px;}
  .designed p{ line-height:30px;}
  .footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
  .footer-content{ width:30%; margin-top:1em;}
  .footer-content:nth-child(2){ width:70%;}
  .footer-content:nth-child(3){ width:60%;}
  .footer-content-title {font-size: 1.5em;}
  .footer-details-title { font-size: 1.5em;}
  .product-content{ width:100%; margin-right:0%;}	
  .welcome-content{ width:100%; padding-right:0%;}
  .assurance-details{ width:100%; height:auto; position:inherit; display:inherit;}
  .asurance-detail-content-for{ width:100%; }
  .assurance-pic{ width:100%;}
  .asurance-detail-content{ background:none;  padding-right:0%; padding-top:0px; padding-bottom:30px}
  .solution-title{ font-size:1.75em;}
  .buttonfx{ line-height:40px;}
  .product-range-title-wrap{ display:inherit; padding-top:2em;}
  .product-range-subtitle{ display:inherit;}
  .product-range-title{ text-align:left;}
  .product-range-title{ font-size:3em; padding-top:0.25em ;padding-bottom:0.25em;}
  .banner-container p{ display:none}
  .top-right { display: inherit; position: absolute;right: 0; top: 0; width:40%;z-index: 99;}
  .menu-container{ float:right; width:100%}
  .explore{ line-height:40px; margin-top:1em; display:none}
  .banner-container-caption-top{ font-size:2em;}
  .banner-container-caption-bottom{ font-size:2em;}
  .explore span{ line-height:40px;}
  .banner-container{ width:100%;}
  .welcome-wraper{ padding-bottom:40px;}
  
  .inner-title{ font-size:2.25em;}
  .about-subtitle br{ display:none}
  .about-subtitle{ padding-top:0.25em; padding-bottom:0.25em;}
  .about-content{ width:100%;}
  .inner-caption{ display:none}
  .product-container{ display:inherit;}
  .product-content-main{ width:100%; display:inherit; padding:10px 10px;}
  .client-for{ width:100%; margin-right:0%;}
  .contact-container{ width:100%; padding-right:0%;}
  .contact-container:nth-child(2){ width:60%;}
  /*.address-for{ width:100%; margin-bottom:1em;}*/	
  .product-range-subtitle span br{ display:none}
  .product-range-title br{ display:none}
   .footer-bottom-for{ padding-left:0%;}
	
}

@media (min-width:992px) and (max-width:1199px){
.container{width:100%;padding-left:2%; padding-right:2% }
  .top-container{width:100%;padding-left:2%; padding-right:2% }	
   .footer-bottom-for{ padding-left:2%;}

}