.container-1200px{
	clear: both;
	width: 1000px;
	margin: 0 auto;
}
.container-1200px p{ margin-top: 5%; text-align: center;}
.qlogo{ 
	text-align: center;
	margin-top: -50px;
	 }
	 .qlogo img{ max-width: 120px; }
.questionForm{
	width: 100%;
	float: left;
	border: 1px solid #997d2e;
	padding: 0px 60px 60px;
	margin: 4% 0;
	position: relative;
	border-radius: 30px;
}	
.questionForm h2{
	font-family: "EB Garamond",serif;
    font-weight: 100;
    color: #997d2e;
    letter-spacing: 4px;
    font-size: 2.5rem;
    width: auto;
    background: #fff;
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
} 
.questionForm .formDetail {
    width: 100%;
    float: left;
    margin-top: 2%;
}
.questionForm .fromSection{
	width: 100%;
	float: left;
	margin-top: 5%;
}
.questionForm .fromSection .sectionHead{
  font-size: 1.3rem;
  font-family: "EB Garamond",serif;
  font-weight: 600;
}
.questionForm .fromSection .sectionHead label{
	color: #666769;
	font-size: 1.25rem;
}
.questionForm .fromSection .SectionDetail{
	margin-top: 10px;
	display: flex;
    align-items: center;
    position: relative;
    margin-left: 40px;
}
.range {
    margin-top: 0px !important;
}
 .details{
	font-size: 1.65rem;
	display: flex;
	align-items: center;
	margin-right: 10%;
	position: relative;
	font-family: "EB Garamond",serif;
}
 .details span, .width50 span{
	color: #666769;
    font-size: 1.25rem;
    margin-left: 20px;
}
 .details input[type="checkbox"] {
	width: 30px;
	height: 30px;
	margin-left: 10px;
	display: none;
}
 .details input[type="checkbox"]:before{
  border: 2px solid #000;
}
 .details input[type="checkbox"]:before{
   transform: rotate(-45deg) scale(1);
}
 .details label{
	position: relative;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.details label:after {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 0px solid #997d2e;
    box-shadow: 0 0px 1px 1px #997d2e;
    padding: 14px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    right: -40px;
    margin-right: 5px;
}
 .details input:checked + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    right: -25px;
    width: 8px;
    height: 16px;
    border: solid #997d2e;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.ageWrapp{ margin-top: 30px !important; }
.partHead{
	color: #ccb15e;
	font-size: 1.75rem;
    font-family: "EB Garamond",serif;
    position: relative;
}
/*.partHead:after{
	content: "";
    width: 90%;
    height: 2px;
    background-color: #ccb15e;
    right: 3%;
    position: absolute;
    bottom: 25%;
}*/
.partHeadQuestion{
	font-size: 1.3rem;
	font-family: "EB Garamond",serif;
	margin-top: 30px;
    margin-left: 40px;
}
.parts .SectionDetail{
	margin-left: 10px;
}
.parts{ margin-top: 0 !important; }
.subPartHead{
	font-family: "EB Garamond",serif;
	font-size: 1rem;
	margin-top: 10px;
    margin-left: 40px;
}
.subPartHead span{
  margin: 0 20px;
}
.parts .details input{
	width: 30px;
	height: 30px;
	border: 1px solid #997d2e;
	text-align: center;
	font-size: 20px;
	box-shadow: 0 0px 1px 1px #997d2e;
}
.parts .inputText{
	margin-right: 1% !important;
}
.boldText{
	font-weight: 600;
    margin-left: 0px;
    font-size: 1.3rem;
}
.part2Option{
	margin: 20px 0px 20px 80px;
}
.part2Option .details{
	width: 40%;
	float: left;
	margin-bottom: 10px;
	font-size: 1.2rem;
}
.part2Option .details label:after {
  left: -40px;
  right: auto;
}
.part2Option .details input:checked + label:before{
	left: -32px;
}
.part2wrapp {
    float: left;
    position: relative;
}
.part2wrapp .error-msg{
    left: 0;
    top: 100%;
}
.questionSubmitButton, .btnToSite {
    width: auto;
    float: left;
    background-color: #ccb15e;
    color: #fff;
    margin-top: 40px;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
div.options > label > input {
    visibility: hidden;
}

div.options > label {
    display: flex;
    padding: 0 0 20px 0;
    height: 20px;
    align-items: center;
    margin-left: 20px;
    
}

div.options > label > img {
    display: inline-block;
    padding: 0px;
    height:30px;
    width:30px;
    background: none;
    margin-left: 10px;
    border: 0px solid #997d2e;
    box-shadow: 0 0px 1px 1px #997d2e;
}

div.options > label > input:checked +img {  
    background: url(/images/check.png);
    background-repeat: no-repeat;
    background-position:center center;
    background-size:30px 30px;
    background-size: 75%;
}
.options {
    display: flex;
    align-items: center;
    margin-top: 20px;
    font-size: 1.3rem;
    font-family: "EB Garamond",serif;
    width: 100%;
}
.width50{ margin-right: 70px; }
.range label{ 
    height: 30px !important;
    width: 30px;
}
.range label img{ display: none !important; }
.parts{ display: none; }
.range label{ position: relative; }
.range label span{ position: absolute; left: 58%; color: #ccc; display: none;}
.hideSpan span{ display: none; }
.thankyouQestion {
    width: 100%;
     text-align: center; 
     display: none;
     color: green;
    transform: translateX(-50%);
    height: 50vh;
    position: relative;
    top: 100px;
    left: 50%;
}
.range input:checked + label:before {
     content: '';
    width: 18px;
    height: 18px;
    background: #F87DA9;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.range input[type="radio"]:checked,
.range input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.range input[type="radio"]:checked + label,
.range input[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #000;
}
.range input[type="radio"]:checked + label:before,
.range input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    border: 3px solid #997d2e;
    border-radius: 100%;
    background: #fff;
}
.range input[type="radio"]:checked + label:after,
.range input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 32px;
    height: 32px;
    background: #997d2e;
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.range input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.range input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.range div{ width: 10%; text-align: center;}
.range div p{ font-size: 1.15rem; margin-bottom: 10px; }
 /*.range .op1 input[type="radio"]:not(:checked) + label:before{
    border-color: #d84848 !important;
 }
 .range .op2 input[type="radio"]:not(:checked) + label:before{
    border-color: #e4764d !important;
 }.range .op3 input[type="radio"]:not(:checked) + label:before{
    border-color: #f7cda3 !important;
 }.range .op4 input[type="radio"]:not(:checked) + label:before{
    border-color: #bdb43c !important;
 }.range .op5 input[type="radio"]:not(:checked) + label:before{
    border-color: #84a848 !important;
 }*/
 .error-msg {
    position: absolute;
    top: 85px;
    font-size: 0.75rem;
    color: red;
}
.agecontent{ position: relative; }
.resturant360 .error-msg{
    top: 45px !important;
}
.resturant360 label{ margin-right: 70px; }
.SectionDetail textarea {
    border: 1px solid #ccb15e;
    width: 90%;
    height: 100px;
    resize: none;
    padding: 10px;
}
.secQuest{ margin-left: 5px !important; }
.width650px{ width: 650px !important; margin: 0 auto;}
.width650px .range div{ width: 15% !important; }
.width650px .SectionDetail{ margin-left: 60px !important; }
.meetingFeedback p{ margin: 3% 0 2%; }
.tfield .error-msg{ top: 105px !important; }
@media only screen and (max-width: 1024px){
	.container-1200px{ width: 100%; }
	.qlogo img{ max-width: 25%; }
	.questionForm{ padding: 0px 15px 60px; }
	.questionForm h2{ font-size: 2rem; }
	.questionForm .fromSection .SectionDetail, .options{ display: block; }
	.details label{ width: 40%; }
	.details{ margin: 5% 0; }
	/*.partHead:after{ width: 75%; }*/
	.parts .inputText{ width: 15%; float: left; }
	.part2Option .details{ width: 100%;margin-left: 20px; margin-bottom: -5px;}
	.part2Option .details label{ width: 100%; }
	.part2Option {margin: 0px 0px 20px 20px; float: left;}
	.subPartHead span{ margin: 0 5%; }
	.partHeadQuestion{ display: inline-block; }
    .ageWrapp label {
            margin-bottom: 22px;
            width: 50%;
            position: relative;
    }
    .ageWrapp label img{
        position: absolute;
        right: 0;
    }
    .width50 {
    width: 100% !important;
    margin-top: 40px;
   }
   div.options > label{ margin-left: 0px; }
   .parts label, .range label{
    margin-top: 0px !important;
   }
   .options.range {
    display: flex;
}
   .range div{ width: 17%; }
   .container-1200px p{ margin-bottom: 10%; }
   .error-msg{ top: 100%; }
   .resturant360 .error-msg{ top: 100% !important; }
   .SectionDetail textarea{ width: 100%; }
   .questionForm .fromSection .SectionDetail, .partHeadQuestion, .secQuest, .subPartHead{ margin-left: 0px; }
   .container-1200px p{ padding:0px 20px; }
   .range p {max-height: 25px; padding: 0px;}
   .questionForm{ border: none; }
   .resturant360{ margin-top: 35px !important; }
   .resturant360 label:first-child{ padding-bottom: 60px; }
   .r5 label { margin-top: 30px !important;}
   .resturant360 .options{ margin-left: 8px; }
   .width650px .SectionDetail {margin-left: 5px !important;}
   .width650px .range div p {margin-bottom: 35px !important;}
   .width650px { width: 100% !important;}
   .tfield .error-msg{ left: 0 !important; }
}

@media only screen and (max-width: 767px){
.part2Option .details input:checked + label:before{
	top: 0px;
}
.SectionDetail.secQuest .options label img {
    position: absolute;
    left: 30%;
}
.SectionDetail.secQuest .options label{
    margin-bottom: 20px;
}
}