.panel_toggle .pt_switch
{
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 1em;
}

.panel_toggle[data-visible='1'] .pt_switch .pts_icon
{
    transform: rotate(180deg);
}

.panel_toggle .pt_content
{
    margin-top: 1em;
}


@media ( max-width: 575px )
{
    .panel_toggle.pt_inactive_xs .pt_switch  { display: none; }
    
    .panel_toggle.pt_inactive_xs .pt_content { display: block !important; margin-top: 0; }
}

@media ( min-width: 576px ) and ( max-width: 767px )
{
    .panel_toggle.pt_inactive_sm .pt_switch  { display: none; }
    
    .panel_toggle.pt_inactive_sm .pt_content { display: block !important; margin-top: 0; }
}

@media ( min-width: 768px ) and ( max-width: 991px )
{
    .panel_toggle.pt_inactive_md .pt_switch  { display: none; }
    
    .panel_toggle.pt_inactive_md .pt_content { display: block !important; margin-top: 0; }
}

@media ( min-width: 992px ) and ( max-width: 1199px )
{
    .panel_toggle.pt_inactive_lg .pt_switch  { display: none; }
    
    .panel_toggle.pt_inactive_lg .pt_content { display: block !important; margin-top: 0; }
}

@media ( min-width: 1200px ) and ( max-width: 1399px )
{
    .panel_toggle.pt_inactive_xl .pt_switch  { display: none; }
    
    .panel_toggle.pt_inactive_xl .pt_content { display: block !important; margin-top: 0; }
}

@media ( min-width: 1400px )
{
    .panel_toggle.pt_inactive_xxl .pt_switch  { display: none; }
    
    .panel_toggle.pt_inactive_xxl .pt_content { display: block !important; margin-top: 0; }
}