@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
     font-family: 'Poppins', sans-serif;
     font-size:16px;
}
.navbar{
  position: fixed;
  width: 100%;
  top: 0;
  left :0;
  color: black;
  font-family: sans-serif;
  background-color: transparent;
  transition: 0.3s;
  z-index:99;
}

.top-wraper{

     width:100%;

     height:20%;

	/*position:absolute;*/

	

	background:url(../images/topbg.png) repeat-x !important;


}
.scrolled {
    background-color: rgba(0,0,0,0.8) !important;
    transition: 0.3s;
	height:8%;
}

 @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;
}
 .clear {
     clear: both 
}
 audio, ::selection {
     background: white;
     color: #f26f21;
}
 
 textarea.calback-box2::-webkit-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2::-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2:-ms-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2:-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 
 input.contact-enquiry-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box::-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box:-moz-placeholder {
     color:#666 !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;
}
.container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
.footer-wraper{
	width:100%;
	height:auto;
	background-color:#111b2a;
	padding-top:80px;
}
.footer-bottom{
	width:100%;
	height:auto;
	background-color:#061123;
}
.copy-right{
     width:auto;
     height:auto;
     float:left;
     color:#738aa7;
     font-family: inherit;
     font-size:0.80em;
     font-weight: normal;
     line-height:32px;
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:6px;
     width: auto;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     color:#738aa7;
     font-family: inherit;
     font-size:0.80em;
     font-weight: normal;
     line-height:32px;
}
 .designed p a {
     text-decoration: none;
     color:#738aa7;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
}
 .designed p a:hover {
     text-decoration: none;
     color:rgba(255,255,255,1);
     font-family: inherit;
     font-size:1em;
}
.bottom-main{
	width:100%;
	height:auto;
	padding-bottom:35px;
}

.bottom-content {
    width:20%;
    float: left;
    height: auto;
}

.bottom-content:nth-child(1){ width:40%;} 
.bottom-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.2em;
	color:#ec5a00;
	font-weight:500;
	margin-bottom:5px;
}
.bottom-content p {
    font-size: 1em;
    font-family: inherit;
    color:#738aa7;
    line-height: 28px;
    font-weight: 300;
	margin-bottom:10px;
	float:left
}

.bottom-links{
     width:auto;
     height:auto;
     float:left;
}
 .bottom-links ul{
     margin:0px;
     padding:0px;
     list-style-type:none;
}
 .bottom-links ul li{
     width:100%;
     height:auto;
     text-transform: capitalize;
     font-size:1em;
     font-family: inherit;
     color:#738aa7;
     line-height:28px;
     font-weight:300;
	 text-align:left;
}
 .bottom-links ul li a{
     font-size:1em;
     font-family: inherit;
     color:#738aa7;
}
 .bottom-links ul li a:hover{
     font-size:1em;
     font-family: inherit;
     color:rgba(255,255,255,1);
}
 .bottom-logo{
     width:100%;
     height: auto;
     display:flex;
     justify-content:center;
     align-items:center;
     padding-top:8%;
}
.effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .effect-shine1:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine1 {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
.home-contact{
	width:100%;
	height:auto;
	padding-top:50px;
	padding-bottom:50px;
}
.home-contact-container{
	width:100%;
	height:auto;
	background-color:rgba(9,21,36,0.75);
	padding:52px 52px;
}
.home-contact-address{
	width:40%;
	height:auto;
	float:left;
	padding-right:4%;
	border-right:1px solid rgba(255,255,255,0.2);
}
.home-contact-address-title{
	width:100%;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	color:#ec5a00;
	font-family: 'geomanist-medium';
	font-size:2.250em;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:30px;
}
.home-contact-address-title-sub{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1em;
	color:rgba(255,255,255,0.5);
	margin-bottom:3%
}
.home-address{
	width:100%;
	height:auto;
	padding-top:4%;
}
.home-address-icons{
	width:7%;
	height:auto;
	float:left;
	text-align:left;
	margin-top:5px;
}
.home-address-for{
	width:93%;
	height:auto;
	float:left;
	padding-left:0%;
	font-family:inherit;
	font-size:0.875em;
	color:rgba(255,255,255,1);
	line-height:26px;
	font-weight:400;
}
.home-enqury{
	width:60%;
	padding-left:5%;
	float:left;
}
.home-enqury-title{
	width:100%;
	height:auto;
	text-align:left;
	text-transform:uppercase;
	color:#fff;
	font-family: 'geomanist-medium';
	font-size:2.250em;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:30px;
	margin-bottom:3%;
}
.home-enquiry-wrap{
	width:100%;
	height:auto;
}
.home-enquiry-container{
	width:49%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.home-enquiry-container:nth-child(2n+2){ margin-right:0%;}
.home-enquiry-container-name{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:0.875em;
	color:rgba(255,255,255,1);
	line-height:24px;
	font-weight:400;
}
.home-enquiry-box{
	width:100%;
	height:auto;
}
.contact-enquiry-box{
	width:100%;
	height:54px;
	background-color:#848a92;
	line-height:54px;
	padding-left:3%;
	padding-right:3%;
}
.calback-box2{
	width:100%;
	height:110px;
	background-color:#848a92;
	line-height:26px;
	padding-left:1.5%;
	padding-right:1.5%;
}

.more-upload{
    width:auto;
    height:auto;
    float:right;
    font-size:1em;
    line-height:40px;
    padding-left:35px;
    padding-right:35px;
    font-family:inherit;
    text-transform:uppercase;
    font-weight:600;
    color:#FFF;
    background:#ec5a00;
    -webkit-transition:all ease .8s;
    -moz-transition:all ease .8s;
    transition:all ease .8s;
    border:1px solid #ec5a00;
}
.more-upload:hover {
    color:#ec5a00;
    box-shadow:250px 0 0 0 #fff inset;
    cursor:pointer;
}
.bottom-clients{
	width:100%;
	height:auto;
	background-color:#f1f1f1;
	padding-top:40px;
	padding-bottom:40px;
}
.projects-home{
	width:100%;
	height:auto;
	margin-bottom:80px;
	margin-top:80px;
}
.home-projects{
	width:32%;
	height: auto;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
}
.home-projects:nth-child(3n+3){ margin-right:0%;}

.certificate {
    width: auto;
    padding-left: 28px;
    padding-right: 28px;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
	background:#ec5a00;
	padding-top:10px;
	padding-bottom:10px;
}
.projecttitle-for{
	font-family: 'geomanistregular';
	font-size:0.750em;
	color:#fff;
	font-weight: normal;
	text-transform:capitalize;
}

.projecttitle{
	font-family:inherit;
	font-size:0.750em;
	color:#fff;
	font-weight:300;
	text-transform:capitalize;
}
.home-project-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family: 'geomanist-light';
	color:#ec5a00;
	font-size:1.333em;
	line-height:30px;
	/*margin-bottom:1%;*/
}
.home-project-title span{
	height:auto;
	text-align:left;
	font-family: 'geomanist-medium';
	color:#3f3773;
	font-size:1.5em;
	text-transform:uppercase;
}

.view-all{
     font-size:1em;
     text-align:left;
     font-family:inherit;
     color:#fff;
     font-weight:300;
     letter-spacing:0px;
     font-style:normal;
     line-height:26px;
     float:right;
     margin-top:5px 
}
 .view-all a{
     font-family:inherit;
     font-size:1em;
     color:#f8b100;
     font-weight:300;
     -webkit-transition: padding .4s;
     -moz-transition: padding .4s;
     -o-transition: padding .4s;
     transition: padding .4s;
}
 .view-all a:hover{
     font-family:inherit;
     font-size:1em;
     color:#f8b100;
     line-height:24px;
     font-weight:300;
     padding-left:15px;
}

.specialist{
	width:100%;
	height:120px ;
	line-height:120px;
	display:flex;
	align-items:center;
	justify-content:center !important;
}
.sope-business{
	width:100%;
	height:auto;
	background-color:#f3f3f3;
	padding-top:75px;
	padding-bottom:75px;
}

.facility-pics{

	width:100%;

	height:auto;

}

a .home-facility-wrap{
	width:100%;
	height:auto;
	background-color:#fff;
	position:relative;
	
}
.facility-bg{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0),  rgba(0,0,0,0.7));
}

.facility-name{
	width:100%;
	height: auto;
	position:absolute;
	left:5%;
	top:5%;
	padding-right:5%;
}
.buisiness-icon{
	width:8%;
	height:auto;
	float:left;
	margin-top:5px;
}
.buisiness-titlefor{
	width:92%;
	height:auto;
	float:left;
	font-size:1.111em;
	font-family:inherit;
	font-weight:400;
	color:#fff;
}
.buisines-main-title{
	width:100%;
	text-align:center;
	font-size:2em;
	text-transform:uppercase;
	color:#ec5a00;
	font-family: 'geomanist-light';
	font-weight:normal;
	margin-bottom:1%;
}

.buisines-main-title span{
	font-size:1em;
	text-transform:uppercase;
	color:#3f3773;
	font-family: 'geomanist-medium';
	font-weight:normal;
}
.welcome-wraper{
	width:100%;
	height:auto;
	background-color:#fff;
	padding-bottom:60px;
	padding-top:60px;
}
.md-pics{
	width:25%;
	height:auto;
	float:left;
	position:relative;
}

.md-pics-photo{
	width:100%;
	height:auto;
}
.md-name{
	position: absolute;
bottom: 0%;
height: 55px;
width: 100%;
text-align: center;
font-family: 'geomanist-book';
font-size: 1em;
color: #fff;
text-transform: uppercase;
font-weight: normal;
line-height: 55px;
background-color: rgba(40,43,93,0.87);
right: 0%;
padding-left: 10px;
padding-right: 10px;
}
.welcome-dtl{
	width:75%;
	height:auto;
	float:left;
	padding-left:3%;
}
.welcome-title{
	width:100%;
	height:auto;
}
.welcome-title-icon{
	width:7%;
	height:auto;
	float:left;
	padding-top:0px;
}
.welcome-title-for{
	width:92%;
	height:auto;
	float:left;
}
.welcome-title-for h1{
	width:100%;
	text-align:left;
	height:auto;
	font-size:1.333em;
	color:#ec5a00;
	font-family: 'geomanist-light';
	line-height:20px;
}

.welcome-title-for h2{
	width:100%;
	text-align:left;
	height:auto;
	font-size:2em;
	color:#3f3773;
	font-family: 'geomanist-medium';
	text-transform:uppercase;
}

.welcome-title-for h2 span{
	text-align:left;
	height:auto;
	font-size:0.611em;
	color:#f43930;
	font-family: 'geomanist-light';
	text-transform: none;
}

.welcome-dtl p{
	width:100%;
	height:auto;
	font-size:1em;
	color:#666;
	line-height:26px;
	text-align:justify;
	font-family:inherit;
	font-weight:400;
}
a .readmore{
    width:auto;
    height:auto;
    float:left;
    font-size:0.85em;
    line-height:40px;
    padding-left:35px;
    padding-right:35px;
    font-family:inherit;
    font-weight:400;
    color:#FFF;
    background:#ec5a00;
    -webkit-transition:all ease .8s;
    -moz-transition:all ease .8s;
    transition:all ease .8s;
    border:1px solid #ec5a00;
	margin-top:3%;
}
a:hover .readmore {
    color:#ec5a00;
    box-shadow:250px 0 0 0 #fff inset;
    cursor:pointer;
}

a .request{
    width:auto;
    height:auto;
    float:left;
    font-size:1em;
    line-height:35px;
    padding-left:15px;
    padding-right:15px;
    font-family:inherit;
    font-weight:400;
    color:#FFF;
    background:#ec5a00;
    -webkit-transition:all ease .8s;
    -moz-transition:all ease .8s;
    transition:all ease .8s;
    border:1px solid #ec5a00;
	text-transform:uppercase;
	margin-left:8px;
}
a:hover .request{
    color:#ec5a00;
    box-shadow:250px 0 0 0 #fff inset;
    cursor:pointer;
}



/*.home-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    transition: all 1s ease-in-out;
    height:20%;
	background:url(../images/topbg.png) repeat-x !important;
	z-index:999;
}*/



header #logo {
	display: inline-block;
	float: left;
	color: #fcfcfc;
  text-shadow: 0.1em 0.03em #C0392B;
	font-weight: 400;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width:115px;
}



header.smaller #logo {
	width:65px;
	height: auto;
	margin-top:0px;
}

header.smaller .top-right .top-cal {
	display:none !important
}

header.smaller .top-right {
	padding-top:1%;
}
/*.active {
    background-color: #fff !important;
    border-bottom: 1px solid #f7f7f7;
}*/
.top-container {

    width: 100% !important;

    padding-left: 5%;

    padding-right: 5%;

}

 .logo-container{

     width:13%;

     height:auto;

     float:left;

     text-align:left;

     margin-top:20px;

	 position:absolute;

}

 .top-right{

     width:auto;

     height:auto;

     float:right;

     padding-top:12px;

	 padding-bottom:12px;

}

 .menu-container{

     width:auto;

     height:auto;

     float:left;

     padding-top:2px;

}

 .top-cal{

     width:auto;

     height:35px;

     text-align:right;
	 float:right;
	 margin-bottom:2%;

}



 .top-for{

     width:auto;

     height:auto;

     float:left;

	 border-bottom:1px solid rgba(255,255,255,0.5);

 padding-bottom:9px;

	 padding-top:9px;

	 margin-bottom:0.5%;

}

 .whats{

     width: auto;

     height:auto;

     font-family: 'Roboto', sans-serif;

     font-size:1em;

     color:#fff;

     font-weight:400;

     float:left;

     background:url(../images/whatsapp.png) no-repeat left center;

     padding-left:18px;

     margin-right:10px;

	 padding-right:10px;

	 border-right:1px solid rgba(255,255,255,0.4)

}

 .whats a{

     text-decoration:none;

     color:#fff;

     font-family: 'Roboto', sans-serif;

}

 .whats a:hover{

     text-decoration:none;

     color:#ed1b24;

}



 .call-top{

     width: auto;

     height:auto;

     font-family: 'Roboto', sans-serif;

     font-size:1em;

     color:#fff;

     font-weight:400;

     float:left;

     background: url(../images/topcal.png) no-repeat left center;

     padding-left:25px;

	 margin-right:10px;

	 padding-right:10px;

	 border-right:1px solid rgba(255,255,255,0.4);

}

 .call-top a{

     text-decoration:none;

     color:#fff;

     font-family: 'Roboto', sans-serif;

}

 .call-top a:hover{

     text-decoration:none;

     color:#ec5a00;

}

 .mail-top{

     width: auto;

     height:auto;

     font-family: 'Roboto', sans-serif;

     font-size:1em;

     color:#fff;

     font-weight:400;

     float:left;

     background:url(../images/top-mail1.png) no-repeat left center;

     padding-left:23px;

}

 .mail-top a{

     text-decoration:none;

     color:#fff;

     font-family: 'Roboto', sans-serif;

}

 .mail-top a:hover{

     text-decoration:none;

     color:#ec5a00;

}
.banner-caption
	{ 
	width:100%;
	height:auto;
	text-align:center;
	}
.caption-top{
	width:auto;
	height:auto;
	color:#fff;
	font-size:3.750em;
	 font-family: 'geomanist-light';
	letter-spacing:-1px;
	text-shadow: 1px 1px 2px #000;
}

.banner-caption-mid{
	width:auto;
	height:auto;
	color:#fff;
	font-size:4.750em;
	font-family:'geomanist-bold';
	letter-spacing:-1px;
	text-transform:uppercase;
	line-height:70px;
	text-shadow: 2px 2px 3px #000;
}

.banner-caption-title-sub{
	width:auto;
	height:auto;
	color:#fff;
	font-size:1.4em;
	font-family: 'geomanistregular';
	letter-spacing:0px;
	line-height:16px;
	text-shadow: 1px 1px 2px #000;
}

a .learn-more{
    width:100%;
    height:auto;
    font-size:1.125em;
    line-height:40px;
    font-family: 'geomanist-book';
    font-weight: normal;
    color:#FFF;
    background:#ec5a00;
    -webkit-transition:all ease .8s;
    -moz-transition:all ease .8s;
    transition:all ease .8s;
    border:1px solid #ec5a00;
	text-align:center;
}
a:hover .learn-more{
    color:#ec5a00;
    box-shadow:250px 0 0 0 #fff inset;
    cursor:pointer;
}
.bottom-button{
    width:150px;
    height:auto;
	margin:0 auto;
	margin-top:1%;
}


.footer-social {
     width:100%;
     height: auto;
	 margin-bottom:10px;

}

 .footer-social-links {

     padding: 0;

     margin: 3px 0 0;

     text-align:left;

     padding-top:10px;

}

 .footer-social-links li {

     list-style: none;

     display: inline-block;

     margin: 0 5px 

}

 .footer-social-links li:last-child {

     margin-right: 0 

}

 .footer-social-links li a {

     height:40px;

     width:40px;

     display: block;

     text-align: center;

     line-height:40px;

     background-color: transparent;
	 font-size:1.5em

	 


}

 .fb a:hover {

     color: #fff !important;

     background-color:#4e71a8 !important ;

	 border:1px solid #4e71a8; 

}

 .fb a {

     color: #738aa7 !important;

     background-color: transparent !important ;

	 border:1px solid #738aa7; 

}

 .twitter a {

     color: #738aa7 !important;

	 background-color: transparent !important ;

	 border:1px solid #738aa7; 

}

 .twitter a:hover {

     color: #fff !important;

     background-color: #25c8ff !important ;

	 border:1px solid #25c8ff; 

}

 .gplus a {

     color: #738aa7 !important;

	 background-color: transparent !important ;

	 border:1px solid #738aa7; 

}

 .gplus a:hover {

     color: #fff !important;

     background-color: #e52d27 !important;

	 border:1px solid #e52d27;   

}

 .insta a {

     color: #738aa7 !important;

	 background-color: transparent !important ;

	 border:1px solid #738aa7;  

}

 .insta a:hover {

     color: #fff !important;

     background-color: #008083 !important ;

	  border:1px solid #008083;

}

.fa-rotate-90{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.bottom-icon{
	width:8%;
	height:auto;
	float:left;
	text-align:left;
	font-size: 1em;
    font-family: inherit;
    color:#738aa7;
    line-height: 28px;
    font-weight: 300;
}
.bottom-logo-main{
	width:auto;
	height:auto;
	float:left;
	margin-right:4%;
}

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

.caption-top-inner{
	width:auto;
	height:auto;
	color:#fff;
	font-size:3.750em;
	font-family: 'geomanist-light';
	letter-spacing:-1px;
	line-height:normal;
}

.banner-caption-mid-inner{
	width:auto;
	height:auto;
	color:#fff;
	font-size:4.750em;
	font-family:'geomanist-bold';
	letter-spacing:-1px;
	text-transform:uppercase;
	line-height:60px;
	text-shadow: 2px 2px 3px #000;
}

.banner-caption-mid-inner::before {
    content: "";
    display: block;
    background: url(../images/banner-logo.png) no-repeat;
    width:47px;
    height:49px;
    float: left;
    margin-right: 10px;
	margin-top:10px;
}

.bredcum-wraper{

     width:100%;

     height:auto;

     padding-top:1%;

}

 .bred-home{

     width:auto;

     height:auto;

     float:left;

     font-family: 'Poppins', sans-serif;

     font-size:1em;

     font-weight:400;

     color:#666;

     line-height:30px;

     text-transform: capitalize;

}

 .bred-home a{

     width:auto;

     height:auto;

     float:left;

     font-family: 'Poppins', sans-serif;

     font-size:1em;

     font-weight:400;

     color:#666;

     line-height:30px;

}

 .bred-home a:hover{

     width:auto;

     height:auto;

     float:left;

     font-family: 'Poppins', sans-serif;

     font-size:1em;

     font-weight:400;

     color:#333;

     line-height:30px;

}

 .bred-arrow{

     width:auto;

     height:auto;

     float:left;

     font-family: inherit;

     font-size:1em;

     font-weight:400;

     color:#666;

     line-height:30px;

     padding-left:10px;

     padding-right:10px;

}

 .bred-next{

     width:auto;

     height:auto;

     float:left;

     font-family: 'Poppins', sans-serif;

     font-size:1em;

     font-weight:400;

     color:#333;

     line-height:30px;

     text-transform: capitalize 

}

.projects-home p {
    width: 100%;
    height: auto;
    font-size:1em;
    color: #666;
    line-height: 26px;
    text-align: justify;
    font-family: inherit;
    font-weight: 400;
}


/************************************ E ABOUT US ************************************/

/************************************ S ENQUIRY ************************************/
.enquiry-wrap{
	width:45%;
	height:auto;
	margin:0 auto;
}

.enquiry-container-name {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 0.875em;
    color:#666;
    line-height: 24px;
    font-weight: 400;
}

.enquiry-box {
    width: 100%;
    height: 54px;
    background-color: transparent !important;
    line-height: 54px;
    padding-left: 3%;
    padding-right: 3%;
	border:1px solid #848a92;
}

.enquiry-calback-box2 {
    width: 100%;
    height: 110px;
    border:1px solid #848a92;
    line-height: 26px;
    padding-left: 1.5%;
    padding-right: 1.5%;
}


/************************************ E ENQUIRY ************************************/

/************************************ S Gallery ************************************/
.gallerymain{
    width:24.25%;
    height:auto;
    float:left;
    margin-right:1%;
    position:relative;
    margin-bottom:3% 
}
.gallerymain:nth-child(4n+4){
    margin-right:0%;
}

.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
}
.projects-main-name{
    width:100%;
    height:auto;
    background-color:#3f3773;
    color:#fff;
    text-align:center;
    line-height:40px;
    font-size:1.125em;
    font-family: inherit;
    font-weight:500;
    margin-top:1px;
    margin-bottom:1px;
}
.project-dtl-wrap {
    width: 100%;
    height: auto;
    background-color:#fff;
}
.projects-main-location{
    width:100%;
    height:auto;
    background-color:#fcd406;
    color:#fff;
    text-align:center;
    line-height:40px;
    font-size:1em;
    font-family: inherit;
    font-weight:400;
    display:flex;
    justify-content:center;
}
.latest-location-main{
    color:#333;
    text-align:center;
    line-height:40px;
    font-size:1em;
    font-family: inherit;
    font-weight:400;
}
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background:#000;
}
.hovereffect .overlay1 {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center;
}
.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
}
.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    padding: 15% 0 10px 0;
    text-align: left;
}
.hovereffect .overlay1:before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid rgba(255,255,255,0.3);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
}
.hovereffect a, .hovereffect p {
    color: #FFF;
    opacity: 0;
    filter: alpha(opacity=0);
}
.hovereffect a, .hovereffect h3 {
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
}
.hovereffect h3 {
    position: absolute;
    bottom:5%;
    height: 35px;
    width: auto;
    text-align: center;
    font-family: 'geomanist-book';
    font-size:1.1em;
    color:#fff;
    text-transform: none;
    font-weight:normal;
    border-top:1px solid #666;
    line-height:35px;
    background-color:#67245a;
    right:5%;
    padding-left:10px;
    padding-right:10px;
}
.hovereffect:hover .overlay1:before, .hovereffect:hover a{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hovereffect:hover .overlay1:before, .hovereffect:hover h3 {
    opacity:0;
    filter: alpha(opacity=0);
}
.hovereffect:hover img {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hovereffect:hover .overlay1:before, .hovereffect:hover a, .hovereffect:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    color: #fff;
    font-family: 'geomanist-book';
    font-size: 1.1em;
    font-weight: normal;
    text-align:center;
    text-transform:capitalize;
    padding-top:32%;
}


.gallery {
    width: 19.2%;
    height: auto;
    float: left;
    margin-right: 1%;
    position: relative;
    margin-bottom: 1%;
}

.gallery:nth-child(5n+5){ margin-right:0%;}

.album-for3 {
    height: 180px;
    overflow: hidden;
}
.certificate-for{
	border:2px solid #3f3773;
	padding:1%;
}

.certificate-wrap {
    display: inline-block;
    width: 24.25%;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
}
.certificate-wrap:nth-child(4n+4){ margin-right:0%;}

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

/************************************ S PROJECTS ************************************/

.tab-wrap {
    width: 100%;
    height: auto;
    padding-bottom: 3%;
    display: flex;
    justify-content: center;
}
.tab-title{
	width:auto;
	padding-left:28px;
	padding-right:28px;
	line-height:40px;
	font-family: inherit;
	font-size:18px;
	font-weight:600;
	text-transform:uppercase;
	color:#fff;
	margin-left:5px;
	margin-right:5px;
}
.locations{ width:100%; height:auto; margin-top:60px;}
.address-for {
    width: 93%;
    height: auto;
    float: left;
    padding-left: 0%;
    font-family: inherit;
    font-size:1em;
    color:#666;
    line-height: 26px;
    font-weight: 400;
}

.contact-box {
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding-left: 3%;
    padding-right: 3%;
	border:1px solid  #848a92;
	background-color:transparent !important
}

.calback-box {
    width: 100%;
    height: 110px;
    line-height: 26px;
    padding-left: 1.5%;
    padding-right: 1.5%;
	border:1px solid  #848a92;
	background-color:transparent !important
}

.contact-address {
    width: 45%;
    height: auto;
    float: left;
    padding-left:8%;
    border-right: 0px solid rgba(255,255,255,0.2);
}
.enqury {
    width: 55%;
    padding-left:0%;
    float: left;
}


.services-title {
    height: auto;
    width: 100%;
    text-align: center;
    font-family: 'geomanist-book';
    font-size: 1.3em;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    line-height:normal;
}
.services-dtl {
    width:100%;
    height: auto;
    float: left;
    padding-left: 0%;
    font-family: inherit;
    font-size: 1em;
    color: rgba(255,255,255,1);
    line-height: 26px;
    font-weight: 400;
}

.demo {
  display: inline-block;
  width: 24.25%;
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  float:left;
  margin-right:1%; margin-bottom:1%;
}
.demo:nth-child(4n+4){ margin-right:0%;}

.project-wraper {
    width: 100%;
    height: auto;
    background-color: #fff;
}
.project-container{
	width:100%; padding-left:0%; border-bottom:1px dashed #ccc;  padding-bottom:25px;
    margin-bottom:25px;
}
.contact-main{
	width:100%;
	height:auto;
	margin-top:1%;
	margin-bottom:1%;
}
.contact-for{
	width:24.25%;
	height:100px;
	float:left;
	margin-right:1%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#111b2a;
}
.contact-for:nth-child(4n){ margin-right:0%;}
.designation{
	width:100%;
	height:auto;
	text-align:center;
	font-family: inherit;
font-size: 1.2em;
color:#fff;
font-weight: 500;
}
.contact-gm{
    width:100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    color: #e9e9e9;
    line-height: 26px;
    font-weight: 400;
	text-align:center;
}

/************************************ E PROJECTS ************************************/


 @media (min-width: 1023px) and (max-width: 1279px) {
     .top-container {
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	.top-wraper{ height:25%;}
	.scrolled {
    background-color: rgba(0,0,0,0.8) !important;
    transition: 0.3s;
    height: 8%;
}
header.smaller .top-right {
    padding-top: 0.5%;
}
}
 @media (min-width: 1280px) and (max-width: 1359px) {
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
     .top-container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	.top-wraper{ height:25%;}
	.scrolled {
    background-color: rgba(0,0,0,0.8) !important;
    transition: 0.3s;
    height: 8%;
}
header.smaller .top-right {
    padding-top: 0.5%;
}
   
}
 @media (min-width: 1360px) and (max-width: 1399px) {
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
	.top-wraper{ height:25%;}
	.scrolled {
    background-color: rgba(0,0,0,0.8) !important;
    transition: 0.3s;
    height: 8%;
}
header.smaller .top-right {
    padding-top: 0.6%;
}
    
}
 @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) {
	
	   .bottom-content{ width:100%; margin-bottom:2%;}
  .bottom-content:nth-child(1){ width:100%; height:auto;}

   .bottom-content:nth-child(4){ min-height:inherit; height:auto;}

}

 @media (max-width:460px) {
	 .welcome-title-for h1{ margin-bottom:6px}
	 .welcome-title-for h2{ line-height:20px;}
	 h2.resp-accordion{ background-color:#ccc !important; color:#000 !important; text-transform:uppercase}
	 h2.resp-tab-active{ background-color:#3f3773 !important; color:#fff !important;text-transform:uppercase}
	 .nav{ width:100%; float:none !important; background-color:rgba(40,43,93,0.87) !important}
	 .menu-container{ width:100%;}
	 .nav a{ line-height:45px !important}
	 .bottom-button{ margin-top:3%;}
	 .banner-caption-mid{ line-height:60px;}
	 .banner-caption-title-sub{ font-size:1em;}
	header #logo{ width:70px;}
	.top-right{ padding-bottom:0%}
	.banner-caption-mid-inner{ display:none;}
	.caption-top-inner{ display:none;}
	.certificate-wrap{ width:49.5%;}
	.certificate-wrap:nth-child(2n+2){ margin-right:0%;}
	.home-enquiry-container{ width:100%}
	.more-upload{ float:left;}
	.home-enqury-title{ font-size:2em;}
	.contact-for{ width:100%; margin-right:0%; margin-bottom:1%;}
  .container{ width:100%;padding-left:2%;padding-right:2%  }
  .top-container{ width:100%;padding-left:0%;padding-right:0%  }
  .copy-right{ width:100%; text-align:center;}
  .designed{ width:202px; float:none; margin:0 auto;}
    .bottom-content{ width:65%; margin-bottom:2%; height:200px}
  .bottom-content:nth-child(1){ width:100%; height:auto;}
    .bottom-content:nth-child(2){ width:35%;}

   .bottom-content:nth-child(4){ min-height:inherit; height:auto;}
  .bottom-logo-main{ display:none;}
  .home-contact-address{ width:100%; padding-right:0%; border:none;}
  .home-enqury{ width:100%; height:auto; padding-left:0%; margin-top:2em;}
  .home-contact-container{ padding:52px 20px;}
  .home-projects{ width:100%; margin-right:0%;}
  .welcome-dtl{ width:100%; padding-left:0%;}
  .demo{ width:100%; margin-right:0%;}
  .gallery{ width:49.5%;}
  .gallery:nth-child(5n+5){ margin-right:1%;}
  .gallery:nth-child(2n+2){ margin-right:0%;}
  .enqury{ width:100%; margin-bottom:2em;}
  .contact-address{ width:100%; padding-left:0%;}
  .md-pics{ max-width:100%; width:auto; margin-bottom:2em}
  .banner-caption-mid{ font-size:2.2em;}
  .caption-top{ font-size:1.75em}
  .navbar{ position:inherit;}
  .top-wraper{ height:inherit; background:#ec5a00 !important;}
  .logo-container{ position:inherit; float:left; padding-left:2%;}
  a .request{ display:none;}
  .mail-top a:hover{ color:#fff;}
  .call-top a:hover{ color:#fff}
  .top-for{ border:none; width:100%; display:flex; justify-content:center}
 .top-cal{ width:100%; margin-bottom:1%; border-top:1px solid rgba(255,255,255,0.2);}
  .top-right{ width:100%; background-color:#3f3773; margin-top:12px; padding-top:0px;}
  .home-address-icons{ width:10%;}
  .home-address-for{ width:90%}
	 
}
 @media (min-width:461px) and (max-width:580px){
	 .welcome-title-for h1{ margin-bottom:6px}
	 .welcome-title-for h2{ line-height:20px;}
	 h2.resp-accordion{ background-color:#ccc !important; color:#000 !important; text-transform:uppercase}
	 h2.resp-tab-active{ background-color:#3f3773 !important; color:#fff !important; text-transform:uppercase}
	 .nav{ width:100%; float:none !important; background-color:rgba(40,43,93,0.87) !important}
	 .menu-container{ width:100%;}
	 .nav a{ line-height:48px !important}
	 .bottom-button{ margin-top:3%;}
	 .banner-caption-mid{ line-height:60px;}
	 .banner-caption-title-sub{ font-size:1em;}
	header #logo{ width:70px;}
	.top-right{ padding-bottom:0%}
	.banner-caption-mid-inner{ display:none;}
	.caption-top-inner{ display:none;}
	.certificate-wrap{ width:49.5%;}
	.certificate-wrap:nth-child(2n+2){ margin-right:0%;}
	.home-enqury-title{ font-size:2em;}
	.contact-for{ width:100%; margin-right:0%; margin-bottom:1%;}
  .container{ width:100%;padding-left:2%;padding-right:2%  }
  .top-container{ width:100%;padding-left:0%;padding-right:0%  }
    .bottom-content{ width:60%; margin-bottom:2%; height:200px}
  .bottom-content:nth-child(1){ width:100%; height:auto;}
    .bottom-content:nth-child(2){ width:40%;}

   .bottom-content:nth-child(4){ min-height:inherit; height:auto;}

  .bottom-logo-main{ display:none;}
  .home-contact-address{ width:100%; padding-right:0%; border:none;}
  .home-enqury{ width:100%; height:auto; padding-left:0%; margin-top:2em;}
  .home-contact-container{ padding:52px 20px;}
  .home-projects{ width:100%; margin-right:0%;}
  .welcome-dtl{ width:100%; padding-left:0%;}
  .demo{ width:100%; margin-right:0%;}
  .gallery{ width:49.5%;}
  .gallery:nth-child(5n+5){ margin-right:1%;}
  .gallery:nth-child(2n+2){ margin-right:0%;}
  .enqury{ width:100%; margin-bottom:2em;}
  .contact-address{ width:100%; padding-left:0%;}
  .md-pics{ max-width:100%; width:auto; margin-bottom:2em}
  .banner-caption-mid{ font-size:2.2em;}
  .caption-top{ font-size:1.75em}
  .navbar{ position:inherit;}
  .top-wraper{ height:inherit; background:#ec5a00 !important;}
  .logo-container{ position:inherit; float:left; padding-left:2%}
  a .request{ display:none;}
  .mail-top a:hover{ color:#fff;}
  .call-top a:hover{ color:#fff}
  .top-for{ border:none; width:100%; display:flex; justify-content:center}
 .top-cal{ width:100%; margin-bottom:1%; border-top:1px solid rgba(255,255,255,0.2);}
  .top-right{ width:100%; background-color:#3f3773; margin-top:12px; padding-top:0px;}
   .home-address-icons{ width:10%;}
  .home-address-for{ width:90%}
	 

}
 @media (min-width:581px) and (max-width:736px){
.hovereffect-insti:hover .overlay1:before,
.hovereffect-insti:hover a, .hovereffect-insti:hover p {padding-top:20px !important;}
	 
	  h2.resp-accordion{ background-color:#ccc !important; color:#000 !important; text-transform:uppercase}
	 h2.resp-tab-active{ background-color:#3f3773 !important; color:#fff !important; text-transform:uppercase}
	 .nav{ width:100%; float:none !important; background-color:rgba(40,43,93,0.87) !important}
	 .menu-container{ width:100%;}
	 .nav a{ line-height:48px !important}
	 .bottom-button{ margin-top:3%;}
	 .banner-caption-mid{ line-height:60px;}
	 .banner-caption-title-sub{ font-size:1em;}
	header #logo{ width:70px;}
	.top-right{ padding-bottom:0%}
	.banner-caption-mid-inner{ display:none;}
	.caption-top-inner{ display:none;}
	.certificate-wrap{ width:49.5%;}
	.certificate-wrap:nth-child(2n+2){ margin-right:0%;}
	
	.home-enqury-title{ font-size:2em;}
	.contact-for{ width:100%; margin-right:0%; margin-bottom:1%;}
  .container{ width:100%;padding-left:2%;padding-right:2%  }
  .top-container{ width:100%;padding-left:0%;padding-right:0%  }
    .bottom-content{ width:43%; margin-bottom:2%;}
  .bottom-content:nth-child(1){ width:100%; height:auto;}
    .bottom-content:nth-child(2){ width:24%; height:auto;}
	    .bottom-content:nth-child(4){ width:33%; height:auto;}



  .bottom-logo-main{ display:none;}
  .home-contact-address{ width:100%; padding-right:0%; border:none;}
  .home-enqury{ width:100%; height:auto; padding-left:0%; margin-top:2em;}
  .home-contact-container{ padding:52px 20px;}
	.home-projects{ width:49.5%; margin-right:1%;}
  .home-projects:nth-child(2n+2){ margin-right:0% !important;}
    .home-projects:nth-child(3n+3){ margin-right:1%;}

  .welcome-dtl{ width:100%; padding-left:0%;}
  .demo{ width:49.5%; margin-right:1%;}
  .demo:nth-child(2n+2){ margin-right:0%;}
  .gallery{ width:32.66%;}
  .gallery:nth-child(5n+5){ margin-right:1%;}
  .gallery:nth-child(2n+2){ margin-right:1%;}
    .gallery:nth-child(3n+3){ margin-right:0%;}

  .enqury{ width:100%; margin-bottom:2em;}
  .contact-address{ width:100%; padding-left:0%;}
  .md-pics{ max-width:100%; width:auto; margin-bottom:2em}
  .banner-caption-mid{ font-size:2.2em;}
  .caption-top{ font-size:1.75em}
  .navbar{ position:inherit;}
  .top-wraper{ height:inherit; background:#ec5a00 !important;}
  .logo-container{ position:inherit; float:left; padding-left:2%}
  a .request{ display:none;}
  .mail-top a:hover{ color:#fff;}
  .call-top a:hover{ color:#fff}
  .top-for{ border:none; width:100%; display:flex; justify-content:center}
 .top-cal{ width:100%; margin-bottom:1%; border-top:1px solid rgba(255,255,255,0.2);}
  .top-right{ width:100%; background-color:#3f3773; margin-top:12px; padding-top:0px;}
	 

}
 @media (min-width:737px) and (max-width: 768px){
	 .hovereffect-insti:hover .overlay1:before,
.hovereffect-insti:hover a, .hovereffect-insti:hover p {padding-top:20px !important;}
	 h2.resp-accordion{ background-color:#ccc !important; color:#000 !important; text-transform:uppercase}
	 h2.resp-tab-active{ background-color:#3f3773 !important; color:#fff !important; text-transform:uppercase}
	 .nav{ width:100%; float:none !important; background-color:rgba(40,43,93,0.87) !important}
	 .menu-container{ width:100%;}
	 .nav a{ line-height:48px !important}
	 .bottom-button{ margin-top:3%;}
	 .banner-caption-mid{ line-height:60px;}
	 .banner-caption-title-sub{ font-size:1em;}
	header #logo{ width:70px;}
	.top-right{ padding-bottom:0%}
	.banner-caption-mid-inner{ display:none;}
	.caption-top-inner{ display:none;}
	.certificate-wrap{ width:49.5%;}
	.certificate-wrap:nth-child(2n+2){ margin-right:0%;}
	
	.home-enqury-title{ font-size:2em;}
	.contact-for{ width:100%; margin-right:0%; margin-bottom:1%;}
  .container{ width:100%;padding-left:2%;padding-right:2%  }
  .top-container{ width:100%;padding-left:0%;padding-right:0%  }
      .bottom-content{ width:43%; margin-bottom:2%;}
  .bottom-content:nth-child(1){ width:100%; height:auto;}
    .bottom-content:nth-child(2){ width:24%; height:auto;}
	    .bottom-content:nth-child(4){ width:33%; height:auto;}

  .bottom-logo-main{ display:none;}
  .home-contact-address{ width:100%; padding-right:0%; border:none;}
  .home-enqury{ width:100%; height:auto; padding-left:0%; margin-top:2em;}
  .home-contact-container{ padding:52px 20px;}
	.home-projects{ width:49.5%; margin-right:1%;}
  .home-projects:nth-child(2n+2){ margin-right:0% !important;}
    .home-projects:nth-child(3n+3){ margin-right:1%;}

  .welcome-dtl{ width:100%; padding-left:0%;}
  .demo{ width:49.5%; margin-right:1%;}
  .demo:nth-child(2n+2){ margin-right:0%;}
  .gallery{ width:32.66%;}
  .gallery:nth-child(5n+5){ margin-right:1%;}
  .gallery:nth-child(2n+2){ margin-right:1%;}
    .gallery:nth-child(3n+3){ margin-right:0%;}
  .enqury{ width:100%; margin-bottom:2em;}
  .contact-address{ width:100%; padding-left:0%;}
  .md-pics{ max-width:100%; width:auto; margin-bottom:2em}
  .banner-caption-mid{ font-size:2.2em;}
  .caption-top{ font-size:1.75em}
  .navbar{ position:inherit;}
  .top-wraper{ height:inherit; background:#ec5a00 !important;}
  .logo-container{ position:inherit; float:left; padding-left:2%}
  a .request{ display:none;}
  .mail-top a:hover{ color:#fff;}
  .call-top a:hover{ color:#fff}
  .top-for{ border:none; width:100%; display:flex; justify-content:center}
 .top-cal{ width:100%; margin-bottom:1%; border-top:1px solid rgba(255,255,255,0.2);}
  .top-right{ width:100%; background-color:#3f3773; margin-top:12px; padding-top:0px;}
	 


}
 @media (min-width:769px) and (max-width:991px){
	 
	 h2.resp-accordion{ background-color:#ccc !important; color:#000 !important; text-transform:uppercase}
	 h2.resp-tab-active{ background-color:#3f3773 !important; color:#fff !important; text-transform:uppercase}
	 .nav{ width:100%; float:none !important; background-color:rgba(40,43,93,0.87) !important}
	 .menu-container{ width:100%;}
	 .nav a{ line-height:48px !important}
	 .bottom-button{ margin-top:3%;}
	 .banner-caption-mid{ line-height:60px;}
	 .banner-caption-title-sub{ font-size:1em;}
	header #logo{ width:70px;}
	.top-right{ padding-bottom:0%}
	.banner-caption-mid-inner{ display:none;}
	.caption-top-inner{ display:none;}
	.certificate-wrap{ width:49.5%;}
	.certificate-wrap:nth-child(2n+2){ margin-right:0%;}
	
	.home-enqury-title{ font-size:2em;}
	.contact-for{ width:100%; margin-right:0%; margin-bottom:1%;}
  .container{ width:100%;padding-left:2%;padding-right:2%  }
  .top-container{ width:100%;padding-left:0%;padding-right:0%  }
      .bottom-content{ width:43%; margin-bottom:2%;}
  .bottom-content:nth-child(1){ width:100%; height:auto;}
    .bottom-content:nth-child(2){ width:24%; height:auto;}
	    .bottom-content:nth-child(4){ width:33%; height:auto;}

  .bottom-logo-main{ display:none;}
  .home-contact-address{ width:100%; padding-right:0%; border:none;}
  .home-enqury{ width:100%; height:auto; padding-left:0%; margin-top:2em;}
  .home-contact-container{ padding:52px 20px;}
	.home-projects{ width:49.5%; margin-right:1%;}
  .home-projects:nth-child(2n+2){ margin-right:0% !important;}
    .home-projects:nth-child(3n+3){ margin-right:1%;}

  .welcome-dtl{ width:100%; padding-left:0%;}
  .demo{ width:49.5%; margin-right:1%;}
  .demo:nth-child(2n+2){ margin-right:0%;}
  .gallery{ width:32.66%;}
  .gallery:nth-child(5n+5){ margin-right:1%;}
  .gallery:nth-child(2n+2){ margin-right:1%;}
    .gallery:nth-child(3n+3){ margin-right:0%;}
  .enqury{ width:100%; margin-bottom:2em;}
  .contact-address{ width:100%; padding-left:0%;}
  .md-pics{ max-width:100%; width:auto; margin-bottom:2em}
  .banner-caption-mid{ font-size:2.2em;}
  .caption-top{ font-size:1.75em}
  .navbar{ position:inherit;}
  .top-wraper{ height:inherit; background:#ec5a00 !important;}
  .logo-container{ position:inherit; float:left; padding-left:2%}
  a .request{ display:none;}
  .mail-top a:hover{ color:#fff;}
  .call-top a:hover{ color:#fff}
  .top-for{ border:none; width:100%; display:flex; justify-content:center}
 .top-cal{ width:100%; margin-bottom:1%; border-top:1px solid rgba(255,255,255,0.2);}
  .top-right{ width:100%; background-color:#3f3773; margin-top:12px; padding-top:0px;}
	 


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