/* Addition media query */
@media (min-width: 1200px){
    .container{
      max-width: 1170px;
      --bs-gutter-x: 15px;
    }
    .container-fluid{
      --bs-gutter-x: 15px;
    }
    .row{
      --bs-gutter-x: 30px;
    }
}
@media (min-width: 768px){
    .filter-grid{
        margin-left: -15px;
        margin-right: -15px;
    }
    .filter-item{
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* large screen min width :1201px. */

@media (min-width: 1900px) {
    .slider-6 {
        padding: 0 150px
    }
    .slider-area .nivo-controlNav {
        left: 10%;
    }
}
/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
    .total-content .container {
        width: inherit;
    }
    .blog-area {
        overflow: hidden;
    }
    .header-3 .mega-menu {
        width: 745px;
    }
    .mega-menu {
        width: 100%;
    }
    .slider-area .nivo-caption .slide1-text,
    .slider-area .nivo-caption .slide2-text {
        width: 70%;
    }
    .slider-area .nivo-caption {
        top: 30%;
    }
    .header-cart a.icon-heaher,
    .header-language a.icon-heaher,
    .header-userinfo a.icon-heaher,
    .main-menu ul.main li a.main-a {
        padding: 30px 0
    }
    .header-8 .stick .logo {
        padding: 9px 22px 10px 0px;
    }
    .header-8 .logo {
        padding: 19px 22px 20px 0px;
    }
    .header-8 .stick .logo {
        padding: 10px 22px 8px 0px;
    }
    .header-cart a.icon-heaher,
    .header-language a.icon-heaher,
    .header-userinfo a.icon-heaher {
        padding: 30px 10px;
    }
    .logo {
        padding: 25px 22px 15px 22px;
    }
    .header-7 .logo {
        padding: 25px 22px 25px 22px;
    }
    .letter-spacing-5 {
        letter-spacing: 3px !important;
    }
    .header-8 .header-wocom .header-cart,
    .header-8 .header-wocom .header-language,
    .header-8 .header-wocom .header-userinfo {
        padding: 0 18px;
    }
    .header-8 .main-menu ul.main li {
        padding: 0px 8px;
    }
    h2.first {
        font-size: 30px;
        letter-spacing: 5px !important;
        line-height: 10px;
    }
    h1.decond {
        font-size: 65px;
        line-height: 60px;
        font-weight: 400;
        letter-spacing: 4px;
    }
    .input-text-box {
        width: 77%;
    }
    .select-style {
        width: 23%;
    }
    .commodo-right {
        padding-left: 10px;
    }
    .commodo-price {
        padding: 15px 0 20px 0;
    }
    .search-box .btn-mnu {
        padding: 30px 4px;
        font-size: 15px;
    }
    .btn-mnu2 {
        padding: 26px 10px;
    }
    .icon-and-text a {
        font-size: 15px;
        padding: 0px 5px;
    }
    .stick.stick .search-box .btn-mnu {
        padding: 21px 4px;
    }
    .body-3 .col-md-10 {
        padding-left: 120px;
    }
    .body-3 #Container .mix {
        width: 33.33%;
    }
    .slider-p3 .cap-readmore p.contnt {
        line-height: 20px;
        font-size: 13px;
    }
    .slider-p3 .sl-shop-link {
        padding: 0px 0;
    }
    .product-desc .add-to-cart a {
        margin-right: 5px;
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .header-8 .header-wocom .header-cart,
    .header-8 .header-wocom .header-language,
    .header-8 .header-wocom .header-userinfo {
        padding: 0 15px;
    }
}
/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
    .header-cart a.icon-heaher,
    .header-language a.icon-heaher,
    .header-userinfo a.icon-heaher {
        padding: 33px 7px;
    }
    .stick .header-cart a.icon-heaher,
    .stick .header-language a.icon-heaher,
    .stick .header-userinfo a.icon-heaher {
        padding: 15px 8px;
    }
    .mean-container .mean-bar {
        background: var(--nav-mobile-background);
    }
    .header-area {
        background: #C6C6C6;
        position: unset;
    }
    .header-area .logo-7 {
        text-align: left;
    }
    .header-area .logo-7 .logo {
        padding: 32px 22px 28px 0;
    }
    .slider-area .nivo-caption .slide1-text,
    .slider-area .nivo-caption .slide2-text {
        width: 100%;
    }
    .slider-area .nivo-caption {
        top: 5%;
    }
    .search-catagory .select-optn {
        font-size: 12px;
    }
    .commodo-right {
        padding-left: 0px;
        padding-top: 0
    }
    .commodo-right .timer {
        margin-bottom: 20px;
    }
    .commodo-right h1 a {
        margin-bottom: 0px;
    }
    .commodo-right h1 {
        font-size: 25px;
    }
    .commodo-right .timer .cdown {
        font-size: 20px;
        padding: 5px 0;
    }
    .commodo-price {
        padding: 0px 0;
    }
    .commodo-price span.old-amount {
        font-size: 20px;
    }
    .commodo-price span {
        font-size: 20px;
    }
    .commodo-right p {
        line-height: 1.6;
    }
    .commo-shop .product-action {
        width: 50%;
    }
    .post-thumb,
    .post-area {
        width: 80%;
    }
    .header-2 .header-area.stick {
        /*position: unset;*/
    }
    #Container .mix {
        width: 33.3333%;
    }
    .tag span.title-dropsown,
    .Column-one span {
        padding: 0px 0;
    }
    .Column-one {
        margin-bottom: 30px;
        display: block;
    }
    .search-box .btn-mnu {
        padding: 35px 10px;
        font-size: 13px;
    }
    .btn-mnu2,
    .btn-mnu {
        padding: 30px 10px;
    }
    .header-7 .header-cart,
    .header-language,
    .header-userinfo {
        padding: 0 8px;
    }
    .header-7 .search-box form {
        right: 0;
    }
    .header-7 .stick .search-box .btn-mnu {
        padding: 18px 10px;
    }
    .header-7 .mean-container .mean-bar {
        margin: 0px 0;
    }
    .icon-and-text a i {
        padding-right: 5px;
        margin: 20px 5px 20px 0;
    }
    .icon-and-text a {
        font-size: 10px;
        padding: 0px 5px;
    }
    .stick .mean-container .mean-bar {
        padding: 6px 0;
    }
    .stick .mean-container a.meanmenu-reveal {
        padding: 17px 0;
    }
    .glary {
        width: 25%;
    }
    .slider-p3 .cap-readmore p.contnt {
        line-height: 25px;
        font-size: 15px;
    }
    .slider-p3 .cap-readmore {
        padding-bottom: 0px;
    }
    .slider-p3 .sl-shop-link {
        padding: 5px 0;
    }
    .slider-p3 h1.decond {
        font-size: 15px;
    }
    .slider-p3 .slider-area .nivo-caption .slide1-text {
        width: 400px;
    }
    .slider-p3 .slider-area .nivo-caption .slide1-text .middle-text {
        margin: 10px 0 0 10px;
        padding: 5px 5px 20px 5px;
    }
    .slider-p3 .cap-readmore .first-f {
        padding-bottom: 0;
    }
    .slider-p3 h1.decond {
        line-height: 25px;
    }
    .portfolio-4 #Container .mix,
    .portfolio-col-3 #Container .mix {
        width: 50%
    }
    .blog-left-sidebar .post-area,
    .post-area {
        margin-left: 17%;
    }
    .blog-list .post-area {
        width: 85%;
        margin-left: 0;
    }
    .blog-post-meta a {
        font-size: 11px;
    }
    .blog-area .post-area {
        width: 100%;
        margin-left: 0;
    }
    .header-8 .header-area {
        position: unset;
    }
    .slide-post {
        padding: 0 0px;
    }
    .blog-area .slide-post .post-thumb,
    .blog-area .slide-post .post-area {
        width: 41%;
    }
    .main-body.body-3 {
        margin-left: unset;
    }
    .total-content {
        margin-left: unset;
    }
    .our-team {
        margin-bottom: 20px;
    }/*
    .header-area.stick {
        position: unset !important;
    }*/
    .header-area.index1 {
        position: unset;
    }
    .body-3 .icon-and-text a p {
        font-size: 11px;
    }
    .icon-and-text a p {
        padding: 25px 0;
    }
    .wplane-area {
        padding-top: 0px;
    }
    .header-8 {
        position: unset;
        background: #CECECE;
    }
    .header-8 .logo {
        padding: 25px 22px 20px 0px;
    }
    .blog-1 .post-content h3 {
        margin-top: 15px;
    }
    .main-blog .single-blog-post {
        padding-bottom: 0px;
    }
    .header-area {
        background: RGBA(6, 6, 6, 0.21);
    }
    .blog-area {
        overflow: hidden;
    }
    .timer .cdown {
        margin: 0 5px;
    }
    h3.title {
        font-size: 19px;
    }
    .body-row .timer .cdown {
        margin: 0 4px 0 0;
        width: 41px;
    }
    .timer {
        bottom: 7px;
    }
    .color {
  bottom: -8px;
}
  .ht3 .ind-style:hover .owl-next {
  right: 17px;
}  
 .ht3 .ind-style:hover .owl-prev {
  left: 17px;
}   
.blog-list .blog-post-meta span {
  padding-right: 5px;
}    
 p.sm-nn {
  display: none;
}   
 .sm-mrgn {
  margin-bottom: 30px;
}  
 .meta-category > span a{
  font-size: 13px;
}   
.meta-social-link ul li a {
  padding: 0 3px;
}    
.portfolio-3.issues-xs .single-portfolio .portfolio-details {
  padding: 53px 0;
}   
.product-details-shop {
  padding: 0 0 10px 25px;
}    
    
    
    
    
}
/* small mobile :320px. */

@media (max-width: 767px) {

    .logo {
        width: 100%;
        text-align: center;
        padding: 32px;
        padding-bottom: 0;
    }
    .header-area.index1,
    .header-area {
        position: unset;
    }
    .header-area .logo-7 {
        text-align: left;
    }
    .header-area .logo-7 .logo {
        padding: 32px 22px 28px 0;
    }
    .header-area .header-wocom {
        display: flex;
        justify-content: center;
    }
    .header-8 .header-area {
        background: #BEBEBE;
    }
    .search-box form input[type="text"] {
        width: 200px;
    }
    .header-area .col-xs-12 .header-wocom {
        width: 200px;
        margin: 0 auto;
    }
    .header-cart,
    .header-language,
    .header-userinfo {
        padding: 0 15px;
    }
    .search-area {
        position: unset;
    }
    .slider-area .nivo-caption {
        top: 0%;
    }
    h2.first {
        font-size: 20px;
        letter-spacing: 5px !important;
        line-height: normal;
    }
    .slider-5 .slider-area .nivo-caption .slide1-text,
    .slider-5 .slider-area .nivo-caption .slide2-text,
    .slider-area .nivo-caption .slide1-text,
    .slider-area .nivo-caption .slide2-text {
        right: unset;
        width: 100%;
    }
    .first-f {
        display: inline-block;
        padding: 0px 0;
    }
    .slider-5 .first-f .first,
    h2.first {
        font-size: 12px;
        letter-spacing: 4px !important;
        line-height: normal;
    }
    .slider-5 .first-f .decond,
    h1.decond {
        font-size: 25px;
        line-height: 20px;
        letter-spacing: 0px;
    }
    p.save {
        font-size: 10px;
        line-height: 0px;
        letter-spacing: 3px;
    }
    .header-area .col-xs-12 {
        position: relative;
        text-align: center;
    }
    .header-area .col-xs-12 .header-wocom {
        display: inline-block;
    }
    .header-cart,
    .header-language,
    .header-userinfo {
        position: unset;
    }
    .header-cart ul,
    .header-language ul,
    .header-userinfo ul {
        right: 0;
        left: 0;
        margin: auto;
    }
    .header-userinfo > ul {
        width: 270px;
        box-shadow: 0 0 4px #000;
    }
    .header-wocom h3,
    .header-wocom ul li a,
    .img-dtil {
        text-align: left;
    }
    .select-style {
        width: 50%;
    }
    .input-text-box {
        width: 50%;
    }
    .search-catagory .select-optn {
        font-size: 11px;
    }
    .select-style::after,
    .select-style::before {
        font-size: 11px
    }
    .search-button {
        padding: 13px 5px;
    }
    .single-banner {
        padding-bottom: 15px;
    }
    .banner-wraper {
        padding-bottom: 0px;
    }
    .bannar-img a {
        display: block;
    }
    .commodo-img {
        width: 90%;
    }
    .commodo-right .timer .cdown {
        width: 50px;
        margin-right: 5px;
    }
    .commodo-right .timer .cdown {
        font-size: 15px;
    }
    .commo-shop .product-action {
        width: 50%;
    }
    .payment,
    .copyright-area {
        text-align: center;
        padding: 10px 0px;
    }
    .menu2 .mean-container a.meanmenu-reveal span {
        background: #fff;
    }
    .menu2 .mean-container a.meanmenu-reveal {
        color: #fff;
    }
    /*.header-7 .header-area.stick,
    .header-2 .header-area.stick {
        position: unset;
    }*/
	.header-7 .header-area.stick{
        position: unset;
    }
    .tst-crosol .owl-controls {
        bottom: 22%;
    }
    #Container .mix {
        width: 100%;
    }
    .product-desc .add-to-cart a {
        margin-right: 5px;
    }
    .lane-banner a {
        display: block;
    }
    .lane-slide-banar .slide-banar-5.line-fasion a::before {
        right: 0px;
    }
    .filter {
        margin: 0 5px 5px 5px;
    }
    .header-7 .header-cart,
    .header-language,
    .header-userinfo {
        padding: 0 17px;
    }
    .header-7 .header-cart,
    .header-7 .header-language,
    .header-7 .header-userinfo {
        padding: 0 8px;
    }
    .header-top-menu ul li a {
        padding: 12px
    }
    .header-7 .logo-7 {
        margin-bottom: 0px;
    }
    .header-7 .mean-container .mean-bar {
        margin: 10px 0;
    }
    .line-fasion a {
        width: 100%;
    }
    .single-cat-img a {
        width: 100%;
    }
    .glary {
        width: 50%;
    }
    .single-product-list {
        display: inline-block;
        width: 100%;
    }
    .subscribe-box form button {
        font-size: 15px;
        padding: 18px 6px;
        top: 1%;
    }
    .slider-p3 .cap-readmore p.contnt {
        line-height: 25px;
        font-size: 15px;
    }
    .slider-p3 .cap-readmore {
        padding-bottom: 0px;
    }
    .slider-p3 .sl-shop-link {
        padding: 5px 0;
    }
    .slider-p3 h1.decond {
        font-size: 15px;
    }
    .slider-p3 .slider-area .nivo-caption .slide1-text {
        width: 240px;
    }
    .slider-p3 .slider-area .nivo-caption .slide1-text .middle-text {
        margin: 10px 0 0 10px;
        padding: 5px 5px 20px 5px;
    }
    .slider-p3 .cap-readmore .first-f {
        padding-bottom: 0;
    }
    .slider-p3 h1.decond {
        line-height: 25px;
    }
    .single-pro-details .product-details-shop .product-action a:first-child {
        padding: 0px 20px;
    }
    .shop-heade .mean-container a.meanmenu-reveal span {
        background: #fff;
    }
    .portfolio-4 #Container .mix,
    .portfolio-col-3 #Container .mix,
    .portfolio-3 #Container .mix {
        width: 100%;
    }
    .post-area {
        margin-left: 17%;
    }
    .blog-list .published {
        width: 21%;
        margin-right: 10px;
    }
    .blog-list .post-area {
        width: 75%;
        margin-left: 0;
    }
    .widget .single-blog-post .post-area {
        margin-left: 0;
    }
    .blog-post-meta a {
        font-size: 11px;
    }
    .contact-body .heading-title h4 {
        margin-bottom: 35px;
        padding-top: 30px;
    }
    .blog-area .post-thumb {
        width: 100% !important;
    }
    .blog-area .post-area {
        width: 100%;
        margin-left: 0;
    }
    .header-8 .header-wocom .header-cart,
    .header-8 .header-wocom .header-language,
    .header-8 .header-wocom .header-userinfo {
        padding: 0 16px;
        border-left: 0px solid rgba(255, 255, 255, 0.1);
    }
    .header-8 .header-wocom .header-cart,
    .header-8 .header-wocom .header-language,
    .header-8 .header-wocom .header-userinfo {
        position: unset;
    }
    .main-body.body-3 {
        margin-left: unset;
    }
    .lane-banner {
        margin-top: 20px;
    }
    .header-5 .logo {
        padding-bottom: 0;
    }
    .header-8 .logo {
        padding: 30px 0 28px 0px;
        border-right: 0px solid #fff3;
        background: #333333;
    }
    .header-7.shop-head .header-cart,
    .header-7.shop-head .header-language,
    .header-7.shop-head .header-userinfo {
        padding: 0 16px;
    }
    .product-list {
        margin-bottom: 30px;
    }
    .our-team.last,
    .counter.count-data.last,
    .last {
        margin-bottom: 0px;
    }
    .our-team {
        margin-bottom: 30px;
    }
    .slide-post .post-thumb {
        margin-bottom: 20px;
    }
    .total-content {
        margin-left: inherit;
    }
    .header-area.stick {
        /*position: unset !important;*/
    }
    .buttons-cart > input {
        margin-bottom: 15px;
    }
    .select-optn,
    .input-text-box {
        padding: 13px 28px;
    }
    .mean-container .mean-bar {
        background: var(--nav-mobile-background);
    }
    .wplane-area {
        padding-top: 0px;
    }
    .header-8 {
        position: unset;
    }
    .commodo-right {
        padding: 10px;
    }
    .timer {
        margin: 10px 0;
    }
    .single-blog-post {
        display: table;
        padding: 0 15px;
    }
    .glary {
        width: 100%;
    }
    .blog-1.single-blog-post {
        padding: 0;
    }
    .search-catagory {
        margin: 30px 0;
    }
    .wplane-area .search-catagory {
        margin: 0;
    }
    .blog-1 .post-content h3 {
        margin-top: 15px;
    }
    .slide-lixury-btn {
        margin: 10px;
    }
    .single-product-list .product-image {
        float: left;
        margin-right: 0;
        width: 100%;
    }
    .division {
        padding-bottom: 20px;
    }
    .index1 .logo {
        padding-bottom: 32px;
    }
    .header-7 .logo::after {
        content: "";
        position: unset;
    }
    .brnd-logo {
        padding: 0 45px;
    }
    .brnd-logo {
        padding: 0 50px;
    }
    .counter.count-data {
        margin-bottom: 50px;
    }
    .body-row .timer .cdown {
  width: 56px;
}
   .timer {
  margin: 10px 11px;
} 
 .slider-p3 h1.decond {
  letter-spacing: 2px;
}   
 .slider-p3 .slider-area .nivo-caption {
    top: 2%;
}   
.team-member.tm {
  padding: 0 0 35px;
}     
  .xs-mrgn {
  margin-bottom: 30px;
}     
.portfolio-3.issues-xs .single-portfolio .portfolio-details {
  padding: 34px 0;
}    
.product-details-shop {
  margin-top: 30px;
}    
.info-tab a {
  font-size: 12px;
  padding: 8px 5px;
}    
 .product-info .tab-content h2 {
  font-size: 14px;
}   
 .reviews span a {
  margin-bottom: 5px; 
}   
.buttons-cart {
  margin-top: 30px;
}    
.cart_totals {
  text-align: left;
}    
.cart-main-area {
  margin-bottom: 50px;
}    
.entry-header-area {
  padding: 0 0 30px;
}
.cart_totals table {
  float: left;
  text-align: left;
}  
.cart_totals table td .amount {
  float: left;
  text-align: left;
}  
.cart-main-area .coupon {
  margin-bottom: 0;
}    
p.checkout-coupon input[type="submit"] {
  margin-top: 20px;
}    
p.checkout-coupon input[type="text"] {
  width: 100%;
}    
 .checkbox-form h3 {
  font-size: 16px;
}   
.checkbox-form .ship-different-title h3 label {
  letter-spacing: 1px;
}    
.your-order {
  padding: 0;
}    
.your-order-table table th, .your-order-table table td {
  padding-left: 2px;
}    
.order-button-payment {
  margin-bottom: 40px;
}    
.shop-setting {
  margin-bottom: 17px;
  padding: 0 0 12px;
}    
.show-as-list .product-image {
  width: 100%;
}    
.product-details-shop {
  padding: 0 0 10px;
  width: 100%;
}    
.footer .logo {
  text-align: left;
}    
.footer-top {
  text-align: left;
}    
    
.hide_small_slider{
	display: none;
}
}
/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    
    .slider-5 .slider-area .nivo-caption .slide1-text,
    .slider-5 .slider-area .nivo-caption .slide2-text,
    .slider-area .nivo-caption .slide1-text,
    .slider-area .nivo-caption .slide2-text {
        right: unset;
        width: 100%;
    }
    .slider-5 .first-f .first,
    h2.first {
        font-size: 15px;
        letter-spacing: 4px !important;
        line-height: 1px;
    }
    h1.decond {
        font-size: 35px;
        line-height: 30px;
        font-weight: 400;
        letter-spacing: 0px;
    }
    p.save {
        font-size: 15px;
        line-height: 0px;
        letter-spacing: 5px;
    }
    .slider-area .nivo-caption {
        top: 17%;
    }
    .select-style {
        width: 35%;
    }
    .input-text-box {
        width: 65%;
    }/*
    .header-2 .header-area.stick {
        position: unset;
    }*/
    .tst-crosol .owl-controls {
        bottom: 22%;
    }
    #Container .mix {
        width: 100%;
    }
    .lane-slide-banar .slide-banar-5.line-fasion a::before {
        right: 0px;
    }
    .filter {
        margin: 0 5px 5px 5px;
    }
    .header-top-menu {
        text-align: center;
    }
    .header-7 .stick .col-md-7 {
        width: 100%;
    }
    .header-7 .logo-7 {
        margin-bottom: 0px;
    }
    .single-cat-img a {
        width: 100%;
    }
    .glary {
        width: 50%;
    }
    .slider-8 h1.decond {
        font-size: 45px;
        line-height: 45px;
    }
    .slider-8 h2.first {
        font-size: 20px;
        letter-spacing: 4px !important;
        line-height: 20px;
    }
    .slider-8 .slider-area .nivo-caption {
        top: 30%;
    }
    .page-8 #Container .mix {
        width: 50%;
    }
    .single-product-list {
        display: inline-block;
        width: 100%;
    }
    .slider-p3 .cap-readmore p.contnt {
        line-height: 25px;
        font-size: 15px;
    }
    .slider-p3 .cap-readmore {
        padding-bottom: 0px;
    }
    .slider-p3 .sl-shop-link {
        padding: 5px 0;
    }
    .slider-p3 h1.decond {
        font-size: 15px;
    }
    .slider-p3 .slider-area .nivo-caption .slide1-text {
        width: 400px;
    }
    .slider-p3 .slider-area .nivo-caption .slide1-text .middle-text {
        margin: 10px 0 0 10px;
        padding: 5px 5px 20px 5px;
    }
    .slider-p3 .cap-readmore .first-f {
        padding-bottom: 0;
    }
    .slider-p3 h1.decond {
        line-height: 25px;
    }
    .portfolio-4 #Container .mix,
    .portfolio-col-3 #Container .mix {
        width: 100%
    }
    .blog-list .published {
        width: 15%;
        margin-right: 18px;
    }
    .blog-list .post-area {
        width: 80%;
        margin-left: 0;
    }
    .single-product-list .product-image {
        float: left;
        margin-right: 5%;
        width: 40%;
    }
    .product-desc {
        width: 55%;
        float: left;
    }
     .slider-p3 .slider-area .nivo-caption {
        top: 2%;
    }   
	.portfolio-3.issues-xs .single-portfolio .portfolio-details {
	  padding: 87px 0;
	}
	.info-tab a {
	  font-size: 13px;
	  padding: 8px 20px;
	}
}

/*Agregado*/
@media (max-width: 400px) {
	span.star-rating a {
		padding-left: 0px;
	}
}

@media (max-width: 768px) {
	.group-justify {
		display: block;
	}
	
	.group-middle {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: -15px;
		text-align: left;
	}
	
	.box-comment-time {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 10px;
		text-align: left;
	}
	
	.content-reply-comments {
		padding-left: 56px;
	}
	
	.group-justify-div {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	
	.image-item{
		height: 306px;
	}
}

@media (max-width: 992px) {
	.group-justify {
		display: block;
	}
	
	.group-middle {
		display: inline-flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: -15px;
		margin-left: 0px;
		text-align: left;
	}
	
	.box-comment-time {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 0px;
		text-align: left;
	}
	
	.content-reply-comments {
		padding-left: 56px;
	}
	
	.group-justify-div {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	
	.image-item{
		height: 260px;
		/*height: 306px;*/
	}
}

@media (min-width: 1279px) and (max-width: 1282px) {
	.widget-banner-image {
		width: 316px  !important;
		height: 300px !important;
	}
}

@media (min-width: 1275px) and (max-width: 1278px) {
	.widget-banner-image {
		width: 315px  !important;
		height: 300px !important;
	}
}

@media (min-width: 1271px) and (max-width: 1274px) {
	.widget-banner-image {
		width: 314px !important;
		height: 300px !important;
	}
}

@media (min-width: 1262px) and (max-width: 1266px) {
	.widget-banner-image {
		width: 312px !important;
		height: 300px !important;
	}
}

@media (min-width: 1259px) and (max-width: 1261px) {
	.widget-banner-image {
		width: 311px !important;
		height: 300px !important;
	}
}

@media (min-width: 1255px) and (max-width: 1258px) {
	.widget-banner-image {
		width: 310px !important;
		height: 300px !important;
	}
}

@media (min-width: 1251px) and (max-width: 1254px) {
	.widget-banner-image {
		width: 309px !important;
		height: 300px !important;
	}
}

@media (min-width: 1247px) and (max-width: 1250px) {
	.widget-banner-image {
		width: 308px !important;
		height: 300px !important;
	}
}

@media (min-width: 1243px) and (max-width: 1246px) {
	.widget-banner-image {
		width: 307px !important;
		height: 300px !important;
	}
}

@media (min-width: 1239px) and (max-width: 1242px) {
	.widget-banner-image {
		width: 306px !important;
		height: 300px !important;
	}
}

@media (min-width: 1235px) and (max-width: 1238px) {
	.widget-banner-image {
		width: 305px !important;
		height: 300px !important;
	}
}

@media (min-width: 1231px) and (max-width: 1234px) {
	.widget-banner-image {
		width: 304px !important;
		height: 300px !important;
	}
}

@media (min-width: 1227px) and (max-width: 1230px) {
	.widget-banner-image {
		width: 303px !important;
		height: 300px !important;
	}
}

@media (min-width: 1223px) and (max-width: 1226px) {
	.widget-banner-image {
		width: 302px !important;
		height: 300px !important;
	}
}

@media (min-width: 1219px) and (max-width: 1222px) {
	.widget-banner-image {
		width: 301px !important;
		height: 300px !important;
	}
}

@media (min-width: 1215px) and (max-width: 1218px) {
	.widget-banner-image {
		width: 300px !important;
		height: 300px !important;
	}
}

@media (min-width: 1211px) and (max-width: 1214px) {
	.widget-banner-image {
		width: 299px !important;
		height: 300px !important;
	}
}

@media (min-width: 1207px) and (max-width: 1210px) {
	.widget-banner-image {
		width: 298px !important;
		height: 260px !important;
	}
}

@media (min-width: 1203px) and (max-width: 1206px) {
	.widget-banner-image {
		width: 297px !important;
		height: 260px !important;
	}
}

@media (min-width: 1200px) and (max-width: 1202px) {
	.widget-banner-image {
		width: 296px !important;
		height: 260px !important;
	}
}

@media (min-width: 1198px) and (max-width: 1199px) {
	.widget-banner-image {
		width: 294px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1194px) and (max-width: 1197px) {
	.widget-banner-image {
		width: 293px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1190px) and (max-width: 1193px) {
	.widget-banner-image {
		width: 292px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1186px) and (max-width: 1189px) {
	.widget-banner-image {
		width: 291px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1182px) and (max-width: 1185px) {
	.widget-banner-image {
		width: 290px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1178px) and (max-width: 1181px) {
	.widget-banner-image {
		width: 289px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1174px) and (max-width: 1177px) {
	.widget-banner-image {
		width: 288px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1170px) and (max-width: 1173px) {
	.widget-banner-image {
		width: 287px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1166px) and (max-width: 1169px) {
	.widget-banner-image {
		width: 286px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1162px) and (max-width: 1165px) {
	.widget-banner-image {
		width: 285px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1158px) and (max-width: 1161px) {
	.widget-banner-image {
		width: 284px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1154px) and (max-width: 1157px) {
	.widget-banner-image {
		width: 283px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1150px) and (max-width: 1153px) {
	.widget-banner-image {
		width: 282px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1146px) and (max-width: 1149px) {
	.widget-banner-image {
		width: 281px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1142px) and (max-width: 1145px) {
	.widget-banner-image {
		width: 280px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1138px) and (max-width: 1141px) {
	.widget-banner-image {
		width: 279px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1134px) and (max-width: 1137px) {
	.widget-banner-image {
		width: 278px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1130px) and (max-width: 1133px) {
	.widget-banner-image {
		width: 277px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1126px) and (max-width: 1129px) {
	.widget-banner-image {
		width: 276px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1122px) and (max-width: 1125px) {
	.widget-banner-image {
		width: 275px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1118px) and (max-width: 1121px) {
	.widget-banner-image {
		width: 274px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1114px) and (max-width: 1117px) {
	.widget-banner-image {
		width: 273px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1110px) and (max-width: 1113px) {
	.widget-banner-image {
		width: 272px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1106px) and (max-width: 1109px) {
	.widget-banner-image {
		width: 271px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1102px) and (max-width: 1105px) {
	.widget-banner-image {
		width: 270px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1098px) and (max-width: 1101px) {
	.widget-banner-image {
		width: 269px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1094px) and (max-width: 1097px) {
	.widget-banner-image {
		width: 268px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1090px) and (max-width: 1093px) {
	.widget-banner-image {
		width: 267px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1086px) and (max-width: 1089px) {
	.widget-banner-image {
		width: 266px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1082px) and (max-width: 1085px) {
	.widget-banner-image {
		width: 265px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1078px) and (max-width: 1081px) {
	.widget-banner-image {
		width: 264px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1074px) and (max-width: 1077px) {
	.widget-banner-image {
		width: 263px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1070px) and (max-width: 1073px) {
	.widget-banner-image {
		width: 262px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1066px) and (max-width: 1069px) {
	.widget-banner-image {
	  width: 261px  !important;
	  height: 260px !important;
	}
}

@media (min-width: 1062px) and (max-width: 1065px) {
	.widget-banner-image {
		width: 260px  !important;
		height: 260px !important;
	}
}

@media (min-width: 1058px) and (max-width: 1061px) {
	.widget-banner-image {
		width: 259px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1054px) and (max-width: 1057px) {
	.widget-banner-image {
		width: 258px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1050px) and (max-width: 1053px) {
	.widget-banner-image {
		width: 257px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1046px) and (max-width: 1049px) {
	.widget-banner-image {
		width: 256px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1042px) and (max-width: 1045px) {
	.widget-banner-image {
		width: 255px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1038px) and (max-width: 1041px) {
	.widget-banner-image {
		width: 254px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1034px) and (max-width: 1037px) {
	.widget-banner-image {
		width: 253px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1030px) and (max-width: 1033px) {
	.widget-banner-image {
		width: 252px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1026px) and (max-width: 1029px) {
	.widget-banner-image {
		width: 251px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1022px) and (max-width: 1025px) {
	.widget-banner-image {
		width: 250px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1018px) and (max-width: 1021px) {
	.widget-banner-image {
		width: 249px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1014px) and (max-width: 1017px) {
	.widget-banner-image {
		width: 248px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1010px) and (max-width: 1013px) {
	.widget-banner-image {
		width: 247px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1006px) and (max-width: 1009px) {
	.widget-banner-image {
		width: 246px  !important;
		height: 236px !important;
	}
}

@media (min-width: 1002px) and (max-width: 1005px) {
	.widget-banner-image {
		width: 245px  !important;
		height: 236px !important;
	}
}

@media (min-width: 998px) and (max-width: 1001px) {
	.widget-banner-image {
		width: 244px  !important;
		height: 236px !important;
	}
}

@media (min-width: 994px) and (max-width: 997px) {
	.widget-banner-image {
		width: 243px  !important;
		height: 236px !important;
	}
}

@media (min-width: 992px) and (max-width: 993px) {
	.widget-banner-image {
		width: 242px  !important;
		height: 236px !important;
	}
}

@media (min-width: 989px) and (max-width: 991px) {
	.widget-banner-image {
		width: 322px  !important;
		height: 236px !important;
	}
}

@media (min-width: 986px) and (max-width: 989px) {
	.widget-banner-image {
		width: 321px  !important;
		height: 236px !important;
	}
}

@media (min-width: 983px) and (max-width: 985px) {
	.widget-banner-image {
		width: 320px  !important;
		height: 236px !important;
	}
}

@media (min-width: 980px) and (max-width: 982px) {
	.widget-banner-image {
		width: 319px  !important;
		height: 236px !important;
	}
}

@media (min-width: 977px) and (max-width: 979px) {
	.widget-banner-image {
		width: 318px  !important;
		height: 236px !important;
	}
}

@media (min-width: 974px) and (max-width: 976px) {
	.widget-banner-image {
		width: 317px  !important;
		height: 236px !important;
	}
}

@media (min-width: 971px) and (max-width: 973px) {
	.widget-banner-image {
		width: 316px  !important;
		height: 236px !important;
	}
}

@media (min-width: 968px) and (max-width: 970px) {
	.widget-banner-image {
		width: 315px  !important;
		height: 236px !important;
	}
}

@media (min-width: 965px) and (max-width: 967px) {
	.widget-banner-image {
		width: 314px  !important;
		height: 236px !important;
	}
}

@media (min-width: 962px) and (max-width: 964px) {
	.widget-banner-image {
		width: 313px  !important;
		height: 236px !important;
	}
}

@media (min-width: 959px) and (max-width: 961px) {
	.widget-banner-image {
		width: 312px  !important;
		height: 236px !important;
	}
}

@media (min-width: 956px) and (max-width: 958px) {
	.widget-banner-image {
		width: 311px  !important;
		height: 236px !important;
	}
}

@media (min-width: 953px) and (max-width: 955px) {
	.widget-banner-image {
		width: 310px  !important;
		height: 236px !important;
	}
}

@media (min-width: 950px) and (max-width: 952px) {
	.widget-banner-image {
		width: 309px  !important;
		height: 236px !important;
	}
}

@media (min-width: 947px) and (max-width: 949px) {
	.widget-banner-image {
		width: 308px  !important;
		height: 236px !important;
	}
}

@media (min-width: 944px) and (max-width: 946px) {
	.widget-banner-image {
		width: 307px  !important;
		height: 236px !important;
	}
}

@media (min-width: 941px) and (max-width: 943px) {
	.widget-banner-image {
		width: 306px  !important;
		height: 236px !important;
	}
}

@media (min-width: 938px) and (max-width: 940px) {
	.widget-banner-image {
		width: 305px  !important;
		height: 236px !important;
	}
}

@media (min-width: 935px) and (max-width: 937px) {
	.widget-banner-image {
		width: 304px  !important;
		height: 236px !important;
	}
}

@media (min-width: 932px) and (max-width: 934px) {
	.widget-banner-image {
		width: 303px  !important;
		height: 236px !important;
	}
}

@media (min-width: 929px) and (max-width: 931px) {
	.widget-banner-image {
		width: 302px  !important;
		height: 236px !important;
	}
}

@media (min-width: 926px) and (max-width: 928px) {
	.widget-banner-image {
		width: 301px  !important;
		height: 236px !important;
	}
}

@media (min-width: 923px) and (max-width: 925px) {
	.widget-banner-image {
		width: 300px  !important;
		height: 236px !important;
	}
}

@media (min-width: 920px) and (max-width: 922px) {
	.widget-banner-image {
		width: 299px  !important;
		height: 236px !important;
	}
}

@media (min-width: 917px) and (max-width: 919px) {
	.widget-banner-image {
		width: 298px  !important;
		height: 236px !important;
	}
}

@media (min-width: 914px) and (max-width: 916px) {
	.widget-banner-image {
		width: 297px  !important;
		height: 236px !important;
	}
}

@media (min-width: 911px) and (max-width: 913px) {
	.widget-banner-image {
		width: 296px  !important;
		height: 236px !important;
	}
}

@media (min-width: 908px) and (max-width: 910px) {
	.widget-banner-image {
		width: 295px  !important;
		height: 236px !important;
	}
}

@media (min-width: 905px) and (max-width: 907px) {
	.widget-banner-image {
		width: 294px  !important;
		height: 236px !important;
	}
}

@media (min-width: 902px) and (max-width: 904px) {
	.widget-banner-image {
		width: 293px  !important;
		height: 236px !important;
	}
}

@media (min-width: 899px) and (max-width: 901px) {
	.widget-banner-image {
		width: 292px  !important;
		height: 236px !important;
	}
}

@media (min-width: 896px) and (max-width: 898px) {
	.widget-banner-image {
		width: 291px  !important;
		height: 236px !important;
	}
}

@media (min-width: 893px) and (max-width: 895px) {
	.widget-banner-image {
		width: 290px  !important;
		height: 236px !important;
	}
}

@media (min-width: 890px) and (max-width: 892px) {
	.widget-banner-image {
		width: 289px  !important;
		height: 236px !important;
	}
}

@media (min-width: 887px) and (max-width: 889px) {
	.widget-banner-image {
		width: 288px  !important;
		height: 236px !important;
	}
}

@media (min-width: 884px) and (max-width: 886px) {
	.widget-banner-image {
		width: 287px  !important;
		height: 236px !important;
	}
}

@media (min-width: 881px) and (max-width: 883px) {
	.widget-banner-image {
		width: 286px  !important;
		height: 236px !important;
	}
}

@media (min-width: 878px) and (max-width: 880px) {
	.widget-banner-image {
		width: 285px  !important;
		height: 236px !important;
	}
}

@media (min-width: 875px) and (max-width: 877px) {
	.widget-banner-image {
		width: 284px  !important;
		height: 236px !important;
	}
}

@media (min-width: 872px) and (max-width: 874px) {
	.widget-banner-image {
		width: 283px  !important;
		height: 236px !important;
	}
}

@media (min-width: 869px) and (max-width: 871px) {
	.widget-banner-image {
		width: 282px  !important;
		height: 236px !important;
	}
}

@media (min-width: 866px) and (max-width: 868px) {
	.widget-banner-image {
		width: 281px  !important;
		height: 236px !important;
	}
}

@media (min-width: 863px) and (max-width: 865px) {
	.widget-banner-image {
		width: 280px  !important;
		height: 236px !important;
	}
}

@media (min-width: 860px) and (max-width: 862px) {
	.widget-banner-image {
		width: 279px  !important;
		height: 236px !important;
	}
}

@media (min-width: 857px) and (max-width: 859px) {
	.widget-banner-image {
		width: 278px  !important;
		height: 236px !important;
	}
}

@media (min-width: 854px) and (max-width: 856px) {
	.widget-banner-image {
		width: 277px  !important;
		height: 236px !important;
	}
}

@media (min-width: 851px) and (max-width: 853px) {
	.widget-banner-image {
		width: 276px  !important;
		height: 236px !important;
	}
}

@media (min-width: 848px) and (max-width: 851px) {
	.widget-banner-image {
		width: 275px  !important;
		height: 236px !important;
	}
}

@media (min-width: 845px) and (max-width: 847px) {
	.widget-banner-image {
		width: 274px  !important;
		height: 236px !important;
	}
}

@media (min-width: 842px) and (max-width: 844px) {
	.widget-banner-image {
		width: 273px  !important;
		height: 236px !important;
	}
}

@media (min-width: 839px) and (max-width: 841px) {
	.widget-banner-image {
		width: 272px  !important;
		height: 236px !important;
	}
}

@media (min-width: 836px) and (max-width: 838px) {
	.widget-banner-image {
		width: 271px  !important;
		height: 236px !important;
	}
}

@media (min-width: 833px) and (max-width: 835px) {
	.widget-banner-image {
		width: 270px  !important;
		height: 236px !important;
	}
}

@media (min-width: 830px) and (max-width: 832px) {
	.widget-banner-image {
		width: 269px  !important;
		height: 236px !important;
	}
}

@media (min-width: 827px) and (max-width: 829px) {
	.widget-banner-image {
		width: 268px  !important;
		height: 236px !important;
	}
}

@media (min-width: 824px) and (max-width: 826px) {
	.widget-banner-image {
		width: 267px  !important;
		height: 236px !important;
	}
}

@media (min-width: 821px) and (max-width: 823px) {
	.widget-banner-image {
		width: 266px !important;
		height: 183px !important;
	}
}

@media (min-width: 818px) and (max-width: 820px) {
	.widget-banner-image {
		width: 265px !important;
		height: 183px !important;
	}
}

@media (min-width: 815px) and (max-width: 817px) {
	.widget-banner-image {
		width: 264px !important;
		height: 183px !important;
	}
}

@media (min-width: 812px) and (max-width: 814px) {
	.widget-banner-image {
		width: 263px !important;
		height: 183px !important;
	}
}

@media (min-width: 809px) and (max-width: 811px) {
	.widget-banner-image {
		width: 262px !important;
		height: 183px !important;
	}
}

@media (min-width: 806px) and (max-width: 808px) {
	.widget-banner-image {
		width: 261px !important;
		height: 183px !important;
	}
}

@media (min-width: 803px) and (max-width: 805px) {
	.widget-banner-image {
		width: 260px !important;
		height: 183px !important;
	}
}

@media (min-width: 800px) and (max-width: 802px) {
	.widget-banner-image {
		width: 259px !important;
		height: 183px !important;
	}
}

@media (min-width: 797px) and (max-width: 799px) {
	.widget-banner-image {
		width: 258px !important;
		height: 183px !important;
	}
}

@media (min-width: 794px) and (max-width: 796px) {
	.widget-banner-image {
		width: 257px !important;
		height: 183px !important;
	}
}

@media (min-width: 791px) and (max-width: 793px) {
	.widget-banner-image {
		width: 256px !important;
		height: 183px !important;
	}
}

@media (min-width: 788px) and (max-width: 790px) {
	.widget-banner-image {
		width: 255px !important;
		height: 183px !important;
	}
}

@media (min-width: 785px) and (max-width: 787px) {
	.widget-banner-image {
		width: 254px !important;
		height: 183px !important;
	}
}

@media (min-width: 782px) and (max-width: 784px) {
	.widget-banner-image {
		width: 253px !important;
		height: 183px !important;
	}
}

@media (min-width: 779px) and (max-width: 781px) {
	.widget-banner-image {
		width: 252px !important;
		height: 183px !important;
	}
}

@media (min-width: 776px) and (max-width: 778px) {
	.widget-banner-image {
		width: 251px !important;
		height: 183px !important;
	}
}

@media (min-width: 773px) and (max-width: 775px) {
	.widget-banner-image {
		width: 250px !important;
		height: 183px !important;
	}
}

@media (min-width: 770px) and (max-width: 772px) {
	.widget-banner-image {
		width: 249px !important;
		height: 183px !important;
	}
}

@media (min-width: 768px) and (max-width: 769px) {
	.widget-banner-image {
		width: 248px !important;
		height: 183px !important;
	}
}

@media (min-width: 767px) and (max-width: 767px) {
	.widget-banner-image {
		width: 372px !important;
		height: 183px !important;
	}
}

@media (min-width: 765px) and (max-width: 766px) {
	.widget-banner-image {
		width: 371px !important;
		height: 183px !important;
	}
}

@media (min-width: 763px) and (max-width: 764px) {
	.widget-banner-image {
		width: 370px !important;
		height: 183px !important;
	}
}

@media (min-width: 761px) and (max-width: 762px) {
	.widget-banner-image {
		width: 369px !important;
		height: 183px !important;
	}
}

@media (min-width: 759px) and (max-width: 760px) {
	.widget-banner-image {
		width: 368px !important;
		height: 183px !important;
	}
}

@media (min-width: 757px) and (max-width: 758px) {
	.widget-banner-image {
		width: 367px !important;
		height: 183px !important;
	}
}

@media (min-width: 755px) and (max-width: 756px) {
	.widget-banner-image {
		width: 366px !important;
		height: 183px !important;
	}
}

@media (min-width: 753px) and (max-width: 754px) {
	.widget-banner-image {
		width: 365px !important;
		height: 183px !important;
	}
}

@media (min-width: 751px) and (max-width: 752px) {
	.widget-banner-image {
		width: 364px !important;
		height: 183px !important;
	}
}

@media (min-width: 749px) and (max-width: 750px) {
	.widget-banner-image {
		width: 363px !important;
		height: 183px !important;
	}
}

@media (min-width: 747px) and (max-width: 748px) {
	.widget-banner-image {
		width: 362px !important;
		height: 183px !important;
	}
}

@media (min-width: 745px) and (max-width: 746px) {
	.widget-banner-image {
		width: 361px !important;
		height: 183px !important;
	}
}

@media (min-width: 743px) and (max-width: 744px) {
	.widget-banner-image {
		width: 360px !important;
		height: 183px !important;
	}
}

@media (min-width: 741px) and (max-width: 742px) {
	.widget-banner-image {
		width: 359px !important;
		height: 183px !important;
	}
}

@media (min-width: 739px) and (max-width: 740px) {
	.widget-banner-image {
		width: 358px !important;
		height: 183px !important;
	}
}

@media (min-width: 737px) and (max-width: 738px) {
	.widget-banner-image {
		width: 357px !important;
		height: 183px !important;
	}
}

@media (min-width: 735px) and (max-width: 736px) {
	.widget-banner-image {
		width: 356px !important;
		height: 183px !important;
	}
}

@media (min-width: 733px) and (max-width: 734px) {
	.widget-banner-image {
		width: 355px !important;
		height: 183px !important;
	}
}

@media (min-width: 731px) and (max-width: 732px) {
	.widget-banner-image {
		width: 354px !important;
		height: 183px !important;
	}
}

@media (min-width: 729px) and (max-width: 730px) {
	.widget-banner-image {
		width: 353px !important;
		height: 183px !important;
	}
}

@media (min-width: 727px) and (max-width: 728px) {
	.widget-banner-image {
		width: 352px !important;
		height: 183px !important;
	}
}

@media (min-width: 725px) and (max-width: 726px) {
	.widget-banner-image {
		width: 351px !important;
		height: 183px !important;
	}
}

@media (min-width: 723px) and (max-width: 724px) {
	.widget-banner-image {
		width: 350px !important;
		height: 183px !important;
	}
}

@media (min-width: 721px) and (max-width: 722px) {
	.widget-banner-image {
		width: 349px !important;
		height: 183px !important;
	}
}

@media (min-width: 719px) and (max-width: 720px) {
	.widget-banner-image {
		width: 348px !important;
		height: 183px !important;
	}
}

@media (min-width: 717px) and (max-width: 718px) {
	.widget-banner-image {
		width: 347px !important;
		height: 183px !important;
	}
}

@media (min-width: 715px) and (max-width: 716px) {
	.widget-banner-image {
		width: 346px !important;
		height: 183px !important;
	}
}

@media (min-width: 713px) and (max-width: 714px) {
	.widget-banner-image {
		width: 345px !important;
		height: 183px !important;
	}
}

@media (min-width: 711px) and (max-width: 712px) {
	.widget-banner-image {
		width: 344px !important;
		height: 183px !important;
	}
}

@media (min-width: 709px) and (max-width: 710px) {
	.widget-banner-image {
		width: 343px !important;
		height: 183px !important;
	}
}

@media (min-width: 707px) and (max-width: 708px) {
	.widget-banner-image {
		width: 342px !important;
		height: 183px !important;
	}
}

@media (min-width: 705px) and (max-width: 706px) {
	.widget-banner-image {
		width: 341px !important;
		height: 183px !important;
	}
}

@media (min-width: 703px) and (max-width: 704px) {
	.widget-banner-image {
		width: 340px !important;
		height: 183px !important;
	}
}

@media (min-width: 701px) and (max-width: 702px) {
	.widget-banner-image {
		width: 339px !important;
		height: 183px !important;
	}
}

@media (min-width: 699px) and (max-width: 700px) {
	.widget-banner-image {
		width: 338px !important;
		height: 183px !important;
	}
}

@media (min-width: 697px) and (max-width: 698px) {
	.widget-banner-image {
		width: 337px !important;
		height: 183px !important;
	}
}

@media (min-width: 695px) and (max-width: 696px) {
	.widget-banner-image {
		width: 336px !important;
		height: 183px !important;
	}
}

@media (min-width: 693px) and (max-width: 694px) {
	.widget-banner-image {
		width: 335px !important;
		height: 183px !important;
	}
}

@media (min-width: 691px) and (max-width: 692px) {
	.widget-banner-image {
		width: 334px !important;
		height: 183px !important;
	}
}

@media (min-width: 689px) and (max-width: 690px) {
	.widget-banner-image {
		width: 333px !important;
		height: 183px !important;
	}
}

@media (min-width: 687px) and (max-width: 688px) {
	.widget-banner-image {
		width: 332px !important;
		height: 183px !important;
	}
}

@media (min-width: 685px) and (max-width: 686px) {
	.widget-banner-image {
		width: 331px !important;
		height: 183px !important;
	}
}

@media (min-width: 683px) and (max-width: 684px) {
	.widget-banner-image {
		width: 330px !important;
		height: 183px !important;
	}
}

@media (min-width: 681px) and (max-width: 682px) {
	.widget-banner-image {
		width: 329px !important;
		height: 183px !important;
	}
}

@media (min-width: 679px) and (max-width: 680px) {
	.widget-banner-image {
		width: 328px !important;
		height: 183px !important;
	}
}

@media (min-width: 677px) and (max-width: 678px) {
	.widget-banner-image {
		width: 327px !important;
		height: 183px !important;
	}
}

@media (min-width: 675px) and (max-width: 676px) {
	.widget-banner-image {
		width: 326px !important;
		height: 183px !important;
	}
}

@media (min-width: 673px) and (max-width: 674px) {
	.widget-banner-image {
		width: 325px !important;
		height: 183px !important;
	}
}

@media (min-width: 671px) and (max-width: 672px) {
	.widget-banner-image {
		width: 324px !important;
		height: 183px !important;
	}
}

@media (min-width: 669px) and (max-width: 670px) {
	.widget-banner-image {
		width: 323px !important;
		height: 183px !important;
	}
}

@media (min-width: 667px) and (max-width: 668px) {
	.widget-banner-image {
		width: 322px !important;
		height: 183px !important;
	}
}

@media (min-width: 665px) and (max-width: 666px) {
	.widget-banner-image {
		width: 321px !important;
		height: 183px !important;
	}
}

@media (min-width: 663px) and (max-width: 664px) {
	.widget-banner-image {
		width: 320px !important;
		height: 183px !important;
	}
}

@media (min-width: 661px) and (max-width: 662px) {
	.widget-banner-image {
		width: 319px !important;
		height: 183px !important;
	}
}

@media (min-width: 659px) and (max-width: 660px) {
	.widget-banner-image {
		width: 318px !important;
		height: 183px !important;
	}
}

@media (min-width: 657px) and (max-width: 658px) {
	.widget-banner-image {
		width: 317px !important;
		height: 183px !important;
	}
}

@media (min-width: 655px) and (max-width: 656px) {
	.widget-banner-image {
		width: 316px !important;
		height: 183px !important;
	}
}

@media (min-width: 653px) and (max-width: 654px) {
	.widget-banner-image {
		width: 315px !important;
		height: 183px !important;
	}
}

@media (min-width: 651px) and (max-width: 652px) {
	.widget-banner-image {
		width: 314px !important;
		height: 183px !important;
	}
}

@media (min-width: 649px) and (max-width: 650px) {
	.widget-banner-image {
		width: 313px !important;
		height: 183px !important;
	}
}

@media (min-width: 647px) and (max-width: 648px) {
	.widget-banner-image {
		width: 312px !important;
		height: 183px !important;
	}
}

@media (min-width: 645px) and (max-width: 646px) {
	.widget-banner-image {
		width: 311px !important;
		height: 183px !important;
	}
}

@media (min-width: 643px) and (max-width: 644px) {
	.widget-banner-image {
		width: 310px !important;
		height: 183px !important;
	}
}

@media (min-width: 641px) and (max-width: 642px) {
	.widget-banner-image {
		width: 309px !important;
		height: 183px !important;
	}
}

@media (min-width: 639px) and (max-width: 640px) {
	.widget-banner-image {
		width: 308px !important;
		height: 183px !important;
	}
}

@media (min-width: 637px) and (max-width: 638px) {
	.widget-banner-image {
		width: 307px !important;
		height: 183px !important;
	}
}

@media (min-width: 635px) and (max-width: 636px) {
	.widget-banner-image {
		width: 306px !important;
		height: 183px !important;
	}
}

@media (min-width: 633px) and (max-width: 634px) {
	.widget-banner-image {
		width: 305px !important;
		height: 183px !important;
	}
}

@media (min-width: 631px) and (max-width: 632px) {
	.widget-banner-image {
		width: 304px !important;
		height: 183px !important;
	}
}

@media (min-width: 629px) and (max-width: 630px) {
	.widget-banner-image {
		width: 303px !important;
		height: 183px !important;
	}
}

@media (min-width: 627px) and (max-width: 628px) {
	.widget-banner-image {
		width: 302px !important;
		height: 183px !important;
	}
}

@media (min-width: 625px) and (max-width: 626px) {
	.widget-banner-image {
		width: 301px !important;
		height: 183px !important;
	}
}

@media (min-width: 623px) and (max-width: 624px) {
	.widget-banner-image {
		width: 300px !important;
		height: 183px !important;
	}
}

@media (min-width: 621px) and (max-width: 622px) {
	.widget-banner-image {
		width: 299px !important;
		height: 183px !important;
	}
}

@media (min-width: 619px) and (max-width: 620px) {
	.widget-banner-image {
		width: 298px !important;
		height: 183px !important;
	}
}

@media (min-width: 617px) and (max-width: 618px) {
	.widget-banner-image {
		width: 297px !important;
		height: 183px !important;
	}
}

@media (min-width: 615px) and (max-width: 616px) {
	.widget-banner-image {
		width: 296px !important;
		height: 183px !important;
	}
}

@media (min-width: 613px) and (max-width: 614px) {
	.widget-banner-image {
		width: 295px !important;
		height: 183px !important;
	}
}

@media (min-width: 611px) and (max-width: 612px) {
	.widget-banner-image {
		width: 294px !important;
		height: 183px !important;
	}
}

@media (min-width: 609px) and (max-width: 610px) {
	.widget-banner-image {
		width: 293px !important;
		height: 183px !important;
	}
}

@media (min-width: 607px) and (max-width: 608px) {
	.widget-banner-image {
		width: 292px !important;
		height: 183px !important;
	}
}

@media (min-width: 605px) and (max-width: 606px) {
	.widget-banner-image {
		width: 291px !important;
		height: 183px !important;
	}
}

@media (min-width: 603px) and (max-width: 604px) {
	.widget-banner-image {
		width: 290px !important;
		height: 183px !important;
	}
}

@media (min-width: 601px) and (max-width: 602px) {
	.widget-banner-image {
		width: 289px !important;
		height: 183px !important;
	}
}

@media (min-width: 599px) and (max-width: 600px) {
	.widget-banner-image {
		width: 288px !important;
		height: 183px !important;
	}
}

@media (min-width: 597px) and (max-width: 598px) {
	.widget-banner-image {
		width: 287px !important;
		height: 183px !important;
	}
}

@media (min-width: 595px) and (max-width: 596px) {
	.widget-banner-image {
		width: 286px !important;
		height: 183px !important;
	}
}

@media (min-width: 593px) and (max-width: 594px) {
	.widget-banner-image {
		width: 285px !important;
		height: 183px !important;
	}
}

@media (min-width: 591px) and (max-width: 592px) {
	.widget-banner-image {
		width: 284px !important;
		height: 183px !important;
	}
}

@media (min-width: 589px) and (max-width: 590px) {
	.widget-banner-image {
		width: 283px !important;
		height: 183px !important;
	}
}

@media (min-width: 587px) and (max-width: 588px) {
	.widget-banner-image {
		width: 282px !important;
		height: 183px !important;
	}
}

@media (min-width: 585px) and (max-width: 586px) {
	.widget-banner-image {
		width: 281px !important;
		height: 183px !important;
	}
}

@media (min-width: 583px) and (max-width: 584px) {
	.widget-banner-image {
		width: 280px !important;
		height: 183px !important;
	}
}

@media (min-width: 581px) and (max-width: 582px) {
	.widget-banner-image {
		width: 279px !important;
		height: 183px !important;
	}
}

@media (min-width: 579px) and (max-width: 580px) {
	.widget-banner-image {
		width: 278px !important;
		height: 183px !important;
	}
}

@media (min-width: 577px) and (max-width: 578px) {
	.widget-banner-image {
		width: 277px !important;
		height: 183px !important;
	}
}

@media (min-width: 575px) and (max-width: 576px) {
	.widget-banner-image {
		width: 276px !important;
		height: 183px !important;
	}
}

@media (min-width: 573px) and (max-width: 574px) {
	.widget-banner-image {
		width: 275px !important;
		height: 183px !important;
	}
}

@media (min-width: 571px) and (max-width: 572px) {
	.widget-banner-image {
		width: 274px !important;
		height: 183px !important;
	}
}

@media (min-width: 569px) and (max-width: 570px) {
	.widget-banner-image {
		width: 273px !important;
		height: 183px !important;
	}
}

@media (min-width: 567px) and (max-width: 568px) {
	.widget-banner-image {
		width: 272px !important;
		height: 183px !important;
	}
}

@media (min-width: 565px) and (max-width: 566px) {
	.widget-banner-image {
		width: 271px !important;
		height: 183px !important;
	}
}

@media (min-width: 563px) and (max-width: 564px) {
	.widget-banner-image {
		width: 270px !important;
		height: 183px !important;
	}
}

@media (min-width: 561px) and (max-width: 562px) {
	.widget-banner-image {
		width: 269px !important;
		height: 183px !important;
	}
}

@media (min-width: 559px) and (max-width: 560px) {
	.widget-banner-image {
		width: 268px !important;
		height: 183px !important;
	}
}

@media (min-width: 557px) and (max-width: 558px) {
	.widget-banner-image {
		width: 267px !important;
		height: 183px !important;
	}
}

@media (min-width: 555px) and (max-width: 556px) {
	.widget-banner-image {
		width: 266px !important;
		height: 183px !important;
	}
}

@media (min-width: 553px) and (max-width: 554px) {
	.widget-banner-image {
		width: 265px !important;
		height: 183px !important;
	}
}

@media (min-width: 551px) and (max-width: 552px) {
	.widget-banner-image {
		width: 264px !important;
		height: 183px !important;
	}
}

@media (min-width: 549px) and (max-width: 560px) {
	.widget-banner-image {
		width: 263px !important;
		height: 183px !important;
	}
}

@media (min-width: 547px) and (max-width: 548px) {
	.widget-banner-image {
		width: 262px !important;
		height: 183px !important;
	}
}

@media (min-width: 545px) and (max-width: 546px) {
	.widget-banner-image {
		width: 261px !important;
		height: 183px !important;
	}
}

@media (min-width: 543px) and (max-width: 544px) {
	.widget-banner-image {
		width: 260px !important;
		height: 183px !important;
	}
}

@media (min-width: 541px) and (max-width: 542px) {
	.widget-banner-image {
		width: 259px !important;
		height: 183px !important;
	}
}

@media (min-width: 539px) and (max-width: 540px) {
	.widget-banner-image {
		width: 258px !important;
		height: 183px !important;
	}
}

@media (min-width: 537px) and (max-width: 538px) {
	.widget-banner-image {
		width: 257px !important;
		height: 183px !important;
	}
}

@media (min-width: 535px) and (max-width: 536px) {
	.widget-banner-image {
		width: 256px !important;
		height: 183px !important;
	}
}

@media (min-width: 533px) and (max-width: 534px) {
	.widget-banner-image {
		width: 255px !important;
		height: 183px !important;
	}
}

@media (min-width: 531px) and (max-width: 532px) {
	.widget-banner-image {
		width: 254px !important;
		height: 183px !important;
	}
}

@media (min-width: 529px) and (max-width: 530px) {
	.widget-banner-image {
		width: 253px !important;
		height: 183px !important;
	}
}

@media (min-width: 527px) and (max-width: 528px) {
	.widget-banner-image {
		width: 252px !important;
		height: 183px !important;
	}
}

@media (min-width: 525px) and (max-width: 526px) {
	.widget-banner-image {
		width: 251px !important;
		height: 183px !important;
	}
}

@media (min-width: 523px) and (max-width: 524px) {
	.widget-banner-image {
		width: 250px !important;
		height: 183px !important;
	}
}

@media (min-width: 521px) and (max-width: 522px) {
	.widget-banner-image {
		width: 249px !important;
		height: 183px !important;
	}
}

@media (min-width: 519px) and (max-width: 520px) {
	.widget-banner-image {
		width: 248px !important;
		height: 183px !important;
	}
}

@media (min-width: 517px) and (max-width: 518px) {
	.widget-banner-image {
		width: 247px !important;
		height: 183px !important;
	}
}

@media (min-width: 515px) and (max-width: 516px) {
	.widget-banner-image {
		width: 246px !important;
		height: 183px !important;
	}
}

@media (min-width: 513px) and (max-width: 514px) {
	.widget-banner-image {
		width: 245px !important;
		height: 183px !important;
	}
}

@media (min-width: 511px) and (max-width: 512px) {
	.widget-banner-image {
		width: 244px !important;
		height: 183px !important;
	}
}

@media (min-width: 509px) and (max-width: 510px) {
	.widget-banner-image {
		width: 243px !important;
		height: 183px !important;
	}
}

@media (min-width: 507px) and (max-width: 508px) {
	.widget-banner-image {
		width: 242px !important;
		height: 183px !important;
	}
}

@media (min-width: 505px) and (max-width: 506px) {
	.widget-banner-image {
		width: 241px !important;
		height: 183px !important;
	}
}

@media (min-width: 503px) and (max-width: 504px) {
	.widget-banner-image {
		width: 240px !important;
		height: 183px !important;
	}
}

@media (min-width: 501px) and (max-width: 502px) {
	.widget-banner-image {
		width: 239px !important;
		height: 183px !important;
	}
}

@media (min-width: 499px) and (max-width: 500px) {
	.widget-banner-image {
		width: 238px !important;
		height: 183px !important;
	}
}

@media (min-width: 497px) and (max-width: 498px) {
	.widget-banner-image {
		width: 237px !important;
		height: 183px !important;
	}
}

@media (min-width: 495px) and (max-width: 496px) {
	.widget-banner-image {
		width: 236px !important;
		height: 183px !important;
	}
}

@media (min-width: 493px) and (max-width: 494px) {
	.widget-banner-image {
		width: 235px !important;
		height: 183px !important;
	}
}

@media (min-width: 491px) and (max-width: 492px) {
	.widget-banner-image {
		width: 234px !important;
		height: 183px !important;
	}
}

@media (min-width: 489px) and (max-width: 490px) {
	.widget-banner-image {
		width: 233px !important;
		height: 183px !important;
	}
}

@media (min-width: 487px) and (max-width: 488px) {
	.widget-banner-image {
		width: 232px !important;
		height: 183px !important;
	}
}

@media (min-width: 485px) and (max-width: 486px) {
	.widget-banner-image {
		width: 231px !important;
		height: 183px !important;
	}
}

@media (min-width: 483px) and (max-width: 484px) {
	.widget-banner-image {
		width: 230px !important;
		height: 183px !important;
	}
}

@media (min-width: 481px) and (max-width: 482px) {
	.widget-banner-image {
		width: 229px !important;
		height: 183px !important;
	}
}

@media (min-width: 480px) and (max-width: 480px) {
	.widget-banner-image {
		width: 228px !important;
		height: 183px !important;
	}
}

@media (min-width: 477px) and (max-width: 478px) {
	.widget-banner-image {
		width: 227px !important;
		height: 183px !important;
	}
}

@media (min-width: 475px) and (max-width: 476px) {
	.widget-banner-image {
		width: 226px !important;
		height: 183px !important;
	}
}

@media (min-width: 474px) and (max-width: 474px) {
	.widget-banner-image {
		width: 225px !important;
		height: 183px !important;
	}
}

@media (min-width: 420px) and (max-width: 473px) {
	.banner-img-widget {
		text-align: center;
	}
}

@media (min-width: 393px) and (max-width: 419px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 369px !important;
		height: 260px !important;
	}
}

@media (min-width: 371px) and (max-width: 392px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 350px !important;
		height: 226px !important;
	}
}

@media (min-width: 340px) and (max-width: 370px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 320px !important;
		height: 226px !important;
	}
}

@media (min-width: 320px) and (max-width: 339px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 300px !important;
		height: 226px !important;
	}
}

@media (min-width: 300px) and (max-width: 319px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 280px !important;
		height: 226px !important;
	}
}

@media (min-width: 280px) and (max-width: 299px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 260px !important;
		height: 226px !important;
	}
}

@media (min-width: 260px) and (max-width: 279px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 240px !important;
		height: 200px !important;
	}
}

@media (min-width: 240px) and (max-width: 259px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 220px !important;
		height: 200px !important;
	}
}

@media (min-width: 220px) and (max-width: 239px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 200px !important;
		height: 170px !important;
	}
}

@media (min-width: 200px) and (max-width: 219px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 180px !important;
		height: 170px !important;
	}
}

@media (min-width: 180px) and (max-width: 199px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 160px !important;
		height: 140px !important;
	}
}

@media (min-width: 180px) and (max-width: 199px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 160px !important;
		height: 140px !important;
	}
}

@media (min-width: 50px) and (max-width: 179px) {
	.banner-img-widget {
		text-align: center;
	}
	
	.widget-banner-image {
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 991px) {
	.single-product .product-action {
	  left: 6%;
	}
	/*
	.ifect-text {
		position: absolute;
		top: 0;
		bottom: 0;
		text-align: center;
		left: 0;
		right: 0;
		height: 140px;
		margin: auto;
		transform: scale(1);
		transition: 0.5s;
	}*/
	/*
	.img-ifect > a::before {
	  transform: scaleY(1);
	}*/
}

@media only screen and (max-width: 991px) {
	.shop-banner{
		color: #fff;
		text-align: center;
		margin-bottom: 60px;
	}
	
	.page-head{
		padding: 0px 0;
		background: var(--header-breadcrumb-background);
	}
	
	#main-menu-mobile{
		display:block;
	}
	
	/*.header-2 .header-area.stick*/
	#menu-mobile-list {
		width: 300px!important;
		height: 350px!important;
		overflow: auto;
		right: 0;
		padding: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.shop-banner{
		color: #fff;
		text-align: center;
		margin-bottom: 0px;
	}
	
	#main-menu-mobile{
		display:block;
	}
	
	#menu-mobile-list {
		width: 100%!important;
		height: 350px;
		overflow: auto;
		right: 0;
		padding: 15px;
	}
}
/*Agregado*/