@media screen and (max-width:990px){
.col-md-12{display:inline-block;width:100%}
.quetion{width:92%}
.que-row{margin-bottom:3px}
.que-row.select-que {
    padding: 10px 0}
.que-row.select-que .options{display: inline-block;margin-top:5px;width:100%}
}
@media screen and (max-width:980px){
.text-center{ text-align:center}
.radio-grp{ text-align:left; padding:0 0 0 11px;}
.erase-sec{display:block}
.delete-sec{display:none;}
.radio-inline > span{display:block; text-align:center;}
#demo .options .bootstrap-select{ width:100%}
#textarea{ margin-left: 0px; margin-top: 10px;width:100%}
.client-logo{position:inherit; top:0px; padding:0 0 5px 0px; right:0px;}/*---Added by Maximess---*/

.instructions .btn{top: 50px;}
}

@media screen and (max-width:800px){

}
.instructions .btn{top: 50px;}
.instructions .btn1{top: 2px;}
@media screen and (max-width:768px){
    #ConsultingSurvey .delete1{height: 36px;padding: 4px 5px 1px}
    #ConsultingSurvey .delete{height: 73px;padding: 4px 5px 1px}
.button-section,.button-section.text-right{text-align:center}
.button-section.right-buttons .btn{margin-bottom:10px}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    /*min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;*/
	width: 100%}
.que-row{margin-bottom:3px}
.content-top{/*background:none;padding:0*/}
.breadcrumb{/*background:#efeee9;*/margin-bottom: 5px;padding: 5px 0;text-align: center;}
.button-section{padding: 20px 0}
.button-section .btn,.button-section.center-buttons .btn{margin:10px 5px;padding: 10px 40px}
.process {
    text-align: center;
}
#top-button-360 {
    padding: 30px 0
}
.title-responsive{display: inline-block; padding: 0 4px; width: 100px; margin-bottom: 0px}
.table thead{display: none;}
table td{display:block;}
.align-center{ text-align: left;}.
.table span.title-responsive{display: inline-block;}
table tr td.align-center:last-child {
    background: #fff none repeat scroll 0 0;
    border: 0 none;
    height: 0;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    width: 100%;
}

#ratingopen360 {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    height: 40px;
    left: 6px;
    margin: 0 auto;
    padding-bottom: 56px;
    position: relative;
    top: 0;
    width: 98%;
   /*background: #fff none repeat scroll 0 0;
    border: 0 none;
    height: 40px;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    width: 100%;
    left: 10px;
    position: relative;
    top: 0px;    
    border-bottom: 1px solid #ddd;
    padding-bottom: 0; 
    position: relative;*/
}

#survey360 {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    height: 40px;
    left: 0;
    margin: 0 auto;
    padding-bottom: 56px;
    position: relative;
    top: 0;
    width: 100%;    
}

.delete {
     background: #fff none repeat scroll 0 0;
    border-color:#ddd!important;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    bottom:17px;
    height:75px;
    padding: 1px 5px;
    position: absolute;
    right: 1px;
    text-align: center;
    width: 40px;
}

.delete1 {
     background: #fff none repeat scroll 0 0;
    border-color:#ddd!important;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    bottom:17px;
    height:75px;
    padding: 1px 5px;
    position: absolute;
    right: 1px;
    text-align: center;
    width: 40px;
}


table tr{position: relative;}
table tr td.align-center:last-child span.delete a{display:inline-block; margin:2px 0}
.no-border{border-bottom: none!important; border-top:none!important; }
.left-border-none{border-left:none!important}
.top-border-none{border-top:none!important}
.table-bordered{border-bottom: none; border-right: none;}

/*.rating-table{margin-top:80px}/*---removed by Maximess---*/
.rating-table > tbody > tr{position: relative !important}
.rating-table > tbody > tr > td:first-child{width: 100%;padding-right:40px}/*---Added by Maximess---*/
.rating-table > tbody > tr > td{width:100%;float: left;}/*---Added by Maximess---*/
.rating-table > tbody > tr > td:last-child{position: absolute; top: 50px;right: 0;background:none;padding: 0}/*---Added by Maximess---*/
.rating-table > tbody > tr > td .title-responsive{width: auto;}/*---Added by Maximess---*/
.rating-table > tbody > tr > td .radio-inline{float: left;position:relative;top:1px;margin-right:3px}/*---Added by Maximess---*/
.rating-table > tbody > tr > td .delete{/*background:none;border:0;overflow:hidden;height: 30px;*/background: #fff none repeat scroll 0 0;
    border:0;
    bottom: 17px;
    height: 30px;
    padding: 1px 5px;
    position: absolute;
    right:10px;
    text-align: center;
    width: 40px;overflow: hidden;}/*---Added by Maximess---*/
.rating-table > tbody > tr {border-bottom: 1px solid #ddd;padding-bottom: 0; position: relative}/*---Added by Maximess---*/
.rating-table > tbody > tr > td .title-responsive {font-size: 13px;width: auto;}/*---Added by Maximess---*/
.rating-table > tbody > tr > td:last-child{position: relative;top: -204px;}

.instructions .btn{top: 50px;}
}

@media screen and (max-width:767px){
    .statements .radio-inline div.radio span{background-size:11px 11px !important;border:1px solid #999;border-radius:50% !important;height:19px;opacity:0.7;padding:0;width:19px}
    .radio-inline{padding:0 1px !important;}
    .statements div.radio{border:1px solid #fff;border-radius:50% !important;height:21px;padding:0;width:21px}
    .statements div.work-radio > span{display:inline-block;margin:2px 6px 0}
    .statements .radio-inline {background:none !important}
    .statements .radio-inline div.radio span.checked{border:1px solid #ff8a77}
    .radio-inline {padding:0 6px}

    .statements .radio-inline.one div.radio span{background:url(../img/one.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.one div.radio span.checked{background:url(../img/one.png) center center no-repeat #fd9787;opacity:1}

    .statements .radio-inline.two div.radio span{background:url(../img/two.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.two div.radio span.checked{background:url(../img/two.png) center center no-repeat #fd9787;opacity:1}

    .statements .radio-inline.three div.radio span{background:url(../img/three.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.three div.radio span.checked{background:url(../img/three.png) center center no-repeat #fd9787;opacity:1}

    .statements .radio-inline.four div.radio span{background:url(../img/four.png) center center no-repeat;background-size:11px 11px}
    .radio-inline.four div.radio span.checked{background:url(../img/four.png) center center no-repeat #fd9787;opacity:1}

    .statements .radio-inline.five div.radio span{background:url(../img/five.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.five div.radio span.checked{background:url(../img/five.png) center center no-repeat #fd9787;opacity:1}


    .statements .radio-inline.six div.radio span{background:url(../img/six.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.six div.radio span.checked{background:url(../img/six.png) center center no-repeat #ffb0a3;opacity:1}

    .statements .radio-inline.seven div.radio span{background:url(../img/seven.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.seven div.radio span.checked{background:url(../img/seven.png) center center no-repeat #ffb0a3;opacity:1}

    .statements .radio-inline.eight div.radio span{background:url(../img/eight.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.eight div.radio span.checked{background:url(../img/eight.png) center center no-repeat #ffb0a3;opacity:1}

    .statements .radio-inline.nine div.radio span{background:url(../img/nine.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.nine div.radio span.checked{background:url(../img/nine.png) center center no-repeat #ffb0a3;opacity:1}

    .statements .radio-inline.ten div.radio span{background:url(../img/ten.png) center center no-repeat;background-size:11px 11px}
    .statements .radio-inline.ten div.radio span.checked{background:url(../img/ten.png) center center no-repeat #ffb0a3;opacity:1}

    #wrapper{position:relative;margin:0;padding-bottom:40px}
    .main-container{margin:0 !important;padding-top:75px }
}
@media screen and (max-width:640px){
    #logo .img-responsive.right-logo{float:right}
    .content-image{display:block;max-width:270px;height:auto}
.header-inner {padding-top: 5px}
.language .bootstrap-select.btn-group .dropdown-menu li a span.text {display: inline-block}
.language .dropdown-menu li > a{padding: 6px 0 6px 8px}
.language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {width: 110px !important}
.language .btn-default.active, .language .btn-default:active, .language .open > .dropdown-toggle.btn-default{padding:6px 25px 6px 10px !important}
.language .bootstrap-select.btn-group .dropdown-menu li {font-size: 13px}

header{height:65px}/*Changed by Maximess*/
label.radio-inline{padding: 0 2px 0 3px !important}
.title-responsive{padding:0;font-size:14px}
.delete{height:74px}
.logo-text{/*position:absolute;left:0;top:0;width:100%;text-align:center;height:1px;padding:0*/width: 50%;padding: 15px 0}
.logo-text img.img-responsive{display:inline-block;width:85%;cursor:pointer}
.language{margin-top: 15px}
.language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:110px}
#logo{padding: 5px 10px 0 0;width:71px}

.main-container {margin-top: 75px}
.button-section .btn, .button-section.center-buttons .btn{padding: 7px 20px;}


.intro-text{font-size: 15px;}/*---Added by Maximess---*/
.logo-text{left: -15px;
    line-height: 15px;
    padding: 2px 0 0;
    position: relative;
    top: 10px;}/*---Added by Maximess---*/
.statements.rating{overflow: hidden;}
.main-container{padding-bottom:50px}

.main-container1{padding-bottom:10px}

.container.main {padding-top: 20px;}/*---Added by Maximess - 23 Jan 2016---*/
.page-title{margin-bottom: 0;}
.options {width:100%}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    height: auto;
    max-width: 77%;
}
.instructions .btn{top: 75px;}
}

@media only screen and (min-device-width: 640px) {.instructions .btn{top: 49px;}}



@media screen and (max-width:480px){
#logo{ width: 72px;padding:5px 5px 0 0}
.language .btn-default{font-size:12px;padding: 4px 6px 6px}
.logo-text img.img-responsive{ width: 96%}

.logo-text{font-size:15px;}
.language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 100px}
.intro-text {font-size: 13px;}/*---Added by Maximess---*/
}

@media screen and (max-width:400px){
.quetion {
    width: 90%;
}
.que-no{padding-left: 13px;}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    height: auto;
    max-width: 77%;
}

}



@media screen and (max-width:360px){
    .instructions h4{margin: 10px 0 5px;}
    .language .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width: 88px}
.logo-text img.img-responsive {
    width: 100%}
.logo-text img.img-responsive{ width:100%}
.process{text-align:center}
.language .btn-default {font-size: 11px}
.logo-text{width: 52%}
.quetion {
    width: 88%;
}
.login-section{margin:0 10px;width: auto;}/*---Added by Maximess---*/
.login-wrapper .login h3{margin:-5px 0 -15px ;text-align: center;}/*---Added by Maximess---*/
.login-section .form-control{width: 100%}/*---Added by Maximess---*/
.login-section p{padding:20px 15px}/*---Added by Maximess---*/
.login-section .btn{margin: -6px 0 0;}/*---Added by Maximess---*/
.rating-table > tbody > tr > td {float: left;width: 100%;}/*---Added by Maximess---*/
.intro-text {font-size: 11px;}/*---Added by Maximess---*/
#demo .options input {
    border: 1px solid #ddd;
    float: left;
    margin-left: 0;
    margin-top: 6px !important;
    padding: 5px;
    width: 100%;
}
.right-logo{margin:0}
/*.right-logo{
    margin: 0px 17px 0px;
}*/
.instructions {margin-top: 35px}
}

@media screen and (max-width:320px){
#logo-left, #logo{margin: -3px 0 0;width: 22%}

#logo{width: 68px;}
.logo-text{font-size:13px;}
header{height: 46px;}
.logo-text {padding: 12px 0}
.main-container {margin-top: 60px;}
.language{margin-top:10px}
.quetion{width:90%}
.que-no{padding-left:10px;}
#demo .options input{ margin-left: 0px; margin-top: 10px;}

.logo-text {left: -15px;
    line-height: 15px;
    padding: 2px 0 0;
    position: relative;
    top: 0;}/*---Added by Maximess---*/
.intro-text {font-size: 10px}/*---Added by Maximess---*/
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    height: auto;
    max-width: 65%;
}
.right-logo{
    margin: 2px 0px 0px;
}
}

@media (max-width:400px){
    .breadcrumb a{
        font-size: 22px;/*changed by Maximess*/
    }
    .white-bg h1{
        font-size: 40px;
    }
    .white-bg p{
        font-size: 13px;
    }
    .options{
        width: 80%!important;
    }
    .instructions{
        margin-top: 60px;
    }
    #instructions360{
        margin-top: 0px;
    }
   .modal-body{
    font-size: 12px!important;
   }
   .slimScrollDiv,#inner-content-div{
    height: auto!important;
    overflow: inherit !important 
   }
}

@media (max-width:800px){
.options{
        width: 60%;
    }
    /* .instructions{margin-top: 64px}*/
    .rating-completed{
        margin: -14px 0;
    }

}

@media (min-width: 800px) {
    .question-mark{
        display: none;
    }
}
@media (min-width: 320px) {
    .rating-completed{
        margin: -15px 0;
    }
}
@media (min-width: 360px) {
    .rating-completed{
        /*margin: -20px 0!important; changed by Maximess 22/1*/
    }
}

@media (max-width: 500px){
    .input-text {
    margin-top: 0px!important;
}
@media (max-width: 320px){
.leftcomlogo{padding:0;margin:2px 6px 0 -7px;}
#logo-left,#logo{padding:0;}
.quetion {width: 85%}
}

.login-section{margin:0 10px;width: auto;}/*---Added by Maximess---*/

@media screen and (max-height:480px){
.login-wrapper {
    margin-top: 20px;
}
}

@media screen and (max-height:360px){
.login-wrapper {
    margin-top: 20px;
}
}


@media screen and (max-width:480px){
.demographics .col-xs-9 {width: 70%;float: left;}
.demographics .col-xs-2 {width: 20%;float: left;}
.demographics .col-xs-1 {width: 10%;float: left;padding: 0px;}

}   

@media screen and (max-width:414px){
.demographics .col-xs-9 {width: 65%;padding-left: 24px !important;font-size: 13px;line-height: 16px;padding-right: 0px;}
.demographics .col-xs-2 {width: 25%;}
.demographics .col-xs-1 {width: 10%;float: right;}

}