.second_cont img{
    width : 100%
}
.second_cont img {
            width: 100%
        }
        
        .video_1 {
            width: 54%;
            height: 52%;
            position: absolute;
            top: 37%;
            z-index: 99999;
            margin-left: 22.9%;
        }
        
        .fisrt_cont {
            position: relative;
        }
        
        .video_1 iframe {
            width: 100%;
            height: 100%;
        }
        /*start audio section*/
        
        .records {
            position: relative
        }
        
        .records_bg img {
            min-width: 100%
        }
        
        .voices {
            position: absolute;
            width: 90%;
            top: 10%;
            z-index: 999999;
            margin-left: 10%;
            margin-top : -5%
        }
        .voices .col-md-4{
            margin-bottom : 5%
        }
@media only screen and (min-width: 320px) and (max-width: 540px){
    .voices .col-md-4{
            margin-bottom : 1%
        }
    .voices{
        margin-top : -20%;
        margin-left: 15%;
    }
      audio{
        width : 250px
    }
}
@media only screen and (min-width: 541px) and (max-width: 768px){
  .voices{
        margin-top : 0%;
      margin-left: 5%;
    }  
    audio{
        width : 220px
    }
}
/*--fourth section--*/
.fourth{
    margin-top : -2%
}
.cont_4{
    width : 100%
}
.cont_4 img{
    width : 100%
}
/*section 6*/
.sixth_cont img{
    width : 100%
}
/*footer*/
.footer_cont img{
    width : 100%
}
/*links style*/
.second_cont{
    position : relative
}
.link_1{
    position : absolute;
    height: 50%;
    width: 40%;
    margin-left: 30%;
    margin-top: -18%;
}
/*fifth sec video*/
.fifth{
    position : relative
}
.vid_fifth{
    position : absolute;
    width: 47%;
    margin-left: 49.5%;
    margin-top: -161%;
    height: 16%;
}
.vid_fifth iframe{
    width: 100%;
    height: 100%;
}
#grad1 img{
    max-width: 60%;
    margin-left: 20%;
}
.voices .col-sm-12 {
    max-width: 30%;
}

.voices .col-sm-12 audio {
    width: 90%;
    margin-bottom: 5%
}
.voices h4{
    margin-bottom : 8%
}
/*.voices {
    padding-left: 10%;
}*/
@media only screen and (min-width: 501) and (max-width: 800px) {
    .voices .col-sm-12 audio {
        height: 20px
    }
    .voices h4 {
        font-size: 9px
    }
    .voices {
        padding-left: 7%;
        margin-top: -95%
    }
    .voices h2 {
        /*margin-bottom: 1%;*/
        font-size: 10px;
        margin-bottom: 2%
    }
    
}

@media only screen and (max-width: 500px) {
   
    .voices h2 {
        margin-bottom: 2%;
        font-size: 12px
    }
    .voices audio {
        height: 29px
    }
}

@media screen and (max-width: 350px) and (min-width: 200px) {
    .owl-nav .owl-prev {
        margin-top: -80% !important;
        margin-left: -10% !important;
    }
    .owl-nav .owl-next {
        margin-top: -80% !important;
    }
    .voices h2 {
        margin-bottom: 2%;
        font-size: 12px
    }
    .voices audio {
        height: 25px
    }
    .voices h4 {
        font-size: 9px
    }
}

@media screen and (max-width: 499px) and (min-width: 351px) {
    .voices h2 {
        margin-bottom: 2%;
        font-size: 12px
    }
    .voices audio {
        height: 20px
    }
    .voices h4 {
        font-size: 9px
    }
    
}
.voices h4 {
    text-align: center;
    margin-bottom: 10%;
    color: rgb(191, 255, 0);
    font-family: "R-Flex Bold";
    font-size: 14px;
}

.voices h2 {
    margin-bottom: 4%;
    color: rgb(129, 235, 64);
    font-family: "R-Flex Bold";
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
}

.voices .col-sm-12 {
    max-width: 30%;
}

.voices .col-sm-12 audio {
    width: 90%;
    margin-bottom: 5%
}