.ques {
    position: relative;
    background: #ffffff;
    border-radius: 10px;
}

    .ques.ques-off {
        display: none;
    }

.ques-header {
    color: #f47929;
    font-size: 18px;
    padding: 10px 5px 10px 15px;
    min-height: 43px;
}

    .ques-header i {
        padding-right: 10px;
        font-size: 20px;
        top: 2px;
    }

.ques-body {
    font-size: 12px;
    color: #333;
    padding: 10px 15px 10px 15px;
    -webkit-transition: height 1s;
    transition: height 1s;
    border-top: 1px solid #b3b4b5;
    border-bottom: 1px solid #b3b4b5;
    margin: 5px;
}

.ques-footer {
    color: #f47929;
    font-size: 18px;
    /*padding: 5px 15px 5px 15px;*/
    padding: 5px 15px 15px 15px;
    text-align: center;
    margin-bottom: 15px;
}

    .ques-footer i {
        font-size: 20px;
        top: 2px;
    }

@media (min-width: 769px) {
    .ques-header {
        /*font-size: 13px;
        padding: 2px 7px 5px 7px;*/
	font-size: 18px;
	padding: 10px 7px 5px 18px;
    }

    .ques-body {
        font-size: 12px;
    }

    .ques-header i {    
        top: 5px;
        font-size: 21px;
    }

    .ques-footer i {
        font-size: 21px;
    }

        .ques-header i.pull-right {
            padding-right: 0px;
        }
}