/* responsive */
@media (max-width: 1279px) {
  .new_icons li a {background-size: 95% !important; background-repeat: no-repeat !important;background-position: center !important;height:100px;}
}
@media (max-width: 1278px) {
.nav-primary li.level0.menu-active .menu-content { width: 730px;}
}
@media (max-width: 1035px) {
.nav-primary li.level0.menu-active .menu-content { width: 700px;}
}
@media (max-width: 1024px) {
  .home-boxvideo .video-list li.li-youtube label,
  .home-boxvideo .video-list li.li-youtube span{
    font-size:20px;
  }
  .products-grid .item .actions{
    height:auto;
    width:100%;
    /* position:static; */
  }
}
@media (max-width: 991px) {
.nav-primary li.level0.menu-active .menu-content { width: 650px;}
.bigc_app_download.clearfix { padding: 0 10px;}
.bigc_app_download .content_rignt .under_nem{font-size: 17px;}
.footer .footer-links .box-liks a img {max-width: 90%;}
}
@media (max-width: 931px) {
.nav-primary li.level0.menu-active .menu-content { width: 600px;}
}
@media (max-width: 900px;) {
  .new_icons li a{height: 94px;}
}
@media (max-width: 866px) {
.nav-primary li.level0.menu-active .menu-content { width: 550px;}
.new_icons li a{height: 90px;}
}
@media (max-width: 862px) {
  .home-boxvideo-new .video-list, .box-contentvideo{width: 50% !important;}
}
@media (max-width: 820px) {
  .new_icons li a{height: 84px;}
}
@media (max-width: 801px) {
.nav-primary li.level0.menu-active .menu-content { width: 510px;}
}
@media (max-width: 800px) {
  .home-cat .home-cat-content{overflow: hidden;}
  .new_icons li a{height: 103px;}
  .home-cat-left .box-icons.new_icons li {margin: 0;width: 115px;height: 103px;}
  .bigc_app_download {padding: 20px 10px 30px !important;}
  .bigc_app_download .logo_shop{width: 80px;}
  .bigc_app_download .content_rignt {float: left;width: 244px;margin-left: 12px;padding-top: 3px;}
}
@media (max-width: 780px) {
  #aw_popup_window {  display: block;width: 90% !important;margin-left: -45% !important; top: 40px !important;margin-top:0 !important;}
  #aw_popup_window #aw_popup_content img{width: 100%;}
  #bigcard_register, .fancybox-outer .fancybox-inner{width:100% !important;}
  .fancybox-wrap {width: 80% !important;}
}
@media (max-width: 639px) {
  #ajaxcart_content_option_product .promotion-alert-popup{padding: 25px;}
  .promotion_credit_card li.card_item .info_right{width: 65%;}
  .promotion_credit_card li.card_item .img_left { float: left;width: 30%;}
  .promotion_credit_card li.card_item .img_left img{width: 100%;}
}
@media (max-width: 600px) {
  .nav-primary li.level0.menu-active .menu-content { width: 90%; height: auto;}
  .nav-primary li.level0 li.subcat ul.level1 li.level1 a{
    padding:5px 0 5px 10px;
  }
  .nav-primary ul.level1 li.parent > a:after{
    right:5px;
  }
}
@media (max-width: 800px) {
  .container,
  .main-container .main{
    padding-left:10px;
    padding-right:10px;
  }
  .popup_show_bottom.not_have_effect{left:0;}
  .customer-account-create .validation-advice {
    display: block;
    text-align: left;
    width: 180px;
}
ul.messages > li {
    width: 90%;
    margin-left: -45%;
}
ul.messages > li.success-msg:after, ul.messages > li.error-msg:after, ul.messages > li.note-msg:after, ul.messages > li.notice-msg:after {
    right: 0;
    top: -35px;
}
  /* header */
  .box-desktop,
  .box-header-search .header-shipping,
  .box-header-search .search-text-bottom,
  .home-cat-menu,
  .sidebar_sticky{
    display:none!important;
  }
  .header-content-right .top-links,
  .skip-cart .label,
  .title-cat-list,
  .category-title,
  .category-banner-left{
    /*display:none;*/
  }
    .skip-cart .label{
      display:none;
    }
  .wrapper .page {
    padding-top:0px;
  }
  #header{
    float:left;
    width:100%;
    background:#FFF;
    position:relative;
    z-index:99;
    width:100%;
    left:0px;
    top:0px;
  }
  .box-header-search {
    float:left;
    width:100%;
    background:#fff;
    padding:5px 10px 0;
    margin-bottom: 10px;
  }
  .icon-menu{
    float: left;
    width: 40px;
    background: #2f9ee5;
    padding: 8px 8px;
    border: none;
    height: 40px;
    margin-left: 11px;
  }
  .icon-menu .menu-icon{
    width:25px;
    margin:0px;
  }
  .logo {
    position:absolute;
    top:0px;
    left:55%;
    transform:translate(-50%,0);
    height:40px;
    padding:2px;
    min-height:40px;
    min-width:25px;
  }
  .logo img{
    max-height:36px;
  }
  .header-content-right {
    margin-top:0px;
  }
  .skip-cart .icon {
    border:none;
    background:url(../../skin/frontend/gibthai/default/images/icons-mobile.png) -32px 11px;
  }
  .skip-cart .count{
    width:18px;
    height:18px;
    top:3px;
    right:0px;
    font-size:15px;
    line-height:20px;
  }
  .icon-myaccount{
    float:right;
    width:40px;
    height:40px;
    padding:6px 10px;
    border:none;
  }
  .icon-myaccount .icon-line{
    float:right;
    width:7px;
    height:7px;
    margin-bottom:2px;
    border:solid 1px #2f9ee5;
    border-radius:100%;
    clear:both;
  }
  #search,
  #search_mini_form .button{
    height:35px;
  }
  #search_mini_form .button{
    background-position:10px -119px;
  }

  .background-fixed{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    left:0px;
    top:0px;
    z-index:100;
  }
  .icon-myaccount.skip-active{
    position:relative;
    z-index:101;
  }
  .myaccount-links {
    float:right;
    position:absolute;
    top:45px;
    right:0px;
    z-index: 999;
    padding:0 5px;
    background:#fff;
    min-width:156px;
  }
  .myaccount-links:before{
    content:"";
    width:0px;
    height:0px;
    border-bottom:solid 7px #fff;
    border-left:solid 5px transparent;
    border-right:solid 5px transparent;
    position:absolute;
    top:-7px;
    right:9px;
  }
  .myaccount-links li{
    border-bottom:solid 1px #F0F0F0;
  }
  .myaccount-links li a {
    padding:7px 7px 7px 44px;
    line-height:20px;
    display:block;
    font-size: 15px;
    font-family:'Kanit';
    color:#767676;
    text-transform:uppercase;
    background:url(../../skin/frontend/gibthai/default/images/icons-account-mobile.png) no-repeat 16px 7px;
  }
  .myaccount-links li.li-location a{
    background-position:16px -34px;
  }
  .myaccount-links li.li-wishlist a{
    background-position:16px -73px;
  }
  .myaccount-links li.li-livechat a{
    background-position:16px -114px;
  }
  .myaccount-links li.li-logout a{
    background-position:16px -153px;
  }

  .myaccount-links li.li-app a{
    background-position:16px -192px;
  }
  .myaccount-links li.li-aboutus a{
    background-position:16px -227px;
  }
  .myaccount-links li.li-login a{
    background-position:16px -262px;
  }
  .myaccount-links li.li-contactus a{
    background-position:16px -294px;
  }
  .myaccount-links li.li-quickorder a{
    background-position:16px -323px;
  }

  .myaccount-links li a:hover{
    background-color:#f7f7f7;
    text-decoration:none;
  }
  .myaccount-links li.form-flags a {
    background:none;
    padding-left:0px;
  }
  .myaccount-links li.form-flags dt {
    position:relative;
  }
  .myaccount-links li.form-flags dt:before{
    content:"+";
    position:absolute;
    top:7px;
    right:7px;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-family:tahoma;
    font-size:14px;
    color:#2f9ee5;
  }
  .myaccount-links li.form-flags dt.active:before{
    content:"-";
  }
  .myaccount-links li.form-flags dt a {
    float:left;
    padding-right:6px;
  }
  .myaccount-links li.form-flags dt label {
    padding:7px 0;
    line-height:20px;
    font-size: 15px;
    font-family:'Kanit';
    color:#767676;
    text-transform:uppercase;
    display:inline-block;
  }
  .myaccount-links li.form-flags dt a span {
    display:none;
  }
  .myaccount-links li.form-flags img {
    float:left;
    margin-left: 18px;
  }
  .myaccount-links li.form-flags dd li{
    border-bottom:none;
  }
  .myaccount-links li.form-flags dd li.current{
    background-color:#F0F0F0;
  }
  .myaccount-links li.form-flags dd a{
    font-size:18px;
    color:#000;
    text-transform:capitalize;
    padding-left:20px;
  }
  .myaccount-links li.form-flags dd img {
    margin-right:8px;
  }
  #header-cart.skip-active{
    top:46px;
    right:0px;
  }
  #header-cart .header-cart{
    position:relative;
    z-index:102;
    background:#fff;
  }
  #header-cart .header-cart:before {
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: solid 7px #fff;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
    position: absolute;
    top: -7px;
    right: 57px;
}
  .header-bottom {
      /*width:0px;
      height:0px;*/
      height: 44px;

  }
  .header-bottom .menutop-header {
    /*width:0px;
    padding:0px;
    display:none;*/
    overflow: hidden;
    overflow-x: scroll;
    width: 99%;
    z-index: 2;
    /* position: absolute; */
    height: 50px;
    left: 0;
        -webkit-animation-name: slideOut;
        -webkit-animation-iteration-count: once;
        -webkit-animation-timing-function: ease-out;
        -webkit-animation-duration: .5s;
        animation-name: slideOut;
        animation-iteration-count: once;
        animation-timing-function: ease-out;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
  }
  @keyframes slideOut {
      0% {
          margin-left: 100px;
      }
      100% {
          margin-left: 0;
      }
  }

  @-webkit-keyframes slideOut {
      0% {
          left: 100px;
      }
      100% {
          left: 0;
      }
  }

  .header-bottom .menutop-header ul{
    width: 755px;
  }
  .menutop-header  li > ul.menutop-header-subnav li a{
    width: 200px;
  }
  .category.top-parent{
    position:static;
  }
  #nav{
    position: fixed;
    z-index: 9999;
    top: 0px;
    left:0px;
    background: #fff;
    width:85%;
    height:100%;
    padding:6px;
  }
  #nav .nav-primary{
    float:left;
    width:100%;
    overflow-y:auto;
  }
  .nav-primary .menu-content {
    position:static;
    width:100%;
  }
  a.cat-back {
    float:left;
    width:100%;
    border-bottom: 1px solid #cccccc;
    padding:5px 5px 5px 38px;
    line-height:16px;
    font-size:16px;
    text-transform:uppercase;
    color:#767676;
    font-family:'Kanit';
    background:url(../../skin/frontend/gibthai/default/images/icons-cat.png) no-repeat 6px -517px;
  }
  .nav-primary li.level0{
    /* border-bottom: 1px solid #cccccc; */
    list-style: none;
  }
  .nav-primary li.level0 > a {
    height:40px;
    min-height:40px;
    font-size:15px;
    line-height: 16px;
    padding-left:38px;
    opacity:0.8;
    border-bottom:none;
  }
  .nav-primary li.level0 > a.has-children{float:left; width:90%; padding-right:0;}
  .nav-primary li.level0 a.has-children > span.submenu-view,
  .nav-primary li.level0 li.subcat ul.level1 li.level1 a.has-children > span.submenu-view{
    float:right;
    width:18px;
    height:18px;
    right: 25px;
    top: 5px;
    background:url(../../skin/frontend/gibthai/default/images/icons/i-plus.png) top left no-repeat;
  }
  .nav-primary li.level0 li.subcat ul.level1 li.level1 a.has-children > span.submenu-view{
    right: -2px;
    position: relative;
    top: -2px;
  }
  .nav-primary li.parent.menu-active a.has-children span.submenu-view,
  .nav-primary li.level0 li.subcat ul.level1 li.level1.menu-active a.has-children > span.submenu-view{
    background:url(../../skin/frontend/gibthai/default/images/icons/i-minus.png) top left no-repeat;
  }
  .nav-primary li.level0.menu-active > a {
    opacity:1;
  }
  .nav-primary li.level0 > a:before {
    width:24px;
    height:24px;
    border-width:1px;
    left:6px;
    background-size:71px auto;
  }
  .nav-primary li.level0.parent > a >span:before,
  .nav-primary li.level0.parent > a >span:after {display:none;}
  /* .nav-primary li.level0.nav-1 > a:before {
    background-position: 2px -3px;
  }
  .nav-primary li.level0.nav-2 > a:before {
    background-position: 3px -38px;
  }
  .nav-primary li.level0.nav-3 > a:before {
    background-position: 2px -74px;
  }
  .nav-primary li.level0.nav-4 > a:before {
    background-position: 3px -109px;
  }
  .nav-primary li.level0.nav-5 > a:before {
    background-position: 3px -144px;
  }
  .nav-primary li.level0.nav-6 > a:before {
    background-position: 3px -180px;
  }
  .nav-primary li.level0.nav-7 > a:before {
    background-position: 3px -216px;
  }
  .nav-primary li.level0.nav-8 > a:before {
    background-position: 3px -252px;
  }
  .nav-primary li.level0.nav-9 > a:before {
    background-position: 3px -287px;
  }
  .nav-primary li.level0.nav-10 > a:before {
    background-position:2px -401px;
  }
  .nav-primary li.level0.nav-11 > a:before {
    background-position:2px -436px;
  }
  .nav-primary li.level0.nav-12 > a:before {
    background-position:2px -473px;
  } */
  .nav-primary .menu-content {
    padding:0px;
  }
  .nav-primary li.featured-category {
    display:none;
  }
  .nav-primary li.subcat {
    width:100%;
    padding:0px;
  }
  .nav-primary li.subcat >ul >li {
    margin:0px;
  }
  .nav-primary li.level1 a{
    font-size:14px;
    line-height:20px;
    padding:5px 0 5px 50px;
  }
  .nav-primary li.level1 a:hover{
    background-color:#F0F0F0;
    text-decoration:none;
  }
  .nav-primary li.level0.menu-active .menu-content {
    box-shadow:none;
  }
  /* end header */
  /* footer */
  .cms-index-index .footer-container,
  .footer-container {
    margin-top:12px;
  }
  .top-footer .footer-top-content {
    text-align:center;
  }
  .footer .footer-contact,
  .footer .footer-links{
    width:100%;
  }
  .footer .footer-contact {
    border-top:solid 1px #EBEBEB;
    padding-top:12px;
  }
  .footer .footer-links .box-liks{
    width:100%;
    padding-left:0px;
  }
  .footer .footer-links .box-liks >ul{
    display:none;
  }
  .footer .footer-links .box-liks h2{
        margin-bottom: 0;
  }
  .footer .footer-links  .box-liks label{
    position:relative;
    padding:2px 20px 2px 0;
  }
  .footer .footer-links  .box-liks label:before {
    content:"+";
    width:20px;
    height:30px;
    text-align:center;
    line-height:30px;
    position:absolute;
    top:0px;
    right:0px;
    color:#2f9ee5;
    font-size:18px;
    font-family:tahoma;
  }
  .footer .footer-links  .box-liks label.active:before  {
    content:"-";
  }
  .footer .block-subscribe .actions .button{
    width:100%;
  }
  .footer-linkbottom {
    text-align:center;
    padding-bottom:5px;
  }
  .footer-linkbottom img {
    float:none;
    display:inline-block;
    margin-top:10px;
  }
  /* end footer */
  /* home content */
  .home-cat-left {
    width:100%;
  }
  .home-cat-right {
    width:100%;
  }
  .home-boxvideo .video-list {
    width:100%;
  }
  .home-cat .home-cat-right img {
    width:100%;
  }

  .home-cat-left {
    max-width: calc(100% + 10px);
    overflow-y: auto;
    width: calc(100% + 10px);
  }
  .home-cat-left .box-icons{
    float:left;
    width: 862px;
    max-width:none;
  }

  .home-cat-left .box-icons li,
  .home-cat-left .box-icons li.col-2{
    width:115px;
    height:80px;
    margin-right:8px;
    margin-bottom:8px;
    border:solid 1px #F9F9F9!important;
  }
  .home-cat-left .small-image,
  .home-cat .banner-bottom{
    display:none;
  }
  .home-cat-left .box-links {
    height:auto;
  }
  .home-boxvideo {
    padding:15px 0;
  }
  .home-boxvideo .box-contentvideo {
    float:left;
    width:100%;
    padding:10px;
    position:relative;
  }
  .home-boxvideo .box-contentvideo .item-video{
    float:left;
    width:100%;
    position:relative;
    padding-bottom:54.83%;
  }
  .home-boxvideo .box-contentvideo .item-video iframe{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top:0px;
  }
  /* home content */
  /* category page */
  .col-left-first {
    margin:0px;
  }
  .products-grid .box-price-list{
    min-height:59px;
    margin-top: 5px;
    position: relative;
        bottom: 0;
        left: 0;

  }
  #narrow-by-list {
    display:block;
    font-family:'Kanit';
  }
  #narrow-by-list.no-display  {
    display:none;
  }
  #close-narrow-by-list{
    float:right;
    height:30px;
    line-height:30px;
    margin:0px 0;
    padding:0 10px;
    min-width:80px;
    color:#fff;
    background:#252525;
    font-size:18px;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    border:none;
  }
  /* product view */
  .aw-arp-block-content.slider-style1 .products-grid >li {
    padding-bottom:0px;
    z-index: 999;
  }
  .aw-arp-block-content.slider-style1 .products-grid >li .product-info {
    padding-bottom:0px!important;
  }
  .more-views .product-image-thumbs{
    text-align:center;
  }
  .block-related-category:before,
  .product-essential .block-related:before{
    height:100%;
  }
  /* my account */
  .customer-account-create .fieldset,
  .customer-account-create .buttons-set,
  .update-address .fieldset, .update-address .buttons-set,
  .customer-account-forgotpassword .fieldset,
  .customer-account-forgotpassword .buttons-set{
    margin-left:0px;
  }
  .sidebar .block.block-account{
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border-bottom:none;
  }
  .sidebar .block.block-account .block-content {
    padding:0px;
    border:none;
  }
  .sidebar .block-account dl{
    position:relative;
  }
  .sidebar .block-account dt{
    border: solid 1px #DADADA;
    position:relative;
  }
  .sidebar .block-account dt:before{
    content:"";
    width:16px;
    height:16px;
    background:url(../../skin/frontend/gibthai/default/images/arrow-right5.png) no-repeat center center;
    position:absolute;
    top:15px;
    right:15px;
     -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .sidebar .block-account dt.active:before{
     -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .sidebar .block-account dt a{
    opacity:1;
    text-decoration:none;
  }
  .sidebar .block-account dd ul{
    display:none;
    position:absolute;
    top:48px;
    left:0px;
    width:100%;
    border: solid 1px #DADADA;
    border-top:none;
    background: #fff;
    z-index:1;
  }
  .sidebar .block-account dd ul li.current{
    display:none;
  }
  .my-orders-list .history_order_detail_content{
    padding-left:0px;
  }
  /* shopping cart */
  .cart-table tbody td.product-cart-image {
    padding-left:0px;
  }
  img.mCS_img_loaded{
        max-width: 70px;
  }
  /* checkout */
  #checkout-progress-wrapper,
  #checkout-progress-wrapper .block-progress .block-title{
    display:none;
  }
  #checkout-progress-wrapper.active{
    display:block;
  }
  #checkout-progress-wrapper .block-progress{
    padding:0px;
    border:none;
  }
  #checkout-progress-wrapper .block-progress .block-content{
    padding:0px;
    display:block!important;
    border:none;
  }
  #checkout-progress-wrapper  .block-progress dd {
    margin-bottom:25px;
  }
  #checkout-review-table-wrapper .mastercheckout-title{
    display:none;
  }
  #checkout-review-table-wrapper {
    border-top:solid 1px #F0F0F0;
    margin-top:20px;
  }

  /*Border-cat-Mobile*/
  .home-cat-right li{position: relative;}

}
@media (max-width: 768px){
  .cms-bigc-home .home-cat-right li.long-image {  max-height: 337px;}
  .product-view .add-to-cart .total {
      float: left;
      width: 100%;
  }
  .header-bottom .menutop-header ul{
    width: 1440px;
  }
}
@media (max-width: 741px){
  .home-boxvideo-new .video-list, .box-contentvideo, .home-boxvideo-new .box-contentvideo iframe{width: 100% !important;}
  .cms-bigc-home .home-cat-right li.long-image {  max-height: 325px;}
}
@media (max-width: 680px){
  .cms-bigc-home .home-cat-right li.long-image {  max-height: 299px;}
  .product-view .add-to-cart-buttons {
      float: left;
      width: 100%;
  }
}
@media (max-width: 520px) {
  .box-desktop1 {
    display:none;
  }
  .cms-bigc-home .home-cat6 .home-cat-right li.long-image { max-height: 100%;}
  .home-cat-left .small-image{border-right: solid 1px #BCBCBC !important;border-bottom: solid 1px #BCBCBC;}
  .cms-bigc-home .home-cat-right li.long-image { max-height: 100%;}
  /* home content */
  .main-banner-static li {
    width:50%;
  }
  .main-banner-static li:nth-child(3) img{
    margin:3px 0;
  }
  .deal-home .dealproduct-list{
    padding:0px;
    width: calc(100% + 10px);
  }
  .deal-home .title-deal {
    padding:0px;
    margin-top:30px;
  }
  .deal-home .title-deal span {
    font-size:28px;
    float:left;
  }
  .box-banner-home1 {
    padding:15px 0 5px;
  }
  .box-banner-home1 .banner-carousel {
    padding:0px;
  }
  .box-banner-home1 li {
    width:100%;
    margin-right:0px;
    margin-bottom:10px;

  }
  .home-cat-right li{
    width:50%;
    border-bottom:solid 1px #fff;
    border-right:solid 1px #fff;
  }
  .home-cat-right li.big-image {
    width:100%;
  }
  .home-cat .home-cat-title a {
    display:table;
    min-height:50px;
  }
  .home-cat .home-cat-title span {
    font-size:30px;
    line-height:25px;
    display: table-cell;
    vertical-align: middle;
    float: none;
    padding-left: 60px;
    margin-left: 0px;
  }
  .home-cat .home-cat-content {
    position:relative;
  }
  .home-cat-left .small-image {
    display:block;
    position:absolute;
    width:50%;
    right:0px;
    bottom: 1px;
    border-right: solid 1px #fff;
  }
  .home-cat .home-cat-title span {
    background:none;
    padding-right:0px;
  }
  .home-cat .view-all{
    float:left;
    width:100%;
    text-align:center;
    margin:10px 0;
  }
  .home-cat .view-all a{
    float:left;
    width:100%;
    height:40px;
    border:solid 1px #000;
  }
  .home-cat .view-all a span {
    display:inline-block;
    line-height:40px;
    padding-right:30px;
    background: url(../../skin/frontend/gibthai/default/images/arrow-right4-mobile.png) no-repeat right center;
    color:#000;
    font-family:'Kanit';
    font-size:30px;
    text-transform:uppercase;
  }
  .home-cat {
    margin-bottom:10px;
  }
  /* end home content */
  /* category page */
  .products-grid .item .actions,
  .products-grid .item:hover .actions{
    height:0px!important;
    overflow:hidden;
  }
  .price-info .price-box .price,
  .box-price-list .price-box .price ,
  .box-price-list .save-price-percent span.save-price{
    font-size:26px;
  }
  .deal-left.product-list {
    background-size:auto 20px;
    padding-left: 18px;
    height:21px;
  }
  .box-deal-product  #countdown li .timeleft-value{
    height:20px;
    line-height:20px;
    letter-spacing: 11px;
    padding: 0 0 0 3px;
  }
  .box-deal-product #countdown li:before {
    line-height:20px;
  }
  #countdown li .timeleft-value {
    font-size:11px;
  }
  .box-deal-product {
    min-height:27px;
  }
  .box-deal-product  #countdown li .timeleft-value:before{
    right:21px;
  }
  .box-deal-product  #countdown li:nth-last-child(3):after {
    right:38px;
  }

  .item-nextpage {
    position:relative;
    background:#F3F3F3;
  }
  .item-nextpage .box-deal-product,
  .item-nextpage .product-info{
    float:left;
    width:100%;
  }
  .item-nextpage .box-image{
    float:left;
    width:100%;
    padding-bottom:100%;
    margin-bottom:5px;
  }
  .item-nextpage a{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
  }
  .item-nextpage a span {
    position:absolute;
    width:100%;
    top:50%;
    left:0px;
    transform: translate(0,-50%);
    padding-top:60px;
    background:url(../../skin/frontend/gibthai/default/images/arrow-right7.png) no-repeat top center;
    color:#838383;
    font-size:40px;
    font-family:'Kanit';
    text-align:center;
    line-height:40px;
  }
  .catalog-category-view .search-bottom {
    margin-top:15px;
    width:calc(100% + 20px);
    margin-left:-10px;
  }
  .search-bottom  {
    padding:8px 10px;
  }
  /* product-view */
  .product-view .product-shop .product-name .h1,
  .product-view .product-img-box .product-name h1{
    font-size:26px;
  }
  .product-view .product-shop .sku-product {
    display:none;
  }
  .product-view .product-shop .extra-info dt,
  .product-view .product-shop .extra-info dd {
    width:100%;
    padding:0px;
  }
  .product-view .add-to-cart .total label,
  .product-view .add-to-cart .qty-wrapper label{
    line-height:24px;
  }
  .product-view .add-to-cart .qty-wrapper label,
  .product-view .add-to-cart .qty-wrapper .qtywrapper-update,
  .product-view .add-to-cart .total label,
  .product-view .add-to-cart .total .box-price{
    clear:none;
  }
  .product-view .add-to-cart .total {
    float: left;
width: 100%;
  }
  .product-view .add-to-links li {
    margin-bottom:10px;
    width: 50%;
    padding: 10px 0 0 0;
  }
  .product-view .sharing-links ,
  .product-view .product-essential .block-related{
    margin-top:0px;
  }
  .collateral-box {
    margin-bottom:15px;
  }
  .collateral-content {
    display:none;
  }
  .collateral-title {
    position:relative;
    padding-right:15px;
  }
  .collateral-title:before{
    content:"+";
    font-size:18px;
    font-family:tahoma;
    line-height:30px;
    height:34px;
    width:15px;
    text-align:center;
    color:#2f9ee5;
    position:absolute;
    right:0px;
    top:0px;
  }
  .collateral-title.active:before{
    content:"-";
  }
  .collateral-content {
    padding:10px;
  }
  #customer-reviews .review-info .review-image {
    display:none;
  }
  #customer-reviews .review-info .review-rattings {
    width:100%;
    max-width:100%;
  }
  #customer-reviews .review-info .total-review  .ratings .rating-box{
    width:140px;
    height: 24px;
    background-size:140px auto;
    margin-top:3px;
  }
  #customer-reviews .review-info .total-review .ratings .rating-box .rating {
    height: 24px;
    background-size: 140px auto;
  }
  #customer-reviews .form-add h3,
  .box-review-stars{
    float:left;
    width:100%;
  }
  #customer-reviews .form-add .button-add-review,
  .list-review .review-bottom .date-review,
  .list-review .review-bottom .name-review{
    width:100%;
  }
  /* my account */
  .page-title h1, .page-title h2, .product-name h1, .product-name .h1{
    font-size:22px;
  }
  #login-form  .button {
    margin:auto;
  }
  .account-create-form,
  .account-create-banner{
    width:100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom:20px;
  }
  .dob-select .box-select:nth-child(1){
    width:64px!important;
  }
  .dob-select .box-select:nth-child(3){
    width:85px!important;
    margin-right:0px;
  }
  .customer-account-forgotpassword #form-validate {
    padding-bottom: 57%;
    background-size: 100%;
  }
  .box-account.box-info {
    width:100%;
    margin-left:0px;
    margin-right:0px;
  }
  body.customer-account .my-account .page-title h1 {
    font-size:26px;
  }
  .my-orders-list .order-title .date-order,
  .my-orders-list .order-title .order-number {
    margin:0px;
    line-height:13px;
    font-family:tahoma;
    font-size:13px;
    display:block;
    float:none;
  }
  .my-orders-list .order-title .order-number a {
    font-weight:normal;
  }
  .my-orders-list .order-title label {
    float:left;
  }
  .my-orders-list .order-title .status-order {
    font-size: 16px;
    padding: 0px 10px;
  }
  #my-orders-table tbody  tr{
    position:relative;
    padding-left:85px;
    padding-top:20px;
    padding-bottom:20px;
  }
  #my-orders-table tbody  tr.even{
    background:#fff;
  }
  #my-orders-table tbody td {
    border:none;
    padding:0px;
    width:100%;
    margin:0px;
  }
  #my-orders-table tbody td:first-child{
    float:left;
    width:68px;
    position:absolute;
    top:20px;
    left:0px;
  }
  #my-orders-table tbody td:first-child img {
    max-width:100%;
  }
  #my-orders-table .td-productname{
    width:100%;
  }
  #my-orders-table .td-productname .product-name{
    font-size:18px;
    line-height:18px;
  }
  #my-orders-table .td-price{
    display:none;
  }
  #my-orders-table .td-qty {
    float:left;
    width: auto;
  }
  #my-orders-table .td-qty:before{
    font-size:16px;
    color:#767676;
    text-transform:capitalize;
    font-family:'Kanit';
    line-height:23px;
  }
  #my-orders-table  .td-qty span{
    line-height:23px;
    float:left;
  }
  #my-orders-table  .td-qty strong {
    font-size:22px;
  }
  #my-orders-table  .td-subtotal{
    float:right;
    width:auto;
  }
  #my-orders-table  .td-subtotal .price{
    font-family:'PSL-EmpirePro';
    font-size:30px;
    line-height:30px;
  }
  #my-orders-table  .td-subtotal:before{
    display:none;
  }
  #my-orders-table tbody tr.td-padding{
    display:none;
  }
  #my-orders-table  tfoot td {
    padding:5px;
  }
  body.customer-account .my-account .fieldset {
    margin-bottom:5px;
    margin-top:10px;
  }
  body.customer-account .my-account .addresses-list .item {
    float:left;
    width:100%;
    padding:0px;
  }
  .my-orders-list .order-title .loadding {
    top:33px;
  }
  .my-orders-list .order-title {
    padding:15px 10px;
  }
  .my-account .page-title.wishlist h1 a{
    float:right;
    background:#FFB300;
    padding: 7px 10px;
  }
  .my-shoppinglist .page-title h2 >span {
    font-size:24px;
    line-height:27px;
    color:#2f9ee5;
    float:left;
  }
  /* shopping cart */
  .cart .agreement-box-content {
    padding:10px;
  }
  .cart .agreement-box-content  .button2 {
    width:100%;
    margin:3px 0;
  }
  /* contact popup */
  #header-contact .contact-popup {
    padding:10px;
  }
  .contact-popup .title > label {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
  }
  #header_contactform  li {
    width:100%;
  }
  #header_contactform li.li-chatlive {
    border-top: solid 1px #e6e6e6;
  }
  #contactemail .form-list li.fields .field {
    width:100%;
    margin-right:0px;
  }
  .checkout-onepage-success .checkout-success {
    font-size:18px;
  }
  .checkout-onepage-success .checkout-success .sub-title {
    font-size:26px;
  }
  .checkout-onepage-success .checkout-success  .order-info {
    padding:10px;
  }
  .checkout-onepage-success .buttons-set button {
    width:100%;
    margin-right:0px;
  }
  .home-cat-right li.long-image{width: 100%; max-height: 100%;}
  .home-cat-right li.long-image ul li {  width: 50%;   float: left;}
}

@media (max-width: 479px) {
  .products-grid > li:nth-child(2n) {
    /*border-left-color: transparent;*/
  }
  .products-grid > li {
    margin-bottom:0px;
    width: 95%;
    margin: 10px;
  }
  .products-grid .product-info {
      padding: 0;
  }
  .products-grid > li:nth-child(n+3){
    /*border-top-color:transparent;*/
  }
  .control-sidebar-content.skip-active {
    width:100%;
  }
  .product-options {
    width: 100%;
    margin:  0;
    padding: 0;
    border-bottom: 1px solid #E1E1E1;
    clear: both;
    position: relative;
  }
  .product-options dt {
    margin: 10px 10px 3px 0;
    font-weight: normal;
    clear: left;
    min-width: 16%;
    float: none;
  }
  .product-options dd {
    float: left;
    clear: right;
  }
  #sizing-id:before {
    background-image: url(../../skin/frontend/gibthai/default/images/Shape-31.html);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 18px;
    height: 16px;
    content: "";
    float: left;
    margin-top: 3px;
    margin-left: 0;
  }
  .product-options-bottom {
    border-top: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 320){
  .products-grid > li {
    margin-bottom:0px;
    width: 90%;
    margin: 10px;
  }
}
@media (min-width: 521px){
  .box-mobile1 {
    display:none;
  }
  .collateral-content {
    display:block!important;
    height:auto!important;
    padding: 20px!important;
  }
}
@media (max-width: 375px) {
  #dealhome .dealproduct-list .bx-wrapper{max-width: 320px !important;}
 ul.products-grid.first.last.odd .item { /*  width: 160px !important; */}
}
@media (max-width: 320px){
  #dealhome .dealproduct-list .bx-wrapper {   max-width: 256px !important; }
  ul.products-grid.first.last.odd .item{/* width: 127.9px !important;padding: 10px; */}
}
@media (min-width: 801px){
  .box-mobile{
    display:none!important;
  }
  .cms-index-index #header-nav-custom {
    left:0px!important;
  }
  #header-nav-custom {
    left:-9999px;
    display:block!important;
  }
  #header-nav-custom.skip-content.skip-active {
    left:0px;
  }
  #narrow-by-list{
    display: block!important;
  }
  .footer .footer-links .box-liks >ul{
    display:block!important;
    height:auto!important;
    margin-top: 13px;
  }
  .block-layered-nav .block-content  dl dt.Category{
    display:none;
  }
  .aw-arp-block-content.slider-style1 .bx-wrapper {
    margin-bottom:80px;
  }
  .aw-arp-block-content.slider-style1 .bx-wrapper .bx-pager.bx-default-pager {
    /* display:none; */
    margin-top:-80px;
    z-index:1;
  }

  .aw-arp-block-content.slider-style1 .bx-wrapper .bx-viewport {
    /* overflow: inherit!important;
    overflow-x: hidden!important; */
    padding-bottom:80px;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    position:static!important;
  }

  .aw-arp-block-content.slider-style1 .products-grid >li {
    padding-bottom:0px;
  }
  .aw-arp-block-content.slider-style1 .products-grid  >li:hover .actions {
    margin-top:0px;
  }
}
@media (min-width: 1280px){
  #header-nav-custom{min-height: 520.5px;}
  .header-language-background .header-language-container{
    max-width: 1180px;
  }
  .box-header-search {
    width: 500px;
    margin-left: 0;
  }
  .page-header, .container, .main-container .main,
  .home-cat .container{
    max-width: 1180px;
    padding: 0;
  }
  .page-header{
    max-width: 1180px;
  }
  #dealhome .bx-wrapper{/* max-width: 1120px !important; */}
  .box-banner-home .wrap-bannerads img{width: 100%;}
  .box-banner-home .banner-carousel{padding: 0;}
  .home-cat .small-image img{ width: 100%;max-height: 200px;}
  .home-cat .home-cat-right li img{ width: 295px; }
  .home-cat .home-cat-right li.big-image img{ width: 590px; }
  .home-cat .banner-bottom img{width: 100%;}
  .home-boxvideo .video-list{ width: 45%; }
  .home-boxvideo .box-contentvideo{width: 55%;}
  .home-boxvideo .video-list .content-wrapper{width:65%;}
  .home-boxvideo .video-list .thumb-wrapper{width: 35%;}
}
@media (max-width: 1280px){
  .my-account.clearfix {  padding-right: 3%;}
}
@media (max-width: 1279px){
  .news_event_page ul{margin-left: -1.5%;}
  .news_event_page li{width: 23.5%;margin-left: 1.5%;}

  /*tab-menu*/
  .box-tab-menu li .w_square{width: 320px;}
  .box-tab-menu li .square:after{right:-15px;}
  .box-tab-menu li.tab-active .square:after{right:-13px;}
}
@media (max-width: 1060px){
.cms-new-and-events .main-container .main {  width: 980px;}
}
@media (max-width: 1025px){
  .cms-new-and-events .main-container .main{width: 930px;}
}
@media (max-width: 1020px){
  .box-tab-menu li .w_square{width: 100%;}
}
@media (max-width: 970px){
  .cms-new-and-events .main-container .main{width: 930px;margin-left: 0;}
}
@media (max-width: 945px){
  .cms-new-and-events .main-container .main{width: 900px;}
}
@media (max-width: 924px){
.cms-new-and-events .main-container .main{width: 880px;}
}
@media (max-width: 895px){
.cms-new-and-events .main-container .main{width: 840px;}
}
@media (max-width: 855px){
.cms-new-and-events .main-container .main{width: 800px;}
}
@media (max-width: 815px){
.cms-new-and-events .main-container .main{width: 760px;}
}
@media (max-width: 800px){
  .cms-new-and-events .main-container .main{width: auto; margin: auto;}
}
@media (max-width: 799px){
  .box-tab-menu li .square:after{right: -13px;}
}
@media (max-width: 740px){
  .box-tab-menu li .w_square {width: 99.99%;}
  .box-tab-menu li.tab-active .square:after {right: -9px;}
  .box-tab-menu li .square:after {right: -10px;}
}
@media (max-width: 600px){
  .news_event_page ul{margin-left: 0.5%;}
  .news_event_page li{width: 48.5%;margin-left: 1.5%;}

  #ajaxcart_content_option_product .promotion-alert-popup { padding: 25px !important;}
  .promotion_credit_card li.card_item .img_left{width: 20%;}
  .promotion_credit_card li.card_item .img_left img{width: 100%;}
  .promotion_credit_card li.card_item .info_right{width: 75%;word-wrap: break-word;}
  .promotion_credit_card, .promotion-alert-popup .message { width: 100% !important;}
}
@media (max-width: 539px){
  .promotion_credit_card{width:90%;}
  .input_area input[type=text]{width: 77%;}
}

@media (min-width: 481px){
  .box-tab-menu .list-mobile {
    display: none!important;
  }
}
@media (max-width: 480px) {
  .product-img-box .product-image{z-index: 1;}
  #aw_popup_window{width: 300px !important;display: block;margin-left: -150px !important;}
  #aw_popup_window img {width: 100%;}
  .promotion_credit_card li.card_item .img_left{width:40%;}
  .promotion_credit_card li.card_item .img_left img{width:90%;}
  .promotion_credit_card li.card_item .info_right{float:left;width:95%;}
  .box-tab-menu {
    margin:0px;
    padding: 0 10px;
  }
  .box-tab-menu .tab-menu {
    float:left;
    width:100%;
    height:33px;
    position: relative;
  }
  .box-tab-menu .tab-menu > li {
    width:calc(100% - 40px);
    position: absolute;
    z-index: 0;
    bottom:0px;
  }
  .box-tab-menu .tab-menu > li:nth-child(2){
    margin-left:20px;
    z-index: 1;
  }
  .box-tab-menu .tab-menu > li:nth-child(3){
    margin-left:40px;
  }
  .box-tab-menu .tab-menu > li.tab-active {
    z-index: 2;
  }
.box-tab-menu .tab-menu > li.tab-active:after {
    content: "";
    position: absolute;
    width: 0px;
    height: 0px;
    border-top: solid 6px #fff;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    right: 40px;
    top: 50%;
    margin-top: -2px;
}
  .box-tab-menu .tab-menu > li.tab-active:before{
    content: "";
    position: absolute;
    width: calc(100% + 60px);
    height: 3px;
    background: #2f9ee5;
    bottom: -3px;
    left: -10px;
  }
  .box-tab-menu li a {
    border-radius: 20px 20px 0 0;
    font-size:24px;
    line-height: 24px;
    padding: 2px 0 2px;
  }
  .box-tab-menu li.tab-active a {
    font-size:24px;
    margin-top: -5px;
    padding: 7px 0 2px;
    line-height: 24px;
  }
  .box-tab-menu li.tab-active .w_square { height: 33px;}
  .box-tab-menu li .w_square{height: 30px;}
  .box-tab-menu li a, .box-tab-menu li.tab-active a{line-height: 33px;}
  .box-tab-menu .list-mobile {
    display: none;
    position: absolute;
    width: calc(100% + 60px);
    top:33px;
    background:rgba(177,211,30,0.95);
    padding:20px;
    left:-22px;
  }
  .box-tab-menu .list-mobile li {
    width:80%;
    margin-left:10%;
    margin-bottom:7px;
  }
  .box-tab-menu .list-mobile li a,
  .box-tab-menu .list-mobile li span {
    display: block;
    line-height:28px;
    padding:5px;
    font-size:26px;
    color:#fff;
    font-family: 'Kanit', sans-serif;
    text-transform: uppercase;
    text-align:center;
    box-shadow: none;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background:#9abf4c;
    margin:0px;
  }
  .box-tab-menu .list-mobile li span {
    background:#ebebeb;
    color:#636363;
    border:solid 1px #B3B6A8;
  }
  .box-tab-menu .list-mobile li.tab-blog span,
  .box-tab-menu .list-mobile li.tab-blog a{
    background:#ea2d2e;
  }
  .box-tab-menu{padding: 0;}
  .box-tab-menu li.opendd .w_square{ overflow: visible;}
  .box-tab-menu li.opendd .list-mobile{display:block;z-index: 9999;}
  .box-tab-menu li.opendd .list-mobile li, .box-tab-menu li.opendd .list-mobile li a{position: relative;}
  .box-tab-menu li.tab-active a.desktop{display: none;}
  .box-tab-menu li span.mobile{display: block;display: block;font-size: 25px;line-height: 40px;}
  .main-banner .bx-wrapper .bx-controls-direction a {z-index: 1;}
  .box-tab-menu .list-mobile li a.fresh{background: transparent;}

}
@media (max-width: 450px) {
  .popup_show_bottom.center img {display: inline;width: 85%;}
  .popup_show_bottom .show_content{left:0 !important;}
  body:lang(en) .bigc_app_download .logo_shop {width: 20%;float: left;}
  body:lang(en) .bigc_app_download .content_rignt {float: right;width: 77%;}
  body:lang(en) .bigc_app_download .content_rignt h4{font-size: 20px;}
}
@media (max-width: 431px) {
  .info-shippingadress .change-location {width: 100%;display:block;float: none;margin: 5px 0;}
  .bigc_app_download {padding: 20px 0 !important;}
  body:lang(en) .bigc_app_download .logo_shop{width: 18%;}
  body:lang(en) .bigc_app_download .content_rignt{width: 78%;}
  body:lang(en) .bigc_app_download .download_area{width: 50%;}
}
@media (max-width: 400px) {
.popup_show_bottom.center img {display: inline;width: 69%;margin-left: -43px;}
.btn-close-popup{right:41px;}
#btn-show-banner img{width: 40% !important;margin-bottom: 12px !important;}
.promotion_credit_card li.card_item .info_right .desc p{font-size:16px;margin-bottom:0;}
.promotion_credit_card li.card_item .info_right h3{font-size:22px;}
.input_area input[type=text]{width: 72%;}
#bigcard_register .img_bigcard img{width: 100%;}
.fancybox-wrap {  width: 90% !important;}
}
@media (max-width: 375px) {
  body:lang(en) .bigc_app_download .content_rignt .under_nem {font-size: 15px;}
}
@media (max-width: 367px) {
  .content-popup .popup-title{font-size: 20px;}
}
@media (max-width: 355px) {
  .bigc_app_download .logo_shop {width: 20%;float: left;}
  .bigc_app_download .content_rignt {float: right;width: 75%;}
}
@media (max-width: 335px) {
  .content-popup .popup-title{font-size: 18px;}
  body:lang(en) .bigc_app_download .content_rignt .under_nem{font-size: 14px;}
  body:lang(en) .bigc_app_download .content_rignt h4 { font-size: 17px;}
}
/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magento.com for more information.
 *
 * @category    design
 * @package     rwd_default
 * @copyright   Copyright (c) 2006-2016 X.commerce, Inc. and affiliates (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */
/* ============================================ *
 * Homepage
 * ============================================ */
/* -------------------------------------------- *
 * Primary Banner
 */
body.cms-home .main-container {
  padding-top: 20px;
}
body.cms-home .slideshow-container {
  margin-top: 0;
}

.slideshow .banner-msg {
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  top: 30%;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.slideshow .banner-msg h2 {
  color: #FFFFFF;
  font-size: 24px;
  text-shadow: 1px 1px 3px #555555;
}

.slideshow .banner-msg h2 strong {
  font-weight: bold;
  display: block;
  font-size: 36px;
}

@media only screen and (max-width: 800px) {
  .slideshow .banner-msg h2 {
    font-size: 20px;
  }

  .slideshow .banner-msg h2 strong {
    font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .slideshow .banner-msg {
    top: 20%;
  }

  .slideshow .banner-msg h2 {
    font-size: 14px;
  }

  .slideshow .banner-msg h2 strong {
    font-size: 16px;
  }
}
/* -------------------------------------------- *
 * Promotion Banner Section
 */
.promos {
  margin: 0 0 10px 0;
  padding: 0;
  width: 100%;
}

.promos:after {
  content: '';
  display: table;
  clear: both;
}

/* Specifying the body only in order to override the .std ul li styling */
body .promos > li {
  margin: 0 0 10px 0;
  list-style: none;
  text-align: center;
  position: relative;
  border: 1px solid #cccccc;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.promos > li:last-child {
  margin-bottom: 0;
}

.promos img {
  max-width: 100%;
  width: 100%;
}

.promos a:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: block;
}

.promos span {
  color: #FFFFFF;
  text-transform: uppercase;
  position: absolute;
  display: block;
  width: 100%;
  top: 10%;
  font-weight: 500;
  font-size: 20px;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  text-shadow: 1px 1px 3px #555555;
}

.promos strong {
  font-weight: 600;
  font-size: 26px;
  display: block;
}

@media only screen and (min-width: 801px) {
  .promos span {
    font-size: 16px;
  }

  .promos strong {
    font-size: 17px;
  }

  /* Config: Three columns + flexible gutter */
  body .promos > li {
    float: left;
    width: 31.74603%;
    margin-right: 2.38095%;
  }

  .promos > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 880px) {
  .promos span {
    font-size: 18px;
  }

  .promos strong {
    font-size: 24px;
  }
}
/* -------------------------------------------- *
 * New Products Section
 */
/* Hiding the reviews content via CSS because we can't modify the template, */
/* since it may be used in other places where those elements are needed */
.cms-index-index .products-grid .ratings,
.cms-index-index .products-grid .actions,
.cms-index-noroute .products-grid .ratings,
.cms-index-noroute .products-grid .actions {
  display: none;
}

.cms-index-index h2.subtitle {
  padding: 6px 0;
  text-align: center;
  color: #3399cc;
  font-weight: 600;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
}

.cms-index-noroute h2.subtitle {
  display: none;
}


#product-tabs {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#product-tabs li {
  float: left;
  margin: 0 .5em 0 0;
}

#product-tabs a {
  position: relative;
  background: #F5F5F5;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
  background-image: -webkit-linear-gradient(top, #fff, #ddd);
  background-image: -moz-linear-gradient(top, #fff, #ddd);
  background-image: -ms-linear-gradient(top, #fff, #ddd);
  background-image: -o-linear-gradient(top, #fff, #ddd);
  background-image: linear-gradient(to bottom, #fff, #ddd);*/
  padding: 0.3em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.8);
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
  /*-moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
  box-shadow: 0 2px 2px rgba(0,0,0,.4);*/
}

#product-tabs a:hover,
#product-tabs a:hover::after,
#product-tabs a:focus,
#product-tabs a:focus::after {
  background: #fff;
}

#product-tabs a:focus {
  outline: 0;
}

#product-tabs a::after {
  content:'';
   position:absolute;
   z-index: 1;
   top: 0;
   right: -.5em;
   bottom: -1px;
   width: 1em;
   background: #F5F5F5;
   /*background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background-image: -webkit-linear-gradient(top, #fff, #ddd);
   background-image: -moz-linear-gradient(top, #fff, #ddd);
   background-image: -ms-linear-gradient(top, #fff, #ddd);
   background-image: -o-linear-gradient(top, #fff, #ddd);
   background-image: linear-gradient(to bottom, #fff, #ddd);*/
   -moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
   -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
   box-shadow: 2px 2px 2px rgba(0,0,0,.4);
   -webkit-transform: skew(10deg);
   -moz-transform: skew(10deg);
   -ms-transform: skew(10deg);
   -o-transform: skew(10deg);
   transform: skew(10deg);
   -webkit-border-radius: 0 5px 0 0;
   -moz-border-radius: 0 5px 0 0;
   border-radius: 0 5px 0 0;
}

#product-tabs #current a {
  background: #fff;
  z-index: 3;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

#product-tabs #current a::after {
  background: #fff;
  z-index: 3;
}

/* ------------------------------------------------- */

#product-content {
    background: #fff;
    padding: 2em;
    height: auto;
    position: relative;
    z-index: 2;
    -moz-border-radius: 0 5px 5px 5px;
    -webkit-border-radius: 0 5px 5px 5px;
    border-radius: 0 5px 5px 5px;
    -moz-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);
    /*box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5);*/
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 300!important;
    font-size: 15px!important;
     font-family:'Kanit'!important;
}
#product-content table, #product-content td,#product-content b, #product-content p{
	font-weight: 300!important;
    font-size: 15px!important;
     font-family:'Kanit'!important;
 }
 #product-content table {
 	width: 100%!important;
 }
#product-content a {
    font-weight: 300!important;
}
#product-content ol{
  list-style-type: decimal!important;
  margin-left: 20px!important;
  text-align: left!important;
}
#product-content ul{
  list-style-type: disc!important;
  margin-left: 20px!important;
  text-align: left!important;
}

@media (max-width: 991px) {
  #product-tabs a::after {
    display: none;
  }
  #product-tabs #current a::after {
    background: #fff;
    z-index: 3;
  }
  #product-tabs a {
    padding: 0.1em 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  #product-tabs li, #product-tabs a {
      width: auto;
      border-radius: 0;
      font-size: 13px;
      margin: 0;
  }
  #product-tabs a {
      padding: 0.4em;
      border: 1px solid #ddd;
  }
  #product-tabs #current a {
    border-bottom: 1px solid #fff;
}
  #product-tabs a::after {
    display: none;
  }
  #product-content {
      padding: 1em;
  }



}
/* ------------------------------------------------- */

/* ============================================ *
 * Category Landing Pages
 * ============================================ */
.category-image {
  position: relative;
}

.categorylandingMainblock {
  border: 1px solid #E2E2E2;
  padding: 7px;
}

.catblocks {
  float: left;
  padding: 0 0 20px 0;
  width: 100%;
}

.catblocks li {
  position: relative;
  float: left !important;
  width: 23% !important;
  margin-right: 2.66667% !important;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  padding: 10px;
}

.catblocks li:hover {
  border-color: #3399cc;
}

@media only screen and (max-width: 800px) {
  .catblocks li {
    width: 49% !important;
    margin-right: 2% !important;
  }

  .catblocks li:nth-child(even) {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 479px) {
  .catblocks li {
    width: 100% !important;
    margin-right: 0 !important;
    float: none;
  }
}
.catblocks li:last-child {
  margin-right: 0 !important;
}

.catblocks li img {
  width: 100%;
  max-width: 100%;
}

.catblocks li a span {
  color: #FFFFFF;
  position: absolute;
  background-color: #7B7C7B;
  font-family: raleway;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 5px 10px;
  margin-right: 10px;
}

.catblocklinks a {
  color: #FFFFFF;
  text-decoration: none;
}

.catlandingbottomPromoblock {
  float: left;
  width: 100%;
  border: 1px solid #E2E2E2;
  margin-bottom: 100px;
}

.catalog-category-view div.categoryland-caption {
  display: block;
  margin: 0;
  position: absolute;
  color: #000000;
  font-size: 30px;
  font-weight: 500;
  line-height: 36px;
  text-align: center;
}

.catalog-category-view div.categoryland-caption span.blue-big-text {
  color: #3399CC;
  font-size: 50px;
  font-weight: 800;
  padding: 0 0 0 8px;
}

.catalog-category-view div.categoryland-caption span.blue-big-text {
  padding: 0 !important;
}

.catalog-category-view div.categoryland-caption span.three-dots {
  background: url(../../skin/frontend/gibthai/default/images/bg_threeDots.html) no-repeat center center;
  display: block;
  height: 20px;
}

.catalog-category-view div.categoryland-caption p.desc {
  font: italic 18px/28px Georgia, "Times New Roman", Times, serif;
  color: #656565;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption a.link:hover,
.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.link:hover {
  text-decoration: underline;
  color: #1189C5;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.blue-big-text,
.catalog-category-view div.categoryland-caption span.blue-big-text {
  color: #3399CC;
  font-size: 50px;
  font-weight: 800;
  padding: 0 0 0 8px;
}

.catalog-category-view div.categoryland-caption span.blue-big-text {
  padding: 0 !important;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption span.three-dots,
.catalog-category-view div.categoryland-caption span.three-dots {
  background: url(../../skin/frontend/gibthai/default/images/bg_threeDots.html) no-repeat center center;
  display: block;
  height: 20px;
}

.cms-home #homepage-main-slides div.slides_control div div.slideshow-caption p.desc,
.catalog-category-view div.categoryland-caption p.desc {
  font: italic 18px/28px Georgia, "Times New Roman", Times, serif;
  color: #656565;
}

.left-menu-1 .ui-state-active,
.left-menu-1 .ui-widget-content .ui-state-active,
.left-menu-1 .ui-widget-header .ui-state-active,
.left-menu-1 a.ui-button:active,
.left-menu-1 .ui-button:active,
.left-menu-1 .ui-button.ui-state-active:hover {
	border: 1px solid #ddd;
	background: #fff;
	font-weight: 400;
	color: #2f9ee5;
}

.left-menu-title{
  background-color: #2f9ee5;
  padding: 10px;
  color: #fff;
  text-align: left;
  text-transform: capitalize;
  border-radius: 6px 6px 0 0;
  border-radius: 0;
  padding-left: 20px;
  font-weight: 300;
  font-size: 18px;
}
@media (min-width: 768px){
  .left-menu-title:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: transparent transparent transparent #2f9ee5;
      right: -20px;
      top: 19px;
  }
}

.left-menu-1 .ui-accordion-header {
    padding: .5em .2em .5em 1em;
    margin: -2px 0;
    border-radius: 0;
    background-color: #fff;
    /*border: 1px solid #ddd;*/
}
.left-menu-1 .ui-accordion-header {
  font-size: 15px;
  font-weight: 300;
}
.left-menu-1 .ui-state-hover a {
    color: #2f9ee5;
}
#accordion-service-menu {
    border-radius: 0 0 6px 6px;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: inherit;
    text-decoration: none;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #ddd;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.left-menu-1 .ui-icon-triangle-1-e{
  float: right;
  background-position: -32px 3px;
  margin-top: 0px;
}
.left-menu-1 .ui-state-hover .ui-icon-triangle-1-e{

}
.left-menu-1 .ui-state-hover {
  color: #2f9ee5;
  background-color: #f1f1f1;
}
.left-menu-1 .ui-icon-triangle-1-s{
  float: right;
  background-position: -64px 3px;
  background-image: url('../../images/ui-icons_444444_256x240.png');
  margin-top: 0px;
}
.left-menu-1 .ui-accordion-content ul li {
  list-style-type: disc;
}
.left-menu-1 .ui-accordion-content ul li a {
  font-weight: 300;
  font-size: 14px;
}
.ui-accordion .ui-accordion-content {
    height: auto;
    margin-left: 40px;
}
#accordion-service-menu .ui-accordion-content {
  margin-left: 0;
}

@media (min-width: 768px){
.ui-accordion .ui-accordion-content  ul, ol {
    padding: 0;
    margin: 0 0 10px 15px;
    list-style: none;
}
}

.ui-accordion .ui-accordion-content ul li {
    /*font-size: 14px;*/
    line-height: 16px;
    font-weight: 300;
    list-style: circle;
}

.ui-accordion .ui-accordion-content ol li {
    /*font-size: 14px;*/
    line-height: 16px;
    font-weight: 300;
    list-style: decimal;
}

@media (max-width: 767px) {
.ui-accordion .ui-accordion-content {
    height: auto;
    margin-left: 0;
}
}