@media(min-width:401px){

    .mobile-featured{

        display:none;

    }

    .mobile-bks{

        display:none;

    }

    .mobile-breadcum{

        display: none;

    }

    .display-nav{

        display: none;

    }

    .mbrd{

        display:none;

    }

    .mobile-link{

        display:none;

    }

    .m-g{

        display:none;

    }

    .m-none{

        display:none;



    }

}

@media(max-width:400px){

    .gmobile{

        display:none;

    }

    .homemain{

        margin-top:34px;

    }

    .mobile-bks ul li{

        display:block;

        line-height:30px;

        margin:8px;

        padding:0px;

        position: relative;

        display: block;

        color: white;

        background: #2980B9;

    }

    .mobile-bks ul li a{

        color:#fff;

    }

    .featured{

        display:block;

    }
    .jumbotron.home-jmbr {
        margin-bottom: 50%!important;
    }

    .item a h4{

        -webkit-font-smoothing: antialiased;

        font-weight:600;

        text-align: center;

        font-size:14px;

        color:#000;

        text-decoration: none;

    }

    .item a:hover{

        text-decoration: none;

    }

    .item a p{

        -webkit-font-smoothing: antialiased;

        font-weight:400;

        text-align: center;

        font-size:13px;

        color:#000;

        text-decoration: none;

    }

    .mobile-caro{

        min-height: 380px;

    }

    .mobile-caro h4{

        padding-top:20px;

    }

    .bookseller{

        padding-top:30px;

    }

    .nav>li>a:hover, .nav>li>a:focus {

        background-color: #f57237;

    }

    .academicmain{

        margin-top: 104px !important;

    }

    .englishmain{

        margin-top: 104px !important;

    }

    .educationmain{

        margin-top: 104px !important;

    }

    .newsmain{

        margin-top: 104px !important;

    }

    .mobile-nav{

        display: none;

    }

    .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {

        display: block;

        max-width: 100%;

        height: 50%;

    }

    .mobile-group{

        display: none;

    }

    #mobile_none{

        display: none;

    }

    .education.subject .introduction {



        padding-right: 9px !important;

        padding-left: 9px !important;

    }

    .p1{

        padding-top:20px;

    }

    .education.subject .introduction {

        background: rgba(0, 0, 0, 0.6);

        padding: .5%;

        padding-right: 20px;

        padding-left: 20px;

        min-height: 178px !important;

    }

    .education.subject .eng-intro {

        background: rgba(0, 0, 0, 0.6);

        padding: .5%;

        padding-right: 20px;

        padding-left: 20px;

        min-height: 167px !important;

    }

    .education.subject .edu-intro {

        background: rgba(0, 0, 0, 0.6);

        padding: .5%;

        padding-right: 20px;

        padding-left: 20px;

        min-height: 224px !important;

    }

    .mm{

        margin-top:-3px;

    }

    footer .foot {

        margin-top: -30px !important;

    }

    .carousel-inner img{

        height:150px !important;

    }

    .mobile-item{

        min-height: 340px !important;

    }

    #mobile_hide{

        display: none;

    }

    #ac-img{

        width:100px !important;

        margin-top:-20px;

    }

    #ac-img{

        width:100px !important;

        margin-top:-20px;

    }

    .f-img{

        width:180px !important;

        margin-top:52px important;

    }

    .img2{

        margin-top:80px  !important;

    }

    .imgp{

        margin-top:-15px !important;

        font-size:13px !important;

    }

    .text1{

        margin-top:1px !important;

        font-size:13px !important;

    }

    .mobile-featured ul{

        list-style-type: none;

        padding:0px;

        margin-top:5px;

    }

    .mobile-featured ul li{

        line-height:30px;

        margin:8px;

        padding:5px;

        position: relative;

        display: block;

        color: white;

        background: #2980B9;

        padding: 5px;

    }

    .mobile-featured ul li ul li{

        line-height:20px;

        margin:0px;

        padding:0px;

        position: relative;

        display: block;

        background: none !important;

        padding: 5px;

        width:275px;

        margin-top:0px;

        display: block;

    }

    .mobile-featured ul li a{

        color:#fff;

    }

    .mobile-featured ul li a:hover{

        text-decoration: none;

    }

    .mobile-featured ul li ul li a{

        color:#000 !important;

        line-height:20px !important;

    }

    .mobile-slide{

        display:block;

    }

    .dropdown a {

        text-decoration: none;

    }

    .dropdown [data-toggle="dropdown"] {

        display: block;

    }

    .dropdown .icon-arrow {

        position: absolute;

        display: block;

        font-size: 0.7em;

        color: #fff;

        top: 8px;

        right: 10px;

    }

    .dropdown .icon-arrow:before {

        content: '\25BC';

    }

    .mmin{

        display: block !important;

    }

    .mtabs{

        margin-top:-332px !important;

    }

    .imc{

        margin-top:-10px !important;

    }

    .m-back{

        height: 658px !important;

    }

    .mobile-sub{

        margin-top: -266px !important;

    }

    .m-offset{

        padding-left:15px !important;

        padding-right: 15px !important;

    }

    .mobile-top{

        margin-top: 0px !important;

    }

    .subjectlist{

        min-height: 250px !important;

    }

    .m-count{

        display:none !important;

    }

    .pagination{

        margin-top: 10px !important;

        z-index: 24142;

        position: relative;

    }

    .page{

        float:left !important;

        position: absolute;

        margin:0px;

    }

    .subject .subjectresults .subjectdetails h4 {

        border-bottom: 0;

        font-weight: bold;

        text-decoration: none;

        color: #2B7AB5;

        text-align: left;

    }

    .booktitle, .bookprice{

        padding-left:0px;

    }

    .subjectdetails{

        margin-top:40px !important;

    }

    .mobile-b{

        height: 189px !important;

    }

    .mobile-breadcum .breadcrumb a, .subject .heading .breadcrumb .active {

        color: #71706e;

        font-weight: bold;

        font-size: 13px;

        text-decoration: none;

    }

    .mobile-breadcum .subject .heading .breadcrumb {

        background: none;

        padding-left: 0;

        margin-bottom: 0;

    }

    .mobile-breadcum .breadcrumb {

        padding: 8px 15px;

        margin-bottom: 20px;

        list-style: none;

        background-color: #f5f5f5;

        border-radius: 4px;

    }

    .mobile-breadcum .breadcrumb>.active {

        color: #777;

        font-size:13px;

        font-weight:600

    }

    .m-product{

        margin-top:-50px !important;

    }

    .m-book-text h4{

        font-size:17px !important;

        margin-top:30px !important;

    }

    .m-productdetails{

        padding-left:0px;

        border:0px !important;

    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

        background-color: #f57237;

        color:#fff;

    }

    .nav-pills > li {

        float: left;

    }



    .nav-pills > li > a {

        border-radius: 0px;

        margin-top:10px;

    }



    .nav-pills > li + li {

        margin-left: 2px;

    }

    .nav-pills > li >a{color:#fff;background-color:#337ab7;;}

    .nav-pills > li >a:hover{color:#fff;background:#f57237;}

    .nav-pills > li.active > a,

    .nav-pills > li.active > a:hover,

    .nav-pills > li.active > a:focus {

        background-color: #f57237;

        color:#fff;

    }

    .f-img1{

        position: relative;

        top: 84px !important;

    }

    .nav-stacked > li {

        float: none;

    }

    .m-slide{

        min-height: 190px !important;

    }

    .n-img{

        width:200px !important;

    }

    .m-top-offset{

        margin-top:0px !important;;

    }

    .mobile-info{

        height: 200px !important;

    }

    .display-nav ul li a{

        color:#000;

    }

    .navbar-toggle {

        position: relative;

        float: right;

        padding: 9px 10px;

        margin-top: 8px;

        margin-right: 15px;

        margin-bottom: 8px;

        background-color: transparent;

        background-image: none;

        border: 1px solid transparent;

        border-radius: 4px;

        position: relative;

        z-index: 21324424224;

    }

    .m-samll{

        height:20px

    }

    .mobile-height{

        min-height:1px !important;

    }

    .m_lg{

        padding-top:30px;

    }

    .main-mobile{

        height:200px !important;

    }

    .mob-tp{

        margin-top:0px !important;

    }

    .clogo2 {

        position: relative;

        top: 105px !important;

    }

    .mobile-n-back{

        background:none !important;

    }

    .nav-tabs{

        border:0px !important;

    }

    .item{

        border-left:0px !important;

    }

}
.stock-msg{
    display: block;
    position: absolute;
    background: #ffffff24;
    top: 0;
    bottom: 0;
    z-index: 8;
    right: 0;
    width: 100%;
    left: 0;
    font-size: 2rem;
    padding-top: 50%;
    text-align: center;
    color: #f16161;
    font-weight: bold;
}
.grayscale{
    filter: grayscale(1);
    opacity: .5;
}