4,000 lbs Terror XVIII Mini Excavator, EPA Certified USA KUBOTA Diesel Machine

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } #logoContainer{font-family: ‘Ubuntu’, sans-serif; font-size: 40px;line-height: 44px; text-transform: uppercase !important; color: #262626; margin-top: 20px;} /*** VIDEO STYLING (OBJECTS) ***/ .videoWrapperContainer { width: 100%; margin: 0 auto; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videoWrapper object, .videoWrapper embed { position: absolute; margin: 20px auto 0 auto; top: 0; left: 0; width: 100%; height: 100%; } body { line-height: 1; } .clearer { clear: both; } #wrapper { max-width: 1390px; margin: 0 auto; font-family: ‘Merriweather’, serif; } #logoContainer { text-align: center; } #logoContainer img { max-width: 300px; margin-top: 70px; margin-bottom: 20px; } #header h1 { font-size: 50px; text-align: center; margin-top: 60px; margin-bottom: 50px; color: #868686; } #navigation { height: 65px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; margin-top: 40px; text-align: center; } #navigation ul li { list-style: none; display: inline-block; } #navigation ul a { text-align: center; display: inline-block; line-height: 65px; width: 140px; font-size: 15px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; color: #333; } #navigation ul a:hover { background-color: #335477; color: white; cursor: pointer; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #navigation ul a, #navigation ul a:hover, #navigation ul a:visited { text-decoration: none; } #buyArea { float: left; margin-left: 8%; margin-top: 80px; margin-right: 50px; width: 85%; } #description h2, #description h3, #description p { margin-bottom: 10px; } #description h3 { color: #c0392b; } #description h1 { font-size: 29px; line-height: 1.3; } #description h2 { font-size: 29px; line-height: 1.3; } #description h3 { font-size: 24px; margin-top: 22px; font-weight: bold; } #description p, #description ul, #description ol, #description li { font-size: 16px; font-family: ‘Merriweather’, serif; color: #666666; line-height: 1.5; } #description ul { padding-left: 20px; } #buttonContainer { height: 80px; margin-top: 40px; width: 186px; } #askNowButton { display: block; background-color: white; border: 2px solid #335477; width: 124px; height: 40px; line-height: 40px; text-align: center; color: #335477; border: 2px solid #335477; text-decoration: none; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #askNowButton:hover { cursor: pointer; background-color: #335477; color: white; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } button:visited { color: inherit; } /**Gallery CSS**/ .gallery .control-operator:target ~ .controls .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4); } .gallery .control-button:first-of-type, .gallery .control-operator:nth-of-type(1):target ~ .controls .control-button:nth-of-type(1), .gallery .control-operator:nth-of-type(2):target ~ .controls .control-button:nth-of-type(2), .gallery .control-operator:nth-of-type(3):target ~ .controls .control-button:nth-of-type(3), .gallery .control-operator:nth-of-type(4):target ~ .controls .control-button:nth-of-type(4), .gallery .control-operator:nth-of-type(5):target ~ .controls .control-button:nth-of-type(5), .gallery .control-operator:nth-of-type(6):target ~ .controls .control-button:nth-of-type(6), .gallery .control-operator:nth-of-type(7):target ~ .controls .control-button:nth-of-type(7), .gallery .control-operator:nth-of-type(8):target ~ .controls .control-button:nth-of-type(8), .gallery .control-operator:nth-of-type(9):target ~ .controls .control-button:nth-of-type(9), .gallery .control-operator:nth-of-type(10):target ~ .controls .control-button:nth-of-type(10), .gallery .control-operator:nth-of-type(11):target ~ .controls .control-button:nth-of-type(11), .gallery .control-operator:nth-of-type(12):target ~ .controls .control-button:nth-of-type(12) { color: white; color: rgba(255, 255, 255, 0.8); } .gallery .item { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; opacity: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; } .gallery .control-operator { display: none; } .gallery .control-operator:target ~ .item { pointer-events: none; opacity: 0; -webkit-animation: none; -o-animation: none; animation: none; } .gallery .control-operator:target ~ .controls .control-button { -webkit-animation: none; -o-animation: none; animation: none; } @-webkit-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-2 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 14.3%, 50% { color: white; color: rgba(255, 255, 255, 0.8); } 64.3%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } @keyframes galleryAnimation-2 { 0% { opacity: 0; } 14.3%, 50% { opacity: 1; } 64.3%, 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .items-2.autoplay .control-button { -webkit-animation: controlAnimation-2 14s infinite; -o-animation: controlAnimation-2 14s infinite; animation: controlAnimation-2 14s infinite; } .items-2.autoplay .item { -webkit-animation: galleryAnimation-2 14s infinite; -o-animation: galleryAnimation-2 14s infinite; animation: galleryAnimation-2 14s infinite; } .items-2 .control-button:nth-of-type(1), .items-2 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-2 .control-button:nth-of-type(2), .items-2 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @-webkit-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-3 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 9.5%, 33.3% { color: white; color: rgba(255, 255, 255, 0.8); } 42.9%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } @keyframes galleryAnimation-3 { 0% { opacity: 0; } 9.5%, 33.3% { opacity: 1; } 42.9%, 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .items-3.autoplay .control-button { -webkit-animation: controlAnimation-3 21s infinite; -o-animation: controlAnimation-3 21s infinite; animation: controlAnimation-3 21s infinite; } .items-3.autoplay .item { -webkit-animation: galleryAnimation-3 21s infinite; -o-animation: galleryAnimation-3 21s infinite; animation: galleryAnimation-3 21s infinite; } .items-3 .control-button:nth-of-type(1), .items-3 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-3 .control-button:nth-of-type(2), .items-3 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-3 .control-button:nth-of-type(3), .items-3 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } @-webkit-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-4 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 7.1%, 25% { color: white; color: rgba(255, 255, 255, 0.8); } 32.1%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } @keyframes galleryAnimation-4 { 0% { opacity: 0; } 7.1%, 25% { opacity: 1; } 32.1%, 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(6):target ~ .item:nth-of-type(6) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(7):target ~ .item:nth-of-type(7) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(8):target ~ .item:nth-of-type(8) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(9):target ~ .item:nth-of-type(9) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(10):target ~ .item:nth-of-type(10) { pointer-events: auto; opacity: 1; } .items-4.autoplay .control-button { -webkit-animation: controlAnimation-4 28s infinite; -o-animation: controlAnimation-4 28s infinite; animation: controlAnimation-4 28s infinite; } .items-4.autoplay .item { -webkit-animation: galleryAnimation-4 28s infinite; -o-animation: galleryAnimation-4 28s infinite; animation: galleryAnimation-4 28s infinite; } .items-4 .control-button:nth-of-type(1), .items-4 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-4 .control-button:nth-of-type(2), .items-4 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-4 .control-button:nth-of-type(3), .items-4 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .items-4 .control-button:nth-of-type(4), .items-4 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } .items-4 .control-button:nth-of-type(5), .items-4 .item:nth-of-type(5) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } @-webkit-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-o-keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @keyframes controlAnimation-5 { 0% { color: #ccc; color: rgba(255, 255, 255, 0.4); } 5.7%, 20% { color: white; color: rgba(255, 255, 255, 0.8); } 25.7%, 100% { color: #ccc; color: rgba(255, 255, 255, 0.4); } } @-webkit-keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } @-o-keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } @keyframes galleryAnimation-5 { 0% { opacity: 0; } 5.7%, 20% { opacity: 1; } 25.7%, 100% { opacity: 0; } } .gallery .control-operator:nth-of-type(1):target ~ .item:nth-of-type(1) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(2):target ~ .item:nth-of-type(2) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(3):target ~ .item:nth-of-type(3) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) { pointer-events: auto; opacity: 1; } .gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) { pointer-events: auto; opacity: 1; } .items-5.autoplay .control-button { -webkit-animation: controlAnimation-5 35s infinite; -o-animation: controlAnimation-5 35s infinite; animation: controlAnimation-5 35s infinite; } .items-5.autoplay .item { -webkit-animation: galleryAnimation-5 35s infinite; -o-animation: galleryAnimation-5 35s infinite; animation: galleryAnimation-5 35s infinite; } .items-5 .control-button:nth-of-type(1), .items-5 .item:nth-of-type(1) { -webkit-animation-delay: -2s; -o-animation-delay: -2s; animation-delay: -2s; } .items-5 .control-button:nth-of-type(2), .items-5 .item:nth-of-type(2) { -webkit-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .items-5 .control-button:nth-of-type(3), .items-5 .item:nth-of-type(3) { -webkit-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .items-5 .control-button:nth-of-type(4), .items-5 .item:nth-of-type(4) { -webkit-animation-delay: 19s; -o-animation-delay: 19s; animation-delay: 19s; } .items-5 .control-button:nth-of-type(5), .items-5 .item:nth-of-type(5) { -webkit-animation-delay: 26s; -o-animation-delay: 26s; animation-delay: 26s; } .gallery .control-button { color: #ccc; color: rgba(255, 255, 255, 0.4); } .gallery .control-button:hover { color: white; color: rgba(255, 255, 255, 0.8); } .gallery { position: relative; } .gallery .item { overflow: hidden; text-align: center; } .gallery .controls { width: 100%; } .gallery .control-button { display: inline-block; margin: 0 .02em; font-size: 3em; text-align: center; text-decoration: none; -webkit-transition: color .1s; -o-transition: color .1s; transition: color .1s; } .gallery .item:first-of-type { position: relative; pointer-events: auto; opacity: 1; } .gallery { width: 43%; margin-right: 2%; float: right; margin-top: 70px; } .bigPic { position: relative; width: 100%; height: 530px; text-align: center; margin: 0; background-color: #fff; } .bigPic img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } .galleryNav { padding-top: 15px; padding-left: 0; text-align: left; } .galleryThumb { position: relative; display: inline-block; margin-left: -4px; margin-right: 1%; width: 24%; height: 100px; text-align: center; margin-bottom: 5px;/*background-color: #fff;*/ } .galleryThumb:nth-child(1), .galleryThumb:nth-child(5) { margin-left: 0; } .galleryThumb:nth-child(4n) { margin-right: 0; } .galleryThumb:last-child { margin-right: 0; } .galleryThumb:hover { opacity: 0.7; cursor: pointer; transition: all 0.2s; } .galleryThumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; max-height: 100%; } #infoBox1 { margin-top: 100px; } #infoBox1, #infoBox2, #infoBox3 { height: auto; text-align: center; padding: 60px 0; } #infoBox1 p, #infoBox2 p, #infoBox3 p { width: 550px; line-height: 1.5; font-family: ‘Ubuntu’, sans-serif; } #infoBox1, #infoBox3 { background-color: #e3e3e3; } #infobox3 ul li { font-family: ‘PT Sans Narrow’, sans-serif; line-height: 1.5; } #infoBox3 span { font-weight: 700; } .infoCircle { border-radius: 100%; border: 4px solid #335477; height: 170px; width: 170px; background-color: white; display: inline-block; } .infoCircle i { color: #335477; font-size: 50px; line-height: 170px; } .infoText { display: inline-block; vertical-align: top; text-align: left; font-family: ‘PT Sans Narrow’, sans-serif; color: #666666; line-height: 1.1; } .infoText h3 { font-size: 26px; color: #222; font-family: ‘Merriweather’, serif; } .infoText p { font-size: 18px; } .infoText ul, .infoText ol { position: relative; left: 20px; } .underLine { height: 3px; width: 30px; background-color: #335477; margin-top: 13px; margin-bottom: 13px; } #infoBox1 .infoCircle, #infoBox3 .infoCircle { margin-right: 60px; } #infoBox2 .infoCircle { margin-left: 60px; } #footer { height: 60px; background-color: #335477; text-align: center; line-height: 60px; color: #ccc; font-size: 12px; } #footer span a { color: white; } @media only screen and (max-width: 1215px) { .gallery { width: 40%; } } /*gallary css*/ /*Time for the CSS*/ .slider_area { overflow-x: hidden; overflow-y: hidden; padding-bottom: 10px; padding-left: 0; padding-right: 0; padding-top: 10px; } .basic_template_slider { position: relative; /*Instead of height we will use padding*/ padding-top: 410px; /*That helps bring the labels down*/ width: 100%;/*Lets add a shadow*//*box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.75);*/ } /*Last thing remaining is to add transitions*/ .basic_template_slider>img { position: absolute; left: 0%; top: 0; transition: all 0.5s; height: 100%; width: 100%; } .basic_template_slider input[name=’slide_switch’] { display: none; } .basic_template_slider label { /*Lets add some spacing for the thumbnails*/ margin: 15px 0 0 12px; position: relative; left: 0%; float: left; height: 110px; cursor: pointer; transition: all 0.5s; z-index: 1; width: 22.5%; /*Default style = low opacity*/ opacity: 0.6; } .basic_template_slider label img { display: block; height: 100%; width: 100%; } /*Time to add the click effects*/ .basic_template_slider input[name=’slide_switch’]:checked+label { border-color: #666; opacity: 1; } /*Clicking any thumbnail now should change its opacity(style)*/ /*Time to work on the main images*/ .basic_template_slider input[name=’slide_switch’] ~ img { opacity: 0; transform: scale(1.1); } /*That hides all main images at a 110% size On click the images will be displayed at normal size to complete the effect */ .basic_template_slider input[name=’slide_switch’]:checked+label+img { opacity: 1; transform: scale(1); } /*Clicking on any thumbnail now should activate the image related to it*/ /*We are done :)*/ .slider_thumb { clear: both; overflow: hidden; width: 510px; margin: 0 auto; } .slider_thumb ul { margin: 0; padding: 0; list-style: none; } .slider_thumb ul li { float: left; margin: 2px; } .slider_thumb ul li:first-child { margin-left: 0px; } .slider_thumb ul li:last-child { margin-right: 0px; } .slider_thumb ul li a { } .slider_thumb ul li a img { width: 123px; } .tab_area { clear: both; margin-top: 50px; } /***********End Slider Area******************** /*****************/ /* TABLET 1024px */ /*****************/ @media only screen and (max-width: 1024px) { #buyArea { margin: 0 auto; margin-top: 40px; text-align: center; width: 100%; } #description p { width: 90%; margin: 5px auto; } #buttonContainer { margin: 0 auto; margin-top: 30px; } #description ul, #description ol { display: inline-block; margin: 0 auto; text-align: left; } .gallery { display: block; float: none; margin: 50px auto; width: 70%; } .bigPic { height: 600px; } } @media only screen and (max-width: 830px) { .bigPic { width: auto; height: 500px; } .bigPic img { max-width: 95%; width: auto; vertical-align: middle; } .bigPic { display: inline-block; width: 100%; vertical-align: middle; text-align: center; } } @media only screen and (max-width: 700px) { #infoBox1, #infoBox2, #infoBox3 { display: block; height: auto; width: 100%; text-align: center; margin: 0 auto; padding-bottom: 70px; } .infoText { text-align: center; width: 90%; } #infoBox1 p, #infoBox2 p, #infoBox3 p { margin: 0; width: 100%; } .infoCircle { display: none; } .infoText ul { list-style: none; } .underline { margin-right: auto; margin-left: auto; } } /* SMARTPHONE 480px*/ @media only screen and (max-width: 480px) { #logoContainer img { max-width: 80%; } #navigation { border: none; height: auto; } #navigation ul li { display: block; } #navigation ul a { display: block; margin: 0 auto; border-bottom: 1px solid #ebebeb; width: 100%; } #buttonContainer { margin-bottom: 70px; } #navigation ul a:first-child { border-top: 1px solid #ebebeb; } .gallery { display: block; float: none; margin: 40px auto 0 auto; width: 100%; } .bigPic { height: 370px; } .bigPic img { max-width: 95%; width: auto; vertical-align: middle; } .galleryThumb { width: 23%; margin-right: 1%; } .galleryNav { text-align: center; } #infoBox1, #infoBox2, #infoBox3 { display: block; height: auto; width: 100%; text-align: center; margin: 0 auto; padding-bottom: 70px; } .infoText { text-align: center; width: 90%; } #infoBox1 p, #infoBox2 p, #infoBox3 p { margin: 0; width: 100%; } .infoCircle { display: none; } #footer { height: auto; line-height: 1.5; padding: 10px 0; } #description p { width: 90%; margin: 5px auto; } .infoText ul, .infoText ol { left: 0; } } } @media only screen and (min-width:280px) and (max-width:359px) { .basic_template_slider label { width: 22.5% !important; } } /* CSS ENDE*/