@media (min-width: 1300px) {

}


@media (min-width: 1000px) and (max-width: 1400px) {
  body{
    font-size: .8rem;
    line-height: 1.5;
  }
  .text-medium {
    font-size: 46px;
    line-height: 1em;
  }
  .text-large {
    font-size: 80px;
  }
  #parallax-container{

  }
  #parallax-container .page-content-wrapper .page-content-inner-wrapper{
    padding-bottom: 0px;
  }
  #parallax-container .page-content-wrapper .page-content-inner-wrapper .icon-wrapper img {
    width: 80%;
  }
  #parallax-container .table-wrapper {
    padding-right: 50px;
  }
  #parallax-container #reclaim-rubber-page.parallax-page,#parallax-container #product-page.parallax-page{
  	top: 0px!important;
  }
  #parallax-container #reclaim-rubber-page.parallax-page .table-wrapper {
    font-size: .8rem;
  }
}

@media (max-width: 1300px) {
  /* .navbar-dark .navbar-nav {
    width: 300px;
    padding: 30px;
    min-height: 100%;
    background: rgba(34, 173, 146,1);
  } */

  .parallax-page{
    width: 100%;
    max-width: 100%;
  }
  .text-small{
  	font-size: 18px;
    line-height: 1.5em;
  }
  .text-medium{
  	font-size: 46px;
    line-height: 1.3em;
  }
  .text-large{
  	font-size: 54px;
    line-height: 1em;
  }
  .navbar {
    /* padding-top: 0px; */
		border-top: 1px solid #000;
    /* background: rgba(0, 0, 0, 0.8); */
  }
  .navbar-brand {

    /* padding: 10px 10px; */
    margin-right: 0px;

  }

  .navbar-brand img{
    height: 100%;
  }
  .navbar-dark .navbar-toggler {
    padding-top: 15px;
      padding-bottom: 15px;
  }
	.navbar-dark .navbar-nav .nav-link{
		text-transform: uppercase;
	}



  .wrapall{
  	background:url('../images/bg-mobile.png');
    overflow: auto;
		scroll-padding-top: 70px;
  }

  .home-mobile {
    background: url(../images/page1-element1-mob.png);
    height: 100vh;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .about-mobile{

  }
  .mobile-inner-wrapper{
    /* padding: 15px 0; */
  }
  .mobile-inner-wrapper .page-title{
  	padding-bottom: 15px;
    margin-bottom: 0px;
  }
  .mobile-inner-wrapper .page-description{
    padding-bottom: 15px;
  }
  .mobile-inner-wrapper .page-description span{
    display: block;
  }
  .reclaim-rubber-mobile .table-wrapper{
    font-size: .8rem;
  }
  .reclaim-rubber-mobile .table-wrapper .table{
  	color: #fff;
    /* margin-top: 50px; */

  }
  .reclaim-rubber-mobile .table-wrapper .table.table-hover tbody tr:hover{
  	color: #fff;
  	background-color: rgba(31, 173, 146, .3);
  }

  .reclaim-rubber-mobile .table-wrapper .table .masterhead{
  	text-align: left;
  	background-color: #1fad92
  }
  .reclaim-rubber-mobile .table-wrapper .table td, .reclaim-rubber-mobile .table-wrapper .table th{
  	border-color: rgba(165, 168, 171, .2);
  }
  .elt-mobile .page-content-wrapper{
    padding-top: 30px;
  }
  .elt-mobile .page-content-wrapper .page-content-inner-wrapper .icon-wrapper img{
  	width: 100%
  }
  .elt-mobile .page-content-wrapper p{
  	text-align: justify;
  }

	.page-content-wrapper .page-content-inner-wrapper .gradient-border{
	  background: -webkit-linear-gradient(left, #F9A11C 0%, #a0650b 100%);
	  display: block;
	  height:5px;
	  width: 100%;
		margin-bottom: 30px;
	}

	.contact-mobile .image{
		width: 40%;
		padding-bottom: 30px;
	}

	.contact-mobile .contact-content-wrapper{
		padding-top: 10px;
	}
	.contact-mobile .contact-content-wrapper .contact-content-row{
		padding-bottom: 30px;
	}

	.contact-mobile .contact-content-wrapper .contact-content-row  span{
		display: block;
	}
	.contact-mobile .contact-content-wrapper .contact-content-row a{
	 text-decoration: none;
	}
	.contact-mobile .contact-content-wrapper .contact-content-row a:hover{
		color:inherit;
	}

	.contact-mobile .mobile-inner-wrapper{
		padding: 15px 0 0;
	}

  #parallax-container #reclaim-rubber-page.parallax-page .table-wrapper,#product-page .page-content-inner-wrapper {
    font-size: .8rem;
  }

}

@media (max-width: 992px) {
  .navbar{
    padding: 20px 20px 0;
  }
  .navbar-brand {
      padding: 0px;
      min-height: 43px;
      width: 150px;
      padding-bottom: 20px;
      /* margin-bottom: 10px; */
  }
  .navbar-dark.scrolled .navbar-brand {
      padding-bottom: 10px;
  }
  /* .navbar-dark.scrolled .navbar-brand svg{
    height: 60px;
  } */
  .navbar-brand svg {
      width: 150px;
      height: auto;
  }
  .navbar-dark.scrolled .navbar-toggler{
    padding-bottom: 15px;
  }
  .navbar-dark .navbar-toggler {
      padding-right: 0px;
      padding-top: 15px;
      padding-bottom: 30px;
      margin-top: -30px;
  }
  .nav-item .nav-link.text-small{
    font-size: 0.8rem;
  }
  /* .navbar-dark .navbar-toggler{
    margin-top: 0px;
  } */
  .navbar-dark .navbar-nav {
    width: 100%;
    padding: 30px;
    height: 100%;
    background:rgba(34, 173, 146,1);
  }

  .title-inner-wrapper{
    padding-top: 80px;
  }
  .page-content-wrapper{
    padding-bottom: 30px;
  }
  .page-content-wrapper .page-content-inner-wrapper .page-content-text .description a{
    text-decoration: underline;
    color: #fff;
  }
  .elt-mobile .icon-wrapper{
    text-align: center;
  }
  .elt-mobile .icon-wrapper img{
    max-width: 50%;
    text-align: center;
  }
  .elt-mobile .page-content-inner-wrapper{
    padding-bottom: 20px;
  }
  .prcess-mobile img{
    width: 70%;
    margin: 0 auto;
    display: block;
  }
  .reclaim-rubber-mobile .page-description span{
    display: inline-block;
  }
  .scroll-icon{
  	position: absolute;
  	/* opacity: 0.5; */
  	width: 62px;
  	height: 36px;
  	right: 0;
  	bottom: 7%;
  	z-index: 99;
  }
  .scroll-indicators {
    padding-bottom: 10px;
    text-align: center;
  }
  .scroll-indicators  img{
    width: 30px;
  }
}

@media (max-width: 768px) {
  .reclaimRubber .modal-dialog {
    max-width: 100%;
    border: 1px solid #fff;
  }

}

@media (max-width: 480px) {

  .home-mobile{
    background: url('../images/page1-element1-mob.png');
    height: 100vh;
    background-position: left bottom;
    background-size: cover;
  }

  .elt-mobile .page-content-wrapper .page-content-inner-wrapper .icon-wrapper img{
  	max-width: 100%;
    padding-bottom: 15px;
  }
  .elt-mobile .icon-wrapper {
    text-align: left;
  }
  .prcess-mobile img{
    width: 100%;
    margin: 0 auto;
    display: block;
  }

}

@media (max-width: 320px) {

}