@media only screen and (min-width: 992px) and (max-width:1280px) {
    .container {
        width:970px
    }
  
  
    .main_nav_box ul li a {
        padding: 18px 21px 18px 38px
    }
  
    .author_desc {
        padding: 15px 20px 20px 22px
    }
  
    .experience_text_right {
        width: 74%
    }
  
    .single_related_post {
        margin-bottom: 17px
    }
  
    .ftm_newsletter input[type=text] {
        width: 78%
    }
  
    .purchase_sidebar_text>p {
        font-size: 15px
    }
  
    .purchase_s {
        margin-top: 20px
    }
  
    .follow_us_side .single_fs_news_right_text {
        width: 57%
    }
  
    .social_tags_right {
        width: 44%
    }
  
    .single_comment_text {
        width: 78%
    }
  
    .single_comment:nth-child(3) .single_comment_text {
        width: 59%
    }
  
    .hp_banner_box {
        height: 338px;
        overflow: hidden
    }
  
    .cc_home_two_middle {
        padding: 15px 10px
    }
  
    .ht_all_news_right .single_fs_news_right_text h4 {
        height: 70px
    }
  
    .ht_all_news_right2 .single_fs_news_right_text {
        margin-top: 4px;
        width: 63%
    }
  
    .home_two_video_borrom_content {
        width: 30%
    }
  
    .ht_all_news_right2 .single_fs_news_right_text {
        margin-top: 4px;
        width: 60%
    }
  }
  
  @media (max-width: 991.98px) {
  
      .menu-area {
          padding:  0;
      }
      .menu-nav {
          justify-content: space-between;
      }
      .header-action {
          margin-right: 40px;
      }
      .menu-outer .navbar-wrap {
          display: block !important;
      }
      .menu-area .mobile-nav-toggler {
          display: block;
      }
      
  
  
  }
  
  @media only screen and (min-width: 768px) and (max-width:991px) {
    .container {
        width:750px
    }
  
    .main_nav_box ul li a {
        margin-left: 10px;
        padding: 18px 5px 18px 40px;
        font-size: 12px
    }
    .menu-area .mobile-nav-toggler {

        margin-top: -74px !important;
      }
  }
  
  @media only screen and (max-width: 767px) {
    .container {
        width:320px
    }
  
    .only-for-mobile {
        display: none!important;
        margin-top: 0;
        position: relative
    }
  
    .ofm {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 100000000
    }
  
    .ofm li {
        text-align: center;
        width: 100%
    }
  
    .ofm li {
        color: #444;
        float: left;
        font-family: cabin;
        font-size: 16px;
        font-weight: 700;
        list-style: outside none none;
        padding: 13px 0;
        text-transform: uppercase;
        width: 10%;
        margin-top: -14px
    }
  
    .m_nav {
        cursor: pointer
    }
  
    .ofm li i {
        font-size: 26px
    }
  
    #cssmenu {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: #f5f5f5 none repeat scroll 0 0;
        border-color: #ddd #ddd -moz-use-text-color;
        border-image: none;
        border-style: solid solid none;
        border-width: 1px 1px medium;
        color: #fff;
        font-family: Helvetica,Arial,sans-serif;
        margin: 2px auto;
        max-width: 300px;
        width: 100%
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        display: block;
        line-height: 1;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        text-shadow: 0 0 0 #fff
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        display: block;
        line-height: 1;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        text-shadow: 0 0 0 #fff
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        background: #000 none repeat scroll 0 0
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        display: block;
        line-height: 1;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        text-shadow: 0 0 0 #fff
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        background: #000 none repeat scroll 0 0
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        display: block;
        line-height: 1;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        text-shadow: 0 0 0 #fff
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        background: #000 none repeat scroll 0 0
    }
  
    #cssmenu>ul>li>a {
        padding: 15px 20px!important;
        text-transform: uppercase
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
        display: block;
        line-height: 1;
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: relative;
        text-shadow: 0 0 0 #fff
    }
  
    #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a {
        background: #000 none repeat scroll 0 0
    }
  
    .holder {
        height: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 0
    }
  
    .holder::after {
        background: transparent url(../images/plus.png) no-repeat scroll 50% 50%;
        border: 1px solid transparent;
        border-radius: 50%;
        content: "";
        display: block;
        height: 22px;
        position: absolute;
        right: 22px;
        top: 11px;
        width: 22px;
        z-index: 10
    }
  
    .main_nav_box {
        display: none
    }
  
    #cssmenu>ul>li.active>a>span::after,#cssmenu>ul>li.open>a>span::after {
        background: transparent url(../images/minus.png) no-repeat scroll 50% 50%;
        border: 1px solid transparent;
        border-radius: 50%;
        content: "";
        display: block;
        height: 22px;
        position: absolute;
        right: 40px;
        top: 11px;
        width: 22px;
        z-index: 10
    }
  
    #cssmenu>ul>li.active>a>span::after,#cssmenu>ul>li.open>a>span::after {
        content: "";
        position: absolute;
        right: 22px
    }
    .menu-area .mobile-nav-toggler {

        margin-top: -74px !important;
      }
  }
  
  @media only screen and (min-width: 550px) and (max-width:767px) {
    .container {
        width:500px
    }
  
    .b-section .card {
        width: 100%!important;
        padding: 10px;
        margin: 12px;
        height: 300px;
        margin-top: 23px
    }
  
    .b-section {
        margin-left: -12px;
        margin-right: -12px;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
  
    .header_search_box {
        position: relative;
        display: inline-block;
        margin: 0;
        font-size: 23px
    }
  
    .header_top p {
        font-size: 13px
    }
  
    .header_search_box {
        font-size: 20px;
        margin: 10px 20px 0 0
    }
     .mobile-nav-toggler {

        font-size: 25px;
      }
  }
  
  @media only screen and (min-width: 350px) and (max-width:550px) {
    .container {
        width:350px
    }
  
    .b-section .card {
        width: 100%!important;
        padding: 10px;
        margin: 12px;
        height: 300px;
        margin-top: 23px
    }
  
    .b-section {
        margin-left: -12px;
        margin-right: -12px;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
  
    .header_search_box {
        position: relative;
        display: inline-block;
        margin: 0;
        font-size: 23px
    }
  
    .header_top p {
        font-size: 10px;
    }
  
    .header_search_box {
        font-size: 15px;
        margin: 10px 10px 0 0;
    }
    .toggle .fa-bars, i.fas.fa-bars {
      font-size: 20px;
  }
  .menu-area .mobile-nav-toggler {

    margin-top: -53px !important;
  }
  }
  
  @media only screen and (min-width: 100px) and (max-width:350px) {
      .b-section .card {
          width: 100%!important;
          padding: 10px;
          margin: 12px;
          height: 300px;
          margin-top: 23px
      }
    
      .b-section {
          margin-left: -12px;
          margin-right: -12px;
          flex-direction: column;
          justify-content: center;
          align-items: center
      }
    .container {
        width:100%;
        padding: 0 10px
    }
    .header_search_box {
      position: relative;
      display: inline-block;
      margin: 0;
      font-size: 23px
  }
  
  .header_top p {
      font-size: 10px;
  }
  
  .header_search_box {
      font-size: 15px;
      margin: 10px 10px 0 0
  }
  .toggle .fa-bars, i.fas.fa-bars {
    font-size: 20px;
  }
  .menu-area .mobile-nav-toggler {
    margin-top: -53px !important;
  }
  }
  