label.error,
label.errormsg {
    color: red !important;
}
.mobileFilterHead {
    display: none;
}
label {
    display: inline;
}
.top-line .row {
    margin-left: 0;
    margin-right: 0;
}
.col-md-5,
.col-sm-5,
.col-xs-12,
.top-line .row .col-lg-5 {
    padding-left: 0;
    padding-right: 0;
}
#loginPopup div.divider-image {
    display: block;
}
#menu-button,
#mobile-menu,
.mobile-fa,
.mobileview,
.show-mobile,
.tabview,
.userNewAddressRow,
.userOrderDiv,
a.mobile-filter,
div.addressNewButton,
div.mobile-button,
div.mobileNotificationWrapper,
div.profile-mobile {
    display: none;
}
.grey-main-block img {
    float: left;
    width: auto;
    margin-right: 20px;
}
.grey-main-block div.text-box {
    float: left;
    width: 100%;
}
.small {
    width: 48%;
}
.small input[type="text"] {
    width: 100%;
}
.home-tabs {
    width: 80%;
}
.clear {
    clear: both;
}
label.errormsg {
    display: none;
}
.btn,
.toll-free {
    display: inline-block;
}
#contact-bg {
    width: 1110px;
    margin: 0 auto;
    padding: 15px 30px;
    background: #fff;
}
#contact-bg .contact-header {
    line-height: 45px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dfdfdf;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
}
#contact-bg h2 {
    color: #000;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 20px;
    font-size: 15px;
}
#contact-bg .left-part {
    float: left;
    padding: 0 45px 0 10px;
    width: 390px;
    border-right: 1px solid #dfdfdf;
    margin-right: 30px;
}
#contact-bg .left-part label {
    width: 100%;
    line-height: 38px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
}
#contact-bg .left-part input,
#contact-bg .left-part textarea,
select {
    max-width: 100%;
    font-size: 13px;
    color: #000;
    font-weight: lighter;
    background: #efefef;
    border: none;
    width: 100%;
}
#contact-bg .left-part input,
select {
    padding: 0 10px;
    line-height: 40px;
    margin-bottom: 5px;
    height: 35px;
}
#contact-bg .left-part textarea {
    padding: 5px 10px;
    line-height: 24px;
    margin-bottom: 10px;
}
.captcha {
    width: 100%;
    margin-bottom: 10px;
}
.btn {
    background: #2c8352 !important;
    font-size: 15px !important;
    color: #fff !important;
    cursor: pointer;
    transition: all 0.3s ease-in;
    width: 110px !important;
    text-align: center;
    border: none !important;
    float: right;
    font-family: "Open Sans", sans-serif;
    margin-right: 0;
}
.btn:hover {
    background: #06612e !important;
}
#contact-bg .right-part {
    float: left;
    width: 530px;
    padding: 0;
}
#contact-bg .right-part .top-part {
    width: 100%;
    padding: 15px 0 30px;
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 40px;
}
#contact-bg .right-part .top-part p {
    font-size: 13px;
    line-height: 25px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 0;
}
#contact-bg .right-part .top-part p a {
    color: #2c8352;
}
.toll-free {
    padding: 20px 35px;
    color: #fff;
    background: #2c8352;
    font-size: 15px;
}
.toll-free table tr td {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
}
@media only screen and (min-width: 1152px) and (max-width: 1279px) {
    .slider {
        overflow: visible;
    }
    div#main-col {
        width: 78%;
    }
    div.product-block div.post {
        width: 44%;
    }
    div.product-block div.post:nth-child(3n) {
        margin: 0 40px 40px 0;
    }
    div.product-details {
        width: 65%;
    }
    div.confirmation-block {
        width: 60%;
    }
    div.text-block {
        width: 55%;
    }
    .new-left-block h3,
    .new-left-block ul {
        padding: 0 15px;
    }
    .grey-main-block {
        width: 95%;
    }
    #testimonial-wrapper,
    .grey-main-block div.text-box {
        width: 100%;
    }
    .testimonial-box p {
        width: auto;
        overflow: hidden;
    }
    .testimonial-box {
        width: 48%;
    }
    .profile {
        width: 100%;
    }
}
@media only screen and (min-width: 1136px) and (max-width: 1152px) {
    .new-left-block h3,
    .new-left-block ul {
        padding: 0 15px;
    }
    .grey-main-block {
        width: 95%;
    }
    #testimonial-wrapper,
    .grey-main-block div.text-box {
        width: 100%;
    }
    .testimonial-box p {
        width: auto;
        overflow: hidden;
    }
    .testimonial-box {
        width: 47%;
    }
    .profile {
        width: 100%;
    }
}
@media only screen and (min-width: 1136px) and (max-width: 1151px) {
    .slider {
        overflow: visible;
    }
    div#main-col {
        width: 78%;
    }
    div.product-block div.post {
        width: 44%;
    }
    div.product-block div.post:nth-child(3n) {
        margin: 0 40px 40px 0;
    }
    div.product-details {
        width: 65%;
    }
    div.confirmation-block {
        width: 60%;
    }
    div.text-block {
        width: 55%;
    }
    #testimonial-wrapper {
        width: 100%;
    }
    .testimonial-box p {
        width: auto;
        overflow: hidden;
    }
    .testimonial-box {
        width: 47%;
    }
    .profile {
        width: 100%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1135px) {
    #add-patient .patient-inner .left-pop,
    #add-presc .patient-inner .left-pop {
        margin-right: 40px;
    }
    #add-patient .patient-inner .right-pop,
    #add-presc .patient-inner .right-pop {
        margin-right: 0;
        width: 50%;
        float: left;
    }
    .ma-comp input[type="text"],
    .ma-comp input[type="datetime"],
    .ma-comp input[type="number"],
    .ma-comp input[type="password"] {
        display: block;
    }
    .slider {
        overflow: visible;
    }
    div#main-col {
        width: 78%;
    }
    div.product-block div.post {
        width: 43%;
    }
    div.product-block div.post:nth-child(3n) {
        margin: 0 40px 40px 0;
    }
    div.product-details {
        width: 65%;
    }
    div.confirmation-block {
        width: 60%;
    }
    div.text-block {
        width: 55%;
    }
    .full-width-grey-block {
        overflow: hidden;
    }
    .grey-main-block {
        width: 95%;
    }
    .grey-main-block div.text-box {
        width: 100%;
    }
    .grey-main-block h1 {
        margin-bottom: 0;
        font-size: 25px;
    }
    .grey-main-block ul li {
        line-height: 32px;
    }
    .green-block {
        width: 28%;
        padding: 20px;
    }
    .Companion-block {
        width: 31%;
    }
    .Companion-block.last {
        margin-top: 105px;
    }
    .health-products-bg {
        width: 980px;
    }
    #testimonial-wrapper {
        width: 100%;
    }
    .testimonial-box p {
        width: auto;
        overflow: hidden;
    }
    .testimonial-box {
        width: 47%;
    }
    .profile {
        width: 100%;
    }
}
@media only screen and (min-width: 1px) and (max-width: 1135px) {
    .full-width-block {
        background-image: none;
    }
    .new-main-block {
        width: 100%;
    }
    .new-left-block {
        background: #2d8352;
        width: 100%;
    }
    .new-right-block {
        background: #a6ce39;
        width: 100%;
    }
    .new-left-block h3,
    .new-left-block ul,
    .new-right-block h3,
    .new-right-block ul {
        padding: 15px;
        margin: 0;
    }
    .footer-logo {
        display: none;
    }
    .image-background-main-block,
    .new-footer {
        width: 95%;
    }
    .image-background {
        height: auto;
        background-size: cover;
    }
    #testimonial-wrapper {
        width: 100%;
    }
    .testimonial-box p {
        width: auto;
        overflow: hidden;
    }
    .testimonial-box {
        width: 47%;
    }
    div.button-wrap a {
        display: block;
        margin-bottom: 3px;
    }
    div.col-address-block {
        width: 100%;
        padding: 0 15px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .content-box-two,
    .forth-box-posit,
    .sixth-box-posit {
        right: 0;
        position: absolute;
    }
    .about-text,
    .middle-box,
    .prof-wrap {
        width: 100% !important;
    }
    .professionals {
        width: 23% !important;
        float: left;
        margin-right: 2%;
    }
    .authentic,
    .mchemist-heading,
    .sect_one,
    .steps-bg {
        width: 100% !important;
    }
    .steps-bg {
        background: url(../uploads/steps-img.jpg) 0 0/100% auto no-repeat;
        height: 1644px !important;
        background-size: 100% auto !important;
    }
    .sect_one {
        margin: 0 auto 40px;
        padding: 0;
    }
    .head-txt2 {
        font-size: 18px !important;
    }
    .content-box-one {
        width: 46% !important;
        position: absolute;
    }
    .content-box-two {
        width: 55% !important;
        top: 20% !important;
        padding-left: 80px;
    }
    .third-box-posit {
        position: absolute;
        left: 0;
        top: 33% !important;
    }
    .forth-box-posit {
        top: 48% !important;
    }
    .fifth-box-posit {
        position: absolute;
        left: 0;
        top: 62% !important;
    }
    .sixth-box-posit {
        top: 77% !important;
    }
    .seventh-box-posit {
        position: absolute;
        left: 0;
        top: 90% !important;
    }
}
@media only screen and (min-width: 1px) and (max-width: 1023px) {
    #healthProductLi,
    .show-dektop,
    .webview {
        display: none;
    }
    .menu-screen,
    .mobile-menu {
        bottom: 0;
        position: fixed;
        top: 0;
        left: 0;
    }
    .menu-open,
    .mobile-menu > ul > li > a {
        font-weight: 700;
    }
    .trustedcompany-seal {
        text-align: left !important;
    }
    body {
        overflow-x: hidden;
    }
    .menu-screen {
        background: #262626;
        opacity: 0;
        right: 0;
        transition: all 0.15s ease-out 0s;
        -webkit-transition: all 0.15s ease-out 0s;
        -moz-transition: all 0.15s ease-out 0s;
        -ms-transition: all 0.15s ease-out 0s;
        visibility: hidden;
        z-index: 999999;
    }
    .menu-screen.is-visible {
        opacity: 0.8;
        visibility: visible;
    }
    #menu-button,
    #mobile-menu {
        display: block;
    }
    .mobile-menu {
        background: rgba(153, 204, 51, 0.7);
        height: 100%;
        overflow-y: scroll;
        right: auto;
        transform: translateX(-260px);
        -moz-transform: translateX(-260px);
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transition: all 0.25s linear;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        -ms-transition: all 0.25s linear;
        width: 260px;
        z-index: 16000003;
    }
    .mobile-menu.is-visible {
        transform: translateX(0);
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
    }
    .mobile-menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .mobile-menu > ul {
        padding: 20px 10px;
    }
    .mobile-menu ul li {
        position: relative;
        margin-bottom: 1px;
    }
    .mobile-menu ul li img {
        float: left;
        margin-right: 10px;
        margin-top: 5px;
    }
    .mobile-menu ul li a {
        border-bottom: solid 1px #9c3;
        display: block;
        color: #fff;
        line-height: 45px;
        padding: 0 10px;
    }
    .mobile-menu ul.sub-menu,
    div.app1,
    div.app2 {
        display: none;
    }
    .menu-open {
        background: #9c3;
        border-left: solid #9c3 1px;
        cursor: pointer;
        color: #fff;
        position: absolute;
        width: 30px;
        height: 45px;
        right: 0;
        top: 0;
        text-align: center;
        line-height: 35px;
        font-size: 18px;
    }
    .home-tabs,
    .home-tabs li {
        border: none;
    }
    .home-tabs {
        width: 90%;
        height: auto;
    }
    .slider {
        height: auto;
        overflow: visible;
    }
    .profile,
    .top-line .col-sm-2,
    .top-line .col-sm-5,
    div.image-block,
    div.product-details,
    div.text-block,
    span.errormsg {
        width: 100%;
    }
    .logo {
        margin: 10px auto;
    }
    .footer-mid ul li {
        line-height: normal;
    }
    aside.left-sidebar,
    div#main-col {
        width: 100%;
        margin: 0 0 30px;
    }
    .footer-top .payment-box img {
        width: auto;
        max-width: 100%;
    }
    div.large-view div.thumb {
        width: auto;
    }
    .green-block,
    div.block-order-confirmation div.order-status,
    div.confirmation-block,
    table {
        width: 100%;
    }
    div.item-wrap a {
        margin-bottom: 2px;
    }
    table {
        overflow-x: auto;
        display: block;
    }
    table td {
        line-height: normal !important;
    }
    .table-formate td {
        line-height: normal;
    }
    div.register-form {
        height: auto;
        position: relative;
    }
    .owl-controls {
        display: none !important;
    }
    div.free-product-block {
        height: auto;
    }
    div.col-address-block {
        width: 100%;
        margin: 0 0 10px;
    }
    div.col-address-block > .row {
        margin: 0;
    }
    .green-block {
        padding: 20px;
        margin-bottom: 20px;
    }
    .quote {
        margin: 0;
        width: 95%;
    }
    .grey-main-block {
        width: 95%;
        text-align: center;
    }
    .grey-main-block img {
        margin: 0 auto;
        float: none;
    }
    .grey-main-block div.text-box {
        width: 100%;
        text-align: left;
    }
    .grey-main-block h1 {
        margin-bottom: 10px;
    }
    .Companion-block {
        width: 100%;
        margin: 0 0 100px;
        height: auto;
        padding-bottom: 40px;
    }
    #new-app {
        display: none;
    }
    .doctor-consultation-banner {
        margin-top: 20px;
    }
    .image-background {
        height: auto;
        background-size: cover;
    }
    #testimonial-wrapper {
        width: 100%;
    }
    .testimonial-box p {
        width: auto;
        overflow: hidden;
    }
    #contact-bg,
    #contact-bg .right-part,
    .testimonial-box {
        width: 100%;
    }
    #contact-bg .left-part {
        width: 100%;
        border-right: 0;
        padding: 0;
    }
    .toll-free {
        width: 100% !important;
    }
    .table-formate td,
    .table-formate th {
        width: 10%;
    }
    .block-medical .medical-disctiption-block ul {
        background: #33915c;
        float: left;
        width: 100%;
        margin-bottom: 0;
        line-height: 35px;
    }
    #add-patient .patient-inner .left-pop {
        width: 100%;
        margin-right: 0;
    }
    .upload-via,
    .upload-via2 {
        border-right: none;
    }
    .ma-comp input[type="text"] {
        display: block;
    }
    .trustedcompany-widget iframe {
        width: 100%;
    }
    div.button-wrap a {
        display: block;
        margin-bottom: 3px;
    }
    .sect_one {
        width: 100% !important;
        margin: 0 auto 40px;
        padding: 0;
    }
    .speciality,
    .vision,
    .whatis {
        width: 100%;
        margin: 0 auto;
    }
    .vision .bx1,
    .vision .bx2,
    .vision .bx3,
    .vision .bx4 {
        width: 221px;
        height: 409px;
        float: left;
        box-sizing: border-box;
        padding: 130px 20px 10px;
    }
    .vision .bx1 {
        background: url(http://www.mchemist.com/uploads/bx1.png) no-repeat;
        background-size: 221px 409px;
    }
    .vision .bx2 {
        background: url(http://www.mchemist.com/uploads/bx2.png) no-repeat;
        background-size: 221px 409px;
    }
    .vision .bx3 {
        background: url(http://www.mchemist.com/uploads/bx3.png) no-repeat;
        background-size: 221px 409px;
    }
    .vision .bx4 {
        background: url(http://www.mchemist.com/uploads/bx4.png) no-repeat;
        background-size: 221px 409px;
    }
    .head-txt2 {
        font-size: 18px !important;
        color: #7d7d7d;
    }
    .steps-bg {
        background: url(../uploads/steps-img.jpg) 0 0/100% auto no-repeat;
        width: 100% !important;
        height: 1664px !important;
        background-size: 100% auto !important;
    }
    .content-box-one {
        width: 46% !important;
        position: absolute;
    }
    .content-box-two {
        width: 55% !important;
        right: 0;
        position: absolute;
        top: 20% !important;
        padding-left: 80px;
    }
    .third-box-posit {
        position: absolute;
        left: 0;
        top: 32% !important;
    }
    .forth-box-posit {
        right: 0;
        position: absolute;
        top: 49% !important;
    }
    .fifth-box-posit {
        position: absolute;
        left: 0;
        top: 62% !important;
    }
    .sixth-box-posit {
        right: 0;
        position: absolute;
        top: 76% !important;
    }
    .seventh-box-posit {
        position: absolute;
        left: 0;
        top: 88% !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .head-txt2 {
        font-size: 15px !important;
        color: #7d7d7d;
    }
    .steps-bg {
        background: url(../uploads/steps-img.jpg) 0 0/100% auto no-repeat;
        width: 100% !important;
        height: 1254px !important;
        background-size: 100% auto !important;
    }
    .doctor-consultation-banner {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    div.product-block div.post {
        width: 44%;
    }
    div.product-block div.post:nth-child(3n) {
        margin: 0 40px 40px 0;
    }
    div.post-block div.post {
        width: 30%;
    }
    div.cart-bar div.block {
        width: 24.1%;
    }
    div.cart-bar div.block p {
        font-size: 12px;
    }
    div.free-product-block div.post {
        width: 20%;
    }
    .about-text,
    .middle-box,
    .prof-wrap {
        width: 100% !important;
    }
    .professionals {
        width: 23% !important;
        float: left;
        margin-right: 2%;
    }
    .authentic,
    .mchemist-heading {
        width: 100% !important;
    }
    .doctor-consultation-banner {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 1px) and (max-width: 599px) {
    .main .inner h1,
    .myMenu,
    .top-menu,
    h1.mobileCategoryHead {
        text-align: center;
    }
    ul.ui-autocomplete div.left {
        float: left !important;
    }
    ul.ui-autocomplete li div.right {
        float: right !important;
    }
    div.owl-item div.noImage,
    ul#product-gallery div.owl-item {
        width: auto !important;
    }
    .cancleOrdermsg,
    .removeCartMsg,
    div#cart-notification p {
        width: auto;
    }
    .custom-select::after {
        background: inherit;
        content: inherit;
    }
    #single-product div.item-wrap a.button.medium {
        width: 100%;
    }
    #single-product div.item-wrap p.price span.amount.special-price {
        display: inline;
    }
    #single-product div.user-view {
        border-bottom: none;
    }
    #single-product div.user-view div.quantity {
        float: none;
    }
    #notificationDesktopWrapper {
        display: none !important;
    }
    #notificationMobileWrapper {
        display: block !important;
        padding-bottom: 10px;
    }
    #notificationMobileWrapper div.medicines {
        display: none;
    }
    #notificationMobileWrapper h5 {
        position: relative;
        width: 100%;
        height: 30px;
        background: #eee;
        line-height: 30px;
        margin-top: 5px;
    }
    #notificationMobileWrapper h5 a {
        margin-left: 5px;
        position: absolute;
        width: 100%;
        color: #000;
        font-weight: 700;
    }
    #notificationMobileWrapper h5 span {
        font-size: 25px;
        position: absolute;
        right: 10px;
        top: 0;
    }
    div.profile-mobile {
        display: block;
    }
    .tabWrapper .profile-block-mob,
    div.profile-page {
        display: none;
    }
    .tabWrapper h5 {
        position: relative;
        background: #ddd;
        height: 30px;
        line-height: 30px;
        font-weight: 700;
    }
    .tabWrapper h5 a,
    .tabWrapper h5 span {
        color: #ccc;
    }
    .userOrderDiv,
    div.addressNewButton {
        display: block;
    }
    div.addressNewButton a.submit {
        background: #004b8f;
    }
    div.address-block a.submit {
        padding: 0 15px;
        margin-bottom: 5px;
        width: 100%;
    }
    div.saving {
        margin: 0 auto;
    }
    div span.cancleOrderbtn {
        background: inherit;
        width: 100%;
        float: none;
        margin-top: 5px;
        color: #57a478;
        border: 1px solid #57a478;
    }
    table.userOrderTable {
        display: none;
    }
    div.order-details {
        background: #ddd;
        padding: 10px;
    }
    .paymentButton {
        width: 100%;
    }
    .userNewAddressRow {
        display: block;
    }
    .hide-mobile,
    .myMenu,
    .userAddressForm {
        display: none;
    }
    a#billingFormSubmitTrg,
    a#shippingFormSubmitTrg {
        margin: 10px 0;
        text-align: center;
        width: 100%;
        background: #55a276;
    }
    .add-box {
        top: 0;
    }
    input.medicineChanger {
        width: 30px;
    }
    .btn-buy-now ul {
        float: inherit;
    }
    #patientList {
        border: 1px solid #000;
        font-size: 15px;
        height: 45px;
        width: 100%;
    }
    div#cart-notification {
        left: -105px !important;
        top: 40px;
    }
    .slider {
        z-index: 0;
    }
    .top-menu > ul > li.account {
        background: inherit;
    }
    .top-menu > ul > li.account div.sub-menu {
        top: 20px;
    }
    .top-menu > ul > li.cart div.cart-value {
        left: 12px;
    }
    .myMenu {
        color: #55a276;
        cursor: pointer;
        font-size: 25px;
        height: 50px;
        left: 10px;
        line-height: 50px;
        position: absolute;
        top: 0;
        width: 50px;
    }
    .next,
    .prev {
        top: 40%;
    }
    .mrtb {
        margin-top: 0;
        margin-bottom: 0;
        background: #fff;
    }
    .top-menu {
        width: 100%;
        background: #9c3;
    }
    .top-menu > ul > li {
        float: none;
        padding: 0;
        min-width: inherit;
    }
    .top-menu > ul > li.app,
    .top-menu > ul > li.cart,
    .top-menu > ul > li.login {
        background: 0 0;
    }
    div.filter-box,
    div.header-stripe {
        background: inherit;
    }
    .top-menu > ul > li > a {
        padding: 0 10px;
        line-height: 40px;
        color: #fff;
    }
    .top-menu > ul > li > a .mobile-fa {
        display: inline-block;
        margin-right: 5px;
    }
    .navbar-form {
        margin: 0 -15px !important;
    }
    div.header-stripe {
        margin-top: inherit;
    }
    .mobileFilterHead {
        background: #2c8352;
        color: #fff;
        display: block;
        font-weight: 700;
        padding: 5px;
        margin-bottom: 10px;
    }
    div.side-box {
        border-bottom: 1px solid #ccc;
    }
    div.side-box .filter-box {
        display: none;
    }
    div.side-box h5 {
        position: relative;
    }
    a.mobile-filter,
    a.profile-filter {
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
    }
    a.mobile-filter span {
        color: #ccc;
        margin-top: -10px;
        float: right;
        font-size: 25px;
    }
    a.profile-filter span {
        color: #000 !important;
        margin: 0 10px;
        float: right;
        font-size: 25px;
    }
    div.mobile-button {
        display: block;
    }
    div.mobile-button a {
        display: block;
        color: #fff;
        height: 50px;
        line-height: 50px;
        padding: 0 15px;
        margin-bottom: 10px;
        font-weight: 700;
        transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
    }
    div.mobile-button a.my-medicine,
    div.mobile-button a.register {
        background: #9c3;
    }
    div.mobile-button a.product-menu-button {
        background: #f90;
    }
    div.mobile-button a i {
        margin-right: 10px;
        font-size: 20px;
        line-height: 50px;
        float: left;
    }
    div.mobile-button a:hover {
        padding: 0 15px 0 30px;
    }
    .prev {
        left: 10px;
        right: inherit;
    }
    .news-main .news-box .left {
        width: 100% !important;
    }
    .news-main .news-box .right {
        width: 100% !important;
        margin-top: 10px;
    }
    .link-bx .inn a {
        word-wrap: break-word;
    }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
    header {
        border-top: solid 7px #54a276;
        position: relative;
        z-index: 1;
    }
    header:before {
        border-top: solid 7px #a6ce39;
        content: "";
        position: absolute;
        top: -6px;
        right: 0;
        height: 100%;
        width: 50%;
        z-index: 0;
    }
    .top-line .right,
    div.cart-bar {
        border-top: none;
    }
    ul.home-tabs,
    ul.home-tabs li,
    ul.home-tabs li:last-child {
        border: none;
    }
    div.confirmation-block,
    p.msg,
    ul.home-tabs,
    ul.payment-tabs {
        height: auto;
    }
    .top-menu > ul > li {
        border-right: none;
    }
    #newPatientForm label,
    .show-mobile {
        display: block;
    }
    .my-theme .owl-buttons,
    .top-line div.left {
        display: none;
    }
    .top-line .row {
        margin-left: 0;
        margin-right: 0;
    }
    .top-line .row .col-xs-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .tab-button {
        margin: 0;
    }
    .tab-button > ul > li.active::after,
    .tab-button > ul > li:hover::after {
        top: 0;
    }
    .health-products-bg .ml-box {
        width: 100%;
    }
    div.register-form {
        width: 100%;
        height: auto;
    }
    .health-products-bg {
        left: 0;
        width: 300px;
    }
    #contact-bg,
    .profile,
    .profile label,
    .updateAddress,
    .upload-via,
    div.cart-bar div.block,
    div.free-product-block div.post,
    div.left,
    div.manage-order ul li,
    div.order,
    div.post-block div.post,
    div.product-block div.post,
    div.right,
    div.shipping-address,
    div.social-login,
    ul.product-details-list {
        width: 100%;
    }
    .col-sm-2,
    .footer-top .col-sm-5 {
        width: 16.6667%;
    }
    div.product-block div.post,
    div.product-block div.post:nth-child(3n) {
        margin-bottom: 40px;
    }
    div.query-form ul li.left,
    div.query-form ul li.right {
        width: 100%;
    }
    div.post-block div.post {
        margin: 0 0 40px;
    }
    div.cart-bar div.inner-bar {
        top: 20px;
        bottom: 20px;
    }
    #add-patient .patient-inner,
    #add-presc .patient-inner {
        padding: 10px;
    }
    #add-patient .patient-inner .left-pop,
    #add-presc .patient-inner .left-pop,
    #add-presc .patient-inner .right-pop {
        width: 100%;
        margin-right: 0;
    }
    #add-patient .patient-inner .right-pop,
    #add-presc .patient-inner .right-pop {
        width: 50%;
        margin-right: 0;
        float: left;
    }
    .cancleOrderbtn {
        width: 80%;
    }
    .profile label {
        text-align: left;
    }
    div.left,
    div.right {
        float: none;
    }
    .profile input[type="submit"] {
        margin-right: 0;
    }
    #personalInfoForm p {
        float: left;
        width: 100%;
    }
    .profile input[type="text"],
    .profile input[type="password"],
    .profile textarea {
        width: 100% !important;
    }
    div.home-tab-content {
        padding: 20px 10px;
    }
    div.item-wrap p.price span.amount.special-price {
        display: block;
        margin: 0 0 5px;
    }
    ul#product-gallery {
        width: auto;
    }
    div.exiting-user,
    div.social-login {
        margin: 10px 0 0;
        border: none;
        width: 100%;
    }
    p.msg {
        width: 100%;
        margin: 0 0 10px;
    }
    div.item-wrap a.button.medium {
        text-align: center;
        width: 200px;
    }
    .col-lg-4.right {
        margin-top: 20px;
        clear: both;
    }
    div.button-group {
        margin-bottom: 20px;
    }
    .updateAddress {
        margin: 0 0 20px !important;
        width: 100% !important;
    }
    .home-tab-container,
    .payment-tab-container {
        clear: both;
    }
    ul.home-tabs li {
        width: 100%;
    }
    ul.home-tabs li a {
        display: block;
    }
    span.error {
        width: 100%;
        text-align: right;
    }
    ul.payment-tabs {
        position: relative;
        z-index: 100;
        width: 100%;
        padding: 10px 0;
    }
    .payment-tab-container .medicineData {
        margin: 10px 0;
    }
    div.payment-mode {
        padding: 0;
    }
    div.block-order-cancle div.order-status,
    div.block-order-confirmation div.order-status {
        line-height: normal;
    }
    div.block-order-cancle div.order-status {
        width: 100%;
    }
    .button-block a.submit {
        display: block;
        clear: both;
        margin-top: 5px;
        text-align: center;
        padding: 0;
    }
    .shipping-address {
        padding: 10px 0;
    }
    div.order ul li span {
        width: 100%;
        margin: 0;
        text-align: left;
    }
    div.order ul li p {
        overflow: visible;
    }
    .left-pop,
    .right-pop {
        width: 100%;
        clear: both;
    }
    div#cart-notification {
        width: 300px;
        left: -75px;
    }
    .verify-order {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .whatis {
        width: 100%;
        margin: 0 auto;
    }
    .about-text,
    .middle-box,
    .prof-wrap {
        width: 100% !important;
    }
    .professionals {
        width: 23% !important;
        float: left;
        margin-right: 2%;
    }
    .authentic,
    .mchemist-heading {
        width: 100% !important;
    }
    .doctor-consultation-banner {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 1px) and (max-width: 479px) {
    .top-menu ul li.shipping {
        display: none;
    }
    .tab-button > ul > li {
        width: 90%;
        margin-bottom: 2px;
    }
    .doctor-consultation-banner {
        margin-top: 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #loginPopup div.login-left,
    #loginPopup div.login-right {
        width: 100% !important;
    }
    #loginPopup div.divider-image {
        display: none;
    }
    .tabview {
        display: block;
    }
    .mobileview {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .step-image-box {
        display: none;
    }
}
@media only screen and (min-width: 1px) and (max-width: 767px) {
    .bredcumb ul li,
    .footer-bottom .left ul li,
    .main .inner h1,
    div.reletad-product div.title-bar {
        line-height: normal;
    }
    #add-patient .patient-inner .right-pop {
        margin-right: 0;
        float: left;
    }
    .cancleOrderbtn {
        width: 80%;
    }
    .ma-comp input[type="text"],
    .ma-comp input[type="password"],
    .ma-comp input[type="datetime"],
    .ma-comp input[type="number"],
    .ma-comp2 select {
        width: 100% !important;
    }
    #add-patient .patient-inner .right-pop,
    #add-presc .patient-inner .right-pop,
    #loginPopup div.login-left,
    #loginPopup div.login-right,
    .ma-viapost .via-inner,
    .ma-viapost2 .via-inner {
        width: 100%;
    }
    .mobileview {
        display: block;
    }
    #loginPopup div.divider-image {
        display: none;
    }
    .zoomContainer {
        display: none !important;
    }
    span.amount {
        display: block;
    }
    .custom-select::after {
        content: "";
    }
    .footer-bottom div.left,
    .footer-bottom div.right {
        width: 100% !important;
        text-align: center;
    }
    .footer-bottom .left ul li {
        display: inline-block;
        float: none;
    }
    .footer-bottom .left ul li a {
        line-height: normal;
        display: inline;
        cursor: pointer;
        padding: 0;
    }
    div.reletad-product {
        padding: 0 20px;
    }
    .news-main .news-box {
        width: 100% !important;
        margin-bottom: 2%;
    }
    .news-main {
        padding: 0 !important;
    }
    div.mobile-button a i {
        margin-right: 6px;
    }
    .doctor-consultation-banner {
        margin-top: 20px;
    }
    .steps-bg {
        background: 0 0 !important;
    }
    .content-box-one,
    .content-box-two {
        width: 100% !important;
        padding: 0 !important;
        position: relative !important;
        top: 10px !important;
    }
    .arrow-lft,
    .arrow-rgt {
        display: none;
    }
}