/*----------------------------------------*/
/*  RESPONSIVE CSS START 
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* header area start */
    .main-menu ul li {
      margin-right: 25px; }
  
    /* slider area start */
    .slider-content h1 {
      font-size: 49px; }
  
    .slider-content p {
      padding-right: 30px; }
  
    /* about us area start */
    .about-us {
      margin-top: -130px; }
  
    .about-us-inner::after {
      left: -20px;
      width: 104%; }
  
    /* best money area start */
    .best-money-content p {
      padding-right: 0px; }
  
    .best-money-countdown {
      left: 30px;
      right: 30px; }
  
    .best-money-countdown ul li {
      margin: 0 20px; }
  
    /* blog area start */
    .aveter-info a {
      margin-right: 20px; }
  
    .blog-content {
      bottom: 16px;
      right: 25px; }
  
    .comment-text {
      margin-top: 40px; } }
  /* medium device area */
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    /* header area start */
    .header-bottom {
      padding-top: 15px; }
  
    .header-bottom-right {
      margin-right: 70px; }
  
    .search-inner {
      width: 80%; }
  
    /* slider area start */
    .slider-content {
      margin-top: 0; }
  
    .slider-content h1 {
      font-size: 50px; }
  
    .slider-content p {
      padding-right: 30px; }
  
    /* about us area start */
    .about-us {
      margin-top: -100px; }
  
    .about-us-inner::after {
      left: -18px;
      width: 105%; }
  
    /* best money area start */
    .best-money-content p {
      padding-right: 0px; }
  
    .best-money-img {
      margin-top: 50px; }
  
    /* blog area start */
    .aveter-info a {
      margin-right: 20px; }
  
    .blog-inner .blog-text .blog-social ul::after, .blog-inner .blog-text .blog-social ul::before {
      width: 32%; }
  
    .comment-text {
      margin-top: 40px; }
  
    /* footer area start */
    .footer-contact p {
      padding-right: 30px; }
  
    .footer-policy {
      text-align: left; } }
  /* small device area */
  @media only screen and (min-width: 576px) and (max-width: 767px) {
    /* common css start */
    .sec-title h1 {
      font-size: 34px;
      line-height: 44px; }
  
    .sec-title p {
      padding: 0; }
  
    /* header area start */
    .header-bottom {
      padding-top: 15px; }
  
    .header-bottom-right {
      margin-right: 70px; }
  
    .search-inner {
      width: 90%; }
  
    /* slider area start */
    .slider-content {
      margin-top: 0; }
  
    .slider-content h1 {
      font-size: 40px;
      line-height: 50px; }
  
    .slider-content p {
      padding-right: 30px; }
  
    /* about us area start */
    .about-us {
      margin-top: -100px; }
  
    .about-us-inner::after {
      left: -14px;
      width: 104%; }
  
    /* best money area start */
    .best-money-content p {
      padding-right: 0px; }
  
    .best-money-img {
      margin-top: 50px; }
  
    .best-money-countdown {
      left: 30px;
      right: 30px; }
  
    /* blog area start */
    .aveter-info a {
      margin-right: 20px; }
  
    .comment-text {
      margin-top: 40px; }
  
    .blog-inner .blog-text .blog-social ul::after, .blog-inner .blog-text .blog-social ul::before {
      width: 26%; }
  
    /* footer area start */
    .footer-contact p {
      padding-right: 30px; }
  
    .footer-policy {
      text-align: left; } }
  /* extra small device area */
  @media (max-width: 575px) {
    /* common css start */
    .sec-title h1 {
      font-size: 34px;
      line-height: 44px;
      margin-bottom: 12px; }
  
    .sec-title p {
      padding: 0; }
  
    /* header area start */
    .header-bottom {
      padding-top: 15px; }
  
    .header-bottom-right {
      margin-right: 70px; }
  
    .mean-container a.meanmenu-reveal {
      top: -10px; }
  
    .search-inner {
      width: 90%; }
  
    /* slider area start */
    .slider-height {
      min-height: 800px; }
  
    .slider-content {
      margin-top: 0; }
  
    .slider-content h1 {
      font-size: 30px;
      line-height: 40px; }
  
    .slider-content p {
      font-size: 14px;
      padding-right: 30px; }
  
    /* about us area start */
    .about-us {
      margin-top: -100px; }
  
    .about-text {
      margin-left: 0; }
  
    .about-us-inner::after {
      left: -7px;
      width: 103%; }
  
    /* best money area start */
    .best-money-content p {
      padding-right: 0px; }
  
    .best-money-img {
      margin-top: 50px; }
  
    .best-money-countdown {
      left: 30px;
      right: 30px;
      bottom: -100px; }
  
    /* blog area start */
    .blog-content {
      bottom: 0px; }
  
    .blog-content h1 {
      font-size: 18px;
      line-height: 22px; }
  
    .blog-content p {
      display: none; }
  
    .aveter-info a {
      margin-right: 20px; }
  
    .blog-inner .blog-text .user-quote {
      margin: 35px 0px; }
  
    .comment-text {
      margin-top: 40px; }
  
    .blog-inner .blog-text .blog-social ul {
      margin: 0px; }
  
    .blog-inner .blog-text .blog-social ul::after, .blog-inner .blog-text .blog-social ul::before {
      width: 15%; }
  
    /* footer area start */
    .footer-contact p {
      padding-right: 30px; }
  
    .footer-policy {
      text-align: left; } }
  
@media only screen and (max-width: 480px) {
  .slider-height { min-height: 400px; }
  .about-us { margin-top: -20px; margin-bottom: 50px;}
  .about-us h2 { margin-top: 20px; font-size: 28px;}
  .about-us-inner::after { top: -7px; border-top-left-radius:20px; border-bottom-right-radius:20px; height: calc(100% + 30px); }
  .video-area .mb-50 { margin: 0;}
  .video-area .about-thumb { margin:15px 0;}
  .video-area .about-thumb img { height:auto;}
  .page-title-inner { min-height: 200px;}
  .inner_page .nav {
    display: block;
    text-align: center;
    text-transform: uppercase;
  }
  .nav-pills .nav-link { background-color: #eee; border:1px solid #ddd; margin: 5px 0; }
}