@media screen and (max-width: 768px) {
  .open_interveiw .watch_all {
      left: 0;
  }
  .footer_sec .design {
      margin-left: 0rem;
  }

  .hesder_con {
      height: auto;
      width: 100%;
      background-color: #fff;
  }
  .hidden-sm {
    display: none;
  }
  #home .container-fluid .card .card-layer {
    position: absolute;
    left: 2%;
    display: block;
  }
  .footer_sec .copy_right {width: auto;}

  .media_sec {
      /* background: #acb9b882;
      border: 1px solid transparent;
      border-radius: 15px; */
     background-image: url(../assets/images/Base.png);
      background-repeat: no-repeat;
      background-position: center;
      /* width: 100% !important; */
      padding: 10px 10px;
      margin-right: 0px !important;
  }

  #logo_media, #media_pic  {
      width: 168px;
      margin-top: 8%;
      margin-bottom: 0px;
      margin-left: 20px;
  }



#fixedAudio .media_sec {
      /* background: #acb9b882;
      border: 1px solid transparent;
      border-radius: 15px; */
     background-image: url(../img/base/background-light.png);
      background-repeat: no-repeat;
      background-position: center;
      padding: 10px 10px;
      margin-right: -15px !important;
  }

#fixedAudio #logo_media, #media_pic  {
      width: 168px;
      margin-top: 8%;
      margin-bottom: 0px;
      margin-left: 20px;
  }

  .slideRight {
    right: 5% !important;
  }

  .contact-whith-us-sec .container-search .btn-success {
    /*position: relative;
    top: -20px;
    left: 125px;*/
    width: 100px;
  }

  .contact-whith-us-sec .container
  .row .col-lg-4 .content-search {
        text-align: right;
        position: relative;
        right: -20%;
        margin-top: 10PX;
        margin-bottom: 10px;
        color: #fff;
  }

  .contact-whith-us-sec .container-search
  .container-title {
    background-image: url(../images/icon-articals.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #0b4d9d;
    width: 100%;
    border-radius: 20px;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .container-fluid .card {
    text-align: right;
    padding: 10px;
    margin-right: 10%;
    width: auto;
  }


  .container-fluid .pagi {
    width: 250px;
    margin-right: 25%;

  }
  .sec_sound_artic .card-more {
    position: relative;
    display: block;
    right: 30%;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    background-color: #2c5ca5;
    color: #fff;
    width: 80px;
    cursor: pointer;
  }

  .hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    top: -15px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
  }

  .fatawaheffect {
    width: 100%;
    height: 200px;
    border-radius: 50%;
    background: #0c4d9e;
    float: left;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
  }

  #lessons  .lesson-sec .container-fluid .card {
    text-align: right;
    padding: 50px;
    margin-right: 0%;
    width: 100%;
    background: #0c4d9e;
    border-radius: 50px;
    color: #fff;
  }

  .lesson-sec .header-icon {
        padding: 30px;
        width: 181px;
        position: relative;
        font-size: 1.2em;
        top: 0;
        margin: -131px auto;
        text-align: center;
        background: #54d66f;
        border-radius: 50%;
  }
  #lessons .lesson-sec .container-fluid .card .n-p {
    position: relative;
    margin: 0px 60px;
  }

  #fixedAudio .card {
       position: fixed;
       overflow: hidden;
       background: transparent;
       border: none;
       width: auto !important;
       top: 50%;
       left: 0;
       z-index: 9999;
       }

.about-meddel-2,
.about-meddel{
width: 95%;
margin: 4em auto;
}


}
@media screen and (max-width: 480px) {
#lessons_schedule .lesson-sec .container-fluid .card{
  width: 98% !important;
}
.custom-video .yt-bg{
  margin: auto;
}
.uk-width-1-4 {
  width: 100% !important;
  margin: auto;
}
.contact-whith-us-sec .container-search .container-title{
padding: 2em 0 !important;
}

#fixedAudio {
top: 35%;
}
span.slideR {
top: 22%;
}
.audio-clannels {
width: 332px;
}
.pagination {
transform: scale(.9);
}
}
@media screen and (max-width: 320px) {
.audio-clannels {
width: 290px;
}
.pagination {
transform: scale(.75);
}
}