@media (max-width:1170px){
  .respd {
  padding-right:15px !important;
  padding-left:15px !important;
}
}



#added-cart.show-cart-added{
  visibility:visible !important;
  animation:fadeInOut 3s;
  }

  @keyframes fadeInOut{
  5%,95%{opacity:1;top:50px}
  15%,85%{opacity:1;top:30px}
  }

.cart {
  padding: 5px;
  width: 50px;
  height: 50px;
  margin-left: -24px;
  margin-top: 0px;
  margin-right: 12px;
  background-color: #d97d00;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  text-align: center;
  -ms-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-top: 13px;
  font-size: 18px !important;
}


.shand:hover {
  text-decoration:none !important;
}

#tabsBar {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #f7f7f7;
  margin-bottom: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  color: #000;
  padding: 10px 40px 2px 40px;
}

.tabsBar {
  margin: 0;
  padding-top: 9px;
  margin-left: 0px !important;
    padding-left:0px;
}
.tabsBar li {
  display: inline-block;
  margin-top: 4px;
  padding: 10px 15.5px 10px 15.5px;
  color: #000;
  text-decoration: none !important;
  cursor: pointer;
  border-bottom: #F7F7F7 solid 1px;
  border-left: 1px solid #F7F7F7;
  border-right: 1px solid #F7F7F7;
  border-top-left-radius: 5px;
  border-top: 6px solid #f7f7f7;
  position: relative;
  top: 3px;
  }
  .tabsBar > .active {
    border-bottom: #FFFFFF solid 1px;
    border-left: 1px solid #DADADA;
    border-right: 1px solid #DADADA;
    border-top-left-radius: 5px;
    border-top: 6px solid #ffd51e;
    border-top-right-radius: 5px;
    /* position: relative;
    top: 3px; */
    background-color: #fff;
    /* padding: 10px !important; */
  }

#tabTechnicalImages {
  text-align:center;
}


.breadcrumbs {
  margin-top: 10px;
  margin-left: -5px;
  margin-bottom: 10px;
}

/*
* === Downloads ===
*/

.btn-downloads {
  color:#fff;
  background-color:#0462be;
  padding-top:2px!important;
  padding-bottom:3px !important;
}

.btn-downloads:hover {
  background-color:#286090;
}

/*
* === START Resources ===
*/

#resourcesTabs > .arrow {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #efefef;
  margin: auto;
  margin-top: 8px;
  padding-top: 4px;
}

.boldResources {

  color: #0462be!important;
}

ul#resourcesTabs {
  list-style-type: none;
  margin: 0;
  /* margin-bottom: 15px; */
  padding: 0;
  font-weight: bolder;
}

ul#resourcesTabs li a {
  color:#000;
}

ul#resourcesTabs li a:hover {
  text-decoration:none !Important;
}

  ul#resourcesTabs li {
    float: left;
    text-align: center;
    cursor:pointer;
    width:16.5%
  }
  ul#resourcesTabs li.resourcesTabActive {
    display:normal;
  }
.resourcesTab {
  display:none;
  background-color: #efefef;
  padding: 30px;
  padding-bottom: 15px;
  float:left;
}

.nodisplay {
  display:none
  }

  @media (max-width: 992px) {
  .nodisplay {
  display:block !Important;
  }

  .eo-modal-content {
    width:80%!important;
  }

}

/* dividers */

.divied-5 {
  width: 100%;
  height: 5px;
  clear: both;
}

.divied-10 {
  width: 100%;
  height: 10px;
  clear: both;
}

.divied-20 {
  width: 100%;
  height: 20px;
  clear: both;
}

.divied-30 {
  width: 100%;
  height: 30px;
  clear: both;
}

.divied-40 {
  width: 100%;
  height: 40px;
  clear: both;
}

.divied-60 {
  width: 100%;
  height: 60px;
  clear: both;
}

/*
* === New Names ===
*/


#tabsBar {
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  background-color: #f7f7f7;
  margin-bottom: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  color: #000;
  padding: 10px 40px 2px 40px;
  margin-top:30px;
}

.tabs-bar {
  margin: 0;
  padding-top: 9px;
  margin-left: 0px !important;

}

.tabs-bar li {
  display: inline-block;
  margin-top: 4px;
  padding: 0px 15.5px 0px 15.5px;
  color: #000;
  text-decoration: none !important;
  cursor: pointer;
}

.tabs-bar > .active {
  border-bottom: #FFFFFF solid 1px;
  border-left: 1px solid #DADADA;
  border-right: 1px solid #DADADA;
  border-top-left-radius: 5px;
  border-top: 6px solid #ffd51e;
  border-top-right-radius: 5px;
  position: relative;
  top: 3px;
  background-color: #fff;
  padding: 10px !important;
}

.tab-product {
  display: none;
}

.display-none {
  display: none
}

  @media (max-width: 992px) {
  #tabsBar {
  padding:0px;
  background-color:#fff;
  border-top:0px;
  margin-top:0px
  }
  .tabsBar {
    padding-left:0px;
    text-align:center;
    background-color:#efefef;
    padding-top:0px;
    margin-top:15px;
  }
  .tabsBar > .active {

    background-color:#ffd51e;
  }
  .tabsBar li {
    height: 40px;
    padding-top: 7px;
    width: 100%;
    border-top: 0 !important;
    top: 0;
    border-bottom: 2px solid #fff;
    margin-top: 0 !important;
  }

  .resourcesTab {
    background-color:transparent;
  }
  .respd {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .footer .footer-content {
    padding-left: 0;
    padding-right: 0;
  }
}

#tableAccessories {
  width: 100%;
}



/* Slick Carousels */
.carouselArrows {
  cursor: pointer;
  margin-top: -110px;
  display: inline;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.carouselPrev {
  float: left;
}
.carouselNext {
  float: right;
}
.slick-initialized {
  visibility: visible !important;
}
/*.slick-slider {
  background: url(../images/ajax-loader.gif);
}*/
.slick-slider .slick-list {
  opacity: 0;
  position: absolute;
}
.slick-slider.slick-initialized {
  background: none;
}
.slick-slider.slick-initialized .slick-list {
  opacity: 1;
  position: relative;
  transition: opacity 0.2s ease-in;
}


/* Primary Image Carousel */
#primaryImageCarousel {
  visibility: hidden;
}

@media (max-width: 700px) {
  #primaryImageCarousel {
    margin-top: 15px;
  }
  #primaryImageCarouselContainer .carouselArrows {
    opacity: .9 !important;
    margin-right: 0px !important;
  }
}
#primaryImageCarouselContainer:hover .carouselArrows {
  opacity: .7;
  margin-top: -110px;
  display: inline;
}
#primaryImageCarouselText .slick-dots {
  bottom: -20px;
}


/*** Resources Tabs ***/

/* App Notes*/
.appNoteBox {

  border-radius: 0px !important;
  background-color: white !important;
  border: none !important;
  border-left: solid 5px gold !important;
  padding:15px;
}

/* Glossary */
.glossarybox {
  font-size: 13px !important;
  background-color: white !important;
  border-radius: 8px !important;
}

.glossaryTerm {
  font-weight: bold;
}

/* Video */
.vidBlockTitle {
  font-size: 14px !important;
}


/* Category Specs */

.specsRow {
  font-size:13px;
  line-height:1.3em
}

.specs > div > div:first-child {
  font-weight:bold;
}

.specsRow:nth-child(odd) {
  background-color: #efefef;
}

.specs:nth-child(even) {
  border-left: 1px solid #dadada;
}

@media (max-width: 1200px)
{
  .specsRow .specs:nth-child(even) {
    border-right: none;
    background-color:#ffffff;
  }

  .specsRow .specs:nth-child(odd) {
    border-right:none;
    background-color: #efefef;
  }


}


i.fa-chevron-circle-right, i.fa-chevron-circle-down {
  color: #0462be;
  font-size: 20px;
  position: relative;
  margin-top: 3px;
}

button.btn-specifications {
  background: transparent;
  border: none;
  height: 33px;
}
.volPrice {
  border: 1px solid #dadada;
  border-radius: 10px;
  text-align: center;
  padding: 4px 0px 4px 0px;
  margin-right:5px;
  height: 58px;
}

/*Group Options*/
.group-table
{
  width:100%;
}

.group-table th
{
  text-align: center;
  border-bottom:solid 5px black !important;
}

.group-table td {
  text-align: center;
}


/* TECHSPEC hover*/
#tstip {
  position: relative;
  cursor: help;
  text-decoration: underline !important;
  color: #000;
  text-align: left !important
}
#tstip > img {
  margin-top: -9px;
  }
#tstip > span {
  display:none;
  z-index: 100;
  position: absolute;
  padding: .6em;
  padding-left: 1em;
  left: 0px;
  top: 2.1em;
  width: 20em;
  background-color: #dadada;
  border-radius: 0.5em;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.5em;
}

#tstip > span > a {
  display: inline;
  color: #0462be;
  font-weight: normal;
}
#tstip:hover > span {
  display: inline-block;
}

/* End TECHSPEC hover*/

/* Bootstrap 4*/

@media (max-width: 991px) {
.familyid {
  margin-top: 0px !important;
  float: inherit;
  text-align: center !important;
  border-bottom: 1px solid #dadada;
  margin-bottom: 10px;
  padding-bottom: 10px;
  width:100%;
}

.breadcrumb {
  text-align: center;
  padding: 0px;
}

}

@media (max-width: 992px) {
  .price-sn {
    text-align: center;
  }
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.form-inline{
  display: block;
 }

@media (max-width: 767px) {
  .btn-other {
    text-align:center;
    margin-top:10px !important;
    height:35px;
  }
  .volPrice {
    margin-right: 0px;
  }
}

.spec-tooltiptext-hidden {
  display: none;
}

.spec-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: help;
}

  .spec-tooltip a {
    text-decoration: none !important;
    cursor: inherit !important;
  }

.spec-tooltip .spec-tooltiptext {
  visibility: hidden;
  min-width: 250px;
  background-color: #fef9e0;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 8px 8px;
  position: absolute;
  z-index: 1;
  top: -25px;
  left: 102%;
  font-weight: normal !important;
}

  .spec-tooltip .spec-tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #fef9e0 transparent transparent;
  }

  .spec-tooltip:hover .spec-tooltiptext {
    visibility: visible;
  }

  .moreImages{
  padding-top: 13px;
  padding-bottom: 12px;
  /*margin-left: 18px;
  padding-left: 4px;
  padding-right: 5px;*/
  font-size: 15px;
  color: #0462be;
  font-weight: bold;
  text-decoration: underline;
}

.prod-caption-modal {
  text-align: center;
  padding-top: 5px;
  color: #585858;
  margin-bottom: 10px !important;
}

.xzoom-source {
  cursor: crosshair;
}

.xzoom-thumbs {
  text-align: center;
  width: 100%;
  margin: auto;
}

.prod-caption {
  text-align: center;
  padding-top: 5px;
  color: #585858;
  margin-bottom: 0px !important;
}

.prod-caption {
  text-align: center;
  padding-top: 5px;
  color: #585858;
  margin-bottom: 0px !important;
}

.xzoom-container {
  margin-bottom: 40px;
}

#modalImage div {
  text-align:center;
}

#maxi {
  max-width: 100%;
  min-width:273px;
}

@media (max-width:992px) {
  #maxi {
    max-height:424px
  }
}

@media (max-width:460px) {
  #maxi {
    min-width: 100%;
  }
}



.video-thumb:before {
  content: "\f144";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-left: 0px;
  color: white;
  opacity: .8;
  font-size: 27px;
  top: 7px;
  position: relative;
  left: 44px;
}

.video-thumb {
  margin-left:-28px;
  margin-right:16px;
  display:inline-block;
}

.video-thumb:after {
  content: "VIDEO";
  font-style: normal;
  font-weight: bold;
  text-decoration: inherit;
  margin-left: -43px;
  color: #585858;
  opacity: .8;
  font-size: 10px;
  top: 29px;
  position: relative;
}

@media (max-width:1170px) {
  .xzoom-thumbs a img {
    margin-bottom:10px;
    width:48px;
  }
  .video-thumb:before {
    top:1px;
  }
}

@media (max-width:992px) {
  .modalThumbnail {
    margin-top:0px;
  }
  .video-thumb:before {
    top:0px;
    left:40px;
  }
}

  .modal-dialog {
    margin-top: 30px;
  }

  .modal-open .modal {
    z-index: 999999;
  }

  .modalThumbnail {
    width: 60px;
    height: 47px;
    cursor: pointer;
    margin-bottom: 14px;
    margin-top: 10px;
  }

    .modalThumbnail:after {
      top: 23px;
    }

  .modalVideo {
    min-height: auto !important;
  }

  .xzoom {
    max-width: 100%;
  }


  .video-container2 {
    padding-top: 0px;
  }

  .prod-caption {
    line-height: 1.3;
    margin-bottom: 10px !important;
  }

  @media (max-width:992px) {

    .close {
      font-size: 1.5rem !important;
    }

    .video-container2 {
      min-height: auto !important;
    }

    #modalImage div {
      min-height: auto !important;
    }

    .xzoom-container {
      text-align: center;
    }
  }

  body.modal-open {
    padding-right: 0px !important;
  }

  #RequiresAccessories {
    margin-top: 10px;
  }

.productBrand {
  display: block;
  margin-top: -2px;
  color: #585858;
}

.brandLink{
  font-weight:bold;
  text-decoration:underline;
}

.layui-form input, .layui-form select{font-size: 14px;}
.more0 {
  font-size: 12px;
  background-color: #0462be;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  cursor:pointer;
}
/* tr.details{display: none;} */
tr.details .title{padding: 0 15px; }
tr.details .title h3{margin: 0; color: #0462be;}
tr.details .title .bianma span{font-weight: bold;}
tr.details .title .down{}
tr.details .title .down a{
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
  background-color: #0462be;
  color: #fff;
  padding: 0 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  transition: initial;
  -webkit-transition: initial;
  -moz-transition: initial;
  -ms-transition: initial;
  -o-transition: initial;
  outline-offset: 0 !important;
}
tr.details img{width: 100%;}
tr.details .title .down a:hover{background-color: #286090;}
tr.details .canshu-list .specs{padding: 5px 10px;}
tr.details .canshu-list .specs:nth-child(4n-2),tr.details .canshu-list .specs:nth-child(4n-3){background-color: #efefef;}
@media screen and (max-width:768px) {
  tr.details .canshu-list .specs:nth-child(4n-2),tr.details .canshu-list .specs:nth-child(4n-3){background-color:transparent;}
  tr.details .canshu-list .specs:nth-child(2n){background-color: #efefef;border: 0;}
}




.layui-table-cell, .layui-table-tool-panel li {
  overflow: inherit;
  white-space: inherit;
  }
  .layui-table-cell {
  height: auto;
  }
.screen{position: absolute;padding: 0;}
.screen > span{ float: left;text-align: center;position: relative;}
.screen > span i{
  width: 50px;
  display: inline-block;
  }
.screen > span .select{
  position: absolute;
  left: 0;
  padding: 15px 0;
  border: 1px solid #ddd;
  max-height: 350px;
  background-color: #fff;
  overflow-y: scroll;
  z-index: 999;
  display: none;
  }
.screen > span .select li{padding: 0 15px;white-space: nowrap;}
.layui-form-checked[lay-skin="primary"] i {
  border-color: #0462BE !important;
  background-color: #0462BE;
  }
  .layui-form-checkbox[lay-skin="primary"]:hover i {
  border-color: #0462BE;
  color: #fff;
  }

  .tabsContainer .tabProducts{display: none;}
  .tabsContainer .tabProducts.product-content{max-width: 800px;margin: 0 auto;}
  .tabsContainer .product-content img{max-width: 100%;height: auto !important;}
  .tabsContainer .tabProducts p{margin: 0 0 10px;}
  .tabsContainer .tabProducts .xgcp{text-align: center;}
  .tabsContainer .tabProducts .xgcp .pic{width: 100%;height: 0;padding-top: 80%;position: relative;}
  .tabsContainer .tabProducts .xgcp .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
  .tabsContainer .tabProducts .xgcp .title{
  line-height: 1.6;
  height: 52px;
  overflow: hidden;
  }
  .banner-top {
    /* height: 80%; */
    width: 100%;
  }
  .banner-thumbs {
    /* height: 100px; */
    box-sizing: border-box;
    padding: 10px 0;
  }
  .banner-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }
  .banner-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }
  .xzoom-container .swiper-slide > div{width: 100%;height:0;padding-top: 100%;position: relative;}
  .xzoom-container .swiper-slide img{width: 100%; height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
  .xzoom-container .swiper-slide video{object-fit: cover;position: absolute;   top: 50%; left: 0;  width: 100%;    transform: translate(0%,-50%);}
  .layui-table-cell {padding: 0 2px;}
  th .layui-table-cell{text-align: center;line-height: 20px;margin-bottom: 5px;}
  .select{ display: block; text-align: center;}
  .select.on i::before{ content: "\f101"; }
  .select-list ul{min-width: 100%;position: absolute;background-color: #fff;padding: 5px;display: none;border: 1px solid #ddd;z-index: 999;max-height: 250px;overflow-y: auto;overflow-x:hide;left: 0;top: 30px;box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}
  .select-list ul li{margin: 0 5px;line-height: 2;white-space:nowrap;}
  .select-list ul li span{ color: #0462be !important;  font-weight: bold;}
  #model .layui-table-box {overflow: initial; }
  @media screen and (max-width:991px) {
    #model .layui-table-box {overflow-x: auto;  }
  }

  #model .layui-table-box .layui-table-header{overflow: initial;}
  #model .layui-table-body{overflow: initial;}
  #model .select-list li .layui-icon-ok{
  padding: 1px 2px;
  background-color: #fff;
  color: #fff;
  margin-right: 5px;
  font-size: 12px;
  border: 1px solid #0462be;
  }
  #model .select-list li.on .layui-icon-ok{
  background-color: #0462be;
  color: #fff;
  }
.select-list ul li.rest span{
  font-size: 14px;
  padding: 2px 5px;
  background-color: #0462be;
  color: #fff !important;
}
.select-list ul li span, .select-list ul li i{cursor:pointer;}


#resourcesTabs li.active a{
  color: #0462be;
}
#resourcesTabs li.active div{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #efefef;
  margin: auto;
  position: relative;
  padding-top: 4px;

}
#resourcesContainer{margin-top: -3px;font-size: 15px;}
#resourcesContainer a:focus {color: #0462be; outline: #ccc solid 0px;  }
#videosTab .video-list-item{text-align:center}
#videosTab .video-list-item a{display: block;position: relative;color: #0462be;}
#videosTab .video-list-item a:focus {color: #0462be; outline: #ccc solid 0px;  }
#videosTab .video-list-item .pic{position: relative;width: 100%;height: 0;padding-top: 66%;}
#videosTab .video-list-item .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
#videosTab .video-list-item .duration {
  position: absolute;
  top: 50%;
  color: #fff;
  cursor: pointer;
  left: 50%;
  border: 1px solid #fff;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0 0 5px 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
}

#popupVid{
  display: none;
  position: fixed;
  z-index: 99999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0px;
  left: 0;
  background: rgba(0,0,0,0.8);
  padding-top: 7%;
  overflow: auto;
}

.popupmodal-header{position: relative;}
.popupmodal-header a{
  background: #6c6c6c;
  color: #fff;
  font-size: 15px;
  opacity: 1;
  position: absolute;
  width: 38px;
  border-radius: 35px;
  z-index: 999;
  font-weight: bolder;
  height: 38px;
  line-height: 38px;
  right: -20px;
  top: -20px;
}

.faqQuestion a{color: #0462be; outline: #ccc solid 0px;}
#faqsTab .faq-pf { margin-bottom: 15px;}
#faqsTab .faq-pf:nth-child(2n+1){clear: both;}
@media (max-width: 991px){
.noipad {
  display: none !important;
}
}
#productCompareToolbar {
  background-color: #efefef;
  display: none;
  border-bottom: 1px solid #dadada;
  z-index: 99;
  position: relative;
}
#compareTop {
  padding-top: 10px;
  padding-bottom: 7px;
}
#productContainer{display: none;}
#productCompareCount {
  background-color: #fdcd00;
  margin-left: 5px;
  font-weight: 700;
  border-radius: 5px;
  font-size: 12px;
  padding: 5px;
  padding-right: 8px;
  top: -4px;
  position: relative;
}
#productCompareExpand {
  float: right !important;
  width: 15px;
  margin-top: 2px;
  font-size: xx-large;
}
#compareButtonsDiv {
  margin-right: 3%;
  float: right;
  direction: ltr;
}
.btn-cart-outline {
  margin-right: 10px;
  margin-bottom: 0;
  border: 2px solid #0065fd;
  text-transform: uppercase;
  padding: 8px;
  color: #0065fd;
  font-weight: 400;
  background-color: #fff;
}
#removeAll {
  font-size: 12px;
  padding-bottom: 4.5px;
  padding-top: 4.5px;
  margin-top: 2px;
}
.btn-other {
  margin-top: 10px;
  cursor: pointer;
  padding: 10px 20px;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  background: #fbcc30;
  color: #000;
  box-shadow: 3px 3px 4px #dadada;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  border-radius: 5px;
  margin-bottom: 15px;
}

.productCompareToolbarItem {
  background-color: #fff;
  border: 1px solid #dadada;
  margin-bottom: 15px;
  margin-right: 2%;
  width: 48%;
  padding: 10px;
}
.productCompareToolbarItem img {
  float: left;
  padding-right: 15px;
  padding-bottom: 0 !important;
  width: 90px;
  height: 58px;
  object-fit: cover;
}
@media (max-width: 991px){
  #compareButtonsDiv {
    margin-right: 0%;
    direction: unset;
    float: unset;
    margin-bottom: 15px;
    display: block;
  }
.productCompareToolbarItem {
  width: 100% !important;
}
}
@media (max-width: 767px){
#removeAll {
  width: 100% !important;
  margin-top: 10px;
}
.btn-other {
  width: 100%;
  text-align: center;
  margin-top: 10px !important;
  height: 35px;
}
#productCompareCount{float: left;}
}


.respd .tel {
  border-top: 2px solid #e6e6e6;
  margin-top: 15px;
  padding-top: 15px;
  background: url(../images/pc-xc-icon2.png) no-repeat 10px 15px;
  height: 60px;
  padding-left: 70px;
  line-height: 21px;
  font-size: 18px;
}
.respd .tel a {
  float: right;
  line-height: 42px;
  padding: 0 15px;
  background-color: #0a6b9d;
  color: #fff;
}
@media screen and (max-width:767px) {
  .respd .tel {
    background: url(../images/pc-xc-icon2.png) no-repeat 1px 15px;
    padding-left: 46px;
  }
}
.layui-table-view .layui-table td, .layui-table-view .layui-table th {
  padding: 13px 0;
  border-top: none;
  border-left: none;
}