/* responsive */
@media (max-width: 980px) {
  .col-sm-3.back-img {
    display: none;
      width: 30%;
}

a.change-image1 {
    display: block;
}
a.change-image2 {
    display: block;
}
a.change-image3 {
    display: block;
}
li.btn.btn-outline-dark {
    padding: 3px;
    font-size: 10px;
}
a.img-fluid.link {
    font-size: 15px;
}


.col-md-9.left-bar-show {
    display: block;
}
.text-style {
    line-height: 15px !important;
    font-size: 15px !important;
}

video.video_responsive {
  width: 270px;
    height: 170px;
}
.show-tex {
    display: none;
}
.row.top {
    position: relative;
    top: 40px;
}
.spacetop {
    display: block;
}
.col-md-3.box.wow.bounceInUp {
    display: none;
}
.col-md-3.tyre{
  display: block;
}
.row.overflow {
    height: 400px;
    overflow-y: scroll;
}
.logo-image{
  text-align: left;
}
.slick-track {
    height: 300px;
}


/* lll */
span.change-image1 {
    color: white;
}
span.change-image2 {
    color: white;
}
span.change-image3 {
    color: white;
}
.col-sm-3.back-img.wow.bounceInUp {
    width: 30%;
}
.section .nav-link-section li a::before {
    content: "";
    background-color: white;
    position: absolute;
    margin-left: 9px;
    top: 30px;
    width: 2px;
    height: 73%;
}
.section .nav-link-section li a {
    color: #fffdfd;
    height: 30px;
    margin-top: 0px;
    width: 30px;
    padding: 0px;
    margin-left: 0px;
    border-radius: 34px;
    line-height: 30px;
    text-align: center;
    background-color: #26232336;
    border: 1px solid #ffffff;
}
.section .nav-link-section li {
    display: flex;
    height: 22.3%;
}
.section .nav-link-section li.active .show-text{
    font-size: 17px;
    padding: 10px;
}
.col-md-9.artical-box {
  top: 30px !important;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  height: 300px;
}
.portfolio-item.row.art.scroll.ntp {
    height: 250px !important;
}

.portfolio-item .item {
    padding-left: 0px;
}
span#display {
  position: relative;
    top: 316px;
    font-size: 13px;
    color: white;
    left: 10px;
}
span.show-text:hover {
    font-size: 16px !important;
}
.vr-line {
    border-left: 1px solid;
    padding: 10px;
}
span#display1 {
    position: relative;
    top: 148px;
    right: -20px;
    font-size: 21px;
    color: white;
}
.media-carousel {
    margin-bottom: 0;
    padding: 0 0px 0px 0px;
}
h3.year {
    margin-top: 16px;
    margin-bottom: 0px;
    font-size: 15px;
}
nav.navbar.navbar-expand-md.bg-dark.navbar-dark {
    display: block;
    background: black;
    top: -15px;
}

img.logo1.wow.bounceIn.block {
    height: 40px;
}
.container.small {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
ul.navbar-nav {
    list-style: none;
}
div#collapsibleNavbar {
    position: relative;
    left: -55px;
    font-size: 22px;
    line-height: 2;
    top: 15px;
}
span.change-image1-s2 {
    color: white;
}
span.change-image2-s2 {
    color: white;
}
span.change-image3-s2 {
    color: white;
}
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 10%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 30px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 850px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
  img.zoom.img-fluid {
    height: 22vw!important;
    width: 100% !important;
}
}

span.dropdownarrow {
    color: white;
    position: relative;
    bottom: 40px;
    text-align: right;
}

img.logo1.wow.bounceIn.none {
    height: 51px;
    position: relative;
    top: 5px;
}

a, span {
    font-family: americorps_straightregular !important;
}

.col-md-3.logo-image.wow.bounceIn.mobile {
    background: black;
    top: 0px;
    height: 60px;
    z-index: 9999;
}

.col-md-9.block-style.scroll {
  top: 200px;
  height: 250px;
}

.col-md-9.block-style {
    background: #0b0b0b03;
    height: 500px;
    overflow-y: hidden;
    overflow-x: hidden;
}

span.show-text.mobile {
    display: block;
    color: white;
    position: relative;
    text-align: initial;
    font-size: 23px;
}

.show-text {
    visibility: visible;
}

div#myNav {
    display: block;
}
.spacetop1.mobile {
    bottom: 70px;
}

img.tyree1.tyre_rotate.mobile {
    height: 36px;
    position: relative;
    left: 50px;
    bottom: 30px;
}

img.roll1.mobile {
    height: 50px;
}

.text-center {
  text-align: center !important;
}

a.img-fluid.link {
    font-family: sans-serif !important;
}

a.thumbnail {
    padding: 0px;
    margin-bottom: 0px;
}
div#image {
    height: 250px !important;
    top: 67px;
}
.btn-group {
    top: 445px;
}
.col-md-4.group {
    z-index: 9999;
}
span.dropdownarrow {
    display: block;
}

div#mybar {
    display: block;
}
.col-md-3.logo-image.wow.bounceIn {
    display: none;
}

img.vlogo {
    display: none;
}
div#video {
    position: relative;
    top: 60px;
}
.spacetop {
    top: 0px;
}
img.errow3 {
    width: 9%;
    bottom: -25px;
    right: 67px;
}
img.roll2 {
    height: 70px;
    position: relative;
    left: 132px;
    top: 10px;
}
img.tyree.tyre_rotate {
    height: 40px;
    position: relative;
    left: 195px;
    bottom: 25px;
}
.col-md-6.insta {
    top: 30px;
    background: white;
    height: 400px;
    width: 330px;
    right: 30px;
}
img.round {
    border-radius: 50%;
    width: 92px;
}
.h2, h2 {
    font-size: 17px;
}
.col-md-8.top {
    bottom: 75px;
    left: 22px;
    display: none;
}
.col-md-8.postt {
    left: 104px;
    bottom: 60px;
}
.col-md-2.mg2 {
    width: 1px;
    padding-left: 0;
    bottom: 44px;
    left: 56px;
}
.col-md-2.mg3 {
    width: 35%;
    padding-left: 0;
    bottom: 88px;
    left: 120px;
}
.col-md-2.mg1 {
    width: 30%;
    right: 25px;
}
.col-md-6.intro {
    bottom: 130px;
}
a.ppp {
    font-family: sans-serif !important;
    font-size: 13px;
}

.col-md-4.item_box {
    width: 30%;
    height: 85px;
}
.icons {
    width: 93px;
    height: 85px;
  }
  .col-md-12.scroll {
      bottom: 150px;
      max-height: 187px;
  }
  .col-sm-7 {
      top: 60px;
  }
  img.dew {
      width: 37%;
  }
  .carousel-control.my {
      top: 115px !important;
      width: 7% !important;
      font-size: 33px !important;
    }
    .carousel-control.my2 {
      font-size: 50px !important;
  margin-top: 16vw!important;
  height: 0px;
      }
    .col-xs-2 {
    width: 32.666667%;
}
img.zoom {
    width: 100%;
    height: 100px !important;
  }
  .btn-primary {
      color: black !important;
      background-color: white !important;
      border-color: white !important;
  }
  .col-sm-4.fit2 {
      top: 345px;
      left: -32px;
  }
  img.responsive_img2 {
      height: 60px;
  }
  .col-sm-4.fit {
    top: 352px;
    right: 75px;
}
img.responsive_img {
  height: 27px;
}
.col-sm-4.fit1 {
  top: 332px;
  left: 58px;
}
  img.responsive_img1 {
      height: 17px;
  }
  iframe.deo {
      display: block;
  }
  iframe.deo {
      width: 71%;
      height: 35vw;
      position: relative;
      left: 85px;
  }

  .col-md-9.top1 {
      top: 500px;
      left: 0px;
  }
  .col-md-12.tyree {
      position: absolute;
      bottom: 20px;
      right: 20px;
      z-index: 9999;
  }
  img.errow1.mobile {
      height: 30px;
      position: relative;
      right: 30px;
  }
  img.tyyy {
    height: 40px;
        position: relative;
        bottom: 21px;
        left: 49px;
  }
  img.rrol {
    height: 52px;
position: relative;
bottom: -11px;
  }
  .col-md-12.top1 {
      position: relative;
      top: 560px;
      height: 60px;
  }

  img.img-fluid {
      height: 60vw!important;
      width: 100% !important;
  }

  .modal-header button{
    padding: 5px;
    background: red;
    opacity: 1;
  }
  .fancybox-nav span {
      visibility: visible !important;
  }

  .story {
      position: relative;
      top: 20vh;
  }
  a.btn.btn-outline-dark.read {
      font-size: 35px;
  }

  a.btn.btn-outline-dark.read {
    position: relative;
    top: 20px;
}
  /* button */
  a.btn.btn-outline-dark.read {
    background-color: #fffffffc;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    font-size: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
  }
  @-webkit-keyframes glowing {
    0% { background-color: #000000f5; -webkit-box-shadow: 5px 5px 3px white; }
    50% { background-color: #000000f5; -webkit-box-shadow: 5px 5px 40px white; }
    100% { background-color: #000000f5; -webkit-box-shadow: 5px 5px 3px white; }
  }

  @-moz-keyframes glowing {
    0% { background-color: #000000f5; -moz-box-shadow: 5px 5px 3px white; }
    50% { background-color: #000000f5; -moz-box-shadow: 5px 5px 40px white; }
    100% { background-color: #000000f5; -moz-box-shadow: 5px 5px 3px white; }
  }

  @-o-keyframes glowing {
    0% { background-color: #000000f5; box-shadow: 5px 5px 3px white; }
    50% { background-color: #000000f5; box-shadow: 5px 5px 40px white; }
    100% { background-color: #000000f5; box-shadow: 5px 5px 3px white; }
  }

  @keyframes glowing {
    0% { background-color: #000000f5; box-shadow: 5px 5px 3px white; }
    50% { background-color: #000000f5; box-shadow: 5px 5px 40px white; }
    100% { background-color: #000000f5; box-shadow: 5px 5px 3px white; }
  }