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

    .top-discount {

        margin: 18px 0 18px 18px;

    }

    .main-bnr-intro {

        position: absolute;

        left: 80px;

        top: 15px;

    }

    ul.our-product li {

        margin-right: 45px;

    }

    ul.treatment-product li {

        width: 254px;

    }

    .treatment-product-intro {

        width: 234px;

        padding: 15px;

    }

    

}

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



 .navbar-light .navbar-nav .nav-link {
        padding: 0px 0px;
        font-size: 14px;
    }
    a.navbar-brand img {
    height: 30px;
}

    .main-bnr-intro span {

        font-size: 14px;

        line-height: 24px;



    }

    .main-bnr-intro h1 {

        font-size: 30px;

        line-height: 30px;

    }

    .main-bnr-intro label {

        font-size: 40px;

        line-height: 40px;

    }

    ul.our-product li {

        margin-right: 40px;

    }

    ul.treatment-product li {

        width: 222px;

    }

    .treatment-product-intro {

        width: 202px;

        padding: 15px;

    }

    .shop-by-treatment-bitcoin-intro {

        bottom: 0px;

        padding: 10px;

    }

    figure.shop-by-treatment-bitcoin img {

        height: 470px;

        object-fit: cover;

    }

}

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

    .main-bnr-intro a {

        height: 45px;

        width: 175px;

        line-height: 45px;

        font-size: 18px;

        margin: 10px 0 0;

    }

    .main-bnr-intro2 {

        margin: 10px 0 0;

    }

    .main-bnr-intro label {

        font-size: 30px;

        line-height: 30px;

    }

    ul.our-product li {

        margin-right: 35px;

    }

    ul.treatment-product li {

        width: 197px;

    }

    .treatment-product-intro {

        width: 177px;

        padding: 15px;

    }

    .we-are-pharmarcy-intro h2 {

        font-size: 34px;

    }
form.d-flex {
    display: none !important;
}
form.d-flex.desktop-view {
    display: block !important;
    margin-left: 35%;
}
li.nav-item {
    padding: 10px 0px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;
}
li.nav-item.active .nav-link, .nav-link:hover {
    border-bottom: 0px solid #fff;
}
  li.nav-item span {
    top: 4px !important;
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    text-align: center;
    line-height: 41px;
    color: #000 !important;
}
button.navbar-toggler {
    background: #fff;
    border-radius: 0;
}
nav ul li ul.dropdown {
    width: 100%;
    top: 47px;
} 

}

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

    ul.category-menu-top li {

        gap: 10px;

        flex: 0 0 20%;

    }

    .category-menu-top-intro p {

        font-size: 14px;

    }

    .category-menu-top li figure {

        width: 30px;

        height: 30px;

        line-height: 26px;

    }

    .category-menu-top li figure img {

        width: auto;

        height: 20px;

    }

    .category-menu-top-intro p i {

        font-weight: 600;

        font-size: 18px;

        margin-left: 1px;

        position: relative;

        top: 3px;

    }

    .category-menu-top-intro span {

        font-size: 12px;

        color: #8f8f8f;

    }

    .main-bnr-intro {

        position: absolute;

        left: 45px;

        top: 10px;

    }

    .main-bnr-intro h1 {

        font-size: 28px;

        line-height: 28px;

    }

    .main-bnr-intro label {

        font-size: 28px;

        line-height: 28px;

    }

    .main-bnr-intro a {

        height: 40px;

        width: 150px;

        line-height: 40px;

        font-size: 14px;

        margin: 10px 0 0;

    }

    .main-bnr-intro2 figure {

        width: 40px;

        height: 40px;

        line-height: 40px;

        border-radius: 50%;

        margin-right: 10px;

    }

    .main-bnr-intro2 figure img {

        width: auto;

        height: 15px;

    }

    .main-bnr-intro2 p {

        font-size: 14px;

        line-height: 16px;

    }

    ul.bnr-process {

        gap: 25px;

    }

    ul.bnr-process li figure {

        margin: 0 10px 0 0;

    }

    ul.bnr-process li figure img {

        width: auto;

        height: 35px;

    }

    ul.bnr-process li {

        padding: 10px;

    }

    .bnr-process-intro h3 {

        font-size: 13px;

    }

    .bnr-process-intro p {

        font-size: 13px;

        line-height: 15px;

        color: #212121;

        margin: 0;

    }

    ul.our-product li {

        margin-right: 30px;

    }

    .our-product-intro h3 {

        font-size: 16px;

        line-height: 26px;

        line-height: 18px;

        padding: 0 2px;

    }

    .treatment-product-intro h3 {

        font-size: 16px;

        line-height: 18px;

    }

    .treatment-product-intro a img {

        height: 25px;

    }

    ul.treatment-product {

        gap: 10px;

    }

    ul.treatment-product li {

        width: 177px;

    }

    .treatment-product-intro {

        width: 157px;

        padding: 10px;

    }

       .main-bnr-intro label {
        font-size: 20px;
        line-height: 26px;
        display: block;
    }

    figure.shop-by-treatment-bitcoin img {

        height: 430px;

        object-fit: cover;

    }

    .shop-by-treatment-bitcoin-intro h3 {

        font-size: 65px;

        font-family: "Anton", sans-serif;

        color: #ffea00;

        margin: 0;

    }

    .shop-by-treatment-bitcoin-intro h3 sup {

        font-family: "Anton", sans-serif;

        font-size: 38px;

        margin-left: 0px;

        top: -36px;

    }

    .about-section-intro h2 {

        font-size: 30px;

    }

    .we-are-pharmarcy-intro h2 {

        font-size: 30px;

    }

 }

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

    ul.bnr-process {

        gap: 10px;

    }

    ul.bnr-process li{

        flex:0 0 32%;

    }

    .main-bnr-intro a {

        height: 35px;

        width: 150px;

        line-height: 35px;

        font-size: 13px;

        margin: 10px 0 0;

    }

    .main-bnr-intro a img {

        height: 20px;

    }

    .main-bnr-intro2 figure {

        width: 30px;

        height: 30px;

        line-height: 30px;

        border-radius: 50%;

        margin-right: 10px;

    }

    .main-bnr-intro2 figure img {

        width: auto;

        height: 10px;

    }

    ul.our-product li {

        margin-right: 29px;

        padding: 15px 0;

    }

   

    ul.treatment-product li {

        width: 170px;

    }

    .treatment-product-intro {

        width: 150px;

        padding: 10px;

    }

    .section {

        padding: 30px 0px;

    }

    .main-heading h2 {

        font-size: 24px;

    }

    .main-heading h2 span::after{

        top:12px;

    }

    .main-heading h2 span::before{

        top:12px;

    }

   

    .we-are-pharmarcy-intro h2 {

        font-size: 24px;

        line-height: 30px;

        margin: 0 0 10px;

    }

    .we-are-pharmarcy-intro {

        text-align: center;

        width: 100%;

        margin: auto;

    }

    .shop-by-treatment-head h2 {

        font-size: 24px;

        color: #023264;

        font-weight: 600;

    }

    .shop-by-treatment-head p {

        width: 100%;

        margin: 15px 0 30px;

    }

    figure.shop-by-treatment-bitcoin img {

        height: 390px;

        object-fit: cover;

    }

    .shop-by-treatment-head span {

        font-size: 12px;

    }

    .we-are-pharmarcy-intro span {

        font-size: 14px;

    }

    .about-section-intro h2 {

        font-size: 24px;

        margin: 0 0 15px;

    }

    .about-section-intro > span {

        font-size: 14px;

    }

    p {

        font-size: 14px;

        color: #1d2a38;

        line-height: 24px;

    }

    .about-section-intro p {

        margin: 0px 0 15px;

    }

    .we-are-pharmarcy-intro.we-are-pharmarcy-intro1 h2 {

        margin: 5px 0 15px;

    }

    .we-are-pharmarcy-intro p {

        color: #fff;

        font-size: 14px;

        line-height: 24px;

        margin: 0;

    }

    .we-are-pharmarcy-intro.we-are-pharmarcy-intro1 {

        margin: 0 0 70px;

    }

    ul.counter-sec li p {

        font-size: 18px;

    }

    ul.counter-sec li h3 {

        font-size: 35px;

        line-height: 20px;

    }

    section.section.why-choose-us {

        padding-top: 135px;

    }

    .why-choose-us-intro h2 {

        font-size: 24px;

        margin: 5px 0 15px;

    }

    .why-choose-us-intro > span {

        font-size: 14px;

    }

    .why-choose-us-box h3 {

        color: #132b2c;

        font-size: 18px;

        margin: 0 0 5px;

    }

    .why-choose-us-intro ul li figure i {

        font-size: 24px;

    }

    .why-choose-us-intro ul li figure {

        width: 50px;

        height: 50px;

        line-height: 53px;

        text-align: center;

        background: #023264;

        flex: 0 0 50px;

        border-radius: 10px;

        color: #fff;

        margin: 0;

    }

    .footer-box.footer-box1 h3 {

        font-size: 14px;

        line-height: 24px;

        margin: 0 0 20px;

    }

    .footer-box h3 {

        font-size: 16px;

    }

    .footer-box p {

        font-size: 14px;

        line-height: 24px;

    }

}

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

    ul.category-menu-top li {

        gap: 10px;

        flex: 0 0 50%;

    }

     .main-bnr-intro {
        position: absolute;
        left: 0px;
        top: 20px;
        background: #f7871400;
        padding: 0px;
        width: 55%;
    }

    .main-bnr-intro p {
    display: none !important;
}

    .main-bnr-intro h1 {

        font-size: 20px;

        line-height: 20px;



    }

.main-bnr-intro label {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
    }

    .main-bnr-intro a {

        display: none;

    }

    .main-bnr-intro span {

        font-size: 12px;

        line-height: 22px;

    }

    .main-bnr-intro2 p {

        font-size: 12px;

        line-height: 12px;

    }

    .main-bnr-intro2 {

        margin: 0px 0 0;

    }

    .main-bnr img {

        width: 100%;

        object-fit: cover;

        height: 120px;

        border-radius: 20px;

    }

    ul.bnr-process li {

        flex: 0 0 100%;

    }

    .head-top p {

        color: #fff;

        text-transform: uppercase;

        margin: 0;

        font-size: 13px;

        font-weight: 400;

        padding: 5px 0;

        text-align: center;

    }

    .head-top-right ul {

        margin: 0;

        padding: 0;

        display: flex;

        justify-content: center;

    }

     ul.our-product li {
        margin-right: 0px;
        padding: 10px 0;
        flex: 0 0 45%;
        width: 45%;
    }

    ul.treatment-product {

        gap: 10px;

        flex-direction: column;

    }

       ul.treatment-product li {
        width: 100%;
        flex: 0 0 100%;
        flex-direction: column;
        padding: 10px;
    }

    ul.treatment-product li figure img {

        width: 100%;

        border-radius: 5px;

        height: 200px;

        object-fit: cover;

    }

    ul.treatment-product {

        gap: 10px;

     

        width: 100%;

        position: relative;

    }

    .treatment-product-intro {

        width: 95%;

        padding: 10px;

    }

    figure.shop-by-treatment-bitcoin {

        margin: 25px 0 0;

        border-radius: 10px;

        overflow: hidden;

        position: relative;

    }

    figure.shop-by-treatment-bitcoin img {

        height: 400px;

        object-fit: cover;

    }

    .we-are-pharmarcy-intro.we-are-pharmarcy-intro1 {

        text-align: left;

        width: 100%;

        float: right;

        margin: 0 0 60px;

    }
     .main-bnr {
        width: 94%;
        top: 5%;
        left: 3%;
        /* padding: 20px; */
    }
.main-bnr-intro p {
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    display: inline-block;
    margin: 10px 0 0 0;
    font-family: "Roboto Slab", serif;
    font-weight: 300;
}
.banner-bg > img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.treatment-product-intro h3 {
        font-size: 22px;
        line-height: 30px;
    }
    .treatment-product-intro > a {
    width: 60%;
}
.we-are-pharmarcy-intro p {
    padding-right: 0px !important;

}
.we-are-pharmarcy .main-heading h2 {
    color: #fff;
    text-align: left;
    margin: 0 0 15px;
    line-height: 30px;
}
.we-are-pharmarcy .main-heading span {
    font-size: 16px;
}
.we-are-pharmarcy ul {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 10px 0 0;
    flex-direction: column;
}
.we-are-pharmarcy ul li p {
    color: #fff;
    list-style: none;
    text-align: left !important;
    margin: 0 0 15px;
}
.we-are-pharmarcy-intro p {
    color: #fff;
    font-size: 14px !important;
    line-height: 26px !important;
    margin: 0px 0 15px !important;
}
.why-choose-us-intro ul li {
    flex: 0 0 100%;
}
.why-choose-us-intro ul {
    gap: 20px;
}
.process__box__section ul {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    flex-direction: column;
    gap: 20px;
}
h2.pharmacy-bg-head {
    font-size: 24px;
    text-align: center;
    margin: 0 0 30px;
    font-family: "Marcellus", serif;
}
.pharmacy-bg {
    padding: 25px;
}
.bitcoin-box {
    width: 100%;
}
.bitcoin-box p {
    margin: 0;
    padding: 20px;
    font-size: 20px;
    color: #f78714;
    font-family: "Marcellus", serif;
}
.footer-box {
    padding-left: 0px;
    position: relative;
    margin: 0 0 25px !important;
}
    .footer-box p {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 0;
    }
    .foot-icon {
    float: left;
    margin: 0 0 20px;
}
.contact_form.content_page.cms_page {
    margin: 30px 0 !important;
    box-shadow: 0 0 15px #eee !important;
    padding: 20px !important;
}
.contact_form.content_page.cms_page ul li {
    padding: 0;
    margin: 10px 0px;
    float: left;
    width: 100% !important;
    list-style: none;
}
.copy-right {
    flex-direction: column;
}
.main-sitemap {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
    .main-sitemap ul {
        margin-bottom: 20px;
        float: left;
    }
    .main-sitemap2 ul li {
        width: 50% !important;
        float: left;
    }
.main-heading h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .main-heading span {
    letter-spacing: 6px;
    font-size: 14px;
    font-family: GraphikRegular;
}
section.section.why-choose-us {
        padding-top: 30px;
    }
        .banner-bg > img {
        width: 100%;
        max-height: 170px;
        object-fit: cover;
    }
    form.d-flex.desktop-view {
        display: block !important;
        margin-left: 0%;
    }
    a.navbar-brand {
    width: 100%;
    display: block;
    text-align: center;
}
ul.our-product li > a {
    width: 82%;
    height: 40px;
    border: 1px solid #f78714;
    display: flex
;
    line-height: 40px;
    border-radius: 40px;
    font-size: 14px;
    text-transform: uppercase;
    color: #f78714;
    font-weight: 500;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: auto;
}
ul.our-product li h3 {
    font-size: 16px;

}
    ul.our-product {
        gap: 15px !important;
        margin: 0 !important;
    }
    ul.our-product li {
        padding: 10px 2px !important;
    }
    ul.our-product li > a {
        width: 100% !important;
        height: 35px !important;
        line-height: 35px !important;
        gap: 5px !important;
        font-size: 12px !important;
    }
        ul.treatment-product {
        margin: 0 !important;
    }
        .detail-page-price-box {
        flex-direction: column;
    }
    .detail-page-price-box select {
    margin: 0 0 10px;
}
.detail-page-price-box button {
    border-radius: 30px;
    color: #fff;
    padding: 10px 0;
}
.g-recaptcha {
    width: 100%;
    overflow: auto;
}
.review-sec-main {
        padding: 15px;
        gap: 10px;
}

.doctor-avatar {
    width: 65px;
}
.doctor-name {
    margin: 8px 0 !important;
    font-size: 22px !important;
    font-weight: 600;
}
}