@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
	 font-family: 'Nunito';
	 font-style: normal;
	 font-display: swap;

}
 body {
     text-decoration: none;
     font-size:18px;
}
.grecaptcha-badge{
    display:none !important;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.eot');
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Roboto-Bold.woff') format('woff'),
      url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.eot');
  src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Roboto-Medium.woff') format('woff'),
      url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.eot');
    src: url('../fonts/Nunito-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Light.woff') format('woff'),
        url('../fonts/Nunito-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.eot');
    src: url('../fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nunito-Regular.woff') format('woff'),
        url('../fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Regular.woff') format('woff'),
        url('../fonts/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

 .clear {
     clear: both 
}
 audio, ::selection {
     background:#000;
     color: #e6b7a9;
}
 textarea.calback-box2::-webkit-input-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2::-moz-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2:-ms-input-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2:-moz-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box::-webkit-input-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box::-moz-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box:-ms-input-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box:-moz-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}


 input.enquiry-quick-box::-webkit-input-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.enquiry-quick-box::-moz-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.enquiry-quick-box:-ms-input-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.enquiry-quick-box:-moz-placeholder {
     color:#000 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}

 .img-full{
     width: 100%;
     height:auto;
     display: block !important 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
     display:block;
}

.main-amw-process {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  margin-bottom: 1.72%;
}

.top-wraper{
	height: 75px;
	background-color: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  }


.banner_feature {
	height:auto;  
	overflow: hidden;
	background-color: #000;
	padding-top: 0 !important;
	width: 100%;
	position: relative;
	
  }
  
.banner_feature-home {
	height: calc(100vh - 75px);  
	overflow: hidden;
	background-color: #000;
	padding-top: 0 !important;
	width: 100%;
	position: relative;
	
  }

  .home-hero__bg {
/*	position: absolute;
	top: 50%;
	left: 50%;*/
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
/*	transform: translateX(-50%) translateY(-50%) !important;
	background-size: cover;*/
	transition: 1s opacity;
	width:100%;
/*	height: 100vh;
	display:block;*/
  }
  .container{
	width: 90.625%;
	margin: 0 auto;
  }
  .content-wraper{
	width: 100%;
	height: auto;
	padding-top: 100px;
  }
  .content-left{
	width: 66%;
	height: auto;
	float: left;
  }
  .architectural-right{
	width: 32%;
	height: auto;
	float: right;
  margin-left: 2%;
  }
  .architectural-right p{
	width: 100%;
	height: auto;
	text-align: center;
	font-family: inherit;
	font-size: 1.333em;
	line-height: 1.4;
	color: #000;
  }
  .main-title{
	width: 100%;
	height: auto;
	text-align: left;
	font-family: 'Roboto';
	font-weight: 500;
    font-style: normal;
    font-display: swap;
	color: #000000;
	font-size: 1.667em;
	line-height:3;

  }
  .metal-architectural-outer{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
  }
  .metal-architectural-bg{
	width: 100%;
	height: auto;
  }
  .discover-button{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	margin-top: 5em;
  }

  
[class^="hvr-"] {
	padding: 0px 105px;
	cursor: pointer;
	background: url(../images/buttonbg.jpg) no-repeat;
	text-decoration: none;
	color: #000;
	/* Prevent highlight colour when element is tapped */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
  
	/* Smooth fonts */
	-webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  line-height: 80px;
	  border-radius: 5px;
	  font-size: 1.333em;
	  font-family: inherit;
  }
  
  .aligncenter {
	text-align: center;
  }

  /* Curl Top Left */
.hvr-curl-top-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
  }
  .hvr-curl-top-left:before {
	pointer-events: none;
	position: absolute;
	content: '';
	height: 0;
	width: 0;
	top: 0;
	left: 0;
	background: white;
	/* IE9 */
	background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
	/*For IE7-8-9*/
	z-index: 1000;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: width, height;
	transition-property: width, height;
  }
  .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
	width: 25px;
	height: 25px;
  }
  .home-portfolio-outer{
	width: 100%;
	height: auto;
  }
  .home-portfolio{
	width: 32.18%;
	height: auto;
	float: left;
	margin-right:1.72%;
	position: relative;
	margin-bottom: 1.72%;
  }
  .home-portfolio:nth-child(3n+3){ margin-right: 0%;}
  .home-portfolio:nth-last-child(-n+3){ margin-bottom: 0px;}
  .home-portfolio-pic{
	width: 100%;
	height: auto;
  }


  .box{
    position:relative;
    overflow: hidden;
}
.box img{
    width:100%;
    height: auto;
	display: block;
}
.box .over-layer{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    opacity:0;
    transform:scale(0,0);
    display: block;
    transition: all 0.30s linear;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box:hover .over-layer{
    opacity:1;
    transform:scale(1,1);
	cursor: pointer;
}
.box .title{
    margin:0;
}
a .box .title {
    position: absolute;
    bottom: 8%;
    left: -100%;
    color:#fff;
    font-weight: bold;
    opacity:0;
    transition:all 0.5s ease 0s;
    font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 1.25em;
}
a:hover .box .title {
    left:0%;
    opacity:1;
	right: 0%;
	display: flex;
	justify-content: center;
  display: none;
}
.portfolio-bg{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(../images/portfolio-bg.png) no-repeat left bottom;
  padding-bottom: 35px;
  padding-top: 30%;
  background-size: contain;
}
/*.home-portfolio:hover .portfolio-bg{ background: none !important; padding-top: 0px;}*/

.portfolio-name{
  font-family: inherit;
  font-size: 1.333em;
  color:#f8f7f6;
  text-align: left;
  padding-left:30px;
  font-weight: 300;
  font-style: normal;
  font-display: swap;

}
a:hover  .portfolio-bg{
  width: 100%;
  height: auto;
  background: url(../images/portfolio-bg-hover.png) no-repeat left bottom;
}
a:hover .portfolio-name{ color:#cc6d50 ;}
/*.home-portfolio:hover .portfolio-bg{ display: none;}*/
.home-services-wraper{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}


.count-up-wrap {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.count-up {
  width:100%;
  height: auto;
  float: left;
}
.count-up:nth-child(1){ padding-left:0%;}
.count-items {
  float: left;
  font-family: 'Roboto';
font-weight: normal;
    font-style: normal;
    font-display: swap;
  font-size:1.667em;
  color: #cc6d50;
line-height:1.7;
width: 100%;
text-align: center;
}
.count-no {
font-size:3.75em;
color:#000;
font-family: 'Roboto';
font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.count-icons span {
  font-size: 2em;
  color: #000;
  margin-left: 0.25em;
  line-height:1;

  }
.count-icons{ display:flex; justify-content:center; align-items: center;}
.home-company{
  width: 100%;
  height: auto;
}
.home-company .home-portfolio:nth-child(1){
  width: 66.08%;

}
.home-company .home-portfolio:nth-child(3n+3){
  margin-right: 1.72%
}
.home-company .home-portfolio:nth-child(3n-1){
  margin-right: 0%;
}


.company-box{
  text-align: center;
  overflow: hidden;
  position: relative;
}
.company-box:before{
  content: "";
  width: 0;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
}
.company-box:hover:before{
  width: 100%;
  left: 0;
  opacity: 0.5;
}
.company-box img{
  width: 100%;
  height: auto;
  display: block;
}
.company-box .box-content{
  width: 100%;
  color: #fff;
  position: absolute;
  top: 38%;
  left: 0;
}
.company-box .title{
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-size: 1.25em;
  margin: 0;
  opacity: 0;
  transition: all 0.5s ease 0s;
}

.company-box:hover .title,
.company-box:hover .post{
  opacity: 1;
  transition-delay: 0.7s;
}

.company-box .icon{
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 15px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
}
.company-box .icon li{
  display: inline-block;
}
a .company-box .icon li {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background: #fff;
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin-right: 5px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.5s ease 0s;
}
a:hover .company-box .icon li {
  opacity: 1;
  transform: translateY(0px);
  transition-delay: 0.5s;
}
a:hover .company-box .icon li:last-child {
  transition-delay: 0.8s;
}
.home-company .home-portfolio .portfolio-name{ text-align: left; padding-left:35px;}
.footer-wraper{
  width: 100%;
  height: auto;
  margin-top: 75px;
  padding-top: 75px;
  border-bottom:1px solid #cc6d50;
  /*background-image: linear-gradient(to bottom right, #f6f6f6 , #b9bab9);
  padding-bottom: 75px;*/
  background-color: #000000;
  
}
.footer-title{
  width: 100%;
  height: auto;
  text-align: center;
  line-height: 2;
  color: #ffffff;
  text-transform: uppercase;
  font-family: 'Roboto';
  font-size: 1.556em;
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
.footer-wraper p{
  width: 100%;
  height: auto;
  text-align: center;
  font-family: inherit;
  font-size: 1.333em;
  color: #ffffff;
  margin-top: 1em;
}

.copyright {
  width: auto;
  height: auto;
  float: left;
  line-height: 46px;
  font-family: inherit;
  font-size: 1em;
  font-weight: normal;
  color: #fff;
}
.footer-bottom{
  width: 100%;
  height: auto;
  margin-top: 4em;
  padding-bottom: 1em;
}
.footer-bottom p{
  float: right;
}

.footer-contact
{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto;
  margin-top: 4em;
  align-items: flex-start;
}

.footer-contact-bottom {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 2em;
  align-items: flex-start;
}

.footer-contact-bottom .contact-for-footer{ margin: inherit;}
.contact-for-footer{
  width:  auto;
  height: auto;
  float: left;
  margin: 0% 10%;
}
.contact-for-footer-title{
  width: 100%;
  height: auto;
  text-align: left;
  font-family: inherit;
  font-size:1.333em;
  font-weight: 300;
    font-style: normal;
    font-display: swap;
    color: #cc6d50;
}
.contact-for-footer-dtl{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  font-size: 1em;
  color: #fff;
  margin-top: 0.5em;
}
.contact-for-footer-dtl span{ margin-right: 1em;}
.contact-for-footer:nth-child(2){ align-items: flex-start;}
.contact-for-footer p{
  width: auto;
  height: auto;
  text-align: left;
  font-family: inherit;
  font-size: 1.333em;
  color: #000;
  margin-top: 0em;
  display: block;
  line-height: 1.2;
}
.footer-bottom p{ font-size: 1em;}

.designed {
    width: auto;
    height: auto;
    float: right ;
     margin-left:2em;
}

.designed p {
    width: auto;
    height: auto;
   font-family: inherit;
  font-size: 1em;
  color: #fff;
  margin-top: 0em;
  display: block;
  line-height: 2;
  font-style: normal;
  font-display: swap;
  display: flex;
}
.designed p a {
    text-decoration: none;
  font-family: inherit;
  font-size: 1em;
  color: #fff;
  margin-top: 0em;
  display: block;
  line-height: 2;
  font-style: normal;
  font-display: swap;
  margin-left:5px;
}
.designed p a:hover {
    text-decoration: none;
   font-family: inherit;
  font-size: 1em;
  color: #fff;
  margin-top: 0em;
  display: block;
  line-height: 2;
  font-style: normal;
  font-display: swap;
}
.footer-social-wrap{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-top: 3em;
}
.footer-social{
  width: auto;
  height: auto;
  float: left;
  margin-left: 0.25em;
  margin-right: 0.25em;
  color: #fff;
  font-size: 2em;
}
.footer-social a{
  width: auto;
  height: auto;
  float: left;
  color: #fff;
  font-size: 1em;
}
.news-letter{
  width: 50%;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
}
.enquiry-quick-box {
  width: 50%;
  height:40px;
  padding-left: 2.5%;
  padding-right: 2.5%;
  line-height:40px;
  font-weight: normal;
  font-style: normal;
  color: #000;
  font-size: 1em;
  font-family: inherit;
  background: url(../images/buttonbg.jpg) no-repeat;
  background-size: 100% 100%;
  border-radius: 15px;
  text-align: center;
}

.ftr-submit {
  color:#333;
  outline:none;
  background:transparent;
  padding-left:25px;
  padding-right:25px;
  line-height:40px;
  position:relative;
  display:inline-block;
  cursor:pointer;
  margin-left: -2em;
  text-decoration:none;
  overflow:hidden;
  transition:all .5s;
  z-index:1;
  font-family: inherit;
  font-size:1.125em;
  font-weight: normal;
  text-align:center;
  float:left;
  border-radius: 15px;
}
.ftr-submit:before,
.ftr-submit:after {
  content:'';
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  height:100%;
  background:#cc6d50;
  z-index:-1;
  transform:translate3D(0,-100%,0);
  transition:all .5s;
}
.ftr-submit:before {
  background:#fff;
  z-index:-2;
  transform:translate3D(0,0,0);
}
.ftr-submit:hover {
  color:#fff;
}
.ftr-submit:hover:after {
  transform:translate3D(0,0,0);
  transition:all .5s;
}


/**********S ABOUT***********/
.box-group{
  text-align: center;
  overflow: hidden;
  position: relative;
}
.box-group img{
  max-width: 100%;
  /*max-height: 100%;*/
  transform: scale3d(1, 1, 1);
  transition: all 0.3s ease 0s;
}
.box-group:hover img{
  transform: scale3d(1.15, 1.15, 1);
}
.box-group .box-content{
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
  padding-top: 35%;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 2;
  transition: all 0.3s ease 0s;
}
.box-group:hover .box-content{
  opacity: 1;
}
.box-group .box-content:before, .box-group .box-content:after{
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  bottom: 15px;
  right: 15px;
  opacity: 0;
  z-index: -1;
  transform: scale(1.5);
  transition: all 0.6s ease 0.2s;
}
.box-group .box-content:before{
  border-top: none;
  border-bottom: none;
  left: 30px;
  right: 30px;
}
.box-group .box-content:after{
  border-left: none;
  border-right: none;
  top: 30px;
  bottom: 30px;
}
.box-group:hover .box-content:before, .box-group:hover .box-content:after{
  opacity: 1;
  transform: scale(1);
}
.box-group .content-inner{
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s ease 0s;
}
.box-group:hover .content-inner{
  opacity: 1;
  transform: scale(1);
}
.box-group .title{
  font-size: 22px;
  font-weight: 700;
  color:#ffcc00;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 10px;
}
.box-group .post{
  display: block;
  font-size: 15px;
  font-weight: 600;
  font-style: italic;
  margin-bottom: 15px;
}
.box-group-icon {
  position: absolute;
  bottom: 0;
  left: 0px;
  color: rgba(255,255,255,1) !important;
  font-size: 1.5em;
  font-family: inherit;
  width: 100%;
  text-align: left;
  z-index: 2;
  font-weight:500;
  padding-left: 2%;
  padding-right: 2%;
  top: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
a:hover .box-group-icon{
  display:none !important;
}
.group-link{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 60px;
  left: 0;
  right: 0;
}
.box-group .icon{
  list-style: none;
  padding: 0;
  position: absolute;
  top:0;
  left:0;
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease 0s;
  bottom:0;
  right:0;
  margin:auto;
}
.box-group:hover .icon{
  left: 0px;
  opacity: 1;
  transition-delay: 0.3s;
}
.box-group .icon li{
  display: inline-block;
}
a .box-group .icon li {
  width:50px;
  height:50px;
  line-height:50px;
  background:#3aaa35;
  font-size:18px;
  color: #fff;
  transition: all 0.5s ease 0s;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
}
a .box-link .icon li {
  width:50px;
  height:50px;
  line-height:50px;
  background:#3aaa35;
  font-size:18px;
  color: #fff;
  transition: all 0.5s ease 0s;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
}
.box-caption{
  width: 100%;
  height: auto;
  padding: 0.5em 1em;
}

.box-title {
  font-size:1.333em;
  font-family:inherit;
  width:100%;
  text-align: left;
  z-index:2;
  font-weight: normal;
  color:#333;
}
.box-title-year{ font-size: 0.944em; padding-top: 0px;}

.box-title span {
  font-size:1em;
  font-family:inherit;
  width:100%;
  text-align: left;
  z-index:2;
  font-weight: normal;
  color:#333;
}
/*.cab .box-title {
   position: relative;
   width: 90%;
   background-color: #fff;
   margin-top: -1em;
}
*/
.box-caption p {
  font-size:1em;
  font-family:inherit;
  width:100%;
  text-align:left;
  z-index:2;
  font-weight: normal;
  color:#333;
  padding-top:0.25em;
}
a:hover .box-title{
  color:#cc6d50;
}
a:hover .box-title span{
  color:#cc6d50;
}
a:hover .box-caption p{
  color:#cc6d50;
}
.abt-wrap
{
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}

/**********E ABOUT***********/
.inner-banner{
  width: 100%;
  height: auto;
  position: relative;
}

/**********S AMW***********/
.inner-wraper{
  width: 100%;
  height: auto;
  padding-top: 40px;
}
.know-btn {
  background: #fff;
  color: #333;
  font-family: inherit;
  font-weight:  normal;
  font-size: 0.944em;
  padding: 0px 15px;
  border-radius: 25px; letter-spacing: 1px;
  display: block;    
  width: fit-content;
  border: 1px solid #cc6d50;;
  float: right;
  position: relative;
  margin-top: -1.95em;
  line-height: 25px;
}
.know-btn-service{
  margin-top: .5em;
}
a .know-btn:hover{
background: #cc6d50;
color: #fff;
}

.know-btn:hover .box-title  { color: #333 !important;}

/**********S AMW***********/



/**********S BLOG***********/
.blog-wraper{
  width: 100%;
  height: auto;
  margin-bottom:40px;
}

.blog-title
{
  width: 100%;
  height: auto;
  text-align: left;
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #000000;
  font-size: 1.35em;
  margin-bottom: .5em;
}
.blog-date
{
  width: 100%;
  height: auto;
  text-align: left;
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #333;
  font-size: 0.85em;
  margin-bottom: .5em;
}
.blog-sort{
  width: auto;
  height: auto;
  float: right;
  position: relative;
  margin-top: -3.5em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.blog-sort-date{
  width: auto;
  height: auto;
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #333;
  font-size: 0.85em;
  margin-right: 0.5em;
}
/*.blog-sort-icon{
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 1.15em;
  color: #333;
  background-color: #ccc;
  border-radius: 50%;

}*/
a .blog-sort-icon{
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-size: 1em;
  color: #333;
  background-color: #ccc;
  border-radius: 50%;
  display: block;

  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

}
.blog-dtl-content{
  width: 48.5%;
  height: auto;
  float: right;
}
.blog-button{
  margin-right: 5%;
  font-size: 0.708em;
}
.blog-container{ 
  width: 48.5%;
  height: auto;
  float: left;
  position: relative;
}
.abt-download{
  width: auto;
  height: auto;
  position: relative;
  float: right;
  margin-top: -3em;
}
.about-download{
  width: auto;
  height: auto;
  float: left;
  
  border: 1px solid #cc6d50;
  border-radius: 15px;
}

a .about-download {
  width: auto;
  height: auto;
  font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 0.75em;
line-height: 1.7;
color: #333;
text-transform: none;
background-color: transparent;
cursor:pointer;
padding: 3px 1em;
}





/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/**********S BLOG***********/

/**********S COMPANY***********/
.company-content{ text-align: center; }
.company-container{ width:49% ; height: auto; float: left; margin-right: 2%; position: relative;}
.company-container:nth-child(3n+3){ float: left; margin-right: 2%;}
.company-container:nth-child(2n+2){ float: right; margin-right: 0%;}

.location {
  width: 100%;
  height: auto;
}
#map {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.service-button-for{
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  margin-top:1.5em;
}

/**********S COMPanyY***********/
.bottom-slider{
  width: 100%;
  height: auto;
  margin-top: 140px;
  background-color: #cccccc;
}
.bottom-slider-title{
  width:10%;
  height:61px;
  float: left;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #fff;
  font-family: inherit;
  font-size: 1.15em;
  text-align: center;
  line-height: 60px;
}
.home .footer-wraper{ margin-top: 0px;}

.specialist{
  width: 100%;
  height:70px ;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-for{
  width: 100%;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu-title{
  font-size: 2.188em;
  color: #333;
  font-family: 'Nunito';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
ul.resp-tabs-list{ display: flex; justify-content: center;}
.resp-tabs-list li:nth-last-child(1){ border: none;}
.testi-author{
  width: 100%;
  height: auto;
  text-align: right;
  color: #333;
  margin-top: 0.25em;
  font-family: inherit;
  font-size:1em;
}



.testimonial{
  text-align: center;
  position: relative;
}



.testimonial .description{
  font-size: 1.333em;
  color: #333;
  line-height: 25px;
  margin-bottom: 15px;
  text-align: right;
}
.testimonial .testimonial-title{
  display: block;
  text-align: right;
  font-size: 1em;
  color: #333;
  margin: 0;
  font-family: 'Nunito';
  font-weight: 300;
}

/* #Progress
================================================== */

.progress-wrap {
	position: fixed;
	right: 10px;
	bottom: 28px;
	height:38px;
	width:38px;
	left:0px;
	margin:0 auto;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
    display: flex;
    justify-content: center;
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	font-family:'FontAwesome';
	content:"\f077";
	text-align: center;
	line-height: 38px;
	font-size:20px;
	color:#cc6d50;
	top: 0;
	height:38px;
	width:38px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	opacity: 0;
}
.progress-wrap::before {
	position: absolute;
	font-family:'FontAwesome';
	content:"\f077";
	text-align: center;
	line-height:38px;
	font-size: 20px;
	opacity: 0;
	top: 0;
	height:38px;
	width: 38px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
	color:#000;
	
}
.progress-wrap:hover::before {
	opacity: 1;
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke:#cc6d50;
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
	background-color:#fff;
}
body.light .progress-wrap {
	box-shadow: inset  0 0 0 2px rgba(0,0,0,0.2);
}
body.light .progress-wrap::after {
	color: var(--black-blue);
}
body.light .progress-wrap svg.progress-circle path {
	stroke: var(--black-blue);
}
/********************************************Progress Bar *************************************************/
.bredcum-wraper{
  width:100%;
  height:auto;
  padding-top:30px;
}
.bredcum-container{
  width:100%;
  height:auto;
  display: flex;
  justify-content: center;
}
.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: normal;
  font-size:1em;
  color:#333;
  line-height:30px;
}
.bred-home a:hover{
  width:auto;
  height:auto;
  float:left;
  font-family: inherit;
  font-weight: normal;
  font-size:1em;
  color:#000;
  line-height:30px;
}
.bred-arrow{
  width:auto;
  height:auto;
  float:left;
  font-size:0.85em;
  color:#999;
  line-height:30px;
  padding-left:8px;
  padding-right:8px;
}
.bred-next{
  width:auto;
  height:auto;
  float:left;
  font-family: inherit;
  font-weight: normal;
  font-size:1em;
  color:#cc6d50;
  line-height:30px;
}
.social{
  position:fixed;
  bottom:10vh;
  right:0px;
  margin-right:0.75em;
  width:38px;
  z-index:120000;

}

.social a {
  height:38px;
  width:38px;
  display:block;
  text-align: center;
  font-size:1.15em;
  color:#333;
  line-height:38px;
  border-radius:50%;
margin-bottom:0.5em;
/*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
background-color:#fff;
box-shadow: rgba(103, 103, 103, 0.2) 0px 8px 24px;
}


input[type="search"] {
  -webkit-appearance: none !important;
  background-clip: padding-box;
  background-color: #ffe0c4;
  vertical-align: middle;
  border-radius: 50px;
  font-size: 1em;
  width: 100%;
  line-height: 2;
  padding: 0.375rem 1.25rem;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

input[type="search"]:focus {
  transition: all 0.5s;
  border-color: #ccc;
  outline: none;
}

form.search-form {
  display: flex;
  justify-content: center;
}

label {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: center;
  margin-bottom: 0;
}

input.search-field {
  margin-bottom: 0;
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: auto;
  align-self: center;
  height: 32px;
  /*border-top-right-radius: 0;
  border-bottom-right-radius: 0;*/
}

input.search-submit {
  height: 32px;
  margin: 0;
  padding: 0rem 1.3rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  font-family: "Font Awesome 5 Free";
  font-size: 1.25em;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.button {
  display: inline-block;
  font-weight: 600;
  font-size: 0.8rem;
  line-height: 1.15;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  background: #fff;
  color: #616161;
  border: 1px solid transparent;
  vertical-align: middle;
  text-shadow: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.button:hover,
.button:active,
.button:focus {
  cursor: pointer;
  background: #fff;
  color: #292826;
  outline: 0;
}

.search-for {
  width: 35.18%;
  height: auto;
  float: left;
  position: relative;
  margin-bottom: 1.72%;
}


.popup .overlay {
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
  z-index:1;
  display:none;
  bottom: 0;
  right: 0;
}

.popup .content {
  position:absolute;
  /*top:50%;*/
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  background:#fff;
  width:50%;
  height:auto;
  z-index:2;
  text-align:center;
  padding:20px;
  box-sizing:border-box;
  font-family: inherit
}

.popup .close-btn {
  cursor:pointer;
  position:absolute;
  right:20px;
  top:20px;
  width:30px;
  height:30px;
  background:#222;
  color:#fff;
  font-size:25px;
  font-weight:600;
  line-height:30px;
  text-align:center;
  border-radius:50%;
}

.popup.active .overlay {
  display:block;
}

.popup.active .content {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}
.rate-quote {
  width: 100%;
  height: auto;
  margin-top: 1em;
}
.quote-box {
  width: 100%;
  height: 50px;
  border: 1px solid #cc6d50;
  padding-left: 2%;
  padding-right: 2%;
  line-height: 50px;
  font-weight: normal;
  font-style: normal;
  color: #333;
  font-size: 1em;
  background-color: #fff;
  margin: 0px;
}
.quote-comment {
  width: 100%;
  height: 120px;
  border: 1px solid #cc6d50;
  padding-left: 2%;
  padding-right: 2%;
  line-height: 26px;
  font-weight: normal;
  font-style: normal;
  color: #666;
  font-size: 1em;
  padding-top: 1em;
}
input.quote-box::-webkit-input-placeholder {
  color: #333 !important;
  font-size: 1em !important;
  opacity: 1 !important;
  font-family: inherit;
  font-weight: normal;
}
input.quote-box::-moz-placeholder {
  color: #333 !important;
  font-size: 1em !important;
  opacity: 1 !important;
  font-family: inherit;
  font-weight: normal;
}
input.quote-box:-ms-input-placeholder {
  color: #333 !important;
  font-size: 1em !important;
  opacity: 1 !important;
  font-family: inherit;
  font-weight: normal;
}
input.quote-box:-moz-placeholder {
  color: #333 !important;
  font-size: 1em !important;
  opacity: 1 !important;
  font-family: inherit;
  font-weight: normal;
}
.quote-button {
  color: #fff;
  outline: none;
  background: transparent;
  padding-left: 25px;
  padding-right: 25px;
  line-height: 40px;
  position: relative;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  transition: all .5s;
  z-index: 1;
  font-family: inherit;
  font-size: 1.15em;
  font-weight: 500;
  text-align: center;
  float: right;
  display: flex;
  align-items: center;
  margin-bottom: 1em;
}
.quote-button:before,
.quote-button: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;
}
.quote-button:before {
  background: #cc6d50;
  z-index: -2;
  transform: translate3D(0, 0, 0);
}
.quote-button:hover {
  color: #fff;
}
.quote-button:hover:after {
  transform: translate3D(0, 0, 0);
  transition: all .5s;
}

.amw-align{
  display: flex;
  align-items: center;
}
.amw-content{ font-size: 1.333em;}
.amw-content span{ color:#cc6d50;}
.resp-tabs-container .home-portfolio{ margin-bottom:1.72% !important;}

.success-msg{ color:#cc6d50; font-family: inherit;
  font-size: 1.333em;
  line-height: 1.4;}
  .desk-view{ display: block;}
  .mob-view{ display: none;}
  .gallery-for{overflow: hidden;
    height: 365px;
    display: flex;
    justify-content: center;
    align-items: center; }
  .tab-content .home-portfolio:nth-last-child(-n+3){ margin-bottom: 1.72%;}
  .careers-container{
     padding-left: 10%;
     padding-bottom: 2em;
  }
  
  .main-title-department {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #000000;
    font-size: 1.563em;
    line-height: 2;
  }
.accordian-list {
  background: #fff;
  list-style: none;
  padding: 0;
  max-width:30%;
  float: left;

  
}

.accordian-item {
  margin-bottom: 0.25em;
  position: relative;
}

.accordian-checkbox {
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 1;
}

.accordian-checkbox:checked ~ p {
  opacity: 0;
  margin: 0;
  max-height: 0;
  transform: translate(0, 50%);
}

.accordian-title,
.accordian-description {
  padding-right: 40px;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito';
  line-height: 1.7
}

.accordian-title {
  color: #202020;
  margin: 0 0 8px;
  padding: 10px 20px;
  position: relative;
  background-color: #f1f1f1;
}

.accordian-description {
  margin: 0 0 8px;
  width: auto;
  float: right;
  width: 50%;
}

.accordian-description p{
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito';
  line-height: 1.7;
  display: flex;
  justify-content: space-between;
  align-items: center;
}





.accordian-list {
  background: #fff;
  list-style: none;
  padding: 0;
  margin: 40px auto;
  max-width: 680px;
}

.accordian-item {
  margin: 0 40px;
  padding: 32px 0 24px;
  position: relative;
}
.accordian-item:not(:last-child) {
  border-bottom: 1px solid #e3e3e3;
}

.accordian-title:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #d53369;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 0;
  margin: auto 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: none;
  transition: 0.3s ease transform;
  width: 0;
}
.accordian-checkbox:checked + .accordian-title:after {
  transform: rotate(180deg);
}

.accordian-checkbox {
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  z-index: 1;
}

.accordian-checkbox:checked ~ p {
  opacity: 0;
  margin: 0;
  max-height: 0;
  transform: translate(0, 50%);
}

.accordian-title,
.accordian-description {
  padding-right: 40px;
}

.accordian-title {
  color: #202020;
  margin: 0 0 8px;
  position: relative;
}

.accordian-description {
  margin: 0 0 8px;
}
.job-description{
  width: 100%;
  height: 40vh;
  padding: 2em 2em;
  overflow-y: auto;
  background-color:#f1f1f1;
}
.job-description p{
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito';
  line-height: 1.7;
  font-size: 1em;
}
.download-pdf{
  width: 100%;
  height: auto;
  float: right;
  margin-top: 1.5em;
  display: flex;
  justify-content: flex-end;
}




.pdf-download{
  width: auto;
  height: auto;
  position: relative;
  float: right;
  border-radius: 15px;
  background-color: #f1f1f1;
}

a .pdf-download {
  width: auto;
  height: auto;
  font-weight: normal;
font-style: normal;
font-display: swap;
font-size: 0.75em;
line-height: 1.7;
color: #333;
text-transform: none;
cursor:pointer;
padding: 3px 1em;
}

.apply-wraper{
  width: 100%;
  height: auto;
  margin-top: 1.5em;
}
.apply-title{
  width: 100%;
  height: auto;
  text-align: left;
  color: #333;
  font-size: 1.35em;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito';
  line-height: 1.7;
}
.apply-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: stretch;
}


input.apply-box::-webkit-input-placeholder {
  color: #333 !important;
  font-size: 1.25em !important;
  opacity: 1 !important;
  font-family: inherit;
}
input.apply-box::-moz-placeholder {
  color: #333 !important;
  font-size: 1.25em !important;
  opacity: 1 !important;
  font-family: inherit;
}
input.apply-box:-ms-input-placeholder {
  color: #333 !important;
  font-size: 1.25em !important;
  opacity: 1 !important;
  font-family: inherit;
}
input.apply-box:-moz-placeholder {
  color: #333 !important;
  font-size: 1.25em !important;
  opacity: 1 !important;
  font-family: inherit;
}
.apply-box {
  width: 100%;
  height: 80px;
  line-height: 80px;
  padding:0px 20px;
  background-color: #e8e8e8;
  border-radius:40px;
}
.apply-top{
  width: 28%;
  height: auto;
  float: left;
  margin: 2em 0em;
}

.apply-bottom{
  width: 20%;
  height: auto;
  float: left;
  margin: 2em 0em;
}

.form-caption {
  width: 100%;
  height: auto;
  text-align: left;
  color: #333;
  font-size: 1.15em;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-family: 'Nunito';
  line-height: 1.7;
  margin-bottom: 0.5em;
}


 @media (min-width:1023px) and (max-width:1279px){
	body{font-size:12px !important;}
   .top-container{
	   width:100%;
	   padding-left:2%;
	   padding-right:2%; 
	  }
   .container{ 
	   width:100%;
	   padding-left:2%;
	   padding-right:2%;
	  }
    .cd-nav .cd-primary-nav a{ font-size: 2.25em !important;}
	 
}
 @media (min-width: 1280px) and (max-width: 1359px){
	 body{font-size:13px !important;}
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    	}
     .top-container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    	}
      .cd-nav .cd-primary-nav a{ font-size: 2.25em !important;}
	
}
 @media (min-width: 1360px) and (max-width: 1399px) {
	body{font-size:15px !important;}
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3%; 
    	}
      .cd-nav .cd-primary-nav a{ font-size: 2.5em !important;}
    
}
 @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 (min-width:991px) and (max-width:1199px){
	
}
 @media(min-width:1200px) and (max-width:1199px){
	 
}
@media (max-width:990px){
	body{font-size:15px !important;}
  .main-amw-process{ margin-bottom: 2em;}
	.container {width: 100%;padding-left: 3%;padding-right: 3%;	  }
  .news-letter{ width: 100%;}
  .footer-contact{ display: inherit;}
  .contact-for-footer{ margin-bottom: 1em;}
 /* .contact-for-footer p{ float: none;}*/
  .enquiry-quick-box{ width: 70%;}
  .progress-wrap{ bottom: 5px;}
  .bottom-slider-title{ width: 35%;}
  .footer-wraper{ padding-top: 35px;}
  .footer-contact{ margin-top: 35px; padding: 0em 5%;}
  .footer-wraper p{ margin-top: 0px;}
  .home-company .home-portfolio:nth-child(1){ width: 100%; margin-right: 0%;}
  .home-company .home-portfolio{ width: 49%; margin-right: 2%;}
  .home-company .home-portfolio:nth-child(3n+3){ margin-right: 2%;}
  .home-company .home-portfolio:nth-child(3n-1){ margin-right: 2%;}
  .home-company .home-portfolio:nth-child(2n-3){ margin-right: 0%;}
  .home-services-wraper{ display: inherit;}
  .content-left{ width: 100%;}
  .architectural-right{ width: 100%; margin-left: 0%;}
  .content-wraper{ padding-top: 40px;}
  .home-portfolio{ width: 100%; margin-right: 0%; display: none;}
  .inner-wraper .home-portfolio{ display: block; margin-bottom: 2em !important;}
  .home-portfolio:nth-child(1){display: block;}
  .home-company .home-portfolio:nth-child(1){ width: 100%; margin-right: 0%;}
  .home-company .home-portfolio{ width: 49%; display: block;}
  .home-company .home-portfolio:nth-child(3n+3){ margin-right: 0%;}
  .home-company .home-portfolio:nth-child(3n-1){ margin-right: 2%;}
  .home-company .home-portfolio:nth-child(2n-3){ margin-right: 0%;}
  .home-portfolio:nth-last-child(-n+3) {margin-bottom:1.72%; }
  .cd-nav-pic{ display: none !important;}
  .cd-nav{ width: 100% !important;}
  .cd-nav .cd-navigation-wrapper{ padding: 0px 1em !important;}
  .cd-nav .cd-primary-nav li{ margin: 0px !important;}
  .search-for{ width: 90%;}
  .cd-nav h2{ margin-bottom: 25px !important; margin-top: 2em;}
  .navigation-portrait .nav-menu > li > a {
    width: 100%;
    height: auto;
    padding: 12px 0px 12px 0px;
    transition: all .4s ease-in-out;
    font-size: 1.55em;
    line-height: 1;
    font-family: 'Roboto';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    white-space: nowrap;
  }
  .nav-dropdown > li{ font-size: 1em !important;}
  .logo-for{ justify-content: flex-start; padding-left: 5%;}
  .cd-nav-trigger{ top: 10px !important;}
  .logo-for img{ width: 60%;}
  .amw-align{ display: inherit;}
  .architectural-right{ margin-top: 1em;}
  .count-no{ font-size: 2em;}
  .count-icons span{ font-size: 1.5em;}
  .blog-container{ width: 100%;}
  .blog-dtl-content{ width: 100%;}
  /*.banner-main-home{ position: inherit; transform:none !important; left: 0; top: 0; width: 100%;}*/
  .banner_feature{ height: auto;}
  .home-hero__bg{ position: inherit; width: 100%; height: auto; left: 0; top: 0; transform: none !important; display: block;}
  .metal-architectural-bg{ display: none;}
  .footer-contact-bottom{ display: inherit;}
  #map{ height: 250px;}
  .desk-view{ display: none;}
  .mob-view{ display: block;}
  .count-items{ font-size: 1em;}
  .architectural-right p{ text-align: left;}
  [class^="hvr-"]{padding: 0px 45px; line-height: 50px;}
  .discover-button{ margin-top: 2em;}
  .architectural-right p br{ display: none; }
  .portfolio-bg{ padding-bottom:10px;}
  .testimonial{ max-width: 80%; float: right;}
  .bottom-slider{ margin-top: 40px;}
  .testimonial .description{ font-size: 1.15em;}
  .ftr-submit{ line-height: 30px;}
  .enquiry-quick-box{ height: 30px;}
  .amw-content{ text-align: left !important;}
  .contact-for-footer-dtl span{ margin-right: 0.25em; font-size: 0.85em;}
  .progress-wrap{ width: auto; bottom: 10px;}
  .contact-for-footer{ width: 100%; margin:0.5em 0em;}
  .designed{ width: 100%; display: flex; justify-content: center; padding:0.5em 0em;}
  .desk-view{ display: none;}
  .resp-tab-content{ display:block  !important;}
  .blog-sort-date{ display: none;}

    
}




@media (max-width:400px){
	body{font-size:13px !important;}
	.container {width: 100%;padding-left: 3%;padding-right: 3%;	  }
  .news-letter{ width: 100%;}
  .footer-contact{ display: inherit;}
  .popup .content{ width:90%;}
  .gallery-for{ height: 240px;}
  .inner-wraper{ padding-top: 15px;}
  .main-title{ font-size:1.5em;}
    
}
@media (min-width:401px) and (max-width:460px){
	body{font-size:15px !important;}
	.container {width: 100%;padding-left: 3%;padding-right: 3%;	  }
	.popup .content{ width:80%;}
  .gallery-for{ height: 260px;}
  .inner-wraper{ padding-top: 15px;}
	
}
 @media (min-width:461px) and (max-width:580px){
	body{font-size:15px !important;}
	.container {width: 100%;padding-left: 3%;padding-right: 3%;	  }
	.popup .content{ width:70%;}
  .gallery-for{ height: 290px;}
  .inner-wraper{ padding-top: 15px;}
	
}
 @media (min-width:581px) and (max-width:736px){
	body{font-size:15px !important;}
	.container {width: 100%;padding-left: 3%;padding-right: 3%;	  }
  .contact-for-footer p{ float: right;}
  .navigation-portrait .nav-menu > li > a{ font-size: 1.75em;}
  .home-portfolio {width:49%; margin-right: 2%;display: none;}
  .home-portfolio:nth-child(-n+2){ display:block;}
  .home-portfolio:nth-child(3n+3) {margin-right: 2%; }
  .home-portfolio:nth-child(2n+2){ margin-right: 0%;}
  .home-company .home-portfolio:nth-child(2n+2){ margin-right: 2%;}
  .popup .content{ width:65%;}
  .gallery-for{ height: 160px;}
  .inner-wraper{ padding-top: 15px;}

	
}
 @media (min-width:737px) and (max-width: 990px){
	body{font-size:15px !important;}
	.container {width: 100%;padding-left: 3%;padding-right: 3%;	  }
  .contact-for-footer p{ float: right;}
  .navigation-portrait .nav-menu > li > a{ font-size: 1.75em;}
  .home-portfolio {width:49%; margin-right: 2%;display: none;}
  .home-portfolio:nth-child(-n+2){ display:block;}
  .home-portfolio:nth-child(3n+3) {margin-right: 2%; }
  .home-portfolio:nth-child(2n+2){ margin-right: 0%;}
  .home-company .home-portfolio:nth-child(2n+2){ margin-right: 2%;}
  .gallery-for{ height: 160px;}
	
}