@media only screen and (max-width: 2300px) {
    .team-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (min-width: 1930px) {
    .hp_banner_container {

        max-height: 690px;
    }

    .animated_hp_banner {

        max-height: 690px;
    }

}

@media only screen and (max-width: 1900px) {
    .team-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1675px) {
    .hp_partners_logos {
        height: 30px;
    }



    .hp_partners_logos_container {
        
        padding: 40px 0px 40px 0px;
    }
}


@media only screen and (max-width: 1560px) {
    .hp_partners_logos {
        height: 25px;
    }

    
}

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

    .hp_partners_logos {
        padding: 10px 20px 10px 20px;
    }

    .hp_partners_logos_product {
        padding: 10px 20px 10px 20px;
    }

    .hp_banner_middle_message {
       
        padding: 5px 20px 5px 20px;
        margin: 0px 0px 0px;
        font-size: 20px;
    }
}


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

    .hp_banner_pi_btn {
       
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px 0px;     
        left: 5%;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
        font-size: 20px;
    }

    .hp_banner_ci_btn {
        
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px;    
        right: 5%;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);      
        font-size: 20px;
    }


    .feedback_pos {
        width:300px;
        background-size:contain;
    }

    .feedback_claims {
        width: 300px;
        background-size: contain;
    }

    .feedback_neg {
        width: 300px;
        background-size: contain;
    }
    }





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

        .nav_more {
            visibility: visible;
            display: inline;
        }

        #nav7, #main_nav_nav7 {
            display: none;
            visibility: hidden;
        }

        #nav7_mob, #main_nav_nav7_mob {
            display: block !important;
        }

        .renew_spacer {
            display: none;
            visibility: hidden;
        }

        .nav_more_img {
            padding: 0px 0px 0px 0px;
            height: 25px;
        }

        .resource_menu {
            right: 220px;
        }

        .meet_menu {
            right: 350px;
        }

        .com_menu {
            right: 550px;
        }

        .pl_menu {
            right: 855px;
        }
    }

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

    .six_box {
        margin: 0px auto 30px auto;
        width: 25%;
    }

    .feedback_pos {
        width: 250px;
        background-size: contain;
    }

    .feedback_claims {
        width: 250px;
        background-size: contain;
    }

    .feedback_neg {
        width: 250px;
        background-size: contain;
    }
}

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

    .hp_banner_pi_btn {
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px 0px;
        left: 2%;
        -webkit-transform: translateX(-2%);
        transform: translateX(-2%);
        font-size: 16px;
    }

    .hp_banner_ci_btn {
        padding: 5px 10px 5px 10px;
        margin: 0px 0px 0px;
        right: 2%;
        -webkit-transform: translateX(2%);
        transform: translateX(2%);
        font-size: 16px;
    }
}

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



    #nav6, #main_nav_nav6 {
        display: none;
        visibility: hidden;
    }

    #nav6_mob, #main_nav_nav6_mob {
        display: block !important;
    }

    .resource_menu {
        right: 120px;
    }

    .meet_menu {
        right: 250px;
    }

    .com_menu {
        right: 440px;
    }

    .pl_menu {
        right: 755px;
    }

}

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


        .footer_copyright a {
            text-align: left;
            float: unset;
            padding: 0px 20px 5px 0px;
        }

        .footer_copyright p {
           
            margin: 0px;
            padding: 0px 0px 10px 0px;
            display: block;
            vertical-align: top;
        }
    }


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



    #nav5, #main_nav_nav5 {
        display: none;
        visibility: hidden;
    }

    #nav5_mob, #main_nav_nav5_mob {
        display: block !important;
    }

    .resource_menu {
        right: 20px;
    }

    .meet_menu {
        right: 160px;
    }

    .com_menu {
        right: 360px;
    }

    .pl_menu {
        right: 660px;
    }
}



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

        .main_ornella_logo {
            position: relative;
            float: unset;
            display:inline-block;
            text-align: center;
            margin: 0px auto 0px auto;
            width:308px;
        }


        .banner_tel {
            position: relative;
            display: block;
            right: unset;
            text-align: center;
            margin: 0px auto 0px auto;
            padding: 20px 0px 0px 0px;
        }

        .banner_dln {
            position: relative;
            display: block;
            right: unset;
            text-align: center;
            margin: 0px auto 0px auto;
            padding: 50px 0px 0px 0px;
            top:unset;
        }

        .product_left {
            
            width: 50%;
            
        }

        .product_right {
            
            width: 50%;
            
        }

        .feedback_pos {
            position: relative;
            padding: 0px;
            margin: 0px auto 30px auto;
            width: 352px;
            height: 170px;
            display: block;
            float: none;
        }

        .feedback_claims {
            position: relative;
            padding: 0px;
            margin: 0px auto 30px auto;
            width: 352px;
            height: 170px;
            display: block;
            float: none;
        }

        .feedback_neg {
            position: relative;
            padding: 0px;
            margin: 0px auto 0px auto;
            width: 352px;
            height: 170px;
            display: block;
            float: none;
        }

        .two_side_by_side {
            position: relative;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 30px 0px;
            width: 100%;
            height: auto;
            min-height: 100px;
            display:block;
            float:none;
        }

        
    }

@media only screen and (max-width: 800px) {
    .three_box h3 {
        font-size: 26px;
    }

    .three_box {
        position: relative;
        padding: 0px 20px 0px 20px;
        margin: 0px 0px 0px 0px;
        width: 100%;
        box-sizing: border-box;
        display: block;
        vertical-align: top;
    }

    .why_divide {
        padding: 0px 0px 0px 0px;
        margin: 30px 0px 30px 0px;
        width: 100%;
        max-width: unset;
        display: inline-block;
        min-height: 1px;
        min-height: unset;
        max-height: 1px;
    }

    .hp_banner_middle_message {
        position:relative;
        padding: 10px 20px 10px 20px;
        margin: 0px 0px 0px;
        box-sizing: border-box;
        display: block;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 0px;
        color: #155041;
        background-color: rgba(255, 255, 255, 0.9);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        text-align: center;
        font-size: 26px;
        font-family: joaneregular, sans-serif !important;
    }

    .hp_banner_pi_btn {
        position:relative;
        padding: 5px 0px 5px 0px;
        margin: 10px 0px 0px 0px;
        left: unset;
        -webkit-transform: unset;
        transform: unset;
        font-size: 16px;
        bottom: unset;
        background-color: #e8eeec;
        color: #135041;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        z-index: 99;
    }

    .hp_banner_ci_btn {
        position: relative;
        padding: 5px 0px 5px 0px;
        margin: 10px 0px 0px 0px;
        right: unset;
        -webkit-transform: unset;
        transform: unset;
        font-size: 16px;
        bottom: unset;
        background-color: #e8eeec;
        color: #135041;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        z-index: 99;
    }

}

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



        #nav4, #main_nav_nav4 {
            display: none;
            visibility: hidden;
        }

        #nav4_mob, #main_nav_nav4_mob {
            display: block !important;
        }

        .meet_menu {
            right: 30px;
        }

        .com_menu {
            right: 230px;
        }

        .pl_menu {
            right: 530px;
        }
    }

/* Responsive stack for small screens */
@media (max-width: 850px) {
    .text-box {
        position: static;
        max-width: 100%;
        margin-top: 20px;
        padding: 20px;
    }

    .commercial-wrapper {
        padding: 20px 10px;
    }

    .call_me_pnl_container {
        position: relative;
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 0px 0px;
        width: 100%;
        display: block;
        float: none;
    }

    .our_insurers_container {
        position: relative;
        padding: 0px 20px 0px 20px;
        margin: 30px 0px 0px 0px;
        width: 100%;
        max-width: 100%;
        display: block;
        vertical-align: top;
        box-sizing: border-box;
    }


    .left_product_menu_container {
        padding: 0px 20px 20px 20px;
        margin: 0px 0px 30px 0px;
        width: 100%;
        min-width: unset;
        display: flex;
        flex-direction: column;
        align-items: flex-start; /* aligns links to the left */
    }

    .right_product_content_container {
        position: relative;
        padding: 50px 20px 50px 20px;
        margin: 0;
        width: 100%;
        height: auto;
        min-height: 100px;
        box-sizing: border-box;
        display: block;
    }

    .flex {
        display: flex;
        flex-wrap: wrap;
    }

    .left_product_menu_container {
        order: 2;
    }

    .right_product_content_container {
        order: 1;
    }

    

    .team-intro {
        position: relative;
        width: 100%;
        aspect-ratio:unset;
        height:unset;
        padding-bottom:30px;
    }

    .middle_product_content_container p {
        margin: 0 20px 14px 20px;
        box-sizing:border-box;
    }
}

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

    .four_col {
        margin: 0px auto 30px auto;
        padding: 0px 0px 0px 20px;
        width: 100%;
    }

    .box-container {
        flex-direction: column-reverse;
        max-height: unset;
    }

    .box {
        width: 100%;
    }
}

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


    .blog_imgs {
        float:none;
        width: 100%;
        max-width: 350px;
        margin: 30px auto 30px auto;
    }
}

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



        #nav3, #main_nav_nav3 {
            display: none;
            visibility: hidden;
        }

        #nav3_mob, #main_nav_nav3_mob {
            display: block !important;
        }

        .com_menu {
            right: 100px;
        }

        .pl_menu {
            right: 445px;
        }
    }

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

        .six_box {
            margin: 0px auto 30px auto;
            width: 48%;
            float: left;
        }

        .product_left {
            width: 100%;
        }

        .product_right {
            width: 100%;
        }
    }

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



        #nav2, #main_nav_nav2 {
            display: none;
            visibility: hidden;
        }

        #nav2_mob, #main_nav_nav2_mob {
            display: block !important;
        }

        #nav1, #main_nav_nav1 {
            display: none;
            visibility: hidden;
        }

        #nav1_mob, #main_nav_nav1_mob {
            display: block !important;
        }
    }


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

        .new_nav_links {
            position: relative;
            margin: 30px 25px 0px 20px;
            padding: 0px 0px 10px 0px;
            display: inline-block;
            font-weight: bold;
        }

        .Menu-Content {
            width: 100% !important;
            text-align: right;
            right: 0px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .subMenu-Content a {
            padding: 8px 15px;
            text-align: right;
        }

        .white_pnl_inner_container h1 {

            font-size: 40px;

        }

        .call_me_pnl_inner_container h2 {
            font-size: 26px;
        }

        .call_me_pnl_inner_container h3 {
            font-size: 20px;
        }

        .white_pnl_inner_container h2 {
            font-size: 30px;
            padding: 30px 0px 10px 0px;
        }

        .white_pnl_inner_container p {
            margin: 0px;
            padding: 0px 0px 20px 0px;
            
        }

        .four_col {
            margin: 0px auto 30px auto;
            padding: 0px 0px 0px 20px;
            width: 100%;
           
        }

        .hp_partners_logos_container {
            padding: 30px 0px 30px 0px;
        }

        .hp_partners_logos_container_product {
            padding: 30px 0px 30px 0px;
        }

        .hp_banner_middle_message {
            padding: 5px 10px 5px 10px;
            margin: 0px 0px 0px;
            font-size: 16px;
        }

        .doc_lib_btn {
            
            font-size: 14px;
            
        }

        .doc_lib_box h2 {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            font-size: 28px;
            
        }

        .doc_lib_box h3 {
           
            font-size: 20px;
            
        }

        .doc_lib_box p a {
            margin: 0px 0px 0px 20px;           
            font-size: 14px;
        }

        .product_left h2 {
           
            padding: 5px 10px 5px 10px;
            font-size: 18px;
        }

        .product_left h3 {
           
            padding: 5px 10px 5px 10px;
            font-size: 16px;
            font-weight: bold;
            text-align: left;
        }

        .mtt_right_side h2 {
            font-size: 20px;
            padding: 0px 0px 5px 0px;
        }

        .mtt_right_side h3 {
            font-size: 16px;
            padding: 0px 0px 0px 0px;
        }

        .cookiepolicy_table {
            
            margin: 0px 0px 30px 0px;
            
        }

        .partners_icons_img {
            display: block;
            float: none;
            margin:0px auto 20px auto;
        }

        .partners_modal {
            display: block;
            margin-bottom: 50px;
            margin:0px auto 0px auto 0px;
            text-align:center;
        }

        .white_pnl_inner_container p a {
            white-space: pre-wrap; /* CSS3 */
            white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
            white-space: -pre-wrap; /* Opera 4-6 */
            white-space: -o-pre-wrap; /* Opera 7 */
            word-wrap: break-word; /* Internet Explorer 5.5+ */
        }

        .claims_service_img {
           
            margin: 20px 20px 30px 0px;
            max-width: 100px;

           
        }

        .feedback_pos {
            position: relative;
            padding: 0px;
            margin: 0px auto 30px auto;
            width: 352px;
            height: 170px;
            display: block;
            float: none;
        }

        .feedback_neg {
            position: relative;
            padding: 0px;
            margin: 0px auto 0px auto;
            width: 352px;
            height: 170px;
            display: block;
            float: none;
        }

        .www_question {
            margin: 80px 0px 20px 0px;
        }

        .group th {
            background: #333;
            color: white;
            font-weight: normal;
            font-size: 14px;
            table-layout: fixed;
            white-space: pre-wrap; /* CSS3 */
            white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
            white-space: -pre-wrap; /* Opera 4-6 */
            white-space: -o-pre-wrap; /* Opera 7 */
            word-wrap: break-word; /* Internet Explorer 5.5+ */
        }

        .group td, th {
            table-layout: fixed;
            white-space: pre-wrap; /* CSS3 */
            white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
            white-space: -pre-wrap; /* Opera 4-6 */
            white-space: -o-pre-wrap; /* Opera 7 */
            word-wrap: break-word; /* Internet Explorer 5.5+ */
        }

            .group td, th a {
               
                padding: 0px 5px 0px 5px;
                margin:0px;

            }

        .liberty_logo {
            height:50px;
        }

        .fleet_icons_img {
            position: relative;
            padding: 0px 0px 0px 0px;
            margin: 50px 20px 30px auto;
            display: inline-block;
            width: 100%;
            max-width: 100px;
            top: unset;
            left: unset;
            right:-20px;
        }

        .mapfire_logo {
            height:30px;
        }

        .mtt_left_side {
            position: relative;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 20px 0px;
            width: 100%;
            height: auto;
            min-height: 100px;
            display: inline-block;
            float: left;
            text-align: left;
            box-sizing: border-box;
        }

        .mtt_right_side {
            position: relative;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 20px 0px;
            width: 100%;
            height: auto;
            min-height: 100px;
            display: inline-block;
            float: left;
            text-align: left;
            box-sizing: border-box;
        }

        .hideme {
            display:none;
        }

        .banner_dln {
            padding: 50px 0px 0px 0px;
            margin: 0px 30px -30px 0px;
            z-index: 99999999;
            display: inline-block;
            font-size: 16px;
        }

        .team-member {
            position: relative;
            width: 100%;
            aspect-ratio: 1 / 1;
            overflow: hidden;
            cursor: pointer;
        }

        .team-member {
            
            max-width:unset;
        }
        
    }

/* Responsive: stack intro above grid on smaller screens */
@media (max-width: 900px) {
    .team-container {
        grid-template-columns: 1fr;
    }

    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 520px) {
    .team-grid {
        grid-template-columns: 1fr;
    }
}