/*
	Theme Name: Hapi Trade
	Theme Coder: eng.Mohamed Magdy
	PSD Designer: Mohamed Magdy
	font-family: 'Poppins';
	First Color: #c38a5d;
	Second color:#1e3463;
*/

@media (max-width: 480px) {

  .navbar-collapse {
    background-color: #c38a5d !important;
    padding: 25px;
  }
  .dropdown-menu {
    padding-left: 20px;
  }
  .p-space {
      padding-right: 0;
  }
  #welcome,.bg-about,.bg-about h6 {
    text-align: center;
  }
  .col-2-pre {
    width: 100%;
  }
  .btn-primary {
    margin: auto;
  }
  .ms-3 {
    margin-left: 0 !important;
  }
  .bg-process {
    padding: 30px 15px;
    margin-top: 50px;
  }
  footer {
    text-align: center;
  }
  .d-flex-footer {
    justify-content: center;
  }

   section {
    padding-top: 0;
   }
  .carousel-caption {
    position: relative;
    background-color: #c38a5d;
    left: 0;
    padding: 25px;
  }
  .carousel-caption h1 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .w-25 {
    width: 80% !important;
  }
  #banner a.btn2 {
    background-color: #fff;
    padding: 10px;
    height: 38px;
    color:#c38a5d;
    margin: 0 auto;
  }
}
@media (min-width: 576px) {
  .navbar-collapse {
    background-color: #c38a5d !important;
    padding: 25px;
  }
  .dropdown-menu {
    padding-left: 20px;
  }
  #welcome,.bg-about,.bg-about h6 {
    text-align: center;
  }
  .p-space {
    padding-right: 0;
}
  .btn-primary {
    margin: auto;
  }
  .ms-3 {
    margin-left: 0 !important;
  }
  .block_why img {
    margin: auto;
  }
  .col-2-pre {
    width: 100%;
  }
  .bg-process {
    padding: 30px 15px;
    margin-top: 50px;
  }
  footer {
    text-align: center;
  }
  .d-flex-footer {
    justify-content: center;
  }
  section {
    padding-top: 0;
   }
  .carousel-caption {
    position: relative;
    background-color: #c38a5d;
    left: 0;
    padding: 25px;
  }
  .carousel-caption h1 {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .w-25 {
    width: 80% !important;
  }
  #banner a.btn2 {
    background-color: #fff;
    padding: 10px;
    height: 38px;
    color:#c38a5d;
    margin: 0 auto;
  }
  
}

@media (min-width: 768px) {
  .col-2-pre {
    width: 33.3%;
  }
  
  .carousel-caption {
    position: absolute !important;
    bottom: 8%;
    left: 20px;
    background-color: transparent;
  }
  #banner a.btn2 {
    width: 35% !important;
  }
  .carousel-caption h1 {
    font-size: 3.8rem;
    text-align: left;
    margin-bottom: 10px;
  }
  .w-25 {
    width: 25% !important;
  }
  #banner a.btn2 {
    background-color: #c38a5d;
    padding: 10px;
    height: 38px;
    color:#fff;
    margin: 0 0;
  }
 
}

@media (min-width: 992px) {
  
}

@media (min-width: 1024px) {
  .navbar-collapse {
    background-color:transparent !important;
    padding: 0;
  }
  .dropdown-menu {
    padding-left: 0;
  }
  section {
    padding-top: 3rem;
   }
  #welcome,.bg-about,.bg-about h6 {
    text-align: left;
  }
  .btn-primary {
    margin: 0 !important;
  }
  .bg-about {
    padding: 62px;
  }
  .bg-process {
    padding: 30px 50px;
    margin-top: 50px;
  }
  .d-flex-footer {
    justify-content: flex-end;
  }
  footer {
    text-align: left;
  }
  .carousel-caption {
    bottom: 10%;
  }
  #banner a.btn2 {
    width: 25% !important;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 1rem;
  }

}

@media (min-width: 1200px) {
  .bg-about {
    padding: 70px;
  }
  .col-2-pre {
    width: 20%;
  }
  .bg-process {
    padding: 30px 200px;
    margin-top: 100px;
  }
  .carousel-caption {
    bottom: 30%;
    left:10%;
  }
  #banner a.btn2 {
    width: 17% !important;
  }
  .carousel-caption h1 {
    font-size: 4rem;
    margin-bottom: 1.8rem;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 1.2rem;
  }

}

@media (min-width: 1400px) {


}

@media (min-width: 1800px) {
  
}