/* Responsive Stylesheet */

@media only screen and (min-width: 1350px) {

}


@media only screen and (min-width: 1px) and (max-width: 1550px) {
	.lb-close {
		bottom: 0px;
		right: 80px !important;
		top: auto !important;
	}
}

@media only screen and (min-width: 1400px) {

header {
    padding: 50px 50px 50px 50px;
}

footer .wrapper {
    padding: 0px 50px;
}

}

@media only screen and (min-width: 1px) and (max-width: 1260px) {
	.content {
        padding: 0px 50px;
	}

	div.aboutUs {
    margin: 0px 0px 0px 0px;
	}

	div.contactUs {
    margin: 0px 0px 0px 0px;
	}

	footer .wrapper { padding: 0px 50px; }

}

@media only screen and (min-width: 1px) and (max-width: 1170px) {

}

@media only screen and (min-width: 1px) and (max-width: 1100px) {

}

@media only screen and (min-width: 1px) and (max-width: 1100px) {

}

@media only screen and (min-width: 1px) and (max-width: 1050px) {
	a.gallery_item {
		float: left;
		width: 33.333%;
	}
}

@media only screen and (min-width: 1px) and (max-width: 1020px) {

}

@media only screen and (min-width: 1px) and (max-width: 1000px) {

}

@media only screen and (min-width: 1px) and (max-width: 880px) {

}

@media only screen and (min-width: 1px) and (max-width: 850px) {
		header p.text  {
			display: none;
		}

	div.about_project {
    float: none;
    width: 100%;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}

	div.project_gallery {
    float: none;
    width: 100%;
	}

	div.aboutUs .photo-area {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	div.aboutUs .aboutus-area {
		float: none;
		width: 100%;
		padding: 0px;
	}

	div.contactUs .contactus-area{
		float: none;
		width: 100%;
		margin-bottom: 10px;
		padding: 0px;
	}

	div.contactUs .map-area {
		float: none;
		width: 100%;

	}

	.page_nav {
		margin: 10px auto 0px auto;
	}

}

@media only screen and (min-width: 1px) and (max-width: 850px) {

}

@media only screen and (min-width: 1px) and (max-width: 780px) {
}

@media only screen and (min-width: 1px) and (max-width: 750px) {

    header .menu_button {
        display: block;
    }

    .menu_wrap {display: none;}

    .column {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
}
    header {
    padding: 50px 25px 0px 25px;
	}
	.content {
			padding: 0px 25px;
	}

    .intro_content .content_wrap {
    width: 100%;
    }


	footer .wrapper { padding: 0px 25px; }

  #overlay_menu #socials {
    right: 50%;
    transform: translate(50%,0%);
  }

	a.gallery_item {
		width: 100%;
	}
	


}

@media only screen and (min-width: 1px) and (max-width: 700px) {

}

@media only screen and (min-width: 1px) and (max-width: 650px) {
    .cb-slideshow, .cb-slideshow::after {
    height: 650px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
    .cb-slideshow, .cb-slideshow::after {
    height: 600px;
    }
	
	.story {margin-left:50px;}
}

@media only screen and (min-width: 1px) and (max-width: 550px) {
	a.gallery_item {
		float: left;
		width: 50%;
	}

        .cb-slideshow, .cb-slideshow::after {
    height: 550px;
    }
}

@media only screen and (min-width: 1px) and (max-width: 1000px) {
	
		.contactdeeds {display:none}
.contactdeeds2 {display:block}
	
    .cb-slideshow, .cb-slideshow::after {
    height: 500px;
    }

    body.page-template-template_contact #foot_logo {
      display: block  !important;
      position: relative !important;
      right: 0px  !important;
      top: 0px  !important;
      width: 100%  !important;
    }

    .content .columns {
      position: relative;
      width: 100%;
      display: block;
    }

    h2.title_22 {
      margin-top: 30px;
  text-align: right;
  position: relative;
  top: 0%;
  transform: translate(0%,0%);
  right: 0px;
}

h3.spec {
  padding: 30px 0px 0px 0px !important;
}

h2 {
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 30px;
}

.showned {display: none;}
.hidden {display: block;}

h3 {

  font-size: 25px;
  line-height: 25px;
}

.box {
  margin-top: 135px;
}

.box2 {
  margin-top: 135px;
}

.content p {
  font-size: 13pt;
  line-height: 16pt;
}

.content p br {
  display: none;
}


    .content .columns .left {
  float: none !important;
  width: 100%;
  position: relative;
  padding-right: 0px;
}

.content .columns .right {
  float: none !important;
  width: 100%;
  position: relative;
  padding-left: 0px;
}

    h1.headline {
      font-size: 25px;
      line-height: 25px;
      top: -2px;
      width: 67%;
    }

.dot_title {
  width: 20px;
  height: 20px;
  top: 0px;
}
}

@media only screen and (min-width: 1px) and (max-width: 420px) {

    .cb-slideshow, .cb-slideshow::after {
    height: 420px;
    }

}

@media only screen and (min-width: 1px) and (max-width: 400px) {
.story {margin-left:20px;}
}

@media only screen and (min-width: 1px) and (max-width: 350px) {

}