<!DOCTYPE html>
<html data-wf-site="55e61e2f44e5eb72586716ef" data-wf-page="55e9abc24dc34588755277ff" lang="en">
<head>
  <!-- Anti-flicker snippet (recommended)  -->
<style>.async-hide { opacity: 0 !important} </style>
<script>(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;
h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};
(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;
})(window,document.documentElement,'async-hide','dataLayer',4000,
{'GTM-MK32TVQ':true});</script>
  <meta charset="utf-8">
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"ab18452986","applicationID":"11788448","transactionName":"ewldRUQLCFRWQh8NVlUDHFhYAAFA","queueTime":0,"applicationTime":62,"agent":""}</script>
<script type="text/javascript">(window.NREUM||(NREUM={})).loader_config={licenseKey:"ab18452986",applicationID:"11788448"};window.NREUM||(NREUM={}),__nr_require=function(e,n,t){function r(t){if(!n[t]){var i=n[t]={exports:{}};e[t][0].call(i.exports,function(n){var i=e[t][1][n];return r(i||n)},i,i.exports)}return n[t].exports}if("function"==typeof __nr_require)return __nr_require;for(var i=0;i<t.length;i++)r(t[i]);return r}({1:[function(e,n,t){function r(){}function i(e,n,t){return function(){return o(e,[u.now()].concat(f(arguments)),n?null:this,t),n?void 0:this}}var o=e("handle"),a=e(4),f=e(5),c=e("ee").get("tracer"),u=e("loader"),s=NREUM;"undefined"==typeof window.newrelic&&(newrelic=s);var p=["setPageViewName","setCustomAttribute","setErrorHandler","finished","addToTrace","inlineHit","addRelease"],l="api-",d=l+"ixn-";a(p,function(e,n){s[n]=i(l+n,!0,"api")}),s.addPageAction=i(l+"addPageAction",!0),s.setCurrentRouteName=i(l+"routeName",!0),n.exports=newrelic,s.interaction=function(){return(new r).get()};var m=r.prototype={createTracer:function(e,n){var t={},r=this,i="function"==typeof n;return o(d+"tracer",[u.now(),e,t],r),function(){if(c.emit((i?"":"no-")+"fn-start",[u.now(),r,i],t),i)try{return n.apply(this,arguments)}catch(e){throw c.emit("fn-err",[arguments,this,e],t),e}finally{c.emit("fn-end",[u.now()],t)}}}};a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","),function(e,n){m[n]=i(d+n)}),newrelic.noticeError=function(e,n){"string"==typeof e&&(e=new Error(e)),o("err",[e,u.now(),!1,n])}},{}],2:[function(e,n,t){function r(e,n){var t=e.getEntries();t.forEach(function(e){"first-paint"===e.name?c("timing",["fp",Math.floor(e.startTime)]):"first-contentful-paint"===e.name&&c("timing",["fcp",Math.floor(e.startTime)])})}function i(e,n){var t=e.getEntries();t.length>0&&c("lcp",[t[t.length-1]])}function o(e){if(e instanceof s&&!l){var n,t=Math.round(e.timeStamp);n=t>1e12?Date.now()-t:u.now()-t,l=!0,c("timing",["fi",t,{type:e.type,fid:n}])}}if(!("init"in NREUM&&"page_view_timing"in NREUM.init&&"enabled"in NREUM.init.page_view_timing&&NREUM.init.page_view_timing.enabled===!1)){var a,f,c=e("handle"),u=e("loader"),s=NREUM.o.EV;if("PerformanceObserver"in window&&"function"==typeof window.PerformanceObserver){a=new PerformanceObserver(r),f=new PerformanceObserver(i);try{a.observe({entryTypes:["paint"]}),f.observe({entryTypes:["largest-contentful-paint"]})}catch(p){}}if("addEventListener"in document){var l=!1,d=["click","keydown","mousedown","pointerdown","touchstart"];d.forEach(function(e){document.addEventListener(e,o,!1)})}}},{}],3:[function(e,n,t){function r(e,n){if(!i)return!1;if(e!==i)return!1;if(!n)return!0;if(!o)return!1;for(var t=o.split("."),r=n.split("."),a=0;a<r.length;a++)if(r[a]!==t[a])return!1;return!0}var i=null,o=null,a=/Version\/(\S+)\s+Safari/;if(navigator.userAgent){var f=navigator.userAgent,c=f.match(a);c&&f.indexOf("Chrome")===-1&&f.indexOf("Chromium")===-1&&(i="Safari",o=c[1])}n.exports={agent:i,version:o,match:r}},{}],4:[function(e,n,t){function r(e,n){var t=[],r="",o=0;for(r in e)i.call(e,r)&&(t[o]=n(r,e[r]),o+=1);return t}var i=Object.prototype.hasOwnProperty;n.exports=r},{}],5:[function(e,n,t){function r(e,n,t){n||(n=0),"undefined"==typeof t&&(t=e?e.length:0);for(var r=-1,i=t-n||0,o=Array(i<0?0:i);++r<i;)o[r]=e[n+r];return o}n.exports=r},{}],6:[function(e,n,t){n.exports={exists:"undefined"!=typeof window.performance&&window.performance.timing&&"undefined"!=typeof window.performance.timing.navigationStart}},{}],ee:[function(e,n,t){function r(){}function i(e){function n(e){return e&&e instanceof r?e:e?c(e,f,o):o()}function t(t,r,i,o){if(!l.aborted||o){e&&e(t,r,i);for(var a=n(i),f=v(t),c=f.length,u=0;u<c;u++)f[u].apply(a,r);var p=s[y[t]];return p&&p.push([b,t,r,a]),a}}function d(e,n){h[e]=v(e).concat(n)}function m(e,n){var t=h[e];if(t)for(var r=0;r<t.length;r++)t[r]===n&&t.splice(r,1)}function v(e){return h[e]||[]}function g(e){return p[e]=p[e]||i(t)}function w(e,n){u(e,function(e,t){n=n||"feature",y[t]=n,n in s||(s[n]=[])})}var h={},y={},b={on:d,addEventListener:d,removeEventListener:m,emit:t,get:g,listeners:v,context:n,buffer:w,abort:a,aborted:!1};return b}function o(){return new r}function a(){(s.api||s.feature)&&(l.aborted=!0,s=l.backlog={})}var f="nr@context",c=e("gos"),u=e(4),s={},p={},l=n.exports=i();l.backlog=s},{}],gos:[function(e,n,t){function r(e,n,t){if(i.call(e,n))return e[n];var r=t();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,n,{value:r,writable:!0,enumerable:!1}),r}catch(o){}return e[n]=r,r}var i=Object.prototype.hasOwnProperty;n.exports=r},{}],handle:[function(e,n,t){function r(e,n,t,r){i.buffer([e],r),i.emit(e,n,t)}var i=e("ee").get("handle");n.exports=r,r.ee=i},{}],id:[function(e,n,t){function r(e){var n=typeof e;return!e||"object"!==n&&"function"!==n?-1:e===window?0:a(e,o,function(){return i++})}var i=1,o="nr@id",a=e("gos");n.exports=r},{}],loader:[function(e,n,t){function r(){if(!x++){var e=E.info=NREUM.info,n=d.getElementsByTagName("script")[0];if(setTimeout(s.abort,3e4),!(e&&e.licenseKey&&e.applicationID&&n))return s.abort();u(y,function(n,t){e[n]||(e[n]=t)}),c("mark",["onload",a()+E.offset],null,"api");var t=d.createElement("script");t.src="https://"+e.agent,n.parentNode.insertBefore(t,n)}}function i(){"complete"===d.readyState&&o()}function o(){c("mark",["domContent",a()+E.offset],null,"api")}function a(){return O.exists&&performance.now?Math.round(performance.now()):(f=Math.max((new Date).getTime(),f))-E.offset}var f=(new Date).getTime(),c=e("handle"),u=e(4),s=e("ee"),p=e(3),l=window,d=l.document,m="addEventListener",v="attachEvent",g=l.XMLHttpRequest,w=g&&g.prototype;NREUM.o={ST:setTimeout,SI:l.setImmediate,CT:clearTimeout,XHR:g,REQ:l.Request,EV:l.Event,PR:l.Promise,MO:l.MutationObserver};var h=""+location,y={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-1169.min.js"},b=g&&w&&w[m]&&!/CriOS/.test(navigator.userAgent),E=n.exports={offset:f,now:a,origin:h,features:{},xhrWrappable:b,userAgent:p};e(1),e(2),d[m]?(d[m]("DOMContentLoaded",o,!1),l[m]("load",r,!1)):(d[v]("onreadystatechange",i),l[v]("onload",r)),c("mark",["firstbyte",f],null,"api");var x=0,O=e(6)},{}],"wrap-function":[function(e,n,t){function r(e){return!(e&&e instanceof Function&&e.apply&&!e[a])}var i=e("ee"),o=e(5),a="nr@original",f=Object.prototype.hasOwnProperty,c=!1;n.exports=function(e,n){function t(e,n,t,i){function nrWrapper(){var r,a,f,c;try{a=this,r=o(arguments),f="function"==typeof t?t(r,a):t||{}}catch(u){l([u,"",[r,a,i],f])}s(n+"start",[r,a,i],f);try{return c=e.apply(a,r)}catch(p){throw s(n+"err",[r,a,p],f),p}finally{s(n+"end",[r,a,c],f)}}return r(e)?e:(n||(n=""),nrWrapper[a]=e,p(e,nrWrapper),nrWrapper)}function u(e,n,i,o){i||(i="");var a,f,c,u="-"===i.charAt(0);for(c=0;c<n.length;c++)f=n[c],a=e[f],r(a)||(e[f]=t(a,u?f+i:i,o,f))}function s(t,r,i){if(!c||n){var o=c;c=!0;try{e.emit(t,r,i,n)}catch(a){l([a,t,r,i])}c=o}}function p(e,n){if(Object.defineProperty&&Object.keys)try{var t=Object.keys(e);return t.forEach(function(t){Object.defineProperty(n,t,{get:function(){return e[t]},set:function(n){return e[t]=n,n}})}),n}catch(r){l([r])}for(var i in e)f.call(e,i)&&(n[i]=e[i]);return n}function l(n){try{e.emit("internal-error",n)}catch(t){}}return e||(e=i),t.inPlace=u,t.flag=a,t}},{}]},{},["loader"]);</script>
  <title>RAM Mounts - Mobile Mounting Solutions</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5">
  <meta name="msvalidate.01" content="209027288EDDDEFC6B7442B57FBC7112" />
  <meta name="google-site-verification" content="0MjeC8knIBE0iWsX6IMD1gq5bLxFIZWyGEkx-xh4IhE" /> 
  <meta name="google-site-verification" content="xwQjjwb0zCUFn99icOEYzjQ90rr5N7V_KxsdrTYLviM" /> 
  <meta name="robots" content="index,follow">
  <meta name="description" content="RAM Mounts is the industry leader in mobile mounting solutions. Find the perfect device mount for your car, motorcycle, plane, & more.">
  <meta name="keywords" content="phone mounts,phone cases,rammount,vehicle bases,mounts,motorcycle mounts,x-grip,tablet,laptop,gopro,iPhone,made in usa,car mounts,vehicle consoles,agriculture, forklift">
  <!--Removed from assets pipeline -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ujs/1.2.2/rails.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
  
<script>
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
	ga('create', 'UA-2371396-3', 'auto');
  ga('require', 'GTM-MK32TVQ');
	ga('require', 'linkid', 'linkid.js');
	ga('require', 'ec');
</script>
<!-- End of Google Analytics -->

<!-- Code to kill google iFrame height for remarketing -->
<style>
  iframe[name='google_conversion_frame'] { 
    height: 0 !important;
    width: 0 !important; 
    line-height: 0 !important; 
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
  }
</style>


  
  <meta content="authenticity_token" name="csrf-param" />
<meta content="FAHHZ+81ie1ohWufuC7Cc9ruiOJ+vILacqH082mv098=" name="csrf-token" />
  <link rel="dns-prefetch" href="images.rammount.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="http://www.google-analytics.com">
<link rel="dns-prefetch" href="http://www.googleadservices.com">
<link rel="dns-prefetch" href="http://googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="http://js-agent.newrelic.com">
<link rel="dns-prefetch" href="http://s3.amazonaws.com">
<link rel="dns-prefetch" href="http://downloads.mailchimp.com">
<link rel="dns-prefetch" href="http://connect.facebook.net">
<link rel="dns-prefetch" href="http://www.facebook.com">
<link rel="dns-prefetch" href="http://platform.twitter.com">
<link rel="dns-prefetch" href="http://analytics.twitter.com">
<link rel="dns-prefetch" href="http://t.co">
<!-- <link rel="dns-prefetch" href="cdn.livechatinc.com"> -->
<link rel="dns-prefetch" href="pbs.twimg.com">
<link rel="dns-prefetch" href="cdn.syndication.twimg.com">
<meta name="cfd" content="2607:f8b0:4001:c1a::154, 2607:f8b0:4001:c1a::154 : US"/>

  <link rel="icon" href="/favicon-new.ico" type="image/x-icon"> 
<link rel="shortcut icon" href="/favicon-new.ico" type="image/x-icon">
<!-- Standard iPhone --> 
<link rel="apple-touch-icon" sizes="57x57" href="/touch-icon-iphone-57.png" />
<!-- Retina iPhone --> 
<link rel="apple-touch-icon" sizes="114x114" href="/touch-icon-iphone-114.png" />
<!-- Standard iPad --> 
<link rel="apple-touch-icon" sizes="72x72" href="/touch-icon-ipad-72.png" />
<!-- Retina iPad --> 
<link rel="apple-touch-icon" sizes="144x144" href="/touch-icon-ipad-144.png" />
  <style>
  /*//========================
  //   Main Navbar Styles
  //========================*/
  @media (min-width: 1025px) {
    #rambar.navbar {
      min-height: 125px;
    }
  }

  .max-1200 {
    max-width: 1200px;
    position: relative;
  }

  .mega-menu {
    display: none;
    position: absolute;
    width: 1000px;
    background: white;
    top: 124px;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 15px;
    padding-left: 0px;
    box-shadow: -2px 2px 11px #666666;
  }

  @media screen and (max-width: 1024px) {
    .mega-menu {
      display: none !important;
    }
  }

  #consumer-menu.mega-menu, #business-menu.mega-menu {
    min-height: 465px;
  }

  #gds-menu.mega-menu {
    display: none;
    position: absolute;
    width: 200px;
    background: white;
    left: 367px;
    margin: 0;
    padding-bottom: 15px;
    padding-left: 0px;
    box-shadow: -2px 2px 11px #666666;
  }

  #gds-menu .menu-header {
    padding-left: 10px;
  }

  @media screen and (min-width: 1200px) {
    #gds-menu.mega-menu {
      left: 0;
      right: 160px;
      margin: auto;
    }
  }

  #support-menu.mega-menu {
    display: none;
    position: absolute;
    width: 200px;
    background: white;
    right: 150px;
    padding-bottom: 15px;
    padding-left: 0px;
    box-shadow: -2px 2px 11px #666666;
  }

  #support-menu .menu-header {
    padding-left: 10px;
  }

  @media screen and (min-width: 1195px) {
    #support-menu.mega-menu {
      left: 40px;
      right: 0px;
      margin: auto;
    }
  }

  #rambar {
    min-height: 65px;
    background-color: #ddd;
    border-radius: 0;
    z-index: 1039;
    margin: 0;
  }

  #rambar .container-fluid {
    height: 65px;
  }

  #rambar .mega-menu li a {
    width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
    background-color: transparent;
    color: #3e3e3e;
    font-weight: lighter;
    transition: .2s ease-in-out;
    display: inline-block;
  }

  #rambar .mega-menu li a:hover {
    color: #cd1e27;
    transform: scale(1.1) translateX(6px);
    font-weight: bold;
    text-decoration: none;
  }

  @media (max-width: 767px) {
    #rambar{
     width: 100%;
    }
  } 

  .ram-nav {
    margin-left: 5px;
  }

  .ram-nav li {
    margin: 0;
    padding: 0;
  }

  .ram-nav li a.nav-link{
    padding: 1.1em 0 0.5em 0;
    margin-right: 15px;
    color: white;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.3s ease;
    background-color: transparent;
  }

  .ram-nav li a.nav-link:hover{
    color: #cd1e27;
    background-color: transparent;
  }

  .ram-nav li a.nav-link:focus{
    background-color: transparent;
  }

 .ram-nav sup {
    font-size: 12px;
    top: -0.2em;
  }

  #main-nav-hr {
    padding: 0 !important;
    height: 20px;
  }

  #main-nav-hr:hover, #main-nav-hr:focus {
    background-color: #ddd;
  }

  #main-nav-hr hr {
    height: 2px;
    border: none;
    color: #000;
    background-color: #ddd;
    margin: 10px auto;
  }

  .no-hover-header {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 0 0 0 5px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
  }

  .menu-header {
    margin-top: 0px;
    margin-bottom: 0;
    padding: 0 0 0 5px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    transition: all .2s ease;
  }

  /* #rambar .mega-menu li a.menu-header {
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0 0 0 15px;
    color: grey;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    transition: all .2s ease;
  } */

  .menu-header:hover {
    color: #cd1e27;
    text-decoration: none;
  }

  .menu-header:focus {
    color: #cd1e27;
  }

  ul.side-border > .menu-header {
    display: block;
    margin-top: 15px;
  }

  .side-border {
    border-right: 2px solid #a7a9ab;
    height: 450px;
    position: absolute;
    left: 175px;
  }

  .remove-lp {
    padding-left: 0px !important;
  }

  ul.col-sm-2 {
    padding-right: 0px !important;
  }

  #gds-menu div ul {
    display: block;
    padding: 0px 20px;
  }

  #gds-menu div ul li {
    line-height: 4em;
  }

  #support-menu div ul {
    display: block;
    padding: 0px 20px;
  }

  #support-menu div ul li {
    line-height: 4em;
  }

  .ram-down-menu li {
    width: 100%;
  }

  .ram-down-menu ul li:hover {
    background-color: transparent;
  }

  .ram-down-menu ul li:hover a.ram-down-link{
    color: transparent;
  }

  .ram-down-link:hover{
    color: #cd1e27;
  }

  .ram-down-menu ul li > a:focus {
    color: #cd1e27 !important;
  }

  .ram-down-menu ul li > a:hover, li > a:focus {
    background-color: transparent !important;
  }

  .dropdown-submenu {
    position: relative;
  }

  .dropdown-submenu>.mega-menu {
    min-width: 150px;
    top: 6px;
    left: 100%;
    margin-top: -6px;
    border-radius: 0;
    border: none;
    padding: 0;
    box-shadow: 1px 1px 4px 0;
  }

  li.dropdown-submenu:hover {
    background-color: #ccc;
  }

  li.dropdown-submenu:hover a.ram-down-link {
    color: #cd1e27;
  }

  .ram-down-menu .dropdown-submenu .mega-menu li a {
    padding: 4px 20px;
  }

  .ram-down-menu li a i span:hover, .ram-down-menu li ul li a:hover {
    color: #cd1e27;
    transition: all .35s;
  }

  .dropdown-submenu:hover>.mega-menu {
      display: block;
  }

   .right-nav {
    float: right;
    margin-right: -10px;
    line-height: 2em;
  }

  .carted-icon {
    margin: 0 10px;
    height: 45px;
    cursor: pointer;
    border: 2px solid #3e3e3e;
    background-color: #3e3e3e;
    border-radius: 5px;
    padding: 4px 15px;
    transition: all 0.3s ease;
  }
  
  .carted-icon:hover {
    border: 2px solid #cd1e27;
  }

  .carted-icon:hover span {
    color: #fff;
  }

  .mobile-carted-icon {
    display: inline-block;
    float: none;
  }

  .mobile-carted-icon:hover {
    cursor: pointer;
    text-decoration: none;
  }

  .made-in-america {
    display: inline-block;
    float: left;
    margin-right: 12px;
    background-color: transparent;
  }

  .mobile-usa {
    display: none;
    margin-right: 15px;
  }

  .industry-tab-container {
    position: relative;
    top: -60px;
    width: 1200px;
    margin: 0 auto;
    z-index: 1000;
  }

  .tab-link {
    position: absolute;
    top: 66px;
    right: 23px;
    width: 102px;
    float: right;
    transition: all .5s ease;
  }

  .tab-link:hover {
    text-decoration: none;
  }

  @media (max-width: 767px) {
    .tab-link {
    top: 134px;
    }
  }

  .industry-tab {
    padding: 5px 10px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #cd1e27;
    color: white;
    line-height: 12px;
    text-align: center;
  }

  .industry-tab:hover {
    background-color: #ddd;
  }

  .builder-btn-wrapper {
    display: inline-block;
    height: 45px;
  }
  
  .builder-btn {
    width: 160px;
    border: 2px solid #cd1e27;
    border-radius: 5px;
    padding: 6px 12px;
    font-size: 14px;
    background-color: #cd1e27;
    color: white;
    transition: all .5s ease;
  }

  .builder-btn:hover {
    color: #fff;
    background-color: #272727;
  }
  
  .builder-btn:focus {
    color: #fff;
    background-color: #272727;
  }

  .nav-social-link {
    padding: 0.7em 0.5em !important;
    color: #707070;
    transform: scale(1.5);
  }

  .nav-social-link:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .inline-block-important {
    display: inline-block !important;
  }

  /* =============================================
  ##############   MEDIA QUERIES   ################
  ================================================*/
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .navbar-brand {
      max-width: 100%;
      width: auto;
    }
  }

  @media screen and (max-width: 369px) {
    #nav-made-in-usa-logo {
      display: none;
    }
  }

  @media screen and (min-width: 370px) and (max-width: 469px) {
    #nav-made-in-usa-logo > img {
      width: 50px;
    }
  }

  @media screen and (min-width: 471px) {
    #nav-made-in-usa-logo > img {
      width: 100px;
    }
  }

  @media (min-width: 1025px) {
    #nav-made-in-usa-logo {
      display: none;
    }
  }


  @media (max-width: 1024px) {
    /* .navbar {
      min-height: 100px !important;
    } */
    .toggle-mobile-menu {
      display: inline-block !important;
      i {
        display: inline-block !important;
      }
    }
    .tab-link {
      right: 13px;
    }
    .navbar-nav {
      display: none;
    }

    .search{
      display: none;
    }

    .hidden-1024 {
      display:none;
    }
    
    .builder-btn-wrapper {
      display: none;
    }

    .carted-icon {
      float: none;
    }

    .navbar-brand > img {
      min-width: 150px;
      height: auto;
      z-index: 1;
    }

    .c-hamburger {
      display: inline-block !important;
      margin-left: -10px 0 0 0 !important;
      right: 0 !important;
    }

    .cart-link {
      display: inline-block;
    }

    .static-xs {
      position: static !important;
    }
  }

  /*This keeps the tabs on the nav bar from changing color when a link is clicked
  .nav .open > a {
      background-color: transparent;
  }*/

/* This sets up the hamburger menu and provides the code for the animation */

  .c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
  }

  .c-hamburger:focus {
    outline: none;
  }

  .c-hamburger span {
    display: block;
    position: absolute;
    top: 15px;
    left: 2px;
    right: 2px;
    height: 2px;
    background: white;
  }

  .c-hamburger span::before,
  .c-hamburger span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
  }

  .c-hamburger span::before {
    top: -8px;
  }

  .c-hamburger span::after {
    bottom: -8px;
  }

  .c-hamburger--htx {
  background-color: #000;
  margin-left: 0px;
}

  .c-hamburger--htx span {
    transition: background 0s 0.3s;
  }

  .c-hamburger--htx span::before,
  .c-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
  }

  .c-hamburger--htx span::before {
    transition-property: top, transform;
  }

  .c-hamburger--htx span::after {
    transition-property: bottom, transform;
  }

  /* active state, i.e. menu open */
  .c-hamburger--htx.is-active {
    background-color: #cb0032;
  }

  .c-hamburger--htx.is-active span {
    background: none;
  }

  .c-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg);
  }

  .c-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
  }

  .c-hamburger--htx.is-active span::before,
  .c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
  }

  @media (min-width: 1025px){
    .c-hamburger {
      display: none;
    }
    .right-nav {
      float: right;
    }

  }

  @media (max-width: 1193px){
    .hide-link {
      display: none !important;
    }
  }

</style>

    <style>
    .banner-slider video {
      /* width: 100%;
      height: auto; */
    }
  
  </style>
  <style>
    .embed-container { 
      position: relative; 
      padding-bottom: 23%;
      height: 0; 
      overflow: hidden; 
      max-width: 100%; 
    } 

    @media screen and (max-width: 767px) {
      .embed-container {
        padding-bottom: 107%;
      }
    }
    
    .embed-container iframe, .embed-container object, .embed-container embed { 
      position: absolute; 
      top: 0; 
      left: 0; 
      width: 100%; 
      height: 100%; 
    }

    .embed-container a {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 100%; 
      height: 100%;
      z-index: 5;
    }
  </style>

  <link href="/assets/sandbox-4232c247a8307aa7216a77402a8cb7f5.css" media="all" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Bitter:400,400i,700|Montserrat:200,300,400,700" rel="stylesheet">
  <script src="https://kit.fontawesome.com/da86babda4.js"></script>
  
  <!-- Dynamic canonicals -->
    <link href="https://www.rammount.com/" rel="canonical" />

  
</head>

<body data-controller="home" style="min-width: 450px;">
  <!-- Environment Notification -->
  <!-- Facebook Pixel Code -->
  <img height="1" class="hide" width="1" src="https://www.facebook.com/tr?id=1443233322377582&ev=PageView&noscript=1" alt="facebook"/>
  <!-- start header -->
    <!-- ======================= -->
<!--    MOBILE SEARCH BAR    -->
<!-- ======================= -->

<div id="mobile-search-bar" class="search-hidden full-width">
  <div class="search-mobile">
    <div class="row">
      <div class="col-xs-10 col-sm-11">
        <form accept-charset="UTF-8" action="/search" class="search-form" id="mobile_part_search" method="get"><div style="display:none"></div>
          <!--<select class="select-field search_type" name="search_type" id="m_search_type">
            <option value="search" selected>All</option>
            <option value="components">Components</option>
          </select>-->


          <input aria-label="Search RAM Mounts" class="search-box-field" data-button="search_button" id="m_query" name="query" placeholder="Search RAM Mounts" type="text" />

          <a aria-label="Submit search" class="search-button-yeah submit_link_to" href="#" id="search_button">
            <i class="fa fa-search"></i>
</a></form>      </div>

      <div class="col-xs-2 col-sm-1">
        <div class="reveal-search">
          <i class="fal fa-times fa-2x text-red float-right push-left-10"></i>
        </div>
      </div>
    </div>
  </div>
</div>



<nav class="navbar" id="rambar" style="background:#000;">
  <div class="container height-all">
    <div class="row height-all vertical-center">
      <!-- Logo -->
      <div class="col-xs-2 static-xs">
        <a class="navbar-brand h-fit-content" href="/">
          <img class="img-responsive" src="/images/icons/ram-logo-white.png" alt="RAM® Mounts">
        </a>
      </div>

      <!-- Left Side Links: Shop By, Activity, Blog, Support -->
      <div class="col-xs-10 push-down-20-lg">
        <div class="row">
          <div class="col-xs-6">
            <!-- Search -->
            <!-- ===================== -->
<!--    MAIN SEARCH BAR    -->
<!-- ===================== -->

<div id="main-search-bar" class="search full-width">
  <form accept-charset="UTF-8" action="/search" class="search-form" id="part_search" method="get"><div style="display:none"></div>
    <!-- <select class="select-field search_type" name="search_type" id="search_type">
      <option value="search" selected>All</option>
      <option value="components">Components</option>
    </select> -->


    <input aria-label="Seach RAM Mounts" autocomplete="off" class="search-box-field" data-button="search_button" id="query" name="query" onclick="getFocus(this);" placeholder="Search RAM Mounts..." type="text" />

    <a aria-label="Submit search" class="search-button-yeah submit_link_to" href="#" id="search_button">
      <i class="fa fa-search"></i>
</a></form></div>


          </div>
          <div class="col-xs-2 hidden-1024">
            <a href="/about/made-in-america">
              <img src="/images/icons/made-in-america.png" alt="Made In America">
            </a>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-12">
            <ul class="nav navbar-nav ram-nav hidden-xs">

              <!-- CONSUMER LINKS -->
              <li >
                <a
                  class="nav-link"
                  style="border-bottom: solid 2px #000;"
                  data-toggle="consumer-menu"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  aria-label="Consumer menu"
                >
                  CONSUMER 
                  <i class="fa fa-chevron-down"></i>
                </a>
              </li>

              <!-- BUSINESS LINKS -->
              <li>
                <a 
                  class="nav-link"
                  style="border-bottom: solid 2px #000;"
                  data-toggle="business-menu"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                  aria-label="Business menu"
                >
                  BUSINESS
                  <i class="fa fa-chevron-down"></i>
                </a>
              </li>

              <!-- GDS -->
              <li>
                <a 
                  class="nav-link hide-link"
                  style="border-bottom: solid 2px #000;"
                  href="/business/gds-technology"
                >
                  GDS<sup>&reg;</sup>  TECH<sup>&trade;</sup>
                </a>
              </li>

              <!-- SUPPORT LINKS -->
              <li>
                <a 
                  class="nav-link"
                  style="border-bottom: solid 2px #000;"
                  data-toggle="support-menu"
                  role="button"
                  aria-haspopup="true"
                  aria-expanded="false"
                >
                  SUPPORT <i class="fa fa-chevron-down"></i>
                </a>
              </li>

              <!-- NEW PRODUCTS -->
              <li>
                <a class="nav-link"
                style="border-bottom: solid 2px #000;"
                href="/new-products"
                role="button">NEW PRODUCTS</a>
              </li>

              <li>
                <a href="/about/giving-back" class="nav-link hide-link"> 
                  <img src="/images/icons/ram-giving-red.png" alt="RAM® Giving Back" width="20px"/>
                  GIVING BACK
                </a>
              </li>

            </ul>

            <div class="flex justify-right align-center">
              <span>
                <a id="nav-made-in-usa-logo" class="full-width text-center" href="/about/made-in-america">
                  <img src="/images/icons/made-in-america.png" alt="Made In America">
                </a>
              </span>

              <div class="mini-search-icon">
                <p class="reveal-search"><span class="fa fa-search" style="font-size: 1.15 em;"></span></p>
              </div>
              <!-- Mount Builder -->
              <span class="builder-btn-wrapper">
                <a href="/mount-builder" class="builder-btn flex align-center height-all">
                  <i class="fas fa-wrench" style="font-size: 1.3em; padding-right: 8px;"></i>
                  BUILD A MOUNT
                </a>
              </span>

              <!-- Cart Icon Start -->
              <span class="carted-icon flex align-center">
                <a href="/cart" class="cart-link">
                  <span class="cart-box vertical-align-middle"></span>
                  <span class="vertical-align-middle hidden-xs h-20">
                    CART
                  </span>
                  <span class="items-in-cart vertical-align-middle h-20">
                      <span class="cart-count">0</span>
                  </span>
                </a>
              </span>

              <!-- Mobile Menu Button -->
              <button class="c-hamburger c-hamburger--htx menu-toggle-replace vertical-align-middle">
                <span>toggle menu</span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><!-- End Container -->

  <!-- Mega Menu Elements -->
  <div class="mega-menu" id="consumer-menu">
    <div class="row">
      <ul class="shop_by_menu ram-down-menu" data-aria-labelledby="consumer-menu">

        <div class="col-sm-2 remove-lp" style="margin-top: 15px;">

          <!-- CONSUMER: TOP SOLUTIONS LINKS -->
          <ul style="padding-left: 0px; padding-bottom: 15px; width: 150px;" class="col-sm-2">
            <li class="no-hover-header">Top Solutions</li>
            <li>
              <a href="/shop-all/laptop-mounts/full-kits">Laptop Mounts</a>
            </li>
            <li>
              <a href="/shop-all/phone-mounts/">Phone Mounts</a>
            </li>
            <li>
              <a href="/shop-all/tablet-mounts/">Tablet Mounts</a>
            </li>
            <li>
              <a href="/shop-all/phone-mounts/wireless-charging">Wireless Charging</a>
            </li>
            <li>
              <a href="/search?query=">See All...</a>
            </li>
          </ul>

          <!-- CONSUMER: COMPONENTS LINKS -->
          <ul style="padding-left: 0px; padding-bottom: 15px; width: 150px;" class="col-sm-2">
            <li class="no-hover-header">Components</li>
            <li>
              <a href="/shop-all/socket-arms/b-size">Socket Arms</a>
            </li>
            <li>
              <a href="/shop-all/ball-bases/b-size">Ball Bases</a>
            </li>
            <li>
              <a href="/shop-all/popular-components/holders">Holders</a>
            </li>
            <li>
              <a href="/components">See All...</a>
            </li>
          </ul>          
        </div>

        <div class="side-border"></div>

        <div>
          <!-- CONSUMER: ON ROAD LINKS  -->
          <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
            <li class="no-hover-header">On Road</li>
            <li>
              <a href="/consumer/on-road/automobile">Automobile</a>
            </li>
            <li>
              <a href="/consumer/on-road/motorcycle">Motorcycle</a>
            </li>
            <li>
              <a href="/consumer/on-road/road-bike">Road Bike</a>
            </li>
            <li>
              <a href="/consumer/on-road/rv-motorhome">RV/Motorhome</a>
            </li>
          </ul>

          <!-- CONSUMER: OFF ROAD LINKS  -->
          <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
            <li class="no-hover-header">Off Road</li>
            <li>
              <a href="/consumer/off-road/atv-utv">ATV/UTV</a>
            </li>
            <li>
              <a href="/consumer/off-road/dirt-bike">Dirt Bike</a>
            </li>
            <li>
              <a href="/consumer/off-road/mountain-bike">Mountain Bike</a>
            </li>
            <li>
              <a href="/consumer/off-road/vehicle">Vehicle</a>
            </li>
          </ul>

          <!-- CONSUMER: ON WATER LINKS  -->
          <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
            <li class="no-hover-header">On Water</li>
            <li>
              <a href="/consumer/on-water/inflatable">Inflatable</a>
            </li>
            <li>
              <a href="/consumer/on-water/kayak">Kayak</a>
            </li>
            <li>
              <a href="/consumer/on-water/paddleboard">Paddleboard</a>
            </li>
            <li>
              <a href="/consumer/on-water/powerboat">Boat</a>
            </li>
          </ul>

          <!-- CONSUMER: IN AIR LINKS  -->
          <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
            <li class="no-hover-header">In Air</li>
            <li>
              <a href="/consumer/in-air/airplane">Airplane</a>
            </li>
            <li>
              <a href="/consumer/in-air/aviation-sports">Aviation Sports</a>
            </li>
            <li>
              <a href="/consumer/in-air/corporate-jet">Corporate Jet</a>
            </li>
            <li>
              <a href="/consumer/in-air/helicopter">Helicopter</a>
            </li>
          </ul>

          <!-- CONSUMER: AT HOME LINKS -->
          <ul style="padding-left: 0px; padding-top: 15px; width: 200px;" class="col-sm-2">
            <li class="no-hover-header">At Home</li>
            <li>
              <a href="/consumer/at-home/accessibility">Accessibility</a>
            </li>
            <li>
              <a href="/consumer/at-home/blogging">Blogging</a>
            </li>
            <li>
              <a href="/consumer/at-home/phone-and-tablet">Phone & Tablet Mounts</a>
            </li>
            <li>
              <a href="/consumer/at-home/under-cabinet">Under Cabinet</a>
            </li>
          </ul>

        </div>

        <!-- CONSUMER: ON SNOW LINKS  -->
        <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
          <li class="no-hover-header">On Snow</li>
          <li>
            <a href="/consumer/on-snow/ice-fishing">Ice Fishing</a>
          </li>
          <li>
            <a href="/consumer/on-snow/snowmobile">Snowmobile</a>
          </li>
        </ul>

        <!-- CONSUMER: PRODUCT LINE LINKS  -->
        <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
          <li class="no-hover-header">Product Lines</li>
          <li>
            <a href="/product-lines/x-grip">RAM<sup>&reg;</sup> X-Grip<sup>&reg;</sup></a>
          </li>
          <li>
            <a href="/product-lines/tough-pole">RAM<sup>&reg;</sup> Tough-Pole<sup>&trade;</sup></a>
          </li>
          <li>
            <a href="/shop-all/laptop-mounts/full-kits">RAM<sup>&reg;</sup> No-Drill<sup>&trade;</sup></a>
          </li>
          <li>
            <a href="/product-lines/tough-claw">RAM<sup>&reg;</sup> Tough-Claw<sup>&trade;</sup></a>
          </li>
          <li>
            <a href="/product-lines">See All...</a>
          </li>
        </ul>

        <!-- CONSUMER: DEVICE MOUNT LINKS  -->
        <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
          <li class="no-hover-header">Device Mounts</li>
          <li>
            <a href="/consumer/device-mounts/phone-mounts">Phone Mounts</a>
          </li>
          <li>
            <a href="/consumer/device-mounts/tablet-mounts">Tablet Mounts</a>
          </li>
          <li>
            <a href="/consumer/device-mounts/camera-mounts">Camera Mounts</a>
          </li>
          <li>
            <a href="/consumer/device-mounts/laptop-mounts">Laptop Mounts</a>
          </li>
          <li>
            <a href="/consumer/device-mounts">See All...</a>
          </li>
        </ul>

        <!-- CONSUMER: TOP BRAND LINKS  -->
        <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
          <li class="no-hover-header">Brands</li>
          <li>
            <a href="/consumer/brands/apple">Apple</a>
          </li>
          <li>
            <a href="/consumer/brands/gopro">GoPro</a>
          </li>
          <li>
            <a href="/consumer/brands/microsoft">Microsoft</a>
          </li>
          <li>
            <a href="/consumer/brands/samsung">Samsung</a>
          </li>
          <li>
            <a href="/consumer/brands">See All...</a>
          </li>
        </ul>

        <!-- CONSUMER: ATHLETES LINKS  -->
        <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
          <li class="no-hover-header">Athletes</li>
          <li>
            <a href="/ram-athletes">Sponsored Athletes</a>
          </li>
          <li>
            <a href="/fishing-team">Fishing Team</a>
          </li>
          <li>
            <a href="/partners/sponsorships-and-partnerships ">Get Sponsored</a>
          </li>
        </ul>
      </ul>
    </div>
  </div>

  <div class="mega-menu" id="business-menu">
    <div class="row">
      <ul class="shop_by_menu ram-down-menu" data-aria-labelledby="business-menu">
        <ul class="col-sm-2 remove-lp" style="margin-top: 15px;">

          <!-- BUSINESS: TOP SOLUTIONS -->
          <div style="padding-bottom: 15px;">
            <a href="/search?query=" class="menu-header">Top Solutions</a>
            <li>
              <a href="/eld">ELD Solutions</a>
            </li>
            <li>
              <a href="/shop-all/laptop-mounts/full-kits">Laptop Mounts</a>
            </li>
            <li>
              <a href="/shop-all/phone-mounts/">Phone Mounts</a>
            </li>
            <li>
              <a href="/shop-all/tablet-mounts/">Tablet Mounts</a>
            </li>
          </div>

          <!-- BUSINESS: PARTNERS -->
          <div style="padding-bottom: 15px;">
            <a class="menu-header" href="/partners/">Partners</a>
          </div>

          <!-- BUSINESS: CASE STUDIES -->
          <div style="padding-bottom: 15px;">
            <a href="/business/case-studies" class="menu-header">Case Studies</a>
          </div>

          <!-- BUSINESS: CATALOG -->
          <div style="padding-bottom: 15px;">
            <a href="/catalog" class="menu-header">Catalogs</a>
          </div>

          <!-- BUSINESS: LOGIN / LOGOUT -->
            <div style="padding-bottom: 15px;">
              <a class="menu-header" href="/users/login">Login</a>
            </div>
          
        </ul>

        <div class="side-border"></div>

        <!-- BUSINESS: AGRICULTURE LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a  href="/business/agriculture" class="menu-header">Agriculture</a>
          <li>
            <a href="/business/agriculture/atv-utv">ATV/UTV</a>
          </li>
          <li>
            <a href="/business/agriculture/combine">Combine</a>
          </li>
          <li>
            <a href="/business/agriculture/tractor">Tractor</a>
          </li>
          <li>
            <a href="/business/agriculture/truck">Truck</a>
          </li>
        </ul>

        <!-- BUSINESS: AVIATION LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/aviation" class="menu-header">Aviation</a>
          <li>
            <a href="/business/aviation/aviation-sports">Aviation Sports</a>
          </li>
          <li>
            <a href="/business/aviation/commercial-airline">Commercial Airline</a>
          </li>
          <li>
            <a href="/business/aviation/corporate-jet">Corporate Jet</a>
          </li>
          <li>
            <a href="/business/aviation/helicopter">Helicopter</a>
          </li>
        </ul>

        <!-- BUSINESS: CONSTRUCTION LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/construction" class="menu-header">Construction</a>
          <li>
            <a href="/business/construction/heavy-equipment">Heavy Equipment</a>
          </li>
          <li>
            <a href="/business/construction/mobile-office">Mobile Office</a>
          </li>
          <li>
            <a href="/business/construction/skid-steer">Skid-Steer</a>
          </li>
          <li>
            <a href="/business/construction/survey-equipment">Survey Equipment</a>
          </li>
        </ul>

        <!-- BUSINESS: FIELD SERVICE LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/field-service" class="menu-header">Field Service</a>
          <li>
            <a href="/business/field-service/consumer-vehicles">Consumer Vehicles</a>
          </li>
          <li>
            <a href="/business/field-service/light-duty-trucks">Light Duty Trucks</a>
          </li>
          <li>
            <a href="/business/field-service/medium-duty-trucks">Medium Duty Trucks</a>
          </li>
          <li>
            <a href="/business/field-service/work-vans">Work Vans</a>
          </li>
        </ul>

        <!-- BUSINESS: GOVERNMENT LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/government" class="menu-header">Government</a>
          <li>
            <a href="/business/government/education">Education</a>
          </li>
          <li>
            <a href="/business/government/federal-agencies">Federal Agencies</a>
          </li>
          <li>
            <a href="/business/government/military">Military</a>
          </li>
          <li>
            <a href="/business/government/public-transit">Public Transit</a>
          </li>
        </ul>

        <!-- BUSINESS: HEALTHCARE LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/healthcare" class="menu-header">Healthcare</a>
          <li >
            <a href="/business/healthcare/assistive-technology">Assistive Technology</a>
          </li>
          <li >
            <a href="/business/healthcare/personal-mobility">Personal Mobility</a>
          </li>
          <li >
            <a href="/business/healthcare/transportation">Transportation</a>
          </li>
          <li >
            <a href="/business/healthcare/workstation">Workstation</a>
          </li>
        </ul>

        <!-- BUSINESS: MARINE LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/marine" class="menu-header">Marine</a>
          <li >
            <a href="/business/marine/inflatable">Inflatable</a>
          </li>
          <li >
            <a href="/business/marine/kayak">Kayak</a>
          </li>
          <li >
            <a href="/business/marine/paddleboard">Paddleboard</a>
          </li>
          <li >
            <a href="/business/marine/powerboat">Boat</a>
          </li>
        </ul>

        <!-- BUSINESS: MATERIAL HANDLING LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/material-handling" class="menu-header" style="width: 160px;">Material Handling</a>
          <li>
            <a href="/business/material-handling/equipment">Equipment</a>
          </li>
          <li>
            <a href="/business/material-handling/office">Office</a>
          </li>
          <li>
            <a href="/business/material-handling/warehouse">Warehouse</a>
          </li>
          <li>
            <a href="/business/material-handling/workstation">Workstation</a>
          </li>
        </ul>

        <!-- BUSINESS: POWERSPORTS LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/powersports" class="menu-header">Powersports</a>
          <li>
            <a href="/business/powersports/atv-utv">ATV/UTV</a>
          </li>
          <li>
            <a href="/business/powersports/motorcycle">Motorcycle</a>
          </li>
          <li>
            <a href="/business/powersports/snowmobile">Snowmobile</a>
          </li>
          <li>
            <a href="/business/powersports/vehicle">Vehicle</a>
          </li>
        </ul>

        <!-- BUSINESS: PUBLIC SAFETY LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/public-safety" class="menu-header">Public Safety</a>
          <li>
            <a href="/business/public-safety/ems">EMS</a>
          </li>
          <li>
            <a href="/business/public-safety/fire">Fire</a>
          </li>
          <li>
            <a href="/business/public-safety/law-enforcement">Law Enforcement</a>
          </li>
          <li>
            <a href="/business/public-safety/security">Security</a>
          </li>
        </ul>

        <!-- BUSINESS: RETAIL LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/retail" class="menu-header">Retail</a>
          <li >
            <a href="/business/retail/inventory">Inventory</a>
          </li>
          <li >
            <a href="/business/retail/merchandising">Merchandising</a>
          </li>
          <li >
            <a href="/business/retail/point-of-sale">Point of Sale</a>
          </li>
          <li >
            <a href="/business/retail/warehouse">Warehouse</a>
          </li>
        </ul>

        <!-- BUSINESS: TRANSPORTATION LINKS -->
        <ul style="padding-left: 0px; padding-top: 15px;" class="col-sm-2">
          <a href="/business/transportation" class="menu-header">Transportation</a>
          <li>
            <a href="/business/transportation/cabover-trucks">Cabover Trucks</a>
          </li>
          <li>
            <a href="/business/transportation/cargo-vans">Cargo Vans</a>
          </li>
          <li>
            <a href="/business/transportation/heavy-duty-trucks">Heavy Duty Trucks</a>
          </li>
          <li>
            <a href="/business/transportation/semi-trucks">Semi Trucks</a>
          </li>
        </ul>

        <!-- BUSINESS: TOP BRAND LINKS  -->
        <ul style="padding-left: 0px; padding-top: 15px; width: 150px;" class="col-sm-2">
          <a href="/consumer/brands" class="menu-header">Brands</a>
          <li>
            <a href="/consumer/brands/apple">Apple</a>
          </li>
          <li>
            <a href="/consumer/brands/samsung">Samsung</a>
          </li>
          <li>
            <a href="/consumer/brands/sonim">Sonim</a>
          </li>
          <li>
            <a href="/consumer/brands/zebra">Zebra</a>
          </li>
          <li>
            <a href="/consumer/brands">See All...</a>
          </li>
        </ul>
      </ul>
    </div>
  </div>

  <div class="mega-menu" id="gds-menu">
    <div class="row">
      <ul class="ram-down-menu" data-aria-labelledby="gds-menu">
        <a href="/business/gds-technology#desktop-docks" style="display: block; margin: 20px auto;" class="menu-header">Desktop Docks</a>
        <a href="/business/gds-technology#gds-accessories" style="display: block; margin: 20px auto;" class="menu-header">GDS<sup>&reg;</sup> Accessories</a>
        <a href="/business/gds-technology/intelliskin" style="display: block; margin: 20px auto;" class="menu-header">IntelliSkin<sup>&reg;</sup></a>
        <a href="/business/gds-technology#vehicle-docks" style="display: block; margin: 20px auto;" class="menu-header">Vehicle Docks</a>
      </ul>
    </div>
  </div>

  <div class="mega-menu" id="support-menu">
    <div class="row">
      <ul class="ram-down-menu" data-aria-labelledby="support-menu">
        <a class="menu-header" href="/orders" style="display: block; margin: 20px auto;">
          Order Status
</a>
        <a href="/warranty" style="display: block; margin: 20px auto;" class="menu-header">Warranty & Policies</a>

        <a href="/support" style="display: block; margin: 20px auto;" class="menu-header">Contact</a>

        <a href="/support/faq" style="display: block; margin: 20px auto;" class="menu-header">FAQs</a>
      </ul>
    </div>
  </div>
</nav>

<!-- Slide down Mobile Search Bar: No more says Ed -->
<!-- JANKY: this is needed just for layout purposes
<div id="mobile-search-bar" class="search-hidden">
  <div class="search-mobile">
  </div>
</div>-->

<div class="industry-tab-container hidden-phone">
  <!-- render cart dropdown -->
  <!-- Shopping Cart Drop Down -->
<div class="hidden-flag short-menu container" id="quick-view">
    <div class="row">
      <h4 class="col-xs-8" style="color: #CD1E27">Your cart is empty</h4>
      <a class="cart-close col-xs-1" href="#">X</a>
    </div>
</div>
<!-- END Shopping Cart Drop Down -->

</div>


  
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]/> -->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]/> -->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]/> -->


<div id="main-nav" class="stellarnav hidden padding-bottom-20 ">
  <nav>
    <ul>
      <li>
        <a>Consumer</a>
        <ul>
          <li>
            <a href="/new-products" class="menu-header"><i class="fas fa-tag" style="color: #cd1e27; padding-right: 2px;"></i> New Products </a>
          </li>
            
          <li>
            <a>Top Solutions</a>
            <ul>
              <li class="">
                <a href="/shop-all/laptop-mounts/full-kits" class="">Laptop Mounts</a>
              </li>
              <li class="">
                <a href="/shop-all/phone-mounts/" class="">Phone Mounts</a>
              </li>
              <li class="">
                <a href="/shop-all/tablet-mounts/" class="">Tablet Mounts</a>
              </li>
              <li>
                <a href="/shop-all/phone-mounts/wireless-charging">Wireless Charging</a>
              </li>
              <li>
                <a href="/search?query=">See All...</a>
              </li>
            </ul>
          </li>
            <li>
              <a class="menu-header">Components</a>
              <ul>
                <li>
                  <a href="/shop-all/socket-arms/b-size">Socket Arms</a>
                </li>
                <li>
                  <a href="/shop-all/ball-bases/b-size">Ball Bases</a>
                </li>
                <li>
                  <a href="/shop-all/popular-components/holders">Holders</a>
                </li>
                <li>
                  <a href="/components">See All...</a>
                </li>
              </ul>
            </li>
            <li>
                <a>On Road</a>
                <ul>
                  <li>
                      <a href="/consumer/on-road/automobile">Automobile</a>
                  </li>
                  <li>
                      <a href="/consumer/on-road/motorcycle">Motorcycle</a>
                  </li>
                  <li>
                      <a href="/consumer/on-road/road-bike">Road Bike</a>
                  </li>
                  <li>
                      <a href="/consumer/on-road/rv-motorhome">RV/Motorhome</a>
                  </li>
                </ul>
            </li>
            <li>
                <a>Off Road</a>
                <ul>
                    <li>
                        <a href="/consumer/off-road/atv-utv">ATV/UTV</a>
                    </li>
                    <li>
                        <a href="/consumer/off-road/dirt-bike">Dirt Bike</a>
                    </li>
                    <li>
                        <a href="/consumer/off-road/mountain-bike">Mountain Bike</a>
                    </li>
                    <li>
                        <a href="/consumer/off-road/vehicle">Vehicle</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>On Water</a>
                <ul>
                    <li>
                        <a href="/consumer/on-water/inflatable">Inflatable</a>
                    </li>
                    <li>
                        <a href="/consumer/on-water/kayak">Kayak</a>
                    </li>
                    <li>
                        <a href="/consumer/on-water/paddleboard">Paddleboard</a>
                    </li>
                    <li>
                        <a href="/consumer/on-water/powerboat">Boat</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>In Air</a>
                <ul>
                    <li>
                        <a href="/consumer/in-air/airplane">Airplane</a>
                    </li>
                    <li>
                        <a href="/consumer/in-air/aviation-sports">Aviation Sports</a>
                    </li>
                    <li>
                        <a href="/consumer/in-air/corporate-jet">Corporate Jet</a>
                    </li>
                    <li>
                        <a href="/consumer/in-air/helicopter">Helicopter</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>At Home</a>
                <ul>
                    <li>
                        <a href="/consumer/at-home/accessibility">Accessibility</a>
                    </li>
                    <li>
                        <a href="/consumer/at-home/blogging">Blogging</a>
                    </li>
                    <li>
                        <a href="/consumer/at-home/phone-and-tablet">Phone and Tablet</a>
                    </li>
                    <li>
                        <a href="/consumer/at-home/under-cabinet">Under Cabinet</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>On Snow</a>
                <ul>
                    <li>
                        <a href="/consumer/on-snow/ice-fishing">Ice Fishing</a>
                    </li>
                    <li>
                        <a href="/consumer/on-snow/snowmobile">Snowmobile</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>Product Lines</a>
                <ul>
                    <li>
                        <a href="/product-lines/x-grip">RAM® X-Grip®</a>
                    </li>
                    <li>
                        <a href="/product-lines/tough-pole">RAM® Tough-Pole™</a>
                    </li>
                    <li>
                      <a href="/shop-all/laptop-mounts/full-kits">RAM® No-Drill™</a>
                    </li>
                    <li>
                      <a href="/product-lines/tough-claw">RAM® Tough-Claw™</a>
                    </li>
                    <li>
                        <a href="/product-lines">See All...</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>Device Mounts</a>
                <ul>
                    <li>
                        <a href="/consumer/device-mounts/phone-mounts">Phone Mounts</a>
                    </li>
                    <li>
                        <a href="/consumer/device-mounts/tablet-mounts">Tablet Mounts</a>
                    </li>
                    <li>
                        <a href="/consumer/device-mounts/camera-mounts">Camera Mounts</a>
                    </li>
                    <li>
                        <a href="/consumer/device-mounts/laptop-mounts">Laptop Mounts</a>
                    </li>
                    <li>
                        <a href="/consumer/device-mounts">See All...</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>Brands</a>
                <ul>
                    <li>
                        <a href="/consumer/brands/apple">Apple</a>
                    </li>
                    <li>
                        <a href="/consumer/brands/gopro">GoPro</a>
                    </li>
                    <li>
                        <a href="/consumer/brands/microsoft">Microsoft</a>
                    </li>
                    <li>
                        <a href="/consumer/brands/samsung">Samsung</a>
                    </li>
                    <li>
                        <a href="/consumer/brands">See All...</a>
                    </li>
                </ul>
            </li>
            <li>
                <a>Athletes</a>
                <ul>
                    <li>
                        <a href="/ram-athletes">Sponsored Athletes</a>
                    </li>
                    <li>
                        <a href="/fishing-team">Fishing Team</a>
                    </li>
                    <li>
                        <a href="/partners/sponsorships-and-partnerships ">Get Sponsored</a>
                    </li>
                </ul>
            </li>
        </ul>
      </li>
      <li>
        <a>Business</a>
        <ul>
          <li>
            <a href="/new-products" class="menu-header"><i class="fas fa-tag" style="color: #cd1e27; padding-right: 2px;"></i> New Products </a>
          </li>

          <li>
            <a>Top Solutions</a>
            <ul>
              <li>
                <a href="/shop-all/laptop-mounts/full-kits">Laptop Mounts</a>
              </li>
              <li>
                <a href="/eld">ELD Mounts</a>
              </li>
              <li>
              <a href="/shop-all/tablet-mounts/">Tablet Mounts</a>
              </li>
              <li>
                <a href="/shop-all/phone-mounts/">Phone Mounts</a>
              </li>
              <li>
                <a href="/search?query=">See All...</a>
              </li>
            </ul>
          </li>
          <li>
            <a href="/partners">Partners</a>
          </li>
          <li>
            <a href="/business/case-studies">Case Studies</a>
          </li>
          <li>
            <a href="/catalog">Catalogs</a>
          </li>

            <li>            
            <a href="/users/login">Login</a>
            </li>

          <li>
            <a>Agriculture</a>
            <ul>
              <li>
                <a href="/business/agriculture/">Agriculture Products</a>
              </li>
              <li>
                <a href="/business/agriculture/atv-utv">ATV/UTV</a>
              </li>
              <li>
                <a href="/business/agriculture/combine">Combine</a>
              </li>
              <li>
                <a href="/business/agriculture/tractor">Tractor</a>
              </li>
                <li>
                <a href="/business/agriculture/truck">Truck</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Aviation</a>
            <ul>
              <li>
                <a href="/business/aviation/">Aviation Products</a>
              </li>
              <li>
                <a href="/business/aviation/aviation-sports">Aviation Sports</a>
              </li>
              <li>
                <a href="/business/aviation/commercial-airline">Commercial Airline</a>
              </li>
              <li>
                <a href="/business/aviation/corporate-jet">Corporate Jet</a>
              </li>
              <li>
                <a href="/business/aviation/helicopter">Helicopter</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Construction</a>
            <ul>
              <li>
                <a href="/business/construction/">Construction Products</a>
              </li>
              <li>
                <a href="/business/construction/heavy-equipment">Heavy Equipment</a>
              </li>
              <li>
                <a href="/business/construction/mobile-office">Mobile Office</a>
              </li>
              <li>
                <a href="/business/construction/skid-steer">Skid Steer</a>
              </li>
              <li>
                <a href="/business/construction/survey-equipment">Survey Equipment</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Field Service</a>
            <ul>
              <li>
                <a href="/business/field-service">Field Service Products</a>
              </li>
              <li>
                <a href="/business/field-service/work-vans">Work Vans</a>
              </li>
              <li>
                <a href="/business/field-service/medium-duty-trucks">Medium Duty Trucks</a>
              </li>
              <li>
                <a href="/business/field-service/light-duty-trucks">Light Duty Trucks</a>
              </li>
              <li>
                <a href="/business/field-service/consumer-vehicles">Consumer Vehicles</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Government</a>
            <ul>
              <li>
                <a href="/business/government">Government Products</a>
              </li>
              <li>
                <a href="/business/government/education">Education</a>
              </li>
              <li>
                <a href="/business/government/federal-agencies">Federal Agencies</a>
              </li>
              <li>
                <a href="/business/government/military">Military</a>
              </li>
              <li>
                <a href="/business/government/public-transit">Public Transit</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Healthcare</a>
            <ul>
              <li>
                <a href="/business/healthcare/">Healthcare Products</a>
              </li>
              <li>
                <a href="/business/healthcare/assistive-technology">Assistive Technology</a>
              </li>
              <li>
                <a href="/business/healthcare/personal-mobility">Personal Mobility</a>
              </li>
              <li>
                <a href="/business/healthcare/transportation">Transportation</a>
              </li>
              <li>
                <a href="/business/healthcare/workstation">Workstation</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Marine</a>
            <ul>
              <li>
                <a href="/business/marine/">Marine Products</a>
              </li>
              <li>
                <a href="/business/marine/inflatable">Inflatable</a>
              </li>
              <li>
                <a href="/business/marine/kayak">Kayak</a>
              </li>
              <li>
                <a href="/business/marine/paddleboard">Paddleboard</a>
              </li>
              <li>
                <a href="/business/marine/powerboat">Boat</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Material Handling</a>
            <ul>
              <li>
                <a href="/business/material-handling/">Material Handling Products</a>
              </li>
              <li>
                <a href="/business/material-handling/equipment">Equipment</a>
              </li>
              <li>
                <a href="/business/material-handling/office">Office</a>
              </li>
              <li>
                <a href="/business/material-handling/warehouse">Warehouse</a>
              </li>
              <li>
                <a href="/business/material-handling/workstation">Workstation</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Powersports</a>
            <ul>
              <li>
                <a href="/business/powersports/">Powersports Products</a>
              </li>
              <li>
                <a href="/business/powersports/atv-utv">ATV/UTV</a>
              </li>
              <li>
                <a href="/business/powersports/motorcycle">Motorcycle</a>
              </li>
              <li>
                <a href="/business/powersports/snowmobile">Snowmobile</a>
              </li>
              <li>
                <a href="/business/powersports/vehicle">Vehicle</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Public Safety</a>
            <ul>
              <li>
                <a href="/business/public-safety/">Public Safety Products</a>
              </li>
              <li>
                <a href="/business/public-safety/ems">EMS</a>
              </li>
              <li>
                <a href="/business/public-safety/fire">Fire</a>
              </li>
              <li>
                <a href="/business/public-safety/law-enforcement">Law Enforcement</a>
              </li>
              <li>
                <a href="/business/public-safety/security">Security</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Retail</a>
            <ul>
              <li>
                <a href="/business/retail">Retail Products</a>
              </li>
              <li>
                <a href="/business/retail/inventory">Inventory</a>
              </li>
              <li>
                <a href="/business/retail/merchandising">Merchandising</a>
              </li>
              <li>
                <a href="/business/retail/point-of-sale">Point of Sale</a>
              </li>
              <li>
                <a href="/business/retail/warehouse">Warehouse</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Transportation</a>
            <ul>
              <li>
                <a href="/business/transportation">Transportation Products</a>
              </li>
              <li>
                <a href="/business/transportation/cabover-trucks">Cabover Trucks</a>
              </li>
              <li>
                <a href="/business/transportation/cargo-vans">Cargo Vans</a>
              </li>
              <li>
                <a href="/business/transportation/heavy-duty-trucks">Heavy Duty Trucks</a>
              </li>
              <li>
                <a href="/business/transportation/semi-trucks">Semi Trucks</a>
              </li>
            </ul>
          </li>
          <li>
            <a>Brands</a>
            <ul>
              <li>
                <a href="/consumer/brands/apple">Apple</a>
              </li>
              <li>
                <a href="/consumer/brands/samsung">Samsung</a>
              </li>
              <li>
                <a href="/consumer/brands/sonim">Sonim</a>
              </li>
              <li>
                <a href="/consumer/brands/zebra">Zebra</a>
              </li>
              <li>
                <a href="/consumer/brands">See All...</a>
              </li>
            </ul>
          </li>
        </ul>
      </li>
      <li>
        <a href="/business/gds-technology">GDS<sup>&reg;</sup> Tech<sup>&trade;</sup></a>

      </li>
      <li>
        <a href="/mount-builder">RAM<sup>&reg;</sup> Mount Builder</a>
      </li>
      <li class="mmListItems">
        <a>Support</a>
        <ul>
          <li>
          <a class="ram-down-link" href="/orders">
          Order Status
</a>          </li>
          <li>
            <a href="/warranty" class="ram-down-link">Warranty & Policies</a>
          </li>
          <li>
            <a href="/support" class="ram-down-link">Contact</a>
          </li>
          <li>
            <a href="/support/faq" class="ram-down-link">FAQs</a>
          </li>
        </ul>
      </li>
      <li class="mmBlog">
        <a href="//www.rammount.com/blog">Blog</a>
      </li>
      <li>
        <a href="/about/giving-back">
          <img src="/images/icons/ram-giving-red.png" alt="RAM® Giving Back" width="25px" style="padding-right: 2px;" />
          Giving Back
        </a>
      </li>
    </ul>
  </nav>
</div>


  <!-- start notification section -->

  <!-- premier partner notice -->
 

  <!-- start promo Banner -->
  <!-- end promo Banner -->

  <!-- Signup form for Notify Me buttons -->

  <!-- start content -->
  <div id="wrapper" class="">
    
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.10/plugins/jquery.lazy.picture.min.js"></script>




<div class="container-fluid">
  <!-- Render Slider -->
  
<!-- HOME PAGE SLIDER -->

<div class="row">
  <div class="banner-slider">
      <div class="banner-slide black-arrow">
      <a href="/shop-all/samsung/galaxy-tablet-mounts?facets[product_line][]=IntelliSkin%20Next%20Gen&cascade[model]=Galaxy+Tab+A+8.4&sort_by=part_id" title="Samsung Galaxy Tab A 8.4 (2020) IntelliSkin® Next Gen"> 
        <picture>
          <source srcset="/images/new-home/banners/new-banners/mobile/mobile-samsung-tabA-8.jpg" media="(max-width: 767px)" />      
          <img src="/images/new-home/banners/new-banners/tabA8.4-tough-dock.jpg" alt="Samsung Galaxy Tab A 8.4 (2020) IntelliSkin® Next Gen">
          </picture>
        </a>
      </div>


    <div class="banner-slide">
      <a href="/search?facets[mount_function][]=Desktop&facets[device][]=Phone" title="6-Port Charging Docks for Samsung XCover Pro"> 
        <picture>
          <source data-lazy-srcset="/images/new-home/banners/new-banners/mobile/mobile-6-Gang-Docks-for-XCover-Pro-banner_no_smart_objects.jpg" media="(max-width: 767px)" />      
          <img data-lazy="/images/new-home/banners/new-banners/6-gang-xcover-pro.jpg" alt="6-Port Charging Docks for Samsung XCover Pro">
        </picture>
      </a>
    </div>

    <div class="banner-slide">
      <a href="/shop-all/device-mounts/gps-mounts?query=phone-mounts&cascade[make]=Garmin&sort_by=newest" title="New Compatibility: Garmin Devices"> 
        <picture>
          <source data-lazy-srcset="/images/new-home/banners/new-banners/mobile/mobile-Garmin-Compatibility-banner.jpg" media="(max-width: 767px)" />      
          <img data-lazy="/images/new-home/banners/new-banners/new-garmin-compat.jpg" alt="New Compatibility: Garmin Devices">
        </picture>
      </a>
    </div>

    <div class="banner-slide">
      <a href="/shop-all/device-mounts/tablet-mounts?query=phone-mounts&cascade[make]=Microsoft&sort_by=popularity" title="New Compatibility: Microsoft Surface Go 2 & Pro"> 
        <picture>
          <source data-lazy-srcset="/images/new-home/banners/new-banners/mobile/mobile-Microsoft-Compatibility_banner.jpg" media="(max-width: 767px)">
          <img data-lazy="/images/new-home/banners/new-banners/microsoft-surface-compatibility.jpg" alt="New Compatibility: Microsoft Surface Go 2 & Pro">
        </picture>
      </a>
    </div>

    <div class="banner-slide">
        <div class="embed-container" id="video_embed">
            <picture>
              <source srcset="/images/new-home/banners/new-banners/mobile/mobile-wireless-charger-first-frame-v3.jpg" media="(max-width: 767px)" />
              <img 
                src="/images/new-home/banners/new-banners/wireless-charger-first-frame-v3.jpg"
                alt="Wireless Waterproof Chargers">
            </picture>
            <iframe 
              src=""
              data-src="https://player.vimeo.com/video/417249249?background=1"
              data-src-mobile="https://player.vimeo.com/video/417285760?background=1" 
              allow="autoplay, fullscreen" 
              frameborder="0" 
              webkitAllowFullScreen 
              mozallowfullscreen 
              allowFullScreen
            ></iframe>
          <a href="/shop-all/phone-mounts/wireless-charging" title="Wireless Waterproof Chargers"></a>
        </div>        
    </div>

    <div class="banner-slide black-arrow">
      <a href="/consumer/brands/panasonic" title="RAM® Partnerships: Panasonic Mounts"> 
        <picture>
          <source data-lazy-srcset="/images/new-home/banners/new-banners/mobile/mobile-panasonic.jpg" media="(max-width: 767px)">
          <img data-lazy="/images/new-home/banners/new-banners/panasonic.jpg" alt="RAM® Partnerships: Panasonic Mounts">
        </picture>
      </a>
    </div>
  </div>
</div>

<script>
  if ($('.embed-container iframe').length > 0) {
    var iframe = $('.embed-container iframe')[0];
    var loadIframe = function() {
      if (window.innerWidth < 768) {
        if (iframe.getAttribute('src') === iframe.getAttribute('data-src-mobile')) return;
        iframe.src = iframe.getAttribute('data-src-mobile');
      } else {
        if (iframe.getAttribute('src') === iframe.getAttribute('data-src')) return;
        iframe.src = iframe.getAttribute('data-src');
      }
    }

    $(window).resize(function() {
      loadIframe();
    });
  }


  $(document).ready(function() {
    var changeArrowColors = function(elem) {
      if (elem.hasClass('black-arrow')) {
        $('.slick-arrow').css({"color": "black"});
      } else {
        $('.slick-arrow').css({"color": "white"});
      }
    };

    // Slick slide doens't have lazy load for picture tags yet
    // https://github.com/kenwheeler/slick/pull/1661
    var lazyLoadPicture = function(slide) {
      var lazySlides = function (el, attr, lazyAttr) {
        slide
          .find(el)
          .each(function (i, img) {
            $img = $(img);
            $img.attr(attr, $img.data(lazyAttr))
          })
      }
    
      lazySlides('source', 'srcset', 'lazy-srcset');
      lazySlides('img', 'src', 'lazy');
    };

    $('.banner-slider').on('init', function(event, slick) {
      var firstElem = $('[data-slick-index="0"]');
      changeArrowColors(firstElem);
    });

    $('.banner-slider').on('beforeChange', function(event, slick, currentSlide, nextSlide){
      var nextSlideElem = $('[data-slick-index="'+ nextSlide + '"]');
      changeArrowColors(nextSlideElem);
      lazyLoadPicture(nextSlideElem);
    });

    $('.banner-slider').slick({
      dots: false,
      infinite: true,
      speed: 500,
      lazyLoad: false,
      slidesToShow: 1,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 6000,
      touchThreshold: 6,
      // dots: true,
      // dotsClass: 'banner-slider-dots visible-xs',
      prevArrow: '<i class="slick-prev far fa-chevron-left hidden-xs"></i>',
      nextArrow: '<i class="slick-next far fa-chevron-right hidden-xs"></i>'
    });
  })
</script>


  <!-- Render Shortcut Navbar -->
  <div class="row flex justify-center" style="padding-top: 10px; padding-bottom: 10px; height: 117px;">
  <div class="owl-carousel" style="max-width: 1200px; padding: 0 30px;">
    <a class="item center" href="/shop-all/phone-mounts/complete-kits">
      <img data-src="/images/new-home/shortcut-nav-icons/phone-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore Phone Mounts">
      <p class="text-center small-text">Phone Mounts</p>
    </a>
    <a class="item center" href="/shop-all/top-solutions/tablet-mounts">
      <img data-src="/images/new-home/shortcut-nav-icons/tablet-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore Tablet Mounts">
      <p class="text-center small-text">Tablet Mounts</p>
    </a>
    <a class="item center" href="/components">
      <img data-src="/images/new-home/shortcut-nav-icons/components-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore Components">
      <p class="text-center small-text">Components</p>
    </a>
    <a class="item center" href="/shop-all/laptop-mounts/full-kits">
      <img data-src="/images/new-home/shortcut-nav-icons/laptop-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore Laptop Mounts">
      <p class="text-center small-text">Laptop Mounts</p>
    </a>
    <a class="item center" href="/shop-all/powerboat/fishfinder-mounts">
      <img data-src="/images/new-home/shortcut-nav-icons/fishfinder-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore Fishfinder Mounts">
      <p class="text-center small-text">Fishfinder Mounts</p>
    </a>
    <a class="item center" href="/search?query=level+cup">
      <img data-src="/images/new-home/shortcut-nav-icons/cupholder.png" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore GPS Mounts">
      <p class="text-center small-text">Drink Holders</p>
    </a>
    <a class="item center" href="/shop-all/ram-x-grip/phone-mounts">
      <img data-src="/images/new-home/shortcut-nav-icons/xgrip-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore RAM® X-Grip®">
      <p class="text-center small-text">RAM<sup>&reg;</sup> X-Grip<sup>&reg;</sup></p>
    </a>
    <a class="item center" href="/shop-all/motorcycle/phone-mounts">
      <img data-src="/images/new-home/shortcut-nav-icons/motorcycle-shortcut.jpg" class="owl-lazy center icon-60x60" src="data:, viewbox='0 0 60 60'" alt="Explore Motorcycle Mounts">
      <p class="text-center small-text">Motorcycle Mounts</p>
    </a>
  </div>
</div>

  <!-- Render Body -->
  <div class="container center-block fluffer-md">
  <div class="row">
    <div class="col-xs-12 mb-10-sm">
      <div class="box-shadow">
        <a href="/mount-builder">
          <div class="row flex align-center block-xs">
            <div class="col-sm-5">
              <div class="home-body-content text-center fluffer-xl pad-zero-xs push-down-50-xs push-up-20-xs">
                <h1 class="content-header-dark"> RAM<sup>&reg;</sup> MOUNT BUILDER </h1>
                <p class="content-text-dark"> Build your mount in 3 easy steps </p>
                <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> FIND YOUR SOLUTION</span>
              </div>
            </div>
            <div class="col-sm-7">
              <picture>
                <source srcset="/images/new-home/body/featured/mobile-mount-builder-v4.jpg" media="(max-width: 767px)" />
                <img 
                  src="/images/new-home/body/featured/mount-builder-v4.jpg"
                  alt="Mount Builder: Build your mount in 3 easy steps"
                  class="full-height-width">
              </picture>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="row push-down-30-sm">
    <div class="col-sm-6 mb-10-sm">
      <div class="box-shadow">
        <a href="/shop-all/phone-mounts/wireless-charging">
          <div class="home-body-content text-center push-down-50 push-up-20">
            <h2 class="content-header-dark"> 
              GO WIRELESS
            </h2>
            <p class="content-text-dark"> Now available for smartphones </p>
            <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> SHOP WIRELESS </span>
          </div>
          <div class="lazy-container pad-feature-sq">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/featured/mobile-wireless-waterproof-now-available.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img 
                src="/images/new-home/body/featured/wireless-waterproof-now-available.jpg"
                alt="Wireless Charging Mounts"
                class="full-width"></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>

    <div class="col-sm-6 mb-10-sm">
      <div class="box-shadow height-all">
        <a href="/product-lines/x-grip">
          <div class="home-body-content text-center push-down-50 push-up-20">
            <h2 class="content-header-dark"> 
              RAM<sup>&reg;</sup>&nbsp;X-GRIP<sup>&reg;</sup>
            </h2>
            <p class="content-text-dark"> Universal phone and tablet holders </p>
            <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> BUY NOW</span>
          </div>
          <div class="lazy-container pad-feature-sq">
            <picture class="lazyload pad-feature-sq">
              <data-src srcset="/images/new-home/body/featured/mobile-x-grip-family-resize.jpg" media="(max-width: 767px)" type="image/jpeg"/></data-src>
              <data-img 
                src="/images/new-home/body/featured/x-grip-family.jpg"
                alt="RAM® X-Grip® Family Products"
                class="full-width"></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="row push-down-30-sm">
    <div class="col-xs-12 mb-10-sm">
      <div class="box-shadow xxpad-xy-20">

        <div class="row flex align-center block-xs">

          <div class="col-sm-7 pad-xy-30">

            <div class="text-center">
                <h2 class="content-header-dark"> LAPTOP VEHICLE BASES </h2>
                <p class="content-text-dark"> Select Your Vehicle </p>
            </div>

            <form action="/shop-all/laptop-mounts/full-kits" method="GET" class="form-inline text-center">              
              <div class="form-group">                
                <select id="vehicle_year" name="cascade[vehicle_year]" class="form-control" aria-label="Select vehicle year" required>
                </select>
              </div>
              <div class="form-group">                
                <select id="vehicle_make" name="cascade[vehicle_make]" class="form-control" aria-label="Select vehicle make" required>
                </select>
              </div>
              <div class="form-group">                
                <select id="vehicle_model" name="cascade[vehicle_model]" class="form-control" aria-label="Select vehicle model" required>
                </select>
              </div>
              <div>
                <button class="xform-control btn btn-default">GET SOLUTION</button>
              </div>
            </form>
          </div>        

          <div class="col-sm-5 pad-xy-20">
            <a href="/shop-all/laptop-mounts/full-kits" aria-label="Shop laptop mounts">
              <picture class="lazyload">
                <data-src srcset="/images/new-home/body/featured/mobile-laptop-mounts.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
                <data-img 
                  src="/images/new-home/body/featured/laptop-mounts.jpg"
                  alt="Laptop Vehicle Bases"
                  class="full-width"></data-img>
              </picture>
            </a>
          </div>

        </div>

      </div>    
    </div>  
  </div>

  <div class="row push-down-30-sm">
    <div class="col-sm-6 mb-10-sm">
      <div class="box-shadow">
        <a href="/shop-all/phone-mounts/complete-kits?facets[product_line][]=Quick-Grip">
          <div class="home-body-content text-center push-down-50 push-up-20">
            <h2 class="content-header-dark"> 
              RAM<sup>&reg;</sup>&nbsp;QUICK-GRIP<sup>&trade;</sup>
            </h2>
            <p class="content-text-dark"> Universal one-handed docking </p>
            <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> BUY NOW</span>
          </div>
          <div class="lazy-container pad-feature-sq">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/featured/mobile-quickgrip-resize.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img
                src="/images/new-home/body/featured/quickgrip.jpg"
                alt="RAM® Quick-Grip™ Family Products"
                class="full-width"></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>

    <div class="col-sm-6 mb-10-sm">
      <div class="box-shadow height-all">
        <a href="/shop-all/powerboat/fishfinder-mounts">
          <div class="home-body-content text-center push-down-50 push-up-20 push-left-10 push-right-10">
            <h2 class="content-header-dark"> FISHFINDER MOUNTS </h2>
            <p class="content-text-dark"> Mounts for top brands </p>
            <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> BUY NOW </span>
          </div>
          <div class="lazy-container pad-feature-sq">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/featured/mobile-fishfinder-mounts-resize.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img 
                src="/images/new-home/body/featured/fishfinder-mounts.jpg"
                alt="Mounts for Humminbird, Lowrance and other fishfinders"
                class="full-width"></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>
  </div>

  <div class="row push-down-30-sm">
    <div class="col-sm-6 mb-10-sm">
      <div class="box-shadow">
        <a href="/components">
          <div class="home-body-content text-center push-down-50 push-up-20">
            <h2 class="content-header-dark"> COMPONENTS </h2>
            <p class="content-text-dark"> Need a specific part? </p>
            <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> BUY NOW </span>
          </div>
          <div class="lazy-container pad-feature-sq">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/featured/mobile-components-v3-resize.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img 
                src="/images/new-home/body/featured/components-v3.jpg"
                alt="RAM® arm component and ball base"
                class="full-width"></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>

    <div class="col-sm-6 mb-10-sm">
      <div class="box-shadow">
        <a href="/shop-all/motorcycle/phone-mounts">
          <div class="home-body-content text-center push-down-50 push-up-20">
            <h2 class="content-header-dark"> MOTORCYCLE MOUNTS </h2>
            <p class="content-text-dark"> RAM<sup>&reg;</sup> Torque<sup>&trade;</sup> and U-bolt rail bases</p>
            <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i> BUY NOW </span>
          </div>
          <div class="lazy-container pad-feature-sq">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/featured/mobile-motorcycle-v2-resize.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img 
                src="/images/new-home/body/featured/motorcycle-v2.jpg"
                alt="Motorcycle Mount"
                class="full-width"></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>



  
<div class="container fluffer-md">
  <h2 class="text-center push-up-30">BUILT FOR YOUR LIFESTYLE</h2>
  <div class="row flex block-xs">
    <div class="col-sm-4">
      <div class="row">
        <!-- At Home -->
        <div class="col-xs-12 mb-10-sm">
          <div class="box-shadow bg-dark-grey">
            <a href="/consumer/at-home">
              <div id="at-home-content" class="home-body-content center-of-img">
                <h3 class="content-header"> AT HOME </h3>
                <span class="content-link"> <i class="fal fa-chevron-circle-right"></i> EXPLORE </span>
              </div>
              <div class="lazy-container pad-consumer-sm-sq">
                <picture class="lazyload">
                  <data-src srcset="/images/new-home/body/consumer/mobile-at-home.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
                  <data-img 
                    src="/images/new-home/body/consumer/at-home-resize.jpg"
                    alt="Explore At Home Mounts"
                    class="full-height-width cover"
                    onload=$('#at-home-content').show()
                    onerror=$('#at-home-content').hide()></data-img>
                </picture>
              </div>
            </a>
          </div>
        </div>

        <!-- Off Road -->
        <div class="col-xs-12 push-down-30-sm mb-10-sm">
          <div class="box-shadow bg-dark-grey">
            <a href="/consumer/off-road">
              <div id="off-road-content" class="home-body-content center-of-img">
                <h3 class="content-header"> OFF ROAD </h3>
                <span class="content-link"> <i class="fal fa-chevron-circle-right"></i> EXPLORE </span>
              </div>
              <div class="lazy-container pad-consumer-sm-sq">
                <picture class="lazyload">
                  <data-src srcset="/images/new-home/body/consumer/mobile-offroad-v2.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
                  <data-img 
                    src="/images/new-home/body/consumer/offroad-v2-resize.jpg"
                    alt="Explore On Road Mounts"
                    class="full-height-width cover"
                    onload=$('#off-road-content').show()
                    onerror=$('#off-road-content').hide()></data-img>
                </picture>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
    
    <div class="col-sm-4 flex-col mb-10-sm">
      <!-- On Road -->
      <div class="box-shadow height-all bg-dark-grey">
        <a href="/consumer/on-road" class="height-all">
          <div id="on-road-content" class="home-body-content center-of-img">
            <h3 class="content-header"> ON ROAD </h3>
            <span class="content-link"> <i class="fal fa-chevron-circle-right"></i> EXPLORE </span>
          </div>
          <div class="lazy-container pad-consumer-center height-all">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/consumer/mobile-onroad-v2.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img 
                src="/images/new-home/body/consumer/onroad-v2-resize.jpg"
                alt="Explore On Road Mounts"
                class="full-height-width cover"
                onload=$('#on-road-content').show()
                onerror=$('#on-road-content').hide()></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>

    <div class="col-sm-4">
      <div class="row">
        <!-- On Water -->
        <div class="col-xs-12 mb-10-sm">
          <div class="box-shadow bg-dark-grey">
            <a href="/consumer/on-water">
              <div id="on-water-content" class="home-body-content center-of-img">
                <h3 class="content-header"> ON WATER </h3>
                <span class="content-link"> <i class="fal fa-chevron-circle-right"></i> EXPLORE </span>
              </div>
              <div class="lazy-container pad-consumer-sm-sq">
                <picture class="lazyload">
                  <data-src srcset="/images/new-home/body/consumer/mobile-onwater-v2.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
                  <data-img 
                    src="/images/new-home/body/consumer/onwater-v2-resize.jpg"
                    alt="Explore On Water Mounts"
                    class="full-height-width cover"
                    onload=$('#on-water-content').show()
                    onerror=$('#on-water-content').hide()></data-img>
                </picture>
              </div>
            </a>
          </div>
        </div>


        <!-- In Air -->
        <div class="col-xs-12 push-down-30-sm mb-10-sm">
          <div class="box-shadow bg-dark-grey">
            <a href="/consumer/in-air">
              <div id="in-air-content" class="home-body-content center-of-img">
                <h3 class="content-header"> IN AIR </h3>
                <span class="content-link"> <i class="fal fa-chevron-circle-right"></i> EXPLORE </span>
              </div>
              <div class="lazy-container pad-consumer-sm-sq">
                <picture class="lazyload">
                  <data-src srcset="/images/new-home/body/consumer/mobile-in-air.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
                  <data-img 
                    src="/images/new-home/body/consumer/in-air-resize.jpg"
                    alt="Explore In Air Mounts"
                    class="full-height-width cover"
                    onload=$('#in-air-content').show()
                    onerror=$('#in-air-content').hide()></data-img>
                </picture>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- Acessibility -->
  <div class="row push-down-30-sm">
    <div class="col-xs-12 mb-10-sm">
      <div class="box-shadow bg-dark-grey">
        <a href="/consumer/at-home/accessibility">
          <div id="accessibility-content" class="home-body-content center-of-img">
            <h3 class="content-header"> ACCESSIBILITY </h3>
            <span class="content-link"> <i class="fal fa-chevron-circle-right"></i> EXPLORE </span>
          </div>
          <div class="lazy-container pad-consumer-rect">
            <picture class="lazyload">
              <data-src srcset="/images/new-home/body/consumer/mobile-accessibility-v2.jpg" media="(max-width: 767px)" type="image/jpeg"></data-src>
              <data-img 
                src="/images/new-home/body/consumer/accessibility-v2-resize.jpg"
                alt="Explore Accessibility Mounts"
                class="full-height-width cover"
                onload=$('#acessibility-content').show()
                onerror=$('#accessibility-content').hide()></data-img>
            </picture>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>
  
  <div class="container fluffer-md hidden-xs">
    <h2 class="text-center push-up-70">BUILT FOR YOUR BUSINESS</h2>

    <div class="row width-90 center minw-600">
      <div class="col-sm-2">
        <a href="/business/agriculture" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-tractor fa-3x black"></i>
          <h3 class="content-link-dark">Agriculture</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/aviation" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-plane fa-3x black"></i>
          <h3 class="content-link-dark">Aviation</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/construction" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-hard-hat fa-3x black"></i>
          <h3 class="content-link-dark">Construction</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/field-service" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-shipping-fast fa-3x black"></i>
          <h3 class="content-link-dark">Field Service</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/healthcare" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-heartbeat fa-3x black"></i>
          <h3 class="content-link-dark">Healthcare</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/government" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-university fa-3x black"></i>
          <h3 class="content-link-dark">Government</h3>
        </a>
      </div>
    </div>

    <div class="row width-90 center push-down-30 minw-600">
      <div class="col-sm-2">
        <a href="/business/marine" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-water fa-3x black"></i>
          <h3 class="content-link-dark">Marine</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/material-handling" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-forklift fa-3x black"></i>
          <h3 class="content-link-dark">Material Handling</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/powersports" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-motorcycle fa-3x black"></i>
          <h3 class="content-link-dark">Powersports</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/public-safety" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-shield-alt fa-3x black"></i>
          <h3 class="content-link-dark">Public Safety</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/retail" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-scanner fa-3x black"></i>
          <h3 class="content-link-dark">Retail</h3>
        </a>
      </div>
      <div class="col-sm-2">
        <a href="/business/transportation" class="vertical-icon flex-col justify-center text-center">
          <i class="fas fa-truck-container fa-3x black"></i>
          <h3 class="content-link-dark">Transportation</h3>
        </a>
      </div>
    </div>

    <!-- Business Cards -->
    <div class="row push-down-70">
      <div class="col-sm-12">
        <div class="box-shadow full-width">
          <a href="/business/gds-technology">
            <div class="row flex align-center block-xs">
              <div class="col-sm-5">
                <div class="home-body-content text-center fluffer-xl pad-zero-xs push-down-50-xs push-up-20-xs">
                  <h2 class="content-header-dark"> 
                    GDS<sup>&reg;</sup> TECH<sup>&trade;</sup>
                  </h2>
                  <p class="content-text-dark"> Enterprise Mounting Solutions </p>
                  <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i>EXPLORE</span>
                </div>
              </div>
              <div class="col-sm-7">
                <img
                  data-src="/images/new-home/body/business/gds-tech-banner.jpg"
                  alt="Explore GDS® TECH™"
                  class="full-height-width lazyload">
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>

    <div class="row push-down-30 flex">
      <div class="col-sm-4 flex">
        <div class="box-shadow full-width">
          <a href="/search?query=tab+active+pro">
            <div class="home-body-content text-center push-down-30 push-up-20">
              <h2 class="content-header-dark"> 
                TAB ACTIVE PRO
              </h2>
              <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i>EXPLORE</span>
            </div>
            <img
              data-src="/images/new-home/body/business/tab-active-pro-resize.jpg"
              alt="Explore Tab Active Pro"
              class="full-width lazyload">
          </a>
        </div>
      </div>

      <div class="col-sm-4 flex">
        <div class="box-shadow full-width">
          <a href="/consumer/brands/sonim">
            <div class="home-body-content text-center push-down-30 push-up-20">
              <h2 class="content-header-dark"> 
                SONIM XP5s & XP8
              </h2>
              <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i>EXPLORE</span>
            </div>
            <div class="lazy-container pad-business-sq">
              <img
                  data-src="/images/new-home/body/business/sonim.jpg"
                  alt="Explore SONIM XP5s & XP8"
                  class="full-width lazyload">
            </div>
          </a>
        </div>
      </div>

      <div class="col-sm-4 flex">
        <div class="box-shadow full-width">
          <a href="/search?facets[device][]=Handheld%20Computer">
            <div class="home-body-content text-center push-down-30 push-up-20">
              <h2 class="content-header-dark"> 
                HANDHELD CRADLES
              </h2>
              <span class="content-link-dark"> <i class="fal fa-chevron-circle-right"></i>EXPLORE</span>
            </div>
            <img
              data-src="/images/new-home/body/business/scanner-resize.jpg"
              alt="Explore Handheld Cradles"
              class="full-width lazyload">
          </a>
        </div>
      </div>
    </div>
  </div>


</div>

<!-- Render RAM Community-->
<div class="container fluffer-xl pad-10" style="min-width: 100%;">
  <h2 class="text-center push-up-10">JOIN OUR RAM<sup>&reg;</sup> COMMUNITY</h2>

  <div class="row center fluffer-md" style="max-width: 600px;">
    <div class="col-xs-4">
      <a href="/events" class="vertical-icon">
        <img data-src="/images/new-home/ram-community/events-dark.png" src="data:, viewbox='0 0 60 60'" class="icon-60x60 center lazyload" alt="Events">
        <h3 class="content-link-dark text-center">Events</h3>
      </a>
    </div>

    <div class="col-xs-4">
      <a href="/blog" class="vertical-icon">
        <img data-src="/images/new-home/ram-community/blog-dark.png" src="data:, viewbox='0 0 60 60'" class="icon-60x60 center lazyload" alt="Blog">
        <h3 class="content-link-dark text-center">Blog</h3>
      </a>
    </div>

    <div class="col-xs-4">
      <a href="/blog/press/" class="vertical-icon">
        <img data-src="/images/new-home/ram-community/press-dark.png" src="data:, viewbox='0 0 60 60'" class="icon-60x60 center lazyload" alt="Press">
        <h3 class="content-link-dark text-center">Press</h3>
      </a>
    </div>
  </div>
</div>


<!-- Render RAM Customer Bar -->
  <div class="bg-dark-grey">
    <div class="container" style="max-height: 100px">
      <div class="row oem-slider fluffer-md bg-dark-grey">
        <div class="col-sm-10">
          <div class="jcarousel-skin-tango">
            <div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
              <div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
                <ul id="mycarousel" class="jcarousel-list jcarousel-list-horizontal">
                  <li title="Samsung" class="sprite sprite-samsung jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="Lowrance" class="sprite sprite-lowrance jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" data-jcarouselindex="2">
                  </li>
                  <li title="Zebra" class="sprite sprite-zebra jcarousel-item jcarousel-item-horizontal jcarousel-item-3 jcarousel-item-3-horizontal" data-jcarouselindex="3">
                  </li>
                  <li title="Apple" class="sprite sprite-apple jcarousel-item jcarousel-item-horizontal jcarousel-item-4 jcarousel-item-4-horizontal" data-jcarouselindex="4">
                  </li>
                  <li title="Spot" class="sprite sprite-spot jcarousel-item jcarousel-item-horizontal jcarousel-item-5 jcarousel-item-5-horizontal" data-jcarouselindex="5">
                  </li>
                  <li title="Garmin" class="sprite sprite-garmin jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="Polaris" class="sprite sprite-polaris jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="Trimble" class="sprite sprite-trimble jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="TomTom" class="sprite sprite-tomtom jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="Panasonic" class="sprite sprite-panasonic jcarousel-item jcarousel-item-horizontal jcarousel-item-6 jcarousel-item-6-horizontal" data-jcarouselindex="6">
                  </li>
                  <li title="Orlaco" class="sprite sprite-orlaco jcarousel-item jcarousel-item-horizontal jcarousel-item-7 jcarousel-item-7-horizontal" data-jcarouselindex="7">
                  </li>
                  <li title="Microsoft" class="sprite sprite-microsoft jcarousel-item jcarousel-item-horizontal jcarousel-item-8 jcarousel-item-8-horizontal" data-jcarouselindex="8">
                  </li>
                  <li title="Honeywell" class="sprite sprite-honeywell jcarousel-item jcarousel-item-horizontal jcarousel-item-9 jcarousel-item-9-horizontal" data-jcarouselindex="9">
                  </li>
                  <li title="CDW" class="sprite sprite-cdw jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="Boeing" class="sprite sprite-boeing jcarousel-item jcarousel-item-horizontal jcarousel-item-10 jcarousel-item-10-horizontal" data-jcarouselindex="10">
                  </li>
                  <li title="AGCO" class="sprite sprite-agco jcarousel-item jcarousel-item-horizontal jcarousel-item-11 jcarousel-item-11-horizontal" data-jcarouselindex="11">
                  </li>
                  <li title="Zones" class="sprite sprite-zones jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" data-jcarouselindex="1">
                  </li>
                  <li title="Winnebago" class="sprite sprite-winnebago jcarousel-item jcarousel-item-horizontal jcarousel-item-12 jcarousel-item-12-horizontal" data-jcarouselindex="12">
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="col-sm-2">
          <a href="/partners/" class="center-block">
            <h4 class="content-link oem-link"> <i class="fal fa-chevron-circle-right"></i> SEE ALL PARTNERS </h4>
          </a>
        </div>
      </div>
    </div>
  </div>





  </div>


  <script src="/assets/vendor/modernizr-f9c8344d2b2f8e595287b293ce7e3117.js"></script>  <!-- Where is this? -->
  <script src="/assets/sandbox-a2bfe792922b55828694f88049d0ab63.js"></script>   <!-- Don't set async to true or the slideshow will die -->


  <div id="compare-tray" class="d-none fixed-bottom">
  <p id="compare-tray-error" class="text-center bold d-none"></p>
  <div id="compare-tray-items" class="inline-block vertical-align-middle">
  </div>
  <div class="inline-block vertical-align-middle">
    <button id="compare-tray-btn" class="red-button rounded-button text-uppercase ripple">
      Compare
    </button>
    <div id="clear-compare-tray" class="text-uppercase underline" role="button" tabindex="0">
      Remove All
    </div>
  </div>
</div>

      <!-- start footer -->
<footer>
  <div class="footer-section">
    <div class="container">
      <div class="row">
          <div class="col-xs-12">
            <div class="row">
              <div class="col-md-3 col-md-offset-1 text-center address-section" style="margin-top: 10px;">
                <a href="/">
                  <!-- <i title="RAM Mounts logo" class="nav-sprites footer-sprites-ram-mount2x footer-logo"></i> -->
                  <img src="/images/icons/ram-logo-white.png" alt="RAM® Mounts" width="200px">
                </a>
              </div>

              <div class="col-md-4 text-center hidden-xs">
              <!-- Begin Mailchimp Signup Form -->
                <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
                <style type="text/css">
                  #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
                  /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
                    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
                </style>
                <style type="text/css">
                  #mc-embedded-subscribe-form input[type=checkbox]{display: inline; width: auto;margin-right: 10px;}
                  #mergeRow-gdpr {margin-top: 20px;}
                  #mergeRow-gdpr fieldset label {font-weight: normal;}
                  #mc-embedded-subscribe-form .mc_fieldset{border:none;min-height: 0px;padding-bottom:0px;}
                </style>
                <div id="mc_embed_signup" class="subscribe-email" style="background: none;">
                  <form action="https://rammount.us5.list-manage.com/subscribe/post?u=04510a35aa83858bd36e333f8&amp;id=107887c349" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                    <div id="mc_embed_signup_scroll">
                      <label for="mce-EMAIL-FOOTER" class="text-center"><h4 class="margin-zero pad-bottom-zero">Subscribe to our mailing list</h4></label>
                      
                      <div class="flex justify-center">
                        <input type="email" value="" name="EMAIL" class="email subscribe-input" id="mce-EMAIL-FOOTER" placeholder="Email address" required>

                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                        <div style="position: absolute; left: -5000px;" aria-hidden="true">
                          <input type="text" name="b_04510a35aa83858bd36e333f8_107887c349" tabindex="-1" aria-hidden="true" aria-label="Recaptcha" value="">
                        </div>

                        <div class="clear">
                          <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" aria-label="Submit email subscription" class="button subscribe-btn">
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
                <!--End mc_embed_signup-->
              </div>

              <!-- DESKTOP SOCIAL MEDIA -->
              <div class="col-md-3 hidden-xs">
                <div class="text-center social-fontawesome">
                  <h4 class="text-center">Connect With Us</h4>
                  <a href="https://www.facebook.com/RAMMOUNT" target="_blank" aria-label="Facebook">
                    <i class="footer-social fa fa-facebook fa-2x"></i>
                  </a>
                  <a href="http://instagram.com/rammounts" target="_blank" aria-label="Instagram">
                    <i class="footer-social fa fa-instagram fa-2x"></i>
                  </a>
                  <a href="https://www.youtube.com/channel/UCN7EpVA0JC557g8l6djtr4A" target="_blank" aria-label="YouTube">
                    <i class="footer-social fab fa-youtube fa-2x"></i>
                  </a>
                  <a href="https://twitter.com/rammounts" target="_blank" aria-label="Twitter">
                    <i class="footer-social fa fa-twitter fa-2x"></i>
                  </a>
                  <a href="https://www.linkedin.com/company/ram-mounts" target="_blank" aria-label="LinkedIn">
                    <i class="footer-social fa fa-linkedin fa-2x"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xs-12">
            <div class="row push-right push-down-20">
              <!-- DESKTOP / TABLET ABOUT LINKS -->
              <div class="col-sm-2 col-sm-offset-1 hidden-xs">
                <h4>About</h4>
                <p class="feet">
                  <a class="footer-links" href="/about">Our Company</a>
                  <a class="footer-links" href="/about/corporate-directory">Corporate Directory</a>
                  <a class="footer-links" href="/careers">Careers</a>
                  <a class="footer-links" href="/support">Contact Us</a>
                </p>
              </div>

              <!-- DESKTOP XS ABOUT LINKS -->
              <nav class="navbar-footer visible-xs">
                <div class="container-fluid">
                  <div class="navbar-header">
                    <a style="width: 100%;" class="navbar-brand-footer footer-headings navbar-toggle-footer collapsed" data-toggle="collapse" href="#footer-navbar-collapse-about">About</a>
                  </div>
                  <div class="collapse navbar-collapse" id="footer-navbar-collapse-about">
                    <ul class="nav navbar-nav footer-nav">
                      <li><a class="footer-links" href="/about">Our Company</a></li>
                      <li><a class="footer-links" href="/about/corporate-directory">Corporate Directory</a></li>
                      <li><a class="footer-links" href="/careers">Careers</a></li>
                      <li><a class="footer-links" href="/support">Contact Us</a></li>
                    </ul>
                  </div>
                </div>
              </nav>

              <!-- DESKTOP / TABLET PRODUCT INFO LINKS -->
              <div class="col-sm-2 hidden-xs">
                <h4>Product Info</h4>
                <p class="feet">
                  <a class="footer-links" href="/catalog">Catalogs</a>
                  <a class="footer-links" href="/support/glossary">Glossary of Terms</a>
                  <a class="footer-links" href="/ru/videos">Videos</a>
                  <a class="footer-links" href="/legal">Legal</a>
                </p>
              </div>

              <!-- DESKTOP XS PRODUCT INFO LINKS -->
              <nav class="navbar-footer visible-xs">
                <div class="container-fluid">
                  <div class="navbar-header">
                    <a style="width: 100%;" class="navbar-brand-footer footer-headings navbar-toggle-footer collapsed" data-toggle="collapse" href="#footer-navbar-collapse-product-info">Product Info</a>
                  </div>
                  <div class="collapse navbar-collapse" id="footer-navbar-collapse-product-info">
                    <ul class="nav navbar-nav footer-nav">
                      <li><a class="footer-links" href="/catalog">Catalogs</a></li>
                      <li><a class="footer-links" href="/support/glossary">Glossary of Terms</a></li>
                      <li><a class="footer-links" href="/ru/videos">Videos</a></li>
                      <li><a class="footer-links" href="/legal">Legal</a></li>
                    </ul>
                  </div>
                </div>
              </nav>

              <!-- DESKTOP / TABLET MORE LINKS -->
              <div class="col-sm-2 hidden-xs">
                <h4>More RAM<sup>&reg;</sup> Mounts</h4>
                <p class="feet">
                  <a class="footer-links" href="/blog">Blog</a>
                  <a class="footer-links" href="/ram-athletes">Sponsored Athletes</a>
                  <a class="footer-links" href="/about/giving-back">Giving Back</a>
                  <a class="footer-links" href="/new-products">New Products</a>
                </p>
              </div>

              <!-- DESKTOP XS MORE LINKS -->
              <nav class="navbar-footer visible-xs">
                <div class="container-fluid">
                  <div class="navbar-header">
                    <a style="width: 100%;" class="navbar-brand-footer footer-headings navbar-toggle-footer collapsed" data-toggle="collapse" href="#footer-navbar-collapse-more">More RAM® Mounts</a>
                  </div>
                  <div class="collapse navbar-collapse" id="footer-navbar-collapse-more">
                    <ul class="nav navbar-nav footer-nav">
                      <li><a class="footer-links" href="/blog">Blog</a></li>
                      <li><a class="footer-links" href="/ram-athletes">Sponsored Athletes</a></li>
                      <li><a class="footer-links" href="/about/giving-back">Giving Back</a></li>
                      <li><a class="footer-links" href="/new-products">New Products</a></li>
                    </ul>
                  </div>
                </div>
              </nav>

              <!-- DESKTOP / TABLET SUPPORT LINKS -->
              <div class="col-sm-2 hidden-xs">
                <h4>Support</h4>
                <p class="feet">
                  <a class="footer-links" href="/instructions">Instruction Manuals</a>
                  <a class="footer-links" href="/warranty">Warranty and Returns</a>
                  <a class="footer-links" href="/order">Order Status</a>
                  <a class="footer-links" href="/support/faq">FAQs</a>
                </p>
              </div>

              <!-- DESKTOP XS SUPPORT LINKS -->
              <nav class="navbar-footer visible-xs">
                <div class="container-fluid">
                  <div class="navbar-header">
                    <a style="width: 100%;" class="navbar-brand-footer footer-headings navbar-toggle-footer collapsed" data-toggle="collapse" href="#footer-navbar-collapse-support">Support</a>
                  </div>
                  <div class="collapse navbar-collapse" id="footer-navbar-collapse-support">
                    <ul class="nav navbar-nav footer-nav">
                      <li><a class="footer-links" href="/instructions">Instruction Manuals</a></li>
                      <li><a class="footer-links" href="/warranty">Warranty and Returns</a></li>
                      <li><a class="footer-links" href="/order">Order Status</a></li>
                      <li><a class="footer-links" href="/support/faq">FAQs</a></li>
                    </ul>
                  </div>
                </div>
              </nav>

              <!-- DESKTOP / TABLET PARTNERS LINKS -->
              <div class="col-sm-2 hidden-xs">
                <h4>Partners</h4>
                <p class="feet">
                  <a class="footer-links" href="/partners">Policies</a>
                  <a class="footer-links" href="/partners/dealers">Sales Partners</a>
                  <a class="footer-links" href="/partners/international">International</a>
                  <a class="footer-links" href="/partners/installers">Installers</a>
                </p>
              </div>

              <!-- DESKTOP XS PARTNERS LINKS -->
              <nav class="navbar-footer visible-xs">
                <div class="container-fluid">
                  <div class="navbar-header">
                    <a style="width: 100%;" class="navbar-brand-footer footer-headings navbar-toggle-footer collapsed" data-toggle="collapse" href="#footer-navbar-collapse-partners">Partners</a>
                  </div>
                  <div class="collapse navbar-collapse" id="footer-navbar-collapse-partners">
                    <ul class="nav navbar-nav footer-nav">
                      <li><a class="footer-links" href="/partners">Policies</a></li>
                      <li><a class="footer-links" href="/partners/dealers">Sales Partners</a></li>
                      <li><a class="footer-links" href="/partners/international">International</a></li>
                      <li><a class="footer-links" href="/partners/installers">Installers</a></li>
                    </ul>
                  </div>
                </div>
              </nav>
            </div>
          </div>
          <div class="col-xs-12">
            <p class="text-center footer-links push-down-20 footer-links-no-hover">
              Copyright © 2020 National Products Inc. Seattle, Washington. All rights reserved.
            </p>
          </div>
      </div>
    </div>
  </div>
</footer>
<!-- end footer -->

<a href="#" class="cd-top hidden-xs">Top</a>

<!-- Shadowbox & Magnifier -->
<div class="lightbox zoom modal-close">
  <div class="modal-image magnify">
  </div>
</div>

<div class="lightbox-gallery-navs" style="display:none;">
  <div id="magnify-left">
    <i class="fas fa-chevron-left fa-2x"></i>
  </div>
  <div id="magnify-right">
    <i class="fas fa-chevron-right fa-2x"></i>
  </div>
</div>


      <script type="text/javascript">
    var navbar = function() {
      search_type = 'search';
      var set_search_type = function(type, field) {
        $(type).change(function(){
          search_type = $(this).val();
          $(field).attr('action', '/' + search_type);
        });
      };
      set_search_type(".search_type", "#part_search");
      set_search_type(".search_type_mobile", "#part_search_mobile");

      // $(".search_type,").change(function() {
      //   search_type = $(this).val();
      //   $('#part_search').attr('action', '/' + search_type);
      // });
      // $(".search_type_mobile").change(function() {
      //   search_type = $(this).val();
      //   $('#part_search_mobile').attr('action', '/' + search_type);
      // });

      if(search_type) {
        $('#search_type, #search_type_mobile').val(search_type);
        $('#part_search, #part_search_mobile').attr('action', '/' + search_type);
      }
    };

    $(document).ready(navbar);
  </script>
  <script>
    $(function () {
      $("nav>ul>li").click(
        function () {
          $('a', this).addClass("ripple");//error
      });
    });
  </script>
  <script>
    $('#ninja-wrapper').contents().filter(function() {
      return this.nodeType===3;
    }).remove();
  </script>
  <script>
    (function() {

      "use strict";

      var toggles = document.querySelectorAll(".c-hamburger");

      for (var i = toggles.length - 1; i >= 0; i--) {
        var toggle = toggles[i];
        toggleHandler(toggle);
      };

      function toggleHandler(toggle) {
        toggle.addEventListener( "click", function(e) {
          e.preventDefault();
          (this.classList.contains("is-active") === true) ? this.classList.remove("is-active") : this.classList.add("is-active");
          $('body').scrollTop(0);
        });
      }

    })();
  </script>
  <script>
    $(document).ready(function(){
      $('.nav-link').click(function(){
        var menuToggle = $(this).data('toggle');

        $('.mega-menu').each(function() {
          if ($(this).attr('id') !== menuToggle) {
            $(this).hide();
          }
        });

        $('#' + menuToggle).toggle();
      });

      $(document).mouseup(function(e){
        // console.log($(e.target).find('.mega-menu'));
        if (!$('.mega-menu').is(e.target) && !$('.mega-menu div').is(e.target) && !$('.mega-menu ul').is(e.target) && !$('.mega-menu li').is(e.target) && !$('.mega-menu a').is(e.target) && !$('.nav-link').is(e.target)) {
          $('.mega-menu').hide();
          var $this = $('.nav-link');
          if ($this.hasClass('red-underline')) {
            $this.removeClass('red-underline');
          }
        }
      });
    });
  </script>

    <!-- Google Code for Remarketing Tag -->
<script type="text/javascript">
	/* <![CDATA[ */
	var google_conversion_id = 952280955;
	var google_custom_params = window.google_tag_params;
	var google_remarketing_only = true;
	/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js"></script>
<noscript>
	<div style="display:inline;">
		<img height="1" width="1" style="border-style:none;" alt="google" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/952280955/?value=0&amp;guid=ON&amp;script=0"/>
	</div>
</noscript>
<!-- End Google Code for Remarketing Tag -->

<!-- Facebook Pixel Code -->
<script>
	!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
	n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
	n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
	t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
	document,'script','//connect.facebook.net/en_US/fbevents.js');
	fbq('init', '1503745513252903');
	fbq('track', "PageView");
</script>
<noscript><img height="1" width="1" alt="fb" style="display:none" src="https://www.facebook.com/tr?id=1503745513252903&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->

<!-- Twitter universal website tag code -->
<script>
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
// Insert Twitter Pixel ID and Standard Event data below
twq('init','nvkpm');
twq('track','PageView');
</script>
<!-- End Twitter universal website tag code -->

<!-- LinkedIn Tracking Code -->
<script type="text/javascript">
_linkedin_data_partner_id = "19419";
</script><script type="text/javascript">
(function(){var s = document.getElementsByTagName("script")[0];
var b = document.createElement("script");
b.type = "text/javascript";b.async = true;
b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
s.parentNode.insertBefore(b, s);})();
</script>
<!-- End LinkedIn Tracking Code -->


<script type="text/javascript">
	// if the checkout page override the url to not include the order key
	if(document.location.pathname.indexOf('/checkout/thankyou/') > -1) {
		ga('set', 'page', '/checkout/thankyou/');
	}

	ga('send', 'pageview');
</script>
    <!-- Start of LiveChat code -->

  <!-- <script type="text/javascript">
    window.__lc = window.__lc || {};
    window.__lc.license = 7094741;
    (function() {
      var lc = document.createElement('script');
      lc.type = 'text/javascript';
      lc.async = true;
      lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
      var s = document.getElementsByTagName('script')[0];
      s.parentNode.insertBefore(lc, s);
    })();
  </script> -->


  <!-- Signup form for Notify Me buttons -->
  <!-- Begin MailChimp Signup Form -->

<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>

<div class="shadowbox-signup signup-close"></div>
<div id="mc_embed_signup" class="notify-modal">

	<!-- <form action="//rammount.us5.list-manage.com/subscribe/post?u=04510a35aa83858bd36e333f8&amp;id=e91b4a6dc4" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form class="validate" target="_blank" novalidate> -->

	<!-- <form action="/notify" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> -->

	<form action="/notify" method="post" id="notify-subscribe-form" class="validate" novalidate>

	  <div id="mc_embed_signup_scroll">
	    <div class="container">
	      <div class="row">
	        <div class="col-sm-5" id="notify-product-details">
						<a class="block text-center" data-id="" target="blank">
							<div class="product-result" id="notify-selected-sku">
									<div class="not-available">
										<h3>Not Yet Available</h3>
									</div>
								
									<img id="notify-sku-image" src="" class="product-thumbnail" alt="SKU">

									<p class="part-link product-title notify-title card-link-text"></p>

									<p class="sku-link dark-grey card-link-text"></p>
							</div>
						</a>
				  </div>

				  <div class="col-sm-7" id="notify-product-form-fields">
		        <h3 id="notify-product-form-header">Would you like to receive an email notification when this product becomes available?</h3>

				    <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>

			      <div class="mc-field-group">
				      <label for="mce-FNAME">First Name  <span class="asterisk">*</span></label>
				      <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
			      </div>

			      <div class="mc-field-group">
				      <label for="mce-LNAME">Last Name  <span class="asterisk">*</span></label>
				      <input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
			      </div>

			      <div class="mc-field-group">
				      <label for="mce-EMAIL">Email Address  <span class="asterisk">*</span></label>
				      <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
			      </div>

            <br>
            <label for="mce-ALL">Sign up for all current and future product notifications?</label>
            <input type="checkbox" name="ALL" value="true" id="mce-ALL" class="notify-signup-all">

			      <div>
			      	<input type="hidden" name="PARTS" value="" id="mce-PARTS" aria-hidden="true" aria-label="Parts">
			      </div>

				    <div id="mce-responses" class="clear">
					    <div class="response" id="mce-error-response" style="display:none"></div>
					    <div class="response" id="mce-success-response" style="display:none"></div>
				    </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->

			      <div style="position: absolute; left: -5000px;" aria-hidden="true">
			        <input type="text" name="b_04510a35aa83858bd36e333f8_e91b4a6dc4" tabindex="-1" value="" aria-hidden="true" aria-label="Recaptcha">
			      </div>
		      </div>

          <div class="col-sm-7 col-sm-offset-5">
            <div class="clear">
              <br>
							<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="notify-submit">
			      </div>
		      </div>
		    </div>
		  </div>
    </div>
	</form>
</div>

<!-- <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>

<script type='text/javascript'>
  (function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[3]='SIGNUP';ftypes[3]='text';}(jQuery));var $mcj = jQuery.noConflict(true);
</script> -->

<!--End mc_embed_signup-->


  <div class="modal fade part-modal" id="add-cart-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h4 class="modal-title" id="myModalLabel">
        <i class="fal fa-check-circle"></i>
        Added to cart
      </h4>
      <div class="container modal-header-content">
        <div class="row">
          <div class="col item-images">
          </div>
        </div>
        <div class="row">
          <div class="col">
            <div class="subtotal">
            </div>
            <a class="btn red-button rounded-button ripple proceed-cart-btn" href="/cart">
              Proceed to Cart <i class="fa fa-shopping-cart" aria-hidden="true"></i>
</a>          </div>
        </div>
      </div>
  </div>

  <div class="modal-body">
  </div>

</div>
  
  <!-- Structured Data -->
  <script type="application/ld+json">[{"@context":"http://schema.org","@type":"Organization","name":"National Products Inc","url":"https://www.rammount.com","logo":"https://www.rammount.com/images/logos/ramsiglogo.png","address":{"@type":"PostalAddress","addressLocality":"Seattle","addressRegion":"WA","postalCode":"98108","streetAddress":"8410 Dallas Avenue South","addressCountry":"US"},"contactPoint":[{"@type":"ContactPoint","telephone":"+1-800-497-7479","contactType":"customer service","contactOption":"TollFree"},{"@type":"ContactPoint","telephone":"+1-206-763-8361","contactType":"customer service"}],"sameAs":["https://www.facebook.com/RAMMOUNT","https://www.instagram.com/rammounts/","https://twitter.com/rammounts","https://www.linkedin.com/company/ram-mounts","https://www.youtube.com/RAMMount"]},{"@context":"http://schema.org","@type":"WebSite","url":"https://www.rammount.com","name":"RAM Mounts","sameAs":["https://www.facebook.com/RAMMOUNT","https://www.instagram.com/rammounts/","https://twitter.com/rammounts","https://www.linkedin.com/company/ram-mounts","https://www.youtube.com/RAMMount"],"creator":{"@type":"Organization","name":"National Products Inc"}}]</script>

  
  <script>
     
    $(function () {

      let vehicleymm = new RamJS.VehicleYrMakeModel(),
        selectYr = $("#vehicle_year"),
        selectMake = $("#vehicle_make"),
        selectModel = $("#vehicle_model"),
        selectedModelsAndMakes = {};

      /**
       * Select options builder
       */
      function buildSelect(selectObj, enumerable) {
        $(selectObj).empty();
        let name = $(selectObj).attr("id");
        let select = (name == "vehicle_year")? "Year" : (name == "vehicle_make")? "Make" : "Model";
        $(selectObj).append('<option value=""> ' + select + ' </option>');
        // $(enumerable).each((i, v) => {
        //   var opt = document.createElement("option");
        //   opt.value = v;
        //   opt.innerHTML = v;
        //   $(selectObj).append(opt);
        // });
        $.each(enumerable, function(i,v){
          var opt = document.createElement("option");
          opt.value = v;
          opt.innerHTML = v;
          $(selectObj).append(opt);
        });
      }

      function resetSelect(selectObj){
        buildSelect(selectObj, []);
        toggleEnable(selectObj, false);
      }



      /**
      * initialize ui
      */
      if(vehicleymm.CreateOrUpdate()){
        $.getJSON("/api/bundles/vehicle-ymm", function(data){
          vehicleymm.SetData(data);
          buildSelect(selectYr, $(vehicleymm.DescendingVehicleYears()));
          resetSelect(selectMake);
          resetSelect(selectModel);
        });  
      } else {
          buildSelect(selectYr, $(vehicleymm.DescendingVehicleYears()));
          resetSelect(selectMake);
          resetSelect(selectModel);
      }

      

      /**
      * Select toggle
      */
      function toggleEnable(target, enable) {
        $(target).prop("disabled", !enable);
      }

      /**
      * Define Events
      */

      $(selectYr).on('change', function () {
        let selectedYr = $(this).val();
        if (selectedYr != "") {
          selectedModelsAndMakes = vehicleymm.GetVehicleMakesByYear(selectedYr, false);
          buildSelect(selectMake, Object.keys(selectedModelsAndMakes));
          toggleEnable(selectMake, true);
          resetSelect(selectModel);
        } else {
          selectedModelsAndMakes = {};
          resetSelect(selectMake);
          resetSelect(selectModel);
        }
      });

      $(selectMake).on('change', function(){
        let selectedMake = $(this).val();
        if (selectedMake != "") {
          buildSelect(selectModel, selectedModelsAndMakes[selectedMake]);
          toggleEnable(selectModel, true);
        } else {
          resetSelect(selectModel);
        }
      });


    })

  </script>


  <script>
    // lazy load images, uses jQuery Lazy plugin
    $(function() {
      $('.lazyload').Lazy();
    });
  </script>

  <script>
      $(function () {
          var links = $('div.slider-inner > ul > li > a');
          $.each(links, function (i, a) {
              $(a).on('click', function () {
                  trackBanner(a.title);
              })
          });
      })

      function trackBanner(title) {
          if (ga) {
              ga('send', 'event', 'Click', 'Home Page Banners', title);
          }
      }

  </script>
  <script>
      $("#mobile_part_search").validate({
          rules: {
              query: {
                  nobracketsValidation: true
              }
          },
          messages: {
              query: {
                  nobracketsValidation: ""
              }
          }
      });


  </script>

  <script>
      $(function () {

          // What enter key in mobile???
          //  End of day, this is really just for dev...
          // =================================
          $("#m_query").on("keyup", function (e) {
              if (e.keyCode == 13) {
                  $("#mobile_part_search").submit();
              }
          });

          $("#mobile_part_search").on('submit', function (e) {
              console.log("triggered mobile form submit");
              var qs = $("#m_query").val().trim();
              console.log("m_query input id is %o", qs);
              if (qs != '') {
                  if ($.inArray(qs.toLowerCase(), ['patent', 'patents', 'trademark', 'trademarks', 'trade mark', 'trade marks', 'ip', 'intellectual', 'intellectual property', 'certification', 'certifications']) > -1) {
                      console.log("found matching override");
                      e.preventDefault();
                      window.location.href = '/legal#patents';
                  }
              }
          });
      });

  </script>
  <script>
      function getFocus(searchbar) {
          $(window).bind('resize', function () {
              $(searchbar).focus();
          });
      }

      $("#part_search").validate({
          rules: {
              query: {
                  nobracketsValidation: true
              }
          },
          messages: {
              query: {
                  nobracketsValidation: ""
              }
          }
      });


      $(function () {
          $("#part_search").on('submit', function (e) {
              console.log("we fired the desktop form!");
              var qs = $("#query").val().trim();
              console.log("input with id query is %o", qs);
              if (qs != '') {
                  if ($.inArray(qs.toLowerCase(), ['patent', 'patents', 'trademark', 'trademarks', 'trade mark', 'trade marks', 'ip', 'intellectual', 'intellectual property', 'certification', 'certifications']) > -1) {
                      console.log("found matching override");
                      e.preventDefault();
                      window.location.href = '/legal#patents';
                  }
              }

          });
      })
  </script>
  <script>
    $('.c-hamburger').on("click",function(){
        $(window).scrollTop(0);
    });
  </script>
  <script type="text/javascript">
    $('#main-nav').stellarNav();
  </script>


  <!-- Crazy Egg -->

  <!-- accessibe.com -->
  <script>(function(document, tag) { var script = document.createElement(tag); var element = document.getElementsByTagName('body')[0]; script.src = 'https://acsbap.com/apps/app/assets/js/acsb.js'; script.async = true; script.defer = true; (typeof element === 'undefined' ? document.getElementsByTagName('html')[0] : element).appendChild(script); script.onload = function() { acsbJS.init({ statementLink : '', feedbackLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, language : 'en', position : 'right', leadColor : '#146FF8', triggerColor : '#146FF8', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'default', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 0, triggerOffsetY : 0, triggerRadius : '50%' } }); };}(document, 'script'));</script>

  <!-- 
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5952764adc02e667"></script>
  -->


<script>
  //Premier Partner Script
  $(function(){
    var pp_container = $("#pp-container");
    if( pp_container &&  /Android|webOS|iPhone|BlackBerry/i.test(navigator.userAgent) ) {
      $(pp_container).css({"max-height": "135px"});
      $(".premier-partner").slideDown(800);
    } else {
      $(".premier-partner").slideDown(800);
    }
  })

  // Screen reader fix for sliders: https://github.com/kenwheeler/slick/issues/1937
  $(function() {
    if ($('.slick-list').length > 0) {
      $('.slick-list')
        .focusin(function() {
            $(this).attr('aria-live', 'polite');
        })
        .focusout(function() {
            $(this).removeAttr('aria-live');
        });
    }
  })
</script>

<!-- Custom section -->



</body>
</html>
