@media (min-width: 576px) {
    /* .container-fluid {
        max-width: 540px;
    } */
    #toogle{
        display: block;
    }
    .custom-container-fluid{
        max-width: 100%;
    }

}

@media (min-width: 768px) {
    /* .container-fluid {
        max-width: 720px;
    } */
 
    .editlist{
        display: block !important;
    }
    
    .custom-container-fluid{
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    /* .container-fluid {
        max-width: 960px;
    } */
    .custom-container-fluid{
        max-width: 100%;
    }
}

@media (min-width:1200px) {
    /* .container-fluid {
        max-width: 1140px
    } */
    .custom-container-fluid{
        max-width: 100%;
    }
    

    /* .innerpg {
        min-height: 130vh;
    } */
}
@media (min-width:1600px){
    .thankyou-card-container{
        max-width: 700px;
    }
}
@media screen and (max-width:1100px) {
    .custom-size-info{
        width: 50% !important;
    }
    /*.bannertit{font-size: 46px;line-height: 48px;}*/
    /*.bannertxt p{font-size: 16px;max-width: 530px;margin-top:15px;line-height: 22px;}*/
    /*.bannerbtn{margin-top: 15px;}*/
    /*.bannerbtn .btn{font-size: 14px;padding: 10px 15px;}*/
    .abtop {
        padding-right: 30px;
    }

    /* .prescriber-search-main.purchaselist>li {
        flex: 0 0 100%;
        max-width: 100%;
    } */

    /* .innerpg {
        min-height: 130vh;
    }
    */
    .innerpg.custom-forest-register {
        min-height: 95vh;
    }
}

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

    .custom-size-info{
        width: 60% !important;
    }

    .btnred,
    .btnredsm {
        font-size: 13px !important;
        padding: 12px 20px
    }

    /*.htitle{font-size: 24px;}*/
    /*.hpubox .htitle{line-height: 32px;margin: 0 auto 15px}*/
    .htitle:before {
        max-width: 220px;
    }

    .htitle:after {
        max-width: 90px
    }

    .pubslider {
        padding: 5px 0 0
    }

    .newtxt {
        padding: 20px
    }

    /*.hpubox{padding: 35px 0 20px}*/
    .pubslider li {
        padding: 5px
    }

    /*.hnewsmain{padding: 15px 0 35px}*/
    .homegrey {
        padding: 40px 0
    }

    .hslideicon {
        height: 70px;
        width: 70px
    }

    /*.hslidetit{margin: 20px auto 0;padding-top: 20px}*/
    /*.ftlink li>a, .ftadd{font-size: 14px;line-height: 18px;}*/
    /*.ftcopyright p, .fterm a{font-size: 14px;}*/
    /*.ftbtm{padding: 20px 0;margin-top:30px}*/
    .ftphone {
        margin: 20px 0;
        font-size: 16px
    }

    .ftblock1,
    .ftblock2 {
        margin-bottom: 25px
    }

    .mainslider .slick-dots {
        bottom: 15px;
    }

    .bannerimg {
        max-height: 440px;
        height: auto;
        overflow: hidden
    }

    .innerpg {
        padding: 35px 0;
        /* min-height: 100vh; */
    }
    

    .titsm {
        font-size: 14px
    }

    .innerbanner {
        padding: 20px 0;
    }

    .innertit {
        font-size: 20px
    }

    .editprofile {
        padding: 40px 30px;
    }

    .editlist {
        padding: 15px 25px 30px 25px;
        margin-bottom: 30px
    }

    .editlist li>a {
        font-size: 14px;
        padding: 12px 0
    }

    .innerbanner p {
        font-size: 14px
    }

    .planslider.slick-dotted.slick-slider {
        padding: 0px 20px 35px
    }

    .plantop p {
        font-size: 18px
    }

    .plantop span {
        font-size: 20px
    }

    .plantop,
    .planbtn {
        padding: 20px
    }

    .planmid li {
        font-size: 12px;
        padding: 12px 15px 12px 25px
    }

    .planmid li:before {
        background-size: 10px;
        height: 10px;
        width: 10px;
        top: 14px;
        left: 8px
    }

    .abtop p {
        font-size: 14px;
        margin-bottom: 20px
    }

    .abtop {
        margin-top: 0
    }

    .abgrey {
        margin-top: 35px
    }

    .abtbox {
        padding: 30px 20px
    }

    .abcircle {
        height: 90px;
        width: 90px
    }

    .abcircle img {
        max-width: 50px;
        max-height: 50px
    }

    .purchasebox li {
        width: 50%
    }

    .mydirlist li {
        width: 50%
    }

    .modalmain .modal-content {
        border-radius: 20px;
        padding: 25px
    }

    .modalform {
        padding: 20px 0 0
    }

    .modalmain .modal-title {
        font-size: 22px;
    }

    .productimg {
        height: 100px
    }

    .products-listing {
        margin: 0 -5px
    }

    .product-element-container {
        padding: 15px;
        width: calc(33.3% - 10px);
        margin: 0 5px;
        margin-bottom: 20px
    }

    .open .calmenu {
        width: 225px
    }

    .open .calendar-container {
        width: calc(100% - 225px)
    }

    .payfields li {
        width: 50%;
        font-size: 14px;
        padding: 0 8px
    }

    .payfields {
        padding-left: 0;
        margin: 0 -8px
    }

    .payfields span {
        width: auto
    }

    #forwardConsentForm .custom-switch {
        margin-top: 0
    }

    .poplabel.question-text-container {
        min-height: auto;
    }
    .sales-title{
        font-size: 12px;
    }
    .custom-50-width-hm{
        width: 100% !important;
    }
    .custom-canvas-container{
        width: 100%;
    }
    .prescriberimg{
        margin: 0 auto !important;
    }
}

@media screen and (max-width:860px) {
    .bannerimg>img {
        max-width: 130%;
        margin-left: -4%
    }

    .cart-product-image-container {
        width: 50px;
    }

    .cartxt {
        width: calc(100% - 50px);
    }

    .order-product-image-container {
        width: 50px;
    }

    .orderxt {
        width: calc(100% - 50px);
    }

    /* .innerpg {
        min-height: 115vh;
    }
    */
    .innerpg.custom-forest-register {
        min-height: 95vh;
    }
}

@media screen and (max-width:768px) {
    .custom-size-info{
        width: 65% !important;
    }
    .innerpg.custom-forest-register {
        min-height: 95vh;
    }

    .social-media-profile-image{
        height: 40vw;
    }
}

@media screen and (max-width:767px) {
    .onboarding-tile-goto-payments{
        width: 100% !important;
        margin-top: 20px;
    }
    .mobilemenu{
        display: block;
    }
    /* .editlist{
        display: none;
    } */
    .hslideicon {
        height: 55px;
        width: 55px
    }

    /*.hslidetit{font-size: 16px;line-height: 20px}*/
    .ftcopyright p {
        text-align: center;
        margin-top: 5px
    }

    .fterm {
        text-align: center;
    }

    /*.fthead{font-size: 20px;margin-bottom: 25px;padding-bottom: 15px}*/
    /*.htitle{font-size: 22px;padding-bottom: 15px;}*/
    /*.hpubox .htitle{line-height: 30px;}*/
    .newtit,
    .listnewtit {
        font-size: 14px;
    }

    .newtxt p,
    .listnewtxt p,
    .listnewdate {
        font-size: 13px;
    }

    .newtxt,
    .listnewtxt {
        padding: 20px 15px
    }

    .newlist,
    .newlisting {
        margin: 0 -10px
    }

    .newlist li,
    .newlisting li {
        margin-bottom: 25px;
        padding: 0 10px
    }

    .newdate {
        font-size: 12px;
        padding-left: 20px
    }

    .newdate:before {
        width: 12px;
        height: 12px;
        top: -1px;
    }

    .ctleft {
        margin-top: 0;
        margin-bottom: 30px;
        padding: 0
    }

    .contactform,
    .editprofile,
    .corporteform,
    .innerpg .paystack-embed-container {
        padding: 25px
    }

    .ctit {
        font-size: 26px;
    }

    .ctmap iframe {
        height: 350px
    }

    .abtop {
        padding: 0
    }

    .abtmain .row {
        justify-content: center;
    }

    .abtit {
        margin-bottom: 10px;
        font-size: 15px
    }

    .abcircle {
        margin: 0 auto 10px
    }

    .abtbox p {
        font-size: 12px
    }

    .detit,
    .quotetit {
        font-size: 20px;
        margin-bottom: 15px
    }

    .detimg,
    .detslider {
        margin: 15px 0;
    }

    .bulleting li {
        font-size: 13px;
        margin-bottom: 10px;
        padding-left: 21px
    }

    .newsdetail p {
        font-size: 13px;
        margin-bottom: 10px
    }

    .quoteicon {
        height: 40px;
        width: 40px;
        font-size: 20px;
        line-height: 42px;
        margin: 0 auto 10px
    }

    .prserbox {
        width: 100%;
    }

    .prsertit {
        font-size: 15px;
    }

    .prserbox span {
        font-size: 13px;
    }

    .prsertit:before {
        max-width: 130px
    }

    .prsertit:ater {
        max-width: 40px
    }

    .corporteform,
    .innerpg .paystack-embed-container {
        width: 100%
    }

    .product-detail-container {
        padding: 15px
    }

    .product-image-container {
        margin-bottom: 15px;
        margin-right: 15px !important;
    }

    .product-element-container {
        width: calc(50% - 10px);
    }

    .expandbtn {
        display: none;
    }

    .calmenu .editlist li>a {
        font-size: 14px;
    }

    .calmenu {
        margin-top: 20px;
        width: 100%
    }

    .calendar-container {
        width: 100%;
        padding: 0;
        border: 0;
    }

    .calmainbox {
        padding: 0 15px;
    }

    .calendar-container .fc-left {
        margin-right: 10px;
    }

    .fc-toolbar .fc-center h2 {
        font-size: 18px;
    }

    .calmenu .editlist {
        margin-bottom: 25px;
    }
    .swal2-popup{
        width: 80% !important;
    }
}

@media (max-width:700px) {
    /* .innerpg {section.innerpg.innergrey .pl-5 {
    padding: 0px 20px;
}
        min-height: 280vh;
    } */

    .custom-size {
        height: 90vh;
        padding-top: 10vh !important;
    }

    .custom-detail-size {
        width: 100% !important;
    }

    .range-container {
        flex-direction: column;
    }
}

@media (max-width:600px) {

    /*.headshare a{margin-right: 15px;font-size:18px}*/
    .form-select-name {
        font-size: 16px;
    }

    .clinic-preview-element-container {
        padding: 15px;
    }

    .clinic-image-container {
        width: 50px;
        height: 50px;
    }

    .clinic-details-container {
        font-size: 13px;
        width: calc(100% - 60px);
        padding-left: 10px;
    }

    .form-change-div .clinic-image-container {
        width: 40px;
        height: 40px;
    }

    .treatment-groups-list-container {
        max-height: 350px;
    }

    .selected-clinic-info .form-change-button {
        top: 14px !important;
        transform: translateY(0);
    }

    .form-change-button {
        font-size: 16px;
    }

    .treatment-group-elements-container {
        font-size: 12px;
        /* width: calc(100% - 30px); */
        width:100%;
        padding-left: 10px;
    }

    .treatment-group-name {
        width: 30px;
        height: 30px;
        font-size: 16px;
        line-height: 30px;
    }

    .treatment-group-container {
        /* padding: 8px 12px; */
    }

    .selected-treatment-names,
    .selected-date,
    .selected-time {
        padding-left: 55px;
    }

    .time-slot-container {
        padding: 10px;
    }

    .time-slot-container span {
        font-size: 13px;
    }
}

.checkout-billing-address-container,
.checkout-shipping-address-container {
    width: 45%
}

.checkout-shipping-address-container {
    margin-top: 0px
}

.order-billing-address-container,
.order-shipping-address-container {
    width: 100%
}

.payfields li {
    width: 100%;
    margin-bottom: 5px;
    font-size: 13px;
}

.payfields span {
    width: 118px
}

@media (max-width:575px) {
    .selected-treatment-names{
        padding-left: 5px;
    }
    .selected-time{
        padding-left: 5px;
    }
    .selected-clinic-detail-container .form-change-container{
        padding:20px 12px;
    }
    .selected-clinic-detail-container .clinic-select-address{
        margin-top: 7px;
    }
    .fc-prev-button,.fc-button-primary::before{
        left: 15px;
        top: 12px;
    }
    .fc-button.fc-button-primary.fc-next-button{
        right:15px;
        top: 12px;
    }
    .time-slot-container{
        width:28%;
    }
    .social-media-profile-image{
        height: 80vw;
    }

    .heading-info-popup{
        font-size: 20px !important;
    }

    .subheading-info-popup {
        font-size: 10px !important;
        line-height: 14px;
    }

    .content-info-popup {
        font-size: 8px !important;
        line-height: 1.1;
    }

    .swal2-popup{
        width: 100% !important;
    }

    .custom-modal-body h1 {
        font-size: 16px;
    }

    .custom-modal-body p{
        width: 95%;
        text-align: center;
    }

    .range-container div{
        flex: 100%;
    }

    .slidecontainer{
        width: 100%;
    }

    .content{
        width: 100%;
    }

    .flexbox button{
        font-size: 14px;
    }

    .footer p{
        text-align: left;
    }


    .ftblock3 .ftlink {
        overflow: hidden
    }

    .ftblock2,
    .ftblock3 {
        padding-right: 0;
        text-align: center
    }

    .fthead:before {
        right: 0;
        margin: auto
    }

    .ftblock4,
    .ftblock1 {
        text-align: center
    }

    .ftblock3 {
        margin-bottom: 25px
    }

    .bannerbtn .btn {
        font-size: 10px;
        padding: 8px 15px;
        margin: 0 5px
    }

    .bannerbtn {
        margin-top: 10px
    }

    .bannertxt p {
        font-size: 14px;
        margin-top: 10px;
        width: 100%;
    }

    .bannertit {
        font-size: 28px
    }

    .bannerimg>img {
        max-width: 150%;
        margin-left: -9%
    }

    .ftblock4 .form-control {
        margin: 0 auto
    }

    .ftbtn {
        margin: 0 auto
    }

    .comtimg {
        width: 50px;
    }

    .comtxt {
        width: calc(100% - 50px);
        padding-left: 15px;
    }

    .commentlist li {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .comdate {
        font-size: 12px;
    }

    .btnreply {
        font-size: 14px
    }

    .usernm {
        font-size: 15px
    }

    .breadcrumb-item {
        font-size: 13px
    }

    .purchasebox span {
        font-size: 12px
    }

    .purchasebox p,
    .prdate,
    .namebox {
        font-size: 14px
    }

    .mydirtit,
    .drgridname {
        font-size: 14px;
    }

    .mydirbox p {
        font-size: 12px;
    }

    .drgridname {
        margin: 5px 0
    }

    .drgridpost {
        padding: 5px 10px;
        font-size: 11px;
    }

    .drgridtxt {
        margin-top: -12px
    }

    .drgridimg,
    .mydirbox,
    .contactform,
    .corporteform,
    .abtbox,
    .purchasebox,
    .planbox {
        border-radius: 25px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px
    }

    [class*="col"] {
        padding-left: 10px;
        padding-right: 10px
    }

    .checkout-billing-address-container,
    .checkout-shipping-address-container {
        width: 100%
    }

    .checkout-shipping-address-container {
        margin-top: 10px
    }

    .order-billing-address-container,
    .order-shipping-address-container {
        width: 100%
    }

    .payfields li {
        width: 100%;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .payfields span {
        width: 118px
    }

    .facialicon .form-group {
        display: inline-block;
    }

    .facialicon hr {
        display: none;
    }

    .facialicon {
        text-align: center;
    }
    .booking-main-wrappper{
        padding-top: 66px;
    }
    
}

@media (max-width:500px) {
    .payment-plan-card-container {
        width: calc(50% - 20px)
    }
}

@media (max-width:450px) {

    /*.logo-left{width:120px}*/
    .btnbuy {
        margin-right: 50px;
        font-size: 10px;
        line-height: 100%
    }

    /*.headshare a{font-size: 15px;margin-right:0;padding: 8px 6px 8px 0}*/
    .bannertxt {
        padding: 0 15px;
        top: 20%
    }

    .headshare a {
        margin-right: 10px
    }

    .headaccount a {
        margin: 0 0 0 15px
    }

    .abtbox {
        height: auto !important;
    }

    .listnewbox {
        max-width: 255px;
        margin: 0 auto
    }

    .purchasebox li,
    .aftercarelist .purchasebox li {
        padding: 5px;
        width: 100%
    }

    .file-caption-main .hidden-xs {
        display: none
    }

    .prsertit {
        font-size: 13px;
    }

    .prserbox span {
        font-size: 11px;
    }

    .prsertit:before {
        max-width: 100px
    }

    .prsertit:ater {
        max-width: 30px
    }

    .newtxt,
    .listnewtxt {
        padding: 15px
    }

    .dirtxtbox select {
        margin-left: 10px
    }

    .modalmain .modal-title {
        font-size: 18px
    }

    .modal-header .btnresub {
        font-size: 12px;
        font-size: 6px 12px
    }

    .btnresub {
        min-width: auto
    }

    .consent-form-question-element li.question-delete-container,
    .consent-form-question-element li.question-text-container {
        width: 100%
    }

    .consent-form-list-container .purchasebox li,
    .clientgrouplist .purchasebox li:first-child {
        width: 100%
    }

    .filled-consent-form-list-container .purchasebox li {
        width: 50%
    }

    .btnred,
    .btnredsm {
        min-width: inherit
    }

    .product-element-container {
        width: calc(50% - 10px);
        padding: 12px
    }

    .cartxt,
    .orderxt {
        width: 100%;
        padding: 0;
        font-size: 13px;
    }

    .cart-product-image-container,
    .order-product-image-container {
        display: none;
    }

    .cart-product-quantity-container input[type="number"] {
        width: 60px
    }

    .updatetab .nav-tabs .nav-link {
        font-size: 13px;
        padding: 10px 8px
    }

    .calsearchbox .form-control {
        max-width: 100%;
        margin: 0 0 10px
    }

    .fullwidthsm {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

@media (max-width:380px) {
    .menu_link nav {
        width: 100%;
    }

    .bannertxt p {
        font-size: 12px;
        margin-top: 10px
    }

    .bannerbtn .btn {
        padding: 8px 13px;
        font-size: 9px
    }

    .bannerimg>img {
        max-width: 170%;
        margin-left: -9%
    }

    .mydirlist li {
        width: 100%
    }

    .mydirbox {
        height: auto !important;
    }

    .newlist li,
    .abtmain .col-6,
    .newlisting .col-6 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .modalmain .modal-header {
        display: block
    }

    .modal-header .btnresub {
        float: right;
        margin-top: 10px;
    }

    .updatetab .nav-tabs {
        display: block;
        text-align: center
    }

    .bannertxt {
        padding: 0 15px;
        top: 20%
    }

    .togglebtn {
        top: 50px;
    }

    .headshare a {
        margin-right: 10px
    }

    .headaccount a {
        margin: 0 0 0 15px
    }

    .abtbox {
        height: auto !important;
    }

    .listnewbox {
        max-width: 255px;
        margin: 0 auto
    }

    .purchasebox li,
    .aftercarelist .purchasebox li {
        padding: 5px;
        width: 100%
    }

    .file-caption-main .hidden-xs {
        display: none
    }

    .prsertit {
        font-size: 13px;
    }

    .prserbox span {
        font-size: 11px;
    }

    .prsertit:before {
        max-width: 100px
    }

    .prsertit:ater {
        max-width: 30px
    }

    .newtxt,
    .listnewtxt {
        padding: 15px
    }

    .dirtxtbox select {
        margin-left: 10px
    }

    .modalmain .modal-title {
        font-size: 18px
    }

    .modal-header .btnresub {
        font-size: 12px;
        font-size: 6px 12px
    }

    .btnresub {
        min-width: auto
    }

    .consent-form-question-element li.question-delete-container,
    .consent-form-question-element li.question-text-container {
        width: 100%
    }

    .consent-form-list-container .purchasebox li,
    .clientgrouplist .purchasebox li:first-child {
        width: 100%
    }

    .filled-consent-form-list-container .purchasebox li {
        width: 50%
    }

    .btnred,
    .btnredsm {
        min-width: inherit
    }

    .product-element-container {
        width: calc(50% - 10px);
        padding: 12px
    }

    .cartxt,
    .orderxt {
        width: 100%;
        padding: 0;
        font-size: 13px;
    }

    .cart-product-image-container,
    .order-product-image-container {
        display: none;
    }

    .cart-product-quantity-container input[type="number"] {
        width: 60px
    }

    .updatetab .nav-tabs .nav-link {
        font-size: 13px;
        padding: 10px 8px
    }

    .calsearchbox .form-control {
        max-width: 100%;
        margin: 0 0 10px
    }
}

@media (max-width:380px) {
    .menu_link nav {
        width: 100%;
    }

    .togglebtn.active {
        right: 0;
        left: auto
    }

    .bannertxt p {
        font-size: 12px;
        margin-top: 10px
    }

    .bannerbtn .btn {
        padding: 8px 13px;
        font-size: 9px
    }

    .bannerimg>img {
        max-width: 170%;
        margin-left: -9%
    }

    .mydirlist li {
        width: 100%
    }

    .mydirbox {
        height: auto !important;
    }

    .newlist li,
    .abtmain .col-6,
    .newlisting .col-6 {
        max-width: 100%;
        flex: 0 0 100%
    }

    .modalmain .modal-header {
        display: block
    }

    .modal-header .btnresub {
        float: right;
        margin-top: 10px;
    }

    .updatetab .nav-tabs {
        display: block;
        text-align: center
    }
}

@media (max-width:600px) {
    /* .innerpg {
        min-height: 220vh;
    }
    */
}
@media (max-width:575px){
    .innerpg.custom-forest-register{
        min-height: 120vh;
    }
}

.reduced-min-height {
    min-height: 100%;
}


/* client-director Changes start */


@media (max-width:767px){

    .listing-export-button-container {
        margin-top: 30px;
    }
    .listing-export-button-container .button-right.float-right.d-flex {
        float: unset !important;
    }
    .dropdown-content{
        left: 0;
        right: 0;
    }
    }
    
    /* client-director Changes end */



    /* medical-questions section start */

@media (max-width:576px){
    textarea.form-control.sub-question {
        margin-top: 30px;
    }
    label.custom-no-consent-form{
        margin-left: 0px;
        margin-top: 10px;
    
    }
    .filter-dropdown .dropdown-menu{
        transform: translate3d(-170px, 42px, 0px) !important; 
    }
    .calendar-container .fc th{
        font-size: 12px !important;
    }
    .calsearchbox .form-control{
        margin: 0;
    }
    button#reset_dashboard {
        width: 100%;
    }
    a#upgrade-to-training-institute {
        width: 100%;
    }
    /* .talk-bubble.btm-right{
        width: 100%;
    }
    .talk-bubble{
        width: 90%;
    }
    .btm-right .talktext{
        word-break: break-word;
    } */
}
/* medical-questions section end */

@media (max-width:1200px){
    section.innerpg.innergrey .pl-5 {
        padding: 0px 20px !important;
    }
    .form-wrapper{
        width: 80%;
    }
}

/* Gride Responsive Start */


@media (max-width:767px){
    .grid-container{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:576px){
    .grid-container{
        grid-template-columns: repeat(1, 1fr);
    }

    /* treatment modal slider responsive */
    .treatment-card2{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .teatment-book-btn-wrapper{
        width: 100%;
    }
    .teatment-book-btn-wrapper .treatment-book{
        justify-content: space-between !important;
    }
}



/* Gride Responsive end */

.eyecon {
    position: absolute;
    cursor: pointer;
    margin-top: 12px;
    right: 61px;
}

@media only screen and (max-width: 426px) {
    .eyecon {
        /* right: 50px; */
    }
}

/* holly-complications-partnership page  Date 06-01-2022 Start*/

@media (max-width: 991px) {
  .custom-holly-title h1 {
    font-size: 24px !important;
  }
  .social-media-subheading h1 {
    font-size: 20px;
  }
  .fc-scroller.fc-day-grid-container{
    height: 100% !important;
    overflow: auto !important;
  }
  .social-media-subheading p {
    font-size: 16px;
  }
  .dropdown{
    justify-content: center;
  }
}

/* End */


/* Date 31-01-2023 */


@media (min-width:1400px){
    .two-videos{
        height: 87vh !important;
    }
    .fill-consent-form-open .two-videos {
        height: 89vh !important;
    }
    .video-call-page-container .prescription-consent-form-container{
        height: 88vh;
    }
    .video-view-container.fill-consent-form-open{
        width: 56%;
    }
    .video-view-container.fill-consent-form-open .my-own-video{
        width: 35% !important;
        height: 30% !important;
    }
    .video-view-container .video-element-container.my-own-video:not(.two-videos){
        /* height: 88vh !important; */
        width: 100% !important;
    }
    .multiple-videos video{
        max-height:440px !important;
    }
    
    .video-action{
        width: 100%;
    }
    

}
@media (min-width:1921px){
    .video-action{
        width: 100%;
        /* bottom: 1%; */
    }
    .video-view-container.fill-consent-form-open .my-own-video{
        width: 30% !important;
        height: 25% !important;
    }
    .video-view-container.fill-consent-form-open {
        width: 58%;
    }
    .video-view-container .video-element-container.my-own-video:not(.two-videos){
        /* height: 92vh !important; */
        
    }
}



@media (max-width:1280px){
    .video-action{
        width: 100%;
    }
    .two-videos{
        height: 83vh !important;
    }
    .fill-consent-form-open  .two-videos{
        height: 85vh !important;
    }
    .video-call-page-container .prescription-consent-form-container{
        padding: 10px 10px;
        /* height: 735px; */
        height: 92vh;
    }
}

@media (max-width:1024px){
    .fill-concent-form-container, .fill-form-title{
        width: 65%;
        max-width: 65%;
    }
    .video-action{
        width: 100%;
    }
    .two-videos{
        height: 75vh !important;
    }
    .fill-consent-form-open  .two-videos{
        height: 80vh !important;
    }
    .video-call-page-container .prescription-consent-form-container{
        /* height: 535px; */
        height: 91vh;
    }
    
}

@media (max-width:991px){
    .color-elements-container .custom-radio.custom-control-inline{
        margin-right: 0px;
        padding-left: 0px;
        margin-top: 10px;
    }
    .main-container-div{
        background-size: 140% !important;
        background-position: center 0px !important;
    }
    .sub-heading-div{
        font-size: 14px;
    }
    .form-wrapper{
        width: 100%;
    }
    .video-action{
        width: 100%;
    }
    .two-videos{
        height: 90vh !important;
    }
    .fill-consent-form-open  .two-videos{
        height: 91vh !important;
    }
    .video-call-page-container .prescription-consent-form-container{
        height: auto;
        
    }
    .video-view-container.fill-consent-form-open .my-own-video{
        height: 25% !important;
    }
    div#video-element-localVideo {
        max-width: 100% !important;
        height: 50vh;
        flex: 0 0 100% !important;
    }
    video#localVideo {
        height: 50vh;
        max-height: 100%;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-size: 14px !important;
    }
    .clinic_timings .select2-container {
        width: 90px !important;
    }
  
}
@media (max-width:820px){

    .two-videos{
        height: 88vh !important;
    }
    .fill-consent-form-open  .two-videos{
        height: 89vh !important;
    }
    .video-view-container.fill-consent-form-open .my-own-video{
        height: 30% !important;
    }
    video#localVideo {
        height: 50vh;
        max-height: 100%;
    }
}
@media (max-width:768px){
    video#localVideo {
        height: 50vh;
        max-height: 100%;
    }
}
@media (max-width:767px){
    .mobile-col{
        flex-direction: column;
    }
    .mobile-hide{
        display: none;
    }
    section.innerpg.innergrey .pl-5{
        padding: 0 10px!important;
    }
    .tophead{
        padding: 12px 20px;
    }
    .main-container-div{
        background-size: cover !important;
        background-position: center -270px !important;
    }
    button#showConsentForm{
        z-index: 99;
        right: 0;
        left: unset;
    }
    button#showConsentForm span{
        display: none;
    }
    
    .video-call-page-container .prescription-consent-form-container {
        /* height: fit-content; */
        width: 100%;
        padding: 10px 10px;
        right: 0;
        z-index: 88;
        top: 44px;
        border: none;
        border-radius: 0px;
        /* height: 102vh; */
        height: 114vh;
    }
    /* .custom-multiple-user .video-call-page-container.prescription-consent-form-container {
        height: 114vh;
    } */

    .two-videos:not(.my-own-video){
        height: 260px !important;
    }
    .my-own-video.two-videos{
        width: 100% !important;
        height: 220px !important;
        position: unset;
    }

    
    div#video-element-localVideo #localVideo{
        height: 50vh ;
        max-height: 100%;
    }
    /* .multiple-videos video {
        height: 235px;
    } */
    
}
@media (max-width:576px){
    .email-consent-form-wrapper{
        margin-top: 0 !important;
    }
    .fill-concent-form-container, .fill-form-title{
        width: 100% !important;
        max-width: 100% !important;
    }
    .client-btn-container{
        margin-top: 0;
    }
    .commonbanner{
        padding-top: 150px;
    }
    .concentform-container{
        width: 100%;
        padding: 10px !important;
    }
    .custom-canvas-container{
        width: 100%;
    }
    .concent-form-tab .concent-primary-btn{
        padding: 5px 12px;
    }
    .client-forward-btn-container{
        margin-top: 0 !important;
    }
    .concent-form-tab{
        display: flex;
    }
    .client-details-cards{
        width: 100%;
        min-width: 100%;
    }
    .redesign-main-section{
        padding: 0px 5px;
    }

    /* calendar new design mobile css  */

    .redesign-calendar-filter{
        right: 0;
    }
    .link-gray-text{
        display: none !important;
    }

    .form-group .select2-container--default .select2-selection--multiple .select2-selection__rendered{
        padding-bottom: 10px !important;
    }

    .open-time-container{
        justify-content: space-between !important;
    }

    .calendar-container .fc-toolbar{
        justify-content: space-between;
    }

    .open-time-container span{
        width: 40%;
    }
    .create-booking-container{
        width: 100%;
    }
    .create-booking-modal-size .close-booking-modal{
        right: 3px !important;
        top: 2px !important;
        z-index: 99999;
    }
    .add-booking-btn{
        justify-content: center;
    }
    .add-booking-btn .save-btn-width{
        width: 22%;
    }
    .calendar-delete-outline-btn{
        width: 22%;
    }
    .calendar-back-outline-btn{
        width: 22%;
    }
    .edit-booking-btn{
        justify-content: center;
    }
    .save-btn-width{
        width: 22%;
    }
    /* ----------------------------------------------------------------------------------------------------- */



    .two-videos:not(.my-own-video){
        height: 290px !important;
    }
    .my-own-video.two-videos{
        height: 290px !important;
    }
    .fc-content .fc-time{
        font-size: 10px;
    }
    .form-wrapper{
        width: 100%;
    }
    .editprofile{
        padding: 10px;
    }

}
/* @media (min-width:500px) and (max-width:576px){
    .custom-multiple-user button#showConsentForm{
        bottom: 10px;
    }
} */
@media (max-width:414px){
    /* .video-call-page-container .prescription-consent-form-container{
        height: 757px;
    } */
    .two-videos:not(.my-own-video){
        height: 385px !important;
    }
    .my-own-video.two-videos{
        height: 385px !important;
    }
    
}
@media (max-width:400px){
    .two-videos:not(.my-own-video){
        height: 360px !important;
    }
    .my-own-video.two-videos{
        height: 360px !important;
    }

}
@media (max-width:375px){
    /* .video-call-page-container .prescription-consent-form-container{
        height: 590px;
    } */
    .two-videos:not(.my-own-video){
        height: 270px !important;
    }
    .my-own-video.two-videos{
        height: 270px !important;
    }
    /* .custom-multiple-user button#showConsentForm{
        bottom: 0px;
    } */
}

@media (max-width:360px){
    /* .video-call-page-container .prescription-consent-form-container{
        height: 665px;
    } */
    .two-videos:not(.my-own-video){
        height: 310px !important;
    }
    .my-own-video.two-videos{
        height: 310px !important;
    }
    /* .custom-multiple-user button#showConsentForm{
        bottom: 16px;
    } */
    
}

@media (max-width:320px){
    /* .video-call-page-container .prescription-consent-form-container{
        height: 520px;
    } */
    .form-change-button{
        top: 10px;
    }
    .time-slot-container{
        width: 42%;
    }
    .add-booking-btn .save-btn-width{
        width: 26%;
    }
    .calendar-delete-outline-btn{
        width: 26%;
    }
    .calendar-back-outline-btn{
        width: 26%;
    }
    #toggle{
        margin-top: 10%;
    }
    .calendar-searchbar{
        width: 120px !important;
    }
    .two-videos:not(.my-own-video){
        height: 240px !important;
    }
    .my-own-video.two-videos{
        height: 240px !important;
    }
   
}


/* End */
/* Start 27-02-2023 */


@media (min-width:1400px){
    /* .chat-message-main {
        height: 55vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 56vh;
    } */
    /* .chat-popup{
        height: 46vh !important;
    } */
}
@media (min-width:1400px) and (max-height:608px) {
    /* .chat-message-main {
        height: 70vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 71vh;
    } */
}
@media (min-width:1920px){
    /* .chat-message-main {
        height: 40vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 39vh;
    } */
    .scrollTop{
        right: 6%;
    }
    .custom-chat-popup-contain-detils{
        height: 37vh !important;
    }
}

@media (max-width: 1280px){
    /* .chat-message-main {
        height: 54vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 53vh;
    } */
    /* .chat-popup{
        height: 65vh !important;
    } */
    .scrollTop{
        bottom: 94px;
        right:2%;
    }
}
@media (max-width: 1024px){
    /* .chat-message-main {
        height: 73vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 71vh;
    } */
    /* .talk-bubble{
        width: 50%;
    } */
}
@media (max-width: 991px){
    
    .coustom-card-row{
        width: 100% !important;
    }
    .fill-concent-form-container, .fill-form-title{
        width: 85%;
        max-width: 85%;
    }
    .coustom-support-chat-back-arrow{
        min-width: 37px;
        padding: 10px 11px;
        margin: 0 2px;
    }
    .redesign-calendar-filter{
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    /* .chat-message-main {
        height: 32vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 32vh;
    } */
    .chatsend{
        bottom: 10px;
        width: 100%;
    }
    .seller-chat-send{
        width: 88%;
        bottom: 0;
    }
    /* .chat-popup{
        height: 38vh !important;
    } */
    .scrollTop{
        bottom: 94px;
        right:3%;
    }
    .custom-chat-popup-contain-detils{
        height: 30vh !important;
    }
    
}
@media (max-width: 820px){
    /* .chat-message-main {.seller-chat-send{
        width: 94%;
    }
        height: 38vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 37vh;
    } */
    .custom-chat-popup-contain-detils{
        height: 36vh !important;
    }
}
@media (max-width: 768px){
    /* .chat-message-main {
        height: 43vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 43vh;
    } */
}
@media (max-width: 767px){
    .coustom-card-row{
        width: 75% !important;
    }
    /* .chat-message-main {
        height: 40vh;
    } */

    .chatsend{
        bottom: 0px;
        /* width: 100%; */
    }
    .seller-chat-send{
        bottom: 10px;
        width: 80%;
    }
    .coustom-saller-chat{
        padding: 20px 30px;
    }
    .custom-feedback-admin{
        border-right: none;
        padding: 0px;
    }
    .custom-admin-search{
        border-right: none;
    }
    .custom-feedback-admin-chat-side{
        padding: 0px;
    }
    .custom-admin-chat-side{
        border-top-right-radius: 0px;
        padding: 10px 20px;
    }
    /* .talk-bubble.btm-right{
        width: 100%;
    } */
    /* .talk-bubble{
        width: 90%;
    } */
    .btm-right .talktext{
        word-break: break-word;
    }
    /* .chat-popup{
        height: 75vh !important;
    } */
    .custom-chat-popup-contain-detils{
        height: 50vh !important;
    }
    .custom-chat-popup-icon-footer .message-box-thread .dropup{
        text-align: center;
        margin: 10px 0px 0px; 
    }
    .scrollTop{
        bottom: 10px;
        right:6%;
    }
    .custom-thank-you-picbox img{
        
        object-fit: contain;
    }
    
}
@media (min-width: 500px) and (max-width:540px){
    /* .chat-message-main {
        height: 52vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 51vh;
    } */
    .seller-chat-send{
        width: 94%;
    }
}
/* @media (max-width:414px){
    #chat-listing-elements-container-section{
        height: 40vh;
    }
} */
@media (max-width: 393px){
    /* .chat-message-main {
        height: 43vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 43vh;
    } */
}
@media (max-width: 375px){
    /* .chat-message-main {
        height: 55vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 54vh;
    } */
}
@media (max-width: 360px){
    /* .chat-message-main {
        height: 49vh;
    } */
    /* #chat-listing-elements-container-section{
        height: 50vh;
    } */
}

/* end */

@media (min-width:1400px){
    .custom-my-reviews .custom-reviw-commant-side .review-list{
        height: 78vh;
    }
    .forward-review-list a{
        width: 10%;
        text-align: end;
    }
    .custom-line-notice span{
        width: 90%;
    }
}


@media (min-width:1900){
    .custom-my-reviews .custom-reviw-commant-side .review-list{
        height: 51vh;
    }
    
}


/* Start 01/06/2023 clinc-home */

@media (max-width: 1300px) {
   
    .search_container select {
      font-size: 13px;
    }
    .custom-line-notice span{
        width: 90%;
    }
    .forward-review-list a{
        width: 10%;
        text-align: end;
    }
  }

  @media (max-width: 1200px) {
    .search_container {
      width: 65%;
    }
    .custom-clinic-detils-time .custom-clinic-detils-day span{
        font-size: 14px;
    }
    .custom-clinic-detils-time .custom-clinic-detils-timing span{
        font-size: 13px;
    }
    .custom-view-count-desbored .custom-view-count-desbored-detils{
        width: 60%;
    }
    
  }
  @media (max-width: 991px) {
  
    .search_container {
      width: 80%;
    }
    
    .treatment-card .treatment-book .custom-treatmant-book-btn{
        min-width: 100px;
    }
    .custom-view-count-desbored .custom-view-count-desbored-detils{
        width: 75%;
    }
    
  
  }
  
  @media (max-width: 767px) {

    .coustom-home-baner h1{
        font-size: 32px;
        margin-bottom: 20px;
    }
  
    .search_container {
      flex-wrap: wrap;
      /* display: block; */
      width: 90%;
      border-radius: 20px;
      padding: 15px;
    }
    .search_container select {
      border-right: 0px;
      border-left: 0px;
      padding-left: 5px;
      padding-right: 5px;
      background-position-x: 98%;
    }
  
    .search_container select {
      font-size: 12px;
    }
    .custom-clinic-detils-time .custom-clinic-detils-day span{
        font-size: 16px;
    }
    .custom-clinic-detils-time .custom-clinic-detils-timing span{
        font-size: 16px;
    }
    .treatment-card .treatment-book .custom-treatmant-book-btn{
        padding: 10px 30px;
    }
    .custom-view-count-desbored .custom-view-count-desbored-detils{
        width: 100%;
    }
    .custom-setup-clinic-paylal{
        padding: 20px !important;
    }
    .custom-setup-clinic-paylal .custom-paylal-picbox img{
        width: 50%;
        height: auto !important;
        margin: 30px auto 0px !important;
        display: block;
    }
    .custom-setup-clinic-paylal .custom-clinic-paylal-offer .custom-clinic-paylal-offer-title h6{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .custom-setup-clinic-paylal .custom-clinic-paylal-condition p{
        font-size: 12px;
    }
    
  }
  
  
  @media (max-width: 360px) {

    .coustom-home-baner h1{
        font-size: 28px;
    }
  
    .search_container input::-webkit-input-placeholder {
      font-size: 9px !important;
    }
    .search_container select {
      font-size: 9px;
    }
  }


/*  End  */


@media (min-width:1000px) and (max-width:1024px) {
    .progress-div{
        width: 70px !important;
    }
}

@media(min-width:1900px){
    .custom-clinic-list-card img{
        width: 100%;
    }
    
}

/* Date 21-08-2023 Appointment-form-design Start */

@media(max-width:767px){

    .custom-appointment-form-design .pull-right a.add-client-primary-btn{
        padding: 8px 12px;
    }

}
/*Appointment-form-design End */


/* prescriber chat design change 10-10-2023 DK start */
@media (max-width:1200px) {
    .prescriberfooter .message-box{
        width: 70%;
    }
    .prescribesender{
        width: 150px;
    }
}
@media (max-width:768px) {
    .prescribertopbar{
        height: auto !important;
    }
    .Prescriberfeedback #listing-elements-container-section{
        height: auto !important;
    }
    .prescribesender{
        width: auto !important;
    }
}
@media (max-width:576px) {
    .prescribesender{
        width: 60% !important;
    }
}
/* prescriber chat design change 10-10-2023 DK end */


/* prescriber chat popup design change 11-10-2023 DK start */
@media (max-width:576px) {
    .Prescribermodal .prescriberimg{
        height: 40px;
        width: 40px;
    }
    .Prescribermodal .Prescribermodal .prescriberfullname{
        min-width: 130px !important;
        font-size: 12px;
    }
    .Prescribermodal #SearchChatTableBody .messagebtn{
        padding: 5px 10px !important;
        font-size: 12px;
    }
    .Prescribermodal .prescriberfullname{
        width: 120px;
    }
}
@media (max-width:480px) {
    .Prescribermodal .prescriberfullname{
        width: 100px;
    }
}
/* prescriber chat popup design change 11-10-2023 DK end */
@media(max-width:767px){
    .product-image-container{
        min-width: 50px !important;
        max-width: 50px !important;
    }
    .consentformtable td, .table th{
        border-top: none !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    #consentFormsModal table.table.consentformtable tr{
        display: block;
        margin: 1rem 0;
        border: 1px solid #cfcaca;
        border-radius: 6px;
    }
    #consentFormsModal table.table.consentformtable thead{
        display: none !important;
    }
    .modal-content, 
    #expire-option-modal .modal-content{
        /* width: 70vw; */
        width: 100%;
        margin: auto !important;
    }
    .prescirber-card{
        padding: 15px !important;
    }
    .prescriber-img{
        width: 54px !important;
        height: 54px !important;
    }
    .prescriber-card-sub{
        gap: 6px !important;
    }
}
@media(max-width:576px){
    #hold-appointment-modal .modal-content,
    #expire-option-modal .modal-content{
        width: 90vw;
        margin: auto !important;
    }
    .custom-column-flex-575{
        flex-direction: column;
        
    }
    .custom-column-flex-575 .price-td{
        justify-content: flex-start !important;
        align-items: center;
    }
    .checkbox-td{
        max-width: 100% !important;
    }
    .d-flex-575{
        display: flex;
    }
    .price-td{
        width: 100% !important;
        /* align-items: flex-start !important; */
    }
    .cus-pl-30-575{
        padding-left: 30px;
    }
    /* .cus-pl-40-575{
        padding-left: 40px !important;
    } */
    .product-name{
        font-size: 15px !important;
        margin-bottom: 0px !important;
    }
    .product-price{
        font-size: 14px !important;
    }
    .select-product-seller-shipping-container{
        font-size: 14px !important;
    }
    .product-shipping{
        font-size: 14px !important;
    }
    .price-td{
        flex-direction: row !important;
        gap: 10px;
        justify-content: flex-end;
        align-items: center;
    }
    .product-prescriber{
        font-size: 14px !important;
    }
    .unset-min-max-container{
        /* min-width: unset !important;
        max-width: unset !important;
        margin: 0 0 10px !important; */
        width: 100% !important;
        height: unset !important;
    }
    .custom-product-img-hm{
        width: 100% !important;
        min-width: unset !important;
        max-width: unset !important;
    }
    .pharmacy-div{
        width: 80% !important;
    }
    .bucketIconWrapper{
        padding: 0 !important;
    }
    .selected_client{
        width: 100% !important;
    }
    .preview-div{
        min-height: auto !important;
        height: auto !important;
        max-width: 100% !important;
    }
}

@media (max-width:576px) {   
/* take payment style change 25-10-2023 start*/
    .connect-stripe-account{
        margin: 10px;
    }
    .connect-stripe-account .gatway-title{
        font-size: 16px;
    }
    .connect-stripe-account .alert-dark{
        background-color: #fff;
        border: none;
        padding-left:0px;
        padding-right:0px ;
        margin-top: 0px !important;
    }
    .connect-stripe-account .connect-to-stripe{
        width: 100%;
        margin: 0px !important;
    }
/* take payment style change 25-10-2023 end*/

/* stripe-terms-and-conditions thankyou page style change 25-10-2023  start*/
.payment-stripe-account-connected-main{
    background:#F9F9F9;
    padding: 15px 25px !important;
    border-radius: 10px;
    border: 1px solid #E2E8F5;
}
.payment-stripe-account-connected .gatway-title{
    font-size: 16px;
}
.payment-stripe-account .gatway-title{
    font-size: 16px;
}
.payment-stripe-account .alert-light{
    text-align: justify;
}
.initiate-ryft-onboarding{
    width: 75% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}   
.deposit-payment-thankyou-card-container{
    padding: 20px 0px !important;
    width: 95% !important;
    margin: auto;
    margin-top: 150px !important;
}
.deposite-payment-body-head .paragraph{
    padding: 0px 20px;
}
/* stripe-terms-and-conditions thankyou page style change 25-10-2023  end*/

}

/* skip-term-condition- popup modal style edit  31-10-2023 start*/
@media (max-width:576px) {
    .skip-term-condition-modal .modal-content{
        padding: 25px !important;
    }
}
/* skip-term-condition- popup modal style edit  31-10-2023 end*/


/* prescriber-chat chat-box style edit 20-10-2023 start */
@media(max-width:992px){
    .prescriberfooter .preview-div img{
        height: 150px !important;
    }
}
@media(max-width:768px){
    .prescriberfooter .preview-div img{
        height: 130px !important;
    }
}
@media(max-width:576px){
    .prescriberfooter .preview-div img{
        height: 100px !important;
    }
}
/* prescriber-chat chat-box style edit 20-10-2023 end */


@media (max-width:576px) {
    /* #facial_mapping_modal .modal-body .preview_select_image .treatment-images,
    #facial_mapping_modal .modal-body .preview_select_image .treatment-images .images-box{
        height: 250px;
    } */
    #facial_mapping_modal .modal-body .preview_select_image .treatment-colors .colorbox{
        height: 24px !important;
        width: 24px !important;
        padding: 0px;
    }
    #facial_mapping_modal .modal-body .preview_select_image .treatment-colors{
        width: 285px;
    }
    #facial_mapping_modal .modal-body .select_image .footer button,
    #facial_mapping_modal .modal-body .treatment-note .footer button{
        width: 100%;
        padding: 8px 20px;
    }
    #facial_mapping_modal .modal-body .preview_select_image .treatment-text p{
        text-align: start;
    }
}