/**
 * File Name: responsive.css
 */
/**
 *	-------------------------------------------------------------------------------
 *	( 01 ) - Responsive Specifications
 *	-------------------------------------------------------------------------------
 *
 *  This part contains the responsive modifications for small devices widths
 *
 *	------
 *
 *  It has the following code:
 *
 *	   |
 *	   |-->  [ 01 ] - Width From 1200px to 0
 *	   |-->  [ 02 ] - Width From 992px to 0
 *	   |-->  [ 03 ] - Width From 768px to 0
 *	   |-->  [ 04 ] - Width From 480px to 0
 *	   |-->  [ 05 ] - Width From 320px to 0
 *	   |-->  [ 06 ] - Height Form 768px to 0
 *	   |-->  [ 05 ] - Height Form Maximmum to 768px
 *	   |-->  [ 08 ] - Height Form Maximmum to 900px
 *
 */
/*  [ 01 ] - Width From 1200px to 0
 ===================================== */
 
 .actionBox a {
    font-size: 29px;
    margin: 0 6px;
    border: 1px solid #fff;
    padding: 10px;
    margin-bottom: 20px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 30px;
    background: #fff;
    border-radius: 30px;
}
 
@media (max-width: 1200px) {
  /* Boxed Width */
  body.boxed #full-container {
    margin: 0;
    border-radius: 0; }
  /* Header */
  #header {
    text-align: left; }
    #header .container,
    #header .row,
    #header [class*="col-"] {
      height: initial; }
    #header,
    #header #header-wrap {
      height: auto;
      min-height: 80px; }
    #header #header-wrap {
      overflow: hidden;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10; }
    #header .header-meta {
      height: 80px;
      border-left: none;
      margin-left: 0; }
  .main-menu {
    left: 0;
    display: none; }
  #mobile-menu .mobile-menu {
    text-align: left; }
  .mobile-menu-btn {
    display: inline-block; }
  /* Banner Slider */
  .banner-slider .owl-nav [class*="owl-"] {
    margin-top: -10px !important; } }

/*  [ 02 ] - Width From 992px to 0
 ==================================== */
@media (max-width: 992px) {
  /* Column With Helper Classes Optimization */
  [class*="col-"][class*="pl-"] {
    padding-left: 15px; }
  [class*="col-"][class*="pr-"] {
    padding-right: 15px; }
  /* Banner Parallax */
  .banner-parallax,
  .banner-parallax .row > [class*="col-"] {
    height: auto !important;
    min-height: auto !important; }
  .banner-parallax .row {
    flex-direction: column;
    min-height: 600px; }
  .banner-parallax .row > [class*="col-"] {
    align-self: stretch;
    flex-grow: 1; }
  .banner-parallax [class*="col-"]:not(:first-child) .banner-center-box {
    padding-top: 0;
    margin-top: -30px; }
  .slide-content,
  .banner-center-box {
    position: initial; }
  .banner-center-box {
    display: block;
    top: 0;
    width: 100%;
    padding-top: 33px;
    transform: translateY(0); }
  /* Slider */
  .fullscreen {
    height: auto !important; }
  .banner-slider {
    min-height: auto !important; }
  /* Split Section */
  .split-section .section-img-wrap {
    position: relative; }
  .split-section .section-content {
    padding-left: 0; }
  /* Center Vertical Section */
  .center-vertical .section-content > .container > .row {
    display: block; }
  /* Page Title */
  #page-title {
    text-align: center; }
    #page-title .breadcrumb {
      position: initial;
      margin-top: 20px; }
  /* Footer Mini */
  /* Scroll Top */
  .scroll-top-icon {
    display: none !important; } }

/*  [ 03 ] - Width From 768px to 0
==================================== */
@media (max-width: 768px) {
  /* Banner Parallax */
  .banner-parallax .row {
    min-height: 500px; }
  .slide-content h1 {
    font-size: 35px; }
  /* Popup Preview */
  .popup-preview .container {
    width: 100%; }
  /* Watch Video */
  #watch-video .video-preview {
    height: 350px; }
  /* CTA Title 1 */
  #cta-title-1 h1 {
    font-size: 45px; } }

/*  [ 04 ] - Width From 480px to 0
==================================== */
@media (max-width: 480px) {
    .actionBox {
    padding-bottom: 2rem;
}
    .banner-parallax .bg-element{
        background:url("../../images/mobileHeader.jpeg") !important;
    }
    #our-services .section-content {
    padding: 30px 0;
}
.section-title {
    margin-bottom: 20px;
}
.mb-60 {
    margin-bottom: 30px;
}
#cta-title-1 .section-content {
    padding: 50px 0;
}
.register-house .box-title {
    padding: 30px 50px;
    background: #000;
    color: #fff;
}

.flat-section .section-content {
    width: 100%;
    padding: 30px 0 120px;
    position: relative;
    clear: both;
    padding-top: 0;
    padding-bottom: 20px;
  
}
input, input.form-control, button, button.form-control, textarea, textarea.form-control, select, select.form-control {
    width: 100%;
    font-size: 13px;
    height: 50px;
    line-height: 51px;
    border-radius: 4px;
    color: #000;
    outline: none;
    padding: 0 0px;
    transition: all 0.2s;
    box-shadow: none;
    border: 1px solid #e0e0e0;
    background: #fff;
}
    .mb-md-80 {
        margin-bottom: 40px;
    }
form .form-group {
    position: relative;
    margin-bottom: 15px;
}
.box-form .form-group input[type="submit"] {
    width: 100%;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    margin-top: 20px;
}
.btn.xx-large {
    padding: 10px 32px;
    font-size: 16px;
    border-width: 3px;
}
.register-house .box-content {
    padding: 25px 10px 25px;
    border: 1px solid #e0e0e0;
    border-top: none;
    padding-bottom: 0;
}
  /* Header */
  .header-meta {
    padding: 0; }
  .info-call {
    display: none; }
  .mobile-menu-btn {
    margin-right: 0 !important; }
  .header-btn {
    display: none; }
  /* Bannar Parallax */
  .signup-form input[type="email"] {
    width: 180px; }
  /* Banner Slider */
  .slide-content h1 {
    font-size: 30px;
    line-height: 45px; }
  /* Section Title */
  .section-title h2 {
    font-size: 26px; }
  /* Watch Video */
  #watch-video .video-preview {
    height: 250px; }
  /* Our Services */
  /* CTA Title 1 */
  #cta-title-1 h1 {
    font-size: 35px; }
  /* Style Switcher */
  .style-switcher {
    display: none !important; } }

/*  [ 05 ] - Width From 320px to 0
==================================== */
/*  [ 06 ] - Height From 768px to 0
===================================== */
/*  [ 07 ] - Height From Maximmum to 768px
============================================ */
/*  [ 08 ] - Height From Maximmum to 900px
============================================ */