/*-----------------------------------------------------------------------------------
   CSS INDEX
  ===================

  1. Theme Default CSS (body, link color, section etc)
  2. Header Area
  3. Stick menu Area
  4. About Area
  5. Services Area
  6. Slider Area
  7. Review Area
  8. Clients Area
  9. Contact Area
  10. Footer Area
  11. Responsive
  12. Validation
  13. Responsive Mob

-----------------------------------------------------------------------------------*/

/*----------------------------------------
	  1.  Theme default CSS
----------------------------------------*/

.reviews-area img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 15px;
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  margin: 0 0 15px;
  color: #444;
  font-weight: 500;
}

h1 {
  font-size: 48px;
  line-height: 50px;
}

h2 {
  font-size: 38px;
  line-height: 40px;
}

h3 {
  font-size: 30px;
  line-height: 32px;
}

h4 {
  font-size: 24px;
  line-height: 26px;
}

h5 {
  font-size: 20px;
  line-height: 22px;
}

h6 {
  font-size: 16px;
  line-height: 20px;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

body {
  background: #fff none repeat scroll 0 0;
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #fff;
  color: #2A6EF6;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 50px;
  right: 130px;
  bottom: 30px;
  box-shadow: 0 1px 10px 3px rgba(0, 0, 0, .18);
  text-align:center;
}

.back-to-top i{
	vertical-align: middle;
}

.back-to-top:focus {
  background: #3EC1D5;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #2A6EF6;
  color: #fff;
}

div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #fff url('../../Images/Layout/preloader.gif') no-repeat center center;
}

::-moz-selection {
  background: #3EC1D5;
  text-shadow: none;
}

::selection {
  background: #3EC1D5;
  text-shadow: none;
}

.area-padding {
  padding: 70px 0px 80px;
}

.area-padding-2 {
  padding: 70px 0px 50px;
}

.padding-2 {
  padding-bottom: 90px;
}

.section-headline h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 70px;
  position: relative;
  text-transform: capitalize;
}

.section-headline h2::after {
  border: 1px solid #333;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}

.sec-head {
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

/*--------------------------------
	  2. Header top Area
--------------------------------*/

.wrapper {
	z-index: 1030;
	height: auto;
	position: fixed;
	width: 100%;
}

.header-area {
  position: fixed;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 70px;
  background: rgba(0, 0, 0, 0.40);
  z-index: 1001;
}

.navbar-header {
	height: 70px;
}

.navbar-header a.navbar-brand {
  display: inline-block;
  height: 70px;
  padding: 15px 0;
}

.navbar-header a.navbar-brand img {
	width: 200px;
	height: 45px; 
}

.navbar-header a.navbar-brand .img-top{
  display: inline;
  position: absolute;
  top: 15px;
}

.navbar-header a.navbar-brand:hover .img-top{
  display: inline;
  /*width: 100%;
  height: 45px;*/
}

.main-menu ul.navbar-nav li {
  display: inline-block;
  padding: 0px 13px;
}

.main-menu ul.navbar-nav li a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.main-menu ul.navbar-nav li.active > a::after {
  border: 1px solid #fff;
  bottom: 0px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.main-menu ul.navbar-nav li.active a:hover {
  background: none;
  color: #fff;
}

.main-menu ul.navbar-nav li.active a:focus {
  color: #308DE7;
}

.main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #308DE7;
  position: relative;
}

.main-menu ul.navbar-nav li a:hover, .main-menu ul.navbar-nav li a:focus {
  color: #308DE7;
}

.main-menu ul.navbar-nav li.lang .btn_Lang {
	font-family: FontAwesome;
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0px;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.main-menu ul.navbar-nav li.lang .btn_Lang:hover {
	/*background-color: lightskyblue;*/
	color: #308DE7;
	}

.main-menu ul.navbar-nav li.active button::after {
    border: 1px solid #fff;
    bottom: 0px;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
}

.navbar {
  border: medium none;
  margin-bottom: 0;
}

.navbar-default {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.main-menu ul.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
  background: none;
  color: #333;
}

.navbar-default .navbar-toggle {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  padding: 25px 0px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
  background-color: transparent;
  color: #fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.main-menu .dropdown ul {
  background: #000;
}

.main-menu .dropdown ul li {
  display: block;
}

.main-menu ul.dropdown-menu{
	padding: 5px;
}

.main-menu ul.dropdown-menu li a{
	padding: 10px 0px;
}

.main-menu .navbar-nav .dropdown-menu > li > a:hover {
	color: #3EC1D5;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: lightskyblue;
		background-color: transparent;
	}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, 
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
		color: burlywood;
		background-color: transparent;
	}

.navbar-default .navbar-nav .open .dropdown-menu > li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

@media (max-width: 767px) {
}

/*--------------------------------
	 3. Stick menu
--------------------------------*/

.header-area.stick {
  background-color: #000;
  /*height: 70px;*/
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.stick .navbar-header a.navbar-brand {
  display: inline-block;
  /*height: 90px;*/
}

.stick .navbar-brand>img {
  display: none;
}

.stick .navbar-brand.sticky-logo>img {
  display: block;
}

.sticky-logo h1 {
  color: #fff;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.sticky-logo h1 span {
  color: #3ec1d5;
}
/*.stick .main-menu ul.navbar-nav li.active > a::after {
  border: 1px solid #fff;
  bottom: 0px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.stick .main-menu ul.nav>li>a:hover {
  color: #fff;
}

.stick .main-menu ul.navbar-nav li.active a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #fff;
  position: relative;
}

.stick .mainmenu ul#nav>li:hover>a, .stick .mainmenu ul#nav li .mega-menu, .stick .mainmenu ul#nav li ul.sub-menu {
  background-color: #f5f5f5;
  color: #fff;
  outline: medium none;
}

.stick .mainmenu ul#nav li:hover ul.sub-menu li a:hover, .mainmenu ul#nav li .mega-menu span>a:hover, .stick .mainmenu ul#nav li .mega-menu-shop a.mega-menu-title:hover {
  color: #fff;
}

.stick .logo {
  height: 20px;
}

.stick .logo a {
  margin-top: 0px;
}

.stick .main-menu ul.nav>li>a {
  color: #fff;
  line-height: 22px;
  padding: 24px 0px;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.stick .navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
  width: 30px;
  height: 2px;
}

.stick .navbar-default .navbar-toggle {
  padding: 10px 0px;
}*/

/*------------------------------
  4. About Area
--------------------------------*/

.about-area {
  background-color: #f9f9f9;
}

.about-area .well-left{
	text-align: center;
}

.single-well>a {
  display: block;
}

.single-well>a img{
  margin: auto;
}

.single-well ul li {
  color: #444;
  display: block;
  padding: 5px 0;
}

.single-well ul li i {
  color: #3EC1D5;
  padding-right: 10px;
  font-size: 12px;
}

.single-well p {
  color: #444;
}

/*--------------------------------
	 5. Services Area
--------------------------------*/

#services .align-center {
	text-align:center;
	background-color:#fff;
	color:#000;
	padding:70px;
	margin-top:20px;
	margin-bottom:20px;	
}
#services .align-center  h4 {
	padding:10px;
	-webkit-box-shadow: 1px 2px 2px 4px rgba(204,204,204,1);
-moz-box-shadow: 1px 2px 2px 4px rgba(204,204,204,1);
box-shadow: 1px 2px 2px 4px rgba(204,204,204,1);
}
#services .align-center  p {
	margin-top:10px;
	margin-bottom:30px;
}
#services .align-center:hover {
	-webkit-box-shadow: 1px 2px 2px 4px rgba(204,204,204,1);
-moz-box-shadow: 1px 2px 2px 4px rgba(204,204,204,1);
box-shadow: 1px 2px 2px 4px rgba(204,204,204,1);
}
#services .icon {
	margin-top:30px;
	margin-bottom:30px;
	color:#ED502E;
}

#services .ficon i {
	color:#ED502E;
}
#services .ficon a {
	color:#333;
}
#services .ficon a:hover {
	color:#eee;
}
#services .btn {
	color:#333;
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

#services .btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #ED502E;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

#services .btn-default {
	background-color: #fff;
	border-color: #ccc;
}

/*----------------------------------------
  6.Slider Area
----------------------------------------*/

#hero {
  display: table;
  width: 100%;
  height: 100vh;
  background: url(../../Images/Slider/slider1.jpg) top center;
  background-size: cover;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

/*#hero .hero-logo {
  margin: 20px;
}*/

#hero .hero-logo img {
  max-width: 100%;
}

#hero .hero-container {
  background: rgba(0, 0, 0, 0.8);
  display: table-cell;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#hero h1 {
  margin: 30px 0 10px 0;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  color: #fff;
}

@media (max-width: 767px) {
	#hero h1 {
		font-size: 28px;
		line-height: 36px;
	}

	.navbar-header a.navbar-brand img{
		width: auto;
	}

	#navbar-example {
		overflow-y: scroll !important;
		max-height: 400px !important;
	}

	.navbar-default .navbar-collapse {
		margin-bottom: 2px;
	}
}

#hero h2 {
  color: #999;
  margin-bottom: 50px;
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 30px;
  }
  #hero h2 .rotating {
    display: block;
  }
}

#hero .rotating > .animated {
  display: inline-block;
}

#hero .actions a {
  font-family: "Raleway", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 40px;
  border: 1px solid #fff;
  border-radius: 30px;
  transition: 0.5s;
  margin: 10px;
}

#about .single-well a.btn-read {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  padding: 10px 40px;
  border: 1px solid #fff;
  border-radius: 30px;
  transition: 0.5s;
  margin: 10px;
}

#hero .btn-start, #about .single-well .btn-read {
  background: #03C4EB;
  border: 1px solid #3EC1D5 !important;
  color: #fff;
}

	#hero .btn-start:hover, #about .single-well .btn-read:hover {
		background: transparent !important;
		border: 1px solid #3EC1D5 !important;
		text-decoration: none;
	}

	#about .single-well .btn-read:hover {
	color: #3EC1D5;
	}

/*--------------------------------
	  7. Review Area
/*--------------------------------*/

.reviews-area {
  background: url('../../Images/work with us/bg.jpg');
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  position: relative;
}

.work-left-text {
  background: #3EC1D5 none repeat scroll 0 0;
}

.work-left-text {
  width: 50%;
}

.work-right-text {
  background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
  float: right;
  height: 100%;
  overflow: hidden;
  padding: 71px 0;
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
}

.work-right-text h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
}

.work-right-text h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
}

.work-right-text .sus-btn {
  margin-left: 0;
  margin-top: 20px;
}

.ready-btn {
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    font-weight: 600;
    margin-top: 30px;
    padding: 12px 40px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
    z-index: 222;
}

.ready-btn:hover {
	color: #fff;
	background: #3EC1D5;
	border: 1px solid #3EC1D5;
	text-decoration: none;
}

.single-awesome-4 {
  display: block;
  float: left;
  overflow: hidden;
  width: 33.33%;
}

.single-awesome-4 .add-actions {
  padding: 10px 20px;
}

/*--------------------------------
	8. Clients Area
--------------------------------*/

#clients {
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}

#clients .common-space {
  width: 100%;
  /*padding: 90px 0;*/ 
}

#clients li {
  font-size: 16px;
  color: #555555;
  margin-bottom: 10px;
}

#clients .sec-03 {
  text-align: center;
  background: #fff;
  /*padding: 68px 0;*/
}

#clients .sec-03 li {
    text-align: center; 
}

#clients .sec-03 .brand-logo li img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .6;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
	max-height: 85px;
	max-width: 100%;
}

#clients .sec-03 .brand-logo li:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

/*--------------------------------
	  9. Contact Area
--------------------------------*/

.contact-area {
  height: auto;
  width: 100%;
}

.contact-content {
  padding: 100px;
  background: #000 none repeat scroll 0 0;
}

.contact-content-right {
  padding: 100px;
}

#Request-form button[type="button"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  padding: 10px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

#Request-form button[type="button"]:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}

#Request-form .input-group{
	display: flex;
	width: auto;
	justify-content: center;
}

#Request-form textarea {
	resize: vertical;
}

.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #444;
  line-height: 46px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-icon p {
  font-size: 16px;
  line-height: 30px;
}

.contact-icon {
  margin-bottom: 40px;
}

#google-map {
  height: 370px;
  margin-bottom: 20px;
}

/*----------------------------------------
	  10. Footer Area
----------------------------------------*/

.footer-area {
  padding: 40px 0;
  background: #f9f9f9;
}

.footer-head p {
  color: #444;
}

.footer-head h4 {
	font-family: 'Lucida Bright';
	font-weight: bold;
	color: #2A6EF6;
	font-size: 18px;
	/*letter-spacing: 2px;*/
	padding-bottom: 10px;
	text-transform: uppercase;
}

.footer-head h4.social{
	padding-top: 10px;
	padding-bottom: 0px;
}

.footer-logo {
  padding-bottom: 20px;
}

.footer-logo h2 {
  color: #222;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.footer-logo h2 span {
  color: #3ec1d5;
}

.footer-icons ul{
	padding-left: 10px;
}

.footer-icons ul li {
  display: inline-block;
}

.footer-icons ul li a {
  border: 1px solid #444;
  color: #444;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 38px;
  margin-right: 5px;
  text-align: center;
  width: 40px;
  border-radius: 50%;
}

.flicker-img>a {
  float: left;
  padding: 1px;
  width: 33.33%;
}

.footer-icons {
  /*margin-top: 30px;*/
}

.footer-icons .fa-facebook-f {
	color: #3B5998;
}

.footer-icons .fa-google {
	color: #DB4437;
}

.footer-icons .fa-facebook-messenger {
	color: #0084FF;
}

.footer-icons .fa-whatsapp {
	color: #00E676;
}

.footer-icons a.facebook:hover {
	background: #3B5998;
}

.footer-icons a.google:hover {
	background: #DB4437;
}

.footer-icons a.messenger:hover {
	background: #0084FF;
}

.footer-icons a.whatsapp:hover {
	background: #00E676;
}

.footer-icons a:hover .fab{
	color: #fff;
}

.footer-contacts p span {
  color: #3EC1D5;
  font-weight: 700;
}

.footer-content {
  display: block;
  overflow: hidden;
}

.footer-area-bottom {
  background: #f1f1f1 none repeat scroll 0 0;
  padding: 15px 0;
}

.copyright-text a:hover {
  text-decoration: underline;
  color: #3EC1D5;
}

.copyright-text a {
  color: #444;
}

.copyright>p {
  margin-bottom: 0;
  color: #444;
}

.copyright a, .credits a {
  color: #3EC1D5;
}

.credits {
  padding-top: 5px;
  text-align: center;
}

/*----------------------------------------
 .End CSS
----------------------------------------*/



/*--------------------------------
	11. Responsive
--------------------------------*/

@media (min-width: 1920px) {
  .work-right-text {
    padding: 150px 150px;
  }
}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {
  .slider-content {
    padding: 146px 0;
  }
  .work-right-text {
    padding: 40px 0;
  }
  .work-right-text h2 {
    font-size: 18px;
    line-height: 28px;
  }
}

/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
  .main-menu ul.navbar-nav li {
    /*display: inline-block;*/
    padding: 0 5px;
	font-size: 12px;
  }
  .navbar-header{
	  max-width: 25%;
  }
	.col-sm-12 {
		padding: 0;
	}
  .layer-1-1 h2 {
    font-size: 24px;
  }
  .layer-1-2 h1 {
    font-size: 31px;
    line-height: 38px;
    padding: 0px 30px;
  }
  .work-right-text h5 {
    font-size: 14px;
    line-height: 22px;
  }
  .work-right-text {
    padding: 36px 0;
  }
  .work-right-text h2 {
    font-size: 14px;
    line-height: 22px;
  }
  .work-right-text .ready-btn {
    font-size: 13px;
    padding: 7px 20px;
    margin-top: 5px;
  }
}

/* small mobile :320px. */

@media (max-width: 767px) {
  .header-area {
    /*height: 60px !important;*/
    background: #000;
  }
  .header-area .container{
    width: 100%;
  }
  /*.navbar-header a.navbar-brand {
    display: inline-block;
    height: 60px  !important;
    padding: 9px 0;
  }*/
  
  /*.navbar-header a.navbar-brand:hover .img-top{
  top: 9px;
  }*/

  .navbar-default .navbar-toggle {
    padding: 15px 0;
  }
	.navbar-nav {
		margin: 0px -15px;
	}
  .nav.navbar-nav.navbar-right {
    background-color: #252525;
    padding: 0;
    margin-top: 0;
  }
  .main-menu ul.navbar-nav li {
    display: block;
  }
  .main-menu ul.navbar-nav li a {
    padding: 10px 2px;
  }
  .main-menu ul.navbar-nav li.active a::after, .main-menu ul.navbar-nav li.active button::after {
    border: 0px solid #fff;
  }
  .logo {
    height: inherit;
    left: 0;
    padding: 0;
    position: absolute;
    top: -6px;
    z-index: 999999;
  }
  .logo a {
    padding: 0;
  }

  .slider-area {
    margin-top: 60px;
  }

  .slider-content h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .slider-content h1 {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .layer-1-3 a.ready-btn {
    padding: 8px 15px;
  }
  .section-headline h2 {
    font-size: 30px;
  }
  .well-middle .single-well {
    margin-top: 30px;
  }
  .section-headline h3 {
    font-size: 25px;
  }
  .project-menu li a {
    padding: 8px 12px;
    margin: 10px 4px;
  }
  .single-awesome-project, .portfolio-2 .single-awesome-project {
    width: 100%;
    float: none;
  }
  #Request-form {
    margin-top: 30px;
  }
  .footer-content {
    margin-bottom: 30px;
  }
  .page-area .slider-content {
    padding: 100px 0;
  }
  li.threaded-comments {
    margin-left: 0;
  }
}

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .icons-bottom ul li a {
    height: 40px;
    line-height: 37px;
    width: 40px;
  }
}

/*--------------------------------
	12. Validation
--------------------------------*/

.validation {
	color: red;
	padding: 0 5px;
}

.validation-summary-errors
{
	color: Red;
}

.field-validation-error
{
	color: red;
}

/*--------------------------------
	13. Responsive For Mob
--------------------------------*/

@media only screen and (max-width: 600px) {
	#hero h1{
		font-size: 22px;
	}
	#hero h2{
		font-size: 20px;
	}
	#hero .actions a, #about .single-well a.btn-read, #Request-form button[type="button"]{
		font-size: 14px;
		padding: 5px 20px;
	}
	.section-headline h2{
		font-size: 25px;
	}
	#services .align-center h4{
		font-size: 20px;
	}
}