/*
<!-- side bar mobile Start -->
 */
nav {
  background-color: #ababab;
  /*height: 50px;*/
  padding: 0 0px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  /* fade in checked menu */
}
nav .m-menu__checkbox {
  display: none;
}
nav label.m-menu__toggle {
  cursor: pointer;
}
nav .m-menu {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 450px;
  width: calc(100vw - 30px);
  height: 100%;
  -moz-transform: translate3d(-450px, 0, 0);
  -o-transform: translate3d(-450px, 0, 0);
  -ms-transform: translate3d(-450px, 0, 0);
  -webkit-transform: translate3d(-450px, 0, 0);
  transform: translate3d(-450px, 0, 0);
  -moz-transition: transform 0.35s;
  -o-transition: transform 0.35s;
  -webkit-transition: transform 0.35s;
  transition: transform 0.35s;
  z-index: 9;
  overflow: hidden;
  background-color: #fff;
}
nav .m-menu__overlay {
  background-color: rgba(103, 103, 103, 0.5);
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  z-index: 1;
  display: none;
}
nav .m-menu__header {
  padding: 0 16px;
  height: 50px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -ms-flex-pack: space-around;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
nav .m-menu__header span {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  width: 100%;
}
nav .m-menu .m-menu {
  -moz-transform: translate3d(480px, 0, 0);
  -o-transform: translate3d(480px, 0, 0);
  -ms-transform: translate3d(480px, 0, 0);
  -webkit-transform: translate3d(480px, 0, 0);
  transform: translate3d(480px, 0, 0);
}
nav .m-menu ul {
  height: 100%;
  overflow-y: auto;
}
nav .m-menu ul li a, nav .m-menu ul li label {
  display: block;
  text-align: left;
  padding: 0 15px;
  line-height: 47px;
  text-decoration: none;
  color: #333;
  cursor: pointer;
  font-size: 1rem;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
nav .m-menu ul li label.a-label__chevron::after {
  content: "";
  position: absolute;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-color: #333;
  border-style: solid;
  border-width: 1px 1px 0 0;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  margin-top: -5px;
  right: 16px;
}
nav .m-menu ul li .-invisible {
  border-bottom: 0;
}
nav .m-menu .m-menu label.m-menu__toggle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  border-bottom: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
nav .m-menu__checkbox:checked ~ .m-menu__overlay {
  display: block;
}
nav .m-menu__checkbox:checked ~ .m-menu {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #fff;
    position: absolute;
    display: none;
}
@media screen and (max-width: 767px){ 
.wrapper { 
    display: contents;
} 
}
@media screen and (min-width: 767px){ 
.visible-sm { 
    display: none;
}
}
 /*
<!-- side bar mobile End -->
 */
 
@media screen and (max-width: 767px){
	body{
		background: #fff !important;
	}
.captionbox {
    width: auto;
    height: 180px;
    top: 42%;
    left: 5%;
    right: 5%;
    margin: 27px 0px 0 0;
    padding: 0 20px 15px 20px;
    margin-left: 0px;
}
.captionbox .caption { 
    font-size: 20px;  
}
.hidden-sm{
	display: none;
}
.visible-sm{
	display: inherit;
}

    .swiper-slide img{
        height: 480px !important;
        object-fit: cover;
    object-position: center;
    }
    .homeslideshow .bxslider .slide{
    	height: 480px !important;
    }
    #wrapper {
    width: 100%;
    min-width: 100%;
    overflow: auto;
    min-height: auto;
    position: inherit;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0;
}
.homeslideshow, .banner {
    width: auto;
    height: auto;
    position: inherit !important;
    left: 0;
}
.project {
    width: 100%; 
    padding: 20px 0px; 
    float: none; 
}
.bx-has-controls-direction { 
    bottom: 2%; 
}
.homeslideshow .swiper-wrapper, .banner .swiper-wrapper, .homeslideshow .bx-wrapper, .banner .bx-wrapper, .homeslideshow .bx-viewport, .banner .bx-viewport, .homeslideshow .bxslider, .banner .bxslider, .homeslideshow .bxslider .slide, .banner .bxslider .slide {
    height: 480px!important;
    width: 100%!important;
}
.m-heading {
    font-weight: bold;
    color: black;
    text-align: center;
} 
.section-white{
  background: #fff;
  padding: 2rem 0rem;
}

.saintary-img{ 
    padding: 10px 35px;
}   
.specialbtn {  
     display: initial !important;
} 
.project .description { 
    margin-bottom: 20px; 
    width: 80%;
} 
.standardbox{
	width: 100%;
    margin: 0px auto 0px auto;  
}
.container {
    width: 100%;   
    margin-top: 0px !important;
}
.standardbox .core {
    background: rgba(255, 255, 255, .88);
    padding: 30px 20px;
}
.standardbox .head { 
    height: auto; 
    display: flex;
    justify-content: center; 
}
.standardbox .head .title, .standardbox .head .parenttitle { 
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    margin-top: 0px;
    margin-left: 0px;
    float: none;
    text-align: center;
    padding: 20px 10px;
}
.gp {
    width: 100% !important; 
}
.gp.gp1 { 
    width: 100% !important;
    padding: 0px 15px;
}
.gp1 .gg1{
	width: 100% !important;
}
li.gg2{
	width: 100% !important;
}
.standardbox .partners li:nth-child(3n+1) {
    margin-left: 0px;
}
.standardbox .projects li, .standardbox .partners li, .standardbox .jobs li, .standardbox .medias li, .standardbox .pages li {
    width: 100%;
    background: #fff;
    /* border: 1px solid #AEAEAE; */
    margin: 0px 0 35px 0px;
    padding-bottom: 15px;
    box-shadow: 0 0 10px gainsboro;
}
.standardbox .projects li { 
    margin-left: 0px !important;
}
.image img{
	width: 100%;
}
.standardbox .projects .image, .standardbox .partners .image, .standardbox .jobs .image, .standardbox .medias .image, .standardbox .pages .image {
    width: 100%;
    height: 188px;
}
.standardbox .projects .description{
	margin-bottom: 20px;
}
.projectdetails {
    float: none;
    width: 100%;
    padding: 0px;
}
.divisiongallery, .projectgallery {
    width: 100% !important; 
    margin-bottom: 20px;
    height: 350px;
} 
.navigation { 
    bottom: 0%; 
}  
.location {
    width: 100%;
}
.location .info {
    width: auto;
    padding-left: 0px;
}
.contactformsection input{
  width: auto;
}
.contactformsection {
    margin-left: 0px;
    width: 100%;
}
.contactformsection textarea {
    height: auto;
    border: none;
    outline: 0;
    padding-top: 10px;
}
ul#imageGallery li a img { 
    width: 100% !important; 
}
#overlay { 
    background: rgb(0 0 0 / 73%) !important; 
    padding: 0px !important; 
}  
#overlay .holder .nav #next span, #overlay .holder .nav #prev span {
    top: 140% !important; 
    background: black;
    padding: 10px;
    color: #fff;
}
#overlay .holder .nav #close { 
    font-size: 40px !important;
    opacity: 1.6 !important;   
    color: white !important;
}
.about .text.come-in {
    width: 100% !important;
    margin: 0px;
}
.about .standardimage.imageborder.come-in {
    width: 100%;
    margin-top: 50px;
}
.standardtitle, .terms-title { 
    width: 100%; 
}
.about .text.come-in .standardtitle.p-s {
    margin-left: 0px;
    width: 100% !important;
}
head .section {
    width: 100%;
    margin-right: 17px;
    border-top: 1px solid #ADADAD;
    position: relative;
    color: #fff;
    font-size: 14px;
    padding: 40px 10px 0 10px;
    opacity: .5;
}
#profile .section2, #history .section2, #mission .section2 {
    background-position: -410px -1372px; 
}
#profile .section3, #history .section3, #mission .section3 {
    background-position: -812px -1572px; 
}
#profile .section1.active, #history .section1.active, #mission .section1.active {
    background-position: -817px -1472px; 
}

#profile .section2.active, #history .section2.active, #mission .section2.active {
    background-position: -407px -1472px; 
}

#profile .section1, #history .section1, #mission .section1 {
    background-position: -807px -1372px; 
}
#profile .section3.active, #history .section3.active, #mission .section3.active {
    background-position: -807px -1672px;
    padding-top: 35px;
    height: 79px;
}
.head .section {
    width: 100%;
    margin-right: 17px;
    border-top: 1px solid #ADADAD;
    position: relative;
    color: #fff;
    font-size: 13px;
    height: 64px;
    text-align: center;
    padding: 40px 0px 0 10px;
    opacity: .5;
}
#mission .block2 .text, #csr .block2 .text {
    width: 412px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 20px !important;
}
.standardimage{
  width: 100% !important;
} 
.back-btn {
  display: none;
}
}