/* Code by Sneha */

/* Technology and Project pages responsive css */

@media (min-width: 320px) and (max-width: 1200px) {
    .biotech-outer-grid #technology-search-form .custom-search-group {
        flex-direction: column;
        gap: 8px;
    }

    .biotech-outer-grid.tech-proj-listing-page #technology-search-form input,
    .techgroup-dropdown,
    .projgroup-dropdown,
    .technology-grid.technology-grid-original .card-inner .card-content,
    body .biotech-outer-grid.tos-proj-listing-page .project-search-form input,
    .biotech-outer-grid #technology-search-form input,
    body .knowupload-share-url-field,
    .tos-grants-listing-container #grant-search-autocomplete {
        width: 100% !important;
    }

    .start-new-tech-btn {
        display: inline-block;
        font-size: 16px;
        text-align: center;
    }

    .technology-grid.technology-grid-original .card-inner {
        flex-direction: column;
    }

    .technology-grid.technology-grid-original .card-inner .card-image {
        width: 100%;
        margin-top: 15px;
    }

    .technology-grid.technology-grid-original .card-inner .card-content .technology-details h5 {
        margin-bottom: 6px;
        font-size: 16px;
    }

    /* listing page */
    .technology-detail-page .technology-detail-tabs.tab-header {
        overflow-y: scroll;
        margin-top: 20px;
    }

    .tech-public-private {
        align-items: center;
    }

    .tech-public-private-badge,
    .proj-public-private-badge {
        display: inline-flex;
        align-items: center;
    }



    /*project lsiting page */
    .intechnology-project-tab .custom-search-group,
    .tos-grants-listing-container .grants-page-header>div {
        flex-direction: column;
    }

    .intechnology-project-tab input#project-search {
        width: 100% !important;
    }

    .intechnology-project-tab a.techpage-start-newproj {
        text-align: center;
        font-size: 16px;
    }

    .technology-detail-contents .teams-add-member-table {
        overflow: hidden;
        overflow-x: scroll;
    }

    .technology-detail-page .technology-detail-contents .wpfl-1 .head-title {
        width: 70%;
    }

    .technology-detail-page .technology-detail-contents .wpfl-1 .head-stat-posts {
        width: 15%;
    }

    .technology-detail-page .tos-grants-listing-container a.techpage-start-newfunding {
        width: 100%;
        text-align: center;
        font-size: 16px;
    }

    /* manage page */

    .gform-theme--foundation .gform_fields {
        row-gap: 10px !important;
    }

    /*body .gform_fields .form-control.tech-multiselect-field .chosen-container.chosen-container-multi {*/
    /*    padding: 0;*/
    /*}*/

    .create-technology-form #gform_submit_button_7.gform-button {
    /*.create-technology-form #gform_submit_button_12 */
        padding: 0;
    }

    .technology-detail-page .tos-grants-listing-container #grant-search {
        width: 100%;
    }

    .tos-grants-listing-container .grants-page-header {
        padding: 10px;
    }

    .tos-grants-listing-container .grants-container {
        display: block !important;
    }

    .tos-grants-listing-container .grant-card {
        padding: 10px !important;
    }

    .tos-grants-listing-container .sponsor-info {
        gap: 5px !important;
        display: inline-block !important;
    }

    .expired-label {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .tos-grants-listing-container .grant-header {
        position: relative;
    }

    /*.select2-container .select2-selection--multiple .select2-selection__rendered {*/
    /*    top: 0;*/
    /*}*/

    .custom-button-group button,
    .cancel-project-btn {
        width: 100% !important;
    }

    /* Research Tools pages responsive CSS */

    .free-research-tool-assets-page .exchange-section {
        flex-direction: column-reverse !important;
    }

    .free-research-tool-assets-page .img-section-exchange {
        width: 100%;
        margin-bottom: 10px;
    }

    .free-research-tool-assets-page .inner-exchange-sec {
        width: 100%;
        padding: 0;

    }

    .free-research-tool-assets-page #asset-category-filter,
    input#gform_submit_button_14,
    input#gform_submit_button_17,
    input#gform_submit_button_21 {
        width: 100%;
        padding: 0;
    }

    /* .free-research-tool-assets-page .tab-link i {
        font-size: 18px;
    } */
    .free-assets-tool-table {
        overflow-x: scroll;
        padding: 0;
    }

    .free-assets-tool-table .asset-table {
        margin-top: 0;
    }

    /* .free-research-tool-assets-page .tab-link {
        padding: 4px;
        font-size: 14px;
    } */
    /* .technology-detail-page .technology-detail-contents {
        padding: 5px;
    } */

    .individual-asset-details ul {
        width: 100%;
        display: flex;
        flex-direction: column;
    }


    .asset-btn-wrapper {
        /* flex-direction: column-reverse; */
        display: flex;
        width: 100%;
        text-align: center;
        gap: 5px;
        align-items: center;
        white-space: nowrap;
    }

    /*.mobile-icon {*/
    /*    display: none;*/
    /*}*/

    .asset-table th:nth-child(4) {
        min-width: 110px !important;

    }

    /* .ast-page-builder-template .site-content>.ast-container {
        padding-left: 20px;
        padding-right: 20px;
    } */
    

    /* Job listing pages responsive CSS */


    .tos-job-listing-page .job-listing-details .job-title {
        flex-direction: column;
        align-items: start;
    }

    .tos-job-listing-page .job-listing-details .job-location-date {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .technology-grid.technology-grid-original .card-inner .card-content p {
        white-space: normal;
        word-break: break-all;
    }

    .start-new-tech-btn,
    .job-confirmation-popup {
        width: 100% !important;
    }

    .technology-detail-page .tech-summary-content {
        padding: 0;
    }

    .individual-job-detail-page .job-application-tab-content {
        padding: 10px;
        overflow: scroll;
    }

    .individual-job-detail-page .job-applications-wrapper .job-application-table th {
        min-width: 200px;
    }

    .tos-job-listing-page .job-listing-details .job-title h5,
    .biotech-outer-grid.tos-job-listing-page #technology-search-form select#job-sorting-filter,
    .biotech-outer-grid.tos-manuscript-listing-page #technology-search-form select#manuscript-sorting-filter {
        width: 100%;
    }

    /* Knowledge uploads pages responsive CSS */

    .doi-nomination-wrapper {
        display: flex;
        flex-direction: column;

    }

    .doi-nomination-wrapper .peer-review-btn {
        margin-top: 10px;
        text-align: center;
    }

    .tech-summary-tab-content.preprint-summary-tab-content {
        display: block;
    }

    #nominate-modal {
        max-width: 100%;
    }

    .tos-loginform form#otp-login-form {
        min-width: 200px;
        padding: 15px 20px;

    }

    .term-service-class.tos-readmore-readless {
        margin: 0;
    }


    /* Communication page responsive CSS  */

    .mobile-communication-btn {
        display: flex;
        align-items: center;
        white-space: nowrap;
    }

    .pm-wrapper-horizontal,
    .global-search-page.search-wrapper {
        margin: 30px 0;
        padding: 10px;
    }

    .view-profile-details .info-list {
        grid-template-columns: auto;

    }

    .customize-your-menu,
    .section-title-uploadbtn,
    .know-your-rewards {
        display: flex;
        flex-direction: column;
    }

    /* .profile-info .profile-meta .tab-link {
        width: 40%;
    } */

    .body .gform_fields .form-control input[type="checkbox"] {
        margin-bottom: 10px;
    }

    .mobile-doi-nominate-table {
        overflow-x: scroll;
    }

    /* Grants pages responsive CSS */

    .tos-grants-listing-container .create-grant-btn {
        width: 100%;
        justify-content: center;
    }

    .tos-grants-listing-container .grant-title {
        max-width: 300px;
    }
    .pm-table.communication-pm-table{
        table-layout: auto;
    }
    .mobile-pm-table-wrapper{
        overflow-x: scroll;
    }
    .userprofile-myforums-list .forum-item{
        flex-direction: column;
        align-items: start;
    }
    .userprofile-myforums-list .forum-stats{
        gap: 0;
    }
    .userprofile-myforums-list .view-button{
        margin-left: 0;
    }
    .manage-asset-btn .update-asset-btn {
        white-space: nowrap;
    }
    
    /* wallet */
    .create-add-existing-wallet-btn {
        font-size: 14px;
        padding: 10px;
    }
 
    #sciencecoins_close {
        font-size: 30px;
        position: relative;
        bottom: 20px;
        height: 27px;
    }
 
    #sciencecoins_results {
        overflow-x: scroll;
    }
    
    body #gform_7 #field_7_32 select{
        padding: 8px 16px;
    }
    
    .update-asset-btn {
        padding: 10px 30px !important;
    }
    
    .cancel-project-btn {
        width: max-content !important;
    }
    
    /*.asset-tags-field .select2-container--default .select2-selection--multiple {*/
    /*    height: 45px !important;*/
    /*}*/
    
    .asset-tags-field .select2-container .select2-selection--multiple .select2-selection__rendered {
        display: flex;
        flex-wrap: wrap;
        top: 3px;
    }
    
    .checkbox-editprofile .ginput_container_checkbox{
        margin-top: 0;
    }
    
    .ast-mobile-header-wrap .site-header-section>*{
        padding: 0 5px;
 
    }
    
    .sc-mobile-icon-img > a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }

    .sc-mobile-icon-img > a::after {
        content: "";
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url('/wp-content/uploads/2025/06/science_coin.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 15px;
        margin-left: 5px;
    }

    .contact-form-page.form-control .gfield {
        margin-bottom: 0;
    }

}

/* media quiries for landscape button alignment css */

@media (min-width: 600px) and (max-width: 1200px) {

    #add-member-modal .custom-button-group .gf_external_invite_button,
    .create-technology-form #field_7_14 .custom-button-group .gf_cancel_button {
        width: 30% !important;
        white-space: nowrap;
    }

    .input#gform_submit_button_21 {
        padding: 0;
    }

    .create-technology-form #gform_submit_button_7 {
        min-width: 200px !important;
    }
    .cancel-btn-technology {
        width: 18% !important;
    }
    .wallet-modal-content {
        width: 100%;
    }
    input#gform_submit_button_14 {
    /*#gform_submit_button_12*/
        width: auto;
        padding: 0 20px !important;
    }

    .view-profile-details .profile-meta {
        gap: 0.5rem;
    }
    .view-profile-details .profile-info{
        gap: 1rem;
        align-items: center;
    }
    .view-profile-details .profile-name{
        font-size: 2rem;
    }
}

@media (min-width : 700px) and (max-width : 800px){
     #gform_submit_button_12,
     input#gform_submit_button_21 {
        padding: 0 !important;
    }
    body .manage-project-btn #gform_submit_button_12,
    body .create-technology-form .manage-technology-btn #gform_submit_button_7
    {
        width: max-content !important;
        padding: 10px 30px !important;
    }
}

@media (min-width : 800px) and (max-width : 850px) and (orientation: landscape){
    #gform_submit_button_12{
        padding: 10px 20px !important;
    }

}

@media (min-width: 320px) and (max-width: 1200px) {
    .ast-logo-title-inline .site-logo-img {
        padding-right: 0px;
    }
    .header-icons-container {
        gap: 10px;
    }
    .ast-builder-grid-row {
        overflow-wrap: normal;
        grid-column-gap: 0px;
    }
    .upgrade-shimmer-button,
    .premium-member-badge-btn {
        gap: 5px;
        font-size: 12px;
        padding: 1px 10px
    }
    .sign-in-btn,
    .ast-header-button-1 .ast-builder-button-wrap .ast-custom-button {
        padding: 0px 20px !important;
        color: #2f3b40 !important;
        
    }
    .ast-mobile-header-content .site-header-focus-item p a.sign-in-btn {
        color: #2f3b40 !important;
        box-shadow: none;
        font-weight: 400;
        margin-left: 3px;
    }
    .ans-count {
        top: -5px !important;
        line-height: 19px;
    }
}

@media (min-width: 320px) and (max-width: 1200px) and (orientation: portrait) {
    input#gform_submit_button_14{
        width: 100%;
    }
    .individual-asset-details ul li,
    #gform_fields_14 #field_submit,
    #gform_wrapper_17 #field_submit {
        display: block;
    }
    .wallet-modal-content {
        width: 90%;
    }
 
    .assets-info-tooltip-text {
        font-size: 10px;
        top: -33px;
        transform: translateX(-90%);
    }
 
    .assets-info-tooltip-text::before {
        right: 19px;
        top: 20px;
        border-width: 8px;
    }
    
    .knowuploads-comments-listing .custom-comment{
        flex-direction: column;
        align-items: start;
    }
    
    body.projtech-manage-tab-form #gform_fields_12 #field_submit .manage-project-btn,
    body .manage-technology-btn {
        flex-direction: column !important;
    }
    
    .ast-scroll-top-icon .icon-arrow {
        top: 10px;
        left: 8px;
    }
    
    .cancel-project-btn,
    .update-project-btn,
    .cancel-technology-btn {
        width: 100% !important;
    }
    
    .edit-profile-change-pwd-title {
        flex-direction: column;
    }
    
    .label-inline-asterisk .gform-field-label{
        display: inline-block !important;
    }
    
    .add-add-member-popup .ui-menu {
        width: auto !important;   
        max-width: 75%;   
        box-sizing: border-box;
        overflow-x: hidden;
    }
     
    .add-add-member-popup .ui-menu .ui-menu-item-wrapper{
        white-space: normal; 
        word-break: break-word;
    }

    .profile-info .profile-meta .tab-link {
        width: 40%;
    }
}