@font-face {
  font-family: poppingsregular;
  src: url('../fonts/Poppins-Regular.ttf');
}

@font-face {
  font-family: poppingssemibold;
  src: url('../fonts/Poppins-SemiBold.ttf');
}

* {
  margin: 0;
  padding: 0;
  font-family: poppingsregular;
  outline: none!important;
  color: #4d4d4d;
}

html {
  overflow: hidden;
  height: 100%;
  /* scroll-behavior: smooth; */
}

body {
  overflow-x: hidden;

  height: 100%;
  overflow-y: scroll;
  position: relative;
}



.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 1.09vw;
  padding-left: 1.09vw;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  padding-right: 1.09vw;
  padding-left: 1.09vw;
}

.primary-bg { background-color: #4d4d4d !important; }
.secondary-bg { background-color: #fd7500 !important; }
.white-text { color: #ffffff !important; }
.grey-text { color: #808080 !important; }
.secondary-text { color: #fd7500 !important; }
.primary-text { color: #4d4d4d !important; }
.link-text { color: #221AEF !important; }


/* Navbar & header */

.navbar {
  margin-bottom: 0px;
}

.navbar-header {
  float: none;
}

.navbar-inverse {
  background: none;
  border: none;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
  color: #fff;
  background-color: transparent;
}

.navbar.solid {
  background-color: #4d4d4d;
  transition: background-color 1s ease 0s;
}

.navbar-brand {
  transition: all 0.5s;
  margin-left: 2.19vw;
}

.dropdown-menu a:focus { background-color: #f2f2f2 !important; }

.dropdown-menu { left: unset; }
.dropdown-item { padding-left: 10px !important; padding-right: 10px !important;}
.dropdown:hover .dropdown-menu { display: block; }
.dropdown-toggle::after { display: none; }  
/*Hide down arrow.*/

.navbar-inverse .navbar-nav>li>a {
  color: #fff;
}

.navbar-inverse .navbar-toggle {
  border-color: #fd7500;
  background-color: #fd7500;
  right: 15px;
}

.main-header {
  position: fixed;
  width: 100%;
  height: 80px;
  margin: 0 auto;
  z-index: 1000;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

.caret {
  color: white;
}

/* Scroll */
.scrolled {
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}

/* Header Menu */
#menu-wrapper {
  background-color: #4d4d4d;
}

.menu-first ul li {
  margin: 0px;
}

.menu-first ul li:last-child {
  margin-right: 4.39vw!important;
}

.menu-first {
  margin-left: 0px;
}

.menu-first li a {
  color: #7a7a7a;
  font-size: 14px;
  font-weight: 300;
  text-shadow: none;
  display: inline-block;
  line-height: 80px;
  padding: 0px 20px;
  letter-spacing: 0.5px;
  transition: all 0.5s;
  outline: none;
}

.menu-first ul li.active a {
  color: #fff;
  background-color: #fd7500;
}

.wrapper {
  text-align: left;
}

.menu-item-padding {
  padding-left: 2.19vw !important;
  padding-right: 2.19vw !important;
}

.nav-link-p {
  padding-left: 2.92vw !important;
  padding-right: 2.92vw !important;
}

/* Tabgroup */
.tabgroup .text-content  {
  background-color: #fff;
  color: #fff;
  padding: 25px;
  text-align: left;
  margin-top: -10px;
  margin-left: 0.73vw;
  margin-right: 0.73vw;
  position: relative;
  box-shadow: 0px 0px 10px #cdcdcd;
}

.tabgroup .text-content h4 {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #121212;
  margin-top: 0px;
  margin-bottom: 1.09vw;
}

.tabgroup .text-content span {
  font-size: 13px;
  color: #33c1cf;
}

.tabgroup .text-content a {
  font-size: 13px;
  color: #33c1cf;
  text-decoration: none;
}

.tabgroup .text-content p {
  margin-top: 1.24vw;
  color: #7a7a7a;
}

.tabgroup .text-content .primary-button {
  margin-bottom: 1.09vw;
  margin-top: 2.19vw;
}

.tabgroup .text-content .primary-button a {
  color: #fff;
}

/* COntact US */

#contact input {
  border-radius: 10px;
  padding-left: 1.09vw;
  font-size: 12px;
  font-weight: 300;
  color: grey;
  background-color: #fff;
  outline: none;
  box-shadow: none;
  line-height: 35px;
  height: 35px;
  width: 100%;
  margin-bottom: 0.73vw;
}

#contact textarea {
  border-radius: 10px;
  padding-left: 1.09vw;
  padding-top: 0.73vw;
  font-size: 12px;
  font-weight: 300;
  outline: none;
  color: grey;
  background-color: #fff;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px;
}

#contact button {
  padding: 8px 20px;
  letter-spacing: 0.5px;
  background-color: #fd7500;
  color: #fff;
  text-decoration: none;
  border-radius: 10px;
  font-size: 14px;
}

/* Scroll Top */
#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  color: #fd7500;
  top: 5px;
}

/* Utility */
.noPadding { padding: 0px !important; }
.noPaddingTop { padding-top: 0px !important; }
.image-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.text-center { text-align: center; }
.pointer { cursor: pointer; }
.lh25 { line-height: 25px !important; }
.w100 { width: 100% !important; }
.fl { float: left !important; }
.ls1 { letter-spacing: 1px; }

/* Margins */
.m0 { margin: 0px; }
.mt0 { margin-top: 0px; }
.ml0 { margin-left: 0px; }
.mr0 { margin-right: 0px; }
.mb0 { margin-bottom: 0px; }

.mt10 { margin-top: 10px }
.mb10 { margin-bottom: 10px; }

.mb10px { margin-bottom: 10px; }

.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.mt25 { margin-top: 25px; }

.mt30 { margin-top: 2.19vw; }
.mb30 { margin-bottom: 2.19vw; }
.ml30 {margin-left:2.19vw !important;}
.mr30 {margin-right:2.19vw !important;}

.mt40 { margin-top: 2.92vw; }
.mb40 { margin-bottom: 2.92vw; }
.ml40 { margin-left: 2.92vw; }

.mb100 { margin-bottom: 7.32vw;}

/* Paddings */
.p0 { padding: 0px; }
.pt0 { padding-top: 0px; }
.pl0 { padding-left: 0px !important; }
.pr0 { padding-right: 0px; }
.pb0 { padding-bottom: 0px; }

.pl5 { padding-left: 0.36vw !important; }
.pr5 { padding-right: 0.36vw !important; }

.pl9 { padding-left: 0.65vw !important; }
.pr9 { padding-right: 0.65vw !important; }

.pl10 { padding-left: 0.73vw !important; }
.pr10 { padding-right: 0.73vw !important; }
.pt10 { padding-top: 0.73vw; }
.pb10 { padding-bottom: 0.73vw; }

.pt20 { padding-top: 1.46vw; }
.pb20 { padding-bottom: 1.46vw; }
.pl20 {padding-left: 1.46vw;}
.pr20 {padding-right: 1.46vw;}

.pt30 { padding-top: 2.19vw; }
.pb30 { padding-bottom: 2.19vw; }
.pl30 {padding-left: 2.19vw;}
.pr30 {padding-right: 2.19vw;}

.pt40 { padding-top: 2.92vw; }
.pb40 { padding-bottom: 2.92vw; }
.pl40 {padding-left: 2.92vw;}
.pr40 {padding-right: 2.92vw;}

.pl50 {padding-left: 3.66vw;}
.pr50 {padding-right: 3.66vw;}
.pb50 { padding-bottom: 3.66vw; }
.pt50 { padding-top: 3.66vw; }

.pl35 {padding-left: 2.56vw;}
.pr35 {padding-right: 2.56vw;}

.pl80 {padding-left: 5.12vw;}
.pr80 {padding-right: 5.12vw;}

.pl100 { padding-left: 7.32vw; }
.pr100 { padding-right: 7.32vw; }

.pl130 {padding-left: 9.51vw;}
.pr140 { padding-right: 10.24vw; }

.pl110 { padding-left: 8vw; }
.pr110 { padding-right: 8vw; }
.pl60 { padding-left: 4.4vw; }
.pr60 { padding-right: 4.4vw; }

.col-pl5 { padding-left: 0.36vw !important; }
.col-pr5 { padding-right: 0.36vw !important; }


#sdks .mb20 { margin-bottom: 15px; }
#sdks .mt20 { margin-top: 20px; }
#developer-program .mb20 { margin-bottom: 15px; }
#developer-program .mt20 { margin-top: 20px; }

.bullet-car {
  width: 30px;
  height: auto;
  padding-right: 0.36vw;
}
.footer-icon { width: 24px; height: auto; padding-right: 5px; }

.dev-api-sdk-col {
  padding-left: 5vw;
  padding-right: 5vw;
}
.dev-api-sdk-col-middle {
  padding-left: 6vw;
  padding-right: 6vw;
}
.dev-partner-col {
  padding-left: 6vw;
  padding-right: 6vw; 
}

/* Card */

.rounded-card {
  border-radius: 20px !important;
  border: 1px solid #b3b3b3 !important;
}

.product-card-parent {
  padding-left: 2.19vw;
  padding-right: 2.19vw;
}

.product-card {
  padding-left: 1.46vw;
  padding-right: 1.46vw;
  padding-top: 1.46vw;
  padding-bottom: 1.46vw;
  cursor: pointer;
}

.solution-card {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2vw;
  padding-bottom: 2vw;
  cursor: pointer;
}

.developer-card-parent {
  padding-left: 2.19vw;
  padding-right: 2.19vw;
  margin-top: 2.92vw;
}

.developer-card {
  padding-left: 3.1vw;
  padding-right: 3.1vw;
  padding-top: 1vw;
  padding-bottom: 1vw;
  cursor: pointer;
}

.card-top { height: 25% !important; display: flex; padding-bottom: 10px; }
.card-top span { align-self: flex-end; }
.p-card-body { height: 50% !important; }
.card-bottom { height: 25% !important; padding-top: 10px; }
#solutions .p-card-body { height: 80% !important; }
#solutions .card-bottom { height: 20% !important; padding-top: 10px; }
#developers .p-card-body { height: 60% !important; }
#developers .card-bottom { height: 40% !important; padding-top: 10px; }

.card-h-330 {
  height: 330px;
}
.card-h-230 {
  height: 230px;
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.rounded-card-rectangle {
  border-radius: 40px;
  border: 1px solid #b3b3b3;
  padding-top: 1.46vw;
  padding-bottom: 1.46vw;
  padding-left: 1.46vw;
  padding-right: 1.46vw;
  width: 320px;
  margin: auto;
}

/* Divider */
.divider {
  display: flex;
  align-items: center;
  text-align: center;
  color: #4d4d4d;
}

.divider::after{
  content: "";
  border: 1px solid #e6e6e6;
  flex: 1;
}

.divider:not(:empty)::after {
  margin-left: 0.5em;
}

/* Custom List */
.custom-ul {
  display: block;
  list-style-type: disc;
  margin-top: 1em;
  margin-bottom: 1 em;
  margin-left: 0;
  margin-right: 0;
  padding-left: 2.92vw;
}
ul.email-icon { list-style-image: url('../img/email_black_24dp.svg'); }
ul.phone-icon { list-style-image: url('../img/call_black_24dp.svg'); }
ul.location-icon { list-style-image: url('../img/place_black_24dp.svg'); }
ul.car-icon { list-style-image: url('../img/Bullet.png'); }


/* Images */
.header-logo { height : 4.24vw; width: auto; }
.developer-api-img { height: 7.81vw; width: auto; max-width: 95% }
.developer-sdk-img { height: 9.76vw; width: auto; max-width: 95% }
.solution-automakers-img { height: 15.62vw; width: auto; }
.solution-dealers-img { height: 14.64vw; width: auto; }
.solution-fleet-img { height: 16.60vw; width: auto; }
.products-connected-img { height: 27.34vw; width: auto; }
.products-api-img { height: 15.62vw; width: auto; }
.products-prebuilt-img { height: 13.18vw; width: auto; padding-left: 10vw; }
.products-fully-img { height: 18.55vw; width: auto; }
.products-fleet-mobility-img { height: 26.85vw; width: auto; }
.products-programmable-img { height: 12.20vw; width: auto;  }
.products-expandable-img { height: 13.18vw; width: auto; padding-left: 10vw;  }
.products-precise-img { height: 14.16vw; width: auto; }
.products-fleet-management-img { height: 20vw; width: auto; }
.products-vehicle-driver-img { height: 14.64vw; width: auto; }
.products-advanced-img { height: 13.18vw; width: auto; padding-left: 10vw; }
.products-workflow-img { height: 13.18vw; width: auto; }
.home-mobility-img { height: 20.99vw; width: auto; }
.home-products-connected-img { height: 9.76vw; width: auto; max-width: 95% }
.home-products-fleet-mobility-img { height: 9.76vw; width: auto; max-width: 95% }
.home-prodcts-fleet-management-img { height: 9.76vw; width: auto; max-width: 95% }
.home-solutions-automakeers-img { height: 7.8vw; width: auto; max-width: 95% }
.home-solutions-dealers-img { height: 11.42vw; width: auto; max-width: 95% }
.home-solutions-fleets-img { height: 11.42vw; width: auto; max-width: 95% }
.home-developers-api-img { height: 11.5vw; width: auto; max-width: 95% }
.home-developers-sdk-img { height: 11.5vw; width: auto; max-width: 95% }
.home-developers-connector-img { height: 11.5vw; width: auto; max-width: 95% }

/* Page Spacings */
.page-main-heading-mt {  margin-top: 5.12vw; }
.divider-margin { margin-top: 4.39vw; margin-bottom: 4.39vw; }
.page-end-pb { padding-bottom: 8.78vw; }
.footer-mt { padding-top: 2.5vw; }

/* Fonts */
.popins-semi-bold { font-family: poppingssemibold !important; }
.bf { font-weight: bold; }
.f16 { font-size: 0.80vw; }
.f20 { font-size: 1.02vw; }
.f22 { font-size: 1.13vw; }
.f24 { font-size: 1.24vw; }
.f28 { font-size: 1.46vw; }
.f30 { font-size: 1.53vw !important; }
.f80 { font-size: 3.6vw; }

.txt-justify-center { text-align: justify; text-align-last: center; }

.footer-add-txt-p { padding-left: 26px; }

.vdl-p { padding-left: 16vw; }
.avd-p { padding-right: 4vw; }
.wo-p { padding-left: 16vw; }

#cusotm-rentals .vdl-p { padding-left: 16vw; }
#channel-framework .avd-p { padding-right: 4vw; }
#insight-metrics .wo-p { padding-left: 16vw; }
 
#api-connections .vdl-p { padding-left: 16vw; }
#prebuit-services .avd-p { padding-right: 4vw; }
#managed-integrations .wo-p { padding-left: 16vw; }

.contact-us-top-txt { font-size: 18px; }
.ml-10px { margin-left: 10px; }

.bullet-section { right: 30px; line-height: 1.7; }
.pr-30px { padding-right: 55px; }


.contact-us-top-txt { font-size: 13px; padding-left: 0px; }
#contact-us .f20 { font-size: 10px; }
#contact-us .f22 { font-size: 11px; }
#contact-us .f24 { font-size: 12px; }
#contact-us .f30 { font-size: 14px !important; }
#contact-us .mt30 { margin-top: 20px; }

#contact-us form { width: 75%; }

.footer-logo { width: 7.35vw; }









/* --------------------------------Responsive Added 18px in all breakpoints to adjust for scroll width-------------------------------------- */

/* Large desktops and laptops */
@media screen and (min-width: 1200px) {
  .container {
    max-width: 90% !important;
  }
}


/* Landscape tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {

  .developer-card {
    padding-left: 3.8vw;
    padding-right: 3.8vw;
  }

  .dev-link { margin-top: 1vw; }

  #contact-us .pl-35px { padding-left: 25px !important; }
  .ml-10px { margin-left: 20px; }

  .vdl-p { padding-left: 9vw; }
  .avd-p { padding-right: 5vw; }
  .wo-p { padding-left: 9vw; }

  #cusotm-rentals .vdl-p { padding-left: 9vw; }
  #channel-framework .avd-p { padding-right: 5vw; }
  #insight-metrics .wo-p { padding-left: 9vw; }
 
  #api-connections .vdl-p { padding-left: 9vw; }
  #prebuit-services .avd-p { padding-right: 5vw; }
  #managed-integrations .wo-p { padding-left: 9vw; }

  .pl130 { padding-left: 7vw; }

  .f16 { font-size: 0.90vw; }
  .f20 { font-size: 1.10vw; }
  .f22 { font-size: 1.2vw; }
  .f24 { font-size: 1.34vw; }
  .f28 { font-size: 18px; }
  .f30 { font-size: 1.63vw !important; }
  .f80 { font-size: 3.7vw; }

  .contact-us-top-txt { font-size: 13px; padding-left: 0px; }
  #contact-us .f20 { font-size: 10px; }
  #contact-us .f22 { font-size: 11px; }
  #contact-us .f24 { font-size: 12px; }
  #contact-us .f30 { font-size: 14px !important; }
  #contact-us .mt30 { margin-top: 20px; }

  .header-logo { height : 4.34vw; width: auto; }
  .developer-api-img { height: 7.91vw; width: auto; }
  .developer-sdk-img { height: 9.86vw; width: auto; }
  .solution-automakers-img { height: 15.72vw; width: auto; }
  .solution-dealers-img { height: 14.74vw; width: auto; }
  .solution-fleet-img { height: 16.70vw; width: auto; }
  .products-connected-img { height: 27.44vw; width: auto; }
  .products-api-img { height: 15.72vw; width: auto; }
  .products-prebuilt-img { height: 13.28vw; width: auto; padding-left: 3vw; }
  .products-fully-img { height: 18.65vw; width: auto; }
  .products-fleet-mobility-img { height: 26.95vw; width: auto; }
  .products-programmable-img { height: 12.30vw; width: auto; }
  .products-expandable-img { height: 13.28vw; width: auto; padding-left: 3vw; }
  .products-precise-img { height: 14.26vw; width: auto; }
  .products-fleet-management-img { height: 22.56vw; width: auto; }
  .products-vehicle-driver-img { height: 14.74vw; width: auto; }
  .products-advanced-img { height: 13.28vw; width: auto; padding-left: 3vw; }
  .products-workflow-img { height: 13.28vw; width: auto; }
  .home-mobility-img { height: 21.00vw; width: auto; }
  .home-products-connected-img { height: 9.86vw; width: auto; }
  .home-products-fleet-mobility-img { height: 9.86vw; width: auto; }
  .home-prodcts-fleet-management-img { height: 9.86vw; width: auto; }
  .home-solutions-automakeers-img { height: 8vw; width: auto; }
  .home-solutions-dealers-img { height: 11.42vw; width: auto; }
  .home-solutions-fleets-img { height: 11.42vw; width: auto; }
  .home-developers-api-img { height: 11.5vw; width: auto; }
  .home-developers-sdk-img { height: 11.5vw; width: auto; }
  .home-developers-connector-img { height: 11.5vw; width: auto; }
}

/* Landscape tablets and medium desktops */
@media screen and (min-width: 1050px) and (max-width: 1199px) {
  .bullet-section { right: 30px; }
  .pr-30px { padding-right: 20px; }
  .products-fleet-management-img { height: 21vw; }
  .developer-card { padding-left: 30px; padding-right: 30px; }
}

/* Landscape tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1049px) {
  .bullet-section { right: 20px; }
  .pr-30px { padding-right: 35px; }
  .products-fleet-management-img { height: 20vw; }
  .bullet-section .mb20 { margin-bottom: 12px; }

  .vdl-p { padding-left: 11vw; }
  .wo-p { padding-left: 11vw; }
  .products-advanced-img { height: 13.18vw; padding-left: 5vw; }

  #cusotm-rentals .vdl-p { padding-left: 11vw; }
  #insight-metrics .wo-p { padding-left: 11vw; }
  .products-prebuilt-img { height: 13.18vw; padding-left: 5vw; }

  #api-connections .vdl-p { padding-left: 11vw; }
  #managed-integrations .wo-p { padding-left: 11vw; }
  .products-expandable-img { height: 13.18vw; padding-left: 5vw; }

  .developer-card { padding-left: 35px; padding-right: 35px; }
}

/* Portrait tablets and small desktops */
@media screen and (min-width: 768px) and (max-width: 991px) {

  .container, .container-md, .container-sm {
    width: 96% !important;
    max-width: 96% !important;
  }

  .bullet-section .mb20 { margin-bottom: 12px; }

  .dev-link { margin-top: 1.2vw; }
  
  .contact-us-top-txt { font-size: 1.5vw; padding-left: 0px; }
  #contact-us .m-minus6 { margin-left: -6px; margin-right: -6px; }

  .bullet-car { width: 25px; }
  .footer-icon { width: 20px; height: auto; }
  .footer-add-txt-p { padding-left: 22px; }

  #developers .p-card-body { height: 55% !important; }
  #developers .card-bottom { height: 45% !important; padding-top: 10px; }

  .vdl-p { padding-left: 10vw; }
  .avd-p { padding-right: 4vw; }
  .wo-p { padding-left: 10vw; }

  #cusotm-rentals .vdl-p { padding-left: 10vw; }
  #channel-framework .avd-p { padding-right: 4vw; }
  #insight-metrics .wo-p { padding-left: 10vw; }
  
  #api-connections .vdl-p { padding-left: 10vw; }
  #prebuit-services .avd-p { padding-right: 4vw; }
  #managed-integrations .wo-p { padding-left: 10vw; }

  #fleet-management-platform .pl130 { padding-left: 11vw; }
  #fleet-management-platform .pr50 { padding-right: 2vw; }
  #fleet-mobility-platform .pl130 { padding-left:11vw; }
  #fleet-mobility-platform .pr50 { padding-right: 2vw; }
  #connected-vehicle-platform .pl130 { padding-left: 11vw; }
  #connected-vehicle-platform .pr50 { padding-right: 2vw; } 

  .f16 { font-size: 1.10vw; }
  .f20 { font-size: 1.30vw; }
  .f22 { font-size: 1.4vw; }
  .f24 { font-size: 1.54vw; }
  .f28 { font-size: 1.85vw; }
  .f30 { font-size: 1.83vw !important; }
  .f80 { font-size: 3.90vw; }

  .contact-us-top-txt { font-size: 13px; padding-left: 0px; }
  #contact-us .f20 { font-size: 10px; }
  #contact-us .f22 { font-size: 11px; }
  #contact-us .f24 { font-size: 12px; }
  #contact-us .f30 { font-size: 14px !important; }
  #contact-us .mt30 { margin-top: 20px; }
  #contact-us form { width: 85%; }

  .footer-logo { width: 7.35vw; }

  #sol-card .f22 { font-size: 1.34vw; }

  .header-logo { height : 4.74vw; width: auto; }
  .developer-api-img { height: 8.31vw; width: auto; }
  .developer-sdk-img { height: 10.26vw; width: auto; }
  .solution-automakers-img { height: 20.12vw; width: auto; }
  .solution-dealers-img { height: 18.14vw; width: auto; }
  .solution-fleet-img { height: 22.1vw; width: auto; }
  .products-connected-img { height: 27.84vw; width: auto; }
  .products-api-img { height: 16.12vw; width: auto; }
  .products-prebuilt-img { height: 13.68vw; width: auto; padding-left: 4vw; }
  .products-fully-img { height: 19.05vw; width: auto; }
  .products-fleet-mobility-img { height: 27.35vw; width: auto; }
  .products-programmable-img { height: 12.70vw; width: auto; }
  .products-expandable-img { height: 13.68vw; width: auto; padding-left: 4vw; }
  .products-precise-img { height: 14.66vw; width: auto; }
  .products-fleet-management-img { height: 22.96vw; width: auto; }
  .products-vehicle-driver-img { height: 15.04vw; width: auto; }
  .products-advanced-img { height: 13.68vw; width: auto; padding-left: 4vw; }
  .products-workflow-img { height: 13.68vw; width: auto; }
  .home-mobility-img { height: 21.40vw; width: auto; }
  .home-products-connected-img { height: 10.26vw; width: auto; }
  .home-products-fleet-mobility-img { height: 10.26vw; width: auto; }
  .home-prodcts-fleet-management-img { height: 10.26vw; width: auto; }
  .home-solutions-automakeers-img { height: 8vw; width: auto; }
  .home-solutions-dealers-img { height: 11.82vw; width: auto; }
  .home-solutions-fleets-img { height: 11.82vw; width: auto; }
  .home-developers-api-img { height: 12.26vw; width: auto; }
  .home-developers-sdk-img { height: 12.26vw; width: auto; }
  .home-developers-connector-img { height: 12.26vw; width: auto; }
}

/* Landscape phones and portrait tablets */
@media screen and (max-width: 767px) {

  .nav-link-p { padding-left: 8px !important; padding-right: 8px !important; }
  .navbar-brand .f30 { font-size: 14px !important; }
  .nav-item .f24 { font-size: 11px !important; margin-top: 1px !important; }
  .dropdown-menu .f16 { font-size: 10px !important; }

  #contact-us .col-sm-6 { padding-left: 15px !important; padding-right: 15px !important; }
  #contact-us .col-sm-12 { padding-left: 0px !important; padding-right: 5px !important; }

  .container, .container-sm {
    width: 96% !important;
    max-width: 96% !important;
  }
  .contact-us-top-txt { font-size: 11px; padding-left: 0px; }

  .bullet-section .mb20 { margin-bottom: 7px; }

  .card-top { height: 28% !important; }
  .p-card-body { height: 44% !important; }
  .card-bottom { height: 28% !important; padding-top: 10px; }
  #solutions .p-card-body { height: 70% !important; }
  #solutions .card-bottom { height: 30% !important; padding-top: 10px; }
  #developers .p-card-body { height: 50% !important; }
  #developers .card-bottom { height: 50% !important; padding-top: 10px; }

  .dev-api-sdk-col { padding-left: 4vw;  padding-right: 4vw; }

  .dev-link { margin-top: 2.25vw; }

  .bullet-car { width: 25px; }
  .footer-icon { width: 17px; height: auto; }
  .footer-add-txt-p { padding-left: 20px; }

  .product-card {
    padding-left: 0.8vw;
    padding-right: 0.8vw;
  }

  #products .pl50 { padding-left: 0px; }
  #products .pr50 { padding-right: 0px; }
  #solutions .pl50 { padding-left: 0px; }
  #solutions .pr50 { padding-right: 0px; }
  #developers .pl50 { padding-left: 0px; }
  #developers .pr50 { padding-right: 0px; }
  #sdks .pl50 { padding-left: 0px; }
  #sdks .pr50 { padding-right: 0px; }
  #developer-program .pl50 { padding-left: 0px; }
  #developer-program .pr50 { padding-right: 0px; }
  #dealers .pl50 { padding-left: 0px; }
  #dealers .pr50 { padding-right: 0px; }
  #fleet-beta .pl50 { padding-left: 0px; }
  #fleet-beta .pr50 { padding-right: 0px; }

  #fleet-management-platform .pt30 { padding-top: 0px; }
  .vdl-p { padding-left: 6vw; }
  .avd-p { padding-right: 5vw; }
  .wo-p { padding-left: 6vw; }

  #fleet-mobility-platform .pt30 { padding-top: 0px; }
  #cusotm-rentals .vdl-p { padding-left: 6vw; }
  #channel-framework .avd-p { padding-right: 5vw; }
  #insight-metrics .wo-p { padding-left: 6vw; }

  #connected-vehicle-platform .pt30 { padding-top: 0px; }
  #api-connections .vdl-p { padding-left: 6vw; }
  #prebuit-services .avd-p { padding-right: 5vw; }
  #managed-integrations .wo-p { padding-left: 6vw; }


  #vehicle-tracking .pr100 { padding-right: 0px; }
  #vehicle-tracking .pl100 { padding-left: 0px; }
  #vehicle-diagnostics .pr100 { padding-right: 0px; }
  #vehicle-diagnostics .pl100 { padding-left: 0px; }
  #workflow-orchestration .pr100 { padding-right: 0px; }
  #workflow-orchestration .pl100 { padding-left: 0px; }

  #cusotm-rentals .pr100 { padding-right: 0px; }
  #cusotm-rentals .pl100 { padding-left: 0px; }
  #channel-framework .pr100 { padding-right: 0px; }
  #channel-framework .pl100 { padding-left: 0px; }
  #insight-metrics .pr100 { padding-right: 0px; }
  #insight-metrics .pl100 { padding-left: 0px; }

  #api-connections .pr100 { padding-right: 0px; }
  #api-connections .pl100 { padding-left: 0px; }
  #prebuit-services .pr100 { padding-right: 0px; }
  #prebuit-services .pl100 { padding-left: 0px; }
  #managed-integrations .pr100 { padding-right: 0px; }
  #managed-integrations .pl100 { padding-left: 0px; }

  #contact-us .f22 { font-size: 10px; }
  #contact-us .col-pl5 { padding-left: 5px !important; }
  #contact-us .col-pr5 { padding-right: 5px !important; margin-left: -3vw; }
  #contact-us .container { padding-left: 10px; padding-right: 15px; }
  #contact-us .f24 { font-size: 11px; }
  #contact-us .m-minus6 { margin-left: -6px; margin-right: -20px; }
  #contact-us .ml-10px { margin-left: 0px; }
  #contact-us .mt30 { margin-top: 20px; }
  #contact-us form { width: 100%; }

  .f16 { font-size: 1.4vw; }
  .f20 { font-size: 1.6vw; }
  .f22 { font-size: 1.65vw; }
  .f24 { font-size: 1.7vw; }
  .f28 { font-size: 1.95vw; }
  .f30 { font-size: 2.13vw !important; }
  .f80 { font-size: 4.10vw; }

  .header-logo { height : 5.44vw; width: auto; }
  .developer-api-img { height: 9.01vw; width: auto; }
  .developer-sdk-img { height: 10.96vw; width: auto; }
  .solution-automakers-img { height: auto; width: 55%; }
  .solution-dealers-img { height: auto; width: 55%; }
  .solution-fleet-img { height: auto; width: 50%; }
  .products-connected-img { height: 28.54vw; width: auto; }
  .products-api-img { height: 18.82vw; width: auto; }
  .products-prebuilt-img { height: 18.38vw; width: auto; padding-left: 0px; }
  .products-fully-img { height: 20.75vw; width: auto; }
  .products-fleet-mobility-img { height: 28.05vw; width: auto; }
  .products-programmable-img { height: 14.40vw; width: auto;  }
  .products-expandable-img { height: 13.38vw; width: auto; padding-left: 0px;  }
  .products-precise-img { height: 16.36vw; width: auto; }
  .products-fleet-management-img { height: 23.66vw; width: auto; }
  .products-vehicle-driver-img { height: 18.74vw; width: auto; }
  .products-advanced-img { height: 18.38vw; width: auto; padding-left: 0px; }
  .products-workflow-img { height: 18.38vw; width: auto; }
  .home-mobility-img { height: 22.10vw; width: auto; }
  .home-products-connected-img { height: 12.5vw; width: auto; }
  .home-products-fleet-mobility-img { height: 12.5vw; width: auto; }
  .home-prodcts-fleet-management-img { height: 12.5vw; width: auto; }
  .home-solutions-automakeers-img { height: 9.52vw; width: auto; }
  .home-solutions-dealers-img { height: 12.52vw; width: auto; }
  .home-solutions-fleets-img { height: 12.52vw; width: auto; }
  .home-developers-api-img { height: 13.96vw; width: auto; }
  .home-developers-sdk-img { height: 13.96vw; width: auto; }
  .home-developers-connector-img { height: 13.96vw; width: auto; }
}

/* Portrait phones and smaller */
@media screen and (max-width: 576px) {
  .container, .container-sm {
    width: 96% !important;
    max-width: 96% !important;
  }

  .bullet-car { width: 25px; }

  #products .container { padding-left: 15px; padding-right: 15px; }
  #products .h-100 { height: auto !important; }
  .product-card-parent { padding-left: 0px; padding-right: 0px; }
  .product-card { padding: 10px; width: 60%; margin: auto; }
  #solutions .container { padding-left: 15px; padding-right: 15px; }
  #solutions .h-100 { height: auto !important; }
  .solution-card { padding: 10px; width: 75%; margin: auto; }
  #developers .container { padding-left: 15px; padding-right: 15px; }
  #developers .h-100 { height: auto !important; }
  .developer-card-parent { padding-left: 0px; padding-right: 0px; }
  .developer-card { padding: 10px; width: 60%; margin: auto; }
  .developer-card-parent { margin-top: 25px; }
  #solutions .mt40 { margin-top: 25px; }
  #products .mt40 { margin-top: 25px; }

  .card-top { padding-bottom: 0px; }
  .card-bottom { padding-top: 0px; }
  #solutions .card-bottom { padding-top: 0px; }
  #developers .card-bottom { padding-top: 0px; }

  .page-main-heading-mt {  margin-top: 30px; }
  .page-end-pb { padding-bottom: 50px; }
  .footer-mt { padding-top: 0px; }

  .dev-link { margin-top: 0px !important; padding-top: 0px !important; }

  #sdks .mb20 { margin-bottom: 12px; }
  #sdks .mt20 { margin-top: 10px; }
  #developer-program .mb20 { margin-bottom: 12px; }
  #developer-program .mt20 { margin-top: 10px; }
  .dev-partner-col .mb30 { margin-bottom: 12px; }

  .dev-api-sdk-col { padding-left: 15px; padding-right: 15px; margin-top: 25px !important; }
  .dev-api-sdk-col-middle { padding-left: 15px; padding-right: 15px; margin-top: 25px !important;  }
  .dev-partner-col { padding-left: 25px; padding-right: 25px; margin-top: 25px !important; }

  #partners .pl50 { padding-left: 0px !important; }
  #partners .pr50 { padding-right: 0px !important; }

  #fleet-management-platform .pl130 { padding-left: 0px; }
  #fleet-management-platform .pr50 { padding-right: 0px; }
  #fleet-management-platform .pt30 { padding-top: 0px; }
  #fleet-mobility-platform .pl130 { padding-left: 0px; }
  #fleet-mobility-platform .pr50 { padding-right: 0px; }
  #fleet-mobility-platform .pt30 { padding-top: 0px; }
  #connected-vehicle-platform .pl130 { padding-left: 0px; }
  #connected-vehicle-platform .pr50 { padding-right: 0px; }
  #connected-vehicle-platform .pt30 { padding-top: 0px; }

  #vehicle-tracking .pr100 { padding-right: 0px; }
  #vehicle-tracking .pl100 { padding-left: 0px; }
  #vehicle-diagnostics .pr100 { padding-right: 0px; }
  #vehicle-diagnostics .pl100 { padding-left: 0px; }
  #workflow-orchestration .pr100 { padding-right: 0px; }
  #workflow-orchestration .pl100 { padding-left: 0px; }

  #cusotm-rentals .pr100 { padding-right: 0px; }
  #cusotm-rentals .pl100 { padding-left: 0px; }
  #channel-framework .pr100 { padding-right: 0px; }
  #channel-framework .pl100 { padding-left: 0px; }
  #insight-metrics .pr100 { padding-right: 0px; }
  #insight-metrics .pl100 { padding-left: 0px; }

  #api-connections .pr100 { padding-right: 0px; }
  #api-connections .pl100 { padding-left: 0px; }
  #prebuit-services .pr100 { padding-right: 0px; }
  #prebuit-services .pl100 { padding-left: 0px; }
  #managed-integrations .pr100 { padding-right: 0px; }
  #managed-integrations .pl100 { padding-left: 0px; }


  #contact { padding-right: 15px ;}
  #contact-us .mb20 { margin-bottom: 10px;}
  #contact-us .mt30 { margin-top: 10px; }
  #contact-us .f22 { font-size: 2.55vw; }
  #contact-us .f24 { font-size: 2.64vw; }
  .contact-us-top-txt { font-size: 2.64vw; padding-left: 0px; }
  #contact-us .container { padding-left: 20px; padding-right: 20px; }
  #contact-us .col-pr5 { padding-right: 0px !important; margin-left: 0px; }
  .footer-icon { width: 20px; height: auto; }
  .footer-add-txt-p { padding-left: 23px; }
  #contact-us form { width: 100%; }

  /* .f16 { font-size: 2.2vw; }
  .f20 { font-size: 2.4vw; }
  .f22 { font-size: 2.55vw; }
  .f24 { font-size: 2.64vw; }
  .f28 { font-size: 2.86vw; }
  .f30 { font-size: 2.93vw !important; }
  .f80 { font-size: 4.9vw; } */
  .f16 { font-size: 11px; }
  .f20 { font-size: 12px; }
  .f22 { font-size: 13px; }
  .f24 { font-size: 15px; }
  .f28 { font-size: 18px; }
  .f30 { font-size: 20px !important; }
  .f80 { font-size: 25px; }

  .product-sub-section-txt { padding-left: 10px; padding-right: 10px; margin-top: 12px; }

  .mb10 { margin-bottom: 5px; }

  .pl10 { padding-left: 10px !important; }
  .pr10 { padding-right: 10px !important; }
  .pt10 { padding-top: 10px; }
  .pb10 { padding-bottom: 10px; }

  .mt20 { margin-top: 12px; }
  .mb20 { margin-bottom: 12px; }

  .mt30 { margin-top: 20px; }
  .mb30 { margin-bottom: 20px; }
  .ml30 {margin-left:20px !important;}
  .mr30 {margin-right:20px !important;}
  .pt30 { padding-top: 20px; }
  .pb30 { padding-bottom: 20px; }
  .pl30 {padding-left: 20px;}
  .pr30 {padding-right: 20px;}

  .mt40 { margin-top: 6.5vw; }
  .mb40 { margin-bottom: 6.5vw; }
  .ml40 { margin-left: 6.5vw; }
  .pt40 { padding-top: 6.5vw; }
  .pb40 { padding-bottom: 6.5vw; }
  .pl40 {padding-left: 6.5vw;}
  .pr40 {padding-right: 6.5vw;}

  .pl50 {padding-left: 9.66vw;}
  .pr50 {padding-right: 9.66vw;}
  .pb50 { padding-bottom: 25px; }
  .pt50 { padding-top: 25px; }

  .divider-margin { margin-top: 40px; margin-bottom: 25px; }
  #products .mb30 { margin-bottom: 12px; }
  #solutions .mb30 { margin-bottom: 12px; }
  #developers .mb30 { margin-bottom: 12px; }

  .header-logo { height : 7.44vw; width: auto; }
  .developer-api-img { height: auto; width: 25%; }
  .developer-sdk-img { height: auto; width: 25%; }
  .solution-automakers-img { height: auto; width: 35%;; margin-top: 12px; }
  .solution-dealers-img { height: auto; width: 35%;; margin-top: 12px; }
  .solution-fleet-img { height: auto; width: 35%;; margin-top: 12px; }
  .products-connected-img { height: auto; width: 55%; }
  .products-api-img { height: auto; width: 28%; }
  .products-prebuilt-img { height: auto; width: 28%; }
  .products-fully-img { height: auto; width: 28%; }
  .products-fleet-mobility-img { height: auto; width: 55%; }
  .products-programmable-img { height: auto; width: 28%; }
  .products-expandable-img { height: auto; width: 28%; }
  .products-precise-img { height: auto; width: 28%; }
  .products-fleet-management-img { height: auto; width: 55%; }
  .products-vehicle-driver-img { height: auto; width: 28%; }
  .products-advanced-img { height: auto; width: 28%; }
  .products-workflow-img { height: auto; width: 28%; }
  .home-mobility-img { height: auto; width: 75%; }
  .home-products-connected-img { height: 22.4vw; width: auto; }
  .home-products-fleet-mobility-img { height: 22.4vw; width: auto; }
  .home-prodcts-fleet-management-img { height: 22.4vw; width: auto; }
  .home-solutions-automakeers-img { height: 22.2vw; width: auto; }
  .home-solutions-dealers-img { height: 22.2vw; width: auto; }
  .home-solutions-fleets-img { height: 22.2vw; width: auto; }
  .home-developers-api-img { height: 21.4vw; width: auto; margin-top: 12px !important; margin-bottom: 12px !important; }
  .home-developers-sdk-img { height: 21.4vw; width: auto; margin-top: 12px !important; margin-bottom: 12px !important; }
  .home-developers-connector-img { height: 21.4vw; width: auto; margin-top: 12px !important; margin-bottom: 12px !important; }

  .dropdown-menu { width: 50% !important; margin-bottom: 5px; }
  .navbar-nav li { border-bottom: 1px solid #eee; }
  .navbar-nav li:last-child { border-bottom: none; }
}