@charset "utf-8"; /* CONNECT CUSTOM MOBILE CSS */ /**************************************** Section 1 ****************************************/ #connect-section-1 { height: 720px; background: url(../images/bg_section1_mobile.jpg) center top no-repeat; } #connect-section-1 .row-1 h2 { margin-left: 0; } #connect-section-1 .row-1 h3 { margin-left: 0; } #connect-section-1 .row-1 h1 { margin-left: -7px; } #connect-section-1 .row-2 p:first-child { margin-top: 25px; margin-left: 0; } #connect-section-1 .row-2 a { margin-top: 40px; margin-left: -13px; } #connect-section-1 .row-2 p:last-child { margin-top: 25px; margin-left: 0; } #connect-section-1 .row-2 img { position: static; display: block; width: 100%; height: auto; margin-left: 0; margin-top: 0; padding-top: 20px; } /**************************************** Section 2 ****************************************/ #connect-section-2 { height: 2410px; background: url(../images/bg_section2_mobile.jpg) center top no-repeat; } #connect-section-2 .row-1 #connect-desktop{ display: none; } #connect-section-2 .row-1 #connect-mobile{ display: block; } #connect-section-2 .row-1 #connect-mobile{ display: block; width: 100%; height: auto; margin-top: 20px; } #connect-section-2 .row-1 #connect-mobile img{ display: block; width: 100%; height: auto; } #connect-section-2 .row-1 #connect-mobile #connect-central-de-inteligencia{ background: url(../images/connect_hotspot_01.png) center center no-repeat; width: 142px; height: 46px; } #connect-section-2 .row-1 #connect-mobile #connect-central-de-inteligencia p{ width: auto; height: auto; margin-top: 15px; padding-top: 8px; margin-left: 10px; font-size: 13px; color: #f37a22; } #connect-section-2 .row-1 #connect-mobile .connect-mobile-box{ background-color: #680248; width: auto; height: auto; padding: 30px 10px; margin-top: 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #connect-section-2 .row-1 #connect-mobile .connect-mobile-box h3{ width: auto; height: auto; font-size: 20px; color: #f37a22; } #connect-section-2 .row-1 #connect-mobile .connect-mobile-box h3 strong{ font-size: 22px; } #connect-section-2 .row-1 #connect-mobile .connect-mobile-box p{ width: auto; height: auto; margin-top: 13px; font-size: 16px; color: #fff; } #connect-section-2 .row-1 #connect-mobile .connect-mobile-box span{ display: block; width: auto; height: auto; margin-top: 20px; font-size: 11px; color: #fff; } /**************************************** Section 3 ****************************************/ #connect-section-3 { height: 835px; background: url(../images/bg_section3_mobile.jpg) center top no-repeat; } #connect-section-3 .row-1 #connect-refrigerador-img { position: static; width: 100%; height: auto; margin-left: 0; margin-top: 50px; } #connect-section-3 .row-1 .connect-box-1 { left: 0; background-color: #000; } #connect-section-3 .row-1 .connect-box-1 ul { margin-left: -2px; padding-top: 13px; margin-top: auto; height: 34px; width: 100%; } #connect-section-3 .row-1 #connect-box-wi-fi #connect-icone-wi-fi { display: none; } #connect-section-3 .row-1 #connect-box-wi-fi h3 { margin-left: 0; padding-top: 30px; } #connect-section-3 .row-1 #connect-box-wi-fi p { width: auto; margin-left: 0; } #connect-section-3 .row-1 #connect-box-wi-fi span { margin-left: 0; } #connect-section-3 .row-1 #connect-box-brastemp-club h3 { margin-left: 0; padding-top: 30px; } #connect-section-3 .row-1 #connect-box-brastemp-club p { width: auto; margin-left: 0; } #connect-section-3 .row-1 #connect-box-brastemp-club span { margin-left: 0; } /**************************************** Section 4 ****************************************/ #connect-section-4 { height: 565px; background: url(../images/bg_section4_mobile.jpg) center top no-repeat; } #connect-section-4 .row-1 .connect-box-1 #connect-menu-central-inteligente a { font-size: 11px; } #connect-section-4 .row-1 .connect-box-1 #connect-submenu { padding: 14px 1px; } #connect-section-4 .row-1 .connect-box-1 #connect-submenu a { margin-left: 2px; margin-right: 2px; font-size: 11px; } #connect-section-4 .row-1 #connect-central-inteligente h3 { margin-left: 0; font-size: 18px; } #connect-section-4 .row-1 #connect-central-inteligente p { width: auto; height: auto; margin-top: 15px; margin-left: 0; font-size: 16px; color: #444444; } #connect-section-4 .row-1 #connect-central-inteligente span { margin-left: 0; } #connect-section-4 .row-1 #connect-central-inteligente img { width: 100%; height: auto; } #connect-section-4 .row-1 #connect-funcoes-controle h3 { margin-left: 0; font-size: 18px; } #connect-section-4 .row-1 #connect-funcoes-controle p { width: auto; margin-left: 0; } #connect-section-4 .row-1 #connect-funcoes-controle img { width: 100%; height: auto; margin-top: 188px; } #connect-section-4 .row-1 #connect-smart-stock h3 { margin-left: 0; font-size: 18px; } #connect-section-4 .row-1 #connect-smart-stock p { width: auto; margin-left: 0; } #connect-section-4 .row-1 #connect-smart-stock span { margin-left: 0; } #connect-section-4 .row-1 #connect-smart-stock img { width: 100%; height: auto; margin-top: 63px; } #connect-section-4 .row-1 #connect-outras-funcoes h3 { margin-left: 0; font-size: 18px; } #connect-section-4 .row-1 #connect-outras-funcoes p { width: auto; margin-left: 0; } #connect-section-4 .row-1 #connect-outras-funcoes img { width: 100%; height: auto; margin-top: 207px; } /**************************************** Section 5 ****************************************/ #connect-section-5 { height: 1120px; background: url(../images/bg_section5_mobile.jpg) center top no-repeat; } #connect-section-5 .row-1 h3 { font-size: 22px; margin-left: 0; } #connect-section-5 .row-1 ul { margin-left: 0; } #connect-section-5 .row-1 p { margin-left: 0; } #connect-section-5 .row-1 img { width: 100%; min-width: 288px; height: auto; margin-top: 80px; }