@media only screen and (max-width: 760px) {
    .slider-list .slider-left {
        text-align: left
    }

    .slider-list .slider-right {
        text-align: right;
    }

    .dir-rtl .slider-list .slider-left {
        text-align: right
    }

    .dir-rtl .slider-list .slider-right {
        text-align: left;
    }
}

/*
Max width before this PARTICULAR table gets nasty
For iPads specifically : add this : (min-device-width: 768px) and (max-device-width: 1024px)
*/
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    table.questions-list,
    table.questions-list thead,
    table.questions-list tbody,
    table.questions-list th,
    table.questions-list td,
    table.questions-list tr {
        display: block;
    }

    .dir-ltr table.questions-list,
    .dir-ltr table.questions-list thead,
    .dir-ltr table.questions-list tbody,
    .dir-ltr table.questions-list th,
    .dir-ltr table.questions-list td,
    table.questions-list tr {
        text-align: left;
    }

    .dir-rtl table.questions-list,
    .dir-rtl table.questions-list thead,
    .dir-rtl table.questions-list tbody,
    .dir-rtl table.questions-list th,
    .dir-rtl table.questions-list td,
    table.questions-list tr {
        text-align: right;
    }

    table.questions-list thead {
        display: none
    }

    /* We don't need it for accessibility : we already have the label */

    table.questions-list tbody td {
        text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(102, 102, 102, 0.35);
	padding:0;
    }

    table.questions-list .information-item:empty {
        display: none
    }

    .dir-rtl table.questions-list tbody td {
        text-align: right;
    }


    .dir-ltr .questions-list td.radio-item,
    .dir-ltr .questions-list td.checkbox-item {
        padding-left: 24px;
        padding-right: 4px;
    }

    .dir-rtl .questions-list td.radio-item,
    .dir-rtl .questions-list td.checkbox-item {
        padding-right: 24px;
        padding-left: 4px;
    }

    table.questions-list tbody .control-label {
        text-align: left
    }

    .dir-rtl table.questions-list tbody .control-label {
        text-align: right
    }

    table.questions-list .answertextright {
        text-align: right
    }

    .dir-rtl table.questions-list .answertextright {
        text-align: left
    }

    /* Show the label */
    table.questions-list .ls-label-xs-visibility {
        display: block;
        position: relative;
        width: auto;
        height: auto;
        overflow: initial;
        white-space: normal;
    }

    .dir-ltr table.questions-list .ls-label-xs-visibility {
        left: auto;
    }

    .dir-rtl table.questions-list .ls-label-xs-visibility {
        right: auto;
    }

    table.questions-list .radio-item .ls-label-xs-visibility,
    table.questions-list .checkbox-item .ls-label-xs-visibility {
        line-height: initial;
        text-indent: initial;
    }

    .dir-ltr table.questions-list .radio-item .ls-label-xs-visibility,
    .dir-ltr table.questions-list .checkbox-item .ls-label-xs-visibility {
        margin-left: 0;
    }

    .dir-rtl table.questions-list .radio-item .ls-label-xs-visibility,
    .dir-rtl table.questions-list .checkbox-item .ls-label-xs-visibility {
        margin-right: 0;
    }

    table.questions-list .ls-label-xs-visibility>* {
        position: relative;
        top: auto;
        width: auto;
        height: auto;
        overflow: auto;
    }

    .dir-ltr table.questions-list .ls-label-xs-visibility>* {
        left: auto;
    }

    .dir-rtl table.questions-list .ls-label-xs-visibility>* {
        right: auto;
    }

    .dir-ltr table.questions-list .radio-item label.ls-label-xs-visibility::before,
    .dir-ltr table.questions-list .checkbox-item label.ls-label-xs-visibility::before {
        margin-left: -20px;
    }

    .dir-rtl table.questions-list .radio-item label.ls-label-xs-visibility::before,
    .dir-rtl table.questions-list .checkbox-item label.ls-label-xs-visibility::before {
        margin-right: -20px;
    }

    .dir-ltr table.questions-list .radio-item label.ls-label-xs-visibility::after,
    .dir-ltr table.questions-list .checkbox-item label.ls-label-xs-visibility::after {
        margin-left: -20px;
    }

    .dir-rtl table.questions-list .radio-item label.ls-label-xs-visibility::after,
    .dir-rtl table.questions-list .checkbox-item label.ls-label-xs-visibility::after {
        margin-right: -20px;
    }

    table.questions-list>tbody>tr:hover {
        background-color: transparent;
    }

    /* bs fix */
    table.questions-list td.visible-xs,
    table.questions-list th.visible-xs {
        display: block !important
    }

    table.questions-list td > label.hide {
	display:block;
        color:unset;
	font-size:unset;
    	position: relative;
    	padding: 1.5rem 0;
    	padding-left: 4.5rem;
	max-height:unset;
	height:unset;
}

    table.questions-list td.checked > label.hide {
        color: white;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
        background-color: #2190b8;
        background-image: -moz-linear-gradient(#3bb1e8, #2190b8);
        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3bb1e8), to(#2190b8));
        background-image: -webkit-linear-gradient(#3bb1e8, #2190b8);
        background-image: -o-linear-gradient(#3bb1e8, #2190b8); 
    }

    table.questions-list td > label.hide:before{
        left:1.25rem;
        top:unset;
    }

    table.questions-list td.checked > label.hide:before{
	color: white;
    	opacity: 1;
    }
    th.answertext {
	text-align:center;
	font-size:1.61rem;
	line-height:2.2rem;
    }

   .panel-heading {
    	position: sticky;
    	top: 0;
    	background-color: white;
    	opacity: 1;
    	z-index: 999;
	border-bottom: 1px solid rgba(102, 102, 102, 0.35);
    }
}