/*---------- Responsive Design ----------*/
/*Small Desktop*/
@media only screen and (max-width:1399px) {
    /*------ Home Start -----------*/
    .platform-video-left {
        padding: 44px 20px 44px 25px;
    }
    /*------ Home End -----------*/

    /*----- Platform Start -----*/
    .two-column-header-text{
        padding-left: 25px;
        padding-right: 100px;
    }
    /*----- Platform End -----*/
   
    .copyright-bar .footer-menu ul li:not(:last-child){
        margin-right: 70px;

    }
}

@media only screen and (max-width:1199px) {
    /*------ Home Start -----------*/
    .hero-banner {
        padding-top: 200px;
    }
    .platform-video-left {
        padding: 44px 20px 44px 15px;
        width: 50%;
    } 
    .platform-video-right {
        width: 50%;
        height: 600px;
    }   
    .copyright-bar .footer-menu ul li a,.copyright-text p{
        font-size: 14px;
    }
    .copyright-bar .footer-menu ul li:not(:last-child) {
        margin-right: 20px;
    }
    /*------ Home end -----------*/

    /*----- Platform Start -----*/
    .two-column-header-text p {
        max-width: 100%;
    }
    .two-column-header-text{
        padding-right: 40px;
    }
    .two-column-header-video video{
        object-fit: contain;
        background: #000;
    }
    .technological-img {
        height: 350px;
    }
    .technological-top .number{
        font-size: 50px;
    }
    .clinical-validation-left {
        width: 45%;
    }
    .clinical-validation-right {
        width: 55%;
    }
    .full-width-image-wrap {
        height: 500px;
    }    
    /*----- Platform End -----*/

    /*---- Footer Start ------*/
    .footer-wrap{
        padding: 40px 15px;
    }

    /*---- Footer End ------*/
}
@media only screen and (max-width:1024px) {
    h1, .h1 {font-size: 55px;}
    h2,.h2 {font-size: 55px;}
}

/*Tablet*/
@media(max-width: 991px) {

    h1, .h1 {font-size: 50px;}
    h2,.h2 {font-size: 50px;}
    h3,.h3{font-size: 38px;margin: 0 0 20px;letter-spacing: -0.418px;}
    br{display: none;}
    /*------ Header Start ------*/
    .header-right {
        align-items: flex-start;
        flex-direction: column;
        left: 50%;
        padding-left: 15px;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 80px 15px 20px 15px;
        position: fixed;
        transition: all .3s;
        visibility: hidden;
        z-index: 2;
        width: calc(100% - 50px);
        background: #ffffffc7;
        backdrop-filter: blur(34px);
        -webkit-backdrop-filter: blur(20px);
        height: calc(100vh - 30px);
        top: 16px;
        border-radius: 30px;
        margin: 0px auto;
        transform: translateX(-50%);
    }
    .main-navigation{
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .menu-open .header-inner{
        background-color: transparent;
        backdrop-filter: none;
    }
    .menu-open .header-right {
        opacity: 1;
        visibility: visible;
    }

    .menu-open{
        overflow: hidden;
    }

    .mobile-menu-icon {
        display: flex;
        align-items: center;
    }

    .mobile-menu-icon .humbger-box{
        display: flex;
        width: 36px;
        height: 18px;
    }
    .mobile-menu-close{
        display: none;
    }
    .menu-open .mobile-menu-close{
        display: block;
    }
    .menu-open .mobile-menu-open{
        display: none;
    }
    .site-branding img {
        width: 180px;
    }
    .site-branding,.mobile-menu-icon{
        z-index: 99;
        position: relative;
    }
    .main-navigation ul li:not(:last-child){
        margin-bottom: 50px;
        margin-right: 0px;
    }
    .main-navigation ul{
        flex-direction: column;
    }
    .header-inner{
        padding: 15px 25px;
        margin-top: 16px;

    }
    .menu-toggle{
        display: block;
    }

    .main-navigation ul li:not(:last-child) {
        margin-right: 0px;
    }
    .main-navigation ul {
        flex-direction: column;
        align-items: flex-start;
    }

    .main-navigation ul li a {
        font-size: 16px;
    }
    .menu-open .menu-icon,.menu-open .menu-icon .line {
        width: 30px;
    }

    .main-navigation ul li a::after{
        bottom: -10px;
        height: 3px;
    }
    /*------ Footer Start -----------*/
    .footer-logo img {
        width: 250px;
    }
    .copyright-bar{
        flex-direction: column;
    }
    .copyright-bar .footer-menu {
        width: 100%;
        margin-top: 15px;
    }
    .footer-top{
        margin-bottom: 80px;
    }
    .copyright-bar .footer-menu ul li a,.copyright-text p{
        font-size: 16px;
    }
    /*------ Footer End -----------*/

    /*------ Home Start -----------*/
    .hero-banner {
        padding-top: 200px;
    }
    .platform-video-right{
        height: 500px;
    }
    .platform-drug-col {
        width: 50%;
    }
    .platform-drug-col{
        margin-bottom: 34px;
    }
    .platform-drug-improve .row{
        margin: 0px -12px -34px -12px;
    }
    .platform-drug-improve {
        padding: 100px 0px;
    }    
    .platform-drug-improve .title{
        margin-bottom: 70px;
    }
    .partner-cta-content .top .small-title {
        margin-bottom: 120px;
    }
    .partner-cta-content .top {
        margin-bottom: 83px;
    }

    /*------ Home end -----------*/


    /*------ Contact Start -----------*/
    .contact {
        padding: 163px 0px 90px 0px;
    }
    .contact-title {
        margin-bottom: 110px;
    }
    .contact-detail-item{
        margin-bottom: 110px;
    }
    .contact-detail-item:last-child{
        margin-bottom: 0px;
    }
    .contact-detail-item .head-title {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 24px;
    }
    .contact-detail-wrapper{
        margin-bottom: 0px;
    }
    /*------ Contact End -----------*/

    /*----- Platform Start -----*/
    .two-column-header-text {
        width: 100%;
        padding-top: 170px;
        padding-right: 25px;
    }
    .two-column-header-video {
        width: 100%;
        height: 500px;
    }
    .two-column-header-text .title{
        max-width: 100%;
        margin-bottom: 111px;
    }
    .technological-top .head{
        margin-bottom: 20px;
    }
    .technological-top .number {
        font-size: 45px;
    }
    .technological-img {
        height: auto;
    }
    .technological-col {
        width: 100%;
        margin-bottom: 65px;
    }
    .technological-breakthrough .row {
        margin-bottom: -50px;
    }
    .technological-breakthrough .title{
        margin-bottom: 80px;
    }
    .technological-breakthrough {
        padding: 100px 0px 100px 0px;
    }
    .technological-top .small-title {
        margin-top: 7px;
    }
    .clinical-validation-left {
        width: 100%;
        padding-left: 15px;
    }
    .clinical-validation-right {
        width: 100%;
        margin-top: 20px;
    }
    .clinical-validation .bottom.text-mobile p{
        margin-bottom: 25px;
    }
    .clinical-validation .bottom p:last-child{
        margin-bottom: 0px;
    }
    .graph-image {
        padding: 0px;
    }
    .full-width-image-wrap {
        height: 350px;
    }
    /*----- Platform End -----*/

    .error-content h1 {
        font-size: 60px;
    }
    .title-text .title {
        margin-bottom: 70px;
    }
    .title-text{
        margin-bottom: 80px;
    }
}
/*Mobile Device*/
@media only screen and (max-width:767px) {
    .copyright-text , .footer-text-desc  {
        width: 100%;
    }
    .footer-menu.footer-menu-2 {
        margin-bottom: 15px !important;
    }
    /*------ Common Style Start -------*/
    h1,.h1{font-size: 45px;letter-spacing: -0.495px;margin: 0 0 20px;}
    h2,.h2{font-size: 45px;letter-spacing: -0.495px;margin: 0 0 20px; }
    .site-main ul li:before{
        top: 6px;
        width: 10px;
        height: 10px;
    }
    body,p{
        font-size: 14px;
        letter-spacing: 0;
        line-height: 140%;
    }

    a + a {
        margin-left: 0px !important;
        margin-top: 25px;
    }
    p > a + a{
        margin-top: 0px;
    }


    a.btn{
        font-size: 16px;
    }
    .site-content ol li, .site-content ul li{
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .button-wrap{
        flex-direction: column;
    }
    .p-16{
        font-size: 14px;
        line-height: 22px;
    }
    .p-14 {
        font-size: 13px;
        line-height: 20px;
    }
    .mb-80 {
        margin-bottom: 65px;
    }
    .button-wrap a + a{
        margin-top: 16px;
    }
    .mobile-img{
        display: block;
    }
    .desktop-img{
        display: none;
    }
    
    .error-content h1 {
        font-size: 50px;
    }
    .error-404{
        padding: 250px 0px 200px 0px;
    }
    /*------ Common Style Emd -------*/

    /*---- Header Start ------*/
    .site-branding img {
        width: 53px;
    }
    /*---- Header End ------*/

    /*------ Footer Start -----------*/
    .footer-top{
        flex-direction: column;
    }
    .footer-logo img{
        width: 100%;
    }
    .footer-logo {
        width: 100%;
        margin-bottom: 85px;
    }
    footer {
        padding: 68px 0px 45px 0px;
    }
    .footer-menu ul li:not(:last-child) {
        margin-bottom: 15px;
    }
    .footer-menu ul{
        flex-direction: column;
    }
    .copyright-bar {
        flex-direction: column-reverse;
    }
    .copyright-bar .footer-menu ul li:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 34px;
    }
    .footer-menu-wrap{
        flex-direction: column;
        width: 100%;
    }
    .footer-menu{
        width: 100%;
    }
    .footer-menu:not(:last-child){
        margin-bottom: 55px;
    }
    /*------ Footer End -----------*/

    /*------ Home Start -----------*/
    .hero-banner {
        padding-top: 180px;
    }
    .platform-video-right{
        height: 100%;
        width: 100%;
        margin-bottom: 47px;
        margin-top: -30px;
    }
    .platform-video-right video{
        height: 470px;
    }
    .platform-video-left{
        width: 100%;
    }
    .platform-video-left {
        padding: 44px 25px 15px 25px;
    }
    .platform-video-left .bottom{
        display: none;
    }
    .platform-video-right .bottom{
        display: block;
        padding: 0px 25px;
    }
    .platform-video .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .platform-video-left .small-title{
        margin-bottom: 25px;
    }
    .platform-drug-improve .title{
        margin-bottom: 70px;
    }
    .platform-drug-col {
        width: 100%;
    }
    .platform-drug-improve {
        padding: 64px 0px 34px 0px;
    }
    .platform-drug-improve .title {
        margin-bottom: 34px;
    }
    .technology-box-content {
        width: 100%;
    }
    .technology-item-wrap .technology-item p{
        font-size: 12px;
        line-height: 140%;
        width: 50%;
    }
    .technology-top {
        margin-bottom: 233px;
    }
    .technology-item h3{
        width: 50%;
    }
    .partner-cta-content .top .small-title {
        margin-bottom: 25px;
    }
    .partner-cta-content .top h2{
        font-size: 38px;
        margin-bottom: 0px;
    }

    .partner-cta-content .bottom{
        width: 100%;
    }
    .banner-img{
        margin-top: 60px;
    }
    .partner-cta{
        padding: 44px 0px;
    }
    /*------ Home end -----------*/

    /*------ Contact Start -----------*/
    .contact-title {
        margin-bottom: 100px;
    }

    .contact-detail-item .head-title {
        margin-bottom: 15px;
    }
    .contact-detail-item .link{
        font-size: 14px;
        line-height: 20px;
    }
    .contact {
        padding: 180px 0px 60px 0px;
    }
    .contact-detail-item p{
        font-size: 16px;
        line-height: 24px;
    }
    /*------ Contact End -----------*/

    /*----- Platform Start -----*/
    .two-column-header-text{
        padding-top: 157px;
    }
    .technological-breakthrough {
        padding: 70px 0px;
    }
    .technological-breakthrough .title {
        margin-bottom: 131px;
    }
    .technological-img {
        height: 240px;
    }
    .technological-col {
        width: 100%;
        margin-bottom: 40px;
    }
    .technological-breakthrough .row {
        margin-bottom: -40px;
    }
    .clinical-validation{
        padding: 35px 0px;
    }
    .technological-top{
        padding: 0px 23px;
        margin-bottom: 30px;
    }
    .technological-item{
        padding: 23px 0px 0px 0px;
    }
    .technological-item .small-title{
        font-size: 16px;

    }
    .technological-top p{
        margin-bottom: 0px;
    }
    .clinical-validation-left .bottom{
        display: none;
    }
    .clinical-validation .bottom.text-mobile {
        display: block;
    }
    .clinical-validation-left h2{
        font-size: 64px;
    }
    .full-width-image-wrap {
        height: 195px;
    }
    .graph-image{
        margin-bottom: 40px;
    }
    /*----- Platform End -----*/

    /*------- News Start -------*/
    .news-banner{
        padding-top: 140px;
    }
    .news-banner .title p{
        font-size: 18px;
    }
    .news-list-wrapper {
        padding: 58px 0px 36px 0px;
    }
    .news-filter ul li a{
        font-size: 16px;
    }
    .news-filter{
        flex-direction: column;
    }
    .news-filter .small-title {
        margin-bottom: 20px;
        margin-right: 0px;
    }
    .news-list-item{
        flex-direction: column;
    }
    .news-list-item .content h3 {
        max-width: 100%;
    }  
    .news-list-item .content {
        width: 100%;
    }  
    .news-list-item .date {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 43px;
    }
    .news-list-item a.btn{
        margin-top: 25px !important;
        width: max-content;
    }
    /* .pagination-numbers{
        padding: 0px 10px;
        width: 100%;
        margin: 0px;
        justify-content: center;
    } */
    /* .pagination-wrapper{
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        gap: 10px;

    } */
    .pagination-wrapper{
        margin-top: 50px;
    }
    .pagination-numbers a + a{
        margin-top:0px !important;
    }
    .pagination-next a, .pagination-prev a
    {
        font-size: 16px;
    }
    /*----- News End -----*/

    /*----- News Single Start -----*/
    .single-news {
        padding-top: 140px;
        padding-bottom: 50px;
    }
    .single-news-content{
        flex-direction: column;
    }
    .single-news-content .content {
        width: 100%;
    }
    .single-news-content-left {
        width: 100%;
        padding-right: 0px;
        margin-bottom: 35px;
    }
    .single-news-content .text,.title-text {
        margin-bottom: 60px;
    }
    .post-contact .post-contact-item:not(:last-child) {
        margin-bottom: 50px;
    }
    .text-list{
        padding-bottom: 60px;
        margin-bottom: 65px;
    }
    .post-contact-item p{
        font-size: 14px;
        line-height: 20px;
    }
    .single-news .news-title{
        padding: 33px 0px 19px 0px;
    }
    .single-news-content {
        margin-top: 20px;
    }

    .text-list ul {
        margin-top: 35px;
    }
    .post-contact-item h4 {
        margin-bottom: 30px;
    }
    .copyright-text p{
        max-width: 200px;
    }
    /*----- News Single End -----*/
.form-contact-row p label {
    flex-direction: column;
}
span.wpcf7-list-item label {
    flex-direction: row;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4{
    font-size: 22px;
}

}

@media only screen and (max-width:575px) {
    a{
        width: 100%;
        justify-content: center;
        max-width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:375px) {
    h1,.h1{font-size: 40px;}
    h2,.h2{font-size: 40px;}

}

@media only screen and (max-width:320px) {
    .pagination-numbers{
        margin: 0px 15px;
        padding: 0px 5px;
    }
    .pagination-next a, .pagination-prev a {
        font-size: 14px;
    }
}