@media only screen and (max-width: 1200px){
  .main-menu > nav > ul > li.angle-shape {
    margin: 0 15px;
  }
}

@media only screen and (max-width: 893px){
  .main-menu > nav > ul > li.angle-shape {
    margin: 0 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 877px) {
  .header-right-wrap .setting-wrap .style-ingresar > a {
    font-size: 10px;
  }
}

@media only screen and (max-width: 809px){
  .main-menu > nav > ul > li.angle-shape {
    margin: 0 7px;
  }
}

@media (min-width: 768px) {
  div.col-lg-9.style {
    margin: auto;
  }
}
@media all and (max-width: 730px){
  .myaccount-table table tr th:nth-child(3),
  .myaccount-table table tr td:nth-child(3) {
    display: none;
  }

  .myaccount-table table tr th:nth-child(4),
  .myaccount-table table tr td:nth-child(4) {
    display: none;
  }
}
@media all and (max-width: 440px){

  .myaccount-table table tr th:nth-child(3),
  .myaccount-table table tr td:nth-child(3) {
    display: none;
  }

  .myaccount-table table tr th:nth-child(4),
  .myaccount-table table tr td:nth-child(4) {
    display: none;
  }
  .myaccount-table table tr th:nth-child(5),
  .myaccount-table table tr td:nth-child(5) {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px; } }

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active.inside {
  visibility: visible;
  opacity: 1; }
  #scrollUp i {
    line-height: 40px;
    font-size: 16px; }
  .btn-photo{
    padding: 0;
    height: 20px;
    font-size: .6em;
    line-height: 20px; }
  .btn-photo:hover {
    font-size: .65em; }}

@media only screen and (min-width: 900px) and (max-width: 1150px) {
  .flex-control-nav li a {
    width: 9px!important;
    height: 9px!important;
  }
}

@media only screen and (min-width: 400px) and (max-width: 899px) {
  .flex-control-nav li a {
    width: 5px!important;
    height: 5px!important;
  }
  .flex-control-nav {
    bottom: .2%;
  }
}

@media only screen and (min-width: 0) and (max-width: 500px) {
  .flex-direction-nav a:before {
    font-size: 25px!important;
  }
  .style_input_clave {
    width: auto;
  }
}

@media only screen and (min-width: 0px) and (max-width: 399px) {
  .flex-control-nav li a {
    width: 3px!important;
    height: 3px!important;
  }
}

@media only screen and (max-width: 767px) {
  .main-header-wrap {
    display: none; }
  .flexslider {
    padding-top: 55.516px; }
  .header-small-mobile {
    display: block;
    height: 55.516px;}
  .row-height {
    height: 55.516px; }
  .inline-mobil {
    height: 55.516px;
    line-height: 55.516px; }
  .mobile-logo {
    height: 55.516px; }
  .header {
    height: 55.516px; }
    .mobile-logo img {
      transform: translateY(-1.5px);
      width: 30px; }}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.main-menu > nav > ul > li ul.mega-menu {
width: 900px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .header-right-wrap .setting-wrap .setting-content {
    max-height: 510px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .header-right-wrap .setting-wrap .setting-content {
    max-height: 400px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-right-wrap .setting-wrap .setting-content {
max-height: 400px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content.show {
    right: -55px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content.show {
    right: -45px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content.show {
    right: -47px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content.show {
    right: 20px; } }

@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content.show {
    right: 5px;
    width: 300px; } }
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px; } }
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content ul {
    height: 200px; } }
@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content ul {
    height: 100px; } }
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
    margin: 15px 0 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-total {
margin: 15px 0 15px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    font-size: 14px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    font-size: 14px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    font-size: 14px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .cart-wrap .shopping-cart-content .shopping-cart-bottom .shopping-cart-btn a {
    font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .header-small-mobile .header-right-wrap .mobile-off-canvas {
    margin-left: 12px; } }

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap {
    padding: 45px 50px 15px 50px; } }

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search form button {
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    display: block; } }

@media only screen and (max-width: 767px) {
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang {
margin-bottom: 5px; }
.mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang:last-child {
margin-bottom: 0; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-1 {
    height: 700px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-1 {
    height: 700px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-1 {
    height: 530px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-1 {
    height: 500px; } }

@media only screen and (max-width: 767px) {
  .slider-height-1 {
    display: block;
    height: auto;
    padding: 50px 0; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content h1 {
    font-size: 60px;
    line-height: 50px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content h1 {
    font-size: 55px;
    line-height: 45px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content h1 {
    font-size: 35px;
    line-height: 40px; } }

@media only screen and (max-width: 767px) {
.single-slider .slider-content h1 {
font-size: 32px;
line-height: 29px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content p {
    width: 96%;
    margin: 20px 0 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content p {
    width: 96%;
    margin: 20px 0 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content p {
    width: 96%;
    margin: 20px 0 30px; } }

@media only screen and (max-width: 767px) {
  .single-slider .slider-content p {
    width: 100%;
    margin: 20px 0 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-slider .slider-content p {
font-size: 15px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 235px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 115px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 30px; } }

@media only screen and (max-width: 767px) {
  .single-slider .slider-content.pt-180 {
    padding-top: 50px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-slider .slider-content.pt-180 {
padding-top: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-content-2 h1 {
    font-size: 38px;
    line-height: 42px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content-2 h1 {
    font-size: 26px;
    line-height: 30px; } }

@media only screen and (max-width: 767px) {
  .single-slider .slider-content-2 h1 {
    font-size: 26px;
    line-height: 35px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-content-2 p {
    margin: 10px 0px 20px; } }
@media only screen and (max-width: 767px) {
  .single-slider .slider-content-2 p {
    margin: 15px 0px 27px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .indispensable {
    height: 230px;
  }
  .content-all{
      width: 150px;
      height: auto;
  }
  .content-carrousel:active {
      animation-play-state: paused;
  }
  .content-carrousel figure{
      height: 140px;
  }
  .content-carrousel figure:nth-child(1){transform: rotateY(45deg) translateZ(210px);}
  .content-carrousel figure:nth-child(2){transform: rotateY(90deg) translateZ(210px);}
  .content-carrousel figure:nth-child(3){transform: rotateY(135deg) translateZ(210px);}
  .content-carrousel figure:nth-child(4){transform: rotateY(180deg) translateZ(210px);}
  .content-carrousel figure:nth-child(5){transform: rotateY(225deg) translateZ(210px);}
  .content-carrousel figure:nth-child(6){transform: rotateY(270deg) translateZ(210px);}
  .content-carrousel figure:nth-child(7){transform: rotateY(315deg) translateZ(210px);}
  .content-carrousel figure:nth-child(8){transform: rotateY(360deg) translateZ(210px);} }

@media only screen and (min-width: 0) and (max-width: 575px) {
  .indispensable {
    height: 150px;
  }
  .content-all{
      width: 110px;
      height: auto;
  }
  .content-carrousel:active {
      animation-play-state: paused;
  }
  .content-carrousel figure{
      height: 100px;
  }
  .content-carrousel figure:nth-child(1){transform: rotateY(45deg) translateZ(150px);}
  .content-carrousel figure:nth-child(2){transform: rotateY(90deg) translateZ(150px);}
  .content-carrousel figure:nth-child(3){transform: rotateY(135deg) translateZ(150px);}
  .content-carrousel figure:nth-child(4){transform: rotateY(180deg) translateZ(150px);}
  .content-carrousel figure:nth-child(5){transform: rotateY(225deg) translateZ(150px);}
  .content-carrousel figure:nth-child(6){transform: rotateY(270deg) translateZ(150px);}
  .content-carrousel figure:nth-child(7){transform: rotateY(315deg) translateZ(150px);}
  .content-carrousel figure:nth-child(8){transform: rotateY(360deg) translateZ(150px);} }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider .slider-single-img {
    margin-right: 0px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img {
    margin-right: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img {
    margin-right: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
    margin-left: 0px; } }

@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-slider .slider-single-img {
    margin-top: 0px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px; } }
@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 50px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-single-img-2 {
    margin-right: 0px;
    margin-left: -22px;
    margin-top: 0px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
    margin-left: 0px; } }

@media only screen and (max-width: 767px) {
  .single-slider .slider-single-img-3 {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-slider .slider-single-img-3 {
    margin-top: 0px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-1 {
    padding: 0 15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-1 {
    padding: 0 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-1 {
    padding: 0 40px; } }

@media only screen and (max-width: 767px) {
  .section-padding-1 {
    padding: 0 15px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-2 {
    padding: 0 15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-2 {
    padding: 0 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-2 {
    padding: 0 40px; } }

@media only screen and (max-width: 767px) {
  .section-padding-2 {
    padding: 0 15px; } }

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .section-padding-3 .container-fluid {
    padding: 0 50px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-padding-3 .container-fluid {
    padding: 0 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-padding-3 .container-fluid {
    padding: 0 40px; } }

@media only screen and (max-width: 767px) {
  .section-padding-3 .container-fluid {
    padding: 0 15px; } }

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .section-margin-1 {
    margin: 0 15px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-margin-1 {
    margin: 0 30px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-margin-1 {
    margin: 0 40px; } }
@media only screen and (max-width: 767px) {
  .section-margin-1 {
    margin: 0 15px; } }
@media only screen and (min-width: 1366px) and (max-width: 1600px) {
  .slider-height-2 {
    height: 700px; } }
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .slider-height-2 {
    height: 600px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-height-2 {
    height: 530px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-height-2 {
    height: 400px; } }
@media only screen and (max-width: 767px) {
  .slider-height-2 {
    height: auto;
    display: block;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-height-2 {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-1 {
    left: 45px; } }

@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-1 {
    left: 20px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content.banner-position-1 {
    left: 40px; } }


@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content.banner-position-2 {
    right: 45px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-2 {
    right: 30px; } }

@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-2 {
    right: 20px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content.banner-position-2 {
    right: 40px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-4 h2 {
    margin: 4px 0 10px; } }
@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-4 h2 {
    margin: 6px 0 8px;
    font-size: 18px;
    line-height: 24px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content.banner-position-4 h2 {
    font-size: 28px;
    line-height: 35px;
    margin: 14px 0 16px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content.banner-position-6 {
    right: 20px; } }

@media only screen and (max-width: 767px) {
  .single-banner .banner-content.banner-position-6 {
    right: 24px;
    bottom: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .banner-content h2 {
    margin: 14px 0 16px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .banner-content h2 {
    font-size: 20px;
    line-height: 25px;
    margin: 4px 0 10px; } }

@media only screen and (max-width: 767px) {
  .single-banner .banner-content h2 {
    margin: 6px 0 8px;
    font-size: 18px;
    line-height: 24px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .single-banner .banner-content h2 {
    font-size: 28px;
    line-height: 35px;
    margin: 14px 0 16px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-banner .banner-content-2.banner-position-5 {
  left: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-banner .banner-content-3 h2 {
  font-size: 20px;
  margin: 0 0 12px; } }

@media only screen and (max-width: 767px) {
.single-banner .banner-content-3 h2 {
  font-size: 20px;
  margin: 0 0 12px; } }

@media only screen and (max-width: 767px) {
.single-banner .banner-content-4 h3 {
  line-height: 30px;
  font-size: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-banner.mb-130 {
margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
.single-banner.mb-130 {
margin-bottom: 30px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-bg-content h3 {
font-size: 16px;
line-height: 22px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-bg-content h2 {
font-size: 30px;
line-height: 40px; } }

@media only screen and (max-width: 767px) {
.banner-bg-content h2 {
font-size: 28px;
line-height: 40px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-bg-content h2 {
font-size: 22px;
line-height: 30px; } }

@media only screen and (max-width: 767px) {
.banner-img-2 {
margin-bottom: 30px; }
.banner-img-2.pr-10 {
padding-right: 0px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-img-2 {
margin-bottom: 0px; } }

@media only screen and (max-width: 767px) {
.section-title h2 {
font-size: 35px;
margin: 0 0 8px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.section-title p {
width: 46%; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.section-title p {
width: 58%; } }

@media only screen and (max-width: 767px) {
.section-title p {
width: 100%; } }

@media only screen and (max-width: 767px) {
.section-title.pb-60 {
padding-bottom: 30px; }
.section-title.pb-45 {
padding-bottom: 20px; } }

@media only screen and (max-width: 767px) {
.product-tab-list a {
  margin: 0 4px 10px; }
  .product-tab-list a:last-child {
    margin: 0 4px 0px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.product-tab-list a {
  margin: 0 10px 0px; } }

@media only screen and (max-width: 767px) {
  .product-tab-list a h4 {
    padding: 9px 15px 12px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-tab-list a h4 {
    padding: 9px 15px 12px; } }

@media only screen and (max-width: 767px) {
.product-tab-list.pb-60 {
padding-bottom: 30px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-title {
    font-size: 17px; } }
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .ht-products .ht-product .ht-product-inner .ht-product-content .ht-product-content-inner .ht-product-ratting-wrap .ht-product-ratting i {
        font-size: 14px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.modal-dialog {
width: 720px;
max-width: 720px; } }

@media only screen and (max-width: 767px) {
.modal-dialog {
width: 100%;
max-width: 100%;
padding: 35px 0; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-details-content.ml-70 {
margin-left: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details-content.ml-70 {
margin-left: 0; } }

@media only screen and (max-width: 767px) {
.product-details-content.ml-70 {
margin-left: 0;
margin-top: 30px; } }

@media only screen and (max-width: 767px) {
.product-details-content.quickview-content {
margin-top: 30px; } }


@media only screen and (max-width: 767px) {
.product-details-content h2 {
font-size: 20px; } }

@media only screen and (max-width: 767px) {
.product-details-content .pro-details-size-color {
display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.product-details-content .pro-details-size-color {
display: -webkit-box;
display: -ms-flexbox;
display: flex; } }

@media only screen and (max-width: 767px) {
.product-details-content .pro-details-size-color .pro-details-color-wrap {
margin-bottom: 20px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.product-details-content .pro-details-size-color .pro-details-color-wrap {
margin-bottom: 0px; } }

@media only screen and (max-width: 767px) {
.product-details-content .pro-details-quality .pro-details-cart {
margin: 0 10px 0 10px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details-content .pro-details-quality .pro-details-cart {
margin: 0 17px 0 10px; } }

@media only screen and (max-width: 767px) {
.product-details-content .pro-details-quality .pro-details-cart a {
padding: 23px 12px 23px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details-content .pro-details-quality .pro-details-cart a {
padding: 22px 22px 22px; } }

@media only screen and (max-width: 767px) {
.product-details-content .pro-details-quality .pro-details-compare a {
margin-left: 10px; } }

@media only screen and (max-width: 767px) {
.product-details-content .pro-details-meta ul li a {
font-size: 14px; } }

@media only screen and (max-width: 767px) {
.product-details-content.pro-details-slider-content.mt-50 {
margin-top: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.product-details-content.pro-details-slider-content p {
width: 80%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.product-details-content.pro-details-slider-content p {
width: 100%; } }

@media only screen and (max-width: 767px) {
.product-details-content.pro-details-slider-content p {
width: 100%; } }

@media only screen and (max-width: 767px) {
.product-details-content.pro-details-slider-content .pro-details-size-color {
text-align: center; }}

@media only screen and (min-width: 1200px) and (max-width: 1365px) {
.single-testimonial p {
width: 90%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-testimonial p {
width: 90%; } }

@media only screen and (max-width: 767px) {
.single-testimonial p {
width: 100%;
margin: 18px auto 25px;
font-size: 15px; } }

@media only screen and (max-width: 767px) {
.single-feature {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-feature .feature-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 50px;
flex: 0 0 50px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-feature .feature-content h4 {
font-size: 16px;
letter-spacing: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-feature .feature-content p {
font-size: 13px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-feature.pl-50 {
padding-left: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.single-feature.pl-50 {
padding-left: 0; } }

@media only screen and (max-width: 767px) {
.single-feature.pl-50 {
padding-left: 0; } }

@media only screen and (max-width: 767px) {
.feature-area.pb-70 {
padding-bottom: 0; } }

@media only screen and (max-width: 767px) {
.feature-area.pb-60 {
padding-bottom: 5PX; } }

@media only screen and (max-width: 767px) {
.blog-wrap .blog-content h3::before {
width: 95%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-wrap .blog-content .blog-meta ul li {
margin: 0 12px; } }

@media only screen and (max-width: 767px) {
.blog-wrap .blog-content .blog-meta ul li {
margin: 0 10px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.blog-wrap .blog-content p {
width: 94%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-wrap .blog-content p {
width: 100%; } }

@media only screen and (max-width: 767px) {
.blog-wrap .blog-content p {
width: 100%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
.blog-wrap .blog-content p {
width: 93%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-wrap .blog-content.blog-content-mrg {
margin: 0px 0px 0; } }

@media only screen and (max-width: 767px) {
.blog-wrap .blog-content.blog-content-mrg {
margin: 0px 0px 0; } }

@media only screen and (max-width: 767px) {
.blog-wrap .blog-content.blog-content-mrg-2 {
margin: 12px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.blog-wrap.mr-20 {
margin-right: 0; }
.blog-wrap.ml-20 {
margin-left: 0; } }

@media only screen and (max-width: 767px) {
.blog-wrap.mr-20 {
margin-right: 0; }
.blog-wrap.ml-20 {
margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .blog-area.pt-50 {
    padding-top: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-top ul li {
    margin: 0 25px; } }

@media only screen and (max-width: 767px) {
  .footer-top ul li {
    margin: 0 5px 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-bottom .footer-social a {
    margin-right: 16px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom .footer-social a {
    margin-right: 12px; } }

@media only screen and (max-width: 767px) {
  .footer-bottom .footer-social a {
    margin-right: 7px;
    margin-left: 7px; } }

@media only screen and (max-width: 767px) {
.footer-bottom .footer-social {
  text-align: center; } }

@media only screen and (max-width: 767px) {
  .footer-bottom .copyright-2 {
    text-align: center; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom .copyright-2 {
    text-align: inherit; } }

@media only screen and (max-width: 767px) {
  .footer-bottom .payment-mathod {
    text-align: center; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-bottom .payment-mathod a img {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .footer-bottom .payment-mathod a img {
    width: 100%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom .payment-mathod a img {
    width: auto; } }

@media only screen and (max-width: 767px) {
  .footer-bottom .payment-mathod-2 {
    text-align: center; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-bottom .payment-mathod-2 {
    text-align: right; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style p {
    width: 100%; } }

@media only screen and (max-width: 767px) {
  .subscribe-style p {
    width: 100%; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .subscribe-style .subscribe-form .mc-form input {
    padding: 2px 60px 2px 10px; } }

@media only screen and (max-width: 767px) {
  .subscribe-style.mt-45 {
    margin-top: 20px; } }

@media only screen and (max-width: 767px) {
  .footer-widget.pl-50 {
    padding-left: 0px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget {
    text-align: inherit; } }

@media only screen and (max-width: 767px) {
  .shop-top-bar {
    display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 5px 0 10px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 0px; } }

@media only screen and (max-width: 767px) {
.shop-top-bar {
display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: block; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } }

@media only screen and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 5px 0 10px; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .shop-top-bar .select-shoing-wrap p {
    margin: 0px; } }

@media only screen and (max-width: 767px) {
  .pro-pagination-style.mt-30 {
    margin-top: 10px; } }

@media only screen and (max-width: 767px) {
  .pro-pagination-style.pagination-mrg-xs-none {
    margin-top: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content h3 {
    font-size: 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a {
    padding: 12px 15px 8px;
    font-size: 18px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a {
    padding: 12px 15px 8px;
    font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a {
    padding: 12px 12px 8px;
    font-size: 16px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
      padding: 13px 10px 7px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
    padding: 13px 10px 7px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .ht-product-list-action a.list-cart {
    padding: 13px 10px 7px;
    top: 1px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-paragraph p {
    margin-bottom: 10px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content {
    margin-left: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content {
    padding-top: 20px;
    margin-left: 0px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content {
    padding-top: 20px;
    margin-left: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 960px) {
  .one.width-panel {
    max-width: 50%;
    margin: auto;
  }
  .width-panel {
    max-width: 100%;
  }
  .myaccount-content {
    padding: 10px;
    margin-top: 20px;
  }
}

@media only screen and (max-width: 960px) {
  .flex-direction {
    flex-direction: column;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {
    margin: 20px 0 0; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg .shop-list-content .ht-product-list-action {
    margin: 25px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg .shop-list-paragraph {
    padding: 20px 20px 20px 0px; }
    .shop-list-wrap.shop-list-mrg .shop-list-paragraph p {
      margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg .shop-list-paragraph {
    padding: 25px 15px 22px 15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content {
    margin: 0 30px 0 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content {
    margin: 0 30px 0 0px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content {
    margin: 0 0px 0 0px;
    padding: 20px 15px 25px; } }

  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 20px; }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 7px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 7px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content h3 {
    margin: 0 0 7px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content p {
    margin: 0 0 7px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content p {
    margin: 0 0 7px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content p {
    margin: 0 0 7px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    margin: 7px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    margin: 7px 0 0; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    margin: 10px 0 0; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap {
    display: block;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting {
    margin-bottom: 10px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {
    margin: 0 0 10px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg2 .shop-list-content .shop-list-price-action-wrap .shop-list-price-ratting .ht-product-list-price {
    margin: 0 0 10px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg2.shop-list-mrg-none .shop-list-content {
    margin: 0 0px 0 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content {
    margin: 0 26px 0 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content {
    margin: 0 15px 0 0px;
    padding: 10px 0 25px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content {
    margin: 0 15px 0 15px;
    padding: 20px 0 25px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content h3 {
    margin: 0 0 10px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content p {
    margin: 0 0 10px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap {
    display: block;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    margin: 0 0 11px; }
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-title-price-wrap .shop-list-title-price {
    margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap {
    margin: 10px 0 0;
    display: block;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit; }
    .shop-list-wrap.shop-list-mrg3 .shop-list-content .shop-list-ratting-action-wrap .ht-product-list-ratting {
      margin-bottom: 10px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.mr-30 {
    margin-right: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px; }
    .sidebar-style.mr-30 {
      margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 30px; }
    .sidebar-style.mr-30 {
      margin-right: 0; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-style.ml-30 {
    margin-left: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar-style {
    margin-top: 30px; }
    .sidebar-style.ml-30 {
      margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .sidebar-style {
    margin-top: 40px; }
    .sidebar-style.ml-30 {
      margin-left: 0; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-tag ul li {
    margin: 0 5px 15px 0; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-tag ul li a {
    padding: 9px 13px 12px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sidebar-blog .sidebar-blog-img {
    margin: 0 8px 0 0; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-sidebar-blog .sidebar-blog-content h4 {
    font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .product-details-img .zoompro-span .product-video a {
    padding: 5px 12px 6px;
    font-size: 13px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider {
    padding: 0 0px 0 15px; } }

@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider {
    padding: 0 30px 0 45px;
    margin-bottom: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider .product-dec-icon {
    left: 0px; } }

@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider .product-dec-icon {
    left: 0px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {
    right: 0px; } }

@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider .product-dec-icon.product-dec-next {
    right: 0px; } }

@media only screen and (max-width: 767px) {
  .product-details-img .product-dec-slider-2 {
    width: 30%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .product-dec-slider-2 {
    width: 20%; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-img .product-dec-slider-2 .slick-slide {
    margin-bottom: 5px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-img .product-dec-slider-2 .slick-slide {
    margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .product-details-img .product-zoom-right {
    width: 70%; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-details-img .product-zoom-right {
    width: 80%; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper.description-sticky {
    margin: 30px 0 30px; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper.description-sticky .description-review-topbar {
    padding: 0 0 20px; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper {
    padding: 30px 15px 50px; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-topbar {
    padding: 0 0 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .description-review-wrapper .description-review-topbar a {
    margin: 0 14px 0 0;
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-topbar a {
    margin: 0 12px 15px 0;
    font-size: 15px; }
    .description-review-wrapper .description-review-topbar a:last-child {
      margin: 0 12px 5px 0; } }

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .description-review-wrapper .description-review-topbar a {
    margin: 0 32px 0 0;
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .review-wrapper .single-review .review-content {
    margin-left: 10px; } }

@media only screen and (max-width: 767px) {
  .description-review-wrapper .description-review-bottom .ratting-form-wrapper .star-box-wrap {
    display: block; } }

  @media only screen and (max-width: 767px) {
    .pro-dec-banner {
      margin-top: 30px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content.ml-30 {
    margin-left: 0; }
  .product-details-content.mr-30 {
    margin-right: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.ml-30 {
    margin-left: 0; }
  .product-details-content.mr-30 {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .product-details-content.ml-30 {
    margin-left: 0; }
  .product-details-content.mr-30 {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .product-details-area.pb-95 {
    padding-bottom: 38px; }
  .product-details-area.pb-70 {
    padding-bottom: 38px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .responsive-mrg {
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .responsive-mrg {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .sidebar-active .product-details-content {
    margin-top: 0; } }

@media only screen and (max-width: 767px) {
  .cart-main-area.pb-100 {
    padding-bottom: 60px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-table-content table thead > tr th {
    padding: 21px 35px 22px; } }

@media only screen and (max-width: 767px) {
  .cart-table-content table thead > tr th {
    padding: 21px 20px 22px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .login-register-wrapper .login-form-container {
    padding: 80px 50px; } }

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container {
    padding: 40px 15px; } }

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
    font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
    font-size: 14px; } }

@media only screen and (max-width: 767px) {
  .login-register-area.pb-100 {
    padding-bottom: 60px; } }

@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content {
    margin-top: 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 22px; } }

@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content h3 {
    font-size: 18px;
    line-height: 30px; } }

@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content blockquote {
    margin: 25px 0 26px 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 17px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .blog-details-top .blog-details-content blockquote {
    font-size: 16px;
    line-height: 30px; } }

@media only screen and (max-width: 767px) {
  .dec-img-wrapper {
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .dec-img-wrapper .dec-img.mb-50 {
    margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
  .tag-share {
    display: block;
    margin: 20px 0 25px; } }

@media only screen and (max-width: 767px) {
  .tag-share .dec-tag {
    margin-bottom: 10px; } }

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper.mt-55 {
    margin-top: 25px; } }

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .blog-dec-title {
    font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper {
    display: block; }
  .blog-comment-wrapper .single-comment-wrapper.mt-35 {
    margin-top: 20px; }
  .blog-comment-wrapper .single-comment-wrapper.mt-50 {
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img {
    margin-right: 28px;
    margin-bottom: 20px; } }

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper .blog-comment-img img {
    width: auto; } }
@media only screen and (max-width: 767px) {
      .story-img .about-logo h3::before {
        width: 130px;
        line-height: 130px;
        height: 130px;
        top: 10px;
        left: 10px; } }

@media only screen and (max-width: 767px) {
  .blog-comment-wrapper .single-comment-wrapper.ml-120 {
    margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .blog-reply-wrapper.mt-50 {
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-dec-title {
    font-size: 18px; } }

@media only screen and (max-width: 767px) {
  .blog-reply-wrapper .blog-form {
    margin-top: 20px; } }

  @media only screen and (max-width: 767px) {
    .blog-reply-wrapper .blog-form .text-leave textarea {
      height: 180px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-wrapper.ml-20 {
    margin-left: 0; } }

@media only screen and (max-width: 767px) {
  .blog-details-wrapper.ml-20 {
    margin-left: 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-details-wrapper.mr-20 {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .blog-details-wrapper.mr-20 {
    margin-right: 0; } }

@media only screen and (max-width: 767px) {
  .story-img .about-logo h3 {
    width: 150px;
    height: 150px;
    line-height: 150px;
    font-size: 30px; } }

@media only screen and (max-width: 767px) {
  .story-img .about-logo h3::before {
    width: 130px;
    line-height: 130px;
    height: 130px;
    top: 10px;
    left: 10px; } }

@media only screen and (max-width: 767px) {
  .story-details .story-details-top {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .story-details .story-details-top > h2 {
    font-size: 27px;
    line-height: 25px;
    margin: 0 0 12px; } }

@media only screen and (max-width: 767px) {
  .story-details .story-details-bottom {
    margin-bottom: 30px; } }

@media only screen and (max-width: 767px) {
  .story-details .story-details-bottom h4 {
    margin-bottom: 10px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .story-details {
    margin-top: 30px; }
    .story-details.pl-50 {
      padding-left: 0; } }

@media only screen and (max-width: 767px) {
  .story-details {
    margin-top: 30px; }
    .story-details.pl-50 {
      padding-left: 0; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-wrapper .team-content h4 {
    font-size: 16px;
    margin: 0 0 2px; } }

@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap {
    margin: 20px 0 30px; } }

@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info {
    margin: 0 0 20px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px; } }

@media only screen and (max-width: 767px) {
    .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 44px;
      flex: 0 0 44px; } }

@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-icon i {
    font-size: 30px;
    top: 4px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    font-size: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    font-size: 15px; } }

@media only screen and (max-width: 767px) {
  .contact-info-area .contact-info-wrap .single-contact-info .contact-info-content p {
    font-size: 14px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-from {
    margin-left: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-from {
    margin-left: 0px;
    padding: 30px; } }

@media only screen and (max-width: 767px) {
  .contact-from {
    margin-left: 0px;
    padding: 30px 20px; } }

@media only screen and (max-width: 767px) {
  .contact-from button {
    padding: 13px 10px; } }

@media only screen and (max-width: 767px) {
  .contact-map #map {
    height: 300px; } }

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.first-column {
    min-width: 115px; } }

@media only screen and (max-width: 767px) {
  .compare-table .table tbody tr td.product-image-title {
    min-width: 220px; } }

@media only screen and (max-width: 767px) {
  .customer-zone > p {
    padding: 14px 30px 14px 40px; } }

@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social span {
    font-size: 13px; } }

@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li {
    margin: 0 5px 0 0; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 24px 70px 25px; } }

@media only screen and (max-width: 767px) {
  .checkout-login-info .checkout-login-social ul li a {
    padding: 15px 13px 16px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .checkout-login-info3 form input[type="submit"] {
    padding: 5px 15px; } }

@media only screen and (max-width: 767px) {
  .checkout-login-info3 form input[type="submit"] {
    padding: 5px 16px; } }

@media only screen and (max-width: 767px) {
  .billing-info-wrap h3 {
    margin-bottom: 40px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.billing-info-wrap.mr-50 {
  margin-right: 30px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.billing-info-wrap.mr-50 {
  margin-right: 0px; } }

@media only screen and (max-width: 767px) {
.billing-info-wrap.mr-50 {
  margin-right: 0px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .your-order-area {
    padding: 40px 25px 50px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .your-order-area {
    margin-top: 30px; } }
@media only screen and (max-width: 767px) {
  .your-order-area {
    padding: 40px 12px 50px;
    margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .your-order-area .your-order-wrap .payment-method .sin-payment label {
    display: block; } }

@media only screen and (max-width: 767px) {
.checkout-main-area.pb-70 {
  padding-bottom: 50px; } }

@media only screen and (max-width: 767px) {
#myaccountContent {
  margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .myaccount-content {
    padding: 20px 15px; } }


@media only screen and (max-width: 500px) {
  .restab_password h1 {
    font-size: 2em;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pd-60 {
    padding-top: 50px;
  }
  .single-feature .feature-icon img {
    width: 70%;
  }
  .productos {
    width: 50%!important;
  }
  .single-feature .feature-content h4 {
    font-size: 15px;
    letter-spacing: .5px;
    margin: 0 0 20px;
  }
  .single-feature .feature-content p {
    font-size: 13px;
  }
  .servicios {
    margin-bottom: 30px;
  }
  .feature-content {
    width: 160px
  }
  .pt-100 {
    padding-top: 40px;
  }
  .section-title p{
    font-size: 13px;
  }
  .section-title h2 {
    font-size: 27px;
  }
  .footer-area {
    margin-top: 0;
  }
  .pt-35 {
    padding-top: 90px;
  }
  .pb-35 {
    padding-bottom: 0;
  }
  .story-details-top h2 {
    font-size: 23px;
  }
  .story-details-top p {
    font-size: 12px;
  }
  .story-details-bottom p {
    font-size: 12px;
  }
  .pb-100 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 0) and (max-width: 600px) {
  .header-mobile-aside-wrap {
    padding: 45px 40px 10px 50px!important;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    margin-bottom: 21px;
    padding-bottom: 25px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
    padding-bottom: 0;
  }
  .login-register-wrapper .title a h4 {
    font-size: 15px;
  }
  .barra-span {
    font-size: 15px;
    transform: translatey(-3px);
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
    padding: 15px;
  }
  .login-register-wrapper .title {
    margin-bottom: 20px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
    font-size: 13px;
  }
  .login-toggle-btn {
    margin-top: 5px;
  }
  .btn-ingresar {
    margin-top: 15px;
    width: 35%;
    line-height: 2.5;
  }
  .form-login input {
    height: 30px;
  }
  .view_password {
    height: 30px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .banner-area  {
    padding-top: 0;
  }
  .center {
    margin-top: 15px;
  }
  .footer-title h3 {
    font-size: 15px!important;
    margin-bottom: 15px!important;
  }
  .footer-list {
    text-align: initial;
  }
  .footer-list ul {
    display: flex;
    justify-content: space-around;
  }
  .footer-list p {
    font-size: 12px!important;
  }
  .footer-widget .footer-list ul li {
    margin-bottom: 5px;
  }
  .footer-widget .footer-list ul li a {
    font-size: 12px;
  }
  .margin-auto {
    order: 5;
    margin: auto;
  }
}

@media only screen and (max-width: 500px) {
  .restab_password h1 {
    font-size: 2em;
  }
}

@media only screen and (min-width: 0) and (max-width: 768px) {
  .pd-60 {
    padding-top: 40px;
  }
  .single-feature .feature-icon img {
    width: 70%;
  }
  .productos {
    width: 50%!important;
  }
  .single-feature .feature-content h4 {
    font-size: 15px;
    letter-spacing: .5px;
    margin: 0 0 20px;
  }
  .single-feature .feature-content p {
    font-size: 13px;
  }
  .servicios {
    margin-bottom: 30px;
  }
  .feature-content {
    width: 160px
  }
  .pt-100 {
    padding-top: 40px;
  }
  .section-title p{
    font-size: 13px;
  }
  .section-title h2 {
    font-size: 27px;
  }
  .footer-area {
    margin-top: 0;
  }
  .pt-35 {
    padding-top: 90px;
  }
  .pb-35 {
    padding-bottom: 0;
  }
  .story-details-top h2 {
    font-size: 23px;
  }
  .story-details-top p {
    font-size: 12px;
  }
  .story-details-bottom p {
    font-size: 12px;
  }
  .pb-100 {
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 0) and (max-width: 600px) {
  .width_change {
    width: 100%!important;
  }
  .alertaparagraph {
    font-size: .9em;
  }
  .alert_change {
    font-size: .6em!important;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-search {
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap {
    margin-bottom: 21px;
    padding-bottom: 25px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap {
    padding-bottom: 0;
  }
  .login-register-wrapper .title a h4 {
    font-size: 15px;
  }
  .barra-span {
    font-size: 15px;
    transform: translatey(-3px);
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang .lang-curr-dropdown {
    padding: 15px;
  }
  .login-register-wrapper .title {
    margin-bottom: 20px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-curr-lang-wrap .single-mobile-curr-lang a {
    font-size: 13px;
  }
  .login-toggle-btn {
    margin-top: 5px;
  }
  .btn-ingresar {
    margin-top: 15px;
    width: 35%;
    line-height: 2.5;
  }
  .form-login input {
    height: 30px;
  }
  .view_password {
    height: 30px;
  }
  .mobile-off-canvas-active .header-mobile-aside-wrap .mobile-menu-wrap .mobile-navigation nav .mobile-menu li a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
  .width_passwords {
    width: 120%;
  }
  .width_change {
    width: 70%;
    margin: auto;
  }
  .banner-area  {
    padding-top: 0;
  }
  .center {
    margin-top: 15px;
  }
  .footer-title h3 {
    font-size: 15px!important;
    margin-bottom: 15px!important;
  }
  .footer-list {
    text-align: initial;
  }
  .footer-list ul {
    display: flex;
    justify-content: space-around;
  }
  .footer-list p {
    font-size: 12px!important;
  }
  .footer-widget .footer-list ul li {
    margin-bottom: 5px;
  }
  .footer-widget .footer-list ul li a {
    font-size: 12px;
  }
  .margin-auto {
    order: 5;
    margin: auto;
  }
}

@media only screen and (max-width: 767px) {
      .cart-shiping-update-wrapper {
        display: block;
        padding: 30px 0px 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
  .cart-shiping-update-wrapper .cart-clear > button,
  .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 25px 17px;
    font-size: 13px; } }

@media only screen and (max-width: 767px) {
  .cart-shiping-update-wrapper .cart-shiping-update > a,
  .cart-shiping-update-wrapper .cart-clear > button,
  .cart-shiping-update-wrapper .cart-clear > a {
    padding: 18px 40px 17px;
    margin: 0 0 15px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-shiping-update-wrapper .cart-clear > button {
    margin-right: 15px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.cart-tax,
.discount-code-wrapper {
  padding: 45px 18px 50px; } }

@media only screen and (max-width: 767px) {
.cart-tax,
.discount-code-wrapper {
  padding: 45px 18px 50px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
  .discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 16px; } }

@media only screen and (max-width: 767px) {
  .cart-tax .title-wrap h4.cart-bottom-title,
  .discount-code-wrapper .title-wrap h4.cart-bottom-title {
    font-size: 17px; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.grand-totall {
  padding: 45px 18px 50px; } }

@media only screen and (min-width: 768px) and (max-width: 991px) {
.grand-totall {
  margin-top: 30px; } }

@media only screen and (max-width: 767px) {
  .discount-code-wrapper {
    margin: 30px 0; } }

@media only screen and (max-width: 767px) {
  .mb-80 {
    margin-bottom: 60px; } }

@media only screen and (max-width: 767px) {
  .mb-100 {
    margin-bottom: 50px; } }

@media only screen and (max-width: 767px) {
  .pt-80 {
    padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .pt-50 {
    padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .pdd-70 {
    padding-top: 50px; } }

@media only screen and (max-width: 767px) {
  .pb-65 {
    padding-bottom: 15px; } }

@media only screen and (max-width: 767px) {
  .pb-80 {
    padding-bottom: 50px; } }
@media only screen and (max-width: 767px) {
  .pb-95 {
    padding-bottom: 55px; } }

@media only screen and (max-width: 767px) {
  .pb-120 {
    padding-bottom: 50px; } }

@media only screen and (max-width: 767px) {
  .pb-150 {
    padding-bottom: 70x; } }

@media only screen and (max-width: 767px) {
  #scrollUp {
    width: 40px;
    height: 40px; } }

@media only screen and (min-width: 0) and (max-width: 519px) {
.login-toggle-btn {
  margin-top: 5px;
}
@media only screen and (min-width: 0) and (max-width: 386px) {
  .login-register-wrapper .title {
    justify-content: flex-start!important;
    display: -webkit-box!important;
  }
  .color_i {
    margin-left: 0!important;
  }
}