/*----------------                            
   Media Queries
-----------------*/



.bg-img {
    margin-bottom: 45px;
}

/*col-sm*/
@media (min-width: 0px) { 
    .bg-img {
        margin-bottom: 25px;
    }
  


.content-text {
margin-top: 160px!important;
text-align: center;
}
     .bg-img{
         position:relative;
         min-height: 280px;   
     }
     .black-grad{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
     }

     .white-grad{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 0;
        background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to top, rgb(255, 255, 255) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
     
}

}

@media (min-width: 768px){   

    .content-text {
margin-top:0!important;
text-align: left;
}
     
     .black-grad{
        background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 65%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%);
        background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 65%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
     }

     .white-grad{
        background: -moz-linear-gradient(left, #fff 0%, rgba(0,0,0,0) 65%);
        background: -webkit-linear-gradient(left, #fff 0%,rgba(0,0,0,0) 65%);
        background: linear-gradient(to right, #fff 0%,rgba(0,0,0,0) 65%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
     }
    .bg-img{
        background-color: #000;
        min-height: 300px;
    }
}