﻿body {
}

.table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
}

@media screena and (min-width: 2560px) {
    /*.HomeFeatured {
        padding-top: 3vw;
    }*/
}

@media screen and (max-width: 991px) {

    .secCategories .lsCategories a {
        font-size: 12px;
    }

    .secCategories .lsCategories > li {
        margin: 0 1px !important;
        border-radius: 0px !important;
        padding: 10px 10px !important;
    }

    .main_sm_div.container {
        background: #fff none repeat scroll 0 0;
    }

    .home-container {
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .nav {
        font-size: 14px;
    }

    input[type="text"] {
        font-size: 15px !important;
    }

    .tdAlignment td {
        min-height: 38px;
    }

    .tdAlignment span,
    .tdAlignment label {
        float: right;
    }

    .tdAlignment input[type='number'] {
        float: right;
        height: 25px;
    }

    .fa-trash-o {
        float: right;
    }


    .product span {
        display: inline;
    }

    .PageNavigation input {
        width: 25px;
    }

    .PageNavigation_ShowingPage {
        width: 190px;
    }

    .sm-left {
        float: left;
        width: 50%;
        text-align: left;
        display: none;
    }

    .sm-right {
        float: left;
        width: 100%;
        text-align: left;
    }

        .sm-right td:first-child,
        .sm-left th:first-child {
            border-top: none !important;
        }

    .table-responsive th {
        border: none;
        height: 46px;
        display: block !important;
        text-align: left !important;
    }

    .table-responsive {
        position: relative !important;
    }

        .table-responsive td {
            height: 46px;
            display: block !important;
            text-align: left !important;
        }

    .checkout-tabs {
        text-align: center !important;
    }



        .checkout-tabs label {
            margin: 0 10px !important;
        }

        .checkout-tabs a {
            font-size: 10px;
        }

    .product span {
        display: inline;
        margin-right: 10px;
        float: right;
    }


    .inline-spn {
        font-weight: bold;
        font-size: 15px;
        float: left !important;
    }


    .bot-btn .btn {
        margin-bottom: 10px;
    }

    .marzi {
        margin: 10px 0;
    }

    .abso {
        width: 100%;
        position: absolute !important;
        left: 0;
        text-align: center !important;
    }

    .RUploadFile .btn {
        font-size: 9px;
    }

    .table-responsive .btn {
        border-radius: 4px;
        margin-top: -3px;
        margin-left: auto;
        margin-right: auto;
    }

    .ValidationError {
        padding: 0 15px 0 0 !important;
    }

    .hide-th {
        display: none !important;
    }

    .table-responsive .form-control {
        width: 100px;
        height: 30px;
        display: inline !important;
        float: right;
    }

    .main-panel-nav {
        padding: 0 !important;
    }

    .panel-body {
        padding: 15px 24px !important;
    }

    .bottom-nav {
        width: 100%;
    }

    .tablet-carousel {
        display: block;
    }

    .titles {
        float: left;
        width: 50% !important;
    }

    .values {
        float: right;
        width: 50%;
    }

        .titles div, .values div {
            border-bottom: 1px solid #ddd;
            line-height: 27px;
        }


    .similar_div {
        padding: 0;
        display: block !important;
    }

    .checkLogin label, .confirm-details label, .complete-purchase label {
        text-align: left;
    }

    .btn {
        display: block !important;
    }

    .child_1, .child_2 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .list.top-margin {
        width: 135px;
    }

    .restore-header {
        height: 264px;
    }

    /*.main_sm_div .col-md-6.sm_div {
        background: #fff none repeat scroll 0 0;
        border-top: 10px solid #f2f2f2;
    }*/

    .similar_div {
        padding: 0 20px;
    }


    .home-container .homeProducts {
        padding: 0;
    }

    .advertisement {
        border: none;
    }

    .bottom-nav p {
        color: #fff;
        font-size: 4vw;
        margin: 0;
        text-align: center;
        line-height: 66px;
    }

    .bottom-nav h3 {
        margin: 0;
        width: 100%;
    }

    .checkout-tabs {
        text-align: center;
    }

    .similar_div {
        /*display: block;*/
        padding: 0;
    }

    .p-bottom-section ul.list {
        margin: 0 auto;
        width: 211px;
        padding: 5px 0;
        text-align: center;
    }
}

@media screen and (min-width: 300px) and (max-width: 768px) {
    .navbar-header img {
        width: 80px !important;
    }
}

@media screen and (max-width: 600px) {


    .similar_div {
        padding: 25px 10px !important;
    }


    .bottom-nav h3 {
        font-size: 3vw;
        padding: 20px 25px;
    }

    table.cart tbody td .form-control {
        width: 20%;
        display: inline !important;
    }

    .similar_div {
        padding: 25px 10px;
    }

    .cart .tprice {
        text-align: left;
    }

    .actions .btn {
        width: 36%;
        margin: 1.5em 0;
    }

    .actions .btn-info {
        float: left;
    }

    .actions .btn-danger {
        float: right;
    }

    table.cart thead {
        display: none;
    }



    table.cart tbody td {
        display: block;
        padding: .6rem;
        /* min-width: 320px; */
        width: 100% !important;
        text-align: left;
    }

    table#cart1 tbody tr td:first-child {
        background: #ccc;
        color: #fff;
    }
    /*p{color:#fff;}*/

    table.cart tbody .tdAlignment td:before {
        /*width: 8rem !important;*/
        content: attr(data-th);
        font-weight: bold;
        display: inline-block;
    }



    table.cart tfoot td {
        display: block;
    }




    #cart2 td {
        width: 100%;
    }

    #cart2 .btn {
        display: block;
    }


    .dropdown-menu ul {
        font-size: 12px;
    }
}

@media screen and (max-width: 705px) {


    .similar_div {
        padding: 25px 15px;
    }
}

@media screen and (max-width: 767px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        /*padding-right: 0 !important;
    padding-left: 0 !important;*/
    }

    .navbar {
        padding: 14px 0;
        margin: 0 !important;
        border: none !important;
    }

    .secondary-nav {
        /*float: right;*/
        /*width: auto !important;*/
    }

        .secondary-nav .fa-2x {
            font-size: 1.8em;
        }

        .secondary-nav a {
            padding: 0 6px;
        }

    .dropdown-menu ul {
        margin-right: 0;
    }

    .dropdown-menu {
        border-bottom: solid 1px #000 !important;
        box-shadow: none !important;
    }
}



@media(min-width:600px) and (max-width:767px) {
    .exclude {
        display: none;
    }
}

@media(min-width:599px) {
    .include {
        visibility: visible;
        text-align: left !important;
    }
}

@media(max-width:599px) {
    .tdDisplayNone {
        display: none !important;
    }
}



@media screen and (max-width: 1200px) {

    .table-responsive .btn {
        font-size: 11px;
    }


    /*.ProductDetailsImage {
        width: 20px !important;
    }*/

    .hotDealProduct .hotDealPrice {
        font-size: 16px !important;
    }

    footer .child_footer {
        width: 90% !important;
    }


    .socialmedia li {
        padding-right: 5px !important;
    }

    .main-panel-nav .nav-tabs > li > a {
        font-size: 12px !important;
    }

    .socialmedia li img {
        width: 30px !important;
    }

    .shopTitle {
        font-size: 20px !important;
    }

    .bottom-nav h3 {
        margin: 0;
    }

    .top-nav {
        height: 73% !important;
        padding-left: 7% !important;
    }

        .top-nav h3 {
            margin: 0 !important;
            padding-top: 0 !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            font-size: 20px !important;
        }

    .secCategories .lsCategories > li {
        padding: 10px 12px !important;
    }



    .vitamin-container .wrapper {
        width: 100% !important;
    }

    /*.primary-nav,
    .secondary-nav {
        text-align: right;
        width: 100%;
        display: block;
        padding: 0;
    }*/

    /*.primary-nav {
        text-align: right;
    }*/


    .nav-container, .headerSearch, .products {
        /*width: 90% !important;*/
    }



    .logo img {
        width: auto;
        /*height: 75px;*/
    }

    .secondary-nav {
        margin-top: -5px !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1220px) {

    .checkLogin {
        width: 100% !important;
        float: none !important;
    }

        .checkLogin div {
            /*float:none !important;*/
            /*display:block !important;*/
            width: 100% !important;
        }

        .checkLogin label {
            text-align: left !important;
        }
}

@media screen and (min-width:767px) and (max-width:991px) {
    .secondary-nav a,
    .WelcomeText,
    .primary-nav a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media screen and (max-width: 1420px) {


    .sort-view {
        display: table;
        margin: auto auto;
        width: 100% !important;
        text-align: left;
    }

    .similar_div {
        padding: 25px 15px;
    }


    .product-list {
        display: table;
        margin: auto auto;
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {

    .p-off {
        padding-left: 0;
    }

    .fa-close {
        font-size: 12px !important;
    }

    .similar-para {
        padding-right: 6px !important;
        padding-top: 25px !important;
    }

    body {
        font-size: 12px;
    }


    footer a {
        margin: 0 3px !important;
    }

    .checkout-div p {
        font-size: 13px !important;
    }

    .forgot {
        text-align: center;
    }

    .similar_div .sm_div {
        padding: 1px 0 !important;
    }

    .ContactNumber {
        font-size: 15px !important;
        margin-top: 15px !important;
    }

    .foot-bot a {
        display: block !important;
        width: 100%;
        margin-top: 5px !important;
        padding: 5px !important;
        transition: all 0.3s;
    }

        .foot-bot a:hover {
            background: #fff;
            color: #000;
            transition: all 0.3s;
        }

    .lblShare {
        display: none !important;
    }

    .foot-bot i {
        display: none;
    }

    .checkout-div h1,
    .checkout-div h2,
    .checkout-div h3 {
        font-size: 18px !important;
    }

    .login-regis {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 30px !important;
    }


    .checkLogin label {
        text-align: left !important;
        height: 20px !important;
    }

    .child_footer .dis-t {
        display: block !important;
    }

    .child_footer .dis-tc {
        display: block !important;
        text-align: center;
    }

    .dropdown-menu {
        width: 100%;
        position: relative !important;
        padding-bottom: 0 !important;
    }


    .main-panel-nav .nav-tabs {
        vertical-align: middle !important;
    }

    .caret-down {
        height: 10px !important;
        width: 15px !important;
        background-size: 13px !important;
    }

    .bottom-nav h3 {
        padding: 15px !important;
        line-height: 15px !important;
    }

    .shopTitle {
        font-size: 16px !important;
    }

    .secondary-nav {
        /*width: 100%;*/
        background: #FDFDFD;
        border-top: solid 1px #F1F1F1;
        padding-top: 5px;
    }

    
    .custom_menu {
        text-align: center;
        width: 100%;
        padding-right: 15px;
        padding-bottom: 5px;
        margin: 0 auto;
    }



    .secondary-nav a, .WelcomeText, .primary-nav a {
        padding-left: 5px !important;
        padding-right: 5px !important;
        vertical-align: middle !important;
    }

    .secondary-nav .fa-2x {
        font-size: 1.8em !important;
    }

    .custom_menu .fa {
        vertical-align: middle !important;
    }

    .cart-icon, .cart-icon .fa, .cart-icon span {
        font-size: 14px !important;
    }



    .top-nav h3 {
        padding-bottom: 10px !important;
        font-size: 15px !important;
    }

    .top-nav {
        padding-left: 3% !important;
    }

    .lovemypets {
        width: 210px !important;
        height: auto;
    }

    .navbar {
        padding: 0 !important;
    }

    .input-group .form-control,
    .input-group-btn .btn-default {
        height: 35px !important;
    }



    .main-navbar .search {
        display: block !important;
    }

    #search_input {
        float: none !important;
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 280px !important;
    }



    .userName {
        vertical-align: middle;
        display: table-cell;
        /*width: 100%;*/
        text-align: right;
        padding-bottom: 10px !important;
        padding-top: 15px !important;
        /*float: right;*/
    }

    .sort-view {
        display: table;
        margin: auto auto;
        width: 100% !important;
    }

    .product-list {
        display: table;
        margin: auto auto;
        width: 100% !important;
    }

    .dropdown-1 {
        padding: 10px;
    }

    .homeproduct p {
        text-align: right;
    }
}

@media screen and (min-width:767px) {
    .product-View a {
        float: none;
    }

    .dropdown-menu {
        width: 100%;

    }

}



@media screen and (max-width: 1255px) {

    .smallproduct {
        padding: 6.5px 5px !important;
    }

    .homeproduct p {
        font-size: 14px;
    }

    .advertisement a > img {
        height: 100%;
    }
}

@media screen and (max-width: 992px) {

    .similar-para {
        font-size: 3.2vw !important;
    }

    .main_sm_div {
        background: none !important;
    }

    footer p {
        font-size: 12px !important;
    }

    .footerCopyright {
        margin-top: 10px;
    }

    .imgContainer .dummy {
        padding-top: 50% !important;
    }

    .socialmedia li {
        padding: 0 !important;
    }

    footer .child_footer {
        width: 100% !important;
    }

    .bottom-nav {
        padding-left: 25px;
    }

        .bottom-nav h3 {
            line-height: 18px !important;
            padding: 15px !important;
        }

    .nav-container, .headerSearch, .products {
        width: 100% !important;
    }





    .smallproduct {
        padding: 7px 5px !important;
    }
}


@media screen and (max-width: 991px) {

    .subscribe .form-control {
        width: 200px !important;
    }

    /*.ProductDetailsImage {
        width: 20px !important;
    }*/



    .home-container {
        width: 100% !important;
    }

    .slick-next {
        right: -15px !important;
    }

    .slick-prev {
        left: -15px !important;
    }

    .home-container {
        width: 100% !important;
    }

    /*.similar_div {
		  padding-left: 0;
  padding-right: 0;
	}*/


    .login-regis {
        margin-top: 30px !important;
    }

    .main_sm_div {
        background: #fff none repeat scroll 0 0;
        padding-bottom: 15px;
    }

    .checkLogin label, .confirm-details label, .complete-purchase label {
        text-align: left;
    }

    .btn {
        display: block !important;
    }

    #HLProceedToCheckout {
        display: inline-block !important;
    }

    .myButtons {
        display: inline-block !important;
    }

    .child_1 {
        float: none;
        width: 100%;
    }

    .list.top-margin {
        width: 135px;
    }

    .checkout-section {
        /*padding: 25px 55px;*/
    }

        .checkout-section div {
            text-align: center;
        }

    .bottomBorder {
        border-bottom: solid 8px #f1f1f1;
    }
}

@media (min-width: 992px) {
    .slick-slide {
        width: 25% !important;
    }
}

@media(max-width:440px) {

    .checkout-tabs span {
        display: none;
    }

    .checkout-tabs {
        text-align: left !important;
    }

        .checkout-tabs a {
            font-size: 12px;
            margin-bottom: 5px !important;
            display: inline-block;
        }

        .checkout-tabs label {
            display: block !important;
        }


    .product-View a {
        display: block;
    }

    .lovemypets {
        width: 120px !important;
    }

    .top-nav h3 {
        padding-bottom: 5px !important;
        font-size: 13px !important;
        line-height: 0.8em !important;
    }


    .caret-down {
        background: url('../images/cart-down.png') no-repeat !important;
        height: 8px !important;
        width: 16px !important;
        text-align: right !important;
        float: right !important;
        margin-top: 5px !important;
        background-size: 13px !important;
    }

    .bottom-nav h3 {
        line-height: 15px !important;
        padding: 10px 15px !important;
    }

    .shopTitle {
        font-size: 9px !important;
    }

    .add-cart {
        font-size: 11px !important;
    }
}

@media(max-width:400px) {


    .table-responsive .btn {
        font-size: 9px;
    }

    .PageNavigation_ShowingPage {
        width: 160px;
    }

    .PageNavigation input {
        width: 20px;
    }

    .product-View a {
        display: block;
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 360px) {



    .bottom-nav h3 {
        font-size: 12px;
        margin: 0;
        padding: 20px 10px;
        width: 100%;
    }

    .similar_div {
        padding: 25px 0;
    }

    .tablet-carousel {
        display: none;
    }
}
