File: /home/barbeatleanalyti/www/m.beatleanalytics.com/assets/survey/css/responcive - Copy.css
@media only screen and (min-width:962px) and (max-width:1200px){
.optionvalue:hover {
font-weight: bold !important;
background: #FFF !important;
}
.row.col-sm-12.text-center.thanks {
margin-top: 116px !IMPORTANT;
}
div#mainlogin SPAN { MARGIN-LEFT:78px;}
.col-sm-12.button-login-reset-sign-up { height: 107px !IMPORTANT;}
a.button.buttom-calm.background-beatle.beatle-button-1x.ahref:hover { background: white; color: black;}
/*****userfeedback*****/
.accordion { margin: 0px !IMPORTANT;}
.accordion-section div { margin: 0 auto!IMPORTANT ;padding: 0px!IMPORTANT ; width: 90% !IMPORTANT; margin-top: 10px !IMPORTANT;}
.accordion h1 { margin: 0 auto !IMPORTANT; margin-bottom: 12px !IMPORTANT;}
.accordion-section {width: 100%; float: left !IMPORTANT;}
div#contentDiv_0 .col-sm-12 {margin: 0px;padding: 0px;}
div#contentDiv_0 h1 { border-radius: 3px !IMPORTANT;}
.accordion-section { margin-bottom: 5px;}
.accordion-section-title {padding: 21px;font-size: 30px;}
.accordion-section p { font-size: 25px !IMPORTANT;}
div#contentDiv_3 .col-sm-12 { PADDING: 0PX; MARGIN: 0PX;}
div#contentDiv_3 H1 { BORDER-RADIUS: 5PX; FONT-SIZE: 40PX; PADDING: 7px 0;}
div#contentDiv_3 H1 { BORDER-RADIUS: 5PX; FONT-SIZE: 40PX; PADDING: 7px 0; box-shadow: 2px 3px 20px 0px black;}
div#contentDiv_0 h1 { border-radius: 3px !IMPORTANT; box-shadow: 2px 3px 20px 0px black;}
.accordion-section a { font-size: 26px !IMPORTANT;}
.optionvalue:hover {background: #b1e8ea !important;}
.accordion h1 { width: 100%; border-radius: 3px!important;}
.accordion .col-sm-12 { margin: 0px; padding: 0px;}
.accordion h1 { box-shadow: 2px 3px 20px 0px black;}
.bt-continue .col-sm-12.headerback.textcenter a {
padding: 9px 39px;
font-size:27px!IMPORTANT;
border-radius: 50px;
margin: 12px 0 !IMPORTANT;
background: #369498 !IMPORTANT;
}
input#single_line_30 { width: 50%;
padding: 9px 27px;
margin: 0px 25px 0 0 !IMPORTANT;
box-sizing: border-box;
border: 1px solid #ccc;
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
padding-top: 8px;
padding-bottom: 13px;
}
input#singleLine_30 {
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;
}
input#singleLine_30 {
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;
}
input#singleLine_30 {
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;
}
input#singleLine_31 {width: 21%;
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;
width:30%;
}
.accordion-section a#pagetitle_28 {
font-weight: 700 !IMPORTANT;
font-size: 29px !IMPORTANT;
}
.accordion-section {
margin-top: 0 !IMPORTANT;
}
.accordion-section div#accordion-29 input[type="text"] {
width: 100%;
padding: 23px 27px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
margin-bottom: 46px;
}
.accordion-section a#pagetitle_30 {
margin: 8px 0 0 0 !important;
}
.accordion-section a#pagetitle_31 {
margin: 0 !important;;
}
.accordion-section div#accordion-29 input[type="text"] {
width: 50%;
padding: 9px 27px;
margin: 0px 25px 0 0 !IMPORTANT;
box-sizing: border-box;
border: 1px solid #ccc;
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
padding-top: 8px;
padding-bottom: 13px;
}
.col-sm-12.text-center h1 {
width: 100%!IMPORTANT;
margin: 0px !IMPORTANT;
padding: 0px !IMPORTANT;
border-radius: 3px !IMPORTANT;
box-shadow: 2px 3px 20px 0px black !IMPORTANT;}
.row.col-sm-12 .col-sm-12.text-center {
width: 100% !IMPORTANT;
float: left !IMPORTANT;
margin: 0px !IMPORTANT;
padding: 0px !IMPORTANT;
}
.col-sm-12.text-center {
width: 100%;
float: left;
margin: 22px 0 24px 0;
padding: 0px;
}
.col-sm-12.text-center {
width: 100% !IMPORTANT;
margin: 0px !IMPORTANT;;
padding: 0px !IMPORTANT;;
}
.accordion-section a {
margin: 0 !IMPORTANT;
}
.Feedback-login a {
border-radius: 40px;
line-height: 40px;
min-height: 40px;
color: #fff;
font-size: 28px !IMPORTANT;
padding: 3px 20px;
font-family: 'Futura Md BT Medium';
}
.accordion-section a span img {
width: 30px;
}
.footer { box-shadow: 0px -5px 20px 0px #fdfcfc;}
}
@media only screen and (min-width:500px) and ( max-width:1500px){
/**************28-7-2017************/
form#userLoginForm {height: 700PX !important;}
.optionvalue:hover { font-weight: bold !important; background: white !IMPORTANT;}
div#contentDiv_0 { WIDTH: 100% !important; FLOAT: LEFT !important;}
/*.accordion-section-main { width: 100%; overflow: scroll; height: 620px; }*/
.accordion { PADDING-BOTTOM: 35px;}
label.radio.inline:hover { color: #55cdd3;}
.row.col-md-12.summery { MARGIN: 0PX;}
.footerback {height: 685px !important; }
.accordion-section a span img { width: 30px;}
.footer { box-shadow: 0px -5px 20px 0px #fdfcfc;}
div#mainlogin input#endusername { margin: 0 auto; margin-top: 33px;border: 1px solid black;}
div#mainlogin input#enduserpassword {margin: 0 auto;margin-top: 12px; border: 1px solid black;}
a.button.buttom-calm.background-beatle.beatle-button-1x.ahref:hover {background: white;color: black;}
.col-sm-12.button-login-reset-sign-up table {margin: 0 auto !important; width: 85% !important; float: none !important;}
.col-sm-12.button-login-reset-sign-up button {padding: 0 44px !important;font-size: 18px !important;}
.col-sm-12.button-login-reset-sign-up td { width: 33.33% !important; text-align: center !important;}
#mainlogin .input-dept input { font-size: 19px !important; height: 50px;margin: 0 auto;}
.col-sm-12.button-login-reset-sign-up td a:hover { color: black !important;}
.col-sm-12.button-login-reset-sign-up td button:hover { border: 1px solid black !important;}
.col-sm-12.headerback.textcenter {padding-bottom: 30px;}
body { margin: 0px 0px 0px 0px;font-family: 'Open Sans', sans-serif !important;}
#signupLogin input { font-size: 19px !important;}
#signupLogin input { margin: 0 auto !important; border: 1px solid black; border-radius: 5px;}
.input-dept {width: 80%; margin: auto; height: 86px;}
#signupLogin span { margin-left: 49px;}
.col-sm-12.button-login-reset-sign-up table { width: 100% !important;}
.col-sm-12.button-login-reset-sign-up button {padding: 0px !important; width: 90%; border-radius: 10px;}
.col-sm-12.button-login-reset-sign-up { height: 95px;}
#mainlogin input { margin: 0 auto !important;}
#mainlogin span { margin-left: 51px;}
.col-sm-12.headerback.textcenter .col-sm-12.headtext { MARGIN-BOTTOM: 21px !important;}
/*****userfeedback*****/
.accordion { margin: 0px !IMPORTANT;}
.accordion-section div { margin: 0 auto!IMPORTANT ;padding: 0px!IMPORTANT ; width: 90% !IMPORTANT; margin-top: 10px !IMPORTANT;}
.accordion h1 { margin: 0 auto !IMPORTANT; margin-bottom: 12px !IMPORTANT;}
.accordion-section {width: 100%; float: left !IMPORTANT;}
div#contentDiv_0 .col-sm-12 {margin: 0px;padding: 0px;}
div#contentDiv_0 h1 { border-radius: 3px !IMPORTANT ;}
.accordion-section { margin-bottom: 5px;}
.accordion-section-title {padding: 21px;font-size: 30px;}
.accordion-section p { font-size: 25px!IMPORTANT; }
div#contentDiv_3 .col-sm-12 {PADDING: 0PX; MARGIN: 0PX;}
div#contentDiv_3 H1 { BORDER-RADIUS: 5PX; FONT-SIZE: 40PX; PADDING: 7px 0;}
div#contentDiv_3 H1 { BORDER-RADIUS: 5PX; FONT-SIZE: 40PX; PADDING: 7px 0; box-shadow: 2px 3px 20px 0px black;}
div#contentDiv_0 h1 {border-radius: 3px !IMPORTANT; box-shadow: 2px 3px 20px 0px black;}
.accordion-section a {font-size: 28px !IMPORTANT;}
.optionvalue:hover {background: #b1e8ea !important;}
.accordion h1 { width: 100%; border-radius: 3px!important;}
.accordion .col-sm-12 { margin: 0px; padding: 0px;}
.accordion h1 { box-shadow: 2px 3px 20px 0px black; padding: 5px 0;}
.accordion-section div#accordion-29 input#singleLine_29 {
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size:2em;
}
input#single_line_30 {
width: 80%;
padding: 14px 27px;
margin: 0px 14px 0 0 !IMPORTANT;
box-sizing: border-box;
border: 1px solid #ccc;
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
padding-top: 8px;
padding-bottom: 13px;
}
input#singleLine_30 {
background: #55cdd3;
}
input#singleLine_30 {
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;}
input#singleLine_30 {
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;
}
input#singleLine_31 {width: 21%;
background: #55cdd3;
border: 1px solid black;
border-radius: 3px;
font-size: 21px;
}
.accordion-section a#pagetitle_28 {
font-size: 29px !IMPORTANT;}
.accordion-section {
margin-top: 0 !IMPORTANT;
}
.accordion-section div#accordion-29 input[type="text"] {
width: 100%;
padding: 23px 27px;
margin: 8px 0;
box-sizing: border-box;
border: 1px solid #ccc;
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
margin-bottom: 46px;
}
.accordion-section div#accordion-29 input[type="text"] {
width: 80%;
margin: 0px 14px 0 0 !IMPORTANT;
box-sizing: border-box;
border: 1px solid #ccc;
font-family: 'Open Sans', sans-serif !important;
font-size: 20px;
}
.col-sm-12.text-center h1 {
width: 100%!IMPORTANT;
margin: 25px 0px !IMPORTANT;
padding: 5px 0px !IMPORTANT;
border-radius: 3px !IMPORTANT;
box-shadow: 2px 3px 20px 0px black !IMPORTANT;}
.row.col-sm-12 .col-sm-12.text-center {
width: 100% !IMPORTANT;
float: left !IMPORTANT;
margin: 0px !IMPORTANT;
padding: 0px !IMPORTANT;
}
.col-sm-12.text-center {
width: 100%;
float: left;
margin: 22px 0 24px 0;
padding: 0px;
}
.accordion-section a {
margin: 0 !IMPORTANT;
}
.radio span {
position: initial !IMPORTANT; ;
padding-left: 24px;
cursor: pointer;
}
.radio {
color: #999;
font-size: 36px !IMPORTANT;
}
label.radio.inline {
margin: 23px 26px;
}
div#accordion-31 textarea#single_line_31 {
width: 91% !IMPORTANT;
height: 109px;
margin-bottom: 25px;
}
/*****24-7-2017****/
.accordion-section .radio span:after {
width: 25px;
height: 25px;
border: 5px solid;
left: -17px;
top: -3px;
}
.accordion-section label.radio.inline {
width: 100%;
float: left;
}
.accordion-section .radio span {
position: relative;
padding-left: 0;
cursor: pointer;
float: left;
margin-left: 36px;
}
.accordion-section.userfeedback a span {
float: right;
text-align: right;
}
.accordion-section.userfeedback span img {
width: 31px;
}
.accordion-section.userfeedback a span img {
width: 30px;
}
.accordion-section.userfeedback span.right-arrow{
float: right;
margin-right: 44px;
}
.accordion-section a.accordion-section-title-new {
line-height: 1;
text-align: left;
}
.accordion-section.userfeedback {
width: 90%;
margin: 0 auto !IMPORTANT;
float: none !IMPORTANT;
}
.accordion-section input {
font-size: 21px !IMPORTANT;
}
.accordion-section .ans { height: 50px !important;
border: 1px solid #93CFD2 !important;
display: inline !important;
border-radius: 10px !important;
padding-left: 10px !important;
margin-left: 10px;
font-size: 15px !important;
padding-top: 11px !IMPORTANT;
padding-bottom: 11px !IMPORTANT;
}
.maxl {
FLOAT: LEFT;
}
.border-bt {
BORDER-BOTTOM: 2PX SOLID #ddd;
}
a#pagetitle_26 {
border: none;
}
/********25-7-2017*****/
.accordion-section.btr {
border-bottom: 2px solid #DDD;
width: 90%;
margin: 0 auto !IMPORTANT;
display: inline-table !IMPORTANT;;
height: auto !IMPORTANT;
float: inherit !IMPORTANT;
}
.accordion-section.btr div {
padding: 0px !IMPORTANT;
margin: 0px !IMPORTANT;
width: 100%;
float: left;
padding-bottom: 7px !IMPORTANT;
}
.accordion-section.btr a {
padding: 33px 0 5px 0;
}
.accordion-section.btr .ans {
border: 1px solid #93CFD2 !IMPORTANT;
FONT-SIZE: 24PX !IMPORTANT;
}
.accordion-section.btr {
padding-bottom: 18px;
}
.accordion-section.btr .ans-textarea {
border: 1px solid #93CFD2 !IMPORTANT;
border-radius: 15px;
BORDER: 1px solid #93CFD2 !important;
}
.accordion-section.btr .singleLine.btn.btn-md {
border: none !IMPORTANT;
border-radius: 7px !IMPORTANT;
}
.accordion-section.btr .singleLine.btn.btn-md {
padding: 14px 10px;
margin-bottom: 9px !IMPORTANT;
}
.accoption {
background-color: #f8f8f8!important;
}
.accordion-section.btr a{
PADDING-BOTTOM: 15px !important;
}
.bt-continue {
height: 159px;
width: 100%;
float: left;
}
.bt-continue .col-sm-12.headerback.textcenter a {
padding: 9px 39px;
font-size: 24px;
border-radius: 50px;
}
.bt-continue .col-sm-12.headerback.textcenter {
height: 414PX !important;
}
.bt-continue .col-sm-12.headerback.textcenter a {
padding: 12px 44px;
font-size: 21px;
border-radius: 50px;
margin: 12px 0 !IMPORTANT;
background: #369498 !IMPORTANT;
line-height:6;
}
.Feedback-login {
margin: 25px 0px;
}
.Feedback-login a {
border-radius: 40px;
line-height: 40px;
min-height: 40px;
color: #fff;
font-size: 24px;
padding: 3px 20px;
font-family: 'Futura Md BT Medium';
}
.feedback-login a {
padding: 12px 44px;
font-size:20px;
border-radius: 50px;
margin: 12px 0 !IMPORTANT;
background: #369498 !IMPORTANT;
}
.row.col-sm-12.headerback.textcenter {
height: 600px !IMPORTANT;
padding: 0px 0 64px 0px!IMPORTANT;
width: 100%;
margin: 0px;
}
.feedback-login {
margin-top: 45px;
}
/******summri***/
.row.col-md-12.summery-sub {
width: 90%;
margin: 0 auto;
}
.qty {
float: left;
margin-right: 9px;
}
.row.col-md-12.summery-sub .row {
width: 92%;
margin: 0 auto;
}
.row.col-sm-12.headerback.textcenter.summery {
height: auto !IMPORTANT;
}
.row.col-sm-12.summery-heder {
margin: 0!IMPORTANT;
padding: 0px;
}
.row.col-sm-12.textcenter.bt-continue {
width: 100%;
float: left;
height: auto !IMPORTANT;
margin: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0px;
}
.row.col-sm-12.summery-heder h4 {
text-align: center;
}
.row.col-sm-12.textcenter.bt-continue {
position: fixed;
bottom: 0;
}
.row.col-md-12.summery-sub {
float: left;
margin-bottom: 84px;
}
.thanks-main {
margin-top: 56px !IMPORTANT;
width: 100% !IMPORTANT;
float: left !IMPORTANT;
margin-bottom: 20px;
}
.row.col-sm-12.textcenter.btn-home a {
padding: 12px 44px;
font-size: 21px;
border-radius: 50px;
margin: 12px 0 !IMPORTANT;
background: #369498 !IMPORTANT;
line-height: 6;
}
/*********29-7-2017***/
input[type="radio"] {width: 25px !IMPORTANT; height: 25px !IMPORTANT;}
.optionvalue:hover {background: none !IMPORTANT;}
.accordion h1 {
position: fixed;
top: 80px;
z-index: 99999;
border-top: 33px solid #fff;
}
.container.headerback {
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
}
.accordion-section-main {
margin-top: 148px;
}
.accordion {
WIDTH: 100%;
FLOAT: LEFT;
}
.heder-top{
WIDTH: 100% !important;
FLOAT: LEFT !important;
BACKGROUND: #FFF;
HEIGHT: 47PX;
POSITION: FIXED;
TOP: 76PX;
}
.container.headerback {
z-index: 9999999;
}
.accordion-section-main {
width: 100%;
float: left;
}
.container .col-sm-12.textcenter img {
margin-top: 88px;
}
.accordion-section.btr {
margin: 0 auto !IMPORTANT;
float: none !IMPORTANT;
padding: 0px;
}
.row.col-sm-12.summery-heder {
position: fixed;
top: 76px;
width: 100%;
}
.row.col-sm-12.summery-heder {
margin: 0!IMPORTANT;
padding: 0px;
z-index: 9999;
background: white;
}
.row.col-md-12.summery {
margin-top: 247px;
margin-bottom: 247px;
}
.row.col-md-12.summery {
width: 100%;
float: left;
}
.accordion-section-main {
margin-bottom: 33px;
}
.row.col-sm-12.summery-heder {
POSITION: FIXED;
TOP: 86px;
}
label.radio.inline span.optionvalue:hover {
font-weight: bold !important;
background: #fff !important;
}
.headerback { padding: 13px !important;}
.row.col-sm-12.textcenter.btn-home { margin: 0px;
}
.qty-ans {
font-size: 20px;
}
.qty {
font-size: 20px;
}
/****************2-8-2017************/
canvas{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
canvas#canvas {
width: 95% !IMPORTANT;
margin: 0 auto;
}
.hed p {
text-align: left;
/* margin-left: 34px; */
/* width: 196px; */
/* background: #55CDD3; */
/* padding: 4px 13px; */
color: black;
/* font-size: 23px; */
/* border-radius: 3px; */
border-bottom: 1px solid #DDE;
margin: 21px 29px;
}
.table-responsive {
width: 93%!IMPORTANT;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
MARGIN: 0 AUTO;
}
.container.hed h2 {
margin-top: 50px;
}
.bnt-back {
width: 60px;
float: right;
margin-right: 72px;
margin-top: 10px;
}
.bnt-back a{
padding: 6px 22px;
background: #55CDD3;
color: white !IMPORTANT;
border-radius: 3px;
}
}
@media only screen and (min-width:0px) and ( max-width:565px){
#mainlogin .input-dept input { font-size: 19px !important; height: 50px;}
.col-sm-12.button-login-reset-sign-up table { margin: 0 auto !important; width: 100% !important;float: none !important;}
.col-sm-12.headerback.textcenter { padding-bottom: 30px;}
a.button.buttom-calm.background-beatle.beatle-button-1x.ahref:hover { background: white; color: black;}
#signupLogin input{ font-size: 19px !important; height: 50px;}
}