.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.free-trial-btn-div{
  padding-left: 70px; 
  margin-top: 60px;
  color: white;
}

#free-trial-btn{
  width: 50%;
  height: 50px;
  font-size: 25px;
  padding-top: 10px;
  color: #14436D;
  border-radius: 0px;
  margin-left: 25px;
  color: #14436D;
  background-color: #fff;
}

.main-body {
  margin-bottom: 50px;
}

@media  (max-width: 420px) {
  .feature-heading{
    padding-top: 50px;
    margin-top: 125px;
    margin-left: 40px;
    font-size: 50px;
    color: white;
  } 

  .feature-paragraph{
    font-size: 30px;
  }

}

.feature-paragraph{
  font-size: 35px;
}

.feature-heading{
  margin-top: 85px;
  margin-left: 50px;
  font-size: 70px;
  color: white;
}

.feature-paragraph-container{
  margin-top: 30px;
  margin-left: 55px;
}


.features-image-container {
  padding-top: 0 !important;
  background-image: linear-gradient(
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0.5)
  ), url(../../images/public-pages/feature.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
  height: 400px;
}

.features-image-container{
  margin-top: -60px;
}

@media(min-width: 416px) and (max-width: 969px){
  .features-image-container{
    margin-top: -65px;
  }

  .feature-paragraph{
    font-size: 30px;
  }
}

#demo-image-container {
  height: 300px;
  margin-bottom: 50px;
}

.btn-default:hover{
  color: #14436D;
  background-color: #fff;
}

.demo-entry {
  font-size: 14px;
  padding-right: 70px;
}

.demo-entry li {
  margin-top: 6%;
  text-align: left;
  font-size: 16px
}

.item-list {
  background-color: blue; 
  border: 1px solid gainsboro;
  width: 400px !important;
  padding-bottom: 20px;
  background-color: #eee;
  float: right !important;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}

.demo-entry-internal {
  background-color: white;
  box-shadow: 0 0px 3px 0 rgba(0,0,0,.2), 0 0px 1px 0 rgba(0,0,0,.14), 0 0px 1px -1px rgba(0,0,0,.12);
}

.video-container-parent {
  padding-left: 6%;
  padding-top: 10%;
  padding-right: 5%;
  padding-bottom: 5%;
}

.demo-list {
  float: right !important;
  text-align: right;
  background-color: #eee;
}
.demo-entry-heading {
  padding-bottom: 30px;
  padding-top: 30px;
}

.main-container {
  background-color: white;
  padding: 0 !important;
  margin-bottom: 30px;
  box-shadow: 0 0px 3px 0 rgba(0,0,0,.2), 0 0px 1px 0 rgba(0,0,0,.14), 0 0px 1px -1px rgba(0,0,0,.12);
}

.main-container-parent {
  padding: 0% 10% 0% 10%;
}

.list-container {
  height: 400px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  padding-left: 30px;
  overflow: hidden;
}

@media (min-width: 800px) and (max-width: 1320px) {
  .list-container {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 500px) {
  .list-container-dynamic {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 0;
  }
  .video-container-parent {
    padding-left: 5%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
  }
  .list-container{
    height: 350px;
  }
  .rental-container{
    height: 300px;
  }
  .rental-row-fluid{
    padding-right: 0px !important;
    padding-left: 0px !important;

  }
}

@media (max-width: 320px){
  .list-container{
    height: 360px;
  } 
  .rental-container{
    height: 310px;
  }
}

@media only screen and (min-width: 552px) and (max-width: 768px) {
  .list-container-dynamic {
    margin-right: 200px;
  }
  .video-container-parent {
    padding-left: 5%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .video-container-dynamic {
    width: 120%;
    margin-left: 20%;
    padding-top: 15%;
    padding-bottom: 0%;
  }
  .demo-entry {
    font-size: 14px;
    padding-right: 20px;
    padding-left: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1050px) {
  .video-container-dynamic {
    width: 120%;
    margin-left: 20%;
    padding-top: 25%;
    padding-bottom: 0%;
  }

}

@media only screen and (max-width: 979px) and (min-width: 768px) {
  #listing{
      width: 35%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .video-container-dynamic {
    width: 120%;
    margin-left: 25%;
    padding-top: 15%;
    padding-bottom: 0%;
  }
  .demo-entry {
    font-size: 14px;
    padding-right: 20px;
    padding-left: 30px;
  }
}

@media only screen and (min-width: 1400px)  {
  .video-container-dynamic {
    width: 90%;
    margin-left: 20%;
    padding-top: 5%;
    padding-bottom: 0%;
    /*padding-bottom: 200px;*/
  }
}

/*===EZR===*/

.tutorials-heading {
  padding-top: 50px;
  margin-left: 50px;
  font-size: 50px;
  color: white;
}

.tutorials-paragraph {
  line-height: 1.2;
  font-size: 25px;
}

@media  (max-width: 420px) {
  .tutorials-paragraph {
    font-size: 25px;
  }

  .tutorials-heading {
    padding-top: 50px;
    margin-left: 50px;
    font-size: 40px;
    color: white;
  }
}

@media  (max-width: 310px) {
  .tutorials-paragraph {
    font-size: 20px;
    margin-left: -30px;
  }

  .tutorials-heading {
    padding-top: 50px;
    margin-left: 50px;
    font-size: 30px;
    color: white;
    margin-left: 35px;
  }
}