/* Large desktop */

    @media (min-width: 1000px) {
      #site-navigation #primary-menu {
        display: block !important;
      }
    }

    @media (max-width: 1200px) {
      .mt-container {
        width: 100%;
        padding: 0 1%;
      }

      .slide-caption {
        font-size: 50px;
      }

      .portfolio-content-wrapper .portfolio-title {
        padding: 10px;
        font-size: 16px;
        width: 70%;
        text-align: center;
      }

      .cta-title-wrap {
        width: 70%;
      }
    }

    /* Portrait tablet to landscape and desktop */

    @media (min-width: 768px) and (max-width: 979px) {
      .cta-title-wrap {
        float: left;
        width: 70%;
      }

      .slider-caption-wrapper {
        margin-left: -325px;
        width: 650px;
      }

      .slide-caption {
        font-size: 30px;
      }

      .slide-content p {
        font-size: 18px;
      }

      .slide-content {
        padding: 3px 30px;
      }

      .slider-btn {
        margin: 19px 0 0;
        padding: 4px 30px;
      }

      .slider-btn-wrap {
        margin-top: 10px;
      }

      #site-navigation ul li a {
        color: #333;
        display: block;
        font-weight: 600;
        padding: 0 20px;
        text-transform: capitalize;
      }

      .service_icon_class {
        line-height: 50px;
      }

      .portfolio-pages-wrapper>.clearfix {
        display: none;
      }

      .portfolio-pages-wrapper>.single-portfolio-wrapper.clearfix {
        width: 33.33%;
        display: block;
      }

      .blog-content-wrapper .news-title {
        font-size: 14px;
      }
    }

    /* Landscape phone to portrait tablet */

    @media (max-width: 767px) {
      #masthead {
        padding: 10px 0;
        position: relative;
      }

      .menu-toggle {
        display: block;
        font-size: 22px;
        line-height: 45px;
        margin-right: 10px;
        cursor: pointer;
      }

      #primary-menu {
        background: #fff none repeat scroll 0 0;
        left: 0;
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 99;
      }

      #site-navigation #primary-menu {
        display: none;
      }

      #site-navigation ul li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        display: block;
        float: none;
        line-height: 45px;
      }

      .sub-toggle {
        background: #00A9E0 none repeat scroll 0 0;
        color: #ffffff;
        cursor: pointer;
        display: block;
        height: 24px;
        line-height: 25px;
        position: absolute;
        right: 15px;
        text-align: center;
        top: 11px;
        width: 24px;
      }
      #site-navigation .sub-toggle a{
        padding:0!important;
        color:#fff!important;
      }
      #site-navigation ul>li:hover>.sub-toggle,
      #site-navigation ul>li.current-menu-item .sub-toggle,
      #site-navigation ul>li.current-menu-ancestor .sub-toggle {
        background: #00A9E0;
      }

      .main-small-navigation li.current-menu-item>.sub-toggle {
        background: #ffffff none repeat scroll 0 0;
      }

      .main-small-navigation li.current-menu-item>.sub-toggle i {
        color: #d40234;
      }

      .menu-primary-container .sub-menu,
      #site-navigation li.menu-item-has-children>a::after {
        display: none;
      }

      #site-navigation ul.sub-menu,
      #site-navigation ul.children {
        position: static;
        min-width: 100%;
        opacity: 1;
        top: 0;
        left: 0;
        visibility: visible;
        display: none;
        background: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        box-shadow: none;
        transform: translate(0);
      }

      #site-navigation ul>li:hover>.sub-menu,
      #site-navigation ul>li:hover>.children {
        top: 0;
      }

      .slider-caption-wrapper {
        top: 55%;
      }

      .slide-content {
        padding: 3px 30px;
        font-size: 18px;
      }

      .slide-caption {
        font-size: 30px;
      }

      .slide-content p {
        font-size: 16px;
      }

      .slider-btn {
        margin: 19px 0 0;
        padding: 4px 30px;
        bottom: -55px;
      }

      .about-section-wrapper .section-content-wrapper {
        float: none;
        text-align: center;
        width: 100%;
      }

      .widget .about-section-wrapper .widget-title::after {
        left: 50%;
        margin-left: -15px;
      }

      .about-section-wrapper .page-thumb-wrapper {
        float: none;
        margin-top: 30px;
        text-align: center;
        width: 100%;
      }

      .flexible_lite_services_section .service-pages-wrapper .clearfix {
        display: none;
      }

      .flexible_lite_services_section .service-pages-wrapper .single-service-wrapper.clearfix {
        display: inline-block;
        float: none;
        margin-right: -4px;
        vertical-align: top;
        width: 47%;
      }

      .service_icon_class {
        line-height: 50px;
      }

      .portfolio-pages-wrapper>.clearfix {
        display: none;
      }

      .portfolio-pages-wrapper>.single-portfolio-wrapper.clearfix {
        width: 33.33%;
        display: block;
      }

      .blog-content-wrapper .news-title {
        font-size: 14px;
      }

      .cta-button {
        padding: 6px 30px;
      }

      .single-post-wrapper.mt-column-3 {
        float: none;
        margin: 0 auto 50px;
        width: 60%;
      }

      .flexible_lite_contact_us .left-section,
      .flexible_lite_contact_us .right-section {
        float: none;
        text-align: center;
        width: 100%;
      }

      .footer_one_columns .flexible-lite-footer-widget,
      .footer_two_columns .flexible-lite-footer-widget,
      .footer_three_columns .flexible-lite-footer-widget,
      .footer_four_columns .flexible-lite-footer-widget {
        padding: 0 10px;
        width: 97%;
      }

      #top-footer {
        padding: 70px 0 0;
      }

      #primary,
      .home.blog #primary {
        float: none;
        margin-bottom: 30px;
        width: 100%;
      }

      #secondary,
      .home.blog #secondary {
        float: none;
        width: 100%;
      }

      #site-navigation li.menu-item-has-children>a::after,
      #site-navigation li.page_item_has_children>a::after {
        display: none;
      }
    }

    /* Landscape phones and down */

    @media (max-width: 600px) {
      .slide-caption {
        font-size: 26px;
        margin-bottom: 15px;
      }

      .slide-content {
        font-size: 16px;
      }

      .slider-btn {
        font-size: 14px;
        margin: 15px 0 0;
        padding: 4px 20px;
        bottom: -48px;
      }

      .slider-caption-wrapper {
        margin-left: -50%;
        top: 58%;
        width: 100%;
      }

      .portfolio-pages-wrapper>.single-portfolio-wrapper.clearfix {
        display: block;
        width: 50%;
      }

      .cta-title-wrap {
        text-align: center;
        width: 100%;
      }

      .cta-button {
        float: none;
      }

      .cta-content-wrapper {
        text-align: center;
      }

      .eroor-num {
        font-size: 74px;
      }

      .flexible-lite-front-slider .bx-next,
      .flexible-lite-front-slider .bx-prev {
        font-size: 16px;
        padding: 3px 12px;
      }

      .flexible-lite-front-slider:hover .bx-next,
      .flexible-lite-front-slider:hover .bx-prev {
        left: 20px;
      }

      .flexible-lite-front-slider:hover .bx-next {
        left: auto;
        right: 20px;
      }

      .slide-caption {
        font-size: 22px;
        margin-bottom: 10px;
      }

      .slide-content p {
        font-size: 14px;
      }

      .slider-btn-wrap {
        margin-top: 0px;
      }

      body.logged-in {
        margin-top: -50px;
      }

      .logged-in #masthead-sticky-wrapper.is-sticky #masthead {
        top: 0 !important;
      }
    }

    @media (max-width: 480px) {
      .flexible_lite_services_section .service-pages-wrapper .single-service-wrapper.clearfix {
        width: 97%;
      }

      .portfolio-pages-wrapper>.single-portfolio-wrapper.clearfix {
        display: block;
        width: 100%;
      }

      .single-post-wrapper.mt-column-3 {
        width: 90%;
      }

      .contact-info {
        float: none;
        margin: 0;
        width: 100%;
      }

      .slide-content {
        display: none;
      }

      .slide-caption {
        font-size: 16px;
        margin-bottom: 0;
      }

      .slider-btn {
        font-size: 13px;
        margin: 5px 0 0;
        padding: 2px 21px;
      }
    }