body main {
    margin-top: -60px;
}
@media( min-width: 768px ){
    body main {
        margin-top: -90px;
    }
}

main .main_content {
    position:relative;
}

.main_content .logo_boutique {
    display:block;
    width:187px;
    margin:auto auto;
}
@media( min-width: 768px ){
    .main_content .logo_boutique {
        width:335px;
    }
}

.user_info {
    margin-top: 60px;
}

@media (min-width: 768px) {
    .user_info{
        margin-top:90px;
    }
}

.header_content .menu_button {
    background-color:unset;
    top:-5px;
}

.main_content .logo_boutique img {
    display:block;
    float:left;
    position: relative;
    z-index: 1;
    width:100%;
    border:none;
}
@media( min-width: 768px ){
    .main_content .logo_boutique img {
        margin-bottom: 25px;
    }
}

.main_content .title{
    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: bold;
    color:#debe6b;
    padding: 15px 20px 5px;
    margin-top: 15px;
}
@media (min-width:768px){
    .main_content .title{
        font-size: 28px;
        padding: 15px 20% 5px;
    }
}

@media( min-width: 768px ){
    main .main_content .text {
        padding: 0px 151px;
    }
}

@media( min-width: 768px ){
    main .button_container {
        float: none;
        margin: auto;
        width: 100%;
        max-width: 584px;
    }
    .button_container a {
        margin-top: 25px;
        width: 48.0274%;
    }
    .button_container a+a{
        margin-left:3.9451%;
    }

}

.main_content .product_pack_container {
    display:block;
    float:left;
    width:100%;
}

.main_content .product_pack {
    display:block;
    width:100%;
    max-width:560px;
    margin:auto;
}
@media( min-width: 768px ){
    .main_content .product_pack {
        display:none;
    }
}

.main_content .product_pack img {
    display:block;
    float:left;
    width:100%;
    border:none;
    margin-top:25px;
}

.main_content .colection_container {
    display:block;
    float:left;
    width:100%;
    margin-top:45px;
}
@media( min-width: 768px ){
    .main_content .colection_container {
        margin-top: 103px;
    }
}
.main_content .colection_container:before {
    content:"";
    display:block;
    width:100%;
    float:left;
    border-top:2px solid black;
}

.colection_container .colection_img {
    display:block;
    width:179px;
    margin:auto;
}
@media( min-width: 768px ){
    .colection_container .colection_img {
        width:210px;
    }
}

.colection_container .colection_img img{
    display:block;
    float:left;
    width:100%;
    border:none;
    margin-top: -30px;
    padding:0px 10px;
    background-color: #fff;
}
@media( min-width: 768px ){
    .colection_container .colection_img img{
        margin-top: -30px;
    }
}

a.where_buy {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    line-height: 25px;
    margin-top: 20px;
}
@media( min-width: 1280px ){
    a.where_buy {
        font-size: 22px;
        margin-top: 85px;
        max-width: 220px;
        line-height: 68px;
    }
}
@media( min-width: 1565px ){
    a.where_buy {

        line-height: 68px;
    }
}

main .shop_container {
    display: block;
    float: left;
    padding: 0em 4%;
    width: 100%;
}

.shop_container .subtitle {
    display: block;
    float: left;
    margin-top: 32px;
    font-size: 112.5%; /*18px*/
    padding-bottom: 4px;
    width: 100%;
}

.shop_container .text {
    display: block;
    float: left;
    margin-top: 16px;
    width: 100%;
}
.shop_container .list .text {
    display: list-item;
}

.shop_container .list {
    display: block;
    float: left;
    padding-left: 15px;
    width: 100%;
    list-style: none;
}

/*#####################################*/
/*#        lista de productos         #*/
/*#####################################*/
@media( min-width: 768px ){
    .main_content .product_list {
        display:none;
    }
}

.product_list li .data_product{
    display: block;
    float: left;
    width: 100%;
    height: 92px;
    margin-top: 5px;
}

/*** Carrousel */
.main_content .carrousel_container {
    display:none;
    float:left;
    width:100%;
    position:relative;
    overflow:hidden;
    padding-bottom: 335px;
}
@media( min-width: 768px ){
    .main_content .carrousel_container {
        display:block;
    }
}

.carrousel_container .carrousel_product {
    display: table;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding-bottom: 5px;
    width: 200%;
    height: 122px;
    -webkit-transition: left 250ms;
    transition: left 250ms;
}

.carrousel_product li {
    display: table-cell;
    position: relative;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
    line-height: 12px;
    width: 33.3333%;
}

.carrousel_product li .carrousel_img{
    display: block;
    width:100%;
    float:left;
    padding:0px 100px;
}

.carrousel_img a+a img {
    margin-left:4.5%;
}

.carrousel_img img{
    display: block;
    float:left;
    width:30%;
}

.carrousel_img a:hover img{
    box-shadow: 0 0 0 2px #d8b05a;
}

.markers_container {
    display: block;
    position: absolute;
    left: 0px;
    bottom: 35px;
    text-align: center;
    word-spacing: -5px;
    width: 100%;
    height: 0px;
}

.markers_container span {
    display: inline-block;
    margin: 0px 3px;
    border-radius: 50%;
    border:1px solid #000;
    background-color: #fff;
    width: 10px;
    height: 10px;
    -webkit-transition: background-color 250ms;
    transition: background-color 250ms;
}
.markers_container span.actual {
    background-color: #d3a544;
    border:none;
}

.carrousel_container .left-arrow {
    display:block;
    width:24px;
    height:46px;
    position:absolute;
    top:50%;
    left:0px;
    margin-top:-23px;
    cursor:pointer;
    background-image:url(../_img/arrow-slider.png);
    background-repeat: no-repeat;
}
@media( min-width: 768px ){
    .carrousel_container .left-arrow {
        left:40px;
    }
    .carrousel_container .left-arrow:hover {
        opacity: 0.4;
    }
}
.carrousel_container .right-arrow {
    display:block;
    width:24px;
    height:46px;
    position:absolute;
    top:50%;
    right:0px;
    margin-top:-23px;
    cursor:pointer;
    background-image:url(../_img/arrow-slider.png);
    background-repeat: no-repeat;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media( min-width: 768px ){
    .carrousel_container .right-arrow {
        right:40px;
    }
    .carrousel_container .right-arrow:hover {
        opacity: 0.4;
    }
}

.banner_container {
    display: block;
    float: left;
    width: 100%;
}

.banner {
    display: block;
    width: 100%;
    margin: auto;
}

.banner img {
    display: block;
    float: left;
    width: 100%;
    border: none;
    margin-top: 25px;
}

@media( max-width: 767px ){
    .banner_container {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .banner {
        max-width: 560px;
    }
    .banner_container .desktop {
        display: none;
    }
}

@media( min-width: 768px ){
    .banner_container {
        margin-top: 43px;
    }
    .banner_container .mobile {
        display: none;
    }
}