@media (min-width: 768px) and (max-width: 1024px) {
    header{
        display: block;
    }
    section{
        padding: 30px 0;
    }
    .header-inner{
        display: none;
    }
    .header-intro{
        height: unset;
        padding: 25px;
    }
    .section{
        padding: 30px 20px;
    }
    .insurance-companies .side-by-side,
    .life-insurance-content,
    .insurance-agents .side-by-side,
    .application .side-by-side,
    .customized .tab-content-data .tabs-container,
    .agency-management-software-flex,
    .section-heading-intro{
        flex-direction: column;
        gap: 30px;
        margin-top: 0;
    }
    .intro-section{
        justify-content: flex-start;
        height: unset;
        width: 100%;
        padding: 0;
    }
    .intro-title {
        font-size: 40px;
        line-height: 50px;
    }
    .section-title{
        font-size: 35px;
        line-height: 45px;
    }
    .section-content {
        font-size: 16px;
        line-height: 24px;
    }
    .top-insurance-policy .section-content,
    .agents-video-section,
    .specialized-solution,
    .insurancelists,
    .solution-title,
    .who-use-item img,
    .choose-insurebook .section-content,
    .who-uses .section-content,
    .form-section{
        width: 100%;
    }
    ul.grid-3,
    .client-management-list,
    .who-use-lists{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        width: 100%;
    }
    .solution-lists{
        grid-template-columns: repeat(3, 1fr);
        gap: 30px 20px;
    }
    .what-solutions-list{
        padding: 40px 0;
    }
    .solution-item img{
        width: 60px;
        height: 60px;
    }
    .insurance-agents-content{
        flex-direction: column;
        gap: 0;
        font-size: 15px;
    }
    .software-item{
        width: 500px;
    }
    .dashboard-works .section-intro,
    .slider-control-section{
        flex: 1;
    }
    ul.grid-5{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .insurance-policies-type,
    .section-header-intro,
    .light-blue-bg{
        margin: 0 auto;
        padding: 30px 20px;
    }
    .insurance-agents .side-by-side .agents-intro{
        width: 100%;
        gap: 10px;
    }
    .insurance-companies .side-by-side{
        padding: 30px 0 0 0;
    }
    .tab-content-data .tabs-container{
        margin: 20px auto;
        max-width: 100%;
    }
    .top-insurance-policy{
        padding: 20px;
        gap: 20px;
    }
    .top-insurance-policy .section-title{
        font-size: 30px;
        line-height: 40px;
    }
    .list-insurance-software {
        gap: 15px;
        flex-direction: column;
    }
    .insurance-management-software{
        padding: 20px;
        gap: 15px;
    }
    .insurance-crm {
        margin-top: 30px;
        padding: 25px;
        gap: 15px;
    }
    .insurance-crm ul.grid-4{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .choose-insurebook-grid{
        display: grid;
        margin-top: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }    
    .choose-insurebook-grid .choose-insurebook-item{
        padding: 15px 0 !important;
        border: none;
        margin: 0 10px;
        border-top: 1px dashed #c2c6ca !important;

    }
    .choose-insurebook-grid .choose-insurebook-item:nth-child(1),
    .choose-insurebook-grid .choose-insurebook-item:nth-child(2){
        border-top: 0 !important;
    }
    .cloud-based-software{
        padding: 20px;
        gap: 20px;
        margin-bottom: 0;
    }
    .software-feature-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    .customized .tab-content-data .vertical-tab{
        width: 100%;
    }
    .customized .tab-content-data .each-tab{
        padding: 5px 5px 5px 10px;
    }
    .customized .tab-content-data .each-tab .title{
        font-size: 20px;
        line-height: 30px;
    }
    .customized.tabs-container .sub-title{
        margin-top: 5px;
    }
    .faq-lists{
        flex-direction: column;
        gap: 0px;
        margin-top: 30px;
    }
    .faq .faq-list{
        width: 100%;
        margin: 0;
    }
    .faq .faq-header{
        padding: 20px 0;
    }
    .application-list{
        width: 100%;
        margin-top: 20px;
        gap: 10px;
    }    
    .application-list .application-item{
        padding: 15px;
        gap: 20px;
    }
    .pricing-list{
        margin: 30px auto;
        padding: 0 15px;
    }
    .plan-price-box{
        padding: 20px;
        gap: 20px;
    }
    .price-item .plan-price{
        font-size: 35px;
        line-height: 45px;
    }
    .top-features{
        padding: 10px 15px;
    }
    .call-to-action-card {
        padding: 30px;
        gap: 20px;
    }
    .site-overview{
        max-width: 100%;
    }
    .site-overview > img{
        width: 350px;
    }
    .footer-column {
        gap: 30px;
        flex-direction: column;      
    }
    .footer-menu-section{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px 100px;
    }
    .footer-contact-list{
        display: grid;
        margin-top: 30px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .copyright-pollicy-section{
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
        gap: 10px;
    }
    .contact-item{
        gap: 10px;
    }
    .copyright-pollicy-section{
        margin-top: 30px;
    }
    .accordion-heading{
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 10px; 
    }
    .life-insurance-content{
        padding-top: 20px;
    }
}
@media (max-width: 767px) {
    header{
        display: block;
    }
    section{
        padding: 30px 10px !important;
    }
    .header-inner{
        display: none;
    }
    .header-intro{
        height: unset;
        padding: 25px;
    }
    .section{
        padding: 30px 20px;
    }
    .free-trail-btn,
    .watch-demo-btn{
        padding: 10px 15px;
    }
    .accordion-heading{
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 10px; 
    }
    .life-insurance-content{
        padding-top: 20px;
    }
    .insurance-companies .side-by-side,
    .life-insurance-content,
    .application .side-by-side,
    .customized .tab-content-data .tabs-container,
    .agency-management-software-flex,
    .section-heading-intro{
        flex-direction: column;
        gap: 30px;
        margin-top: 0;
    }
    .intro-section{
        justify-content: flex-start;
        height: unset;
        width: 100%;
        padding: 0;
    }
    .intro-title {
        font-size: 40px;
        line-height: 50px;
    }
    .section-title{
        font-size: 25px;
        line-height: 30px;
    }
    .section-content {
        font-size: 16px;
        line-height: 24px;
    }
    .tab-content-wrapper img,
    .agency-management-status img,
    .top-insurance-policy .section-content,
    .agents-video-section,
    .specialized-solution,
    .insurancelists,
    .who-use-item img,
    .choose-insurebook .section-content,
    .who-uses .section-content,
    .form-section{
        width: 100%;
        min-width: unset;
    }
    ul.grid-2,
    ul.grid-5,
    ul.grid-3,
    .client-management-list,
    .who-use-lists{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        width: 100%;
    }
    .types-insurance-agents .tab-item span.table-title{
        padding: 4px 10px;
    }
    .agency-management-software-content{
        width: 100%;
        margin-top: 10px;
        min-width: unset;
    }
    .agency-management-software-flex ul.icon-list-grid{
        margin-top: 10px;
        gap: 10px;
    }
    .solution-lists{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .crm-software-section{
        margin-top: 20px;
        padding: 0;
    }
    .software-item{
        padding: 15px;
    }
    .software-item .software-title{
        font-size: 20px;
        line-height: 30px;
    }
    .what-solutions-list{
        padding: 40px 0 0 0;
    }
    .solution-item img{
        width: 60px;
        height: 60px;
    }
    .insurance-agents-content{
        flex-direction: column;
        gap: 0;
        font-size: 15px;
    }
    .solution-title{
        font-size: 15px;
        line-height: 25px;
        width: 75%;
    }

    ul.insurance-lists,
    .insurance-list{
        flex-direction: column;
        gap: 10px
    }
    .dashboard-works .section-intro,
    .slider-control-section{
        flex: 1;
    }
    .section-header-intro{
        padding: 0 0 20px 0 !important;
    }
    .insurance-policies-type,
    .light-blue-bg{
        margin: 0 auto;
        padding: 30px 0px !important;
    }
    .insurance-agents .side-by-side{
        flex-direction: column;
        gap: 10px;
    }
    .client-management-list{
        margin: 20px 0;
    }
    .insurance-agents .side-by-side .agents-intro{
        width: 100%;
        gap: 10px;
    }
    .management-item{
        padding: 15px;
        gap: 5px;
    }
    .management-item img{
        width: 40px;
        height: 40px;
    }
    .life-insurance-list-content{
        margin-top: 20px;
    }
    .insurance-companies .side-by-side{
        padding: 20px 0 0 0;
        gap: 20px;
    }
    .tab-content-data .tabs-container{
        margin: 20px auto;
        max-width: 100%;
        flex-direction: column;
        gap: 20px;
    }
    .top-insurance-policy{
        padding: 20px !important;
        gap: 10px;
        width: 95%;
    }
    .top-insurance-policy .section-title{
        font-size: 30px;
        line-height: 40px;
    }
    ul.life-insurance-list{
        gap: 5px;
    }
    .life-insurance-tabs{
        margin: 0;
    }
    .faq .faq-body ul, .faq .faq-body p,
    .insurance-management-software .section-content p,
    .agency-management-content,
    .cloud-based-software .content,
    .top-insurance-policy .section-content,
    .specialized-solution p,
    .insurace-software-content,
    ul.insurance-lists > li,
    ul.life-insurance-list > li{
        font-size: 15px;
        line-height: 25px;
    }
    .life-insurance-tabs .tab-item span.table-title{
        padding: 4px 10px;
        font-size: 15px;
    }
    .faq .faq-item .faq-header .faq-question{
        font-size: 16px;
    }
    .life-insurance-tabs-content img{
        width: 100%;
        max-width: fit-content;
    }
    .life-insurance-tabs-content .d-flex{
        gap: 20px;
    }
    .pricing-list{
        gap: 15px;
        flex-direction: column;
    }
    .insurance-software-item .item-title{
        font-size: 17px;
    }
    
    .list-insurance-software {
        margin-top: 10px;
        gap: 10px;
        flex-direction: column;
    }
    .insurance-management-software .section-heading{
        font-size: 22px;
        line-height: 30px;
    }
    .insurance-management-software{
        padding: 15px;
        gap: 10px;
    }
    .insurance-software-item{
        gap: 5px;
    }
    .insurance-crm {
        margin-top: 20px;
        padding: 15px;
        gap: 10px;
    }
    .insurance-crm-heading{
        font-size: 22px;
        line-height: 25px;
    }
    .form-faq .faq-header{
        padding: 12px;
        font-size: 15px;
    }
    .form-faq .faq-item.is-open .faq-body{
        padding: 10px;
    }
    .form-faq .faq-list{
        margin-bottom: 0;
    }
    ul.icon-list-grid li,
    .insurance-crm-content,
    .insurance-software-item .item-content,
    .form-faq .faq-body p,
    .form-faq .faq-body ul{
        font-size: 15px;        
    }
    .section-intro-content,
    .form-faq .faq-body .faq-subheading{
        font-size: 15px;
    }
    .insurance-crm ul.grid-4{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }
    .choose-insurebook-grid{
        display: grid;
        margin-top: 10px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }    
    .choose-insurebook-grid .choose-insurebook-item{
        padding: 15px 0 !important;
        border: none;
        margin: 0 10px;
        border-top: 1px dashed #c2c6ca !important;
        gap: 5px;
    }
    .choose-insurebook-grid .choose-insurebook-item:first-child{
        border-top: 0 !important;
    }
    .choose-insurebook-item .item-icon{
        width: 35px;
        height: 35px;
    }
    .software-feature-item{
        gap: 5px;
    }
    .cloud-based-software .title{
        font-size: 16px;
        line-height: 25px;
    }
    .choose-insurebook-item .item-title{
        font-size: 17px;
        line-height: 17px;
    }
    .cloud-based-software{
        padding: 15px;
        gap: 10px;
        margin: 20px 0 0 0;
    }
    .who-use-lists .policy-holders{
        padding: 15px 15px 0;
    }
    .software-feature-grid{
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
        margin-top: 10px;
    }
    .customized .tab-content-data .vertical-tab{
        width: 100%;
    }
    .customized .tab-content-data .each-tab{
        padding: 5px 5px 5px 10px;
    }
    .customized .tab-content-data .each-tab .title{
        font-size: 20px;
        line-height: 30px;
    }
    .customized.tabs-container .sub-title{
        margin-top: 5px;
    }
    .faq-lists{
        flex-direction: column;
        gap: 0px;
        margin-top: 30px;
    }
    .faq .faq-list{
        width: 100%;
        margin: 0;
    }
    .faq .faq-header{
        padding: 10px 0;
    }
    .application .side-by-side{
        margin-bottom: 0;
    }
    .application-list{
        width: 100%;
        margin-top: 20px;
        gap: 10px;
    }
    .application-item img{
        width: 45px;
        height: 45px;
    }
    .application-list .application-item{
        padding: 10px;
        gap: 10px;
    }
    .application-item .application-heading{
        font-size: 16px;
    }
    .pricing-list{
        margin: 30px auto;
        padding: 0 15px;
    }
    .plan-price-box{
        padding: 20px;
        gap: 20px;
    }
    .price-item .plan-price{
        font-size: 35px;
        line-height: 45px;
    }
    .top-features{
        padding: 10px 15px;
    }
    .call-to-action-card {
        padding: 20px;
        gap: 15px;
    }
    .site-overview{
        max-width: 100%;
        gap: 10px;
    }
    .specialized-solution h5{
        font-size: 22px;
    }
    .specialized-solution{
        padding: 20px;
        gap: 10px;
    }
    .site-overview > img{
        width: 350px;
    }
    footer{
        padding: 30px 0 5px 0;
    }
    .footer-menu-section{
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 30px 100px;
    }
    .footer-item{
        gap: 10px;
    }
    .copyright-text,
    ul.policy-list{
        gap: 8px;
        font-size: 13px;
    }
    .footer-item .footer-menu{
        gap: 10px;
        font-size: 15px;
    }
    ul.policy-list,
    .social-icon-list,
    .footer-item .footer-menu:not(.menu-iconbox){
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-column {
        gap: 30px;
        flex-direction: column;      
    }
    .footer-contact-list{
        display: grid;
        margin-top: 20px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 10px;
    }
    .copyright-pollicy-section{
        justify-content: space-between;
        flex-direction: column-reverse;
        align-items: center;
        gap: 10px;
        margin-top: 10px;
    }
    .contact-item{
        gap: 10px;
    }
    .mobile-header .header-btn{
        display: none !important;
    }
    section.container.mobile-header {
        padding: 20px 10px !important;
    }
    .button_container{
        width: 30px;
        height: 30px;
    }
    .mobile-menu-container .overlay-menu {
        position: relative;
        top: 30%;
        transform: translateY(-50%);
        left: 4%;
    }
    .mobile-menu-container ul li,
    .mobile-menu-container ul li a{
        font-size: 17px;
    }
}