/* For mobile phones: */
@media only screen and (max-width: 768px) {
  ::-webkit-scrollbar {
    width: 0px!important;
    
  }
  /* body{
    margin: 10px;
  } */
  .show .show-content .show-info {
    margin-top: 16px !important;
    border: none !important;
  }

  .show .show-content .show-description {
    margin-top: 0px !important;
    border: none !important;
  }

  .show-box .show-box-url {
    width: 100%;
    height: 80%;
    right: inherit;
  }
  .show-box-square .show-box-image {
    height: 350px !important;
  }
  .podcast-cover-image {
    margin-top: -100px!important;
    width: 200%;
    
  }
  /* .show-box .show-box-url {
    width: 270px !important;
    height: 80% !important;
    right: inherit !important;
  } */
  .contact .contact-wrapper {
    padding-left: 5px;
  }
  /* .contact .contact-wrapper .subtitle {
    padding-left: 30px;
  }
  .contact .contact-wrapper .row >form {
    padding-left: 30px;
  } */
  .carousel-container .card-container {
    width: 150px !important;
    /* height: 250px !important; */
    padding-right: 15px;
    box-sizing: border-box;
  }
 .carousel-container {
  margin-left: 15px!important;
 }
  .plus-btn{
    margin:5px;
  }
  .payment-card{
    /* margin-top:30px; */
    margin-bottom :15px;
  }
  .navbar-search{
    margin:5px;
  }
  .img-square {
    height: 100% !important;
  }
  .show-box-square  {
    width: 250px!important;
  } 
  .modal-dialog {
    min-width: auto!important;
  }
  /* .show-box-image {
    height: 250px !important;
  } */
}

/* For mobile phones: */
@media only screen and (max-width: 768px) {
  .img-banner {
    height: 275px !important;
  }

  .for-podcasters-img {
    padding: 32px
  }

  .container-fluid {
    padding: 0 30px !important;
  }

  .container-fluid.player-container {
    padding: 8px !important;
  }

  .player .col-4 {
    padding-left: 16px !important;
    padding-right: 0px !important;
  }

  .player .player-image {
    margin-top: 5px !important;
    width: 50px !important;
    height: 50px !important;
  }

  .player .player-title {
    margin-top: 12px !important;
  }

  .player .player-info {
    padding-left: 55px !important;
  }

  .player .player-title,
  .player .player-episode {
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .player .player-controls-container .player-controls img.player-control-player {
    width: 40px !important;
    margin: 0px 10px !important;
  }

  .player .player-controls-container .player-controls img.player-control-prev,
  .player .player-controls-container .player-controls img.player-control-next {
    width: 10px !important;
  }

  .player .player-controls-container .player-controls {
    margin-top: 8px !important;
  }

  .player .player-options .player-options-item {
    margin-left: 6px !important;
    width: 30px !important;
  }

  .player .player-playback-control {
    left: 0px !important;
    width: 70vw !important;
  }

  .navigation-bar {
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    height: 80px !important;
  }

  .navbar-toggler-icon i {
    color: #fab914 !important;
  }

  .navbar-collapse {
    background-color: #312d2c !important;
  }

  .navbar-collapse .nav-item {
    margin-left: 15px !important;
  }

  .navigation-bar ul li.active {
    border: none !important;
  }

  .navbar-collapse {
    width: 80% !important;
    float: right !important;
    position: absolute !important;
    top: 65px !important;
    right: 33px !important;
    padding: 12px !important;
  }

  .navigation-bar .navbar-search {
    margin-left: 13px !important;
    width: 100% !important;
    height: 35px !important;
    padding: 0px 10px !important;
  }

  .navigation-bar .navbar-search span {
    margin-top: 5px !important;
  }

  .navigation-bar .dropdown-menu {
    background: rgba(42, 44, 49, 1) !important;
  }

  .navigation-bar .navigation-logo,
  footer.footer .footer-logo {
    height: 35px !important;
  }

  .header .header-content {
    height: 460px !important;
  }
  .feature-banner {
    background-size :cover!important;
  }

.carousel-inner{
    height:460px!important;

}

  .header .header-content .carousel-item {
    height: 460px !important;
  }

  .header .cover-buttons {
    bottom: 15px !important;
    left: 15px !important;
  }

  .home .header .cover-buttons .cover-button {
    font-size: 8px !important;
    margin-right: 15px !important;
  }

  footer.footer .footer-social a {
    margin-right: 0px !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 15px !important;
  }

  footer.footer .footer-social i {
    padding-top: 10px !important;
    font-size: 14px !important;
  }

  footer.footer p.credits {
    margin-bottom: 16px !important;
  }

  .shows-wrapper {
    padding-top: 90px !important;
  }

  .shows-item .container-fluid {
    padding: 0px !important;
  }

  .shows-item .row>.title-medium {
    padding-left: 30px !important;
  }

  .shows-item .col-5:first-child,
  .shows-item .col-7:first-child {
    margin-left: 24px !important;
  }

  .shows-item .col-5,
  .shows-item .col-12 {
    padding-bottom: 14px !important;
  }

  .shows-item .row {
    overflow-x: auto !important;
    white-space: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .shows-item .row .col-6 {
    display: inline-block !important;
    float: none !important;
  }

  /* .row>.title-large {
    padding-left: 30px !important;
  } */

  .login .login-wrapper {
    padding: 20px 0px !important;
  }

  .login .login-wrapper .login-with-facebook-btn {
    width: calc(100% - 90px) !important;
    font-size: 12px !important;
    margin-top: 20px !important;
  }

  .login .login-wrapper .login-with-facebook-btn .fab {
    font-size: 15px !important;
  }

  .login .login-wrapper .form-input {
    width: calc(100% - 85px) !important;
    margin-bottom: 10px !important;
  }

  .login .login-wrapper .login-header .login-header-item {
    font-size: 20px !important;
  }

  .login .login-wrapper .login-header .separator {
    height: 35px !important;
  }

  .login .login-wrapper .sign-up-form {
    margin-top: 15px !important;
  }

  .login .login-wrapper .confirm-button {
    padding: 12px 10px !important;
    font-size: 12px !important;
  }

  .login .login-wrapper .form-input#date,
  .login .login-wrapper .form-input#gender {
    width: calc(100% - 85px) !important;
  }

  .show .show-content .cover-image {
    height: 150px !important;
    width: 150px !important;
    margin-top: -40px !important;
  }

  .show .show-content .show-info {
    margin-top: 16px !important;
    border: none !important;
  }

  .show .show-content .show-box-tags .show-box-tags-tag {
    font-size: 8px !important;
  }

  .show .show-content .show-description {
    margin-top: 0px !important;
    border: none !important;
  }

  .show .show-content .episodes-content table.episodes-table td#episode-title {
    font-size: 12px !important;
  }

  .show .show-content .episodes-content table.episodes-table td#episode-title span {
    font-size: 10px !important;
  }

  .show .show-content .episodes-content table.episodes-table td#episode-favorite img {
    width: 35px !important;
  }

  .account .account-content .avatar img {
    width: 70px !important;
    height: 70px !important;
  }

  .account .account-content .username {
    padding-top: 5px !important;
  }

  .account .account-content .username h3 {
    font-size: 18px !important;
  }

  .account .account-content .edit-avatar {
    padding: 2px 8px !important;
  }

  .account .account-content .edit-avatar img {
    width: 15px !important;
    margin-left: 5px !important;
    padding-bottom: 3px !important;
  }

  .account .account-content .edit-avatar a {
    font-size: 12px !important;
    padding-left: 2px !important;
  }

  .account .account-content .account-info #title {
    font-size: 14px !important;
  }

  .account .account-content .account-info #input input {
    width: 90% !important;
  }

  .account .account-content .account-info #input div {
    padding: 10px 15px !important;
  }

  .show .show-content .show-box-tags {
    max-width: inherit !important;
  }

  footer a.store-download {
    display: inline !important;
  }

  footer .store-items {
    text-align: center !important;
  }

  footer.footer .footer-contact-link {
    display: inline-block !important;
  }

  footer a.store-download img {
    width: 100px !important;
  }
}