/*
*   media querie para home;
*   dev: Igor Xícara;
*   projeto: Boticario;
*/
/* Desktops and laptops ----------- */

@media only screen and (max-width:1280px) {
    /* Styles */
    .home .reskin-banner02,
    .home .reskin-banner01 {
        background-size: 100%;
    }
    .home .banners {
        max-width: 940px;
        width: 100%;
        padding: 0px 0px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .home .banners .left,
    .home .banners .right {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 49%;
    }
    .home .banners .left,
    .reskin-banner01 {
        border-radius: 0 0 15px 0;
    }
    .home .banners .right,
    .reskin-banner02 {
        border-radius: 0 0 0 15px;
    }
    .reskin-banner01,
    .reskin-banner02 {
        background-size: 100% auto !important;
    }
    .home .News {
        width: 940px;
        padding: 0px 25px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background-size: auto;
    }
    .home .banners .right,
    .home .banners .left {
        height: 265px;
    }
    .home .imagem-perfumaria {
        display: block;
        width: 485px;
        height: 258px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #footer100 .center {
        width: 970px;
    }
    #footer100 .meio {
        width: 970px;
    }
    #footer100 .bottom #institucional-info {
        width: 940px;
    }
    .LookBook .wrapper .right img {
        width: 222px;
        height: 164px;
    }
    .interna .main .prateleira ul li {
        width: 240px;
    }
    .floating-menu #header .topo h1.logomarca {
        margin-right: 0;
    }
    .home .perfumes .texto {
        width: 410px;
        margin-left: 40px;
    }
    .home .perfumes ul {
        margin-left: 40px;
    }
    #produto .bread-crumb {
        width: 940px;
        margin: auto;
        padding: 10px 0px 30px;
    }
    .produto .notifyme input#notifymeClientName, .produto .notifyme input#notifymeClientEmail {
        width: 110px;
    }
    #footer100 .meio .box:first-child {
        width: 270px;
    }
    #footer100 .meio .box {
        width: 505px;
        margin-top: 35px;
        display: inline-block;
        vertical-align: top;
    }
    #footer100 .meio .box.seguranca > div {
        float: left;
        overflow: hidden;
        margin-right: 10px;
    }
    #footer100 .meio .box.seguranca > a {
        float: left;
        display: inline-block;
    }
    #footer100 .meio .box:last-child {
        width: 180px;
    }
    .texto-seo {
        width: 810px;
    }
    .texto-seo .texto {
        width: 500px;
    }
    #header .menu100 ul.menu-departamento li .subMenu {
        width: 980px;
    }
    #header .menu-departamento .prateleira ul li {
        left: -20px;
        width: 165px;
    }

}
@media only screen and (min-width:1280px) {
    /* Styles */

    .home .banners {
        width: 1180px;
        padding: 0 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .home .banners .left,
    .home .banners .right {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 49%;
    }
    .home .banners .left,
    .reskin-banner01 {
        border-radius: 0 0 15px 0;
    }
    .home .banners .right,
    .reskin-banner02 {
        border-radius: 0 0 0 15px;
    }
    .reskin-banner01,
    .reskin-banner02 {
        background-size: 100% auto !important;
    }
    .home .News {
        padding: 0 35px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 1180px;
    }
    .home .banners .right,
    .home .banners .left {
        height: 345px;
    }
    .LookBook .wrapper .right img {
        height: 174px;
        width: 272px;
    }
    .LookBook .right ul li {
        width: 220px;
        float: left;
        margin-left: 66px;
    }
    .home .banners {
        box-sizing: border-box;
        max-width: 1250px;
        padding: 0 25px;
        width: 100%;
        height: 260px;
    }
    .home .perfumes {
        width: 1180px;
    }
    .home .perfumes .imagem {
        width: 575px;
    }
    .home .perfumes .texto {
        width: 520px;
    }
    .home .perfumes ul li {
        margin-right: 35px;
    }
    .home .imagem-perfumaria {
        display: block;
        width: 575px;
        height: 258px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #footer100 .center {
        width: 1190px;
    }
    #header .menu100 .menu .separador {
        width: 76px;
        height: 1px;
        background-color: #cccccc;
        position: absolute;
        margin-left: 420px;
        margin-top: 30px;
        margin: 0 auto !important;
        left: 0;
        right: 0;
        top: 30px;
        bottom: 0;
    }
    .home .LookBook .wrapper {
        width: 1180px;
        margin: 0 auto;
    }
    .home .LookBook .right ul li {
        width: auto;
        margin-left: 40px;
    }
    #footer100 .meio {
        width: 1190px;
    }
    #footer100 .bottom #institucional-info {
        width: 1170px;
    }
    .floating-menu #header .topo h1.logomarca {
        margin-right: 120px;
    }
    #produto .bread-crumb {
        width: 1195px;
        margin: auto;
        padding: 10px 0px 30px;
    }
    .OsMaisVendidos .prateleira ul li .baixo {
        margin-left: -10px;
    }
    #footer100 .meio .box:first-child {
        width: 340px;
    }
    #footer100 .meio .box:last-child {
        width: 310px;
    }
    .texto-seo {
        width: 1040px;
    }
    .texto-seo .texto {
        width: 700px;
        margin-right: 30px;
    }
}
@media screen and (min-width:1920px) {
    .bread-crumb {
        width: 1880px;
    }

    /* Home */
    .home .topBanners {
        width: 1905px;
    }
    .home .topBanners #banner-rotator {
        width: 948px;
        float: left;
    }
    .home .topBanners #owl .item {
        height: 800px;
    }
    .home .topBanners #owl .item .texto {
        height: 200px;
    }
    .home .topBanners #owl .item .texto .titulo {
        font-size: 29px;
    }
    .home .topBanners #owl .item .texto .subtitulo {
        font-size: 20px;
    }
    .home .topBanners #owl .item .texto .botao {
        padding-top: 18px;
        padding-bottom: 18px;
        padding-left: 35px;
        padding-right: 35px;
    }
    .home .topBanners .bannerDestaque {
        width: 25%;
        height: 800px;
        margin-left: 1px;
        float: left;
    }
    .home .topBanners .bannerDestaque .banner {
        width: 479px;
        height: 399px;
    }
    .home .topBanners .bannerDestaque .banner a {
        width: 479px;
        height: 399px;
    }
    .home .topBanners .bannerDestaque .banner .texto {
        height: 150px;
        bottom: 30px;
    }
    .home .topBanners .bannerDestaque .banner .texto .titulo {
        font-size: 20px;
    }
    .home .topBanners .bannerDestaque .banner .texto .preco {
        font-size: 30px;
    }
    .home .topBanners .bannerDestaque .banner .texto .preco span {
        font-size: 16px;
    }
    .home .topBanners .bannerDestaque .banner img {
        width: 479px;
        height: auto;
    }
    .home .topBanners .bannerEspecial {
        height: 800px;
        float: right;
        overflow: hidden;
        display: block;
    }
    .home .topBanners .bannerRegua {
        width: 1378px;
        overflow: hidden;
    }
    .home .topBanners .bannerRegua ul li {
        width: 329px;
    }
    .home .topBanners .bannerRegua ul li.frete .wrapper,
    .home .topBanners .bannerRegua ul li.atendimento .wrapper {
        margin-top: 11px;
    }
    .home .topBanners .bannerRegua ul li.parcelamento .wrapper,
    .home .topBanners .bannerRegua ul li.boleto .wrapper {
        margin-top: 17px;
    }
    .home .topBanners .bannerRegua ul li.boleto .wrapper {
        width: 63%;
    }
    .home .topBanners .bannerRegua ul li .wrapper {
        width: 63%;
        margin-left: 0px;
    }
    .home .topBanners .bannerRegua ul li .wrapper .maior {
        font-size: 16px;
    }
    .home .topBanners .bannerRegua ul li .wrapper .menor {
        font-size: 12px;
    }
    .home .topBanners .bannerRegua .banner-1920 {
        display: none;
    }
    .home .topBanners .bannerRegua .banner-1280 {
        display: none;
    }
    .home .topBanners .bannerEspecial .box-banner a img {
        border-radius: 25px 0 0 0;
        -webkit-border-radius: 25px 0 0 0;
        -moz-border-radius: 25px 0 0 0;
        -ms-border-radius: 25px 0 0 0;
    }
    .home .topBanners .bannerEspecial .banner a {
        width: 479px;
        height: 800px;
        display: block;
    }
    .home .topBanners .bannerEspecial .banner .texto {
        top: 630px;
        position: relative;
        color: #FFF;
        font-family: "effra";
        height: 130px;
        right: 15px;
        text-align: right;
        z-index: 999;
        width: calc(100% - 30px);
    }
    .home .topBanners .bannerEspecial .banner .texto .titulo {
        font-size: 20px;
        font-weight: 600;
        line-height: 18px;
        height: 36px;
        overflow: hidden;
        right: -50px;
        position: relative;
    }
    .home .topBanners .bannerEspecial .preco {
        font-size: 38px;
        font-weight: 600;
        position: relative;
        right: -20px;
        top: 0px;
    }
    .home .topBanners .bannerEspecial .texto .preco span {
        font-size: 18px;
        display: block;
        position: relative;
        text-align: right;
        right: -30px;
        top: 5px;
    }
    .home .topBanners .bannerEspecial .texto .botao {
        background-color: #d7da14;
        color: #7a185f;
        text-transform: uppercase;
        float: right;
        padding: 10px 20px;
        font-size: 11px;
        font-weight: 600;
        margin-top: 5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }
    .home .OsMaisVendidos .wrapper {
        width: 1550px;
    }
    .home .OsMaisVendidos .titulo {
        margin-left: 6%;
        width: 248px;
    }
    .home .OsMaisVendidos .titulo .maisvendidos {
        font-size: 28px;
        margin-left: 20px;
    }
    .home .LinhasBoticario {
        width: 1420px;
    }
    .home .LookBook .wrapper {
        width: 1450px;
        margin: 0 auto;
    }
    .home .LookBook .right ul li {
        width: auto;
        margin-left: 70px;
    }
    .LookBook .wrapper .right img {
        height: 224px;
        width: 332px;
    }
    .home .banners {
        box-sizing: border-box;
        width: 1470px;
        padding: 0 25px;
        max-width: none;
    }
    .home .News {
        width: 1420px;
    }
    .home .perfumes {
        width: 1360px;
    }
    .home .perfumes .imagem {
        width: 602px;
    }
    .home .imagem-perfumaria {
        display: block;
        width: 602px;
        height: 258px;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .home .perfumes .texto {
        width: 650px;
        font-size: 18px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .home .perfumes ul li a {
        display: block;
        overflow: hidden;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        background-color: #862d6d;
        padding: 14px 15px;
        font-size: 14px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .home .perfumes ul {
        margin-left: 40px;
    }

    /* Categoria */
    #categoria #container .banners-categoria,
    #categoria #container .banners-categoria ul li {
        height: 220px;
    }
    #categoria #container .banners-categoria ul li a {
        width: 380px;
        height: 220px;
    }
    #categoria #container .banners-categoria ul li.first {
        margin-left: 0;
        width: 313px;
    }
    #categoria #container .banners-categoria ul li.first .texto {
        width: 225px;
        left: 30px;
        top: 40px;
    }
    #categoria #container .banners-categoria ul li.first .texto .titulo {
        font-size: 32px;
    }
    #categoria #container .banners-categoria ul li.first .texto .subtitulo {
        font-size: 18px;
        margin-top: 5px;
    }
    #categoria #container .right .ordenar .select {
        right: 85px;
    }
    #categoria #container .right .quantidade {
        margin-right: 300px;
    }

    /* Resultado de Busca */
    #resultBusca #container .banners-categoria,
    #resultBusca #container .banners-categoria ul li {
        height: 220px;
    }
    #resultBusca #container .banners-categoria ul li a {
        width: 520px;
        height: 220px;
    }
    #resultBusca #container .banners-categoria ul li.first {
        margin-left: 0;
        width: 313px;
    }
    #resultBusca #container .banners-categoria ul li.first .texto {
        width: 225px;
        left: 30px;
        top: 40px;
    }
    #resultBusca #container .banners-categoria ul li.first .texto .titulo {
        font-size: 32px;
    }
    #resultBusca #container .banners-categoria ul li.first .texto .subtitulo {
        font-size: 18px;
        margin-top: 5px;
    }
    #resultBusca #container .right,
    #categoria #container .right {
        width: 1565px;
    }
    #resultBusca #container .right .ordenar .select {
        right: 85px;
    }
    #resultBusca #container .right .quantidade {
        margin-right: 300px;
    }

    /* Departamento */
    #departamento #container .right {
        width: 1270px;
    }
    #departamento #container .right .banners-departamento .a .item {
        width: 828px;
        height: 540px;
    }
    #departamento #container .right .banners-departamento .b .item {
        width: 440px;
        height: 540px;
    }
    #departamento #container .right .banners-departamento .c .item {
        width: 1270px;
        height: 228px;
    }
    #departamento #container .right .banners-departamento .a .texto,
    #departamento #container .right .banners-departamento .b .texto,
    #departamento #container .right .banners-departamento .c .texto {
        width: 320px;
    }
    #departamento #container .right .banners-departamento .b .texto {
        right: 10px;
    }
    #departamento #container .right .banners-departamento .texto .titulo {
        font-size: 32px;
    }
    #departamento #container .right .banners-departamento .texto .titulo span {
        font-size: 20px;
    }
    .interna .main .prateleira ul li {
        width: 285px;
        height: 340px;
    }
    .interna .main .prateleira ul li img {
        width: 220px;
        height: 220px;
    }
    .interna .main .prateleira ul li .baixo {
        width: 295px;
    }
    .interna .main .prateleira ul li .baixo a.comprar {
        width: 130px;
    }
    .interna .main .prateleira ul li .baixo p.quickView a {
        width: 150px;
    }
    .OsMaisVendidos .prateleira ul li {
        width: 270px;
        text-align: center;
    }
    .OsMaisVendidos .prateleira ul li:hover {
        height: 310px;
    }
    .OsMaisVendidos .prateleira ul li img {
        width: 190px;
        height: 190px;
        margin: 0 auto;
    }
    .OsMaisVendidos .prateleira ul li .baixo {
        width: 270px;
    }
    .OsMaisVendidos .prateleira ul li .baixo a.comprar,
    .OsMaisVendidos .prateleira ul li .baixo p.quickView a {
        width: 129px;
        margin-right: 0;
    }
    #footer100 .meio,
    #footer100 .bottom #institucional-info {
        width: 1400px;
    }
    #footer100 .meio .box:first-child {
        width: 340px;
    }
    #footer100 .meio .box:last-child {
        width: 470px;
    }
    #footer100 .meio .box {
        width: 580px;
        margin-top: 35px;
        display: inline-block;
        vertical-align: top;
    }
    #footer100 .center {
        width: 1400px;
    }
    #footer100 .institucional .box {
        float: left;
        width: 170px;
        margin-right: 150px;
    }
    #footer100 .meio .box.seguranca > a {
        float: left;
        display: inline-block;
    }
    #linhas #container {
        width: 1800px !important;
        margin: 0 auto;
    }
    .floating-menu #header .topo h1.logomarca {
        margin-right: 240px;
    }
    .bread-crumb {
        width: 1460px;
        margin: auto;
    }
    #produto .bread-crumb {
        width: 1440px;
        margin: auto;
        padding: 10px 0px 30px;
    }

    /*Resultado de Busca*/
    #resultBusca #container .right, #categoria #container .right {
        width: 1195px;
    }
    #resultBusca #container .right .ordenar .select {
        right: 15px;
    }
    #resultBusca.interna #container {
        width: 1490px !important;
    }
    .interna #container {
        width: 1470px !important;
    }
    .texto-seo {
        width: 1270px;
    }
    .texto-seo .texto {
        width: 850px;
    }

    /*#ESPECIAL*/
    .catalog.especial .main {
        width: 1440px;
        margin: auto;
    }
    .catalog.especial #container .texto-especial {
        width: 910px;
    }
    .catalog.especial .prateleira {
        width: 1440px;
    }
    .catalog.especial #container .prateleira ul li {
        width: 228px;
    }

}