BODY .clear{width:100%; clear:both; font-size:1px; line-height:1px}BODY .center{text-align:center} BODY .precede-media{margin-bottom:0px; padding-bottom:0px}BODY .follow-media{margin-top:0px; padding-top:0px} BODY .ripple{transition:background 1s; background-position:center}BODY .ripple:hover{background:#3080ea radial-gradient(circle,transparent 1%,#3080ea 1%) center/15000%}BODY .ripple-light:hover{color:#fff}BODY .ripple:active{transition:background 0s; background-color:#5294ec; background-size:100%} BODY .restricted-width{max-width:900px} @media only screen and (min-width:1200px){  DIV.footer-logo{width:420px} DIV.footer-links{width:calc(100% - 420px)} DIV.footer-column-1{width:calc(55% - 60px); padding-right:60px} DIV.footer-column-2{width:calc(45% - 60px); padding-left:60px}  DIV.home-teak-left{width:55%} DIV.home-teak-right{width:40%; max-width:360px; padding-top:100px; padding-bottom:100px} } @media only screen and (min-width:1400px){  P.intro,P.intro A,P.intro SPAN{font-size:26px; line-height:36px}  #main-nav{width:100%; left:0px} #main-nav A,#main-nav SPAN.link{margin-left:55px} #main-nav SPAN.left{display:none} #main-nav SPAN.responsive{display:inline-block}  #sub-menu{margin-bottom:50px}  #home-banner{padding:75px 0px} #home-banner IMG{width:100%; max-width:1256px} #home-banner P.read-more{width:240px; margin-left:222px; position:absolute; left:50%; top:66.5%} #home-banner P.read-more A{font-size:24px; line-height:24px; padding:6px 0px 9px 0px}  #inner-banner H1{font-size:90px; line-height:94px; letter-spacing:-4px; bottom:70px}} @media only screen and (max-width:1060px){  #sub-menu{margin-bottom:40px}  #toggle-menu{padding-right:200px} DIV.schenker-info DIV.schenker-photos{width:calc(100% - 240px); padding-right:40px} DIV.schenker-info DIV.schenker-specs{width:200px} } @media only screen and (max-width:900px){  #header{width:calc(100% - 50px); background:#fff url(../images/marinetech-logo.png) no-repeat 0px 25px}  #icon-menu{width:26px; height:20px; cursor:pointer; position:absolute; right:0px; top:35px; display:block; z-index:55} DIV.icon-menu DIV.icon-menu-inner{width:26px; height:2px; position:absolute; left:0px; top:0px; transition:.2s ease-in-out; background:#2673ba} DIV.icon-menu DIV.icon-menu-inner-2{top:8px} DIV.icon-menu DIV.icon-menu-inner-3{top:16px} DIV.icon-menu-active DIV.icon-menu-inner{top:8px; background:#fff} DIV.icon-menu-active DIV.icon-menu-inner-1{transform:rotate(45deg)} DIV.icon-menu-active DIV.icon-menu-inner-3{transform:rotate(-45deg)} DIV.icon-menu-active DIV.icon-menu-inner-2{width:0px; height:0px; left:13px} #main-nav{text-align:left; width:100vw; height:100%; padding-top:70px; position:fixed; left:0; top:0px; z-index:50; transition:margin .3s ease-in-out; background:#2673ba} P.main-nav-inactive{margin-left:-100vw} P.main-nav-active{margin-left:0px} #main-nav A.nav,#main-nav A.responsive{color:#fff; font-size:3vw; line-height:1; font-weight:300; margin:0px; padding:12px 25px 12px 30px; display:block; transition:.3s ease-in-out} #main-nav SPAN.link{display:none} #main-nav A.nav:hover,#main-nav A.responsive:hover{background:#212930}  #main-nav SPAN.responsive{display:block} DIV.dropdown{display:none}  DIV.footer-logo{display:none} DIV.footer-links{width:100%} DIV.footer-column-1{width:calc(55% - 50px); padding-right:50px} DIV.footer-column-2{width:calc(45% - 50px); padding-left:50px}  #home-banner IMG{width:94%; max-width:94%} #home-banner P.read-more{width:170px; left:66.5%; top:65.5%} #home-banner P.read-more A{color:#fff; font-size:16px; line-height:16px; padding:8px 0px 9px 0px}  #home-services{padding:60px 0px}  DIV.media-icons{padding:60px 0px} DIV.media-icon{width:calc(50% - 10px)} DIV.media-icon-2{display:none}  DIV.home-aircon-right{width:calc(100% - 310px); padding-left:60px}  #home-ultrasonic-inner{padding:100px 0px 110px 0px} #home-ultrasonic H2{font-size:50px; line-height:58px; letter-spacing:-1px; padding:0px 0px 30px 0px}  DIV.home-teak-right{padding-top:80px; padding-bottom:80px}  DIV.inner-banner-1{background-image:url(../images/backgrounds/inner-banner-1-small.webp)} DIV.inner-banner-2{background-image:url(../images/backgrounds/inner-banner-2-small.webp)} DIV.inner-banner-3{background-image:url(../images/backgrounds/inner-banner-3-small.webp)} DIV.inner-banner-6{background-image:url(../images/backgrounds/inner-banner-6-small.webp)} DIV.inner-banner-7{background-image:url(../images/backgrounds/inner-banner-7-small.webp)} DIV.inner-banner-8{background-image:url(../images/backgrounds/inner-banner-8-small.webp)} DIV.inner-banner-9{background-image:url(../images/backgrounds/inner-banner-9-small.webp)} #inner-banner-gradient{height:60vw; opacity:1} #inner-banner DIV.container{height:140vw}  #contact-details{width:200px; padding-right:40px} FORM.contact{width:calc(100% - 281px); padding-left:40px}} @media only screen and (max-width:750px){ :root{--border-color:#a8a8a8}  #header{height:65px; background:url(../images/logo-small.png) no-repeat 0px 22px} #icon-logo{width:150px; height:22px; top:22px} #icon-menu{top:24px}  H1,H2,H2 SPAN{color:#000; font-size:32px; line-height:40px} P.intro,P.intro A,P.intro SPAN{font-size:22px; line-height:30px}  #main-nav A.nav,#main-nav A.responsive{font-size:28px; padding-left:5%}  #sub-menu{height:0px; padding:0px; border:none; overflow:hidden}  #footer{padding-top:50px} #footer DIV.container{width:100%} DIV.footer-column{display:block} DIV.footer-column-1,DIV.footer-column-2{width:100%; padding:0px} DIV.footer-column-1{padding-bottom:45px} DIV.footer-column P.footer-header{text-align:center; margin:0px; padding-bottom:30px} DIV.footer-column P.footer-link{text-align:center; padding:0px; border-bottom:solid 1px var(--border-color)} DIV.footer-column P.footer-link A{padding:15px 0px 15px 0px; border:none; display:block} DIV.footer-column P.footer-link A:hover{color:#fff; border:none; background:#2673ba}  #home-banner{text-align:left; padding:40px 0px} #home-banner IMG{width:190%; max-width:190%; margin-left:-11.5%} #home-banner P.read-more{display:none}  #home-services{padding:50px 0px}  DIV.media-icons{padding:35px 0px 25px 0px} DIV.media-icons DIV.container{display:block} DIV.media-icon{text-align:left; width:auto; margin:0px 0px 20px 0px; padding:25px 20px 25px 25px; display:block} DIV.media-icon IMG,DIV.media-icon .media-icon-text{display:inline-block; vertical-align:top} DIV.media-icon IMG{width:75px; height:auto; margin:0px} DIV.media-icon .media-icon-text{width:calc(100% - 95px); padding:0px 0px 0px 20px} DIV.media-icon P{padding-left:0px; padding-right:0px} DIV.media-icon P.description{padding-top:15px; padding-bottom:0px}  #home-aircon{background:#2c9be8} DIV.home-aircon{display:block} DIV.home-aircon-left{display:none} DIV.home-aircon-right{width:auto; padding:70px 0px 80px 0px; background:transparent}  #home-ultrasonic H2{font-size:44px; line-height:50px} #home-ultrasonic P.read-more{margin:55px 0px 0px 0px}  #home-teak{flex-direction:column} DIV.home-teak-left{width:100%; height:500px} DIV.home-teak-left::after{display:none} DIV.home-teak-right{width:90%; max-width:90%; margin:0px auto; padding:50px 0px 65px 0px}  #home-testimonial{padding:60px 0px} #home-testimonial H2{font-size:30px; line-height:38px; padding-bottom:35px}  #inner-banner H1{font-size:60px; line-height:68px; word-spacing:3px; bottom:50px}  #media-video{margin:40px auto}  DIV.media-bullets{margin:40px auto 45px; padding:40px 0px} DIV.media-bullets-left,DIV.media-bullets-right{width:100%; display:block} DIV.media-bullets-left{padding-right:0px} DIV.media-bullets-right{padding-left:0px} DIV.media-bullets-left P:last-child{padding-bottom:20px}  DIV.photo-gallery{margin:35px auto 20px; padding:0px; background:#fff} DIV.photo-gallery .container{width:100%} DIV.photo-gallery DIV.img{width:100%; margin:0px 0px 20px 0px; border-left:none; border-right:none; cursor:text} DIV.photo-gallery DIV.img:last-child{margin:0px}  DIV.product-learn-more{padding:50px 0px 60px 0px}  #teak-page,#marine-services-keel-crab,#about-page{padding-bottom:50px}  #toggle-menu{padding-right:0px; padding-left:1px} DIV.toggle-info DIV.schenker-photos,DIV.schenker-info DIV.schenker-specs{display:block} DIV.toggle-info DIV.schenker-photos{width:100% ; padding:0px 0px 50px 0px} DIV.toggle-info DIV.schenker-specs{width:auto} DIV.toggle-info DIV.schenker-photos IMG.schenker-specs-main-photo{margin:0px 0px 50px 0px} #schenker-page DIV.photo-gallery{margin-bottom:50px}  #ultrasonic-page IMG.transducer{margin:0px 0px 50px 0px} #ultrasonic-page DIV.product-learn-more{margin-top:10px}  DIV.thermowell-gallery{margin:50px auto; padding:0px; background:#fff} DIV.thermowell-gallery .container{width:100%} DIV.thermowell-gallery IMG{width:100%; border-left:none; border-right:none} DIV.thermowell-gallery IMG.img-left{margin-right:0px; border-bottom:none} DIV.thermowell-gallery IMG.img-right{margin-left:0px} #marine-aircon-page DIV.product-learn-more{margin-top:60px}  #marine-services-page DIV.media-bullets{margin-bottom:0px} #marine-services-keel-crab{padding-top:40px} #marine-services-keel-crab .container{width:100%} #marine-services-keel-crab H2,#marine-services-keel-crab P{padding-left:5%; padding-right:5%}  #contact-form{margin:0px; padding-top:50px} #contact-details{width:auto; margin-bottom:50px; padding:0px 0px 45px 0px; border-bottom:solid 1px var(--border-color); display:block} FORM.contact{width:100%; padding-left:0px; border:none; display:block} }