/*default desktop css media size */

@media (min-width:480px) {
    .xs\:h-24 {
        height: 6rem
    }

    .xs\:w-24 {
        width: 6rem
    }
}
@media (min-width:640px) {
    .sm\:block {
        display: block
    }

    .sm\:inline {
        display: inline
    }

    .sm\:flex {
        display: flex
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:mx-3 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .sm\:mb-7 {
        margin-bottom: 1.5rem
    }

    .sm\:-mt-11 {
        margin-top: -2.5rem
    }

    .sm\:py-3 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .sm\:px-5 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:col-span-3 {
        grid-column: span 3/span 3
    }
}
@media print {
    .carousel__slides>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
    }

    .carousel__slides {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        max-width: 100%
    }


    .collapse:not(.show, .collapsing),
    .collapsed,
    .fade {
        display: block;
        opacity: 1
    }

    img {
        display: none
    }

    .print\:hidden {
        display: none
    }

    .print\:h-full {
        height: 100%
    }

    .print\:p-0 {
        padding: 0
    }
}
@media (min-width:768px){
    #debatetext.w-full{
        max-width:88% !important;
    }
    #searchbuttondiv{
        text-align: center !important;
    }

    .md\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    .md\:bg-bright-blue-10 {
        --tw-bg-opacity: 1;
        background-color: rgba(245, 247, 252, var(--tw-bg-opacity))
    }

    .md\:bg-black {
        --tw-bg-opacity: 1;
        background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
    }

    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }

    .md\:bg-opacity-40 {
        --tw-bg-opacity: 0.4
    }

    .md\:border-b-0 {
        border-bottom-width: 0
    }

    .md\:border-r {
        border-right-width: 1px
    }

    .md\:border-l {
        border-left-width: 1px
    }

    .md\:block {
        display: block
    }

    .md\:inline {
        display: inline
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-col {
        flex-direction: column
    }

    .md\:order-2 {
        order: 2
    }

    .md\:order-4 {
        order: 4
    }

    .md\:font-normal {
        font-weight: 400
    }

    .md\:h-24 {
        height: 6rem
    }

    .md\:h-30 {
        height: 7.5rem
    }

    .md\:h-32 {
        height: 8rem
    }

    .md\:h-44 {
        height: 11rem
    }

    .md\:h-full {
        height: 100%
    }

    .md\:h-lg {
        height: 32rem
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-xl {
        font-size: 1.5rem;
        line-height: 1.875rem
    }

    .md\:text-2xl {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .md\:text-3xl {
        font-size: 3rem;
        line-height: 3rem
    }

    .md\:text-4xl {
        font-size: 4rem;
        line-height: 4rem
    }

    .md\:my-20 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mr-3 {
        margin-right: .5rem
    }

    .md\:ml-5 {
        margin-left: 1rem
    }

    .md\:p-9 {
        padding: 2rem
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:py-3 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .md\:py-5 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .md\:px-30 {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }

    .md\:pl-5 {
        padding-left: 1rem
    }

    .md\:pr-7 {
        padding-right: 1.5rem
    }

    .md\:pt-9 {
        padding-top: 2rem
    }

    .md\:pt-11 {
        padding-top: 2.5rem
    }

    .md\:absolute {
        position: absolute
    }

    .md\:relative {
        position: relative
    }

    .md\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .md\:w-24 {
        width: 6rem
    }

    .md\:w-30 {
        width: 7.5rem
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-44 {
        width: 11rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-2\/6 {
        width: 33.333333%
    }

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-5\/6 {
        width: 83.333333%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-11\/12 {
        width: 91.666667%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:gap-9 {
        gap: 2rem
    }

    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .md\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .md\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

    .md\:col-span-6 {
        grid-column: span 6/span 6
    }

    .md\:col-span-9 {
        grid-column: span 9/span 9
    }

    .md\:col-start-8 {
        grid-column-start: 8
    }

    .tabs-panel.collapse.show {
        display: none
    }
    .tabs-panel.collapse.show.active {
        display: block;
        opacity: 1
    }
    .wysiwyg h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .collapse-blocktext__trigger {
        display: none
    }

    .collapse-blocktext {
        height: auto
    }


    .font-h3,
    h3 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    h4 {
        font-size: 1rem;
        line-height: 1.5rem
    }


    h5,
    h6 {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .tabs-panel.collapse.active:not(.show, .collapsing) {
        display: block
    }
.font-h2,
    h2 {
        font-size: 2rem;
        line-height: 2.5rem
    }

    .font-h1,
    h1 {
        font-size: 4rem;
        line-height: 4rem
    }
}


@media screen and (min-width:1024px) {
    .mask-image-responsive-25 {
        -webkit-mask-image: linear-gradient(90deg, transparent 25%, #000 75%);
        mask-image: linear-gradient(90deg, transparent 25%, #000 75%)
    }

    .mask-image-responsive-0 {
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 50%);
        mask-image: linear-gradient(90deg, transparent 0, #000 50%)
    }

    .mask-image-responsive--10 {
        -webkit-mask-image: linear-gradient(90deg, transparent -10%, #000 30%);
        mask-image: linear-gradient(90deg, transparent -10%, #000 30%)
    }

    .mask-image-responsive--20 {
        -webkit-mask-image: linear-gradient(90deg, transparent -20%, #000 30%);
        mask-image: linear-gradient(90deg, transparent -20%, #000 30%)
    }

    .mask-image-responsive--30 {
        -webkit-mask-image: linear-gradient(90deg, transparent -30%, #000 20%);
        mask-image: linear-gradient(90deg, transparent -30%, #000 20%)
    }
}
@media (min-width:1024px) {
    

    .footer .collapse:not(.show, .collapsing) {
        display: block
    }

    .footer__group-title-button:hover {
        text-decoration: none
    }

    .header--announcement.header.active.is-top:not(.is-open, .header--white, .header--news)+main>div:first-child.bg-tile {
        margin-top: -1.5rem
    }

    .header--announcement.header.active.is-top:not(.is-open, .header--white, .header--news)+main>div:first-child.bg-bright-blue-10 {
        margin-top: -1.5rem
    }

    .header.active+main>div:first-child {
        margin-top: -1.5rem
    }

    .header.active+main>div:first-child.bg-tile {
        margin-top: -1.5rem
    }

    .header.active+main>div:first-child.bg-bright-blue-10 {
        margin-top: -1.5rem
    }

    .header+main>div:first-child {
        margin-top: -1.5rem
    }

    .header+main>div:first-child.bg-tile {
        margin-top: -1.5rem
    }

    .header+main>div:first-child.bg-bright-blue-10 {
        margin-top: -1.5rem
    }

    .header.is-top:not(.is-open, .header--white, .header--news)+main>div:first-child.bg-tile {
        margin-top: -1.5rem
    }

    .header.is-top:not(.is-open, .header--white, .header--news)+main>div:first-child.bg-bright-blue-10 {
        margin-top: -1.5rem
    }


    .tabs-next,
    .tabs-prev {
        display: block
    }

    .wysiwyg h2 {
        font-size: 3rem;
        line-height: 3rem
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px*var(--tw-space-y-reverse))
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:bg-bright-blue-20 {
        --tw-bg-opacity: 1;
        background-color: rgba(236, 239, 250, var(--tw-bg-opacity))
    }

    .lg\:bg-gradient {
        background-image: linear-gradient(rgba(0, 0, 0, .5), transparent)
    }

    .lg\:border-8 {
        border-width: 8px
    }

    .lg\:border-b-0 {
        border-bottom-width: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:self-end {
        align-self: flex-end
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:font-normal {
        font-weight: 400
    }

    .lg\:h-32 {
        height: 8rem
    }

    .lg\:h-72 {
        height: 18rem
    }

    .lg\:h-90vh {
        height: 90vh
    }

    .lg\:text-xl {
        font-size: 1.5rem;
        line-height: 1.875rem
    }

    .lg\:text-3xl {
        font-size: 3rem;
        line-height: 3rem
    }

    .lg\:m-0 {
        margin: 0
    }

    .lg\:my-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:mx-3 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .lg\:mx-4 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .lg\:mx-7 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .lg\:my-10 {
        margin-top: 2.25rem;
        margin-bottom: 2.25rem
    }

    .lg\:my-11 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mr-0 {
        margin-right: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:mt-3 {
        margin-top: .5rem
    }

    .lg\:ml-3 {
        margin-left: .5rem
    }

    .lg\:mb-5 {
        margin-bottom: 1rem
    }

    .lg\:ml-5 {
        margin-left: 1rem
    }

    .lg\:ml-7 {
        margin-left: 1.5rem
    }

    .lg\:mt-11 {
        margin-top: 2.5rem
    }

    .lg\:mr-11 {
        margin-right: 2.5rem
    }

    .lg\:mb-11 {
        margin-bottom: 2.5rem
    }

    .lg\:mt-18 {
        margin-top: 4rem
    }

    .lg\:mt-20 {
        margin-top: 5rem
    }

    .lg\:mb-30 {
        margin-bottom: 7.5rem
    }

    .lg\:-mt-7 {
        margin-top: -1.5rem
    }

    .lg\:-mt-30 {
        margin-top: -7.5rem
    }

    .lg\:max-w-full {
        max-width: 100%
    }

    .lg\:min-h-64 {
        min-height: 16rem
    }

    .lg\:min-h-md {
        min-height: 28rem
    }

    .lg\:object-center {
        -o-object-position: center;
        object-position: center
    }

    .lg\:overflow-visible {
        overflow: visible
    }

    .lg\:overflow-y-auto {
        overflow-y: auto
    }

    .lg\:overflow-x-visible {
        overflow-x: visible
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-7 {
        padding: 1.5rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-3 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:py-7 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:px-9 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-11 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .lg\:py-14 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg\:py-30 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pr-7 {
        padding-right: 1.5rem
    }

    .lg\:pl-7 {
        padding-left: 1.5rem
    }

    .lg\:pt-9 {
        padding-top: 2rem
    }

    .lg\:pt-11 {
        padding-top: 2.5rem
    }

    .lg\:pt-18 {
        padding-top: 4rem
    }

    .lg\:pt-20 {
        padding-top: 5rem
    }

    .lg\:pb-20 {
        padding-bottom: 5rem
    }

    .lg\:pt-30 {
        padding-top: 7.5rem
    }

    .lg\:pb-30 {
        padding-bottom: 7.5rem
    }

    .lg\:pr-35 {
        padding-right: 9rem
    }

    .lg\:static {
        position: static
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    .lg\:right-14 {
        right: 3rem
    }

    .lg\:top-18 {
        top: 4rem
    }

    .lg\:top-30 {
        top: 7.5rem
    }

    .lg\:top-full {
        top: 100%
    }

    .lg\:text-white {
        --tw-text-opacity: 1;
        color: rgba(255, 255, 255, var(--tw-text-opacity))
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:w-72 {
        width: 18rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-1\/2 {
        width: 50%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/5 {
        width: 80%
    }

    .lg\:w-1\/6 {
        width: 16.666667%
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

    .lg\:w-8\/12 {
        width: 66.666667%
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-11\/12 {
        width: 91.666667%
    }

    .lg\:gap-0 {
        gap: 0
    }

    .lg\:gap-4 {
        gap: .75rem
    }

    .lg\:gap-9 {
        gap: 2rem
    }

    .lg\:gap-11 {
        gap: 2.5rem
    }

    .lg\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }

    .lg\:grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr))
    }

    .lg\:grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-start-1 {
        grid-column-start: 1
    }

    .lg\:col-start-2 {
        grid-column-start: 2
    }

    .lg\:col-start-4 {
        grid-column-start: 4
    }

    .lg\:col-start-8 {
        grid-column-start: 8
    }

    .lg\:col-end-3 {
        grid-column-end: 3
    }

    .lg\:col-end-4 {
        grid-column-end: 4
    }

    .lg\:row-start-1 {
        grid-row-start: 1
    }

    .lg\:-translate-y-full {
        --tw-translate-y: -100%
    }

    .lg-max\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
    }
    #advfilterscontainer{
        margin-left:18px !important;
    }
    .fullmenu{
        display: none;
    }
    .fullmenu_nav{
        height:92px !important;
    }


    .font-h1,
    h1 {
        font-size: 6rem;
        line-height: 6rem
    }


    .font-h2,
    h2 {
        font-size: 4rem;
        line-height: 4rem
    }


    .font-h3,
    h3 {
        font-size: 1.5rem;
        line-height: 1.875rem
    }

    h4 {
        font-size: 1.25rem;
        line-height: 1.5rem
    }

    .header--announcement.header.active+main>div:not([class]):first-child>div:first-child {
        margin-top: -1.5rem
    }

    .header--announcement.header.active+main>div:not([class]):first-child>div:first-child.bg-tile {
        margin-top: -1.5rem
    }

    .header--announcement.header.active+main>div:not([class]):first-child>div:first-child.bg-bright-blue-10 {
        margin-top: -1.5rem
    }

    .header--announcement.header.active+main>div:not([class]):first-child>div:first-child:not(.bg-tile, .bg-bright-blue) {
        margin-top: -1.5rem
    }

    .header--announcement.header.active+main>div:first-child {
        margin-top: -1.5rem
    }

    .header--announcement.header.active+main>div:first-child.bg-tile {
        margin-top: -1.5rem
    }

    .header--announcement.header.active+main>div:first-child.bg-bright-blue-10 {
        margin-top: -1.5rem
    }
}
@media (max-width:1024px) {
    #navbar{
        width:0px !important;
    }
    #desktop-search{
        margin-right: 35px !important;
    }
    #open_mobile_refiners{
        top:100px;
        display:block;
        z-index: 1000;
        left:20px;
    }
    #menu-toggle-close{
        display:block;
    }
    #menu-toggle-open{
        top:30px;
        right:30px;
    }
    .searchbox{
        width:100% !important;
        float: none !important;
    }
    #mobilemenu{
        top:100px;
        display:block;
        z-index: 1000;
        margin-right:20px;
    }
    #menunav{
        position: fixed;
        top:9000px;
    }
    #navigationPanel{
        display:none;
    }
}
/* OFFSET FIXES */
@media (max-width:750px) {
    #yeardiv{
        float:left !important;
        width:80px !important;
        margin:20px 10px 0px 10px !important;
    }
    #members2divlabel{
        float:left !important;
        width:80px !important;
        margin:20px 10px 0px 10px !important;
    }
}

/* MOBILE VIEW SIZES

414 (iPhone 7 Plus/8 Plus/11/11 Pro Max/XS Max)
375 (iPhone 8/7/6/6s/X/11 Pro)
360 (iPhone 12 Mini/13 Mini/SE/5s/5/5c/Samsung S6/S7/S8/S9/S10/S20/S8+/S9+/Pixel 3 XL/Redmi Note 10 Pro/A70/A71/OnePlus 6T)
384 (Samsung S20+/S21 Ultra 5G)
412 (Samsung S20 Ultra/Note 20/A51/A31/S20 FE/A50/A30/S10+/A70/A71/Mate 40 Pro/P40 Pro/Mate 30 Pro/OnePlus 9 Pro/OnePlus 7 Pro/Google Pixel 4a 5G)
411 (Google Pixel 4 XL/2 XL)
408 (OnePlus 6T)
*/

/*
430 (iPhone 14 Pro Max)
428 (iPhone 14 Plus/12 Pro Max/13 Pro Max)
*/
@media (max-width:432px) {
    #resultbar{
        margin-left: -18px !important;
        margin-right: -18px !important;
    }
    #paginationholder{
        margin-left: 0px !important;
        font-size:10px ;
    }
    #pagination__prev{
        margin-left: 0px !important;
    }
    #ajaxtext{
        padding-left: 0px !important;
    }
    #tableholder{
        margin-left: 0px !important;
    }
    #helpholder{
        margin-right: 50px !important;
    }
    #dateimg{
        margin-left: 0px !important;
    }
    body {
        width:432px;
    }
    .items{
        width:80%;
    }
    #docdetail_holder2{
        margin-right:5px !important;
    }
    #docdetail_holder1{
        margin-left:0px !important;
        padding-left: 0px !important;
    }
    #docdetail_holder3{
        margin-right:5px !important;
    }
    #debatetext2{
        margin-left:0px !important;
        padding-left: 5px !important;
        width:80%;
    }
    #open_mobile_refiners{
        top:100px;
        display:block;
        position:fixed;
    }
    #menu-toggle-close{
        display:block;
    }
    #menu-toggle-open{
        top:30px;
        right:30px;
    }
    .searchbox{
        width:100% !important;
        float: none !important;
    }
    #mobilemenu{
        top:100px;
        display:block;
        z-index: 1000;
    }
    #menunav{
        position: fixed;
        top:9000px;
    }
    #navigationPanel{
        display:none;
    }
    #bottomrowholder{
        font-size: 12px;
    }
    #activityholder,  #memberholder{
        width:50px !important;  
    }
    #dateholder{
        width:120px !important; 
    }
    #resultsform{
        margin-left:0px !important;  
    }
    #contextholder, #pdfrow{
        width:300px !important;  
    }
    #pdficon{
        width:100px !important;
    }
    #searchresultstable td{
        width:380px;
        max-width:300px !important;
    }
    #searchresultstable{
        display:flex !important;
    }
    #advsearchbutton{
        margin-right: 0px !important;
    }
    #debatetext.w-full {
        max-width: 88% !important;
    }
    .inputSelector{
        width:300px ;
    }
    #advsearchbutton{
        margin-left:18px !important;
        margin-right:18px !important;
    }
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 370 !important;
    }
    #debatetext{
        margin-left:18px !important;
    }
    #search-text-padding2{
        padding-right: 20px !important;
    }
    #search-text-padding{
        padding-right: 20px !important;
    }
    #yeardiv{
        float:left !important;
        width:80px !important;
        margin:10px 10px 0px 5px !important;
    }
    #dateselector{
        display:inline;
    }
    #monthdiv{
        margin:10px 0 0 0 !important;
        float:left !important;
        width:110px !important;
    }
    #daydiv{
        margin:10px 0 0 20px !important;
        float:left !important;
        width:80px !important;
    }
    #members2divlabel{
        margin:20px 10px 0 10px !important;
    }
    #searchbuttondiv{
        text-align: left;
    }
    #searchbutton_container{
        text-align: center;
    }
    #searchbutton{
        float: none !important;
        margin-right:0px !important;
    }
    
    #searchbutton2{
        width:140px !important;
    }
    fieldset .members-labels-padding{
        text-align: left !important;
    }
    #past_member_padding{
        margin:0px 0px 0px 10px !important;
    }
    
    #clearbutton{
        width:120px !important;
        margin-right: 1px !important;
    }
}
/*
395 (Xiaomi Mi 11 Ultra/Mi 11 Pro)
392 (Xiaomi Mi 11/Nova 8 Pro)
393 (Xiaomi Redmi Note 10/Google Pixel 4a)
393 (iPhone 14 Pro/Google Pixel 5/OnePlus Nord 2)
390 (iPhone 12/13/14/13 Pro/12 Pro)
*/
@media (max-width:396px) {

    body {
        width:395px;
    }
    main{
        width:395px;
    }
    #tableholder{
        margin-left: 0px !important;
    }
    .result-member{
        margin-right:28px;
    }
    #tableholder2{
        width:395px;
        margin-top: 18px !important;
        width:395px;
        margin-left:-18px;
    }
    #detailsnavtable{
        float:none !important;
    }
    .buttonprev{
        font-size: 12px !important;
    }
    .buttonnext{
        font-size: 12px !important;
    }
    #backtobutton{
        margin-left:4px !important;
        font-size: 12px !important;
    }
    #linktobutton{
        width: auto !important;
        margin:0px !important;        
        margin-left:8px !important;
        font-size: 12px !important;
    }
    #detailsnav{
        padding-top:5px;
        float:right;
    }
    #advfilterscontainer{
        margin-left:40px !important;
    }
    #dateselector{
        margin-left:-30px;
    }
    .inputSelector{
        width:250px !important;
    }
    .searchbox{
        float: none !important;
        margin-left: -16px !important;
        padding-left: 16px !important;
        width:auto !important;
    }
    #bottomrowholder{
        font-size: 12px;
    }
    #activityholder,  #memberholder{
        width:50px !important;  
    }
    #dateholder{
        width:120px !important; 
    }
    #resultsform{
        margin-left:0px !important;  
    }
    #contextholder, #pdfrow{
        width:300px !important;  
    }
    #pdficon{
        width:100px !important;
    }
    #searchresultstable td{
        max-width:300px !important;
    }
    #searchresultstable{
        width:380px;
        display:flex !important;
    }
    #advsearchbutton{
        margin-right: 0px !important;
    }
    #debatetext.w-full {
        max-width: 88% !important;
    }
    #advsearchbutton{
        margin-left:18px !important;
        margin-right:18px !important;
    }
    .container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        padding-left: 1rem;
        padding-right: 1rem;
        width: 370 !important;
    }
    #debatetext{
        margin-left:18px !important;
    }
    #search-text-padding2{
        padding-right: 20px !important;
    }
    #search-text-padding{
        padding-right: 20px !important;
    }
    #yeardiv{
        float:left !important;
        width:80px !important;
        margin:10px 10px 0 5px !important;
    }
    #dateselector{
        display:inline;
    }
    #monthdiv{
        margin:10px 0 0 0 !important;
        float:left !important;
        width:145px !important;
    }
    #daydiv{
        margin:10px 0 0 0 !important;
        float:left !important;
        width:80px !important;
    }
    #members2divlabel{
        margin:20px 10px 0 10px !important;
    }
    #searchbuttondiv{
        text-align: left;
    }
    #searchbutton{
        width:140px !important;
    }
    
    #searchbutton2{
        width:140px !important;
    }
    fieldset .members-labels-padding{
        text-align: left !important;
    }
    #past_member_padding{
        margin:0px 0px 0px 10px !important;
    }
    
    #clearbutton{
        width:120px !important;
        margin-right: 1px !important;
    }
}