@media ( min-width:1400px ){
    .background-green{ background-color: rgba(237,215,216,0.6); left: 0; position: absolute; top: 118px;  width: 50%; margin-top: 30px;}
    .background-white-img{  background-color: red; position: absolute; right: 0; top: 0; width: 0%; z-index: 10;
                            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 98%); /* FF3.6-15 */
                            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 98%); /* Chrome10-25,Safari5.1-6 */
                            background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } }

@media ( max-width:1400px ){
    .background-green{ display: none;}
    .background-white-img{display: none;}
}

@media ( max-width:981px ) {   
    .img-back-head{ display: none; }
    .std-form-category .style-std-select select{ font-size: 0.8em; }
    .cms-content p { text-align: left !important; }
    .desk-none{  display: block; }
    .img-responsive{  margin: 95px auto 0; width: 90%;}
    .img-responsive img{ width: 100%; }
    .home-page .detail-wrap { display: inline-block; position: relative; width: 100%; }
    .social-container {text-align: center;}
    .account { margin-top: 70px; }
    .circle-cart{ left: 22px;}
    .full-wrapper-inline-menu{  height: 100%;  position: initial; width: 100%;  background-color:transparent; }
    .navigation-menu {  padding: 0 10px; }
    .information-customer { padding-left: 0; }
    .page-content .row { padding: 10px 0; }
    .dashboard-customer { padding-left: 10px; padding-right: 10px; }
    .full-wrapper-inline-content { height: auto; left: 0; padding-top: 0 !important; position: initial; width: 100%; }
    .my-account .welcome-msg .hello strong { line-height: 42px; }

    /* ---- HIDDEN -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .menu-header .menu-holder .skip-link.skip-search{  display: none ; }
    .menu-header .menu-holder .skip-link.skip-lenguage-es { display: none ; }
    .menu-header .wrapper-logo {display: none ;}
    .menu-header .menu-desk {display: none;}

    /* ---- HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

    .trigger-holder .skip-link { display: inline-block; margin: 0; opacity: 1; }
    .trigger-holder .skip-link.skip-search .icon { background-image: url("../images/icons/buscar.png"); background-size: 19px auto; }
    .trigger-holder .icon { background-position: center center; background-repeat: no-repeat; cursor: pointer; display: block; height: 36px; width: 24px; }
    .menu-header .logo-holder img {  height: auto; margin: -20px auto 50px auto; top: 0; transition: all 0.3s ease 0s; width: 140px; }
    .menu-header .logo-holder img.js-logo-small { margin: -15px auto; }
    .responsive-menu-options { /*display: block;*/ display: none ;}
    .menu-header .wrapper-logo-responsive{display: block; margin: 25px auto 0;text-align: center;}
    .menu-header .wrapper-logo-responsive.smaller { padding:0;  }
    .menu-header .trigger-holder { display: block; left: 10px; margin-top: -18px;  padding: 0 10px; position: absolute; text-align: left; top: 50%; }
    .menu-header .trigger-holder a .icon { background: rgba(0, 0, 0, 0) url("../images/icons/menu-trigger.png") no-repeat scroll center center;  display: block; float: left; height: 36px; width: 20px; }
    .full-wrapper .menu-responsive .nav-container { overflow: auto; height: 100%;    margin: 0 auto; max-width: 1280px; padding: 80px 30px; position: fixed; top: 0; transition: all 0.3s ease 0s; width: 100%; z-index: 99999;}
    .menu-responsive { display: block; }
    .menu-responsive  .close-modal  { background: rgba(0, 0, 0, 0) url("../images/icons/cruz.png") no-repeat scroll center center / 14px auto; cursor: pointer; height: 15px; padding: 40px 8px 18px 43px; position: absolute; left: 3px; top: 8px; width: 15px; display: none;}
    .menu-responsive .nav-container { background-color: #EDD7D8; border: 1px solid; width: 100%; display: none;}
    .menu-responsive .nav-container ul li{ color: white; display: block; padding: 7px 0; text-align: center;}
    .menu-responsive  .nav-container li.level0 ul{ background: #EDD7D8 none repeat scroll 0 0; display: block; left: 0; padding-bottom: 0; padding-left: 0; padding-right: 0;position: initial; top: 0; padding: 6px 0 0; width: 100%; z-index: 10; }
    .menu-responsive .nav-container li.level0 ul a {  color: grey; display: block; font-family: "Raleway","Helvetica Neue",Verdana,Arial,sans-serif; font-weight: 500; line-height: 20px; position: relative;text-decoration: none; }
    .acc-trigger{cursor: pointer; display: block; height: 40px; position: absolute; right: 1px; top: -5px; width: 40px; z-index: 2147483647; }
    .acc-trigger::before { background: white none repeat scroll 0 0; content: ""; display: block; height: 2px; left: 50%; margin-left: -5px; margin-top: -1px; position: absolute; top: 50%;  transform: rotate(0deg); transition: all 300ms ease 0s; width: 10px; }
    .acc-trigger::after { background: white none repeat scroll 0 0; content: ""; display: block; height: 10px;left: 50%; margin-left: -1px; margin-top: -5px; position: absolute; top: 50%; transform: rotate(0deg); transition: all 300ms ease 0s; width: 2px;}
    .acc-trigger.active:before { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    .acc-trigger.active:after { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
    .menu-responsive .storeviews { border-bottom: 1px solid grey; border-color: grey; border-top: 1px solid grey; margin: 15px auto; max-width: 300px; padding: 10px 0;}
    .menu-responsive .storeviews ul li a { color: grey; }
    .menu-responsive .social h2 {  color: grey; font-size: 1.6em; font-weight: 800; margin: 11px auto; text-align: center; text-transform: uppercase; }
    .menu-responsive .social .social-container ul {  display: inline-block; max-width: 300px; width: 100%; padding: 6px 0 15px;}
    .menu-responsive .social .social-container ul li {  display: inline; font-size: 1.3em; margin: 0 10px;}
    .menu-responsive .social .social-container ul li a { color: grey;}
    .menu-responsive .menu-footer ul li a{ color:grey;}

    /* ---- Product view -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
    .background-product {  background-color: rgba(237,215,216,0.6); }
    .link-info-resp{ display: blocK;}
    .image-product-resp{ display:block; }
    .image-product-desk{ display:none;}
    .link-info-desk{ display: none; }
    .collection-desk{ display:none;}
    .collection-resp { display:block;}
    .description-desk{  display:none;} 
    .description-resp{  display:block;} 
    .info-product-col{ height: auto !important;   width: 100%; }
    .info-product-col .breadcrumbs {display: none;}
    .links-info-product{ padding: 0 20px; }
    .links-info-product .btn-sizing {  margin: 0 50px 0 0; padding: 0; text-decoration: underline; width: 23%; }
    .image-prudct-col .product-image img { height: auto; width: 100%; }

    .info-content{ display: inline-block; margin-top: 0 !important; width: 50%; }
    .description-resp {  display: inline-block; vertical-align: top; width: 49%;}
    .collection-resp{ font-size: 2em; padding-right: 50px !important; padding-top: 20px; padding-bottom: 20px; }
    .info-product-col .short-description { font-size: 1.1em; line-height: 1.2em; padding: 20px; }
    .wrapper-organic ul li img { height: 70px; margin: 0 20px; }
    .wrapper-organic ul li figcaption { font-size: 0.6em; }
    .wrapper-organic .parraf p {  max-width: 70%; }
    .swiper-container{ height: auto !important;}
    .wrap-config.tooltips { display: inline-block; padding: 4px 0 36px;  position: relative; }
    .wrap-config.tooltips span { background: transparent none repeat scroll 0 0; border: 2px solid #ffffff; color: #000000; height: 32px; line-height: 30px; color: white; position: absolute; text-align: center; width: 251px; margin-left: 0; }
    .wrap-config.tooltips span:before {  border-bottom: 12px solid #ffffff; border-left: 12px solid transparent; border-right: 12px solid transparent; bottom: 100%;  content: ""; height: 0; left: 50%; margin-left: -12px; position: absolute; top: -12px; width: 0; }
    .wrap-config.tooltips span:after {   border-bottom: 8px solid #E7D3E0;  border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 100%; content: ""; height: 0; left: 50%; margin-left: -8px; position: absolute; top: -8px; width: 0; }
    .js-tooltip.active{  left: -15%; line-height: 54px; margin-left: -76px;  opacity: 0.8; top: 73px; visibility: visible; z-index: 999; }

    .faqs-img p{ font-size: 4em; }
    .full-wrapper.top { padding-top: 80px; }
    .faqs-page.full-wrapper { display: inline-block; }
    .side-faqs { height: auto; padding-top: 0;  }

    @media ( max-width:775px ) {

        .skip-content-kraftpak{ }
         .skip-content-kraftpak .content { overflow: scroll }
        .skip-content-kraftpak .content figure img { max-width: 200px; }
        .skip-content-kraftpak .content h2{  font-size: 1.1em; padding: 0; }
        .skip-content-kraftpak .content figure{}
        .skip-content-kraftpak .content p{ font-size: 0.8em; }


        /*.banner-title{ display: none;}*/
        .std-form-category .style-std-select select{ font-size: 0.7em; }
        .popup-newsletter-content .copy-holder .close-modal{ top: -10px !important; } 
        .popup-newsletter-content .copy-holder{ width: 100%; }
        .edit-order-resp { display: block; }
        .edit-order-desk { display: none; }
        .coupon-buttons { padding-top: 27px !important; text-align: center !important; }
        .faqs-img p{ font-size: 2.5em; }

        /* ---- HIDDEN -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

        .baner-desk  { display: none; }
        .detail-icons{ margin-top: 15px; }

        /* ---- HOME -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

        .detail-icons-responsive{ display: none; }
        .detail-icons-responsive img{ width: 100% }
        .home-page .section-detail .detail-one .img-datail-one { display: inline-block; left: 0; margin: 0 auto; position: relative; text-align: center; width: 100%; }
        .home-page .section-detail .detail-text { padding: 0px; width: 100%;}
        .home-page .section-detail .detail-text p { line-height: 1.2em; margin-top: 13px; text-align: center; }
        .grid-sizer, .grid-item { padding: 20px; width: 50%; }
        .home-page .section-detail .detail-one .img-datail-one img {  display: block; float: right; height: auto; margin-right: 30px; max-width: 70%; width: 100%; }
        .home-page .section-detail .detail-one { left: 0; top: 0; width: 100%; position: inherit; }
        .detail-icons-responsive { margin: 0 auto; max-width: 100%; text-align: center; }
        .detail-icons-responsive img { margin: 20px; max-width: 60%; text-align: center; width: 100%; }
        .home-page .section-detail { display: inline-block;}
        .banner-resp{ display: inline-block; }
        .banner-vertical img{ width: 100%;}
        .banner-vertical .banner-content { position: absolute; top: 56%; }
        .banner-vertical .banner-content .banner-title{ color: black;  font-size: 25px; font-weight: 700; text-align: center; padding-bottom:20px;}
        .banner-vertical .banner-content .banner-text{   color: black; font-size: 1.2em; padding: 40px; text-align: center;}
        .banner-vertical .banner-content .btn-center{  padding: 20px; text-align: center;}
        .buttons-footer a { margin: 10px;}
        .links-info-product .btn-sizing {  width: 40%;}
        .links-info-product .btn-shipping {  width: 40%; }
        .collection-resp{ display:none}
        .description-mobile {  display: inline-block !important; width: 100%; }
        .info-product-col .short-description { font-size: 0.9em; line-height: 1.2em; width: 100%;  margin: 0 auto;  max-width: 400px; padding: 20px 10px; text-align: center; }
        .collection-desk { font-size: 1.2em; display: block; text-align: center; }
        .info-product-col  .link-info-resp { display: none;}
        .info-product-col .info-content {margin-top: 0px; padding-bottom: 0px;}
        .info-product-col .link-info-resp { display: block; margin: 0; padding: 0; text-align: center;}
        .category-img p { font-size: 3.5em;}
        .cms-footer p { color: #aaa7a2; margin: 0 auto; max-width: 90%; padding: 9px; text-align: center; width: 100%;}
        .sizing-title{ cursor: pointer; }
        .sizing-title h4:after { position: relative; content: url("../images/icons/flecha-abajo.png"); top: 0; right: -10px; }
        .sizing-plegable{ display:none;}
        .sizing-plegable.active{ display:block;}
        .popup-shipping-content.modal-overlay .modal-window.shadow{ z-index: 2147483640; }
        .popup-shipping-content.modal-overlay .close-modal {z-index: 2147483647; }

    }

    @media ( max-width:768px ) {

        .std-form-category .style-std-select select{ font-size: 0.7em; }
        .tour-wrap .main-nav{  height: 400px; overflow-x: scroll; padding: 300px 0 0; }
        .tour-wrap .main-nav{ margin: 0 auto; text-align: center; width: 100%; }
        .tour-wrap .main-nav{ transition: margin 1s; -webkit-transition: margin 1s; }
        .content-responsive { margin: 0 auto; width: 80% !important; }
        .arrow-left-tour{ background: url(../images/icons/next-b.png); }
        .arrow-right-tour{ background: url(../images/icons/prev-b.png);}
        .arrow-left-tour, .arrow-right-tour{background-position: center center; background-repeat: no-repeat;   cursor: pointer; height: 44px;  margin-top: -20px; position: absolute; width: 27px; z-index: 10;}
        .arrow-left-tour, .arrow-right-tour {  height: 42px !important; margin-top: -71px !important; width: 42px !important; }
        .arrow-left-tour{ left: auto; right: 10px;}
        .arrow-right-tour{  left: 10px; right: auto;}

        .popup-shipping-content.modal-overlay .modal-window.shadow{  margin-top: 5%; }
        .wrapper-size .content-size figure img{    max-width: 60%; }
        .table-size{   max-width: 70%; }
        .text-chart{ display: none;}
        .wrapper-size h4 { text-align: center; }
        .grid-sizer, .grid-item {  padding: 20px; width: 50%; }
        .description-resp{ display: none;}
        .info-content {   width: 100%; padding: 0;}
        .info-product-col .product-name h1 { font-size: 1.7em; text-align: center; }
        .product-options-bottom{ text-align: center; } 
        .info-product-col .price-wrap .price-box { text-align: center; }
        .product-options{ text-align: center; }
        .product-options .input-box{}
        .wrapper-size .content-size figure img { max-width: 100%; }
        .wrapper-organic .parraf p {  max-width: 90%; }
        .table-size { max-width: 90%;}
    }

    @media ( max-width:500px ) {

        .text-responsive img{ width: 100% }
        .text-responsive .detail-text{  margin: 0 auto; max-width: 90%; text-align: center; width: 100%; font-size:15px;}
        .std-form-category .style-std-select select{ font-size: 0.5em; }
        .popup-newsletter-content .copy-holder .close-modal{ top: -20px; } 
        .popup-newsletter-content .copy-holder{ width: 100%; }
        .amscheckout {  padding: 60px 0; }
        .skip-content-kraftpak .content p {  padding: 10px; text-align: center;}
        .wrapper-faqs table tr { border-bottom: 1px solid grey; }
        .popup-shipping-content table tbody tr {  border-bottom: 1px solid grey; }
        .popup-shipping-content table thead tr {  border-bottom: 1px solid grey; }
        .popup-newsletter-content .form-holder {  margin: 16px auto 0; }
        .popup-shipping-content.modal-overlay .modal-window.shadow{  margin-top: 200px; }
        .block-login { right: 0; left: 0;  margin: 0 auto; max-width: 100%;}
        .block-cart { right: 0; left: 0;  margin: 0 auto; max-width: 100%;}
        .block-wishlist { right: 0; left: 0;  margin: 0 auto; max-width: 100%;}
    }

    @media ( max-width:420px ) {
        .wrapper-organic { display: none;}
        .wrapper-organic-responsive { display: block;} 
        .wrapper-organic-responsive ul { display: inline-block; margin: 60px 0 30px; text-align: center; width: 100%; }
        .wrapper-organic-responsive ul li{ display: inline-block;}
        .wrapper-organic-responsive ul li img{ height: 70px; }
        .wrapper-organic-responsive ul li figcaption { font-weight: 500; margin: 15px 0 0;  text-transform: uppercase; color:#104950; font-size:15px;}
        .wrapper-organic-responsive .parraf{ display: inline-block; margin: 10px 0 51px; text-align: center;}
        .wrapper-organic-responsive .parraf p { font-size: 1.2em; line-height: 1.2em; margin: 0 auto; text-align: center;  width: 100%; max-width: 90%; color: #aaa7a2; }
        .wrapper-organic-responsive .swiper-button-next { background: url(../images/icons/next-b.png) !important}
        .wrapper-organic-responsive .swiper-button-prev {background: url(../images/icons/prev-b.png) !important}
        .wrapper-organic-responsive .swiper-button-next,.wrapper-organic-responsive .swiper-button-prev { top: 38% !important; }
        .wrapper-organic-responsive .swiper-pagination { display: none !important; }
        /* ---- HIDDEN -------------------------------------------------------------------------------------------------------------------------------------------------------------- */
        .banner-resp{ display: none; }
        .home-page .section-detail {display: none; }
        .section-desk {display: none; }
        .home-page .section-head{ display:none; }
        .desk-none2{ display: block; }

        /* ---- HOME -------------------------------------------------------------------------------------------------------------------------------------------------------------- */

        .desk-none{  display: block; }
        .banner-mobile { display: inline-block;  margin-top: 30px !important; }
        .grid-sizer, .grid-item {  padding: 20px; width: 100%; }
        .buttons-footer a { margin: 10px 0;  width: 50%;}
        .img-responsive{  margin: 95px auto 0; width: 90%;}
        .img-responsive img{ width: 100%; }
        .home-page .home-head-wrap .page-title { padding: 0;}
        .home-page .home-head-wrap .page-title h1 {  padding: 20px 0 15px; font-size:20px; font-weight: 600; }
        .home-page .home-head-wrap .page-content p {  width: 90%; }
        .home-page .home-head-wrap .page-content {  margin-bottom: 20px; }
        .home-page  .text-responsive {  text-align: center; width: 100%; }
        .home-page  .text-responsive img {  width: 80%; }
        .home-page  .text-responsive p { line-height: 1.2em; margin: 0 auto; max-width: 600px; text-align: center;width: 90%;}
        /*.banner-mobile .banner-content .banner-title { display: none;}*/
        .banner-mobile .banner-content .banner-text{  font-size: 1em; padding: 0 15px; }
        .block-subscribe { margin: 0 auto; padding-top: 30px; text-align: center; width: 90%; }
		
		
		
		.home-page .category-title h2 {
		font-size: 20px;
		font-weight: 600;
		}
		
		
		.products-grid .actions-mobile .product-name { font-weight: 600; font-family: 'Lora', serif;!important; font-size: 20px;}
		a {font-weight: 600;}
		
		.cms-footer h3 {font-size: 20px; font-weight: 700;}
		
		
    }

    @media ( max-width:775px ) {
        .banner-vertical .banner-content { top: 20%; margin: 0 22%;}

        .home-page .left-content {  max-height: 900px; overflow: hidden; }
    }

    @media ( max-width:767px ) {
        .banner-vertical .banner-content { top: 20%; margin: 0 auto;}

        .home-page .left-content { max-height: 900px; overflow: hidden; }
    }

    @media ( max-width:684 ) {
        .home-page .left-content { max-height: 840px; }
    }

    @media ( max-width:666px ) {
        .banner-vertical .banner-content { top: 10%; margin: 0 auto;}
        .home-page .left-content { max-height: 800px; }
    }

    @media ( max-width:589px ) { 
        .banner-vertical .banner-content { top: 10%; margin: 0 auto;}

    }

    @media ( max-width:432px ) { 
        .banner-vertical .banner-content { top: 10%; margin: 0 auto;}

    }

    @media ( max-width:419px ) { 
        .banner-vertical .banner-content { top: 10%; margin: 0 20%;}

    }