/* Mobile Media */
 @media (min-width: 0px) and (max-width: 767px) {
    #responsive{
        display:block;
        position: static;
        transform: translateX(0);
    }
    
    #non-responsive{
        display:none;
    }
    .new-drop {
    width: 51%;
    float: left;
    margin-left: 30px;
    padding-top: 27px;
    }
    
    .new-tab {
    width: 51%;
    float: left;
    padding-top: 32px;
    margin-left: 30px;
    }
    
    .dropdown {
    position: static;
    display: inline-block;
    text-align: right;
    margin-bottom: 0;
    margin-top: 10px !important;
    }
    
    .samar-slider .carousel-item {
    height: 400px;
    min-height:400px;    
    }
    .samar-slider .carousel-item .overlay{
        opacity: 0;
    }
    
    .pl-3 p,h4{
        color: #444444;
        font-weight: 600;
        text-shadow: 1px 1px 1px #000;
    }

    .pl-3 ul li a{
        text-shadow: 1px 1px 1px #000;
        font-weight: 600;
    }

    .recent-v p {

    display: inline;
    padding: 0px 10px;
    text-align: left;
    width: 50%;

    }

    .recent-v p a {

    font-weight: 400;
    font-size: 13px;

    }

    .bg-danger {

    background: #222 !important;
    border-radius: 0px;
    margin: 38px auto 0;
    position: absolute;
    z-index: 99999;

}

    .section-title.sec-pt h2 {
        
        color: #444444;
        text-shadow: 1px 1px 1px #000;
    }

    .area-in img {
    display: block;
    width: 100%;
    height: 350px;
 }

    .mt-0, .my-0 {

    margin: 40px 0 !important;

}

    .section-padding {

    padding: 0px 0;
 

}

.bg-cream, .section-padding {
    padding: 30px 15px;


}

.card-list .card-body h2 {

   
    line-height: 0;

}

.text-primary{
    margin: 25px 0 !important;
}

.pl-3, .px-3 {

    padding: 0 !important;

}

.no-gutters {

   padding: 10px;

}

.foot-lt {

    text-align: center;
    float: none;
    margin: 0 auto;

}

.card-list-view .card-body{
    padding: 10px;
}

.card-list {

    margin: 10px 15px;

}

.mb-0{
    margin: 0 !important;
}

.bg-white{
    padding: 30px 0;
}

.inner-m ul
{
    display: none;
}

.card-img-top
{
    height: 200px;
}


}

@media (min-width: 759px) and (max-width: 999px){
    #responsive {
    background: #000 !important;
  }
}

 @media (max-width: 992px)
 {
    .inner-m ul
    {
        display: none;
    }
 }

 @media (max-width: 1076px)
 {
    .fixed-mn ul li
    {
        padding: 5px 5px 5px 5px;
    }
 }