@media (max-width: 500px) {

    .select2-container--default .select2-selection--multiple {
        /*width: 230px;*/
         width: 96%;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
     .select2-container--default .select2-selection--multiple {
        /*width: 300px;*/

         width: 96%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 230px;*/
         width: 94%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
     .select2-container--default .select2-selection--multiple {
        /*width: 230px;*/
         width: 90%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
    .select2-container--default .select2-selection--multiple {
        /*width: 700px;*/
         width: 96%;
    }
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
     .select2-container--default .select2-selection--multiple {
         width: 96%;
    }
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .select2-container--default .select2-selection--multiple {
        /*width: 700px;*/

         width: 96%;
    }
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
     .select2-container--default .select2-selection--multiple {
        /*width: 600px;*/

         width: 96%;
    }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
     .select2-container--default .select2-selection--multiple {
        width: 96%;
    }
}


div#dvDisclosureDialog{
    overflow-x: hidden;
}

div#dvDisclosureDialog h1 {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

div#dvDisclosureDialog h2 {
    font-size: 16px;
    padding: 0 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: darkgrey;
}

div#dvDisclosureDialog h3 {
    font-size: 14px;
    background-color: #313b57;
    color: #FFFFFF;
}

div#dvDisclosureDialog p {
    padding: 2px 0;
    margin: 0;
}

div#dvDisclosureDialog ol {
    margin-top: 5px;
    list-style-type: disc;
}

div#dvDisclosureDialog li > ol  {
    list-style-type: circle;
}

section#lh-covers, section#lh-guidelines {
    padding: 5px 15px;
}

section#lh-furtheradvice {
    background-color: lightgray;
    padding: 15px;
}
section#lh-policywording {
    padding: 15px;
    margin: 15px 0;
}