@media only screen and (max-width: 1500px) {
.promo-overlay{ right:20px; }
}
@media only screen and (max-width: 1050px){
    .navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px;
}
.main-bnr-intro label {
    font-size: 42px;
    line-height: 56px;
    color: #000;
    font-weight: 700;
    width: 100%;
    margin: 7px 0 30px;
}
.quick-checkout-right {
    flex: 0 0 56%;
}
#buttons {

    gap: 15px !important;
}
ul.our-product {

    gap: 20px !important;

}
ul.our-treatment {
    gap: 30px;
}
}
@media only screen and (max-width: 991px) {
    li.nav-item {
        position: relative;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }
    .quick-checkout-left {
    flex: 0 0 38%;
    width: 38%;
}
.ref-icon img {
    height: 32px;
}
.quick-checkout-left figure > p {
    padding: 0 0px;
    margin: 0;
}
.quick-checkout-left>figure img {
    width: 100%;

}
.quick-checkout-left>figure {

    line-height: 200px;
    
}
.quick-check-pay-mode figure img {
    width: 100%;
}
.quick-checkout {

    gap: 15px;
}
.quick-checkout-right {
    flex: 0 0 55%;
    padding: 15px 15px 15px 0;
}
.coupon_area_cat p {
    font-size: 15px !important;

}
.coupon_area_cat p span {
    font-size: 15px !important;

}
.main-bnr {
    width: 70%;

}
ul.our-product {
    gap: 15px;
}
ul.our-product li figure {
    line-height: 170px;
}
ul.our-treatment li {
    flex: 0 0 47%;
}
ul.our-treatment {
    gap: 30px;
}
.our-treatment-box h3 {
    font-size: 20px;
}
.our-treatment-box > a {
    width: 165px;
    height: 40px;
    line-height: 40px;
}
.home-site-content h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 15px;
}
.home-content-box-col h4 {
    font-size: 18px;
    font-weight: 600;
}
.bitcoin-box-intro {
    position: absolute;
    left: 20px;
    top: 20px;
}
.bitcoin-box-intro label {
    margin: 0 0 5px;
}
.bitcoin-box-intro h3 span {
    display: block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fc634a;
}
.bitcoin-box-intro h3 {
    font-size: 20px;
    line-height: 38px;
    font-weight: 700;
    color: #000;
}
.bitcoin-box-intro a {
    height: 40px;
    width: 135px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    display: inline-block;
    border-radius: 30px;
    margin: 5px 0 0;
    box-shadow: 0 0 10px #ebebeb;
    font-size: 17px;
    font-weight: 500;
}
ul.process-box li {
    flex: 0 0 25%;
}
ul.process-box h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px;
}
ul.process-box li p {
    font-size: 14px;
    color: #000;
    opacity: .5;
    letter-spacing: 0;
    margin: 0;
}
ul.process-box li figure img {
    width: 30px;
}
#buttons {
    gap: 10px;
}
.home-top-selling h2 {
    font-size: 24px;
    font-weight: 600;
    flex: 0 0 20%;
}
#buttons {
    margin: 0px !important;
    gap: 10px !important;
}
#buttons button {
    font-size: 14px !important;
}
.right_side_checkout .btn_checkout {
    border-radius: 5px;
    font-size: 14px;
    height: 45px;
    padding: 0 10px;
}
li.nav-item span {
        position: absolute;
        top: 3px;
        right: 6px;
        width: 45px;
        height: 35px;
        text-align: center;
        background: #696cb8;
        line-height: 30px;
        border-radius: 2px;
    }
    .navbar-light .navbar-nav .nav-item span i {
    color: #fff;
}
.mobile22 {
    display: block !important;
}
   .mobile22 .head-top-right {
        display: block !important;
    }
    .headt-top-sec {

    display: none;
}
.head-top-right ul li:last-child,  .head-top-right ul li:nth-child(2){ display:block; } 
   .head-top-right ul li:last-child{ margin-left:10px; }
   .navbar-collapse.show, .navbar-collapse{ order:4 }
   nav .d-flex {
        order: 2;
        background: #696cb9;
        padding: 7px 10px 7px 0;
        border-radius: 3px;
        margin-left: 52%;
    }
.navbar-toggler .navbar-toggler-icon { width:32px; height:2px; background:#f54959; float:right; margin:0px 0 0 3px; position:relative;transition: all .3s ease; font-size:0; display:block}
.navbar-toggler .navbar-toggler-icon:before { content:''; position:absolute; width:100%; height:2px; background:#f54959; left:0px; top:-10px; transition: all .4s ease; }
.navbar-toggler .navbar-toggler-icon:after { content:''; position:absolute; width:100%; height:2px; background:#f54959; left:0px; bottom:-10px; transition: all .4s ease;}
.navbar-toggler.close_menu .navbar-toggler-icon { height:auto; font-size:24px; color:#fff; background:#f54959; margin-top:0px; margin-left:3px; font-weight:300; }
.navbar-toggler.close_menu .navbar-toggler-icon:before {transform: rotate(45deg); transition: all .4s ease; top:0%; margin-top: -1px; opacity:1 }
.navbar-toggler.close_menu .navbar-toggler-icon:after {transform: rotate(-45deg); transition: all .4s ease; bottom: 50%; margin-bottom: -1px; opacity:1; }  

  button.navbar-toggler {  background: #fff; border-radius: 0; height: 40px;} 
  
  li.nav-item.after_nv span i{ transform:rotate(180deg);  }
nav ul li ul.dropdown {
        width: 100%;
        position: static;
        display: none;
        visibility: visible;
        opacity: 1;
        top: 0px;
        transform: none;
        margin: 10px 0 0;
    }
   .navbar-light .navbar-toggler {
        order: 2;
    
    }
button.navbar-toggler {
    background: #fff !important;
}
form.d-flex.mobile {
    margin-left: 0px;
    background: #696cb8;
    border-radius: 5px;
    padding: 3px 10px;
    margin-left: 50%;
}
nav ul li ul.dropdown li {
        margin: 8px 0;
        list-style: none;
    }
    .navbar-light .navbar-nav .nav-item span {
    position: absolute;
    top: 1px;
    right: -1px;
    height: 44px;
    line-height: 44px;
    padding: 0;
}
.displ_block{ display:block !important; }
nav .d-flex {

        margin-left: 46%;
    }
}
@media only screen and (max-width: 767px) {
    .promo-overlay{ position: relative; margin: 20px auto; max-width: 320px; right:inherit;}
    .main-bnr {
        width: 100%;
        top: 25px;
        left: 0;
        padding: 10px;
    }
    .main-bnr-intro label {
        font-size: 28px;
        line-height: 38px;
        color: #000;
        font-weight: 700;
        width: 100%;
    }
    .main-bnr-intro a {
        height: 48px;
        line-height: 48px;
    }
    .banner-bg>img {
        width: 100%;
        height: 240px;
        object-fit: cover;
    }
    .head-top-right {
        display: none;
    }
    .section {
        padding: 25px 0px;
    }
    ul.our-product li {
        flex: 0 0 100%;
    }
    ul.our-treatment li {
        flex: 0 0 100%;
        overflow: hidden;
        position: relative;
    }
    .main-heading h2 {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 50px;
    }
    .home-site-content h2 {
        font-size: 24px;
        font-weight: 600;
        margin: 0 0 15px;
    }
    li.nav-item {
        position: relative;
        width: 100%;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
    }
    .navbar-light .navbar-nav .nav-link {

        padding: 0 0px;
    }
    .bitcoin-box-intro h3 span {
        display: block;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }
    .bitcoin-box-intro h3 {
        font-size: 20px;
        line-height: 36px;
        font-weight: 700;
    }
    .bitcoin-box-intro a {
        height: 40px;
        width: 135px;
        line-height: 40px;
        margin: 0px 0 0;
        font-size: 16px;
    }
    ul.process-box h4 {
        font-size: 20px;
        font-weight: 600;
        margin: 0 0 5px;
    }
    ul.process-box li p {
        font-size: 14px;
        color: #000;
        opacity: .5;
        letter-spacing: 1px;
        margin: 0;
    }
    .bitcoin-box li {
        list-style: none;
        flex: 0 0 100%;
        position: relative;
    }
    .bitcoin-box {
        gap: 20px;
    }
    ul.process-box {
        gap: 20px; 
    }
    ul.process-box li {
        list-style: none;
        display: flex;
        gap: 15px;
        width: 100%;
        flex: 0 0 100%;
    }
    .bitcoin-box-intro {
        position: absolute;
        left: 20px;
        top: 20px;
    }
    .bitcoin-box-intro label {
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 0 5px;
    }
    .review-sec-main .form-row {
    margin: 10px 10px;
    width: 100%;
    float: left;
}
.review-sec-main figure {
    flex: 0 0 45%;
    margin: 0;
    display: none;
}
.quick-checkout-left>figure img {
    width: 100%;
}
.quick-checkout-right {
    flex: 0 0 100%;
    padding: 20px;
    width: 100%;
}
.quick-checkout-left {
    flex: 0 0 100%;
    border-right: 3px solid #fc634a;
    padding: 15px;
    border-radius: 0px;
    width: 100%;
}
.quick-check-pay-mode figure img {
    width: 100%;
}
.quick-checkout-right {
    flex: 0 0 100%;
    padding: 0px;
    width: 100%;
}
.quick-checkout-right>ul li:nth-child(1) span {
    font-size: 14px;

}
.quick-checkout-right>ul li span {
    font-size: 14px;

}
.quick-checkout-right>ul li button {
    padding: 5px 0px;
    width: 100%;
    font-size: 13px;
}
.home-top-selling {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0 0;
    flex-direction: column;
}
.pro_dosase ul li {
    width: 40%;
    text-align: center;
    margin: 0 5px;
    display: inline-block;
}
.home-top-content h1 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 15px;
}
.blog-card.blog_area .listing_blog li.listing {
    flex: 0 0 100%;
    width: 100%;
} 
.blog_details_area h1 {
    font-size: 22px;
}
a.navbar-brand img {
    height: 28px;
}
ul.our-product {
        gap: 16px !important;
    }
        nav .d-flex {
        margin-left: 0%;
    }
    .navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9);
    margin: 0;
    padding: 0;
}
.checkout_details ul li {
    flex: 0 0 100% !important;
}
.cate-page h1 {
    font-size: 32px;
}
.footer-box h3 {
    width: 100%;
    float: left;
    font-size: 21px;
    color: #fff;
    margin: 20px 0 5px;
    font-weight: 500;
}
aside {

    display: none;
}
.order_2 {
    order: 2;
}
.prod-faq-page ul li {
    flex: 0 0 100%;

}
.review-sec {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 15px;
    border-bottom: solid 0px #eee;
}
}

