.dbreadcrumb {
    z-index: 1011;
    position: relative;
}

.l-grid{
  height: auto;
}

.navbar-brand{
    padding-top: 0px;
}
 
.dropdown-item{
    border-bottom: 1px solid #707070;
    margin:0 15px 0 15px;
    width: auto;
    min-width: 180px;
    padding: 8px 20px;
    font-weight: bold;
}
 
    a.dropdown-item:hover:after{
      content: "";
    display: inline-block;
    position: absolute;
 width: 15px;
 background: #d30511;
  height: 4px;
  color: #000;
  right: 0;
  margin-top: 17px;
    }
.dropdown-item:last-child{
    border-bottom: 0;
}
.navbar-nav .dropdown-menu {
        margin-top: 17px;
        border-radius: 0;
        -webkit-box-shadow: -1px 13px 14px -5px rgba(158,153,158,1);
-moz-box-shadow: -1px 13px 14px -5px rgba(158,153,158,1);
box-shadow: -1px 13px 14px -5px rgba(158,153,158,1);
border-color: #efefef;

}
.dropdown-item.active, .dropdown-item:active{
    color: #d30511;
    background: none;
    font-weight: 800;
}
.dropdown-item.active:after, .dropdown-item:active:after{
   content: "";
    display: inline-block;
    position: absolute;
 width: 15px;
 background: #d30511;
  height: 4px;
  color: #000;
  right: 0;
  margin-top: 17px;
}
.dropdown-toggle::after {
    font-family: Fontawesome;
    speak: none;
    border: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 8px;
    top: 0;
    font-size: 14px;
    vertical-align: middle;
    content: "\f107";
    width: 20px;

}


 

.nav-drill{
    display: none;
}



.nav-top .logo {
    width: 50%;
    margin:0px 0 0 0;
     
      padding: 10px 20px;
  color: #fff;
  float: left;
  min-height: none;
  max-width: none;
   cursor: pointer;
}

/*.nav-top .logo::after {
  content: "";
  clear: both;
  display: table;
}*/
.navbar .hamburger {
    right: 10px;
    top: 0;
    position: absolute;
 width: 50px;
 padding: 15px 0 0 20px;
 /*border-left: 1px solid #e15b5b;*/
 height: 50px;
 cursor: pointer;
}
.navbar .hamburger2 {
    right: 48px;
    top: 0;
    position: absolute;
 width: 136px;
 /*padding: 12px 0 0 15px;*/
 /*border-left: 1px solid #e15b5b;*/
 height: 50px;
 cursor: pointer;
 color: #d40511;
}

 .c-nav--menu-icon {
        color: #d40511;
        font-size: 2rem;
        font-weight: 800;
         width: 18px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .type--menu .c-nav--menu-icon {
        padding: 1rem 0
    }
    .c-nav--menu-icon span {
        background: #d40511;
        display: block;
        height: 3px;
        left: 0;
        opacity: 1;
        position: absolute;
        width: 100%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        will-change: left, top, transform, width;
        transition: left .25s ease-in-out, top .25s ease-in-out, width .25s ease-in-out, -webkit-transform .25s ease-in-out;
        transition: left .25s ease-in-out, top .25s ease-in-out, transform .25s ease-in-out, width .25s ease-in-out;
        transition: left .25s ease-in-out, top .25s ease-in-out, transform .25s ease-in-out, width .25s ease-in-out, -webkit-transform .25s ease-in-out
    }
    .c-nav--menu-icon span:first-child {
        top: 0
    }
    .c-nav--menu-icon span:nth-child(2),
    .c-nav--menu-icon span:nth-child(3) {
        top: 6px
    }
    .c-nav--menu-icon span:nth-child(4) {
        top: 12px
    }
    .type--menu.is-open .c-nav--menu-icon span:first-child {
        top: 6px;
        width: 0;
        left: 50%
    }

    .type--menu.is-open .c-nav--menu-icon span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .type--menu.is-open .c-nav--menu-icon span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .type--menu.is-open .c-nav--menu-icon span:nth-child(4) {
        top: 6px;
        width: 0;
        left: 50%
    }
 

@media (max-width: 991px) {
 #mainNav {
  display: block;
}

.nav-top {
  display: none;
  align-items: center;
  position: fixed;
 
  z-index: 1012;

  width: 100%;
  height: 50px;
      background: linear-gradient(to right, #fc0 0%, #fc0 30%, #ffe57f 79%, #fff0b2 100%);
    background-color: #fc0;
}

    .nav-drill {
      margin-top: 50px;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
    }

    .nav-is-toggled .nav-drill {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    .nav-is-toggled::after {
      opacity: 1;
      visibility: visible;
    }

    .nav-drill {
      display: flex;
      position: fixed;
      z-index: 1047;
      top: 0;
      right: 0;
      width: 100%;
      height: 100vh;
      background-color: #fff;
      overflow-y: auto;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch;
      transition: 0.45s;
    }
    .nav-items {
      flex: 0 0 100%;
    }
    .nav-item:not(:last-child) {
      border-bottom: 1px solid #d1d1d1;

    }
    .nav-link {
      display: block;
      padding: 0.875em 1em;
      background-color: #fff;
      color: #323232;
      font-size: 15px;
      line-height: 1.5em;
      font-weight: normal;
    }
    .nav-expand-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: translateX(100%);
              transform: translateX(100%);
      background-color: #e9ecef;
      transition: 0.3s;
      visibility: hidden;
    }
    .nav-expand-content .nav-item:not(:last-child) {
      border-bottom: solid 1px #adb5bd;
    }
    .nav-expand-content .nav-link {
      /* background-color: #daf9f4; */
    }
    .nav-expand-content .nav-back-link {
      display: flex;
      align-items: center;
      background-color: #f8f9fa !important;
      color: #222;
    }
    .nav-expand-content .nav-back-link::before {
      content: "\e604";
      margin-right: 0.5em;
      font-family: dhlicons;
    }
    .dropdown-item:focus, .dropdown-item:hover{
      background: none!important;
    }


    .nav-expand-link {
      display: flex;
      justify-content: space-between;
    }
    .nav-expand-link::after {
      content: "\e60a";
      flex: 0 1 auto;
      font-family: dhlicons;
    }
    .nav-expand.active > .nav-expand-content {
      -webkit-transform: translateX(0);
              transform: translateX(0);
      visibility: visible;
    }
    .nav-expand .nav-expand-content {
      background-color: #e9ecef;
    }
    .nav-expand .nav-expand-content .nav-link {
      background-color: #daf9f4;
    }
    .nav-expand .nav-expand-content .nav-expand-content {
      background-color: #aff1e6;
    }
    .nav-expand .nav-expand-content .nav-expand-content .nav-link {
      background-color: #aff1e6;
    }
    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content {
      background-color: #84e9d9;
    }
    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
      background-color: #84e9d9;
    }
    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content {
      background-color: #59e1cb;
    }
    .nav-expand .nav-expand-content .nav-expand-content .nav-expand-content .nav-expand-content .nav-link {
      background-color: #59e1cb;
    }
}


 
@media (max-width: 375px) {

h1{
  font-size: 32px;
}
h2{
  font-size: 26px!important;
}
h3{
  font-size: 20px;
}
h4{
  font-size: 17px;
}
h5{
  font-size: 15px;
}
h6{
  font-size: 15px;
}
    header.masthead {
        margin-top: 0px;
    }
    section.home img{
        width: 100%;
    }
    
    .home .col-home{
        padding: 5px;
        margin:0 auto;
        font-size: 16px;
    }
    .home .col-home h3{
        min-height: 10px;
    }
    .home .col-home p.block-ellipsis{
      /*min-height: 380px!important;*/
      text-align: justify;
    }

    .btn.btn-dhl-red{
      min-width: 100px;
      font-size: 14px;
      padding:0px 10px;
    }

    .btn.btnc{
        padding: 3px 10px!important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block!important;
        color: #FFF!important;
    }
 
 .imgoffer-1 img, .imgoffer-2 img, .imgoffer-3 img, .imgoffer-4 img, .imgoffer-5 img, .imgoffer-6 img{
  width: 100%;
 }
.fa-4x{
  font-size: 3em!important;
}
 h3.h3mob{
  font-size: 23px!important; 
}
.contact{
  margin-top: 0px!important;
  padding: 0px 0 0 0;
}

.announcements{
  margin-top: 0px!important;
  padding: 0px 0 0 0;
}
 
.openaccount{
  position: relative;
  width: 90%;
  margin: 0px auto 0 auto!important;
    padding-top: 55px;
} 
 
.container .mb-5, .my-5, .container .mb-3     {
    margin-bottom: 0rem!important;
}
.container .mt-5, .my-5 {
    margin-top: 0rem!important;
}
 
.main-content h3{
  font-size: 18px;
}    
.about .offer .imgoffer{
  width: 100%;
  position: relative;
  display: none;
}

.nav-tabs .nav-link, .nav-tabs .nav-link.active{
  min-height: 46px;
}
ul.nav-tabs {
    margin: 32px -10px 0 -10px!important;
    padding: 0!important;
}
ul.nav-tabs li.nav-item a{
  width: 70px;
}

 
    footer .postgroup{
        text-align: left!important;

    }



    footer .copyright{
        text-align: left!important;
        line-height: 24px;

    }

    .dfooter .row .col-12{
      padding: 0!important;
      position: relative;
    }
    .dfooter .row{
      margin:0!important;
      position: relative;
    }
    a.float {
       position: fixed;
    width: 102px;
    height: 136px;
    bottom: 10vh;
    padding: 10px;
    right: -71px;
    font-size: 15px;
    background-color: #d10511;
    color: #fff;
    z-index: 999;
    transform: rotate(270deg);
    text-align: center;
    text-decoration: none;
    line-height: 15px;
  }
 
 .carousel-item button{
    float: left!important;
  }
  .carousel-indicators{
    top: 375px;
  }

  header .carousel-caption{
    left:0!important;
    width: 100%!important;
    padding:0 60px;
  }

  header .carousel-caption h1 {
    font-size: 28px!important;
  }

  header .carousel-caption p {
    font-size: 1.6em!important;
  }
  .customleftfull{
    width: 100%;
    margin-top: 56%!important;
  }
}


@media (max-width: 364px) {


   
  .main-content .mainbody{
    margin-top:0px!important;
    position: relative;
  }
   
   .main-content iframe, .main-content object{
  width: 100%!important;
}
  header .carousel-control-prev, header .carousel-control-next{
    
  }
    .carousel-indicators{
    top: 390px!important;
  }
  .carousel-indicators li{
    background-color: #CCC;
  }

  .locator-icon-home{
    top: 360px;
  }

  h1.h1-black-left.color-DHL-red.brandedsmall{
    margin: 30px 0!important;
  }
   
}