.gallery {
    
    
}

.da-thumbs {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.da-thumbs li {
  float: left;
  margin: 0.4%;
  background:#fff;
  padding: 8px;
  position: relative;
  width: 32.4%;
}
.da-thumbs li a,
.da-thumbs li a img {
  display: block;
  position: relative;
  width: 100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div {
  position: absolute;
  background:rgba(206, 215, 223, 0.7);
  width: 100%;
  height: 100%;
}
.da-thumbs li a div  h5 {
  color: #323b43;
  font-size: 1.8em;
  margin: 4.2em 0 0 0;
  text-align: center;
}
/*--//gallery--*/
.gallery h3{
     font-size: 3.5em;
    text-transform: capitalize;
    color: #fff;
    font-family: 'JosefinSans-Regular';
    margin-bottom: .5em;
}


		/**responsive**/

@media(max-width:1440px){
}
@media(max-width:1366px){
}
@media(max-width:1280px){
.about-grid h2 {
    right: 4.5em;
}
}
@media(max-width:1080px){

.service-grid h3,.gallery h3,.video h3,.testimonials h3,.price h3,.contact h3 {
    font-size: 3em;
}
.service-grid p,.testimonials p ,.contact-grid p{
    font-size: 0.96em;
}
.da-thumbs li a div h5 {
    margin: 3.5em 0 0 0;
}
.testimonials h4,.price-grid h4 {
    font-size: 1.4em;
}
.price-grid ul li {
    font-size: 1.1em;
}
}
@media(max-width:991px){
.banner-text {
    padding: 3em 0;
}
.logo h1 a {
    font-size: 1.3em;
}

.about-grid h2 {
    right: 4em;
    font-size: 2.8em;
}
.service-grid {
    float: left;
    width: 50%;
}
.banner-text h3 {
    font-size: 2.6em;
}
.about-grid {
    float: left;
    width: 50%;
	right: 0em;
    top: 39em;
}
.banner-text img {
    width: 65%;
}
.ser-grid {
    float: left;
    width: 33.3%;
}
.service-grid h3,.gallery h3,.video h3,.testimonials h3,.price h3,.contact h3 {
    font-size: 2.6em;
}
.ser-grid h5 {
    font-size: 1.1em;
}
.service-grid p,.testimonials p,.contact-grid p {
    font-size: 0.95em;
}
.gallery,.video,.testimonials,.price,.contact,.contact-us {
    padding: 3em 0;
}
.da-thumbs li a div  h5 {
  font-size: 1.5em;
   margin: 3em 0 0;
}
.video iframe {
    height: 400px;
}
.price-grid {
    float: left;
    width: 33.3%;
}
.map iframe {
    height: 300px;
}
.contact-grid.text-center {
    float: left;
    width: 33.3%;
}
.contact-info input[type="text"] {
    width: 30%;
}
.contact-info input[type="text"], .contact-info textarea {
     padding: 8px 10px;
	font-size: .95em;
}
.contact-info textarea {
    height: 190px;
}
@media (max-width: 768px){
.about-grid h2 {
    right: 1.1em;
    font-size: 2.8em;
}
}
@media(max-width:640px){


.about-img1 img {
    width: 42%;
}
.about-img2 img {
    width: 59%;
}
.about-img2 {
    position: absolute;
    top: 8em;
    left: 4em;
}
.about-grid {
    top: 34em;
    right: 0em;
}
.about-grid h2 {
    font-size: 2.5em;
}
a.bottom-banner {
    width: 11%;
}
.ser-grid h5 {
    font-size: .9em;
}
.service-grid h3, .gallery h3, .video h3, .testimonials h3, .price h3, .contact h3 {
    font-size: 2.5em;
}
.da-thumbs li a div h5 {
    font-size: 1.2em;
    margin: 3em 0 0;
}
.service-grid p {
    margin-top: 2em;
}
.video iframe {
    height: 290px;
}
.testimonials h4, .price-grid h4 {
    font-size: 1.2em;
}
.slider {
    margin: 2em 0 0;
}
.price-grid ul li {
    font-size: .95em;
}
.map iframe {
    height: 220px;
}
.contact-info textarea {
    width: 100%;
}
.contact-info input[type=submit] {
    padding: .8em 1em;
    font-size: .95em;
}
}
@media(max-width:480px){
.logo h1 a {
    font-size: 1em;
}
.banner-text h3 {
    font-size: 2em;
    margin-top: .5em;
}
.service-grid {
    width: 100%;
}

a.bottom-banner {
    width: 11%;
    margin: 3.3em auto 0;
}
.about-grids {
    margin-bottom: 2em;
}
.about-grid {
    position: inherit;
}
.about-grid h2 {
    font-size: 2.4em;
    color: #222;
    position: inherit;
    text-align: left;
    margin-bottom: .5em;
}
.about-img2 img {
    width: 83%;
}
.ser-grids {
    margin-top: 2em;
}
.about-img2 {
    position: absolute;
    top: 11em;
    left: 4em;
}
.about-grid {
    width: 100%;
	margin: 1em 0 12em;
}
.service-grid {
    margin-top: 0em;
}
.da-thumbs li a div h5 {
    margin: 2em 0 0;
}
.service-grid h3, .gallery h3, .video h3, .testimonials h3, .price h3, .contact h3 {
    font-size: 2em;
}
.gallery, .video, .testimonials, .price, .contact, .contact-us {
    padding: 2em 0;
}
.video iframe {
    margin-top: 1em;
}
.service-grid p, .testimonials p, .contact-grid p {
    font-size: 0.92em;
}
.price-grids {
    margin-top: 2em;
}
a.button {
    padding: .5em 1em;
}
.price-grid ul li {
    font-size: .9em;
}
.contact-grid.text-center {
    width: 100%;
}
.contact-grid.text-center:nth-child(2) {
    margin: 1em 0;
}
.map iframe {
    margin-top: 2em;
}
.contact-info {
    margin-top: 30px;
}
.contact-info input[type="text"] {
    width: 100%;
}
.contact-info input[type="text"], .contact-info textarea {
    padding: 8px 10px;
    font-size: .95em;
    margin: 0px 13px 13px 0;
}
}
@media(max-width:320px){

.banner-text h3 {
    font-size: 1.6em;
}

a.bottom-banner {
    width: 11%;
    margin: .5em auto 0;
}
.about-grid h2 {
    font-size: 2.1em;
}
.about-img1 img {
    width: 63%;
}
.about-img2 {
    position: absolute;
    top: 10em;
}
.about-img2 img {
    width: 82%;
}
.ser-bottom-grd span {
    font-size: 1.5em;
 }
 .ser-bottom-grd {
    width: 4em;
    height: 4em;
}
.service-grid {
    padding: 0;
}
.about-grids {
    margin-bottom: 1em;
}
.gallery, .video, .testimonials, .price, .contact, .contact-us {
    padding: 1em 0;
}
.da-thumbs li {
    margin: 1.4%;
    background: #fff;
    width: 98.4%;
}
.da-thumbs li a div h5 {
    margin: 4.5em 0 0;
}
.price-grid {
	padding:0;
	width: 100%;
}
.price-grid {
    border: none;
}
.price-grid:nth-child(2) {
    margin: 2em 0;
}
.map iframe {
    margin-top: 1em;
}
.contact-grid.text-center {
    padding: 0;
}
.footer-section {
    padding: 1em 0;
}
.contact-info input[type=submit] {
    padding: .8em 1em;
    font-size: .85em;
}
}