@media (min-width: 1400px)
{
    .container{
        max-width: 1366px;
    }
    .container-fluid{max-width: 1644px;}
}

@media (max-width: 1700px)
{
    html{font-size: 58%;}
    .container-fluid{padding: 0 5rem;}
    .news-bx{font-size: 14px;}
}

@media (max-width: 1400px)
{
    html{font-size: 50%;}
}


/* new responsive */


@media (max-width:1199.98px) {
    .clinicaltrial-rightNav-side .navbar-nav.authMenuLInk {
        margin-left: 4rem;
    }
    .home-banner-caption h1 ,
    .inner-banner-caption h1{
        font-size: 5rem;
    }
    .sec-title .h2 {
        font-size: 4.7rem;
    }
    .what-sec-text{
        font-size: 2.8rem;
    }
    .app-download-platform a + a {
        margin-left: 2rem;
    }

    /* dashboard */
  
        .welcome-msg-bx>h2{
            font-size: 3rem;
        }

        .heading-bx h1,
        .welcome-msg-bx>h2{
            font-size: 3rem;
        }
    
    
}
@media (max-width:991.98px) {
    .home-banner-section{
        padding-top: 15.5rem;
    }
    .container-fluid {
        padding: 0 3rem;
    }
    .home-banner-img {
        width: 55rem;
        height: 55rem;
        border-radius: 30.5rem 0 30.5rem 30.5rem;
        margin: 25px auto 0;
    }
    .clinicalImgBx {
        height: 55rem;
        margin-bottom: 3.5rem;
    }
    .order-last {
        order: 0!important;
    }
    
    .clinicaltrial-ftr-col.subscribeFooter_col{
        margin-top: 3.5rem;
    }
    .clinicaltrial-ftr-col.about-col{
        margin-bottom: 3.5rem;
    }
    .clinicaltrial-ftr-col ul li + li {
        margin-top: 1rem;
    }

    .howImg{
        margin-bottom:3.5rem;
    }
    .clinicaltrial-ftr-col h2{
        margin-bottom: 1rem;
    }

    .clinicaltrial-rightNav-side .navbar-nav>li:not(.btn-item)>a{
        white-space: nowrap;
    }
    .clinicaltrial-rightNav-side .navbar-nav.authMenuLInk {
        margin-left: 0;
    }
    .clinicaltrial-rightNav-side .navbar-nav>li:not(.btn-item){
        margin:0 1rem;
    }
    .clinicaltrial-rightNav-side .navbar-nav>li.btn-item .btn {
        min-width: 90px;
    }
    .btn{
        padding:8px;
    }

    .inquire-bx{
        padding-bottom: 4rem;
    }
   
}

@media (max-width:767.98px) {
    .home-banner-section {
        padding-top: 13.5rem;
    }
    .home-banner-caption h1,
    .inner-banner-caption h1 {
        font-size: 4rem;
    }
    .home-banner-caption p,
    .inner-banner-caption p {
        font-size: 2.5rem;
        margin: 1rem 0;
    }
    .home-banner-section {
        padding-top: 13.5rem;
        padding-bottom: 7rem;
    }
    .repeat-section {
        padding: 7rem 0;
    }
    .sec-title .h2 {
        font-size: 3.8rem;
    }
    .what-section .what-sec-text {
        font-size: 2.2rem;
    }
    .pad-t-30 {
        padding-top: 2.5rem;
    }
    .what-is-clinicaltrial{
        margin-top: 2rem;
    }
    .what-sec-text {
        font-size: 2.2rem;
    }
    .clinicalImgBx {
        height: 45rem;
        margin-bottom: 2.8rem;
        border-radius: 2rem;
    }
    .clinical-info-section .container>.row + .row {
        margin-top: 10rem;
    }
    .why-choose-points li h2 {
        font-size: 2.2rem;
    }
    .why-choose-points li::before{
        font-size: 3.2rem;
    }
    .download-app-bx{
        padding: 4rem 4rem 4rem 13.3rem;
    }
    .why-choose-points li + li {
        margin-top: 3rem;
    }
    .app-download-platform {
        margin-top: 2rem;
    }
    .ftr-row {
        margin-top: 5rem;
    }

    .clinicaltrial-rightNav-side .navbar-nav.mobileMenu{
        position: fixed;
        flex-direction: column;
        height: 100%;
        background: #fff;
        top: 0;
        right: 0;
        min-width: 220px;
        z-index: 9999;
        justify-content: flex-start;
        padding: 25px 0;
        align-items: flex-start;
        right:-100%;
        padding-top: 40px;
        transition: all .3s ease-in-out;
    }
    .clinicaltrial-rightNav-side .navbar-nav.mobileMenu>li>a {
        color: #356AA0;
        font-size: 16px;
        padding: 8px 15px;
        font-weight: 500;
        width: 100%;
        display: block;
    }

    .clinicaltrial-rightNav-side .navbar-nav.mobileMenu>li{
        width:100%;
        margin:0
    }
    .clinicaltrial-rightNav-side .navbar-nav.authMenuLInk {
        margin-left: auto;
    }
    header.site-header .btn-primary{
        background: var(--whiteColor);
        color: var(--PrimaryColor);
    }



    /* toggle btn */

    .navbar-toggler:focus,
  .navbar-toggler:active {
    outline: none;
    box-shadow: none;
  }

 
  .navbar-toggler {
    width: 25px;
    height: 25px;
    position: relative;
    padding: 0;
    z-index: 1;
    border: 0;
    color: #fff;
    box-shadow: none;
    margin-left: 15px;
  }
  .navbar-toggler svg{
    width:25px;
    height: 25px;
  }

  body.is-folded{
    overflow: hidden;
  }
  body.is-folded .clinicaltrial-rightNav-side .navbar-nav.mobileMenu {
    right: 0;
  }
  .closeMenuBtn {
    border: 0;
    box-shadow: none;
    background: #4096ee;
    color: #fff;
    position: absolute;
    right: 0;
    top: -40px;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .repeat-section.inner-banner-section {
        padding: 9rem  0 3rem;
    }
}

@media (max-width:575.98px) {
    .home-banner-section {
        padding-top: 11.5rem;
        padding-bottom: 7rem;
        min-height: unset;
    }
    .home-banner-caption h1,
    .inner-banner-caption h1 {
        font-size: 3.8rem;
    }
    .home-banner-caption p,
    .inner-banner-caption p {
        font-size: 2.3rem;
        margin: 1rem 0;
    }
    .home-banner-img {
        width: 36rem;
        height: 36rem;
        border-radius: 10.5rem 0 10.5rem 10.5rem;
        margin: 25px auto 0;
    }
    .container-fluid {
        padding: 0 1rem;
    }
    .clinicaltrial-rightNav-side .navbar-nav>li.btn-item {
        margin-left: 2rem;
    }
    .clinicaltrial-rightNav-side .navbar-nav>li.btn-item .btn {
        min-width: 65px;
        padding: 5px 8px;
        font-size: 15px;
    }
    .navbar-toggler{
        margin-left:20px;
    }
    .clinicaltrial-rightNav-side .navbar-nav.mobileMenu>li>a{
        border-bottom: 1px solid rgba(0,0,0,.1);
    }
    .clinicaltrial-ftr::after,
    .download-app-bx::after{
        display: none;
    }
    .download-app-bx {
        padding: 3rem 3rem 3rem 9.3rem;
        border-radius: 18rem 0 0 18rem;
    }
    .sec-title .h2 {
        font-size: 3.3rem;
    }
    .what-sec-text {
        font-size: 2rem;
    }
    .app-download-platform {
        margin-top: 2rem;
        display: flex;
    }
    .why-choose-points li::before {
        width: 8rem;
        height: 6.4rem;
    }
    .why-choose-points li {
        list-style: none;
        padding-left: 10rem;
    }
    .contact-from-bx>div>h2{
        font-size: 3rem;
    }
    .repeat-section.contact-section {
        padding: 4rem 2rem;
    }
    .repeat-section.faqSection,
    .repeat-section.cms-content-section{
        padding:4rem 0;
    }
    .contact-bx {
        padding: 2rem;
    }

    .clinicaltrial-ftr-col.subscribeFooter_col {
        margin-top: 0rem;
    }
    .clinicaltrial-ftr-col.about-col {
        margin-bottom:2.5rem;
    }
    .clinicaltrial-ftr-col:not(.subscribeFooter_col){
        margin-bottom: 2.5rem;
    }
}




/* after login responsive css */


.owl-carousel .owl-stage-outer .owl-stage{
    display:flex;
}
.owl-carousel .owl-stage-outer .owl-stage .item:not(.clinicalTrial-bx),
.owl-carousel .owl-stage-outer .owl-stage .item a{
    height: 100%;
    display: block;
    padding:0 1px;
}
.owl-carousel .owl-stage-outer .owl-stage .item .clinic-list-bx{
    height: 100%;
}
.owl-carousel .owl-item img{
    height: 100%;
}

.clinic-info{
    flex:0 0 calc(100% - 28rem);
    max-width: calc(100% - 28rem);
}
.clinic-info .description{
    word-break: break-all;
}
.clinicalTrial-bx{
    display: flex;
    flex-direction: column;
    /* height: 100%; */
}

.patient-detail-row h4{
    margin-bottom: 10px;
}

.chat-container aside .conversations .thread .details .user-name{
    font-size: 2rem;
}
.chat-container aside .conversations .thread .details .last-message{
    font-size: 1.8rem;
}
.chat-container aside .conversations .thread .last{
    top:1.3rem
}
@media (max-width:1199.98px) {
    .heading-bx h1,
	.welcome-msg-bx>h2{
        font-size: 3rem;
    }
    .search-bx .form-control{
        min-width: 22rem;
    }
    .dashboard-logo img {
        max-width: 22rem;
    }
    .repeat-white-bx{
        padding:2rem;
    }


	.clinic-img {
        flex: 0 0 20.4rem;
        max-width: 20.4rem;
    }
	.dashboard-col + .dashboard-col {
		margin-top: 3rem;
	}
	
	.clinic-info {
		flex: 1;
		max-width: calc(100% - 20.4rem);
	}
	
	.no-result-found h2{
		font-size: 3rem;
	}
	.trialClinic-info-bx>p{
		word-break: break-all;
	}

    /* patient mange */
    .age-range-bix .form-control{
        width:10rem
    }
    .patient-list-bx .patient-details h2 {
        font-weight: 600;
        font-size: 16px;
    }
    .filter-sidebar{
        padding:1.5rem
    }


    /* table responsive */
    .patient-list-table th, .patient-list-table td {
        padding: 1.5rem ;
    }
    .patient-list-table h2 {
        font-size: 18px;
    }
    .patient-list-table td {
        font-size: 15px;
    }
    .patient-list-table .patient-img img {
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
    }

    .dashboard-info-bx>a {
        padding:2rem;
    }
    .dashboard-info-bx>a p{
        font-size: 2rem;
    }
    .my-appointment-img img{
        height: 100%;
        
    }
}


@media (max-width:991.98px) {
	.dropdown-toggle .user-id-info{
		display: none;
	}
	.user-image img{
		margin-right: 0;
	}
	.heading-bx{
		margin-bottom: 2rem;
	}
	.welcome-msg-bx>h2 ,
	.heading-bx h1,
	.no-result-found h2	{
		font-size: 2.5rem;
	}
	.dashboard-info-bx>a {
		padding: 2rem;
	}
	.dashboard-info-bx.secondaryColor,
    .dashboard-info-bx.thirdColor{
		margin-bottom:25px;
	}
	.dashboard-info-bx>a h2 {
		font-size: 3rem;
	}
	.dashboard-info-bx>a p{
		font-size:2rem;
	}

	.no-result-found img {
		max-width: 27rem;
	}

	.filter-sidebar{
		margin-bottom: 30px;
	}
	.filter-sidebar>h2 {
		font-size: 2rem;
	}

	.dashboard-header{
		padding:0 0 0 8rem;
	}

    .age-range{
        justify-content: flex-start;
    }
	.gender-row>label {
        flex: 0 0 auto;
    }

    .filter-sidebar{
        display: flex;
        flex-wrap: wrap;
        column-gap:20px;
    }
    .filter-sidebar h2{
        width: 100%;
    }
    .filter-sidebar .form-group{
        flex:0 0 calc(50% -  10px)
    }

    /* table */

    .patient-list-table td{
        white-space: nowrap;
    }
    .patient-list-table td:last-child,
    .patient-list-table th:last-child{
        position: sticky;
        right:0;
        background:#fff;
    }

    .total-compensation{
        margin-bottom: 25px;
    }

    .chat-container{
        height: 66rem;
    }
    .chat-container aside .conversations .thread .details .user-head{
        margin-right:1rem;
    }
    .chat-container main .top-bar{
        padding:0 2rem;
    }
    .mobileUserMenu{
        padding: 1rem 2rem;
        border-bottom: 1px solid rgba(0,0,0,.2);
        max-width: 245px;
    }

    .pasRepeateBox{
        margin-top: 20px;
    }
}


@media (max-width:767.98px) {
	/* .dashboard-rightNav ul li:first-child{
		display: none;
	} */
	.dashboard-rightNav{
		margin-left: auto;
        background:#4096ee
	}

	.dashboard-header{
		padding: 0 0rem 0 8rem;	
	}
	.filter-sidebar{
		padding:1.5rem;
	}

	.clinical-dashboard {
		padding: 9rem 0 2rem 0;
	}
	.trialClinic-detail-bx h1{
		font-size: 2.5rem;
	}
	.trialClinic-info-bx.mt-5{
		margin-top: 0rem;
	}
	.Clinic-map-view{
		margin-top: 25px;
	}
	.trialClinic-info-bx>h2 {
		margin-bottom: 1rem;
		font-size: 2rem;
	}
	.clinicalTrial-bx>h2 {
		font-size: 2rem;
	}
	.clinicalTrial-bx>p.description{
		font-size: 1.8rem;
		min-height: unset;
		flex:1
	}
	
	.clinicalTrial-bx .badge{
		margin-top: auto;
	}
	.btn-sm {
		padding: .8rem 2rem;
	}

	.modal-dialog{
		padding:10px
	}
	ul.condition-ul li {
    	margin-bottom: .5rem;
  	  font-size: 1.5rem;
  	}
	.clnicaltrial-description>h2 {
		font-weight: 700;
		margin-bottom: 1rem;
	}
    .filter-sidebar{
        display: block;
    }
	
    /* table */

    .patient-list-table td {
        font-size: 14px;
    }
    .patient-list-table h2 {
        font-size: 16px;
    }
    .patient-list-table .patient-img img {
        width: 5rem;
        min-width: 5rem;
        height: 5rem;
    }
    .patient-list-table th, .patient-list-table td {
        padding: 1rem;
    }

    /* chat */
    .chat-container main .top-bar{
        height:6rem;
        padding:1rem 2rem;
    }
    .chat-container main .top-bar .user-info .name {
        font-size: 2rem;
        top: 0.8rem;
    }
    .chat-container main .top-bar .user-info .user-head{
        margin-right:1rem;
        width:4.5rem;
        height:4.5rem;
    }
    .chat-container main .messages .date-split{
        font-size: 1.8rem;
    }
    .chat-container main .messages .message {
        margin: 1.5rem 0;
        position: relative;
    }
    .chat-container main .messages .message .content {
        max-width: 90%;
        padding: 1rem 1.5rem;
        border-radius: 0 1rem 1rem 1rem;
        font-size: 13px;
    }
    .chat-container main .messages .message.fromme .content {
        border-radius: 1rem 0px 1rem 1rem;
    }
    .message.fromme .message-time {
        margin-right: 1rem;
        font-size: 12px;
    }
    .chat-container main .bottom-bar{
        height: 7rem;
    }
    .chat-container main .messages {
        height: calc(100% - 12rem);
    }
    .fileInChat h2{
        font-size: 13px;
    }
    .attachmentBx button,
    .chat-user-options .send-btn,
    .chat-container .user-head{
        width:4rem;
        height:4rem;
    }
    .chat-container main .bottom-bar .msg-input {
        height: 4rem;
        border-radius: 1rem;
        padding: 1rem 1.5rem;
        font-size: 1.6rem;
    }
    .chat-container aside {
        width: 28rem;
    }


    /* search box */
    .mobileSearchBtn {
        background: transparent;
        border: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        width: 30px;
        height: 30px;
    }

    .searchBox_postion {
        position: absolute;
        top: 59px;
        width: 100%;
        right: 0;
        padding: 5px 2rem;
        display: flex;
        gap: 10px;
        background: #4096ee;
        border-top: 1px solid rgba(255,255,255,.3);
        transition: all .3s ease-in-out;
        z-index: -1;
        overflow: hidden;
        transform: scaleY(0);
        transform-origin: top;
    }
    .searchBox_postion.show{
        
        transform: scaleY(1);
    }   
    .closeSearchBtn {
        border: 0;
        box-shadow: none;
        outline: 0;
        width: 46px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #cdeb8b;
        border-radius: 5px;
    }
    .searchBox_postion  .search-bx{
        flex:1;
    }
}

@media (max-width:575.98px) {
	.clinical-dashboard {
		padding: 10rem 1rem 3rem ;
	}
	.repeat-white-bx ,
	.dashboard-info-bx>a{
		padding: 1.5rem;
	}
	.welcome-msg-bx>h2,  .no-result-found h2 {
		font-size: 2rem;
	}
	.dashboard-info-bx>a>span {
		min-width: 5.4rem;
		width: 5.4rem;
		height: 5.4rem;
	}
	.dashboard-info-bx>a p{
		font-size: 1.8rem;
	}
	.clinic-list-bx{
		display: block;
	}
    .main-clinic-listing .clinic-img{
        width: 100%;
        max-width: 100%;
    }
	.clinic-img {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.owl-carousel .owl-stage-outer .owl-stage .item .clinic-list-bx{
		height: auto;
	}
	.clinic-img img {
		height: 23rem;
	}
	.owl-carousel .owl-item img {
		height: 23rem;
	}
	.clinic-info{
		flex:0 0 100%;
		max-width: 100%;
	}
	.clinic-info{
		padding:1.5rem;
	}
	.clinic-info .location{
		align-items: flex-start;
	}
	.clinic-info .location box-icon{
		margin-top: 5px;
		margin-right:10px
	}
	.clinic-info .description{
		word-break: break-word;
	}


	.my-appointment-bx{
		display: block;
	}
	.my-appointment-img {
		max-width: 100%;
	}
	.my-appointment-info{
		padding:1.5rem;
	}
	.pricing-tabs.nav-tabs .nav-link {
		
		padding: .5rem 1.2rem;
		font-size: 1.5rem;
		min-width: 8rem;
	}

	.multiSelect-control .dropdown-container, .form-control {
		height: 4.4rem;
	}
	.trialClinic-location{
		flex-direction: column;
	}
	.modal-title .trialClinic-location{
		flex-direction: row;
		align-items: center;
		gap:15px;
	}
	.trialClinic-location span + span{
		margin-left: 0;
		margin-top: 10px;
	}
	


	.form-group {
    	margin-bottom: 1.5rem;
	}
	.main-trial-listing .filter-sidebar .radio-check-btn>span {
    	font-size: 1.5rem;
	}
	.info-bx{
		font-size: 1.4rem;
		padding:1.3rem 0;
	}
	.clnicaltrial-description>p {
		font-weight: 300;
		font-size: 1.4rem;
	}

    .available-time label{
        width:100%;
        font-size: 15px;
    }
    .modal-title .trialClinic-location {
        flex-direction: row;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
    }
    .sponser-price-info{
        flex-wrap: wrap;
        gap:15px
    }
    .sponser-price-row{
        width: 100%;
    }
    .btn{
        min-width: 10rem;
    }

    .age-range-bix .form-control {
        width: 10rem;
        font-size: 14px;
    }
   
    .patient-detail-row h4 {
        font-size: 14px;
    }

    .modal-dialog .trialClinic-location span + span{
        margin-top: 0;
    }

    .pricing-tabs.nav-tabs{
        margin-bottom: 3rem;
    }
    .total-compensation{
        padding:2rem 1rem;
    }
    .total-compensation h2 {
        font-size: 4rem;
    }
    .payment-history{
        padding:1.5rem
    }
    .payment-history-icon{
        margin-right:1.5rem;
        min-width:7rem;
    }
    .payment-history-details h2{
        display:block;
        font-size:1.8rem;
    }
    .payment-history-details h2 span{
        display: block;
    }
    .payment-history-details h2 .amount{
        margin-top: 5px;
    }
    .payment-history-details p{
        font-size: 1.8rem;
    }
    .patient-appointment-details img {
        max-width: 7rem;
        width: 7rem;
        height: 7rem;
        min-width: 7rem;
        border-radius: 50%;

    }
    .PatientDetailsHeader{
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
    }


    /* chat */

    .chat-container {
        height: 60rem;
        position: relative;
        overflow: hidden;
    }
    .chat-container aside {
        width: 100%;
    }
    .chat-container main {
        width: 100%;
        position: absolute;
        background: #fff;
        right: -100%;
        transition: all .3s ease-in-out;
    }
    .chat-container main.show{
        right:0;
    }
    .chat-container aside .conversations .thread:not(:last-child){
        border-bottom: 1px solid rgba(255,255,255,.1);
        margin-bottom: 0;
    }

    .chat-container main .top-bar {
        position: relative;
        padding-left: 50px;
    }
    .backBtnChat {
        border: 0;
        width: 36px;
        height: 36px;
        position: absolute;
        left: 10px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        color: #4096ee;
        box-shadow: none;
        outline: 0;
    } 
    .chat-container main .messages .message {
        margin: .5rem 0;
        position: relative;
    }
    .dashboard-rightNav ul li{
        padding:1.2rem
    }


    .my-appointment-img img{
        max-height: 22rem;
    }
    .appointment-detail:not(.patient-appointment-details) img {
        flex: 0 0 12rem;
        height: 12rem;
        margin-right: 1rem;
        object-fit: cover;
    }
    .appointment-detail p{
        font-size: 1.8rem;
    }
    .appointment-detail h2{
        font-size: 2rem;
    }

    .modal-dialog .clnicaltrial-detail-ftr.fourthBtnGroup {
        margin-top: 2rem;
        display: flex;
        /* align-items: center; */
        flex-wrap: wrap;
        column-gap: 20px;
        row-gap: 10px;
    }
    .modal-dialog  .clnicaltrial-detail-ftr.fourthBtnGroup >* {
        flex: 0 0 calc(50% - 10px);
        /* flex-wrap: wrap; */
        margin: 0;
        max-width: calc(50% - 10px);
        font-size: 15px;
    }


    .heading-bx h1 span{
        font-size: 1.5rem;
        margin-top: 5px;
    }
    .patient-list-table th, .patient-list-table td {
        padding: 1rem;
        font-size: 1.8rem;
    }
    .patient-list-table h2 {
        font-size: 15px;
        margin-bottom: 0;
    }
}