/* Large Devices, Wide Screens */
@media only screen and (min-width : 992px) {
.row-no-padding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width : 1200px) {
.nav-brand a{
padding-right: 10px;
margin-right: 10px;
}
.navbar-fixed-top .container{
width:100%;
}
.main-menu a{
font-size:13px;
}
.main-menu{
margin-left: 35px;
}
.main-menu li:not(:last-child) {
margin-right: 20px;
}
.banner-home .slick-prev.slick-arrow{
left: 20px;
margin-left: 0px;
}
.banner-home .slick-next.slick-arrow{
margin-right: 0px;
right: 20px;
}
.tabs-cuidados li:not(:first-child) a{
padding-top: 17px;
}
.cuidados-table th i{
font-size: 35px;
}
.cuidados-table .icon-sim{
font-size: 28px;
}
.cuidados-table .icon-nao{
font-size: 24px;
}
.box-relogios-manual .row .col-md-6:nth-of-type(1){
padding-right: 50px;
}
.box-relogios-manual .row .col-md-6:nth-of-type(2){
padding-left: 50px;
}
}
@media only screen and (min-width : 1091px) {
.main-menu[style]{
display: block !important;
}
}
@media only screen and (max-width : 1090px) {
.btn-menu-mobile{
display: block;
}
.main-menu{
position: absolute;
top: 60px;
left: 0px;
right: 0px;
display: none;
background: #000;
padding-left:168px;
margin-left: 0px;
}
.main-menu li{
border-left: 1px solid #FFF;
padding-left: 15px;
display: block;
}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.img-marca-1,
.img-marca-2{
width: 100%;
}
.tabs-cuidados{
margin-bottom: 50px;
overflow: hidden;
}
.tabs-cuidados li{
float: left;
width: 33.33%;
overflow: hidden;
font-size: 12px;
}
.tabs-cuidados li a{
margin-right: 0px;
padding:20px;
text-align: center;
height: 72px;
}
.tabs-cuidados li:first-child a{
padding-top: 28px;
}
.cuidados-table th i{
font-size: 48px;
}
.cuidados-table .icon-sim{
font-size: 36px;
}
.cuidados-table .icon-nao{
font-size: 28px;
}
.banner-marca p,
.marca-text p{
padding:60px 0px;
}
.lista-modelos li{
width: 25%;
}
.box-numero-maquina p{
margin-left: 8.33333333%;
margin-right: 8.33333333%;
}
.identifica-fundo{
margin-top: 50px;
}
}
@media only screen and (max-width : 992px) and (min-width : 769px){
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.banner-marca,
.banner-garantia,
.banner-cuidados,
.banner-manual{
padding-bottom: 85px;
}
.main .container{
margin-top:0px;
}
.tabs-cuidados li a{
padding-left: 15px;
padding-right: 15px;
}
footer{
text-align: center;
}
footer p{
text-align: center;
}
footer a{
float: none;
display: inline-block;
}
.lista-modelos li{
width: 33.33%;
}
.lista-modelos li span{
font-size: 16px;
}
.tabs-cuidados li a{
border-right:1px solid #FFF;
}
.box-numero-maquina p{
margin-left: 10px;
margin-right: 10px;
}
}
@media only screen and (max-width : 550px) {
.navbar-fixed-top{
padding-top: 25px;
position: relative;
background: #000;
}
.nav-brand a{
width: 100px;
}
.language-bar{
float: none;
position: absolute;
left: 0px;
right: 0px;
top:0px;
margin-top: 0px;
border-bottom:1px solid #333;
}
.language-bar li{
float: left;
width: 33.3333%;
margin:0px !important;
height: 25px;
line-height: 25px;
background: #000;
}
.language-bar li a{
width: 100%;
height: 25px;
line-height: 25px;
}
.btn-menu-mobile{
right: 15px;
top: 40px;
}
.main-menu{
position: absolute;
top: 99px;
left: 0px;
right: 0px;
display: none;
background: #000;
padding-left:109px;
margin-left: 0px;
}
.banner-home .slick-arrow{
display: none !important;
}
.banner-home .slick-slide p{
padding-left: 40px;
padding-right:40px;
}
.banner-marca,
.banner-garantia,
.banner-cuidados,
.banner-manual{
padding-top: 50px;
padding-bottom: 50px;
}
.cuidados-table th i{
font-size: 36px;
}
.tabs-cuidados li{
float: none;
width: 100%;
}
.tabs-cuidados li a{
padding:20px;
height: auto;
}
.tabs-cuidados li:first-child a{
padding-top: 20px;
}
.classificacao{
margin-bottom: 30px;
}
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
.nav-brand a{
width: 100px;
}
.banner-home,
.slick-slide{
max-height: 80vh;
}
.banner-home .slick-dots{
bottom: 20px;
}
.manuais-home img{
right: -125px;
}
.cuidados-home img{
left: -110px;
}
.cuidados-home > div{
right: 50px;
}
.links-home .cuidados-home i{
right: 55px;
}
.manuais-home > div{
left:50px;
}
.links-home .manuais-home i{
left: 55px;
}
.banner-marca,
.banner-garantia,
.banner-cuidados,
.banner-manual{
position: relative;
padding-top: 40px;
padding-bottom: 55px;
}
.banner-marca .col-md-12,
.banner-garantia .col-md-12,
.banner-cuidados .col-md-12,
.banner-manual .col-md-12,
.titulo{
position: static;
}
.titulo h1{
padding-left: 0px;
text-align: center;
line-height: 46px;
}
.titulo i{
position: absolute;
left: 50%;
margin-left: -25px;
top: auto;
bottom: -25px;
height: 50px;
width: 50px;
line-height: 57px;
font-size: 36px;
z-index: 10;
}
.lista-modelos li{
width: 50%;
}
.lista-modelos li span{
font-size: 14px;
}
.passo-wizard a{
font-weight: 900;
font-size: 30px;
display: block;
height: 50px;
line-height: 50px;
width: 50px;
}
.wizard-manual:before{
left: 20px;
right: 20px;
top:24px;
}
.box-relogios-manual{
margin-bottom: 40px;
}
}
/* Custom code*/
@media only screen and (min-width : 400px) and (max-width : 480px){
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 390px) {
.main-menu{
padding-left:15px;
}
.main-menu li{
border-left: 1px solid #000;
}
.banner-home .slick-slide p{
padding-left: 15px;
padding-right:15px;
font-size:28px;
}
.btn-green{
font-size: 11px;
line-height: 14px;
padding:15px;
}
.btn-download{
padding-left: 60px;
}
.btn-download i{
left: 18px;
top:50%;
margin-top:-13px;
}
.btn-avanca-1{
padding-right: 55px;
}
.btn-avanca-1 i{
right: 20px;
}
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
.cuidados-home img{
left: -130px;
}
.cuidados-home > div {
right: 25px;
bottom:35px;
}
.links-home a > div{
font-size: 43px;
}
.links-home .manuais-home i{
left: 25px;
}
.links-home .cuidados-home i{
right: 35px;
}
.manuais-home > div{
left: 25px;
bottom:25px;
}
.manuais-home img {
right: -150px;
}
footer p{
line-height: normal;
padding-top: 20px;
}
.lista-modelos li a{
margin:0px 1px;
}
.aponta-maquina p{
font-size: 14px;
}
.aponta-maquina p span{
font-size: 12px;
}
.box-relogios-manual{
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
width:360px;
margin-left:-50px;
margin-bottom: 100px;
margin-top: 100px;
}
}