/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

.page-container {
    background: #EEEEEE;
}


/* .bread{
      width: 200px !important;
  } */
/* ul.breadcrumb li {
    display: block;
    font-size: 18px;

  } */
ul.breadcrumb li+li:before {
    padding: 8px;
    color: #fff;
    content: ">\00a0";
}

ul.breadcrumb li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

ul.breadcrumb li a:hover {
    color: #ED9C16;
    /* text-decoration: underline; */
}

.myform {
    border: 1px solid #d3ced2;
    padding: 20px;
}

.mycheck {
    margin-top: 20px;
}

.form-cover {
    margin: 30px 0;
}

.enq-history {
    padding-left: 0 !important;
}

.row.align-items-center p {
    /*padding-left: 15px;*/
}


.account-form-or::after {
    position: absolute;
    content: "";
    top: 0px;
    right: 24px;
    height: 100%;
    width: 100%;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}

.account-form-or-two::after {
    position: absolute;
    content: "";
    top: 0px;
    right: 24px;
    height: 100%;
    width: 100%;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}

.myform-cover {
    margin: auto;
    padding:20px;
}

.myform-cover h2{
    /*margin: auto;*/
    /*padding:20px;*/
}

h2 {
    /*font-family: monstserrat, sans-serif;*/
}

.myform-cover h2 {
    /*padding: 30px 20px 5px;*/
    /*font-size: 22px;*/
    /*margin-bottom: 0;*/
}

.margintop {
    margin-top: 0;
}

.forgot-password-form {
    /*margin: auto;*/
    border: 1px solid #ddd;
    padding: 20px;
}

.forgot-password-form p {
    /*padding-bottom: 24px;*/
}

.forgot-password-form h3 {
    font-size: 20px;
}

.forgot-password {
    /*margin: 50px 0;*/
}

.dashboard-link-cover ul {
    border: 1px solid #ddd;
}

.menu-links li a {
    color: #989292;
}

/* .active {
    color: #A22C1F;
}

.active a {
    color: #A22C1F !important;
} */

.dashboard-link-cover ul li:hover a {
    color: #A22C1F;
    text-decoration: none;
}


.dashboard-link-cover ul {
    padding-left: 0;
}

.dashboard-link-cover ul li:before {
    content: '\f105';
    display: inline-block;
    font-family: 'Font Awesome 5 free';
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    margin-top: 3px;
}

li {
    list-style: none;
}


.dashboard .box .box-title {
    /* border-bottom: 1px solid #ddd; */
    display: inline-block;
    margin-bottom: 5px;
    padding: 12px 0;
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.box-title>a {
    position: absolute;
    right: 0;
    top: 12px;
    color: #A0271B;
}

.dashboard input,
.dashboard textarea {
    border: 1px solid;
    border: none;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    border-radius: 0;
    ;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.dashboard .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: unset;
    outline: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.save-data {
    text-align: right;
}

.dashboard-cover {
    margin: 60px 0;
}

/* .menu{
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    text-align: center;
} */

.menu-links {
    padding-left: 10px;
    padding-bottom: 10px;
}

.cart-table table tbody tr td.product-quantity .input-counter input {
    height: 45px;
    color: #222222;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
}

.cart-table table tbody tr td.product-quantity .input-counter {
    max-width: 130px;
    min-width: 130px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
    /*border: 1px solid #ddd;*/
}

.cart-table table tbody tr td {
    vertical-align: middle;
    color: #666666;
    padding-left: 0;
    padding-right: 0;
    border-color: #eaedff;
    border-left: none;
    border-right: none;
    text-align: center;
}

.cart-table table tbody tr td .fa-trash:hover {
    cursor: pointer;
    color: #a22c20;
}

.cart-table table tbody tr td.product-quantity .input-counter span.minus-btn {
    left: 0;
    border-right: 1px solid #ddd;
}

.cart-table table tbody tr td.product-quantity .input-counter span.plus-btn {
    right: 0;
    border-left: 1px solid #ddd;
}

.cart-table table tbody tr td.product-quantity .input-counter span {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 40px;
    height: 100%;
    line-height: 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.fa,
.fas {
    font-weight: 900;
}

.myunit {
    background: #f4f4f4;
    border: 1px solid #E4E4E4;
    padding: 5px;
    margin: 0 5px;
}

td.product-thumbnail,
.product-quantity,
.product-unit,
.product-subtotal,
.product-name {
    text-align: center;
}

td.product-name ul {
    padding-left: 0;
}

.product-info {
    text-align: left;
    padding-left: 60px;
}

.table-bordered thead th {
    text-align: center;
}

section.cart-area.ptb-60 {
    margin: 20px 0 30px;
}

.product-image {
    border: 2px solid #dedddd;
    width: 80%;
}

i.far.fa-trash-alt {
    color: #A22C20;
}

.product-info a {
    color: #A22C20;
    font-weight: 500;

}

.product-info a:hover {
    color: #ED9C16 !important;
    text-decoration: none;
}

.update-cart {
    color: #fff;
    background-color: #ED9C16 !important;
    border-color: #ED9C16 !important;
}


.basic-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* justify-content: space-between; */
}

.product-detail-info .basic-info h4{
   font-size: 14px;
   margin-left: 0px;
}
.select-unit h3 {
    margin-left: 0px;
}


a.add {
    color: #ED9C16 !important;
    /* border: 1px solid; */
    margin-right: 20px;
}


.change-password-form h3 {
    margin-top: 30px;
    font-weight: 500;
    font-size: 17px;
}

.change-password {
    margin: 30px 0;
}

.change-password-form {
    margin: auto;
    line-height: 3;
}

.change-password-form h2 {
    background: #A22C20;
    text-align: center;
    padding: 6px 0;
    color: #fff;
}

.buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 20px 0;
}

/* ===================================== */

#invoice {
    background: #fff;
    width: auto;
    max-width: 900px;
    padding: 60px;
    margin: 50px auto 0 auto;
    border-radius: 4px;
}

.my-main-content {
    background: #f9f9f9;
    padding-bottom: 50px;
}

#details {
    text-align: left;
}

.thank-you {
    font-size: 24px;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

th {
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    color: #333;
}

th:last-child,
td:last-child {
    text-align: left;
}

th,
td {
    padding: 15px 0;
    text-align: left;
}

table {
    border-collapse: collapse;
}

.button {
    background: #A22C20;
}

.required {
    color: #ff1a03;
}

ul.breadcrumb li a {
    font-size: 12px;
}

ul.breadcrumb {
    padding: 0px;
    list-style: none;
    background-color: transparent;
    margin-bottom: 0px;
    width: 315px;
    /* margin-left: 5px; */

}

td.product-subtotal {
    text-align: center;
}

.page-header {
    width: 100%;
    /* margin: 0 35% 0 auto; */
    padding: 30px 0;

}

.page-header-content h2 {
    font-size: 32px;
    /* margin-left: 10px; */
}

.change-password-form h2 {
    font-size: 20px;
    padding: 6px;
}

/* .desktop-cart{
    display: none;
} */
span.minus-btn {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 40px;
    height: 100%;
    line-height: 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    left: 0;
}

span.plus-btn {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #d0d0d0;
    width: 40px;
    height: 100%;
    line-height: 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    right: 0;
}

.product-subtotal {
    padding-top: 10px;
}

.mobile-cart {
    margin: 10px 0 30px;
}

.mobile-cart-heading h3 {
    border: 1px solid #dcd4d4;
    padding: 10px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.product-info-details {
    padding-left: 0;
    ;
}

.cart-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.mobile-main-contents .product-info {
    padding-left: 0;
}

.input-counter1 {
    max-width: 100px !important;
    min-width: 100px !important;
}


.cart-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 0;
}

.mobile-main-contents {
    border-bottom: 1px solid #dad0d0;
    margin: 20px 0;
}

ul.product-info-details li strong {
    font-size: 13px !important;
}

ul.product-info-details li {
    font-size: 13px !important;
}

.product-quantity {
    vertical-align: middle;
    color: #666666;
    padding-left: 0;
    padding-right: 0;
    border-color: #eaedff;
    border-left: none;
    border-right: none;
}

.input-counter {
    max-width: 130px;
    min-width: 130px;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
}

.input-counter input {
    height: 45px;
    color: #222222;
    outline: 0;
    display: block;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    width: 100%;
    font-size: 17px;
    font-weight: 600;
}

#invoice {
    padding: 20px;
}


/* ====================== 11-9-19 ============= */

.page-header-content {
    text-align: center;
    color: #fff;
}

ul.breadcrumb li {
    display: inline-block;
    padding-left:0 !important;
}

ul.breadcrumb {
    width: 100%;
}

.thank-you-date {
    /* border: 1px solid; */
    width: 100%;
    display: block;
    padding: 10px 20px;
}

.your-details {
    font-size: 18px;
    display: block;
}

p.details span {
    display: block;
    padding: 2px 2px;
}

.thank-you-cart {
    margin-top: 20px !important;
}

.page-header-content h1 {
    font-size: 24px;
}

.dashboard-heading {
    font-size: 24px;
}

.acc-info {
    font-size: 18px;
}

th {
    font-weight: 500;
}

.dashboard1 {
    border: 1px solid #ddd;
    margin-top: 20px;
}

.first-table-content {
    padding-top: 20px;
}

.my-wishlist {
    font-size: 24px;
    padding: 10px 20px;
}

.desktop-cart1 {
    padding: 10px 0 30px;
}

.tooltip1 {
    position: relative;
    /* display: inline-block;
  border-bottom: 1px dotted black; */
}

.tooltip1 .tooltiptext {
    visibility: hidden;
    width: 95px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -42px;
    left: -41px;
}

.tooltip1:hover .tooltiptext {
    visibility: visible;
}

.box-title>a:hover {
    color: #ED9C16;
    text-decoration: none;
}

.save-data {
    text-align: center;
}

.ask-login {
    background: #ddd;
    padding: 10px;
    border-top: 2px solid #000;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    text-align: center;
}

.checkout-form {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.ask-login p {
    margin-bottom: 0;
}

.separation {
    margin-top: 60px;
}

.form-separetor {
    position: absolute;
    left: 50%;
    top: 47%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 100%;
    border: 1px solid #eaeaea;
    text-align: center;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #ccc;
    background-color: #FFF;
}

/* Rishikesh's CSS Starts */

.instamojo-section {
    position: relative;
}

.form-separetor-2 {
    position: absolute;
    left: 50%;
    top: -20px;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 100%;
    border: 1px solid #eaeaea;
    text-align: center;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #ccc;
    background-color: #FFF;
}

.account-form-or-two-2::before {
    position: absolute;
    content: "";
    top: -131px;
    /* right: 24px; */
    height: 315px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(25%, #eaeaea), color-stop(75%, #eaeaea), to(#fff));
    background: -o-linear-gradient(top, #fff 0, #eaeaea 25%, #eaeaea 75%, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #eaeaea 25%, #eaeaea 75%, #fff 100%);
    z-index: -2;
}

.account-form-or-two-2::after {
    position: absolute;
    content: "";
    top: 0px;
    right: 24px;
    height: 100%;
    width: 100%;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}


/* Rishikesh's CSS ends */

.account-form-or::before {
    position: absolute;
    content: "";
    top: -131px;
    /* right: 24px; */
    height: 315px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(25%, #eaeaea), color-stop(75%, #eaeaea), to(#fff));
    background: -o-linear-gradient(top, #fff 0, #eaeaea 25%, #eaeaea 75%, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #eaeaea 25%, #eaeaea 75%, #fff 100%);
    z-index: -2;
}

.account-form-or-two::before {
    position: absolute;
    content: "";
    top: -131px;
    /* right: 24px; */
    height: 315px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 1px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(25%, #eaeaea), color-stop(75%, #eaeaea), to(#fff));
    background: -o-linear-gradient(top, #fff 0, #eaeaea 25%, #eaeaea 75%, #fff 100%);
    background: linear-gradient(to bottom, #fff 0, #eaeaea 25%, #eaeaea 75%, #fff 100%);
    z-index: -2;
}

label.form-title {
    padding: 11px 0 1px;
}

.dashboard1.change-form {
    padding: 0 20px;
}

label.edit-option {
    border: 1px solid #ddd;
    padding: 4px 10px;
    margin-top: 10px;
    background: #A22C20;
    color: #fff;
}

.change-form {
    padding: 30px;
}

.only-display-page {
    max-width: 90px !important;
    min-width: 80px !important;
    margin-right: 10px;
    text-align: center;
    display: inline-block;
    position: relative;
    /*border: 1px solid #ddd;*/
}

.only-display-page input {
    height: 45px;
    color: #222222;
    outline: 0;
    border: none;
    background-color: #f8f8f8;
    text-align: center;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: inline-block !important;
    width: 52% !important;
    margin: -2px !important;
    padding: 0;
}

#mylogin {
    display: none;
}

.show-login {
    color: #A22C20 !important;
}

.show-login:hover {
    color: #ED9C16 !important;
    text-decoration: unset;
}

.mycheckout {
    padding: 10px;
}

.my-options option{
    padding: 10px 6px;
}


.myrow {
    width: 100%;
}

/* .products {
    text-align: right !important;
    padding-right: 20px !important;
} */

.product-thumbnail1 a {
    width: 100px;
    display: block;
}

.product-thumbnail1 a img {
    display: block;
    width: 100%;
}

.one-row {
    margin-top: 15px;
}

.product-info1 ul {
    text-align: left;
    margin-left: 0;
    padding-left: 0;
}

.product-info1 a {
    display: block;
    text-align: left;
}

.enquiry-date-time {
    background: #ddd;
    padding: 6px 10px;

    margin: 30px 0 15px;
}


.enquiry-date span {
    font-size: 14px;
    font-weight: 500;
}

.dashboard-right .dashboard {
    border: 1px solid #ddd;
    padding: 10px;
}

.enquiry-time span {
    font-size: 14px;
    font-weight: 500;
}

.registeration {
    position: relative;
    margin: 10px 0 55px;
}

.page-container {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/home-page-our-stats.jpg");
    background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/home-page-our-stats.jpg");
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/home-page-our-stats.jpg");
    padding: 10px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.cart-content {
    padding: 30px 0 0px;
}


.selector1 {
    line-height: 27px !important;
    float: right !important;
}

/* ====================== 11-9-19 ends============= */

/* ====================== 16-9-19 ============= */

.showing-products {
    position: relative;

}



.letters {
    background: unset !important;
    padding: unset !important;
}



.showing-products {
    border: 1px solid #d6d4d4;
    margin: 30px 0;
}

.all-products .search-product-index-wrap {
    position: unset;
    z-index: -5;
    left: 120px;
    right: 0;
    bottom: 13px;
}

.mygrid {

    padding-left: 0 !important;
}

.card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.mygrid1 {

    padding-right: 0 !important;
}


.all-products .search-product-index {
    width: 100%;
    padding: 10px !important;
    /*border-top: 1px solid #ddd;*/
}

.custom-select {
    height: 50px !important;
    width: 100% !important;
}

span.fas.fa-heart {
    padding: 0 5px;
}

span.far.fa-eye {
    padding: 0 5px;
}

span.fa.fa-shopping-cart {
    /*padding-right: 3px;*/
}


.mycard {
    width: 100%;
}

.mycard:hover {
    /* box-shadow: 0px -7px 15px #rgb(247, 198, 120); */
    border: none;
    -webkit-transform: translateY(100px);
        -ms-transform: translateY(100px);
            transform: translateY(100px);
    -webkit-animation: moveVertical .65s ease forwards;
            animation: moveVertical .65s ease forwards;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    border-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(247,198,120,.6);
            box-shadow: 0 0 30px rgba(247,198,120,.6);
}

.pagination {
    /* border: 1px solid #ddd; */
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.card-btn {
    padding: 10px 1vw !important;
}

.all-products .search-product-index a {
    text-decoration: none;
    color: #985f00;
    min-width: 21px;
    background: #F7C678;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.all-products .search-product-index a:hover {
    color: #F7C678;
    background: #985f00;
}

.showing-product-page {
    margin-bottom: 0px;
    margin-top: 10px;
    margin-right: 10px;
    font-size: 15px;
    margin: 8px 10px 0 0;
    color: #9e9e9e;
}

.page-item.active .page-link {

    color: #fff !important;
    background-color: #ED9C16 !important;
    border-color: #ED9C16 !important;
}

.page-link {

    color: #ED9C16 !important;
    background-color: #fff !important;
    border: 1px solid #dee2e6 !important;
}

.page-link:hover {
    color: #fff !important;

    background-color: #ED9C16 !important;
    border-color: #ED9C16 !important;
}

.card-row-cover {
    margin-bottom: 0px;
}

.compound-card.mycard {
    margin: 20px 0;
}


.desktop-view {
    display: none;
}


.compound-card-content h5 a {
    color: #a22c20;
    text-decoration: none;
    background-color: transparent;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
}

.compound-card-content h5 a:hover {
    color: #A22C20;
}

.results1{
    display: none;
}

.results{
    margin-bottom: 10px;
    text-align: center;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.compound-card-content span {
    font-size: 13px;
}

.compound-card-content p {
    font-weight: 600;
    font-size: 13px;
}

.product-detail h3{
    font-size: 16px;
    color: #848484;
}

.product-detail {
    /* border: 1px solid; */
    padding: 65px 0;
}

.product-detail-heading h2 {
    font-size: 28px;
    padding-bottom: 10px;
}
.product-detail-heading span {
    padding-bottom: 7px;
}

.product-detail-info {
    padding: 10px 0;
    margin: 30px 0;
    border-bottom: 1px dashed  #ED9C16;
}

.select-unit.row {
    padding: 10px 0;
}

.product-detail .card-link {
    margin-top: 10px;
}

.product-detail .description{
    border-bottom: 1px solid #DDDDDD;
}

.product-detail h4, .product-detail h3{
    font-weight: 600;
}


.product-detail .card-link a {
    /*font-size: 14px;*/
}

.product-detail .card-link a span.far.fa-eye {
    padding-right: 7px;
}

.product-detail .card-link a span.fas.fa-heart {
    padding-right: 5px;
}

.card-link.description a {
    margin-right: 10px;
}
.card-link.description {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
}



.description-btn{
    background: #ddd !important;
    border: 1px solid #ddd !important;
    padding-top: 11px !important;
    color: #4a4949 !important;
    font-weight: 500 !important;
}

button.active {
    background: #ED9C16  !important;
    border: none !important;
    color: #fff !important;
    border: 1px solid #4a4949 !important;
}

button.unit {
    background: #fff;
    border: none;
    color: #fff;
    border: 1px solid #4a4949;
}

button.unit:hover {
    background: #ED9C16 ;
    color: #fff  !important;
    border: 1px solid #ED9C16;
}


.description-btn:hover {
    background: #A22C20 !important;
    color: #fff  !important;
}
.home-page-our-products h2 {
    padding-bottom: 12px;
}

.view-compound{
    background: red !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
}

.my-card-heading h5 a{
    /*color: #000 !important;*/
    display: block;
}

.my-card-heading h5 a:hover{
    /*color: #ED9C16;*/
}

.my-card-heading span{
    color: #989797;
}
.home-page-our-products.product-details {
    padding: 50px 0;
    background: #F9F9F9;
}

.product-detail-image figure {

    /* margin: 10% 0 !important; */
    display: block;
}

.product-detail-image figure img {
    height: auto;
}

.home-page-our-products h2 {
    font-size: 26px;
}

.product-detail-image {
    border: 2px solid #ddd;
}

.product-detail-all-content .card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.product-detail-all-content .card-link a {
    margin-top: 20px;
    width: 100%;
}

.headings.product-detail-heading {
    margin-top: 40px;
}


/* these styles are for the demo, but are not required for the plugin */
.zoom {
    display:inline-block;
    position: relative;
}

/* magnifying glass icon */
.zoom:after {
    content:'';
    display:block;
    width:33px;
    height:33px;
    position:absolute;
    top:0;
    right:0;
    background:url(icon.png);
}

.zoom img {
    display: block;
}

.zoom img::-moz-selection { background-color: transparent; }

.zoom img::selection { background-color: transparent; }

/* .product-detail-all-content {
    padding-left: 50px !important;
} */


.product-detail .headings span {
    color: #b32011;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.1em;
}

.select-unit span.minus-btn {
    position: absolute;
    top: 0;
    background-color: transparent;
    cursor: pointer;
    color: #777676;
    width: 40px;
    height: 100%;
    line-height: 50px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    left: 0;
    border: 1px solid #c5c5c5;
}

.select-unit span.plus-btn {
    color: #777676;
    border: 1px solid #c5c5c5;
}

.select-unit .input-counter input {
    background-color: #e2dfdf;
    border: 1px solid #c5c5c5;
}

.card-btn {
    padding: 5px !important;
    font-size: 14px  !important;
    border-radius: 6px !important;

    width: auto !important;
    margin: 3px !important;
}

.p-4 {
    padding: 1rem!important;
}

.showing-products {
    border: unset;

}

h2.menu-list {
    font-size: 20px;
    margin-left: 20px;
    padding: 7px 0;
}

@media screen and (min-width: 576px) {


ul.breadcrumb li a {
    font-size: 16px;
}

    .page-header-content h1 {
        font-size: 38px;
        text-transform: capitalize;
    }

    .showing-products {
        border: 1px solid #d6d4d4;

    }


.p-4 {
    padding: 1.5rem!important;
}

    .card-btn {
        padding: 10px !important;

    }

.product-detail-info .basic-info h4{
    font-size: 16px;
    margin-left: 20px;
    color: #555555;
 }
 .select-unit h3 {
     margin-left: 20px;
 }

 .product-detail-info p {
    font-size: 16px;
}

    .registeration {
        position: relative;
        margin: 40px 0 55px;
    }


    .dashboard-right .dashboard {
        border: 1px solid #ddd;
        padding: 30px;
    }

    .enquiry-time span {
        font-size: 16px;
        font-weight: 500;
    }


    .enquiry-date span {
        font-size: 16px;
        font-weight: 500;
    }

    .save-data {
        text-align: right;
    }


    .mobile-cart-heading h3 {

        font-size: 22px;
    }

    #invoice {
        padding: 60px;
    }

    .page-header {
        padding: 30px 0;
    }
}

@media screen and (min-width: 768px) {

    img.zoomImg {
        /*width: 500px !important;*/
        /*height: 400px !important;*/
    }

    .pagination {
        border: 1px solid #ddd;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }


    .results1{
        display: block;
    }

    .results{
        display: none;
    }

    .enquiry-date-time {
        background: #ddd;
        padding: 10px;
        margin-top: 30px;
    }

    .page-header {
        padding: 20px 0;
    }
}

@media screen and (min-width: 992px) {


.product-detail-image figure {

    /* margin: 19% 0 !important; */
    display: block;
}


    .product-detail-image figure img {
        /*height: 350px;*/
    }

    .headings.product-detail-heading {
        margin-top: 0px;
    }

    .product-detail-all-content .card-link a {
        margin-top: 20px;
        width: 37%;
        font-size: 12px;
        margin-right: 10px;
    }


    .index-search-list {
        -ms-flex-preferred-size: 77%;
            flex-basis: 77%;
        margin: auto;
    }

    .all-products .search-product-index {
        /*width: 87%;*/
        padding: 10px !important;
        /* border: 1px solid; */
    }

    .form-separetor {
        top: 50%;
    }

    .separation {
        margin-top: 0px;
    }


    .account-form-or::before {
        position: absolute;
        content: "";
        top: -160px;
        right: 24px;
        height: 400px;
        transform: unset;
        width: 1px;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }

    .account-form-or-two::before {
        position: absolute;
        content: "";
        top: -115px;
        right: 24px;
        height: 300px;
        transform: unset;
        width: 1px;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }

    .page-header {
        /*padding: 73px 0;*/
    }

    .change-password-form h2 {
        font-size: 24px;
    }

    .product-image {

        width: 55%;
    }


}


@media screen and (min-width: 1200px) {

    .note {
        width: 20% !important;
        padding-bottom: 3px !important;
        padding-top: 8px !important;
    }

    .product-detail-all-content .card-link a {
    margin-top: 0px;
    /*width: 31.2%;
    */font-size: 16px;
    margin-right: 10px;
    /*font-weight: 600;*/
    border-radius: 2px;
    padding: 6px 0;

}


    .compound-card.mycard {
        margin: 0;
    }


    .card-row-cover {
        /*margin-bottom: 50px;*/
    }


    span.fas.fa-heart {
        padding: 0 2px;
    }

    span.far.fa-eye {
        padding: 0 2px;
    }

    .index-search-list {
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
        margin: unset;
    }

    .custom-select {
        width: 75% !important;
    }

    .dashboard1 {
        margin-top: 0px;
    }

    .all-products .search-product-index {
        width: 100%;
        padding: 10px !important;
        /* border: 1px solid; */
    }

    .all-products .search-product-index a {
        min-width: 20px;
        text-align: center;
        font-size: 13px;
        padding: 2px;
    }

    .all-products .search-product-index-wrap {
        position: absolute !important;
        z-index: -5;
        left: 195px;
        right: 0;
        bottom: 3px;
    }


.showing-products-heading p {
    padding: 14px 0 12px;
    border-bottom: 1px solid #d6d4d4;
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}

button.active {
    background: #ED9C16  !important;
    border: none !important;
    color: #fff !important;
    border: 1px solid #ED9C16 !important;
}

button.unit {
    background: #fff;
    border: none;
    color: #4a4949;
    border: 1px solid #4a4949;

}

.card-link.add-to a {
    /*font-size: 12px !important;*/
    padding: 10px 12px !important;
    border-radius: 4px !important;
}

}

a.btn.btn-theme-yellow.w-100.view-compound {
    color: #fff !important;
    background: #ED9C16 !important;
    padding: 11px !important;
    font-weight: 600;
    font-size: 14px;
}

a.btn.btn-theme-padding.btn-theme-red.nav-link {
    width: 100%;
    padding: 9px 32px;
}

ul.nav.nav-tabs.card-link.description .nav-item {
    border-radius: 3px;
    margin: 1px;
}
a.btn.btn-theme-padding.btn-theme-red.description-btn.note.nav-link {
    width: 100% !important;
    padding: 10px 32px !important;
}

ul.nav.nav-tabs.card-link.description .active {
    background: #A22C20 !important;
    color: #fff !important;
    border-radius: 3px;
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
}

.select-unit label {
    /* display: inline-block; */
    text-indent: -999999px;
}

.select-unit label span {
    /* display: inline-block; */
    text-indent: 0;
    float: right;
}

.select-unit label input::after{
    /* content: 'hi';
    float: right;
    text-indent: 0;
    display: inline-block; */
}

.select-unit input:focus label{
    background-color: yellow;
  }

   .unit-info{
    background: #ED9C16;
    color: #fff;
    padding: 2px 7px;
    margin: 0 10px;
    border:1px solid #ED9C16;
  }






  /*akil styles*/
  .compound-card figure{
    position: relative;
    height: 330px;
  }

  .compound-card figure img{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
       object-fit: contain;

  }


  .no-bg{
       background: none;
   }














   /*
     ===================Start Content B with accordion ============== */


     .question  {
       background: #f3f3f3;

   }
   .question h5 {

       color: #000;
       padding-right: 20px;
       position: relative;
       font-size: 1.1em;
   }

   .question h5 span {
       font-size: .9em;
       position: absolute;
       right: 1em;
       top: 50%;
       transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
   }

    .answer {
       display: none;
       border: 1px solid #e3e3e3;
       border-radius: 0 0 5px 5px;
       -webkit-border-radius: 0 0 5px 5px;
       -moz-border-radius: 0 0 5px 5px;
       -ms-border-radius: 0 0 5px 5px;
       -o-border-radius: 0 0 5px 5px;
   }

   .question dl, ol, ul {
       margin-top: 0;
       margin-bottom: 1rem;
   }

   ul.unorderlist li {
       list-style: disc;
   }

   ol.ml-4.orderlist li {
       list-style: decimal;
   }

   .question .active {
       color: #ED9C16;
   }

   .extrabutton{
       /*padding: 20px 0 30px;*/
   }

   .myimage-gallery a {
        display: inline-block;
        /*width: 240px;*/
        /*height: 240px;*/
        margin: 11px 10px;
        height: 250px;
   }

   .myimage-gallery img {
       width: 100%;
       height: 100%;
       margin: 11px 10px;
       -o-object-fit: cover;
          object-fit: cover;
   }

   .myimage-gallery {
       padding: 50px 0;
   }

   .question:hover{
       -webkit-box-shadow: 1px 6px 8px #ddd;
               box-shadow: 1px 6px 8px #ddd;
   }

   /* .paragraph-container.pb-4 {
       padding: 40px 0;
   } */

   .mycareer-form-cover {
       padding: 50px 0;
   }

   .mycareer-content.text-center {
       padding: 0px 0 40px;
   }

   .mycareerform {
       padding: 0 40px;
   }



   .address-cover {
       padding: 20px;
   }

   .number-cover {
       padding: 20px;
   }

   .email-cover {
       padding: 20px;
   }


   .mycareerform .form-control{
       height: 50px;
   }

   .number-cover a {
       color: #ED9C16;
       display: inline-block;
       font-size: 18px;
   }

   .email-cover a {
       color: #ED9C16;
       display: inline-block;
       font-size: 18px;
   }

   .answer li {
       font-weight: 400;
     }

     .myheadline {
       width: 100%;
       line-height: 60px;
       border-bottom: 1px solid #eaebee;
       background: #eaebee;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .myheadline span {
       display: inline-block;
       font-size: 18px;
       font-weight: 500;
     }
      span.title {
       -ms-flex-preferred-size: 57%;
           flex-basis: 57%;
       padding-left: 25px;
     }

     span.location {
       -ms-flex-preferred-size: 20%;
           flex-basis: 20%;
       text-align: center;
     }

     .title-content{
       /* text-align: center; */
     }

     .row.myheadline-cover {
       width: 100%;
       line-height: 60px;
       margin: auto;
       border-bottom: 1px solid #eaebee;
     }

     .job-list {
       border: 1px solid #eaebee;
       color: #262d57;
     }

     .answer{
       border: none !important;
     }

     .headline-content:hover {
       -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1), 0 8px 30px rgba(0,0,0,.1);
               box-shadow: 0 5px 10px rgba(0,0,0,.1), 0 8px 30px rgba(0,0,0,.1);
       /* box-shadow: 0 5px 10px rgba(0,0,0,.1), 0 5px 10px rgba(0,0,0,.1); */
     }

     .readmore-content a:hover {
      border: 1px solid #ED9C16;
      color: #ED9C16;

     }

     .job-list strong {
       font-weight: 500;
       font-size: 15px;
     }

     .answer-main-content h5 {
       font-size: 17px;
       font-weight: 500;
     }

     ul.unorderlist li {
       font-size: 15px;
     }


     ol.orderlist li {
       font-size: 15px;
     }

     .apply-button{
       display: block;
       text-align: center;
       margin:20px 0 ;
     }

     .apply-button .apply:hover{
      border: 1px solid #A22C20;

     }

     .col-md-8.title-content {
       padding-left: 25px;
       font-weight: 500;
     }

     .job-description {
       border-bottom: 1px solid #eaebee;
     }
     a.fancybox{

       position: relative;
       display: inline-block;
       overflow: hidden;
     }
     a.fancybox:hover .overlay12 {
       position: absolute;
       z-index: 999999;
       /* background: rgba(237, 156, 22,0.7); */
       background: rgba(0, 0, 0, .6);
       top: -1px;
       bottom: -23px;
       left: -2px;
       right: -23px;
       margin: 0;
       padding: 0;
     }
     .myform-alumni{
       padding: 50px 0;
     }

     .myform-alumni  input {
      height: 50px;
     }


     .myform-alumni .form-control:focus {
       color: #495057;
       background-color: #fff;
       border-color: #ED9C16;
       outline: 0;
       -webkit-box-shadow: 0 0 0 0.2rem rgba(237, 156, 22,.25);
               box-shadow: 0 0 0 0.2rem rgba(237, 156, 22,.25);
     }





     .myimage-gallery img:hover {
       -webkit-filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
               filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
     }

     .myimage-gallery img {
       max-width: 100%;
       -webkit-transition: all 0.3s;
       -o-transition: all 0.3s;
       transition: all 0.3s;
       display: block;
       width: 100%;
       height: 100%;
       -webkit-transform: scale(1);
           -ms-transform: scale(1);
               transform: scale(1);
     }

     a.fancybox:hover img {
       -webkit-transform: scale(1.1);
           -ms-transform: scale(1.1);
               transform: scale(1.1);
     }

     .myimage-gallery {
       padding: 50px 0;
       text-align: center;
     }


     .col-md-7.title-content {
       line-height: 1.2;
       text-align: center;
       padding-top: 20px;
     }

     section.current-openings.career {
       padding: 30px 0;
   }

     .myheadline{
       display: none;
     }

     @media screen and (min-width: 768px) {
       .myheadline{
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
       }

       .col-md-7.title-content {
         line-height: 1.2;
         padding-top: 20px;
         padding-bottom: 20px;
         text-align: left;
       }

     }
     /*===================end Content B with accordion ============== */


    /* ===========================================15/10/19  START========================== */
      .myform-alumni input {
        height: 45px;
        border: none;
        border-bottom: 1px solid #bbb9b9;
        border-radius: 0;
    }
    .myform-alumni textarea {

        border: none;
        border-bottom: 1px solid #bbb9b9;
        border-radius: 0;
    }
    .myform-alumni .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: unset;
        outline: 0;
        -webkit-box-shadow: unset;
                box-shadow: unset;
    }
    .myform-alumni .form-group {
        /*margin-bottom: 2rem;*/
    }
    ul.breadcrumb li+li:before {
       padding-right: 0;
    }
    #myzoomicon {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
      }

    .myunit {
        /*margin-left: 40px;*/
    }
    .continue-shoping{
        text-align: center;
    }
    .update-cart-chekout{
        text-align: center ;
    }
    .row.text-center.cart-headline {
        display: none;
        padding: 20px 0;
        border: 1px solid #ddd;
        margin: 15px 0;
        font-weight: 600;
        -webkit-box-shadow: 2px 2px 5px #ddd;
                box-shadow: 2px 2px 5px #ddd;
    }
    .product-thumbnail .product-image{
        width: 100px;
        height: 100px;
    }
    .extra-cart-space{
        margin: 10px 0 10px 0;
        padding: 10px 0 10px 10px;
    }
    .extra-cart-space a.remove.tooltip1 {
        line-height: 40px;
    }
    a.add {

        margin-right: 5px;
    }
    .dashboard1 {
        border: unset;
    }
    .myform {
        border: unset;

    }
    .enquiry-date-time .enquiryon{
        text-align: center ;
    }
    .enquiry-date-time .enquiryon1  {
        text-align: center !important ;
    }
    .sitemap-menu .head {
        font-size: 18px;
        color: #A22C20;
        padding: 10px 0;
        display: block;
    }
    .sitemap-menu .head:hover {
      text-decoration: none;
    }
    .col-sm-10.sitemapheading {
        padding-left: 50px;
    }
    .sitemap-sub-menu li a:hover {
        color: #ED9C16;
        text-decoration: none;
    }
    .sitemap-sub-menu li:hover {
        transform: translateX(7px);
        -moz-transform: translateX(7px);
        -ms-transform: translateX(7px);
        -o-transform: translateX(7px);
        -webkit-transform: translateX(7px);
    }
    .sitemap-sub-menu{
    position: relative;
    }
    .sitemap-sub-menu li {
        font-size: .9em;
        position: relative;
        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
     .sitemap-sub-menu li:before {
        content: '\f105';
        font-size: 1em;
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        position: absolute;
        color: #ED9C16;
        left: 0px;
        top: 0;
    }
    @media screen and (min-width: 768px) {
        .continue-shoping{
            text-align: left;
        }

    .enquiry-date-time .enquiryon{
        text-align: unset !important;
    }
    .enquiry-date-time .enquiryon1  {
        text-align: right !important;
    }
        a.add {

            margin-right: 15px;
        }

        .update-cart-chekout{
            text-align: right;
        }

        .row.text-center.cart-headline {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;

        }
    }
    /* ===============privacy policy start================ */
    .liststyledisc li{
        list-style: disc;
    }
    .liststyleroman li{
        list-style: lower-roman;

    }
    .bd-bottom{
        border-bottom: 1px solid #ddd ;
    }
    .all-products .search-product-index-wrap {
        position: unset !important;
        z-index: -5;
        left: 195px;
        right: 0;
        bottom: 3px;
    }
    /* ===============privacy policy end================ */
    .showing-products-heading p {
       border-bottom: unset;
    }
    .btn-theme-yellow:hover {
        border: 1px solid #ED9C16;
    }
    /* ===============Track Your Package start================ */
    .cartborder{
        border: 1px solid #ddd;
        -webkit-box-shadow: 2px 2px 5px #ddd;
                box-shadow: 2px 2px 5px #ddd; ;
    }
    .address-cover span.fas.fa-map-marked-alt {
        font-size: 40px;
    }
    .address-cover {
        padding: 40px 40px 34px;
        border-radius: 5px;
        border: 1px solid #e6e6e6;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        overflow: hidden;
        max-height: 216px;
        background: #fff;
        -ms-transition: .4s;

    }
    .address-cover:hover:not(.add_shadow) {
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.1);
        box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    }
    .visitto-link{
        /*display: none;*/
        opacity: 0;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .address-cover:hover {
        border-color: transparent;
    }
    .address-cover:hover .address-content-cover{
        -webkit-transform: translateY(-32%);
        -ms-transform: translateY(-32%);
        transform: translateY(-32%);
    }
    .address-cover:hover  span.fas.fa-phone-alt{
        -webkit-transform: translateY(-75%);
        -ms-transform: translateY(-75%);
        transform: translateY(-75%);
    }
    .address-cover:hover  span.fas.fa-map-marked-alt{
         -webkit-transform: translateY(-75%);
        -ms-transform: translateY(-75%);
        transform: translateY(-75%);
    }
    .address-cover:hover  span.fas.fa-envelope{
         -webkit-transform: translateY(-75%);
        -ms-transform: translateY(-75%);
        transform: translateY(-75%);
    }
    .address-cover span.fas.fa-phone-alt , .address-cover span.fas.fa-map-marked-alt , .address-cover span.fas.fa-envelope {
        color: #ED9C16;
        -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    }
    .address-cover:hover .visitto-link{
        /*display: block;*/
        opacity: 1;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .address-content-cover {
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    .map iframe {
        width: 100%;
        height: 400px;
    }
    .visitto-link .visit{
        /*margin-left: 20px;*/
        color: #A22C20;
        font-weight: 600;
    }
    .visitto-link:hover .visit{
        margin-left: 0px;
        text-decoration: none;
        color: #ED9C16;
        transition: .7s;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        -ms-transition: .7s;
        -o-transition: .7s;
    }
    .visitto-link span {
        -webkit-transition: .5s;
       -o-transition: .5s;
       transition: .5s;
    }
    .visitto-link:hover span{
       /*display: none;*/
    }
    .address-content-cover p{
        color: #616161;
    }
    .address-content-cover span.fas.fa-phone-alt {
        /*font-size: 35px;*/
    }
    .address-content-cover span.fas.fa-envelope {
        font-size: 40px;
    }
    .fontsize{
        font-size: 17px;
    }
    .contactform{
        /*padding: 20px 30px;*/
    }
    .contactfeedback .headings{
        /*padding-left: 30px;*/
    }
    form.contactform .form-control:focus {
        color: #212121;
        background-color: #fff;
        border: 1px solid #ddd;
        outline: 0;
        -webkit-box-shadow: unset;
                box-shadow: unset;
    }
    form.contactform  input , form.contactform  textarea{
        border: none;
        border-radius: 5px;
        background: #F6F6F6;
    }
    .logo-brand-cover .imgcover{
        display: inline-block;
        /* border: 1px solid #ddd; */
        padding: 0 20px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .logo-brand-cover .imgcover:hover{
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.1);
                box-shadow: 0 8px 30px rgba(0,0,0,0.1);
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;


    }
    .payment-steps-cover{
        border: 1px solid #ddd;
        padding: 30px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .payment-steps-cover:hover{
        background: #ED9C16;
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.2);
                box-shadow: 0 8px 30px rgba(0,0,0,0.2);


    }
    .payment-steps{
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
    }
    .payment-steps-cover:hover .payment-steps{
        color: #fff;

    }
    .dashline{
        border-bottom: 1px dashed #ddd;
        padding-bottom: 10px;
    }
    .direct-payment-form .form-control:focus {
        color: #495057;
        background-color: #fff;
        border-color: #ccc;
        outline: 0;
        -webkit-box-shadow: unset;
                box-shadow: unset;
    }
    /* ===============Track Your Package end================ */
    .headings p{
        font-size: 1.1rem;
    }
    .middle-footer a{
        font-weight: 100;
    }
    footer .btn-theme-yellow:hover {
        border: 2px solid #ED9C16;
    }
    .direct-payment-form form input::-webkit-input-placeholder{
        font-size: 13px;

    }
    .direct-payment-form form input::-moz-placeholder{
        font-size: 13px;

    }
    .direct-payment-form form input:-ms-input-placeholder{
        font-size: 13px;

    }
    .direct-payment-form form input::-ms-input-placeholder{
        font-size: 13px;

    }
    .direct-payment-form form input::placeholder{
        font-size: 13px;

    }
    .direct-payment-form select.form-control {
        font-size: 13px;
    }
    .relativecss{
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .relativecss:hover {
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.1);
                box-shadow: 0 8px 30px rgba(0,0,0,0.1);
        border: 1px solid transparent;
      }
    .relativecss:hover .overlaybrand {
        height: 100%;
      }
      .coveroverlay.relativecss {
        border: 1px solid #ddd;
        padding: 30px 80px;
    }

    .overlaybrand {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #ED9C16;
        overflow: hidden;
        width: 100%;
        height: 0;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
      }
    .overlaybrand .text {
        color: white;
        font-size: 20px;
        position: absolute;
        top: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
      }
      .overlaybrand .text1 {
        color: white;
        font-size: 16px;
        position: absolute;
        top: 60%;
        left: 50%;
        border-bottom: 1px solid #ddd;
        padding-bottom: 8px;
        -webkit-transition: .5s ease;
        -o-transition: .5s ease;
        transition: .5s ease;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

      }
      .overlaybrand .text1:hover {

        text-decoration: none;
        color: #A22C20;
      }
      .formcover{
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.1);
                box-shadow: 0 8px 30px rgba(0,0,0,0.1);
      }
      .bd-all{
          border:1px solid #ED9C16;
      }
      @media screen and (min-width: 576px) {
        .contactdeedback-formcover {
            border: 1px solid #ddd;
        }
        .myform-cover {
    margin-top: 0;
    border: 1px solid #ddd;
}
      }
    /* ===========================================15/10/19  END========================== */


    .coveroverlay.relativecss {
        width: 100%;
        text-align: center;
        padding: 0;
    }
    .headings p{
        font-size: 17px;
    }
    .collection-nonpersonal{
        font-weight: lighter;
    }



    /* ==========================16/10/19  START ======================================= */
    .payment-steps-cover:hover {
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.1);
                box-shadow: 0 8px 30px rgba(0,0,0,0.1);
    }
    .formcover {
        -webkit-box-shadow: 0 8px 30px rgba(0,0,0,0.04);
                box-shadow: 0 8px 30px rgba(0,0,0,0.04);
    }
    .dashline {
        padding-bottom: 35px;
    }
    /* ==========================16/10/19  END ======================================= */




    /* ==========================16/10/19 career form Start ======================================= */
    .mycareer-form span.fas.fa-map-marker-alt {
        font-size: 30px;
        color: #ED9C16;
    }
    .widthclass{
        width: 85%;
    }
    .mycareer-form span.fas.fa-phone-alt {
        font-size: 25px;
        color: #ED9C16;
    }
    .mycareer-form span.fas.fa-envelope {
        font-size: 30px;
        color: #ED9C16;
    }
    .cover-career-content {
        background: #F7F7F7;
        padding: 0 40px;
    }

    .cover-career-content a:hover {
        color: #a22c20;
        text-decoration: none;
    }

    .contactdeedback-formcover.py-4.bd-none {
        border: none;
    }
    .mycareer-form input{
        padding: 10px;
    }
    .fontsizecolor{
        font-size: 17px;
        color: #595959;
    }
    .mycareer-form {
        /*border: 1px solid #F7F7F7;*/
    }
    a.fontsizecolor:hover{
    }
    .contactform {
        /*padding: 20px 30px 20px 5px;*/
    }
    button.btn.btn-theme-padding.btn-theme-yellow {
        /*border: 1px solid #ED9C16;*/
        background: #ED9C16;
        color: #fff;

        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    button.btn.btn-theme-padding.btn-theme-yellow:hover {

        background: #fff;
        color: #ED9C16;

        transition: .4s;
        -webkit-transition: .4s;
        -moz-transition: .4s;
        -ms-transition: .4s;
        -o-transition: .4s;
    }
    /* ==========================16/10/19  career form END padding: 10px 31px; ======================================= */


     /* =============product start ============ */
        .search-product-index li {
         /*margin-right: .5%;*/
     }
     .mycard:hover {
         border: none;
         transform: unset;
         animation: unset;
         transform: unset;
         border: 1px solid #ED9C16;
         -webkit-box-shadow: 0 0 30px rgba(247,198,120,.6);
                 box-shadow: 0 0 30px rgba(247,198,120,.6);
         -webkit-transform: unset;
         -moz-transform: unset;
         -ms-transform: unset;
         -o-transform: unset;
         -webkit-animation: unset;
     }
     .compound-card-content h5 a {
         display: block;
         /*height: 40px;*/
         /* padding: 10px; */
         font-size: 15px;
     }
     .compound-card-content p {
         font-weight: 600;
         font-size: 13px;
         /* border: 1px solid; */
         display: block;
         height: 30px;
         margin-bottom: 0;
     }
     .product-card-cover{
         /*margin: 5px auto;*/
         /*padding: 5px;*/
     }
     .compound-card.mycard {
         margin: 0;
     }
     .card-link{
         display: block;
     }
     .enq-list{
         display: block;
     }
     a.hrt-eye{
         display:block;

     }
     .compound-card figure {
         position: relative;
         /* height: 250px; */
     }
     .compound-card figure img {
         position: absolute;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%,-50%);
             -ms-transform: translate(-50%,-50%);
                 transform: translate(-50%,-50%);
         max-height: 100%;
         max-width: 100%;
         /* border: 1px solid red; */
         width: 100%;
         display: block;
         -o-object-fit: contain;
            object-fit: contain;
     }
     span.fas.fa-heart {
         padding: 4px 2px;
     }
     span.far.fa-eye {
         padding: 4px 2px;
     }
     span.fa.fa-shopping-cart {
         /*padding-right: 3px;*/
         /*padding-top: 4px;*/
     }
     .all-products .search-product-index-wrap {
         position: unset !important;

     }
     .showing-products-heading p {
        border-bottom: unset;
     }
     .colorlogo{
         color: #A22C20 !important;
     }
     .colorlogo:hover{
         color: #ED9C16 !important;
     }
     @media screen and (min-width: 576px) {
         .card-link{
             /*display: -webkit-box;*/
             /*display: -ms-flexbox;*/
             /*display: flex;*/
         }

         .enq-list{
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }

         a.hrt-eye{
             display:-webkit-box;
             display:-ms-flexbox;
             display:flex;

         }
         .showing-products {
             border: unset;

         }

     }
     @media screen and (min-width: 992px) {
         .showing-products {
             border: 1px solid #d6d4d4;

         }


     }
     /* =============product end ============ */
         .bd-bottom{
             border-bottom: 1px solid #ddd;
         }
        .product-thumbnail .product-image {
         width: 100px;
         height: 100px;
     }
     .table-content-heading{
         display: none;
     }
     td.bd-none {
         border: none;
     }
     form.bd-none {
         border: none;
     }
         tr{
             border-bottom: 1px solid #ddd;
         }
       @media screen and (max-width: 768px) {
         .cart-tbody-cover{
             display: block;
         }

         .cart-tr-cover{
             display: block;
         }
         td.cart-image-cover {
             width: 40%;
             display: inline-block;
         }

         td.cart-content-cover {
             width: 50%;
             display: inline-block;
         }
         td.cart-quantity-cover{
             width: 40%;
             display: inline-block;
         }
         td.cart-unit-cover{
             width: 35%;
             display: inline-block;
         }

         td.cart-remove-cover{
             width: 15%;
             display: inline-block;
         }

       }

       @media screen and (max-width: 576px) {

         td.cart-image-cover {
             width: 100%;
            text-align: center;
         }

         td.cart-content-cover {
             width: 100%;
             text-align: center;
         }


       }

     /* ==============17/10/2019 start============== */
     form.contactform input, form.contactform textarea {
         border: none;
         border-radius: 5px;
         background: #F6F6F6;
         border: 1px solid #f6f6f6;
     }
     .showing-products select#categorydropdown {
         /*border: 1px solid #ddd;*/
     }
     .showing-products select#sortingdropdown {
         /*border: 1px solid #ddd;*/
     }
     .search-product-index {
         border-top: none;
         border-radius: 0;
     }
     .borderright{
         border-top: 1px solid #ddd;
         border-bottom: 1px solid #ddd;
     }
     .borderleft{
         border-bottom: 1px solid #ddd;
     }
     .borderright select {
         border:none;
         border-radius: 0;
     }
     .borderleft select {
         border:none;
         border-radius: 0;
     }
     .custom-select {
         width: 100% !important;
     }
     .custom-select:focus {
         box-shadow: none;
     }
     .pagination {
         border: none;

     }
     .showing-products {
         border: none;
        border: 1px solid #d6d4d4;
     }
     @media screen and (min-width: 576px) {
         .borderright{
            border-top: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-bottom: 0;
         }

         .borderleft{
             border-top: 1px solid #ddd;
             border-bottom: 0;
         }
         .showing-products select#categorydropdown {
             border: none;
         }

         .showing-products select#sortingdropdown {
             border: none;
         }
         .all-products .search-product-index {
            border-top: 1px solid #ddd;
}
     }
     @media screen and (min-width: 992px) {
         .borderright{
             border: none;
             border-right: 1px solid #ddd;
         }

         .borderleft{
             border: none;
             border-left: 1px solid #ddd;
         }
     }
     @media screen and (min-width: 1200px) {
         .search-product-index {
             /*border-top: 1px solid #ddd;*/
             border-radius: 0;
         }
         .showing-products {
             border: 1px solid #d6d4d4;
         }

     }
     /* ==============17/10/2019 end============== */


     span.fas.fa-heart {
        font-size: 22px;
    }

    span.far.fa-eye {
        font-size: 22px;
    }

    span.fa.fa-shopping-cart {
        font-size: 20px;
        margin-right: 5px;
    }

    span.fas.fa-info-circle {
        font-size: 20px;
        margin-right: 5px;
    }

    .fontweigth{
        font-weight: 600;
        padding-top: 10px !important;
    }

    .bgcontent{
        background-color: #FAFAFA;
    }

    @media screen and (min-width: 1200px){
        .all-products .search-product-index a {
            padding: 2px 8px;
            font-weight: 600;
        }

        .imagewidth{
            /*width: 378px;*/
        }
    }

    @media screen and (min-width: 576px){


        .imagewidth{
            /*width: 378px;*/
        }
    }


    .search-product-index a {
        padding: 2px 5px;
        font-weight: 600;
    }

    .btnpadding{
        padding: 12px 0;
    }

    .compound-card .homecartheight{
        /*height: 250px;*/
    }

    .borderbrand{
        /*border: 1px solid #ddd;*/
    }

    .btn-theme-yellow:hover {
        border: 2px solid #ED9C16;
    }


        /* =========================== final changes 21-11-2019 start ===========================*/

        span.far.fa-eye {
            font-size: 20px;
        }

 .pagination {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
}

.myunit {
    padding: 8px;
}

.contactdeedback-formcover .myunit{
    padding: 10px;
    border: 1px solid #F6F6F6;
    height: 45px;
}

.fa-trash:before {
    content: "\f1f8";
    font-size: 22px;
}


.card-btn {
    padding: 10px !important;

}

@media screen and (max-width: 576px){
    td.cart-image-cover {
        width: unset;
        text-align: center;
    }
    td.cart-content-cover {
        width: 60%;
        text-align: center;
    }

    td.product-name.bd-none.cart-content-cover ul li {
        font-size: 13px;
    }

    .home-page-products-carousel .owl-nav {
       top : unset;
        bottom: 0;
    }

    .home-page-products-carousel .owl-nav button.owl-prev{
        left: 30%;
    }

    .home-page-products-carousel .owl-nav button.owl-next{
        right: 30%;
    }

    .search-product-index {
        width: 100%;
    }

    .banner-content {
        padding: 167px 0 210px;
    }

    a.btn.btn-theme-padding.btn-theme-red.description-btn.note.nav-link {
        width: 100% !important;
        padding: 10px 15px !important;
    }

    a.btn.btn-theme-padding.btn-theme-red.nav-link {
        width: 100%;
        padding: 9px 5px;
        font-size: 14px;
    }

    .card-link.add-to.product-detail1 a {
        font-size: 13px !important;
    }

    a.btn.btn-theme-padding.btn-theme-yellow.cartbtn {
        font-size: 14px;
    }

    div#cart {
        right: -51px;
    }

    span.fa.fa-shopping-cart {
        font-size: 16px;
    }

    span.far.fa-eye {
        font-size: 16px;
    }

    span.fas.fa-heart {
        font-size: 18px;
    }

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



}


.form-separetor {
    top: 42%;
}

.account-form-or-two {
    /* top: 52%; */
    top: 39%;
}
 .paragraph-container.pb-4 {
       padding: 0px 0;
   }

@media screen and (min-width: 992px){
    .form-separetor {
        top: 47%;
    }
}

form.contactform1 input[type="text"], input[type="email"], input[type="password"], input[type="number"]{
    border: 1px solid #f6f6f6;
    border-radius: 5px;
    background: #F6F6F6;
    height: 45px;
}

form.contactform1 a {
    color: #000;
    text-decoration: none;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
}

form.contactform1 a:hover {
    color: #a22c20;
}

form.contactform1 .form-control:focus {
    color: #212121;
    background-color: #fff;
    border: 1px solid #ddd;
    outline: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

form.contactform1 select:focus {
    outline: 0;
}

form.contactform1 input[type="submit"], button[type="submit"]{
    height: 45px;
}

.unitml{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
    border: none;
}

  /* =========================== final changes 21-11-2019 end =========================== */


  @media (min-width:1400px) {
      .myunit {
          margin: 5px;
      }
  }




.compound-card-content p
{
height: 40px;
}

/* Rishikesh's Changes Contact Page Starts */
.address-icons {
    padding: 30px;
    border: 2px solid #ED9C16;
    color: #ED9C16;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
input#search::placeholder {
    font-size: 14px;
}
/* Rishikesh's Changes Contact Page Ends */


/* Deep's Code Starts */

.molecule-wrap{
    font-size:14px;
}

.molecule-visualizer{
    border: 1.5px solid #ED9C16;
}

.molecule-visualizer-wrap{
    position: relative;
}

.molecule-visualizer{
    width: 100%;
}

.molecule-visualizer img{
    width: 100%;
}

.action-zoom button, .action-expand{
    /* background-color: rgba(74, 73, 73,0.5); */
    border: none;
    display: block;
}

.action-zoom button:hover, .action-expand:hover{
    background-color: rgba(74, 73, 73,0.9);
    scale: 1.1;
}

.action-zoom button:focus, .action-expand:focus{
    outline: none;
}

.visualizer-actions{
    position: absolute;
}

.visualizer-actions.action-expand{
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.visualizer-actions.action-zoom{
    bottom: 10px;
    right: 10px;
}

.zoom-out{
    margin-top: 10px;
    cursor: pointer;
}

.zoom-in{
    cursor: pointer;
}

.info-msg{
    margin: 0;
    font-size: 13px;
    color: brown;
}

/* inputs */

.check-box{
    accent-color: #ED9C16;
    cursor: pointer;
}

.select-box{
    border: 1px solid #ED9C16;
    border-radius: 5px;
    height: 30px;
    cursor: pointer;
}

.select-box:focus-visible{
    outline: none;
}

.action-download{
    padding: 3px 10px !important;
    cursor: pointer;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    cursor: pointer;
  }

  .switch input {
    display: none;
  }

  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    min-width: 31px;
    right: 0;
    bottom: 0;
    background: #dedede;
    border-radius: 40px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    background: #fff;
    border-radius: 50%;
    left: 1px;
    bottom: 1px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  input:checked + .slider {
    background: #ED9C16;
  }

  input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -moz-transform: translateX(18px);
    transform: translateX(18px);
  }

/* Deep's Code ends */