@media only screen and (max-width: 767px){
  .crystal-bg,
  .splash-bg { display: none; }
  .xs_button { text-align: center; }
  .xs_button .fa { padding-right: 10px; }
  .trigger_xsmenu,
  .xscall {
    display: inline-block;
    width: 45%;
    height: auto;
    margin-top: 15px;/*
    font-size: 30px;
    line-height: 30px;*/
    padding: 10px;
    background: rgba(255,255,255,0.5);
  }
  .trigger_xsmenu:hover,
  .xscall:hover {
    background: #0F69C5;
    color: #fff;
  }
  .logo a { padding-left: 170px; line-height: 20px; }
  .top-right { display: none; }
  .navigation ul { margin: 0 0 15px; display: none; }
  .navigation ul li {
    display: block;
    text-align: center;
    border-bottom: 2px solid transparent;
    -webkit-transition: all 0.3s ease-out; 
       -moz-transition: all 0.3s ease-out; 
         -o-transition: all 0.3s ease-out; 
            transition: all 0.3s ease-out; 
  }
  .navigation ul li:hover,
  .navigation ul li.active {
    border-bottom: 2px solid #337AB7;
  }
  .navigation ul li a,
  .navigation ul li:last-child a {
    padding: 10px;
    background: rgba(255,255,255,0.5);
  }
  .index-content { margin-top: 0; }
  .index-content img { max-width: 100%; }
  .index-tabs ul { margin: 0 0 30px; }
  .index-tabs ul li a { padding: 20px 15px 20px 15px; }
  .index-tabs ul li a:hover { padding: 20px 15px 20px 30px; }
  .index-company-video { text-align: left; margin-top: 0; margin-bottom: 15px; }

  /* page styling */

  .page-navigation, .test-navi { display: none; }

  .page-navi-xs-menu {
    margin-top: 120px;
    padding: 0;
  }

  .test-navi { 
    list-style: none;
    padding: 0;
    margin: 0;
    background: #0F69C5;
  }
    .test-navi li {
      display: block;
    }
      .test-navi li a {
        font-family: 'Monda', sans-serif;
        display: block;
        padding: 10px 15px;
        color: #fff;
        border-bottom: 1px solid #004E9E;
        text-transform: uppercase;
        text-align: center;
      }
      .test-navi li a:hover {
        background: #004E9E;
      }
  .page-navi-xs-trigger,
  .page-navi-xs-trigger:hover,
  .page-navi-xs-trigger:focus,
  .page-navi-xs-trigger:active {
    display: block;
    padding: 10px;
    font-family: 'Monda', sans-serif;
    background: #004E9E;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
  }

  .page-banner, .map { margin-top: 0; }
  .sidebar { display: none; }

  .the-form input[type="text"],
  .the-form input[type="tel"],
  .the-form input[type="email"] {
    min-width: 100%;
    max-width: 100%;
  }
	#menu-footer-menu, .footer_info { text-align: center! important; }
	.page-footer { padding-bottom: 60px; }
}

@media only screen and (min-width: 768px){
  .xs_button, .page-navi-xs-menu { display: none; }
}

@media only screen and (max-width: 640px){
  .product-ql ul li { width: 100%; }
}

@media only screen and (min-width: 641px) and (max-width: 1023px){
  .product-ql ul li { width: 50%; }
}

@media only screen and (min-width: 1024px) and (max-width: 1180px){
  .product-ql-link a { padding: 15px 15px 15px 40px; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
  .top-right { display: none; }
  .navigation > ul { text-align: center; background: rgba(255,255,255,0.7);}
  .index-slider { text-align: center; }
	#menu-footer-menu, .footer_info { text-align: center! important; }
	.page-footer { padding-bottom: 60px; }
}

@media only screen and (max-width: 1023px){
  .index-company-profile {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1119px){
	.page-footer { padding-bottom: 60px; }
}

@media only screen and (min-width:641px) and (max-width:1023px){
  .index-tabs ul li {
    width: 50%;
    float: left;
  }
  .index-tabs ul li a {
    padding: 20px 15px 20px 15px;
  }
  .index-tabs ul li a:hover {
    padding: 20px 15px 20px 30px;
  }
}