@media(max-width:767px) {
  body {
    font-size: 16px
  }
  #Wraper-Order {
    padding: 0 !important
  }
  #topcontrol {
    display: none
  }
  .container-fluid {
    padding-left: 0;
    padding-right: 0
  }
  /* HEADER*/
  /*=================HRADER============*/
  header#header {
    height: auto
  }
  header#header::before {
    display: none
  }
  header#header .container {
    padding: 0
  }
  header .top-header {
    display: none
  }
  .container.header-bg {
    background-position: left center;
    background-size: auto 65px;
    z-index: 1;
  }
  .container.header-bg, .logo {
    height: 50px;
  }
  /*Logo*/
  .logo {
    width: 100%;
    z-index: 1;
    opacity: 1
  }
  /* .logo::before { color: #fff; content: "TRUNG TÂM GIAO NƯỚC TẠI TP.HCM"; font-size: 14px; font-weight: 700; left: 105px; opacity: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; z-index: 999999; } */
  .logo-site {
    width: 100%
  }
  .logo a {
    display: block;
    width: 100%;
  }
  .logo img {
    max-height: 50px;
    display: block;
    margin: 0 auto
  }
  /*SEACH*/
  #Search {
    display: none
  }
  /*navigation-bar*/
  #navigation {
    border-bottom: none;
    display: none
  }
  .sticky-wrapper.is-sticky {
    z-index: 999
  }
  .navigation-bar {
    background: #00289a !important;
  }
  .hotline-mobile {
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99999;
  }
  .hotline-mobile ul.nav-justified {
    margin-bottom: 0;
  }
  .hotline-mobile ul.nav-justified>li {
    display: table-cell;
    width: 1%;
  }
  .hotline-mobile ul.nav-justified>li.active, .hotline-mobile ul.nav-justified>li a[aria-expanded="true"] {
    background: rgba(0, 0, 0, 0.3)
  }
  .hotline-mobile ul.nav-justified>li .fa {
    clear: both;
    display: block;
    font-size: 22px
  }
  .hotline-mobile ul.nav-justified li a {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
  }
  .hotline-mobile ul.nav-justified>li .index {
    background: red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 13px;
    height: 18px;
    line-height: 20px;
    position: absolute;
    right: -35px;
    top: 10px;
    width: 18px;
  }
  /**/
  .navigation-bar .SearchMobile {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    margin: 0 10px 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    width: calc(100% - 20px);
  }
  .navigation-bar .SearchMobile .searchBar .searchButton, .navigation-bar .SearchMobile .searchBar input {
    border: none
  }
  .navigation-bar .SearchMobile:before, .navigation-bar .SearchMobile:after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 10000%;
  }
  .navigation-bar .SearchMobile:after {
    right: 100%
  }
  .navigation-bar .SearchMobile:before {
    left: 100%
  }
  .navigation-bar .SearchMobile .searchBar>a::after {
    width: 24px
  }
  .navigation-bar .SearchMobile .searchBar>a::before {
    width: 0
  }
  /*End navigation-bar*/
  /*Icon Hotline Bottom Body*/
  #Mobile-Hotline {
    background: #0075FF;
    bottom: 0;
    display: block;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999999999;
  }
  #Mobile-Hotline a {
    color: #fff;
    font-size: 16px
  }
  /******************
Home Product
*******************************************************************************/
  .heading-style h2 {
    font-size: 18px
  }
  .Home-Product {
    padding-bottom: 30px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px
  }
  #ProductRelate3 .Home-Product {
    width: 50%
  }
  #ProductRelate3, #ProductRelate1 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .Home-Product>a {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding-bottom: 30px
  }
  .Home-Product .ProductName {
    margin-top: 5px;
    text-align: center;
    font-size: 16px;
    height: 50px;
    margin-bottom: 10px;
  }
  .Home-Product .ProductName, .Home-Product .Context {}
  .Home-Product .ProductType {
    font-size: 13px
  }
  .Home-Product .right-block {
    padding-left: 0;
    padding-right: 0
  }
  .Home-Product .ProductPriceNew sup {
    top: 0
  }
  .Home-Product .ProductPriceNew, .Home-Product .ProductPriceVirtual, .Home-Product .ProductPriceNew span, .ProductRelate2 .ProductRelate .ProductPriceNew {
    font-size: 14px !important
  }
  .Home-Product .ProductPriceNew {
    padding-left: 60px
  }
  .Home-Product .ProductPriceNew::after {
    right: 3px
  }
  .Home-Product figure>span.middle {
    height: 90%;
    width: 90%
  }
  .Home-Product .OrderProductButton {
    white-space: nowrap;
    bottom: 20px;
    height: 35px;
    right: 0;
    top: auto !important;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    visibility: visible;
    max-width: 50%;
    padding-top: 8px;
    line-height: 1.3
  }
  .Home-Product .OrderProductButton span {
    font-size: 12px
  }
  /*Home-Product-Feature*/
  .Home-Product figure:before {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0
  }
  .Home-Product figure img {
    max-height: 100%
  }
  /******************
Home Slide
*******************************************************************************/
  #Control-Home-Slide {
    margin-bottom: 15px !important
  }
  .Home-Slide .owl-prev::before, .Home-Slide .owl-next::before {
    font-size: 30px !important
  }
  .Home-Slide .owl-prev, .Home-Slide .owl-next {
    height: 35px !important;
    width: 35px !important
  }
  /******************
Footer
*******************************************************************************/
  footer.footer {
    text-align: left
  }
  footer.footer .aliright {
    margin: 0 0 20px
  }
  footer.footer .aliright.last {}
  .Footer ul li {
    line-height: 2
  }
  footer.footer #footer-top, footer.footer .secarea {
    padding: 0 20px
  }
  footer.footer #footer-top {
    padding-bottom: 15px
  }
  .footer-top-right, .ft-social {
    float: left
  }
  footer.footer .secarea {
    margin-top: 15px
  }
  footer.footer a, .Footer a, .Footer, .Footer h3, .Footer h4 {
    font-size: 13px !important;
    line-height: 1.5;
  }
  .Footer #Footer-Row>div {
    margin-bottom: 15px
  }
  #Footer-2::after, #Footer-4::after {
    display: none
  }
  #Footer-Bottom-Right, #Footer-Bottom .col:last-child {
    text-align: left !important
  }
  .Footer-Bottom address {
    margin-bottom: 5px
  }
  .Footer .copyrights, .Footer .copyrights .aliright {
    text-align: center
  }
  /******************
Home Main Bottom
*******************************************************************************/
  .home-news-latest ul li figure {
    height: 170px
  }
  .home-news-latest ul li .assetText {
    padding: 15px
  }
  /******************
Menu Aside
*******************************************************************************/
  .Menu-Left ul li a {
    font-size: 16px
  }
  /******************
Product
*******************************************************************************/
  .productinfo-left-inner {
    padding-right: 0
  }
  #Context1 img {
    width: auto !important;
    height: auto !important
  }
  .aside-inner {
    padding-left: 15px;
    padding-right: 15px
  }
  #Tags {
    margin-top: 0px !important
  }
  #Product .ProductNameLink {
    text-align: center;
    font-size: 28px;
    margin-top: 15px;
    text-transform: none;
    display: block;
    line-height: 1.4
  }
  .ProductMeta {
    text-align: center
  }
  .OrderProductButton button, #PrintOne a {
    font-size: 100% !important;
    margin-top: 3px;
    width: 100%;
    max-width: 100%
  }
  #Product .ProductMeta .ProductPriceNew sup {
    margin-left: -5px
  }
  .Product-ViewPoint {
    margin-top: 15px
  }
  .Product-Support .secsion-yahoo {
    margin-right: 5px
  }
  .Product-Support a img {
    max-width: 60px;
    height: auto
  }
  .quickSpecs #Context, .quickSpecs #Context *, .quickSpecs #Context ul li, .quickSpecs #Context ul li *, .FeatureList li a, .ProductRelate2 .ProductRelate #ProductRelate-Middle, .ProductRelate2 .ProductRelate #ProductRelate-Middle *, .Product-Support, .Product-Support *, .ProductExtraInfo a {
    font-size: 16px !important;
    line-height: 1.5
  }
  #Product .ProductMeta .ProductPriceNew {
    font-size: 25px !important
  }
  #Product-Picture {
    margin-bottom: 0;
    padding: 0
  }
  #Gallery .f-item {
    padding-top: 76%
  }
  .AsideTitle, .AsideTitle * {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .Product-ViewPoint ul li, .Product-ViewPoint ul li a {
    font-size: 16px
  }
  /*Product-Support*/
  /*ProductRelate2*/
  #ProductRelate3, #ProductRelate1 {
    padding-right: 0
  }
  .ProductRelate2 .ProductRelate #ProductRelate-Right {
    position: relative !important;
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    top: 0
  }
  /*SIDEBAR*/
  .other-product .NewsRelate .NewsName h4, .topNewsOrderByVisit .NewsRelate .NewsName h4 {
    font-size: 16px !important
  }
  /******************
ProductGroup
*******************************************************************************/
  .ProductGroupData {
    margin-bottom: 30px;
    padding: 0
  }
  .ProductGroupData .Paging {
    padding: 0
  }
  .ProductGroupRight {
    padding-left: 0 !important
  }
  #ProductFilter label {
    font-size: 16px;
    margin-top: 5px
  }
  #ProductFilter select {
    margin-left: 0 !important;
    margin-bottom: 7px
  }
  .ProductGroupPage .banner {
    background-position: 70% top;
    padding-top: 50vw;
    height: auto;
    max-height: none;
    background-size: auto 50vw;
  }
  .ProductGroupPage .banner .container {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    top: auto;
    bottom: 0;
    transform: none;
    left: 0;
    padding: 0;
    margin-left: -15px;
    width: calc(100% + 30px);
  }
  .ProductGroupPage .banner .title {
    font-size: 28px;
    padding: 15px;
    background: var(--color3);
    text-align: center;
    text-transform: uppercase;
  }
  .ProductGroupPage .banner .Description {
    font-size: 16px;
    margin-top: 0;
    background: var(--color3);
    padding: 15px 30px;
    max-height: none;
    color: #fff;
    margin-bottom: 0;
  }
  .ProductGroupPage .banner .link-collapse {
    display: block;
    background: var(--color3);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0;
  }
  .ProductGroupPage .box-category .meta {
    font-size: 16px
  }
  #collapseProductContext {
    padding-left: 10px;
    padding-right: 10px;
  }
  /******************
NewsGroup
*******************************************************************************/
  #NewsGroup .NewsGroup {
    display: block
  }
  #NewsGroup .NewsGroup .imageLinkWrapper {
    margin-bottom: 10px
  }
  #NewsGroup .NewsGroup .Picture {
    max-width: 100% !important;
    height: 180px !important
  }
  #NewsGroup .NewsGroup .assetText {
    padding-left: 0 !important
  }
  /*latestNewsItems*/
  .latestNewsItems h3 {
    display: block;
    font-size: 16px
  }
  /******************
News
*******************************************************************************/
  #NewsGroup .news-article-main .NewsGroup .imageLinkWrapper {
    height: auto
  }
  #News .Context img {
    height: auto !important
  }
  #NewsGroup .NewsGroup .Picture {
    height: auto;
    max-width: 100%;
    padding-top: 66.67%;
  }
  #NewsGroup .NewsGroup .Picture img {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    max-height: none;
    max-width: none;
  }

  #NewsGroup .NewsGroup .assetText>.CreateDate {
    display: block;
    width: 100%
  }
  /*NewsRelate*/
  #NewsRelate .NewsRelate {
    width: 100%
  }
  #NewsRelate .NewsRelate .Picture {
    height: 170px
  }
  /*NewsAside*/
  #News-Sidebar .News-Sidebar, #NewsRelate .NewsRelate {
    border-bottom: none !important
  }
  #News-Sidebar .Picture, #Product-Sidebar .Product-Sidebar .Picture {
    height: 110px !important
  }
  #News-Sidebar .NewsName h4, #NewsRelate .NewsRelate .NewsName, .newsRight #Product-Sidebar .NewsName h4 {
    display: block;
    font-size: 16px !important
  }
  /*ProductAside*/
  .newsRight #Product-Sidebar .Product-Sidebar {
    width: 50%;
    border-bottom: none
  }
  .newsRight #Product-Sidebar .Product-Sidebar .Picture, .Sidebar-Product .Picture {
    height: 110px !important
  }
  .Sidebar-Product .ProductPriceNew {
    font-size: 16px
  }
  /**/
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
  body {
    font-size: 16px
  }
  #Wraper-Order {
    padding: 0 !important
  }
  #topcontrol {
    display: none
  }
  .container-fluid {
    padding-left: 0;
    padding-right: 0
  }
  /* HEADER*/
  /*=================HRADER============*/
  header#header {
    height: auto
  }
  header#header::before {
    display: none
  }
  header#header .container {
    padding: 0
  }
  header .top-header {
    display: none
  }
  .container.header-bg {
    background-position: left center;
    background-size: auto 65px;
    z-index: 1;
  }
  .container.header-bg, .logo {
    height: 65px;
  }
  /*Logo*/
  .logo {
    width: 100%;
    z-index: 1;
    opacity: 1
  }
  /* .logo::before { color: #fff; content: "TRUNG TÂM GIAO NƯỚC TẠI TP.HCM"; font-size: 14px; font-weight: 700; left: 105px; opacity: 1; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; z-index: 999999; } */
  .logo-site {
    width: 100%
  }
  .logo a {
    display: block;
    width: 100%;
  }
  .logo img {
    max-height: 50px;
    display: block;
    margin: 0 auto
  }
  /*SEACH*/
  #Search {
    display: none
  }
  /*navigation-bar*/
  #navigation {
    border-bottom: none;
    display: none
  }
  .sticky-wrapper.is-sticky {
    z-index: 999
  }
  .navigation-bar {
    background: #00289a;
  }
  .hotline-mobile {
    border: none;
    border-radius: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 99999;
  }
  .hotline-mobile ul.nav-justified {
    margin-bottom: 0;
  }
  .hotline-mobile ul.nav-justified>li {
    display: table-cell;
    width: 1%;
  }
  .hotline-mobile ul.nav-justified>li.active, .hotline-mobile ul.nav-justified>li a[aria-expanded="true"] {
    background: rgba(0, 0, 0, 0.3)
  }
  .hotline-mobile ul.nav-justified>li .fa {
    clear: both;
    display: block;
    font-size: 22px
  }
  .hotline-mobile ul.nav-justified li a {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
  }
  .hotline-mobile ul.nav-justified>li .index {
    background: red;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    font-size: 13px;
    height: 18px;
    line-height: 20px;
    position: absolute;
    right: -35px;
    top: 10px;
    width: 18px;
  }
  /**/
  .navigation-bar .SearchMobile {
    background: rgba(0, 0, 0, 0.3);
    display: block;
    margin: 0 10px 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    width: calc(100% - 20px);
  }
  .navigation-bar .SearchMobile .searchBar .searchButton, .navigation-bar .SearchMobile .searchBar input {
    border: none
  }
  .navigation-bar .SearchMobile:before, .navigation-bar .SearchMobile:after {
    background: rgba(0, 0, 0, 0.3);
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 10000%;
  }
  .navigation-bar .SearchMobile:after {
    right: 100%
  }
  .navigation-bar .SearchMobile:before {
    left: 100%
  }
  .navigation-bar .SearchMobile .searchBar>a::after {
    width: 24px
  }
  .navigation-bar .SearchMobile .searchBar>a::before {
    width: 0
  }
  /*End navigation-bar*/

  /*Home-Slide*/
  #Control-Home-Slide {
    margin-left: 0 !important;
    width: 100% !important
  }
  .bg-header-nav {
    display: none
  }
  /******************
Home Product
*******************************************************************************/
  .heading-style h2 {
    font-size: 18px
  }
  .Home-Product {
    padding-bottom: 30px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px
  }
  #ProductRelate3 .Home-Product {
    width: 50%
  }
  #ProductRelate3, #ProductRelate1 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .Home-Product>a {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    padding-bottom: 30px
  }
  .Home-Product .ProductName {
    margin-top: 5px;
    text-align: center;
    font-size: 16px;
    height: 50px;
    margin-bottom: 10px;
  }
  .Home-Product .ProductName, .Home-Product .Context {}
  .Home-Product .ProductType {
    font-size: 13px
  }
  .Home-Product .right-block {
    padding-left: 0;
    padding-right: 0
  }
  .Home-Product .ProductPriceNew sup {
    top: 0
  }
  .Home-Product .ProductPriceNew, .Home-Product .ProductPriceVirtual, .Home-Product .ProductPriceNew span, .ProductRelate2 .ProductRelate .ProductPriceNew {
    font-size: 14px !important
  }
  .Home-Product .ProductPriceNew {
    padding-left: 60px
  }
  .Home-Product .ProductPriceNew::after {
    right: 3px
  }
  .Home-Product figure>span.middle {
    height: 90%;
    width: 90%
  }
  .Home-Product .OrderProductButton {
    white-space: nowrap;
    bottom: 20px;
    height: 35px;
    right: 0;
    top: auto !important;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    visibility: visible;
    max-width: 50%;
    padding-top: 8px;
    line-height: 1.3
  }
  .Home-Product .OrderProductButton span {
    font-size: 12px
  }
  /*Home-Product-Feature*/
  .Home-Product figure:before {
    background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) -o-linear-gradient(top, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.1) 100%) repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0
  }
  .Home-Product figure img {
    max-height: 100%
  }
  /******************
Home Slide
*******************************************************************************/
  .Home-Slide .owl-prev::before, .Home-Slide .owl-next::before {
    font-size: 30px !important
  }
  .Home-Slide .owl-prev, .Home-Slide .owl-next {
    height: 35px !important;
    width: 35px !important
  }
  /******************
Footer
*******************************************************************************/
  footer.footer {
    text-align: left
  }
  .footer-nav {
    margin: 10px 0
  }
  .Footer, .footer-link-block {
    padding: 0 15px
  }
  footer.footer a, footer {
    font-size: 15px
  }
  .Footer #Footer-Row>div {
    margin-bottom: 15px
  }
  #Footer-2::after, #Footer-4::after {
    display: none
  }
  #Footer-Bottom-Right, #Footer-Bottom .col:last-child {
    text-align: left !important
  }
  .Footer-Bottom address {
    margin-bottom: 5px
  }
  /******************
Home Main Bottom
*******************************************************************************/
  .block-news-video {
    padding: 0 !important
  }
  .main-content-bottom>div.container {
    padding: 20px 15px !important
  }
  .main-content-bottom .block-news-latest {
    padding-right: 0
  }
  .block-news-video {
    padding: 30px 0
  }
  .main-content-bottom .News-Sidebar {
    padding-left: 8px !important;
    padding-right: 8px !important;
    border-bottom: none !important
  }
  .main-content-bottom .News-Sidebar:nth-of-type(2n+1) {
    clear: both
  }
  .main-content-bottom .News-Sidebar .imageLinkWrapper {
    min-height: 150px !important
  }
  .main-content-bottom .News-Sidebar h3 {
    font-size: 16px;
    display: block;
    margin: 10px 0 5px
  }
  /******************
 Aside
*******************************************************************************/
  .Menu-Left ul li a {
    font-size: 16px
  }
  .Sidebar-ProductLinks .NewsRelate {
    width: 50%
  }
  .Sidebar-ProductLinks .NewsRelate:nth-of-type(2n+1) {
    clear: both
  }
  .Sidebar-ProductLinks .NewsRelate:last-child {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 10px
  }
  /******************
Product
*******************************************************************************/
  #Product-Column-Left, #Product-Column-Right {
    width: 100%;
    padding: 0
  }
  .ProductInfoBottom {
    margin-left: 0
  }
  .aside-inner {
    padding: 0 30px
  }
  .OrderProductButton button, #PrintOne a {
    font-size: 100% !important;
    margin-top: 3px;
    max-width: 100%;
    width: 100%
  }
  .Product-ViewPoint {
    margin-top: 15px
  }
  .Product-Support .secsion-yahoo {
    margin-right: 5px
  }
  .Product-Support a img {
    max-width: 60px;
    height: auto
  }
  .quickSpecs #Context, .quickSpecs #Context *, .quickSpecs #Context ul li, .quickSpecs #Context ul li *, .FeatureList li a, .ProductRelate2 .ProductRelate #ProductRelate-Middle, .ProductRelate2 .ProductRelate #ProductRelate-Middle *, .Product-Support, .Product-Support *, .ProductExtraInfo a {
    font-size: 16px !important;
    line-height: 1.5
  }
  #Product .ProductMeta .ProductPriceNew {
    font-size: 30px !important
  }
  #Product-Picture {
    margin-bottom: 0;
    padding: 0
  }
  .AsideTitle, .AsideTitle * {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
  }
  .Product-ViewPoint ul li, .Product-ViewPoint ul li a {
    font-size: 16px
  }
  /*Product-Support*/
  /*ProductRelate2*/
  #ProductRelate3, #ProductRelate1 {
    padding-right: 0
  }
  .ProductRelate2 .ProductRelate #ProductRelate-Right {
    position: relative !important;
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    top: 0
  }
  /*SIDEBAR*/
  .other-product .NewsRelate .NewsName h4, .topNewsOrderByVisit .NewsRelate .NewsName h4 {
    font-size: 16px !important
  }
  /******************
ProductGroup
*******************************************************************************/
  .ProductGroupRight {
    padding-left: 0 !important
  }
  .Paging.PagingReview {
    margin-bottom: 30px
  }
  /******************
NewsGroup
*******************************************************************************/
  #NewsGroup .row-bottom .items {
    width: 50%;
    float: left
  }
  #NewsGroup .NewsGroup {
    display: block
  }
  #NewsGroup .NewsGroup .imageLinkWrapper {
    margin-bottom: 10px
  }
  #NewsGroup .NewsGroup .Picture {
    max-width: 100% !important;
    height: 180px !important
  }
  #NewsGroup .NewsGroup .assetText {
    padding-left: 0 !important
  }
  /*latestNewsItems*/
  .latestNewsItems h3 {
    display: block;
    font-size: 16px
  }
  /******************
News
*******************************************************************************/
  #News .Context img {
    height: auto !important
  }
  /*NewsRelate*/
  #NewsRelate .NewsRelate {
    padding-left: 5px !important;
    padding-right: 5px !important
  }
  #NewsRelate .NewsRelate.col-xs-6.col-sm-12.col-md-12:nth-of-type(2n+1), .newsRight #Product-Sidebar .Product-Sidebar:nth-of-type(2n+1), #NewsRelate .NewsRelate.col-xs-6.col-sm-3.col-md-3.col-lg-3:nth-of-type(2n+1) {
    clear: both
  }
  /*NewsAside*/
  #News-Sidebar .News-Sidebar, #NewsRelate .NewsRelate {
    border-bottom: none !important
  }
  #News-Sidebar .Picture, #NewsRelate .NewsRelate .Picture, #Product-Sidebar .Product-Sidebar .Picture {
    height: 110px !important
  }
  #News-Sidebar .NewsName h4, #NewsRelate .NewsRelate .NewsName, .newsRight #Product-Sidebar .NewsName h4 {
    display: block;
    font-size: 16px !important
  }
  /*ProductAside*/
  .newsRight #Product-Sidebar .Product-Sidebar {
    width: 50%;
    border-bottom: none
  }
  .newsRight #Product-Sidebar .Product-Sidebar .Picture, .Sidebar-Product .Picture {
    height: 110px !important
  }
  .Sidebar-Product .ProductPriceNew {
    font-size: 16px
  }
  /**/
}
@media only screen and (min-width : 992px) and (max-width : 1999px) {

  /******************
HEADER
*******************************************************************************/
  #header-full .navbar-toggle.collapsed {
    border: none;
    height: 45px;
    right: 5px !important;
    margin: 0;
    position: absolute;
    top: 5px;
    z-index: 10000;
    display: block
  }
  #header-full .navbar-toggle.collapsed .icon-bar {
    border: 2px solid #fff
  }
  .header-full-inner {
    padding: 0
  }
  .header-slogan {
    font-size: 19px
  }
  /*Toolf*/
  /*Menu Top*/
  /******************
 Home-Product
*******************************************************************************/
  .Home-Product {}
  .Home-Product .ProductName {
    margin-top: 0
  }
  .Home-Product .ProductPriceNew sup {
    top: 0
  }
  .Home-Product .ProductPriceNew {}
  .Home-Product figure {
    height: 215px
  }
  /******************
 Product
*******************************************************************************/
  #Product-Column-Left, .ProductGroupRight {}
  #Product-Column-Right, .ProductGroupLeft {}
  /*Product-Support*/
  .Product-Support .nav>li>a {
    padding: 10px
  }
  /*
ProductRelate3*/
  #ProductRelate3 .Home-Product {
    width: 100%
  }
  .ProductRelate3 .Home-Product-2, #ProductGroup .Home-Product-2 {
    height: 250px
  }
  .ProductRelate3 .Home-Product-2:nth-of-type(3n+1), #ProductGroup .Home-Product-2:nth-of-type(3n+1) {
    border-left: 1px solid #e5e5e5
  }
  /******************
 ProductGroup
*******************************************************************************/
  .ProductGroupRight {
    padding-left: 20px;
    padding-right: 0
  }
}
@media(min-width:1200px) {
  /******************
HEADER
*******************************************************************************/
  #header-full .navbar-toggle.collapsed {
    right: 20px !important
  }
  .header-full-inner {
    padding: 0
  }
  /*Toolf*/
  /*Menu Top*/
  /******************
Home-Product
*******************************************************************************/
  .Home-Product-20 {
    width: 20%
  }
  /*.Home-Product:nth-of-type(5n+1)::after { width: 1190px }*/
  .Home-Product, .ProductRelate3 .Home-Product-2 {}
  .Home-Product:nth-of-type(4n+1) {}
  .Home-Product figure {
    height: 275px
  }
  .Home-Product-Feature figure {
    height: 224px
  }
  /******************
News
*******************************************************************************/
  #News figure#Gallery {
    overflow: hidden;
    margin-bottom: -5px
  }
  /*#News figure#Galler, #News figure#Galler .owl-stage-outer.owl-height {height: 420px;}
#News .contextImage a {display: block; min-height:420px}*/
  #News .contextImage img {
    max-height: none;
    width: auto !important
  }
}