@media only screen and (min-width:320px) {
    .container-product {
        margin-top: 4.5em;
        padding: 2em 0 0
    }

    .col-sm-12, .col-md-6 {
        padding: 0
    }

    .row {
        margin: 0;
        outline: none
    }

        .row div {
            outline: none
        }

    .form-group-recaptcha {
        position: relative;
        height: 5.5em;
        text-align: center;
        margin-bottom: 0 !important
    }

    .g-recaptcha {
        transform: scale(.8);
        position: absolute;
        width: 80%;
        padding: 0 !important;
        border-bottom: 0 !important
    }

        .g-recaptcha div, .g-recaptcha div div {
            padding: 0 !important;
            border-bottom: 0 !important
        }

    .img-product {
        position: relative
    }

        .img-product button {
            position: absolute;
            left: 0;
            top: 47.5%;
            border: none;
            padding: 0;
            outline: none !important
        }

            .img-product button.btn-default:active:hover, .img-product button.btn-default.focus, .img-product button.btn-default:focus {
                background-color: transparent;
                border-color: transparent
            }

            .img-product button svg {
                width: 20px;
                height: 20px
            }

        .img-product a {
            position: absolute;
            left: 5%;
            bottom: 15%
        }

            .img-product a img {
                width: 1.5em
            }

    .thumbnail-products {
        text-align: center
    }

        .thumbnail-products div {
            width: 30%;
            display: inline-block;
            margin: 1em .5em 1em 0
        }

            .thumbnail-products div:last-of-type {
                margin-right: 0
            }

            .thumbnail-products div img.img-thumbnail {
                padding: 0;
                border: none
            }

    .col-info-product {
        text-align: center;
        padding: 0 1em;
        color: #666
    }

    .row-inspiration {
        text-align: center;
        color: #666;
        margin-top: 20px;
    }

        .col-info-product .col-sm-12, .row-inspiration .col-sm-12 {
            padding: 0
        }

    .col-info-product h2 {
        font-family: SFU-Futura-Regular;
        font-size: 100%;
        color: #333;
        margin-top: 30px;
    }

    .col-info-product p, .col-info-product div div {
        border-bottom: 1px solid #cecece
    }

    .col-info-product p {
        font-family: RegularHS_bold;
        font-size: 125%;
        margin: 0;
        padding-bottom: .75em
    }

    .col-info-product div div {
        padding: .75em 0
    }

        .col-info-product div div:last-child {
            border-bottom: none;
            padding: 1.75em 0
        }

        .col-info-product div div span {
            font-family: RegularHS
        }

        .col-info-product div div ul {
            margin-bottom: 0;
            padding-left: 0
        }

            .col-info-product div div ul li {
                display: inline-block;
                width: 4.5em
            }

                .col-info-product div div ul li:first-child {
                    width: 6em;
                    vertical-align: top;
                    margin-top: .3em
                }

                .col-info-product div div ul li span {
                    font-family: SFU-Futura-Regular;
                    text-transform: uppercase;
                }

    .facebook-share {
        background-image: url(../Content/images/icons/facebook_compart.svg)
    }

    .mail-share {
        background-image: url(../Content/images/icons/mail_cinza_compart.svg)
    }

    .pinterest-share {
        background-image: url(../Content/images/icons/pinterest_compart.svg)
    }

    .facebook-share, .mail-share, .pinterest-share {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 1.75em
    }

        .facebook-share a, .mail-share a, .pinterest-share a {
            display: block;
            height: 100%
        }

    .row-inspiration h3 {
        font-family: SFU-Futura-Regular;
        font-size: 125%;
        border-top: 1px solid #cecece;
        padding-top: 1.5em;
        margin: 0 0 1em;
        position: relative
    }

        .row-inspiration h3 img {
            position: absolute;
            top: -.05em;
            left: 0;
            width: 100%;
            height: .5em
        }

    .row-inspiration p {
        font-family: RegularHS;
        margin-top: 1em
    }

    .row-inspiration a, .row-inspiration a:hover {
        font-family: SFU-Futura-Regular;
        color: #666;
        margin: 2em 0;
        display: block;
        text-decoration: none
    }

    .mail-product, .phone-product {
        text-align: center;
        display: inline-block;
        width: 49%;
        cursor: pointer
    }

    .phone-product {
        position: relative
    }

    .mail-product img {
        width: 3.5em;
        vertical-align: super;
        display: block;
        margin: .25em auto
    }

    .phone-product a span {
        font-family: SFU-Futura-Regular;
        font-size: 85%;
        display: block;
        color: #666
    }

    .col-contact-us {
        position: relative;
        border-top: 1px solid #cecece
    }

        .col-contact-us p {
            font-family: SFU-Futura-Regular;
            font-size: 90%;
            width: 185px;
            margin: 0 auto;
            padding: 1em 0;
            border-bottom: 0
        }

    #mail-phone-product {
        padding: 0
    }

    #formContactProduct {
        display: none
    }

        #formContactProduct img {
            position: absolute;
            right: 0;
            top: 1em;
            width: 2em;
            cursor: pointer
        }

    #phone-product a, #phone-product a:hover, #phone-product a span {
        font-family: SFU-Futura-Regular;
        font-size: 85%;
        display: block;
        color: #666;
        text-decoration: none
    }

    #phone-product a {
        position: relative;
        top: -2em
    }

        #phone-product a img {
            width: 4.5em
        }

        #phone-product a span {
            position: absolute;
            bottom: 0;
            width: 100%
        }

    #formContactProduct .form-group, #mail-product, #phone-product {
        border-bottom: 0;
        padding: 0
    }

    #formContactProduct .form-group {
        position: relative
    }

        #formContactProduct .form-group span {
            position: absolute;
            left: 0;
            bottom: -.75em;
            width: 100%;
            text-align: left;
            padding-left: 2em
        }

    #formContactProduct input[type=text], #formContactProduct textarea, #formContactProduct select {
        font-family: RegularHS;
        font-size: 125%;
        padding-left: .5em;
        width: 85%;
        margin: 0 auto 1.75em;
        height: 2.75em;
        display: block;
        border: 1px solid #cecece;
        color: #999
    }

    #formContactProduct select {
        padding-left: .25em;
        height: 3.008em;
        font-size: 16px
    }

    #formContactProduct textarea {
        resize: none;
        height: 8em
    }

    #messageStatus {
        color: #a94442 !important;
        font-size: 95%;
        position: absolute;
        width: 100%;
        left: 0;
        text-align: left;
        padding-left: 2em;
        height: auto !important
    }

    .form-group-button {
        text-align: center;
        margin: 2em auto 3em !important
    }

    #formContactProduct input[type=submit] {
        width: 40%;
        height: 2.75em;
        border-radius: 0;
        border: 1px solid #ccc;
        background: #f6f6f6;
        background: -moz-linear-gradient(top,#f6f6f6 0%,#d9d9d9 100%);
        background: -webkit-linear-gradient(top,#f6f6f6 0%,#d9d9d9 100%);
        background: linear-gradient(to bottom,#f6f6f6 0%,#d9d9d9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6',endColorstr='#d9d9d9',GradientType=0)
    }

    ::-webkit-input-placeholder {
        font-family: RegularHS;
        font-size: 100%
    }

    :-moz-placeholder {
        font-family: RegularHS;
        font-size: 100%
    }

    ::-moz-placeholder {
        font-family: RegularHS;
        font-size: 100%
    }

    :-ms-input-placeholder {
        font-family: RegularHS;
        font-size: 100%
    }

    #productZoomHs .modal-dialog {
        margin: 0;
        width: 100%;
        height: 100%
    }

    #productZoomHs .modal-content {
        border: none;
        border-radius: 0;
        box-shadow: none;
        height: 100%
    }

    #productZoomHs .modal-header {
        border-bottom: none
    }

        #productZoomHs .modal-header h4 {
            font-family: SFU-Futura-Regular;
            text-align: center;
            position: absolute;
            width: 100%;
            top: 10%;
            left: 0;
            z-index: 1;
            display: none
        }

        #productZoomHs .modal-header button svg {
            width: 30px;
            height: 30px
        }

    #productZoomHs .modal-body {
        position: absolute;
        width: 100%;
        top: 25%;
        left: 0
    }

    #productZoomHs .modal-footer {
        border-top: none;
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0
    }
}

@media only screen and (min-width:375px) {
    .g-recaptcha {
        transform: scale(.96);
        width: 100%
    }

        .g-recaptcha div {
            width: 100% !important
        }
}

@media only screen and (min-width:768px) {
    .product_detail {
        padding-top: 50px;
    }

    .col-contact-us {
        border: 0
    }

    .container-product {
        padding-top: 2em;
        min-height: 50em
    }

    .img-product {
        padding-top: 1.5em
    }

        .img-product a {
            top: 45%
        }

        .img-product img {
            margin: 0 auto
        }

    .thumbnail-products div {
        width: 19%;
        margin-right: 1em
    }

        .thumbnail-products div:last-of-type {
            margin-right: 0
        }

    .row .col-md-6 {
        width: 50%
    }

    .col-info-product {
        text-align: left;
        font-size: 15px;
    }

        .col-info-product .col-md-3 {
            width: 25%
        }

        .col-info-product .col-md-9 {
            width: 75%
        }

        .col-info-product h2 {
            font-size: 2em;
            margin-bottom: 1em
        }

        .col-info-product p {
            border-bottom: none;
            line-height: 1.25
        }

        .col-info-product div div {
            border-bottom: none;
            padding: 0
        }

            .col-info-product div div ul {
                padding-left: 0
            }

                .col-info-product div div ul li {
                    width: 3em
                }

                    .col-info-product div div ul li:first-child {
                        width: 5em;
                        margin-top: 0
                    }

            .col-info-product div div:last-child {
                padding-top: 5em;
                padding-bottom: 0
            }

    .facebook-share, .mail-share, .pinterest-share {
        height: 1.25em
    }

    .row-inspiration h3 {
        padding-top: 1em
    }

    .row-inspiration p {
        margin: 0
    }

    #col-txt-inspiration {
        padding: 0 1em;
        text-align: right;
        font-size: 15px;
    }

    #col-img-inspiration {
        float: right;
        padding: .5em 1em
    }

    .col-contact-us {
        margin-top: 2em;
        width: 88% !important
    }

        .col-contact-us p {
            font-family: RegularHS;
            font-size: 100% !important;
            border-bottom: 1px solid #cecece;
            line-height: initial;
            margin-bottom: 1em;
            padding-bottom: .5em;
            width: 100%
        }

    #mail-phone-product {
        padding: 0;
        border: 0;
        position: relative;
        margin-bottom: 2em
    }

        #mail-phone-product .mail-product, #mail-phone-product .phone-product {
            padding: 0;
            border: none
        }

    .mail-product {
        width: auto;
        text-align: left
    }

    .phone-product {
        width: 70%;
        position: absolute;
        right: 0;
        top: -.5em;
        text-align: right
    }

    #phone-product a {
        position: initial;
        top: initial
    }

        #phone-product a img {
            width: 4em
        }

        #phone-product a span {
            position: initial;
            bottom: initial;
            width: auto
        }

    .mail-product img {
        width: 2.5em;
        vertical-align: initial;
        display: inline-block
    }

    #mail-phone-product .phone-product a, #mail-phone-product .phone-product a:hover {
        display: block;
        height: 100%;
        text-decoration: none
    }

        #mail-phone-product .phone-product a span {
            font-family: SFU-Futura-Regular;
            display: inline-block;
            margin-left: 1em
        }

    #formContactProduct {
        position: relative;
        margin-top: 1em;
        display: none
    }

        #formContactProduct img {
            position: absolute;
            right: 0;
            top: -3.5em;
            width: 2em;
            cursor: pointer
        }

        #formContactProduct .form-group {
            border-left: 0;
            padding: 0;
            margin-bottom: 1em
        }

            #formContactProduct .form-group span {
                padding-left: 0
            }

        #formContactProduct select {
            padding-left: .25em
        }

        #formContactProduct textarea {
            resize: none;
            height: 8em
        }

        #formContactProduct .form-group-button {
            padding: 0;
            text-align: left;
            border-left: 0
        }

        #formContactProduct input[type=text], #formContactProduct textarea, #formContactProduct select {
            font-family: RegularHS;
            width: 100%;
            margin: 0 auto;
            display: block;
            border: 1px solid #cecece;
            color: #999;
            padding-left: .25em
        }

        #formContactProduct input[type=text], #formContactProduct select {
            height: 2em
        }

        #formContactProduct select {
            padding: 0
        }

    #messageStatus {
        padding-left: 0
    }

    .form-group-recaptcha {
        text-align: left
    }

    .g-recaptcha {
        transform: scale(1);
        border-left: 0 !important
    }

        .g-recaptcha div, .g-recaptcha div div {
            border-left: 0 !important
        }

    #productZoomHs .modal-header button svg {
        width: 45px;
        height: 45px
    }

    #productZoomHs .modal-header h4 {
        font-size: 175%;
        top: 8%;
        display: block
    }

    #productZoomHs .modal-body {
        top: 18%
    }

        #productZoomHs .modal-body img {
            margin: 0 auto
        }

    #productZoomHs .modal-footer {
        display: none
    }
}

@media only screen and (min-width:992px) {
    .thumbnail-products div {
        margin-bottom: 1.5em
    }

    .col-info-product p {
        line-height: 1;
        font-size: 150%
    }

    .col-contact-us {
        width: 75% !important
    }

    #mail-phone-product .phone-product a span {
        font-size: 110%
    }

    .row-inspiration h3 {
        margin-bottom: 1.5em
    }

    #productZoomHs .modal-header h4 {
        top: 5%
    }

    #productZoomHs .modal-body {
        top: 7.5%
    }
}

@media only screen and (min-width:1200px) {
    .col-contact-us {
        width: 66% !important;
        margin-top: 5em
    }

    .phone-product {
        width: 65%;
        right: 6em
    }

    #formContactProduct input[type=text], #formContactProduct select {
        height: 40px;
    }

    #productZoomHs {
        padding-right: 0 !important
    }
}

#formContactProduct .form-control {
    font-size: 15px !important;
    color: #000 !important;
    border-radius: 0 !important;
}


@media (max-width: 767px) {
    .product_detail {
        padding-top: 0 !important;
    }
}