/*reset open*/

html,
body {
  margin: 0;
  font-size: 100%;
 font-family: 'Roboto', sans-serif;
      background-color: #dad9d9;
}

body a {
  text-decoration: none;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
cursor:pointer !important;
outline:none;
}
button,.btn{
  cursor:pointer !important;
  outline:none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus
{
  outline:none;
}
a:hover {
  text-decoration: none;
}

input[type="button"],
input[type="submit"] {
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: 'Roboto', sans-serif;
}

p {
    margin: 0;
    letter-spacing: 0;
    font-size: 14px;
    color: #000000;
    line-height: 1.6;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type:none;
}

label {
  margin: 0;
}
/*reset close*/


html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased
}

body { margin: 0 }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}
.hide {
display:none
}

[hidden], template {
display:none
}

a { background-color: transparent }

a:active, a:hover { outline: 0 }

abbr[title] { border-bottom: 1px dotted }

b, strong { font-weight: bold }

dfn { font-style: italic }

h1 {
  font-size: 2em;
  margin: 0px auto 0 auto;
  text-align:center;
}

mark {
  background: #ff0;
  color: #000
}

small { font-size: 80% }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup { top: -0.5em }

sub { bottom: -0.25em }

img { border: 0 }

svg:not(:root) { overflow: hidden }

figure { margin: 1em 40px }

hr {
  box-sizing: content-box;
  height: 0
}

pre { overflow: auto }

code, kbd, pre, samp {
  font-family: 'Roboto', sans-serif;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button { overflow: visible }

button, select { text-transform: none }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}

input { line-height: normal }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea { overflow: auto }

optgroup { font-weight: bold }

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th { padding: 0 }

input, button, select, textarea { outline: none }

textarea { resize: none }

a {
  text-decoration: none;
  color: #000
}

ul {
  padding-left: 0;
  list-style: none;
}

h2 { margin:30px auto; text-align:center;}
/*style for container*/

.wrapper-1 {
  width: 50%;
  margin: 0 auto;
}
.service_left
{
background-color:#000;
}
/*style for img in case of low download speed*/
.thank_you
{
  margin:5em auto;
  background-color:#f1f1f1;
  width:50%;
  padding:3em;
      box-shadow: 1px 2px 4px #716e6e;
}
.thank_head
{
  font-size: 37px;
    margin: 0px auto 0 auto;
    text-align: center;
    font-weight: 800;
    text-shadow: 1px 2px 1px #000;
}
.example-1 {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.example-1 ul {
  overflow: hidden;
  margin: 0;
  zoom: 1;
}

.example-1 ul li { float: left; }

.example-1 ul li img { width: 100%; }
.what_offer_inside3 {
    padding: 4em;
}
.about_us6 {
    padding: 0;
    background: url(../images/business-impact-technology.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    height: 450px;
    background-position: center;
    border: 1px solid #ccc;
}

.download
{
  background-color:#000;
  padding:6px 20px;
  color:#fff;
}
.download_file
{
    padding: 1em;
    border: 1px solid #ccc;
    /*height: 335px;*/
    margin-bottom: 3em;
}
.right-pic-import {
    left: -80px;
    position: absolute;
    width: 100%;
    z-index: 99999;
    top: 41px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.download_file img
{
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.download_file p
{
  text-align:center;
}
.download_file a:hover
{
  color:#fff;
}
.banner_link
{
 background-color: rgba(11, 92, 124, 0.63);
    color: #fff;
    padding: 10px 15px;
}
.banner_link:hover
{
  color:#fff;
}
/*style for dots*/


.dots-1 {
  position: absolute;
  bottom: 10px;
  right: 10px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.dots-1 li {
  display: inline-block;
 display: inline;
 zoom: 1;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  background: #963;
  cursor: pointer;
}

.dots-1 li:hover, .dots-1 li.active { background: #000; }

.wrapper-2 {
  width: 100%;
  margin: 0 auto;
}

/*style for img in case of low download speed*/

.example-2 {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.example-2 ul {
  overflow: hidden;
  margin: 0;
  zoom: 1;
}

.example-2 ul li { float: left; }

.example-2 ul li img { width: 100%; }

.dots-2 {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 300px;
  margin: 0 0 0 -150px;
  padding: 0;
  text-align: center;
}

.dots-2 li {
  display: inline-block;
 display: inline;
 zoom: 1;
  width: 15px;
  height: 2px;
  margin: 0 5px;
  border-radius: 0%;
  background: #fff;
  cursor: pointer;
}
.service_left {
    padding: 2em;
    background-color: #000;
    position: relative;
    height:auto;
  }
  .serivce_icon
  {
      box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    left: -50px;
    /* bottom: 0; */
  }
.dots-2 li:hover, .dots-2 li.active { background: #6dcff6; }

/* header */
/*middle content open*/
.what_offer
{
  padding:0;
  background: url(../images/what_we_offer_banner.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
       min-height: 624px;
}
.inside-wrap
{
  padding:0 25px;

}
.overlay_banner
{
height: 100%;
    background-color: rgba(0, 0, 0, 0.39);
    width: 100%;
    position: absolute;
  }
.title
{
  margin: 0;
    padding-bottom: 10px;
    font-size: 39px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
}
.title_color
{
  color:#fff;
}
.right-pic
{
   left: 76px;
   z-index: 99999;
    background-repeat: no-repeat;
    top: 52px;
    bottom: auto;
    height: 330px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/Custom-Clearance.jpg);
}

.right-pic1 {
    right: 74px;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 22px;
    bottom: auto;
    height: 290px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/air.jpg);
}
.right-pic2
{
   left: 76px;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 35px;
    bottom: auto;
    height: 250px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/sealog.jpg);
}

.service1
{
  margin-bottom:4em;
}
.service_left1 {
    padding: 3em 2em;
    background-color: #d3f1fc;
    position: relative;
    margin-bottom: 36px;
}
.right-pic3 {
  right: 74px;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 34px;
    bottom: auto;
    height: 420px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/import_export.png);
}
.right-pic4 {
left: 76px;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 16px;
    bottom: auto;
    height: 270px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/warehousing.jpg);

}
.right-pic5 {
    right: 74px;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 22px;
    bottom: auto;
    height: 290px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/value_added_service.png);
}
.sub_title
{
   margin:0;
  padding:0;
  font-size:20px;
  color:#ccebf7;
  text-align:center;
  font-family: 'Lato', sans-serif;
}
.service_left4 {
    padding: 104px 2em;
    background-color: #d3f1fc;
    position: relative;
    margin-bottom: 36px;
     height: 310px;
}
.sub_title:after
{    margin: 30px auto 50px auto;
    padding: 0;
    border-top: 1px solid #fff;
    display: block;
    content: '';
    height: 18px;
    width: 250px;
}
.what_offer_inside
{
  padding:0em 4em;
}
.what_offer_inside4 {
    padding: 5em 4em;
}
.offer_box
{
    padding: 10px;
    background-color: #2e4e5b;
    margin-bottom: 70px;
    height: 80px;
}
.view_more_link {
    color: #095877;
    font-weight: bold;
    padding: 5px 11px;
    margin-top: 32px;
    font-size: 17px;
}
.footer-top-title
{
      margin: 0;
    padding-bottom: 10px;
    font-size: 39px;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    color:#232323;
}
.footer-top-title:after {
       margin: 11px 0;
    padding: 0;
    border-top: 2px solid #fff;
    display: block;
    content: '';
    height: 11px;
    width: 89px;
}
.footer-pha
{
  color:#fff;
  padding-bottom: 0px;
}
.offer_icon
{
    background-color: #fff;
    margin: -39px 0px;
}
.offer_icon:hover {
    background-color: #fff;
}
.offer_title
{
  color:#fff;
  font-size:15px;
  margin:0;
  padding:0;
  font-weight: 600;
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
  transition:0.2s;
  text-align: left;
}
.offer_box:hover
{
  transform:scale(1.1);
}
.about_info
{
  text-align: justify;
    padding: 0 0 0 55px;
  }
.about_info p
{
  font-size:16px;
}
  .about_us
  {
    padding-bottom:4em;
  }
.about_title
{
  color:#1cb9f7;
}
.about_subtitle {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #000;
    text-align: center;
    font-family: 'Lato', sans-serif;
}
.about_subtitle:after
{
  margin: 30px auto 50px auto;
    padding: 0;
    border-top: 1px solid #6dcff6;
    display: block;
    content: '';
    height: 18px;
    width: 250px;
}
.about_us1{
padding: 0;
    background: url(../images/Complete-Logistic-Solutionscnt16.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    height: 300px;
    background-position: bottom;
    }
.about_us2{
padding: 0;
    background: url(../images/project.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    height: 300px;
    background-position: bottom;
    }
.about_us3{
padding: 0;
    background: url(../images/vision.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    height: 300px;
    background-position: bottom;
    border:1px solid #ccc;
    }
.about_us4{
padding: 0;
    background: url(../images/mission.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    height: 300px;
    background-position: center;
    border:1px solid #ccc;
    }
    .about_index
    {
      padding: 0;
    background: url(../images/aboutus_img.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
        height: 237px;
    background-position: bottom;
    }
.button-w3layouts{
background-color: #272527;
    cursor: pointer !important;
    color: #fff;
    padding: 6px 23px;
    }
    .banner-title
    {
          margin: 0;
    padding-bottom: 10px;
    font-size: 34px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #46c5f7;
    }
        .banner-title-subtitle
    {
          margin: 0;
    padding-bottom: 10px;
    font-size: 20px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #9edef7;
    }
    .about_success {
    margin: 0;
    padding-bottom: 10px;
    font-size: 35px;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
    color: #6dcff6;
}
/*middle close*/

/*footer open here*/
.footer_top
{
  background-color:#6dcff6;
  padding:0;
}
.req-img
{
  padding-top:7em;
}
.form-group {
    margin-bottom: 1rem;
}
.form-bg-w3ls input[type="text"], .form-bg-w3ls input[type="email"], .form-control, .form-bg-w3ls textarea {
    padding: 22px 10px;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1px;
    font-size: 15px;
    outline: none;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.11);
}
.what_offer_inside1 {
    padding:0 9em;
}
.heading_title {
    font-size: 20px;
    padding: 0 11em;
    margin: 36px 0px;
    line-height: 1.7;
    color:#be5b06;
}
/*footer close*/
/**banner**/
.banner_on_text
{
      position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
        top: 103px;
    padding: 64px;
}

.why_us
{    background-color: #f7f7f7;
    padding: 13px 51px;
    text-align: center;
    transition: 0.2s;
    position: relative;
    margin-bottom: 22px;
    box-shadow: 1px 2px 3px -1px #ccc;
}
.why_us:hover
{
  transform: scale(1.1);
}
.circle
{
width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #1a7fa7;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 0px;
    left: -25px;
    margin: 0 auto;
    /* right: 0; */
    line-height: 51px;
}
/**banner close**/
/*contac us*/
.contact_us
{
  padding:4em 0;
}
.contact-subtitle
{
  padding-bottom: 21px;
    font-size: 24px;
}
/*contact us*/
/*footer open here*/
.contact-row
{
margin-bottom: 3em;
}
.contact_us p
{
  font-size:16px;
}
.social_outside
{
 background-color:#1a1a1a;
    padding:10px 0;
    margin-top: 0px;
}
.icon-contact
{
      font-size: 30px;
    color: #cfd21f;
    height: 50px;
    width: 50px;
    background-color: #0a5978;
    border-radius: 50%;
    text-align: center;
    margin: 0 5px;
    padding: 10px;
    box-shadow: 1px 2px 5px -3px #ccc;
}
.map
{
  border:1px solid #ccc;
  padding:5px;
}
.inside_social
{
        list-style-type:none;
}
.social-icon {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #1a1a1a;
    border: 1px solid #ffffff;
    padding: 3px 6px;
    line-height: 24px;
    color: #ffffff;
    margin-left: 10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    float: left;
}
.footer-right
{
    border-right: 1px solid rgba(251, 247, 247, 0.22);
        height: 250px;
}
.footer-right:last-child
{
    border-right:none;
}
.social-icon .fab
{
font-size: 14px;
}
.footer_bottom
{
    background-color:#282828;
    padding:60px 0;
}
.footer_bottom a
{
    color:#c1c1c1;
    font-family: 'Roboto', sans-serif;
        font-size: 14px;

}
.footer-bottom-link li
{
    padding:4px 5px;
}
.footer_bottom h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 7px;
}
.footer_bottom h4 {

    color: #fff;
    font-size: 16px;
}
.footer-bottom-link p
{
  color:#c1c1c1;
}
.footer
{
    background-color:#1a1a1a;
    padding:15px 0;
}
.footer p, a, .fa
{
   color:#c1c1c1;
   font-size:14px;
}
.left_icon
{
    width:10%;
    float:left;
}
.right_icon
{
    width:90%;
    float:left;
}
.about_heading_inside
{
  margin: 0;
    padding-bottom: 10px;
    font-size: 35px;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
        color: #1cb9f7;
}
.about_us_story
{
      font-size: 21px;
    text-align: justify;
    color: #ff782a;
}
.about_us p
{
  font-size:16px;
  text-align: justify;
}
.about_info_inside
{
  padding:0 4em 4em 4em;
}
.about-us-box
{
  padding:4px 49px;
}
.about-info-box
{
      margin-bottom: 3em;
}
.about-us-box1
{
    padding:0 49px;
}
.title-vision
{
      margin: 0;
    padding-bottom: 10px;
    font-size: 33px;
    text-align: left;
    color: #464646;
    font-family: 'Roboto Condensed', sans-serif;
}
/*footer close*/
/*service open here*/
.service
{
  padding:4em 0 2em 0;
}
.service_left {
    padding: 5em 2em;
    background-color:#d3f1fc;
    position: relative;
  margin-bottom: 36px;
  }
  .serivce_icon
  {
      box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    left: -50px;
    /* bottom: 0; */
  }
.service_inside_info
{
padding: 0em 5em;
}
.no_padding
{
  padding:0;
}
.serivce_icon1 {
    box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    right: -41px;
    /* bottom: 0; */
    top: 76px;
    padding: 17px;
}
.left_icon1 {
    width: 20%;
    float: left;
}
.right_icon1 {
    width: 80%;
    float: left;
}
.service p
{
  font-size:16px;
  text-align:justify;
}
.service-title
{
  color: #387a94;
    margin: 0;
    padding-bottom: 10px;
    font-size: 22px;
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
}
.sericve-list li
{
  width:50%;
  float:left;
}

/*service close here*/

/*about_us*/
.about_us_outside
{
  padding:4em 0;
  background-color: #c8eaf7;
}
.about_us
{
  padding:4em 0;
}
.banner_inside
{
  margin: 0;
    padding: 0;
    background: url(../images/banner_inside.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
    position: relative;
    background-position: center;
}
/*about us close*/

/* CSS Document */

header {
    position: absolute;
    z-index: 9;
    width: 100%;
       /** background-color: rgba(181, 181, 181, 0.2);**/
}

.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */

nav {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);

}

#logo a {
    float: left;
    display: initial;
    margin: 0;
    letter-spacing: 1px;
    color: #fff;
    font-size: 1em;
    font-weight: 700;
    text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
}
.banner-outside-text{
    position: absolute;
    bottom: 250px;
    width: 40%;
    margin: auto;
    left: 0;
    right: 0;
    padding: 1em;
   background-color: rgba(0, 0, 0, 0.48);
}
.banner-title1
{
  margin: 0;
    padding-bottom: 10px;
    font-size: 45px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #fff;
  }
.banner-sub-title1
{
    margin: 0;
    padding-bottom: 10px;
    font-size: 23px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
       color: #6dcff6;
           line-height: 1.7;
}
/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
    content: "";
    display: table;
    clear: both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */

nav ul {
    float: right;
    padding-top: 32px;
    margin: 0;
    list-style: none;
    position: relative;
}

/* Positioning the navigation items inline */

nav ul li {
    margin: 0px;
    display: inline-block;
    float: left;
}

/* Styling the links */

.menu li a {
   border-left: 1px solid #fff;
    font-weight: 400;
    font-size: 15px;
      padding-left: 15px;
    padding-right: 15px;
    /* padding: 10px 0; */
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}

.menu li ul li a {
    color: #555;
    padding: 10px 10px;
    font-size: 0.8em;
}


.menu li ul li:hover {
    background: #f8f9fa;
}

/* Background color change on Hover */

nav .menu li a:hover {
    color: #ff4c4c;
}

.menu li.active a {
    color: #ff4c4c;
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */

nav ul ul {
    display: none;
    position: absolute;
    /* has to be the same number as the "line-height" of "nav a" */
    top: 60px;
    background: #fff;
    padding: 10px;
}

/* Display Dropdowns on Hover */

nav ul li:hover > ul {
    display: inherit;
}

/* Fisrt Tier Dropdown */

nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
    margin: 0;
}

nav ul ul li a {
    color: #333;
    padding: 5px 10px;
    display: block;
}

/* Second, Third and more Tiers 
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/

nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}


/* Change ' +' in order to change the Dropdown symbol */

li > a:only-child:after {
    content: '';
}











/* Media Queries
--------------------------------------------- */

@media all and (max-width: 768px) {

    #logo {
        display: block;
        padding: 0;
        width: 100%;
        text-align: center;
        float: none;
    }
    .about_index {
    padding: 0;
    background: url(../images/aboutus_img.png) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    height: 350px;
    background-position: bottom;
}

    nav {
        margin-top: 14px;
    }

    /* Hide the navigation menu by default */
    /* Also hide the  */
    .toggle + a,
    .menu {
        display: none;
    }

    /* Stylinf the toggle lable */
    .toggle {
        display: block;
    padding: 8px 20px;
    font-size: 0.8em;
    text-decoration: none;
    border: none;
    float: right;
    background-color: rgba(101, 101, 101, 0.39);
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        width: 80%;
        padding: 5px;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 1px;
    }
    nav {
    margin: 0;
    padding: 0;
    border-bottom: none;
}

    .toggle:hover {
        color: #333;
        background-color: #fff;
    }

    /* Display Dropdown when clicked on Parent Lable */
    [id^=drop]:checked + ul {
        display: block;
        background: rgba(16, 16, 16, 0.85);
        padding: 15px 0;
        text-align: center;
            width: 100%;
    }

    /* Change menu item's width to 100% */
    nav ul li {
        display: block;
        width: 100%;
        padding: 5px 0;
        margin: 0 0;
    }

    nav ul ul .toggle,
    nav ul ul a {
        padding: 0 40px;
    }

    nav ul ul ul a {
        padding: 0 80px;
    }

    nav a:hover,
    nav ul ul ul a {
        background-color: transparent;
    }

    nav ul li ul li .toggle,
    nav ul ul a,
    nav ul ul ul a {
        padding: 14px 20px;
        color: #FFF;
        font-size: 17px;
    }


    nav ul li ul li .toggle,
    nav ul ul a {
        background-color: #212121;
    }
    .menu li ul li a {
        color: #fff;
    }
    /* Hide Dropdowns by Default */
    nav ul ul {
        float: none;
        position: static;
        color: #ffffff;
        /* has to be the same number as the "line-height" of "nav a" */
    }

    /* Hide menus on hover */
    nav ul ul li:hover > ul,
    nav ul li:hover > ul {
        display: none;
    }
    nav ul ul{
        background:none!important;
    }
    /* Fisrt Tier Dropdown */
    nav ul ul li {
        display: block;
        width: 100%;
        padding: 0;
    }

    nav ul ul ul li {
        position: static;
        /* has to be the same number as the "width" of "nav ul ul li" */
    }

    nav ul ul li a {
        color: #fff;
        font-size: 0.85em;
    }
    .banner-outside-text {
    position: absolute;
    top: 109px;
    width: 100%;
    margin: auto;
    left: 0;
    display: none;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.48);
}

}



@media only screen and (max-width:600px) {
.right-pic2 {
    left: 0;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 35px;
    bottom: auto;
    height: 250px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/sealog.jpg);
}
.thank_you {
    margin: 5em auto;
    background-color: #f1f1f1;
    width: 100%;
    padding: 20px 0px;
    box-shadow: 1px 2px 4px #716e6e;
}
.service1 {
    margin-bottom: 0;
}
.right-pic3 {
    right: 0;
    z-index: 99999;
    background-repeat: no-repeat;
    top: -26px;
    bottom: auto;
    height: 420px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/import_export.png);
}
.right-pic5 {
    right: 0;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 22px;
    bottom: auto;
    height: 300px;
   background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/value_added_service.png);
}
.service_left4 {
    padding: 43px;
    background-color: #d3f1fc;
    position: relative;
    /* margin-bottom: 36px; */
    height: auto;
}
.right-pic4 {
    left: 0;
    z-index: 99999;
    background-repeat: no-repeat;
    top: 0;
    bottom: auto;
    height: 270px;
    background-size: cover;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: url(../images/warehousing.jpg);
}
  .example-2 ul{
        
    width: 300%;
    overflow: hidden;
    margin: 0px 0px 0px -200%;
    zoom: 1;
    height: 300px;
    }
     nav {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
  .right-pic1 {
    left: 0;
    position: relative;
    width: 100%;
    z-index: 99999;
    top: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.right-pic {
    right: 0;
    left: 0;
    position: relative;
    width: 100%;
    z-index: 99999;
    top: 49px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
    .what_offer_inside4 {
    padding: 1em;
}
.what_offer_inside {
    padding: 0em 1em;
}
.about_info {
    text-align: justify;
    padding: 0; 
}
.what_offer_inside3 {
    padding: 1em; 
}
.offer_box {
    padding: 10px 6px;
    background-color: #2e4e5b;
    margin-bottom: 70px;
    height: 130px;
}
.offer_title {
    color: #fff;
    font-size: 10px;
    margin: 0;
    padding-top: 47px;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    transition: 0.2s;
    text-align: left;
}
.what_offer {
    padding: 0;
    background: url(../images/what_we_offer_banner.jpg) center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    min-height: 729px;
}
.req-img {
    padding-top: 1em;
}
.menu li a {
    border-left: none;
    font-weight: 400;
    font-size: 15px;
    padding-left: 13px;
    padding-right: 0;
    /* padding: 10px 0; */
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.banner-title-subtitle {
    margin: 0;
    padding-bottom: 10px;
    font-size: 14px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #6dcff6;
    line-height: 1.5;
}
.about_info_inside {
    padding: 0 1em;
}
.about-us-box {
    padding: 10px 0px;
}
.about-us-box1 {
    padding: 0;
}
.about-info-box {
    margin-bottom: 1em;
}
.service_inside_info {
    padding: 0;
    margin-top: 16px;
}
.serivce_icon {
    box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    left: auto;
    /* bottom: 0; */
    right: 0;
    top: 0;
}
.service_left {
    padding: 2em;
    background-color: #d3f1fc;
    position: relative;
    margin-bottom: 6px;
}
.serivce_icon1 {
    box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0;
    /* bottom: 0; */
    top: 0;
    padding: 17px;
}
.what_offer_inside1 {
    padding: 15px;
}
.heading_title {
    font-size: 20px;
    padding: 10px; 
    margin: 10px 0px;
    line-height: 1.7;
    color: #f78d32;
}
.left_icon1 {
    width: 100%;
    float: left;
    margin-bottom: 11px;
}
.right_icon1 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.footer_bottom {
    background-color: #282828;
    padding: 10px 0;
}
.about_us {
    padding: 2em 0;
}
.service {
    padding: 1em 16px 0em 16px;
}
.banner-outside-text {
    position: absolute;
    top: 109px;
    width: 100%;
    margin: auto;
    left: 0;
    display: none;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.48);
}

}



@media only screen and (max-width: 320px) {
.banner-outside-text {
    position: absolute;
    top: 109px;
    width: 100%;
    margin: auto;
    left: 0;
    display: none;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.48);
}
.thank_you {
    margin: 5em auto;
    background-color: #f1f1f1;
    width: 100%;
    padding: 20px 0px;
    box-shadow: 1px 2px 4px #716e6e;
}
  .req-img {
    padding-top: 1em;
}
.service1 {
    margin-bottom: 0;
}
 nav {
    margin: 0;
    padding: 0;
    border-bottom: none;
}
.right-pic1 {
    left: 0;
    position: relative;
    width: 100%;
    z-index: 99999;
    top: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.right-pic {
    right: 0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 99999;
    top: 49px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.service {
    padding: 1em 0 0em 0;
}
.about_us {
    padding: 2em 0;
}
.footer_bottom {
    background-color: #282828;
    padding: 10px 0;
}
.left_icon1 {
    width: 100%;
    float: left;
    margin-bottom: 11px;
}
.right_icon1 {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.serivce_icon1 {
    box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    right: 0;
    /* bottom: 0; */
    top: 0;
    padding: 17px;
}
.service_left {
    padding: 2em;
    background-color: #d3f1fc;
    position: relative;
    margin-bottom: 6px;
}
.heading_title {
    font-size: 20px;
    padding: 10px; 
    margin: 10px 0px;
    line-height: 1.7;
    color: #f78d32;
}
.serivce_icon {
    box-shadow: 1px 2px 6px -1px #7c7979;
    background-color: #fff;
    height: 100px;
    width: 100px;
    position: absolute;
    left: auto;
    /* bottom: 0; */
    right: 0;
    top: 0;
}
.service_inside_info {
    padding: 0;
    margin-top: 12em;
}
.about-us-box1 {
    padding: 0;
}
.about-info-box {
    margin-bottom: 1em;
}
.about-us-box {
    padding: 10px 0px;
}
.about_info_inside {
    padding: 0 1em;
}
.banner-title-subtitle {
    margin: 0;
    padding-bottom: 10px;
    font-size: 14px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    color: #6dcff6;
    line-height: 1.5;
}
    nav ul li {
        display: block;
        width: 94%;
    }
    .example-2 ul{
        
    width: 300%;
    overflow: hidden;
    margin: 0px 0px 0px -200%;
    zoom: 1;
    height: 300px;
    }

    .what_offer_inside4 {
    padding: 1em;
}
.what_offer_inside {
    padding: 0em 1em;
}
.about_info {
    text-align: justify;
    padding: 0; 
}
.what_offer_inside3 {
    padding: 1em; 
}
.offer_box {
    padding: 10px 6px;
    background-color: #2e4e5b;
    margin-bottom: 70px;
    height: 130px;

}
.offer_title {
    color: #fff;
    font-size: 10px;
    margin: 0;
    padding-top: 47px;
    font-weight: 600;
    line-height: 1.5;
    font-family: 'Roboto', sans-serif;
    transition: 0.2s;
    text-align: left;
}
.what_offer_inside1 {
    padding: 15px;
}
}




/* header */