a:hover, a:focus { color:#0077EE; } h1>b, h1>strong, .h1>b, .h1>strong, h2>b, h2>strong { font-style:normal; color:#0077EE; } .page-content ul {padding-left:0px; margin-bottom:10px;} .page-content ul>li {list-style:none; background:url("/img/truck/li.png") 0px 0px no-repeat transparent; margin:0px 0px 5px 0px; padding:0px 0px 5px 40px; min-height: 30px;} .btn-primary { color:#ffffff;font-size:16px;font-weight:700; padding:20px 5px; background:#0077EE; border-radius:0px; border:0px none; } .btn-primary:hover, .pagination > li > a:hover, .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus, .btn-primary:active, .pagination > .active > a:active, .btn-primary:focus, .pagination > li > a:focus { text-decoration:none;background:#0044CC; } .pagination > li > a i.glyphicon {padding:0px; font-size:0.9em;} .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color: #0077EE; border-color: #0077EE; color:#fff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #0077EE; border-color: #0077EE; color:#fff; border-radius:0px; } a.ico-btn:hover, a.ico-btn.active { color: #0077EE; text-decoration: none; } #searchFormTop .ico-btn { background:#0077EE; color:#FFF; } #mainMenu .navbar-collapse { background-color:#0077EE; color:#fff; } #mainMenu a { border-bottom:1px solid #142800; color:#fff; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active, #mainMenu .active a { color:#000; } #mainMenu .active a:after { background:#000; } #mainMenu .RESPswitchMENU a { background:#0044CC; max-width: 280px; } .navbar-toggle {background:#0044CC; color:#fff;} .scrollup { background-color: #000; color:#FFF; border-color: #0044CC; } .scrollup:hover, .scrollup:focus, .scrollup:active {background-color: #0044CC; color:#FFF;} .cp-select select { background-image:url('/img/truck/select.png'); } .white-popup-block .win-message { background:#002277; } #header #top-line { position:fixed; top:0px; left:0px; background:#000000; color:#FFF; z-index: 1000; width:100%; } #header { padding-top:55px; } #logo { height:55px; padding-top:9px; padding-bottom:9px; } #logo img {max-width:100%; max-height: 100%; width:auto; height:auto; } #header-right-block { position:static; padding-top:8px; } #searchFormTop { float:right; margin-right:10px; height: 40px; } #searchFormTop .ico-btn { float:right; width:40px; z-index:1001; background:#0044CC; color:#FFF; font-size: 20px; } .homepage .filtr-vozu, .homepage .filtr-vozu .row { background:#0077EE; } .filtr-vozu .btn { background:#660000; color:#FFF; } .filtr-vozu .btn:hover { background:#0044CC; } .subnav-toggle { color: #0077EE; } .sidebar-title { background-color: #0077EE;} #footer { color:#33DDFF; background:#002277; text-align: center; } #footer a { color:#33DDFF; } #footer a:hover, #footer a:focus,#footer a:active {text-decoration:none; color:#FFF;} #footer h2 { color:#FFF; font-weight: normal; } #blok-poradit { background:url('/img/truck/bg_paticka.jpg') 50% 0px no-repeat #002277; } #blok-poradit .blok-poradit-item { border:1px solid #33DDFF; color:#33DDFF; padding:10px 5px 5px; height: 78px; } #blok-poradit .blok-poradit-item.socialy { padding-top:15px; } #blok-poradit .blok-poradit-item .svg-icon { fill:#33DDFF; height:28px; } #blok-poradit .blok-poradit-item span { display:block; } #blok-poradit a.blok-poradit-item:hover {border-color:#FFF; color:#FFF; } #blok-odkazy .odkaz-box, #blok-odkazy .odkaz-box a { color:#000000; } #blok-odkazy .odkaz-box:hover, #blok-odkazy .odkaz-box:hover a { color:#0077EE; } .footer-copyright-cp a .svg-icon { fill: #FFFFFF; } .footer-copyright-cp a:hover .svg-icon { fill: #33DDFF ; } #footer .socialy .svg-icon { height:35px; } #footer .socialy a:hover .svg-icon { fill:#FFF; } #footer-bottom a.btn { border:1px solid #33DDFF; color:#33DDFF; } #footer-bottom a.btn:hover { background:#FFF; border-color:#FFF; } #animace .carousel-indicators { left:15px; bottom:10px; margin:0px; text-align:left; right:auto; top:auto; } #animace .carousel-indicators li { border:0px; background:transparent; text-decoration: none; font-weight: bold; color:#FFF; text-indent: 0; font-size: 12px; line-height: 20px; margin:0px 5px 0px 0px; height:20px; width:auto; border-radius: 0px; } #animace .carousel-indicators .active { background:transparent; color:#0077EE; } #animace .carousel-inner .item.itemblur:after { content:''; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:rgba(13,13,13,0.40); } #animace .anim-link, #animace .anim-text-wrap { text-decoration:none; color:#FFF; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:50; } #animace .anim-text { color:#0077EE; font-weight:700; font-style:italic; display: block; text-align: left; position:absolute; z-index:50; right:auto; margin:0px auto; top:30%; left:-60%; max-width: 52%; padding-left:15px; line-height: 1.2; opacity: 0; transition: all 0.3s; } #animace .anim-text strong { font-weight:900; display: block; color:#FFF; font-style:normal; } #animace .item.active .anim-text { left:0px; opacity: 1;} #homeFiltrKatalogWrap { background:#FFF; } .filtr-vozu { position:relative; z-index: 1; background-color: #FFF; } .filtr-vozu .row { background-color: #FFF; } .homepage .filtr-vozu, .homepage .filtr-vozu .row { background:#0077EE; } .homepage .filtr-vozu, .homepage .filtr-vozu .row { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); } .filtr-vozu .col-xs-12 { padding: 10px 15px 0px 15px; } .filtr-vozu.filtruj-kategorie .col-btn, .homepage .filtr-vozu .col-btn { padding-bottom:15px; float:none; margin:0px auto; clear:both; } .homepage .filtr-vozu .col-nadpis, .filtr-vozu .col-nadpis { padding:0px 0px 0px 0px; } .filtr-vozu .col-nadpis-inner { text-align: center; line-height: 30px; color:#0077EE; vertical-align: bottom; padding:0px; } .homepage .filtr-vozu .col-nadpis-inner { background:#0044CC; color:#FFF; padding:10px; } .filtr-vozu .col-nadpis .nadpis { text-transform: uppercase; font-size:24px; } .filtr-vozu .cp-select { margin:0px auto; width: 100%; border:1px solid #D5D5D5; } .homepage .filtr-vozu .cp-select { border:0px; } .filtr-vozu .cp-select select { line-height: 30px; padding-top:5px; padding-bottom: 5px; height:40px; width:100%; background-position:100% 15px; } .filtr-vozu .btn { width:100%; line-height: 30px; padding:5px;background:#0044CC; color:#FFF; } .filtr-vozu .btn:hover { background:#33DDFF; } #home-intro { background:#FFF; } .home-section { background:#F4F4F4; } .home-section .section-heading, .home-section>.container>h2 { color:#0077EE; } #row-kroky { padding-bottom:60px; background:url('/img/truck/arrow_down.png') 50% 100% no-repeat transparent; margin-bottom: 20px; } #row-kroky .col-krok { border:1px solid #F4F4F4; background:#FFF; text-align: center; padding:10px 15px; font-size: 16px; } #row-kroky .col-krok .num { display: block; width:50px; height:50px; margin:10px auto; border-radius:50%; background:#0077EE; color:#FFF; text-align: center; line-height: 50px; vertical-align: middle; font-size: 20px; font-weight:700; } #row-kroky .col-krok h3 { color:#0077EE; margin:10px auto; font-size: 20px; font-weight: bold; } #home-prubeh { padding-top:0px; padding-bottom:0px; } #home-prubeh>.container>.section-heading { margin-bottom:30px; } #home-zmeny { background:#FFF; } #home-zmeny>h2 { margin-top: 30px; } #home-zmeny ul { padding-left:0px; margin-bottom: 30px; } #home-zmeny ul li {list-style:none; background:url("/img/truck/li.png") 0px 0px no-repeat transparent; margin:0px 0px 15px 0px; padding:0px 0px 5px 40px; min-height: 30px; } #home-news { position:relative; } #home-news .section-heading {color:#FFF; margin-top:0px; } #home-news-info>.box-stin { margin-bottom:30px; background:#0077EE; text-align: center; padding:30px 15px; font-size: 18px;} #home-news-info .section-heading { line-height: 1.5; } #home-news-info p { margin-bottom:30px; color:#FFF; } #home-news-info .btn-primary { min-width: 100px; width:160px; padding:13px 5px; border:1px solid #FFF; font-weight: normal; } .panel.faq .panel-heading a:hover, .panel.faq .panel-heading a { color:#FFF; background:#0044CC; } .panel.faq .panel-heading a.collapsed:after { border-color:#0077EE; } .panel.faq .btn-wrap .btn:hover { background:#0044CC; color:#FFF; } .news .news-item .datum { font-weight: bold; } .news .news-item h2 { color:#0077EE; } .news .news-item:hover h2 { color:#000; } #pageHeader:before { background:rgba(0,0,0,0.65); } .top-nav .btn .icon { color:#0077EE; } .top-nav .btn:hover { color:#FFF; background:#0044CC; } .top-nav .btn:hover .icon { color:#FFF; } .katalog-vypis .model { max-width: 440px; margin:0px auto 30px auto; } .katalog-vypis .model a { text-decoration: none; } .katalog-vypis .model .nazev { display: block; background:#0077EE; color:#FFF; text-align: center; padding:12px 10px; font-size:16px; text-transform: uppercase;} .katalog-vypis .model:hover .nazev { background:#0044CC; } .vypis-kategorii h2 { color:#0077EE; } .vypis-kategorii h2.kategorie-h { position:relative; overflow: hidden; padding:0px;} .vypis-kategorii h2.kategorie-h>span { display: inline-block; padding-right:30px; background:#F4F4F4; position: relative; z-index: 1; } .vypis-kategorii h2.kategorie-h:before { content: ''; display:block; border-bottom:1px solid #D5D5D5; position: absolute; width:100%; z-index: 0; top:50%; } .kategorie-popis { margin-bottom: 45px; } .kategorie-popis h2 { margin-top:15px; } .vypis-modelu .model { background:#FFF; text-align:center; margin-bottom: 30px; text-transform: uppercase; } .vypis-modelu .model .znacka, .vypis-modelu .model .nazev { display: block; overflow:hidden; padding:3px 10px; white-space:nowrap; text-overflow:ellipsis; } .vypis-modelu .model .btn { border:1px solid #D5D5D5; margin:10px; color:#0077EE; } .vypis-modelu .model .btn:hover { background:#0044CC; color:#FFF; } .model-detail .top-nav { margin-top:0px; } .detail .model { background:#FFF; border:1px solid #D5D5D5; padding:5px; text-align: center; margin-bottom:30px; } .detail .model .nazev { font-size:16px; margin:5px auto 10px auto; } .detail .model .btn { margin-top:5px; } .detail .model .btn:hover { background:#0044CC; color:#FFF; } .detail .model>.btn { border:1px solid #D5D5D5; } .detail .model .cena { background:#F4F4F4; padding:5px; margin:10px auto 5px auto; padding-bottom: 10px; } .detail .model .cena>strong { display: block; color:#0077EE; font-size:22px; margin-bottom: 5px; } #detail-modelu .motory-box { background:#FFF; } table.tabulka-uprav caption, .tabulka-uprav-caption { background:#0077EE; color:#FFF; text-transform: uppercase; } table.tabulka-uprav td.red, table.tabulka-uprav th.red { font-weight: bold; } #garance:hover { width:250px; } #garance .content .content-in { padding:10px 15px 10px 15px; width:210px; } #garance .content { text-align:center; text-transform: uppercase; } #garance .content strong { font-weight: 900; font-size: 23px; } #garance .content .zeleny { color:#669933; } #garance .content img { max-width:140px; } @media screen and (min-width: 768px){ #animace .anim-text { font-size:22px; } #animace .anim-text strong { font-size:26px; } .homepage .filtr-vozu .col-btn { float:left;clear:none; padding-bottom:10px; } #row-kroky .col-krok { height: 225px; overflow: hidden; } .katalog-vypis .col-model:nth-child(4n+1){ clear:both; } .leve-menu>.nav li>a { border-bottom:1px solid #0044CC; } .leve-menu>.nav>li>a, .leve-menu>.nav>li>a:hover { background:#0044CC; color:#FFF; font-weight: bold; border-color:#0044CC; } .leve-menu>.nav>li li>a { background:#0077EE; color:#FFF; } .leve-menu>.nav>li li>a:hover, .leve-menu>.nav>li li.active>a { background:#0077EE; color:#000; border-color:#0044CC;} #garance:hover { width:270px; } #garance .content strong { font-size: 24px; } #garance .content .content-in { padding:14px 30px 10px 20px; width:230px; } #header-right-block { padding-right: 0; } } @media (min-width: 992px){ #header #top-line { position:relative; top:auto; left:auto; background:transparent; padding-top:40px; } #header { padding-top:0px; position:absolute; top:0px; left:0px; width:100%; height: auto; } #logo { height:auto; padding-top:0px; margin-top:0px; padding-bottom:0px; width:240px; margin-top:-30px; } #header-right-block { width:50%; padding-top:0px; position: relative; float:right; } #header .kontakt { display:block; height: 40px; padding:5px 0px; text-align: right; margin-top:-40px; } #header .kontakt a { text-decoration:none; color:inherit; } #header .kontakt .telefon-ico { display: inline-block; line-height:20px; padding:5px 0px; font-size:14px; color:#FFF; vertical-align: middle; margin-right: 15px;} #header .kontakt .telefon-ico .svg-icon { float:left; margin-right:10px; } #header .kontakt .telefon-ico>a { float:left; } #header .kontakt .svg-icon { line-height:20px; height:18px; width:auto; fill: #FFF; fill-rule: evenodd; } #header .kontakt .btn { background: #0077EE; color: #FFF; height: 30px; line-height: 30px; padding: 0px 10px; font-size: 14px; } #header-right-block { background:#0044CC; } .navbar-nav { float: left; margin:0px; } .navbar-header, .navbar-nav>li { float: left; } .navbar-toggle { display: none; } .navbar-collapse.collapse{ overflow: visible !important; height: auto !important; display: block !important;} #mainMenu { position:absolute; width: auto; top:40px; left:50%; right:auto; max-width:830px; width:auto; z-index: 1000; background:#0077EE; padding-right:15px; border-radius: 0px; height:50px; margin-left:-190px; } #mainMenu:before { display:block; content:' '; left:-50px; position:absolute; width: 0; height: 0; border-bottom: 50px solid #0077EE; border-left: 50px solid transparent; } #mainMenu .navbar-nav { float:none; margin-left:-9px; } #mainMenu .navbar-nav li { background: transparent;} #mainMenu a {padding:15px 9px; line-height: 20px; font-size:13px; border:0px none; text-align: center; font-weight: normal; border-bottom:0px; } #mainMenu a:hover, #mainMenu a:focus, #mainMenu a:active {background:transparent;} #mainMenu .active a:after { margin:0px auto; } #mainMenu>.container {background:transparent; padding:0px;width:auto; } #mainMenu .navbar-collapse {background-color:transparent; color:inherit; top:auto; height:auto !important; position:relative; } #mainMenu .dropdown:hover .dropdown-menu{display:block;} #mainMenu .hide-navbar, #mainMenu .menu-poptavka {display:none;} #searchFormTop { margin-right:0px; border-right:1px solid #000; border-left:1px solid #000; height:50px; } #searchFormTop .ico-btn { height:50px; padding-top:0px; width:50px; } .searchActive #searchFormTop { top:0px; } .searchActive #mainMenu, .searchActive #c-button--slide-right { z-index:1; } #mutace ul { background:#0044CC; } #mutace ul li { background:#0044CC; } #mutace ul li a:hover { background:#0077EE; } #searchFormTop { border-right:1px solid #0077EE; border-left-color: transparent; } #animace { border-bottom:10px solid #0077EE; } #animace .item .anim-text { font-size:30px; top:40%; } #animace .anim-text strong { font-size:40px; } #animace .carousel-indicators li { margin-right: 10px; } #homeFiltrKatalog { position:absolute; top:110px; right:80px; width:300px; } #homeFiltrKatalog .filtr-vozu .col-xs-12 { width:100%; float:none; } .filtr-vozu .col-btn { float:left;clear:none; padding-bottom:0px; } .katalog-vypis .col-model:nth-child(4n+1){ clear:none; } .katalog-vypis .col-model:nth-child(6n+1){ clear:both; } #home-znacky .bordered-cols { margin-bottom: 30px; } #home-prubeh>.container>.section-heading { margin-bottom:50px; } #row-kroky { padding-bottom:80px; margin-bottom: 40px; } #row-kroky .col-krok { height:280px; } #home-zmeny { padding:15px 45px; } #home-news-info { float:right; } #home-news-info>.box-stin { height: 435px; } #home-news-info .section-heading { font-size:36px; } #home-news-info p { font-size: 20px; margin-bottom:45px; } #blok-poradit .blok-poradit-item { padding-top:15px; height: 90px; font-size: 19px; } #blok-poradit .blok-poradit-item.socialy { padding-top:22px; } } @media (min-width: 1230px){ #logo { width:340px; margin-top:-40px; } #mainMenu { top:50px; height:60px; } #mainMenu:before { left:-60px; border-bottom-width: 60px; border-left-width: 60px; } #mainMenu .navbar-nav { margin-left:-13px; } #mainMenu a { font-size:14px; font-weight:bold; padding:20px 13px; } #searchFormTop { height:60px; } #searchFormTop .ico-btn, #header #mutace { height:60px; width:75px; } #mutace ul { padding-top:60px; } #header #top-line { padding-top:50px; } #header .kontakt { padding:10px 0px; margin-top:-50px; } #animace .item .anim-text { font-size:36px; padding-left:25px; } #animace .anim-text strong { font-size:56px; margin-bottom:5px; } #animace .carousel-indicators { bottom:15px; left:25px; } #animace .carousel-indicators li { font-size: 16px; } #homeFiltrKatalog { top:175px; width:300px; } #homeFiltrKatalog .filtr-vozu .col-sm-4 { padding-left:30px; padding-right:30px; } .filtr-vozu .col-nadpis { padding-top:15px; } #homeFiltrKatalog .filtr-vozu .col-nadpis, #homeFiltrKatalog .filtr-vozu .col-btn { margin-bottom:20px; } #row-kroky { padding-bottom:90px; margin-bottom: 50px; } #row-kroky .col-krok { height:320px; } #row-kroky .col-krok .num { font-size:36px; height:90px; width: 90px; line-height: 90px; margin:20px auto 25px auto; } #home-zmeny { padding:15px 130px; } #home-zmeny>h2 { margin-bottom:30px; } #home-zmeny ul>li { font-size:20px; margin-bottom:30px; } #home-news-info>.box-stin { height: 493px; padding-top:40px; } #home-news-info .section-heading { font-size:42px; } #home-news-info p { font-size: 24px; margin-bottom:45px; } } @media (min-width: 1660px) { #logo {margin-top:-20px; } #header #top-line { padding-top: 25px; } #mainMenu { top:25px; height:80px; margin-left:-400px; max-width: 860px; width:100%; } #mainMenu:before { left:-80px; border-bottom-width: 80px; border-left-width: 80px; } #mainMenu .navbar-nav { margin-left:-16px; } #mainMenu .menu-poptavka {display:block;} #mainMenu a { font-size:14px; padding:30px 16px; } #header .kontakt { float:right; margin-top:0px; margin-right:15px;} #header .kontakt { height:80px; line-height: 20px; padding-top:25px; } #header .kontakt #btn-poptavka { display: none; } #searchFormTop { border-left:1px solid #0077EE; } #searchFormTop, #searchFormTop .ico-btn { height:80px; } #searchFormTop .ico-btn, #header #mutace { height:80px; width:70px; } #mutace ul { padding-top:80px; } #animace .item.active .anim-text { font-size:40px; padding-left: 45px; } #animace .anim-text strong { font-size:66px; margin-bottom: 15px; } #animace .carousel-indicators { bottom:30px; left:45px; } #animace .carousel-indicators li { font-size: 20px; margin-right: 20px; } .home-section { padding:100px 0px 70px 0px; } #homeFiltrKatalog { position:absolute; top:200px; right:100px; width:400px; } #homeFiltrKatalog .filtr-vozu .col-sm-4 { padding-left:45px; padding-right:45px; } #homeFiltrKatalog .filtr-vozu .col-nadpis-inner { padding:15px; } #homeFiltrKatalog .filtr-vozu .col-nadpis, #homeFiltrKatalog .filtr-vozu .col-btn { margin-bottom:45px; } .filtr-vozu .col-nadpis { padding-top:25px; } #homeFiltrKatalog .filtr-vozu .btn, .filtr-vozu .btn { line-height:50px; } #homeFiltrKatalog .filtr-vozu .cp-select select, .filtr-vozu .cp-select select { line-height:50px; height:60px; background-position: 100% 25px; } #pageHeader>.container { margin-top: -8.5%; } .model-detail #pageHeader .h1, #pageHeader .h1 { font-size:42px; } } @media (min-width: 1920px){ #mainMenu { max-width: 880px; margin-left:-280px; } #animace .item.active .anim-text { left:5%; padding-left: 0px; } #animace .carousel-indicators { bottom:45px; left:5%; } #animace .carousel-indicators li { font-size: 22px; } } .znacky-loga .znacka-box img { filter: none; -webkit-filter: none; } .homepage .countingExample { margin-bottom: 20px; } .homepage .countingExample .icon.bigBlueArrow { color: #0077ee; font-size: 42px; line-height: 42px; margin: 40px auto; } .homepage .countingExample h3 { color: #0077ee; } .homepage .countingExample { font-size: 16px; } .homepage .countingExample strong { color: #0077ee; } .homepage .countingExample table { margin: 0 auto; } .homepage .countingExample table th, .homepage .countingExample thead td, .homepage .countingExample thead th { background: #0077ee; color: #ffffff; font-size: 14px; font-weight: 400; } .homepage .countingExample table th, .homepage .countingExample table td { text-align: center; height: 40px; } .homepage .countingExample table td { border: 1px solid #d5d5d5; font-size: 14px; color: #382f2e; } .homepage .countingExample table tr:nth-child(even) td { background:#f0f0f0; } .homepage .countingExample h4 { color: #333333; font-size: 20px; } @media (max-width: 767px) { .homepage .countingExample table th, .homepage .countingExample table td { min-width: 80px; } } @media (min-width: 768px) { .homepage .countingExample table th, .homepage .countingExample table td { min-width: 130px; } } .znacky-loga.znacky-loga-text .znacka-box { font-weight: 900; text-decoration: none; padding:20px 5px; height: 60px; line-height: 20px; text-align: center; font-size: 14px; text-transform: uppercase; color:#000; } .znacky-loga.znacky-loga-text .znacka-box.dva-radky { padding:10px 5px; } @media (min-width:768px) { .znacky-loga.znacky-loga-text .znacka-box { padding:30px 5px; height: 80px; font-size: 15px; } .znacky-loga.znacky-loga-text .znacka-box.dva-radky { padding:20px 5px; } } @media (min-width: 1230px) { .znacky-loga.znacky-loga-text { margin-left:4px; margin-right: -4px; padding:0px; } .znacky-loga.znacky-loga-text .znacka-box { width: 12.5%; padding:35px 5px; height: 90px; } .znacky-loga.znacky-loga-text .znacka-box.dva-radky { padding:25px 5px; } } #app { text-align: center; padding: 25px 15px 15px 15px; z-index:1001; } #app a { display: inline-block; margin: 0 13px; } #app a img { max-height: 52px; } @media (max-width: 767px) { #app { padding: 25px 0 15px 0; } } @media (max-width: 1229px) { #app { background: #0077ee; } } @media (min-width:1230px) { #app { width:310px; position: absolute; top: 120px; right: 75px; padding: 0; } #app a { float: left; } } @media (min-width:1660px) { #app { width:390px; top: 130px; right: 60px; } } #app-bot { text-align: center; padding: 25px 15px 0 15px; } #app-bot a { display: inline-block; margin: 0 13px; } #app-bot a img { max-height: 52px; } #pageHeader { position: relative; } #app-otherpage { text-align: center; padding: 25px 15px 15px 15px; } #app-otherpage a { display: inline-block; margin: 0 13px; } #app-otherpage a img { max-height: 52px; } @media (max-width: 767px) { #app-otherpage { padding: 25px 0 15px 0; } } @media (max-width: 1229px) { #app-otherpage { background: #0077ee; } } @media (min-width:1230px) { #app-otherpage { width:380px; position: absolute; top: 150px; right: 5px; padding: 0; } #app-otherpage a { float: left; } } @media (min-width:1660px) { #app-otherpage { width:390px; top: 220px; right: 60px; } }