html , body{
    line-height:1.5;
}

h2{
    font-size: 28px;
}

h4{
    color:orange!important;
    font-size: 18px!important;
    font-weight: 400;
    
}


a:hover{
    text-decoration: none;
}

abbr{
    cursor: pointer!important;
}

img{
    width:100%;
    height: auto;
}

.owl-nav , .owl-dots{
    display:none;
    
}

.right1 , .left1 , .right2 , .left2{
    position : absolute;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color:white;
    padding:1% 1.5%;
    border-radius:100%;
    z-index: 1;
    cursor: pointer;
}

.sign-up
{
    width:50%;padding:10px 15px;float:left; background:orange; text-align:center; text-transform:UPPERCASE ;color:#fff;font-weight:bold; color:#000;
}

.sign-up>a
{
    text-decoration: none;
    color: white;
}

.sign-up>a:hover
{
    background: #00000008;
    text-decoration: none;
}

.heading-sign-up
{
    width: 100%;
    background:#fff;
}

.clear
{
    clear: both;
}

.sign-in
{
    width:50%;
    padding:10px 15px;
    float:left; 
    text-align:center;
    text-transform:UPPERCASE ;
    font-weight:bold; 
    color:#000;
}

.sign-in>a
{
    text-decoration: none;
     color:#000;
}

.sign-in>a:hover
{
    background: #00000008;
    text-decoration: none;
}

.logincon
{
    width: 600px !important;
}

.slider{
        position : relative;
   }

.cate{
        margin-top: 30px;
}

 .left1 , .left2{
        top:50%;
        left:80px;
}

.right1 , .right2{
        top:50%;
        right:80px ;
}

#navbarSupportedContent > ul{
    position: absolute;
    right:0px;
}

.footer-li > li{
    margin-top: 5px;
}

.social-icon{
    text-align: center;
}

.social-icon > a{
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 68px;
    background: orange;
    border-radius: 100%;
    margin-left: 20px;
}

/* .socialicon > a:hover{

} */

.card-header{
    padding:0px!important;
    
/*    background: orange!important;*/
}

.nav-link{
color: black;
}

.nav-link:hover{
    color: black;
}
  
.icon{
    position: absolute;
    text-align: center;
    width:100%;
    height: 100%;
    transition: .5s ease;
    opacity: 0;
}

.h-c  {
    float:right;
    display: block;
/*    width:100%;*/
    padding:5px 20px;
    background: black!important;
}

.h-c >  a{
    color:white;    
    font-size: 15px;
}

.h-c > a:hover{
    text-decoration: none;
    color:white;
}

.quicklink > ul{
    list-style: none;
    padding: 5px 0px;
}

.quicklink > ul > li{
    margin-top: 5px;
}

 .socialicon {
        text-align: center;
    }
    
.socialicon > a{
        display: inline-block;
        width:50px;
        height:50px;
        line-height: 60px;
        border:1px solid white;
        margin-left: 20px;
        transition: 0.5s all;
        color:white;
        background: black;
        border-radius: 100%;

}

.socialicon > a:hover{
    background: white;
    color:black;
}



.subscribediv input[type=email] {
        width:250px;
        padding: 8px 10px;
        border:1px solid #261a05;
        box-sizing: border-box; 
    
}

.subscribediv input[type=submit] {
        background: orange;
        padding: 8px 10px;
        border:1px solid #261a05;
        margin-bottom: 10px;
        box-sizing: border-box; 
    
}

.owl-carousel > owl-item:nth-child(4) { 
    width:280.63px;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
    margin: 0px;
    padding: 0px;
}

.bg-c{
    background: black!important;
    color:white!important
}

.imgCon , .card-header{
    padding :5px 10px 10px 10px!important;
    box-sizing:border-box;
}




/*=========== popup code star ===========*/

.Request-form
{
position: fixed;
z-index: 9999;
width: 250px;
background: #fff;
right: 20px;
bottom: -290px;
transition: all .8s  .10s;
border-radius: 10px 10px 0 0;
/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
}
.Request-form .title 
{
background: orange;
font-size: 16px !important;
padding: 15px 18px;
color: #000 !important;
    font-weight: 500;
    text-align: center;
    text-transform: capitalize;
    
border-radius: 10px 10px 0 0;
}
.Request-form input:focus
{
outline: none  !important;
}

.Request-form p.message {
margin-left: 7px;
}

.Request-form p {
font-size: 13px;
margin: 0;
padding: 15px;
color: #666;
}

.Request-form input, .Request-form textarea {
font-size: 12px;
width: 214px; 
/*max-width: 254px;*/
margin-bottom: 10px;
margin-left: 20px;
padding: 6px;
border: none;
border-radius: 4px;
color: #999;
border-bottom: 1px solid #f0f0f0;
}


.Request-form:hover {
bottom: 0px;
}

.custom-btn
{
margin-left: 25%;
margin-top: 20px;
margin-bottom: 20px;
background: none;
color: #000;
background: orange !important;
}

.songCateList{
    position: relative;
    background: black;
    color:white;
}




/*=====================popup code end =========================*/

@media screen  and  (min-width: 230px) and  (max-width: 424px){
    .rowsong{
        margin: 0px 0px!important;
    }


    .logincon
        {
            width: auto !important;
        }

    .cate > h3{
        padding: 0px 0px 25px 0px!important;
        font-size: 20px;
        
        }

            

        .imgCon{
            /* width:261.5px; */
            height:150.97px; 
        }

        .card-header{
            height:199.82px!important; 
        }


        
        
        .imgCon > img , .card-header > img{ 
         width: 100%; 
         height: 100%; 
         object-fit:cover;
         object-position: top; 
        } 
        
        
        .songCateList:hover .icon{
            opacity: 1;
            padding-top:40%!important;
            font-size: 3rem;
            }   

            .custom-tabel-web {
                margin-top: 50px;
                width: 500px!important;
            }


            .socialicon{
                margin-top: 25px;
            }
    
   
    .f-m{
        margin-bottom: 20px!important;
    }

}

@media screen  and  (min-width: 250px) and  (max-width: 600px){ 

    .subscribediv{
        margin-bottom: 25px;
        text-align: center;
    }
    
    .custom-tabel-web {
        margin-top: 50px;
        width: 500px!important;
    }

.owl-carousel {
    /* background: pink; */
    padding: 50px 50px;
}

.logincon
{
    width: 300px !important;
    margin: 0px auto;
}

.slider > h3{
/*        padding: 0px 0px;*/
/*         padding: 0px 0px 0px 0px!important;*/
    font-size: 25px;
}

.cate > h3{
    padding: 0px 0px 25px 0px!important;
    font-size: 20px;
    
    }

.right1 , .left1 , .right2 , .left2{
padding:1% 2.8%;
}

.left1 , .left2{
        left:7px;
        top:58%;
}

.right1 , .right2{
        right:7px ;
        top:58%;
}

.card-body{
padding: 5px!important;
}

.card-body > p{
    font-size: 14px;
    text-align: center;
}

a > img{
    width:100px;
}

.songCateList:hover .icon{
    opacity: 1;
    padding-top:20%;
    background: rgba(0,0,0,0.5);
}

.songCateList:hover .icon > a{
    font-size: 20px;
    font-weight: 400;
} 

.rowsong{
    margin: 0px 0px;
}

.card-header{
    height: 282.76px;
    padding: 0px!important;
}

.imgCon{
    /* width:261.5px; */
    height:150.97px; 
}


.imgCon > img , .card-header > img{ 
 width: 100%; 
 height: 100%; 
 object-fit:cover;
  object-position: top;  
} 


.songCateList:hover .icon{
    opacity: 1;
    padding-top:30%;
    } 
    
    .songCateList:hover .icon > a{
        font-size: 20px;
        font-weight: 400;
    } 

.dropdown-menu.show {
display: block;
background: none;
border: 0px;
}

/* .mb{
margin-bottom: 5px;
} */

.owl-carousel {
/* background: purple!important; */
padding: 17px 50px!important;
}
    
    .subscribediv > input[type="button"]{
        margin-top: 5px;
    }

    
}


@media screen  and  (min-width: 600px) and  (max-width: 999px){

    .socialicon{
        margin-top: 35px!important;
    }


.slider{
padding: 20px 20px!important;
} 

.logincon
{
    /* width: auto !important; */
    margin: 0px auto;
}

.slider > h3{
/*        padding: 0px 0px;*/
/*         padding: 0px 0px 0px 0px!important;*/
font-size: 25px;
}

.cate > h3{
    padding: 0px 0px 25px 0px!important;
    font-size: 23px;
    
    }

.cate > h3{
padding-bottom: 25px!important    ;
}

.owl-carousel {
/* background: purple!important; */
padding: 25px 80px!important;
}

.right1 , .left1 , .right2 , .left2{
padding:1.5% 2.5%;
}

.left1 , .left2{
left:40px;
}

.right1 , .right2{
right:40px;
}

a > img{
width:100px;
}


.card-header{
    height: 182.37px;
    padding: 0px!important;
}

.imgCon{
    /* width:261.5px; */
    height:100.97px; 
}


.imgCon > img  , .card-header > img{ 
 width: 100%; 
 height: 100%; 
 object-fit:cover;
 object-position: top; 
} 


.songCateList:hover .icon{
    opacity: 1;
    padding-top:45%;
    background: rgba(0,0,0,0.5);
    }

    .songCateList:hover .icon > a{
        font-size: 20px;
        font-weight: 400;
    } 


.col-sm-6{
    margin-bottom: 15px;
}

.card-body{
padding: 5px!important;
}

.card-body > p{
font-size: 14px;
text-align: center;
}


.subscribediv{
text-align: center;
}


.subscribediv > h4 , .subscribediv > p {
    text-align: left;
    margin-left: 200px;
}



.f-m{
    margin-top: 25px;
}

.reset-block
{
width: 84%!important;
margin:auto;
}


}

@media screen  and  (min-width: 1001px) and  (max-width: 1327px){
    .reset-block
    {
    width: 78%!important;
    margin:auto;
    }

   

    .search-input {
        /* width: 402px; */
        margin-top: 20px;
        margin-bottom: 20px;
        /* float: left; */
        display: inline-block;
    }

    .button-group {
        margin-top: 21px;
        margin-left: 10px;
        float: right!important;
    }

    .search-input {
        width: 289px!important;
        margin-top: 20px;
        margin-bottom: 20px;
        float: none!important;
    }

    .input-block-s {
        width: 180px!important;
        height: 40px;
    }

    .Song-text-box {
        width:auto!important;
        float: none;
        margin-left: 0px!important;
    }
    
     .subscribediv > input[type="text"]{
        width:220px!important;
    }    
    
}

@media screen  and  (min-width: 1000px) and  (max-width: 1366px){

.slider{
padding: 0px 100px 0px 100px!important;
}

.slider > h3{
/*        padding: 0px 0px;*/
/*         padding: 0px 0px 0px 0px!important;*/
font-size: 25px;
}


.cate > h3{
padding: 0px 0px 25px 0px!important;
font-size: 27px;

}

.owl-carousel {
/* background: purple!important; */
padding: 20px 20px!important;
}

.right1 , .left1 , .right2 , .left2{
padding:1% 1.5%;
}

.left2{
left:60px;
top:50%!important;
}

.right2{
right:60px;
top:50%!important;
}



a > img{
padding-left: 5px;
width:100px;
}



.footer-email > input[type="text"] {
padding: 5px 6px;
}

.footer-email > input[type="button"]{
padding: 5px 15px;
}


.logincon{
max-width: 492px;    
}




.imgCon {
    /* width:261.5px; */
    height:140.97px; 
}


.card-header{
    padding: 0px!important;
    height:240.97px; 
}

.imgCon > img  , .card-header > img{ 
 width: 100%; 
 height: 100%; 
 object-fit:cover;
 object-position: top; 
} 


.songCateList:hover .icon{
    background: rgba(0,0,0,0.3);
    opacity: 1;
    padding-top:50%;
    }  
    
    .songCateList:hover .icon > a{
        font-size: 20px;
        font-weight: 400;
    } 


.card-body{
padding: 5px!important;
}

.card-body > p{
font-size: 15px;
text-align: center;
}

.carousel-item{
    height: 73vh;
}

.carousel-item > img{
    width:100%;
    height: 100%;
    object-fit:cover;   
}

   
}

@media screen  and  (min-width: 1367px) and  (max-width: 1600px){

.slider{
padding: 20px 100px 25px 100px!important;
}

.slider > h3{
/*        padding: 0px 0px;*/
padding: 0px 0px 25px 0px!important;
font-size: 25px;
}


.cate > h3{
padding: 0px 0px 25px 0px!important;
font-size: 27px;

}

.right1 , .left1 , .right2 , .left2{
padding:1% 1.5%;
}

.left1{
top:70%;
}

.right1{
top:70%;
}

.left2{
top:60%;
left:30px!important;
}

.right2{
top:60%;
right:30px!important;
}

.left1 , .left2{
left:70px;

}

.right1 , .right2{
right:70px;
}

a > img{
    margin-top: 5px;
width:250px!important;
}

.card-header{
    /* width:261.5px; */
    height:262.51px; 
    padding: 0px!important;
}

.imgCon{
    /* width:261.5px; */
    height:140.97px; 
}


.imgCon > img  , .card-header > img{ 
 width: 100%; 
 height: 100%; 
 object-fit:cover;
  object-position: top;  
} 


.songCateList:hover .icon{
    opacity: 1;
    padding-top:35%;
    background: rgba(0,0,0,0.5);
    }

    .songCateList:hover .icon > a{
        font-size: 20px;
        font-weight: 400;
    } 
 
    .carousel-item{
        height: 72vh;
    }
    
    .carousel-item > img{
        width:100%;
        height: 100%;
        object-fit:cover;   
    }



}

@media screen  and  (min-width: 1601px) and  (max-width: 2560px){
   
    
    
.slider{
padding: 40px;
}
/* 
.carousel-inner {
    height: 1000px;
} */

.slider > h3{
padding: 50px 0px;
}


.card-body > p{
    font-size: 18px;
}


.cate{
    padding-top:0px!important;
}

.cate > h3 {
    padding: 20px 0px 50px 0px!important;
    font-size:27px;
}

.owl-carousel {
/* background: purple!important; */
padding: 0px 180px!important;
}

.right1 , .left1 , .right2 , .left2{
padding:1% 1.5%;
}

.left2 , .left1{
top:60%;
left:50px;

}

.right2 , .right1{
top:60%;
right:50px;
}

.rowsong{
    margin: 0px 200px!important;
}

.card-header{
    padding: 0px!important;
    height: 341.62px;
}

.imgCon{
    /* width:261.5px; */
    height:220.97px; 
}


.imgCon > img  , .card-header  > img{ 
 width: 100%; 
 height: 100%; 
 object-fit:cover;
 /* object-position: top;  */
} 


.songCateList:hover .icon{
    opacity: 1;
    padding-top:28%;
   background: rgba(0,0,0,0.5)
    }

    .songCateList:hover .icon > a{
        font-size: 22px;
        font-weight: 400;
    } 

a > img{
margin-top: 8px;
width:250px!important;
}

.reset-block
{
width: 58% !important;
margin:auto;
}

.Request-form
{
position: fixed;
z-index: 9999;
width: 250px;
background: #fff;
right: 20px;
bottom: -260px;
transition: all .8s  .10s;
border-radius: 10px 10px 0 0;
/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
}

.carousel-item{
    height: 72vh;
}

.carousel-item > img{
    width:100%;
    height: 100%;
    object-fit:cover;   
}


}


/*==========search page code start =============*/

.clear
{
clear: both;
}
.view-song-block
{
width: 100%;
background: black;
padding: 20px 20px 30px 20px;
display:inline-block;
box-shadow: 0px -10px 0px black;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
text-align: left;
font-size: 20px;
}
.table>thead>tr>th
{
color: #000;
}
.custom-tabel-web
{
background: white;
width: 80%;
margin: auto;
}
.search-input
{
width: 400px;
margin-top: 20px;
margin-bottom: 20px;
float: left;
}
.Song-Title
{
color: white;
font-size: 20px;
float: left;
padding-top: 4px;
}
.Song-text-box
{
width: 250px;
float: left;
margin-left: 5px;
}
.input-block-s
{
width: 250px;
height: 40px;
}
.form-btn {
background-color: orange;
color: #000;
border-radius: none;
padding:10px 20px;
border:none;
}
.button-group
{
margin-top: 21px; margin-left: 10px; float: left
}
.view_song
{
color: #fff;
text-transform:uppercase;
margin-bottom: 0px;   
font-size: 27px;
}
.reset-block
{
width: 75% ;margin:auto;
}
/*==========search page code close==============*/