* {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none !important;
}

footer {
  opacity: 1 !important;
}

.section-2 .banner {
  width: 100%;
  height: 300px;
  background: #2d2d2d;
}

.section-2 .banner h1 {
  font-size: 30px;
  color: #fff;
  margin-top: 9%;
}

.section-2 .banner h5 {
  font-size: 16px;
  color: #fff;
  border-left: 4px solid #fcbf00;
  padding: 5px 20px;
}

.tool {
  height: -px;
  position: absolute;
  top: -67%;
  left: 75%;
  opacity: 0;
  transition: 0.5s;
}


.tool:hover {
  opacity: 1;
  cursor: pointer;
}


.tool1 {
  width: 110%;
  height: auto;
}

.tool1 ul {
  font-size: 14px;
  color: #000;
  background: #fff;
  margin-top: 7%;
  padding-left: 8px;
  border-radius: 5px;
}

.tool1 i {
  color: #000 !important;
  padding-left: -20px;
}


.tooll {
  height: 9px;
  position: absolute;
  top: -62%;
  left: 72%;
  opacity: 0;
  transition: 0.5s;
}


.tooll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool2 {
  width: 110%;
  height: auto;
}

.tool2 ul {
  font-size: 14px;
  color: #000;
  background: #fff !important;
  margin-top: 33%;
  padding-left: 8px;
  border-radius: 5px;
}

.tool2 i {
  color: #000 !important;
  padding-left: -20px;
}


.toolll {
  height: 9px;
  position: absolute;
  top: -64%;
  left: 70%;
  opacity: 0;
  transition: 0.5s;
}


.toolll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool3 {
  width: 110%;
  height: auto;
}

.tool3 ul {
  font-size: 14px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool3 i {
  color: #000 !important;
  padding-left: -20px;
}


.toollll {
  height: 9px;
  position: absolute;
  top: -59%;
  left: 67%;
  opacity: 0;
  transition: 0.5s;
}


.toollll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool4 {
  width: 110%;
  height: auto;
}

.tool4 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}


.tool4 i {
  color: #000 !important;
  padding-left: -20px;
}


.toolllll {
  height: 9px;
  position: absolute;
  top: -52%;
  left: 95%;
  opacity: 0;
  transition: 0.5s;
}


.toolllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool5 {
  width: 110%;
  height: auto;
}

.tool5 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool5 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllll {
  height: 9px;
  position: absolute;
  top: -51%;
  left: 127%;
  opacity: 0;
  transition: 0.5s;
}


.toollllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool6 {
  width: 110%;
  height: auto;
}

.tool6 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool6 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllll {
  height: 9px;
  position: absolute;
  top: -40%;
  left: 118%;
  opacity: 0;
  transition: 0.5s;
}


.toolllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool7 {
  width: 110%;
  height: auto;
}

.tool7 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool7 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllll {
  height: 9px;
  position: absolute;
  top: -41%;
  left: 95%;
  opacity: 0;
  transition: 0.5s;
}


.toollllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool8 {
  width: 110%;
  height: auto;
}

.tool8 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool8 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllll {
  height: 9px;
  position: absolute;
  top: -32%;
  left: 89%;
  opacity: 0;
  transition: 0.5s;
}


.toolllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool9 {
  width: 110%;
  height: auto;
}

.tool9 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool9 i {
  color: #000 !important;
  padding-left: -20px;
}


.toollllllllll {
  height: 9px;
  position: absolute;
  top: -44%;
  left: 71%;
  opacity: 0;
  transition: 0.5s;
}

.toollllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool10 {
  width: 101%;
  height: auto;
}

.tool10 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool10 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllll {
  height: 9px;
  position: absolute;
  top: -50%;
  left: 50%;
  opacity: 0;
  transition: 0.5s;
}


.toolllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool11 {
  width: 110%;
  height: auto;
}

.tool11 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool11 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllll {
  height: 9px;
  position: absolute;
  top: -47%;
  left: 41%;
  opacity: 0;
  transition: 0.5s;
}


.toollllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool12 {
  width: 110%;
  height: auto;
}

.tool12 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool12 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllll {
  height: 9px;
  position: absolute;
  top: -40%;
  left: 55%;
  opacity: 0;
  transition: 0.5s;
}


.toolllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool13 {
  width: 110%;
  height: auto;
}

.tool13 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool13 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllll {
  height: 9px;
  position: absolute;
  top: -36%;
  left: 44%;
  opacity: 0;
  transition: 0.5s;
}


.toollllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool14 {
  width: 110%;
  height: auto;
}

.tool14 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool14 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllllll {
  height: 9px;
  position: absolute;
  top: -34%;
  left: 74%;
  opacity: 0;
  transition: 0.5s;
}


.toolllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool15 {
  width: 110%;
  height: auto;
}

.tool15 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool15 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllllll {
  height: 9px;
  position: absolute;
  top: -23%;
  left: 65%;
  opacity: 0;
  transition: 0.5s;
}


.toollllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}


.tool16 {
  width: 110%;
  height: auto;
}

.tool16 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool16 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -17%;
  left: 54%;
  opacity: 0;
  transition: 0.5s;
}

.toolllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool17 {
  width: 110%;
  height: auto;
}

.tool17 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool17 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -23%;
  left: 82%;
  opacity: 0;
  transition: 0.5s;
}

.toollllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool18 {
  width: 110%;
  height: auto;
}

.tool18 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool18 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -22%;
  left: 103%;
  opacity: 0;
  transition: 0.5s;
}

.toolllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool19 {
  width: 110%;
  height: auto;
}

.tool19 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool19 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -32%;
  left: 111%;
  opacity: 0;
  transition: 0.5s;
}

.toollllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool20 {
  width: 110%;
  height: auto;
}

.tool20 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool20 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -10%;
  left: 93%;
  opacity: 0;
  transition: 0.5s;
}

.toolllllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool21 {
  width: 110%;
  height: auto;
}

.tool21 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool21 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -2%;
  left: 86%;
  opacity: 0;
  transition: 0.5s;
}

.toollllllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool22 {
  width: 110%;
  height: auto;
}

.tool22 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool22 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -10%;
  left: 63%;
  opacity: 0;
  transition: 0.5s;
}

.toolllllllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool23 {
  width: 110%;
  height: auto;
}

.tool23 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool23 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -2%;
  left: 60%;
  opacity: 0;
  transition: 0.5s;
}

.toollllllllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool24 {
  width: 110%;
  height: auto;
}

.tool24 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool24 i {
  color: #000 !important;
  padding-left: -20px;
}

.toollllllllllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -38%;
  left: 72%;
  opacity: 0;
  transition: 0.5s;
}

.toollllllllllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool26 {
  width: 117%;
  height: auto;
}

.tool26 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool26 i {
  color: #000 !important;
  padding-left: -20px;
}

.toolllllllllllllllllllllllllll {
  height: 9px;
  position: absolute;
  top: -40%;
  left: 96%;
  opacity: 0;
  transition: 0.5s;
}

.toolllllllllllllllllllllllllll:hover {
  opacity: 1;
  cursor: pointer;
}

.tool27 {
  width: 118%;
  height: auto;
}

.tool27 ul {
  font-size: 12px;
  color: #000;
  background: #fff;
  margin-top: 62%;
  padding-left: 4px;
  border-radius: 5px;
  margin-left: 21px;
}

.tool27 i {
  color: #000 !important;
  padding-left: -20px;
}

.find-dealer-row .nav-tabs>li.active>a,
.find-dealer-row .nav-tabs>li.active>a:focus,
.find-dealer-row .nav-tabs>li.active>a:hover {
  color: #fff;
  cursor: default;
  background-color: #ec2028;
  font-weight: normal;
  padding: 10px 60px 10px 60px;
  border-radius: 0;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
  color: #eb1f27;
  cursor: default;
  background-color: #fff;
  font-weight: 600;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.accordion-group,
.accordion-inner,
.nav-tabs,
.nav-tabs>.active>a {
  border-color: #DDD;
}

.nav-tabs {
  margin-top: 4%;
  border-bottom: 1px solid #ddd;
  width: 100%;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.find-dealer-row .nav-tabs>li>a:hover {
  color: #ec2028;
}

.nav-tabs>li>a:hover {
  border-color: #eee #eee #ddd;
}

.nav>li>a:focus,
.nav>li>a:hover {
  text-decoration: none;
  background-color: #eee;
}

.find-dealer-row .nav-tabs>li>a {
  color: #3d3d3d;
  background: #dad8d8;
  padding: 10px 40px 10px 40px;
}

.nav-tabs>li>a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.tab-content>.active {
  display: block;
}

/* .tab-content>.tab-pane {
     display: none;
} */

.fade.in {
  opacity: 1;
}

.tab-content>.active {
  /*    display: block;*/
  visibility: visible;
}

.dlr-address {
  display: block;
  margin-top: 20px;
}

.dealer-img {
  margin: 2px 10px 6px 13px;
  display: inline-block;
}

img {
  vertical-align: middle;
}

img {
  border: 0;
}

.dealer-nav .nav-tabs>li.active>a,
.dealer-nav .nav-tabs>li.active>a:focus,
.dealer-nav .nav-tabs>li.active>a:hover {
  color: #fff;
  cursor: default;
  background-color: #eb1f27;
  font-weight: normal;
  padding: 10px 50px 10px 25px;
  border-radius: 0;
  border-radius: 4px 4px 0 0
}


.dealer-h5 {
  display: inline-block;
  font-family: 'Myriad Pro';
  font-size: 18px;
  font-weight: 600;
  color: #202a30;
  line-height: 24px;
}

h5 {
  text-transform: uppercase;
}

h5 {
  font: normal 12px / 18px Myriad Pro;
  color: #3d3d3d;
}

.dlr-address .duration a {
  color: #222;
  text-decoration: none;
  font: 400 16px / 24px 'Myriad Pro' !important;
}

.dealer-detail {
  margin-left: 40px
}

.dlr-address {
  display: block;
  margin-top: 20px
}

.dlr-address .duration a {
  color: #222;
  text-decoration: none;
  font: 400 16px/24px 'Myriad Pro' !important;
}

.dlr-address .duration a:hover {
  color: #eb1f27;
}

.nav-tabs>li>a {
  background: #dad8d8;
}

a {
  outline: none;
  /*    text-decoration: none;*/
}

a {
  background-color: transparent;
}

.india {
  margin-left: 45%;
  margin-top: -67%;
}

.world-map img {
  margin-top: -18%;
  margin-left: 20%;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px / 1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


#wrapper,
#wrapper1 {
  position: relative;
}

/* .pin,
.pin1 {
  display: none;
} */

.tooltip-up,
.tooltip-down,
.tooltip-up1,
.tooltip-down1 {
  position: absolute;
  width: 30px;
  height: 30px;
  background-size: cover;
}

.tooltip-down,
.tooltip-down1 {
  background-position: 0 -52px
}

.tooltip,
.tooltip {
  /*    display: none;*/
  width: 300px;
  opacity: 1;
  text-shadow: 0 1px 0 #fff;
  position: absolute;
  /*  top: 30px;
    left: -22px;*/
  z-index: 999;
  margin-left: -102px;
  padding: 5px 10px;
  font-size: 13px;
  color: #555;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #f5f5f5;
}

.tooltip::after,
.tooltip1::after {
  content: '';
  position: absolute;
  /* top: -10px;
    left: 46%;*/
  margin-left: -10px;
  border-bottom: 10px solid #f5f5f5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent
}

.tooltip-down .tooltip,
.tooltip-down1 .tooltip1 {
  bottom: 33px;
  top: auto;
}

.tooltip-down .tooltip::after,
.tooltip-down1 .tooltip1::after {
  bottom: -9px;
  top: auto;
  border-bottom: 0;
  border-top: 10px solid #f5f5f5
}

.tooltip ul,
.tooltip ul {
  margin: 0;
  padding: 0;
}

.world-map {
  margin: 50px 0
}


/*media query.................................................................................................*/

@media screen and (max-width:1359px) {

  .section-2 .banner {
    width: 100% !important;
    overflow: hidden;
  }

  .world-map img {
    width: 78%;
    margin-top: -20%;
    margin-left: 251px;
  }

  .toollllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -36%;
    left: 50%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool26 {
    width: 117%;
    height: auto;
  }

  .tool26 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool26 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -40%;
    left: 67%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool27 {
    width: 118%;
    height: auto;
  }

  .tool27 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool27 i {
    color: #000 !important;
    padding-left: -20px;
  }
}

@media screen and (max-width:1357px) {

  .section-2 .banner {
    width: 100.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1351px) {
  .section-2 .banner {
    width: 100.3%;
    overflow: hidden;
  }
}

@media screen and (max-width:1340px) {
  .section-2 .banner {
    width: 100.8%;
    overflow: hidden;
  }
}

@media screen and (max-width:1335px) {
  .section-2 .banner {
    width: 100.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:1330px) {
  .section-2 .banner {
    width: 101.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:1327px) {
  .section-2 .banner {
    width: 101.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1320px) {
  .section-2 .banner {
    width: 101.5%;
    overflow: hidden;
  }
}

@media screen and (max-width:1310px) {
  .section-2 .banner {
    width: 101.8%;
    overflow: hidden;
  }
}

@media screen and (max-width:1300px) {
  .section-2 .banner {
    width: 102.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1280px) {
  .section-2 .banner {
    width: 103.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:1277px) {
  .section-2 .banner {
    width: 103.3%;
    overflow: hidden;
  }
}

@media screen and (max-width:1269px) {
  .section-2 .banner {
    width: 103.6%;
    overflow: hidden;
  }
}

@media screen and (max-width:1260px) {
  .section-2 .banner {
    width: 103.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:1259px) {
  .section-2 .banner {
    width: 104%;
    overflow: hidden;
  }
}

@media screen and (max-width:1253px) {
  .section-2 .banner {
    width: 104.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1250px) {
  .section-2 .banner {
    width: 104.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1249px) {
  .section-2 .banner {
    width: 104.4%;
    overflow: hidden;
  }
}

@media screen and (max-width:1240px) {
  .section-2 .banner {
    width: 104.8%;
    overflow: hidden;
  }
}

@media screen and (max-width:1230px) {
  .section-2 .banner {
    width: 105.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1220px) {
  .section-2 .banner {
    width: 105.7%;
    overflow: hidden;
  }
}

@media screen and (max-width:1215px) {
  .section-2 .banner {
    width: 106%;
    overflow: hidden;
  }
}

@media screen and (max-width:1210px) {
  .section-2 .banner {
    width: 106.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:1205px) {
  .section-2 .banner {
    width: 106.4%;
    overflow: hidden;
  }
}

@media screen and (max-width:1200px) {
  .section-2 .banner {
    width: 106.5%;
    overflow: hidden;
  }
}

@media screen and (max-width:1199px) {
  .section-2 .banner {
    width: 114.2%;
    overflow: hidden;
  }

  .section-2 .banner h1 {
    font-size: 30px;
    color: #fff;
    margin-top: 9%;
    margin-left: -77px;
  }

  .section-2 .banner h5 {
    margin-left: -75px;
  }

  .world-map img {
    width: 100%;
    margin-top: -20%;
    margin-left: 251px;
  }

  .toollllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -26%;
    left: 64%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool26 {
    width: 117%;
    height: auto;
  }

  .tool26 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool26 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -27%;
    left: 85%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool27 {
    width: 118%;
    height: auto;
  }

  .tool27 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool27 i {
    color: #000 !important;
    padding-left: -20px;
  }
}

@media screen and (max-width:1190px) {
  .section-2 .banner {
    width: 114.6%;
    overflow: hidden;
  }
}

@media screen and (max-width:1180px) {
  .section-2 .banner {
    width: 115.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1170px) {
  .section-2 .banner {
    width: 115.7%;
    overflow: hidden;
  }
}

@media screen and (max-width:1160px) {
  .section-2 .banner {
    width: 116.3%;
    overflow: hidden;
  }
}

@media screen and (max-width:1150px) {
  .section-2 .banner {
    width: 116.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:1140px) {
  .section-2 .banner {
    width: 117.5%;
    overflow: hidden;
  }
}

@media screen and (max-width:1130px) {
  .section-2 .banner {
    width: 118.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:1120px) {
  .section-2 .banner {
    width: 118.7%;
    overflow: hidden;
  }
}

@media screen and (max-width:1110px) {
  .section-2 .banner {
    width: 119.3%;
    overflow: hidden;
  }
}

@media screen and (max-width:1100px) {
  .section-2 .banner {
    width: 119.3%;
    overflow: hidden;
  }

  .map1 img {
    margin-left: 37%;
    margin-top: -67%;
  }
}

@media screen and (max-width:1090px) {
  .section-2 .banner {
    width: 119.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:1080px) {
  .section-2 .banner {
    width: 120.6%;
    overflow: hidden;
  }
}

@media screen and (max-width:1070px) {
  .section-2 .banner {
    width: 121.2%;
    overflow: hidden;
  }
}

@media screen and (max-width:1060px) {
  .section-2 .banner {
    width: 121.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:1050px) {
  .section-2 .banner {
    width: 122.6%;
    overflow: hidden;
  }
}

@media screen and (max-width:1040px) {
  .section-2 .banner {
    width: 123.4%;
    overflow: hidden;
  }
}

@media screen and (max-width:1030px) {
  .section-2 .banner {
    width: 123.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:1020px) {
  .section-2 .banner {
    width: 99.9%;
    overflow: hidden;
  }

  .section-2 .banner h1 {
    margin-top: 12%;
    margin-left: -10px;
  }

  .section-2 .banner h5 {
    margin-left: -10px;
  }

  .dealer-img {
    margin: 2px 10px 6px -12px;
    display: inline-block;
  }

  .dlr-address .duration a {
    margin-left: 10px;
  }

  .map1 img {
    width: 97%;
    margin-left: 31%;
    overflow: hidden;
  }

  .toolllll {
    height: 9px;
    position: absolute;
    top: -52%;
    left: 72%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool5 {
    width: 110%;
    height: auto;
  }

  .tool5 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool5 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllll {
    height: 9px;
    position: absolute;
    top: -52%;
    left: 93%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool6 {
    width: 110%;
    height: auto;
  }

  .tool6 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool6 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllll {
    height: 9px;
    position: absolute;
    top: -45%;
    left: 71%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool8 {
    width: 110%;
    height: auto;
  }

  .tool8 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool8 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllll {
    height: 9px;
    position: absolute;
    top: -33%;
    left: 64%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool9 {
    width: 110%;
    height: auto;
  }

  .tool9 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool9 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllll {
    height: 9px;
    position: absolute;
    top: -42%;
    left: 59%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool10 {
    width: 101%;
    height: auto;
  }

  .tool10 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool10 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllll {
    height: 9px;
    position: absolute;
    top: -34%;
    left: 27%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool15 {
    width: 110%;
    height: auto;
  }

  .tool15 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool15 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllll {
    height: 9px;
    position: absolute;
    top: -46%;
    left: 28%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool12 {
    width: 110%;
    height: auto;
  }

  .tool12 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool12 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllll {
    height: 9px;
    position: absolute;
    top: -39%;
    left: 31%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool13 {
    width: 110%;
    height: auto;
  }

  .tool13 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool13 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -32%;
    left: 85%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool20 {
    width: 110%;
    height: auto;
  }

  .tool20 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool20 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -18%;
    left: 37%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool17 {
    width: 110%;
    height: auto;
  }

  .tool17 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool17 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -10%;
    left: 45%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool23 {
    width: 110%;
    height: auto;
  }

  .tool23 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool23 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -2%;
    left: 42%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool24 {
    width: 110%;
    height: auto;
  }

  .tool24 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool24 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -2%;
    left: 68%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool22 {
    width: 110%;
    height: auto;
  }

  .tool22 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool22 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -10%;
    left: 73%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool21 {
    width: 110%;
    height: auto;
  }

  .tool21 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool21 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -27%;
    left: 64%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool18 {
    width: 110%;
    height: auto;
  }

  .tool18 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool18 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllll {
    height: 9px;
    position: absolute;
    top: -23%;
    left: 39%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool16 {
    width: 110%;
    height: auto;
  }

  .tool16 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool16 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllll {
    height: 9px;
    position: absolute;
    top: -37%;
    left: 31%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool14 {
    width: 110%;
    height: auto;
  }

  .tool14 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool14 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -22%;
    left: 81%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool19 {
    width: 110%;
    height: auto;
  }

  .tool19 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool19 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollll {
    height: 9px;
    position: absolute;
    top: -58%;
    left: 40%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool4 {
    width: 110%;
    height: auto;
  }

  .tool4 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }


  .tool4 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .tooll {
    height: 9px;
    position: absolute;
    top: -62%;
    left: 57%;
    opacity: 0;
    transition: 0.5s;
  }


  .tooll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool2 {
    width: 110%;
    height: auto;
  }

  .tool2 ul {
    font-size: 14px;
    color: #000;
    background: #fff !important;
    margin-top: 33%;
    padding-left: 8px;
    border-radius: 5px;
  }

  .tool2 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .tool {
    height: -px;
    position: absolute;
    top: -66%;
    left: 61%;
    opacity: 0;
    transition: 0.5s;
  }


  .tool:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool1 {
    width: 110%;
    height: auto;
  }

  .tool1 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 7%;
    padding-left: 8px;
    border-radius: 5px;
  }

  .tool1 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllll {
    height: 9px;
    position: absolute;
    top: -40%;
    left: 91%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool7 {
    width: 110%;
    height: auto;
  }

  .tool7 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool7 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolll {
    height: 9px;
    position: absolute;
    top: -64%;
    left: 64%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool3 {
    width: 110%;
    height: auto;
  }

  .tool3 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool3 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllll {
    height: 9px;
    position: absolute;
    top: -50%;
    left: 35%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool11 {
    width: 110%;
    height: auto;
  }

  .tool11 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool11 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .dlr-address {
    display: block;
    margin-top: 24px;
    margin-left: 19px;
  }

  .world-map img {
    width: 76%;
    margin-top: -28%;
    margin-left: 235px;
  }

  .toollllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -48%;
    left: 48%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool26 {
    width: 117%;
    height: auto;
  }

  .tool26 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool26 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -52%;
    left: 69%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool27 {
    width: 118%;
    height: auto;
  }

  .tool27 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool27 i {
    color: #000 !important;
    padding-left: -20px;
  }
}

@media screen and (max-width:991px) {
  .section-2 .banner {
    width: 112.1%;
    overflow: hidden;
  }

  .section-2 .banner h1 {
    margin-top: 12%;
    margin-left: -64px;
  }

  .section-2 .banner h5 {
    margin-left: -61px;
  }

  .world-map img {
    width: 110%;
    margin-top: -28%;
    margin-left: 194px;
  }

  .toollllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -28%;
    left: 63%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool26 {
    width: 117%;
    height: auto;
  }

  .tool26 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool26 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: -26%;
    left: 91%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool27 {
    width: 118%;
    height: auto;
  }

  .tool27 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool27 i {
    color: #000 !important;
    padding-left: -20px;
  }
}

@media screen and (max-width:980px) {
  .section-2 .banner {
    width: 112.8%;
    overflow: hidden;
  }

  .section-2 .banner h1 {
    margin-top: 12%;
    margin-left: -64px;
  }

  .section-2 .banner h5 {
    margin-left: -61px;
  }
}

@media screen and (max-width:970px) {
  .section-2 .banner {
    width: 113.4%;
    overflow: hidden;
  }
}

@media screen and (max-width:960px) {
  .section-2 .banner {
    width: 114.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:940px) {
  .section-2 .banner {
    width: 115.4%;
    overflow: hidden;
  }
}

@media screen and (max-width:930px) {
  .section-2 .banner {
    width: 116.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:920px) {
  .section-2 .banner {
    width: 116.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:910px) {
  .section-2 .banner {

    width: 117.6%;
    overflow: hidden;
  }
}

@media screen and (max-width:900px) {
  .section-2 .banner {
    width: 118.3%;
    overflow: hidden;
  }
}

@media screen and (max-width:890px) {
  .section-2 .banner {
    width: 119.1%;
    overflow: hidden;
  }
}

@media screen and (max-width:880px) {
  .section-2 .banner {
    width: 119.9%;
    overflow: hidden;
  }
}

@media screen and (max-width:870px) {
  .section-2 .banner {
    width: 120.7%;
    overflow: hidden;
  }
}

@media screen and (max-width:860px) {
  .section-2 .banner {
    width: 121.5% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:850px) {
  .section-2 .banner {
    width: 122.3% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:840px) {
  .section-2 .banner {
    width: 123.3% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:830px) {
  .section-2 .banner {
    width: 124% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:820px) {
  .section-2 .banner {
    width: 124.9% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:810px) {
  .section-2 .banner {
    width: 125.7% !important;
    overflow: hidden;
  }

  .map1 img {
    width: 96%;
    margin-left: 31%;
    overflow: hidden;
  }
}

@media screen and (max-width:800px) {
  .section-2 .banner {
    width: 126% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:790px) {
  .section-2 .banner {
    width: 127% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:780px) {
  .section-2 .banner {
    width: 128% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:770px) {
  .section-2 .banner {
    width: 129% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:768px) {
  .section-2 .banner {
    width: 129.2% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:767px) {
  .section-2 .banner {
    width: 141% !important;
    overflow: hidden;
  }

  .section-2 .banner h1 {
    margin-top: 16%;
    margin-left: -161px;
    font-size: 31px;
  }

  .section-2 .banner h5 {
    margin-left: -152px;
  }

  .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-right: -241px;
    margin-left: 200px;
  }

  .dealer-img {
    margin: 3px 13px 9px 270px;
    display: inline-block;
  }

  .dealer-h5 {
    font-size: 24px;
  }

  .dlr-address .duration a {
    color: #222;
    text-decoration: none;
    font: 400 20px / 24px 'Myriad Pro' !important;
  }


  .dlr-address .duration a {
    margin-left: 299px;
  }

  .map1 img {
    width: 136%;
    margin-left: -13%;
    overflow: hidden;
    margin-top: 3%;
  }

  .tool {
    height: -px;
    position: absolute;
    top: 6%;
    left: 36%;
    opacity: 0;
    transition: 0.5s;
  }


  .tool:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool1 {
    width: 110%;
    height: auto;
  }

  .tool1 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 7%;
    padding-left: 8px;
    border-radius: 5px;
  }

  .tool1 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .tooll {
    height: 9px;
    position: absolute;
    top: 9%;
    left: 37%;
    opacity: 0;
    transition: 0.5s;
  }


  .tooll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool2 {
    width: 110%;
    height: auto;
  }

  .tool2 ul {
    font-size: 14px;
    color: #000;
    background: #fff !important;
    margin-top: 33%;
    padding-left: 8px;
    border-radius: 5px;
  }

  .tool2 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .toolll {
    height: 9px;
    position: absolute;
    top: 7%;
    left: 38%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool3 {
    width: 110%;
    height: auto;
  }

  .tool3 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool3 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .toollll {
    height: 9px;
    position: absolute;
    top: 14%;
    left: 11%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool4 {
    width: 110%;
    height: auto;
  }

  .tool4 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }


  .tool4 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .toolllll {
    height: 9px;
    position: absolute;
    top: 18%;
    left: 47%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool5 {
    width: 110%;
    height: auto;
  }

  .tool5 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool5 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllll {
    height: 9px;
    position: absolute;
    top: 20%;
    left: 80%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool6 {
    width: 110%;
    height: auto;
  }

  .tool6 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool6 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllll {
    height: 9px;
    position: absolute;
    top: 31%;
    left: 73%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool7 {
    width: 110%;
    height: auto;
  }

  .tool7 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool7 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllll {
    height: 9px;
    position: absolute;
    top: 28%;
    left: 50%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool8 {
    width: 110%;
    height: auto;
  }

  .tool8 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool8 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllll {
    height: 9px;
    position: absolute;
    top: 35%;
    left: 41%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool9 {
    width: 110%;
    height: auto;
  }

  .tool9 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool9 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .toollllllllll {
    height: 9px;
    position: absolute;
    top: 26%;
    left: 35%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool10 {
    width: 101%;
    height: auto;
  }

  .tool10 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool10 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllll {
    height: 9px;
    position: absolute;
    top: 21%;
    left: 8%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool11 {
    width: 110%;
    height: auto;
  }

  .tool11 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool11 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllll {
    height: 9px;
    position: absolute;
    top: 26%;
    left: -7%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool12 {
    width: 110%;
    height: auto;
  }

  .tool12 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool12 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllll {
    height: 9px;
    position: absolute;
    top: 32%;
    left: 10%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool13 {
    width: 110%;
    height: auto;
  }

  .tool13 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool13 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllll {
    height: 9px;
    position: absolute;
    top: 35%;
    left: -4%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool14 {
    width: 110%;
    height: auto;
  }

  .tool14 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool14 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllll {
    height: 9px;
    position: absolute;
    top: 34%;
    left: 26%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool15 {
    width: 110%;
    height: auto;
  }

  .tool15 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool15 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllll {
    height: 9px;
    position: absolute;
    top: 47%;
    left: 6%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool16 {
    width: 110%;
    height: auto;
  }

  .tool16 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool16 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 54%;
    left: 4%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool17 {
    width: 110%;
    height: auto;
  }

  .tool17 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool17 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 44%;
    left: 33%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool18 {
    width: 110%;
    height: auto;
  }

  .tool18 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool18 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 47%;
    left: 57%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool19 {
    width: 110%;
    height: auto;
  }

  .tool19 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool19 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 38%;
    left: 66%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool20 {
    width: 110%;
    height: auto;
  }

  .tool20 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool20 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 61%;
    left: 46%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool21 {
    width: 110%;
    height: auto;
  }

  .tool21 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool21 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 68%;
    left: 39%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool22 {
    width: 110%;
    height: auto;
  }

  .tool22 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool22 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 61%;
    left: 13%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool23 {
    width: 110%;
    height: auto;
  }

  .tool23 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool23 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 68%;
    left: 11%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool24 {
    width: 110%;
    height: auto;
  }

  .tool24 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool24 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .world-map img {
    width: 124%;
    margin-top: -8%;
    margin-left: 65px;
  }

  .toollllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 6%;
    left: 46%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool26 {
    width: 117%;
    height: auto;
  }

  .tool26 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool26 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 8%;
    left: 83%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool27 {
    width: 118%;
    height: auto;
  }

  .tool27 ul {
    font-size: 12px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool27 i {
    color: #000 !important;
    padding-left: -20px;
  }
}

@media screen and (max-width:730px) {
  .section-2 .banner {
    width: 141.5% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:720px) {
  .section-2 .banner {
    width: 142.8% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:720px) {
  .section-2 .banner {
    width: 144.1% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:700px) {
  .section-2 .banner {
    width: 145.4% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:690px) {
  .section-2 .banner {
    width: 146.8% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:680px) {
  .section-2 .banner {
    width: 148.2% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:670px) {
  .section-2 .banner {
    width: 149.7% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:660px) {
  .section-2 .banner {
    width: 151.4% !important;
    overflow: hidden;
  }

  .section-2 .banner h5 {
    margin-left: -158px;
    font-size: 18px;
  }
}

@media screen and (max-width:650px) {
  .section-2 .banner {
    width: 152.6% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:640px) {
  .section-2 .banner {
    width: 154.4% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:630px) {
  .section-2 .banner {
    width: 156% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:620px) {
  .section-2 .banner {
    width: 157.5% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:610px) {
  .section-2 .banner {
    width: 153.2% !important;
    overflow: hidden;
  }

  .map1 img {
    width: 122%;
    margin-left: -5%;
    overflow: hidden;
    margin-top: 3%;
  }

  .tool {
    position: absolute;
    top: 5%;
    left: 38%;
    opacity: 0;
    transition: 0.5s;
  }


  .tool:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool1 {
    width: 110%;
    height: auto;
  }

  .tool1 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 7%;
    padding-left: 12px;
    border-radius: 5px;
  }

  .tool1 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .tooll {
    height: 9px;
    position: absolute;
    top: 11%;
    left: 33%;
    opacity: 0;
    transition: 0.5s;
  }


  .tooll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool2 {
    width: 110%;
    height: auto;
  }

  .tool2 ul {
    font-size: 14px;
    color: #000;
    background: #fff !important;
    margin-top: 33%;
    padding-left: 8px;
    border-radius: 5px;
  }

  .tool2 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolll {
    height: 9px;
    position: absolute;
    top: 9%;
    left: 41%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool3 {
    width: 110%;
    height: auto;
  }

  .tool3 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool3 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollll {
    height: 9px;
    position: absolute;
    top: 10%;
    left: 8%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool4 {
    width: 110%;
    height: auto;
  }

  .tool4 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool4 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllll {
    height: 9px;
    position: absolute;
    top: 17%;
    left: 46%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool5 {
    width: 110%;
    height: auto;
  }

  .tool5 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool5 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllll {
    height: 9px;
    position: absolute;
    top: 17%;
    left: 79%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool6 {
    width: 110%;
    height: auto;
  }

  .tool6 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool6 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllll {
    height: 9px;
    position: absolute;
    top: 28%;
    left: 73%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool7 {
    width: 110%;
    height: auto;
  }

  .tool7 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool7 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllll {
    height: 9px;
    position: absolute;
    top: 24%;
    left: 45%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool8 {
    width: 110%;
    height: auto;
  }

  .tool8 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool8 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllll {
    height: 9px;
    position: absolute;
    top: 35%;
    left: 39%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool9 {
    width: 110%;
    height: auto;
  }

  .tool9 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool9 i {
    color: #000 !important;
    padding-left: -20px;
  }


  .toollllllllll {
    height: 9px;
    position: absolute;
    top: 30%;
    left: 30%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool10 {
    width: 101%;
    height: auto;
  }

  .tool10 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool10 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllll {
    height: 9px;
    position: absolute;
    top: 18%;
    left: 2%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool11 {
    width: 110%;
    height: auto;
  }

  .tool11 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool11 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllll {
    height: 9px;
    position: absolute;
    top: 21%;
    left: -7%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool12 {
    width: 110%;
    height: auto;
  }

  .tool12 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool12 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllll {
    height: 9px;
    position: absolute;
    top: 28%;
    left: -2%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool13 {
    width: 110%;
    height: auto;
  }

  .tool13 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool13 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllll {
    height: 9px;
    position: absolute;
    top: 30%;
    left: -5%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool14 {
    width: 110%;
    height: auto;
  }

  .tool14 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool14 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllll {
    height: 9px;
    position: absolute;
    top: 35%;
    left: -7%;
    opacity: 0;
    transition: 0.5s;
  }


  .toolllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool15 {
    width: 110%;
    height: auto;
  }

  .tool15 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool15 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllll {
    height: 9px;
    position: absolute;
    top: 49%;
    left: 32%;
    opacity: 0;
    transition: 0.5s;
  }


  .toollllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }


  .tool16 {
    width: 110%;
    height: auto;
  }

  .tool16 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool16 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 52%;
    left: 5%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool17 {
    width: 110%;
    height: auto;
  }

  .tool17 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool17 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 41%;
    left: 35%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool18 {
    width: 110%;
    height: auto;
  }

  .tool18 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool18 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 46%;
    left: 57%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool19 {
    width: 110%;
    height: auto;
  }

  .tool19 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool19 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 35%;
    left: 67%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool20 {
    width: 110%;
    height: auto;
  }

  .tool20 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool20 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 58%;
    left: 48%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool21 {
    width: 110%;
    height: auto;
  }

  .tool21 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool21 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 65%;
    left: 42%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool22 {
    width: 110%;
    height: auto;
  }

  .tool22 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool22 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toolllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 58%;
    left: 14%;
    opacity: 0;
    transition: 0.5s;
  }

  .toolllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool23 {
    width: 110%;
    height: auto;
  }

  .tool23 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool23 i {
    color: #000 !important;
    padding-left: -20px;
  }

  .toollllllllllllllllllllllll {
    height: 9px;
    position: absolute;
    top: 67%;
    left: 10%;
    opacity: 0;
    transition: 0.5s;
  }

  .toollllllllllllllllllllllll:hover {
    opacity: 1;
    cursor: pointer;
  }

  .tool24 {
    width: 110%;
    height: auto;
  }

  .tool24 ul {
    font-size: 14px;
    color: #000;
    background: #fff;
    margin-top: 62%;
    padding-left: 4px;
    border-radius: 5px;
    margin-left: 21px;
  }

  .tool24 i {
    color: #000 !important;
    padding-left: -20px;
  }
}

@media screen and (max-width:600px) {
  .section-2 .banner {
    width: 153.6% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:590px) {
  .section-2 .banner {
    width: 155.6% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:580px) {
  .section-2 .banner {
    width: 157.4% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:576px) {
  .section-2 .banner {
    width: 158.1% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:575px) {
  .section-2 .banner h1 {
    margin-top: 12%;
    margin-left: 93px;
    font-size: 28px;
  }

  .section-2 .banner h5 {
    margin-left: 94px;
    font-size: 17px;
  }
}

@media screen and (max-width:560px) {
  .section-2 .banner {
    width: 159.4% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:550px) {
  .section-2 .banner {
    width: 162.3% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:540px) {
  .section-2 .banner {
    width: 165.3% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:530px) {
  .section-2 .banner {
    width: 168.4% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:520px) {
  .section-2 .banner {
    width: 172% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:510px) {
  .section-2 .banner {
    width: 175% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:500px) {
  .section-2 .banner {
    width: 178.3% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:490px) {
  .section-2 .banner {
    width: 182.3% !important;
    overflow: hidden;
  }
}

@media screen and (max-width:480px) {
  .section-2 .banner {
    width: 185.7% !important;
    overflow: hidden;
  }

  .map1 img {
    width: 121%;
    margin-left: -5%;
    overflow: hidden;
    margin-top: 3%;
  }
}

/*media query.................................................................................................*/