@media only screen and (max-width: 1199px) {
    .cartimg_section p {
        font-size: 12px;
    }

    .wishlist_section p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1198px) {
    .navbar-inverse li a {
        padding: 15px 11px;
    }

    .payby img {
        margin-bottom: 10px;
    }

    .carousel-caption {
        padding-bottom: 24px;
    }

        .carousel-caption h1 {
            font-size: 24px;
        }

    .dropdown-menu li {
        margin-right: 27px;
        padding-bottom: 0;
        width: 21.4%;
    }

        .dropdown-menu li a {
            padding: 9px 11px;
        }

    .large_link {
        text-align: center;
    }

    

    .cartimg_section img {
        width: 34px;
        height: 30px;
    }

    .cartimg_section p {
        font-size: 13px;
    }

    .cartcount {
        width: 20px;
        height: 20px;
        left: 36px;
        font-size: 13px;
    }

    .wishlist_section img {
        width: 30px;
        height: 30px;
    }

    .wishlist_section p {
        font-size: 13px;
    }

    .wishlistcount {
        left: 37px;
        font-size: 13px;
        width: 20px;
        height: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-inverse li a {
        font-size: 11px;
        padding: 15px 6px;
    }

    .categories-name a {
        font-size: 13px;
    }

    .contact-no {
        font-size: 11px;
    }

    .carousel-caption h1 {
        font-size: 20px;
    }

    .carousel-caption {
        padding-bottom: 1px;
    }

        .carousel-caption span {
            font-size: 24px;
        }

    .footer-link span {
        font-size: 15px;
    }

    .dropdown-menu li {
        margin-right: 27px;
        padding-bottom: 0;
        width: 29%;
    }

        .dropdown-menu li a {
            padding: 9px 11px;
        }

    .subcategory {
        height: auto;
    }

    .large_link {
        text-align: center;
        width: 93.2%;
    }

    .carousel-caption h1 p {
        line-height: 24px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -33px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -33px;
    }

    .white-bg .col-sm-2 {
        padding: 0px 0px;
    }
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
        Label the data
        */
        #no-more-tables td:before {
            content: attr(data-title);
        }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -30px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -30px;
    }

    .middle-part > .container { padding-left:0px;padding-right:0px; }
}


@media only screen and (max-width: 767px) {
    .header-part { 
        padding-top:0px;
    }
    .search-input { width:60%;}
    .searchboxDiv,.contact-no { text-align:left; }
    .contact-no { padding:0px; font-size:15px !important; }
    .navbar-collapse {
        padding: 0 20px;
    }

    .navbar-nav li {
        background: none;
        border-bottom: 1px solid #375a67;
    }

        .navbar-nav li a {
            padding: 10px 10px;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #fff !important;
        font-size: 14px;
        z-index: 999;
        position: relative;
        padding-left: 0px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu {
        background: #375a67;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li {
            border-bottom: 1px solid #416471;
            float: none;
        }

    .navbar-inverse .navbar-toggle {
        border-color: #fff;
    }

    .contact-no {
        font-size: 20px;
        padding: 0px 4px;
        text-align: right;
    }

    .siderbanner {
        display: none;
    }

    .categories-box {
        text-align: center;
    }

        .categories-box img {
            display: inline;
        }

    .carousel-caption {
        position: absolute;
        top: 23%;
    }

    .navbar-inverse li a {
        font-size: 14px;
    }

    .footer-link {
        float: left;
        margin-bottom: 20px;
        width: 100%;
    }



    .product-details h2 {
        margin-top: 20px;
    }

    .col-sm-12.paging {
        margin-top: 0px;
        float: right;
    }

    .nav > li > a {
        padding: 5px 7px;
    }

    .txt.txtA {
        width: auto;
    }

    .h1, h1 {
        font-size: 25px;
    }

    .dropdown-menu li {
        width: 24%;
    }

    .order-link {
        margin: 5px 0 10px;
    }

    .white-bg .col-sm-2 {
        padding: 0px 15px;
    }

    .header-right {
        width: 180px;
        float:none;
        padding-right: 18px;
        margin: 3px auto;
    }

    .cartimg_section {
        padding-right: 12px;
    }

    .middle-part > .container { padding-left:0px;padding-right:0px; }
}

@media only screen and (max-width: 664px) {
    .search-btn { font-size:14px; width:78px; }
    .order-link a {
        font-size: 11px;
        padding: 0 7px;
    }

    .logo img {
        width: 100%;
    }

    /*.welcometext p {
        padding: 0 20px;
    }*/

    .carousel-caption {
        top: 23%;
    }

        .carousel-caption h1 {
            font-size: 18px;
        }

            .carousel-caption h1 p {
                line-height: 18px;
            }

        .carousel-caption span {
            font-size: 20px;
        }

    .welcome-title span {
        float: left;
        width: 100%;
    }

    .nav > li > a {
        display: block;
        font-size: 11px;
        position: relative;
    }

    .subcategory .categories-name a {
        height: auto;
    }

    .buttonbox a {
        font-size: 12px;
    }

    .large_link {
        text-align: center;
        width: 98.2%;
    }

    .carousel-caption p {
        font-size: 12px;
        line-height: 12px;
    }
}

@media only screen and (max-width: 500px) {
    .bannermessage {
        top: 12%;
    }

    .carousel-caption p {
        font-size: 9px;
        line-height: 8px;
    }

    .bannermessage p {
        font-size: 9px;
        line-height: 8px;
    }

    .bannermessage h3 {
        font-size: 12px;
        line-height: 12px;
    }
}

@media only screen and (max-width: 499px) {
    .carousel-caption {
        top: 0%;
    }

        .carousel-caption h1 {
            font-size: 16px;
            margin: 0px;
        }

        .carousel-caption span {
            font-size: 16px;
        }

        .carousel-caption p {
            font-size: 9px;
            line-height: 8px;
        }

    .headersearch {
        font-size: 23px !important;
    }

    .large_link {
        text-align: center;
        width: 95.2%;
    }

    .buttonbox a {
        font-size: 10px;
    }

    .order-link {
        width: 100%;
        text-align: center;
    }

        .order-link a {
            float: none;
        }

    .nav > li > a {
        font-size: 10px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -20px;
    }

    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -20px;
    }
}