@media (min-width: 1500px) 
{
   .punch_line {
      height:554px;
    }
   .value_proposition {
      height:500px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) { 
   body.boxed_body {
       width: 970px;
   }

   .boxed_body .fixed_header.site_header {
     width: 970px;
   }
   
}

@media (min-width: 992px) { 
   #demo {
    display: none;
   }
   .slider_offset > div{
      display:none;
    }
    .hide_on_desktop {
      display:none;
    }
    
}

@media (max-height: 640px) { 
   .float-right-button {
    bottom: 10%;
   }
}
@media (max-width: 992px) {
  .header_below {
    display:none;
  }
  .hide_on_mobile {
    display:none;
  }
  .value_proposition {
    display:none;
  }
  .video_caption_mobile div {
    display:none
  }
  .video_caption_mobile {
    height:50%;
  }
  .video_overlay {
    display: none;
  }
  
  #video {
    display: none;
  }
  
  body.boxed_body {
      width: 100%;
  }

    .boxed_body .fixed_header.site_header {
        width: 100%;
    }
  
    .invisible_header {
        visibility: visible;
    }

    .slider_alert_action {
        width: 100%;
        margin-left: 0px;
        margin-top: 30px;
    }

    .aq-block {
        margin-bottom: 40px;
    }

    .aq-block:last-child {
        margin-bottom: 0;
    }
    
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    min-height: 0px;
    }
    .gray_section {
        margin-bottom: /*40px;*/ 0px;
    }
    .fullwidth-aq-block .aq-block {
        margin-bottom: 0;
    }

    .portfolio_desc {
        margin-bottom: 30px;
    }
    .action_box:before {
        display: none;
    }
    .action_box:after {
        display: none;
    }

    .first_footer .widget_area {
        margin-bottom: 60px;
    }

    .first_footer .widget_area:last-child {
        margin-bottom: 0px;
    }
    .action_button {
        float: none;
        margin-top: 20px;
    }

    .action_info {
        margin-right: 0px;
    }
    .action_box {
        text-align: center;
    }

    .single_project .main_content.col-md-8 {
        margin-bottom: 40px;
    }

    .show_fade_left, .show_fade_right, .show_fade_down, .show_fade_up, .show_bounce, .show_fade {
        visibility: visible;
    }

    .show_fade_steps {
        opacity: 1;
    }

    .animated {
        animation: none!important;
        -webkit-animation: none!important;
        -moz-animation: none!important;
    }


    .sticky_header .header_content {
        margin-top: 0;
    }
    .logo.pull-left {
        float: none!important;
        text-align: center;
    }
    
    .logo {
      float: none;
      text-align: center;
    }

    .header_content.pull-right {
        float: none!important;
    }

    .main_navbar.pull-right {
        float: none!important;
        width: 100%;
        margin: 0 auto;
        border: 1px solid #E6E6E6;
        margin-top: 25px;
    }


    .navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #FAFAFA;
    }
    .header_info {
        display: none;
    }

    .navbar-nav {
        margin: 0 0;
    }

    .main_navbar.navbar-default .navbar-nav>li>a {
        border: none;
        padding:  10px 0;
    }

    .dropdown-submenu .dropdown-menu {
        margin-left: 25px;
    }

    .dropdown-submenu .dropdown-menu > li:first-child {
        border-top: 1px solid #f0f0f0;
    }

    .navbar-header {
        float: none!important;
    }

    .navbar-toggle {
        display: block;
    }

    .main_navbar .collapse {
        display: none!important;
    }
    .main_navbar .navbar-nav > li {
        float: none;
    }

    .main_navbar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        box-shadow: none;
        width: 100%;
        opacity: 1;
    }

    .main_navbar .navbar-nav {
        float: none;
    }
    
    .flex-direction-nav .flex-prev {
    left: auto;
    right: -110px;
    }

    .flex-direction-nav .flex-next {
    right: -110px;
    }

    .navbar-collapse.in {

    overflow: visible;
    display: block;
    width: 100%;
    }
    .slider_offset {
      font-family:'Open Sans', sans-serif,Microsoft JhengHei,Verdana;
      margin-top:0!important;
      /*background-image: url("/wp-content/uploads/2015/03/形象幻燈片_03_Shrink-1BW2-1920X720.png");*/
      /*background-size: cover;*/
      
    }
    .slider_offset > div{
      /*display:none;*/
    }
    /*.slider_offset:before{
      content: "經營會員從未如此簡單";
      font-size: 2.8rem;
      color: white;
      display: block;
      padding: 8rem 0 0 10px;
      letter-spacing: 2px;
      font-weight: bold;
    }*/
    /*
    .slider_offset:after{
    content: "Sharelike相信，行銷可以更有溫度。我們鑽研互動的技術，設計讓顧客微笑的產品。";
    font-size: 1.8rem;
    color: white;
    display: block;
    padding: 4rem 0 0 10px;
    line-height: 2rem;
    letter-spacing: 2px;
    }*/
    .navbar-nav.widgets_nav > li > .dropdown-menu {
    left: auto;
    right: 14px;
    padding-left: 0;
    margin-left: 0;
    }

    .navbar-nav.widgets_nav > li > .dropdown-menu .container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    }

    .widget_nav_wrapper {
    width: 100%!important;
    }

     .navbar-nav {
    margin: 0px 0;
    padding: 0px 0;
    background-color: transparent;

    }

    .site_header .navbar-nav {
    margin: 0px -1px;
    padding: 0px 15px;
    background-color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;

    }

    .dropdown-menu:before {
      content: none;
    }

    .native_nav:last-child .navbar-nav {
      border-bottom: 1px solid #e6e6e6;
    }

    .navbar-collapse {
      
      border-top: 0;
    }

    .title.center_title.thin_title:before {
    background: -webkit-linear-gradient(left, #e8e8e8,#e8e8e8,rgba(255,255,255,0),#e8e8e8,#e8e8e8 #e8e8e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #e8e8e8,#e8e8e8,rgba(255,255,255,0),#e8e8e8, #e8e8e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #e8e8e8,#e8e8e8,rgba(255,255,255,0),#e8e8e8, #e8e8e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right,#e8e8e8, #e8e8e8,rgba(255,255,255,0),#e8e8e8,#e8e8e8);/* Standard syntax (must be last)*/
    } 
}


@media (min-width: 768px) {
    .promo_image {
        max-width: 60%;
    }

    .promo_image img {
        width: 100%;
    }
    
    
  
  
}

@media (max-width: 768px)  {

  
    .promo_image {
        width: 100%;
        float: none; 
        text-align: center;
        margin-bottom: 15px;
        margin-top: 15px;
    }
  
  
  
    .promo_image img {
        max-width: 100%;
        float: none; 
    }

    .promo_text {
        clear: both;
    }
    
    
    .woocommerce ul.products > li.product {
    margin: 0 1% 1em 0;
    width: 49%;
    }
   .title.center_title.thin_title:before {
    background: -webkit-linear-gradient(left, #e8e8e8,rgba(255,255,255,0), #e8e8e8); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #e8e8e8,rgba(255,255,255,0), #e8e8e8); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #e8e8e8,rgba(255,255,255,0), #e8e8e8); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #e8e8e8,rgba(255,255,255,0),#e8e8e8);/* Standard syntax (must be last)*/
    } 
    .image-under-video-textbox{
    height:260px
    }
    
 
}

@media (max-width: 332px)  {
    
    .woocommerce ul.products > li.product {
    margin: 0 0 1em 0;
    width: 100%;
    }
    
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .default_logo {
        display: none;
    }
    .retina_logo {
        display: block; 
    }
}