/* =======================
  Table Of Contents Start
  =======================
=> Colors
=> Default
=> Normalize
=> Typography

=> 1 Header 
    1.1 Mobile menu 

=> 2 Banner
=> 3 Vision
=> 4 Business Ideas
=> 5 FAQ
=> 6 Footer
=> 7 Pricing
=> 8 Login/Register
=> 10 Idea Generate
=> 11 Blog
=> 12 Single Blog


  =======================
  Table Of Contents End
========================*/
/* =======================
 1 import page  
========================*/
:root {
  --color-theme: #00479A;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-grey: #666666;
  --color-lightgrey: #FAFAFA;
}
@media (max-width: 375.98px) {
  .header .navigation {
    width: calc(100% - 200px);
  }
  .header .logo-box .logo img {
    max-width: 170px;
  }
}

/*Extra Small Devices, less than 425px*/
@media (max-width: 424.98px) {
    /* =======================
      1 Header
  ========================*/
  
  /*==================
      12 Single Blog
  ===================*/
  
  .single-blog .blog-wrapper .blog-right-part .blog-card .card-body {
    padding: 20px 15px 20px 15px;
  }
  .single-blog .blog-wrapper .blog-right-part .customer-review .review-item {
    flex-direction: column;
    align-items: center;
  }
  .single-blog .blog-wrapper .blog-right-part .customer-review .review-item .text {
    width: 100%;
    text-align: center;
  }
}
/*Small Devices, 768px and down*/
@media (max-width: 767.98px) {
  /* =======================
      1 Header
  ========================*/
  

  /* =======================
      4 Business Ideas
  ========================*/
  .business-ideas .title h2 {
    font-size: 30px;
    line-height: 40px;
  }
  .business-ideas form .input-group {
    margin-bottom: 30px;
  }

  /* =======================
      5 FAQ
  ========================*/
  .faq .title h2 {
    font-size: 30px;
    line-height: 40px;
  }

  /* =======================
      9 Thanks
  ========================*/
  .thanks .box {
    width: 100%;
    padding: 50px 20px;
  }
  .thanks .box .icon {
    margin-top: -80px;
  }
  .thanks .box .title {
    font-size: 26px;
    line-height: 36px;
  }
}
/*Medium Devices, 992px and down*/
@media (max-width: 991.98px) {

  
  /* =======================
      2. Banner
  ========================*/
  .banner .content {
    text-align: center;
  }
  .banner .content h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .banner .image img {
    width: 100%;
    max-width: 500px;
  }

  /* =======================
      3. Vision
  ========================*/
  .vision {
    padding: 70px 0px;
  }
  .vision .content {
    text-align: center;
    margin-top: 50px;
  }
  .vision .image img {
    width: 100%;
    max-width: 500px;
  }

  /* =======================
      8 Login/Register
  ========================*/
  .login-register .register {
    padding: 0;
    margin-top: 50px;
  }

  /* =======================
      9 Thanks
  ========================*/
  .thanks {
    padding: 80px 0px;
  }
  .thanks .box {
    width: 100%;
  }

  /* =======================
      10 Idea Generate
  ========================*/
  .idea-gen {
    width: 100%;
  }

  /*=====================
      11 Blog
  =======================*/
  .blog {
    padding: 70px 0px;
  }
}
/*Large Devices, 1200px and down*/
@media (max-width: 1199.98px) {
  /* =======================
      1 Header 
  ========================*/
  .header .navigation .menu .main_menu {
    display: none;
  }
  .header .navigation .menu .menu_icon {
    display: block;
  }
  .header .navigation .menu .main_menu ul li {
    margin-left: 20px;
  }
  .mobile-menu ul li select {
    font-size: 13px;
    color: var(--color-theme);
    padding: 10px;
    border: 1px solid var(--color-theme);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
  }
  .mobile-menu ul li select option {
    font-size: 13px;
    color: var(--color-black);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  .mobile-menu ul li select option:checked {
    background-color: var(--color-theme);
    color: var(--color-white);
  }

  /* =======================
      8 Login/Register
  ========================*/
  .login-register {
    padding: 80px 0px;
  }
  .login-register .login {
    padding: 0;
  }
}
/*Extra large Devices, 1500px and down*/
/*2xl Devices, 1542px and down*/

/*# sourceMappingURL=responsive.css.map */