/**********************************************
Author: Salman Ahmed
Version: 1.0

NOTE: This is responsive stylesheet of the template, This file contains the styling for various devices like mobile phone, tablet, laptop etc.

*************************************************/
/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1700px) {
  
}
/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
   

.single-image-item:last-child {
    margin-bottom: 0;
}
.single-image-item {
  float: none;
  margin-bottom: 30px;
  width: 100%;
}

}

/* Mobile Layout lower than: 320px. */

@media only screen and (max-width: 767px) {

  h1 {
    font-size: 26px;
    line-height: 40px;
    font-weight: 600;
  }
  h2 {
    font-weight: 600;
    font-size: 22px;
    line-height: 36px;
  }
  h3 {
    font-size: 18px;
    line-height: 30px;
  }
  h4 {
    font-size: 14px;
    line-height: 26px;
  }

.single-image-item:last-child {
    margin-bottom: 0;
}
.single-image-item {
  float: none;
  margin-bottom: 30px;
  width: 100%;
}
.email-btn.hidden-in-mobile {
  display: none;
  visibility: hidden;
}
.email-btn.hidden {
  bottom: 0;
  display: block !important;
  left: 0;
  padding: 10px 0;
  position: fixed;
  visibility: visible;
  width: 100%;
  z-index: 2;
}
.email-btn.hidden::before {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.middle-content-area {
  margin-bottom: 35px;
  margin-top: 70px;
}
.section-padding {
    padding: 50px 0 100px;
}


}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {


}