.cf7sg-container .cf7-smart-grid.has-grid .container, .wp-container-7 > * {
max-width: 100% !important;
}
section {
}
.dropdown {
width: 100%;
display: inline-block;
margin-right: 10px;
position: relative;
}
.dropdown.toggle > input {
display: none;
}
.dropdown > a, .dropdown.toggle > label {
border-right: 0px;
border: 1px solid #6E4E77;
border-right: 0;
height: 60px;
line-height: 36px;
}
.dropdown ul {
list-style-type: none;
display: block;
margin: 0;
padding:0;
position: absolute;
width: 100%;
box-shadow: 4px 10px 9px -1px rgb(0 0 0 / 19%);
overflow: hidden;
min-width: 100%;
z-index: 2;
background-color: #fff;
}
.dropdown a, .dropdown.toggle > label {
display: block;
padding: 0 0 0 15px;
text-decoration: none;
line-height: 56px;
cursor: pointer;
}
.dropdown li {
height: 0;
overflow: hidden;
transition: all 500ms;
}
.dropdown.hover li {
transition-delay: 300ms;
}
.dropdown li:first-child a {
border-radius: 2px 2px 0 0;
}
.dropdown li:last-child a {
border-radius: 0 0 2px 2px;
}
.dropdown li:first-child a::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #FFF;
margin: -10px 0 0 30px;
}
.dropdown a:hover, .dropdown.toggle > label:hover, .dropdown.toggle > input:checked ~ label {
background-color: #fff;
color: #666;
}
.dropdown > a:hover::after, .dropdown.toggle > label:hover::after, .dropdown.toggle > input:checked ~ label::after {
border-top-color: #AAA;
}
.dropdown li:first-child a:hover::before {
border-bottom-color: #EEE;
}
.dropdown.hover:hover li, .dropdown.toggle > input:checked ~ ul li {          
height: auto;
}
.dropdown.hover:hover li:first-child, .dropdown.toggle > input:checked ~ ul li:first-child {
padding-top: 15px;
}
.hide {
display: none;
}
.num-adul{
height: 60px !important;
width: 60px !important;
padding: 5px !important;
text-align: center;
border: 1px solid #6E4E77 !important;
margin-bottom: 0 !important;
float: right;
}
.numb{
padding: 0 !important;
outline: none !important;
text-align: center;
min-height: 20px !important;
margin-bottom: 0px !important;
font-size: 14px !important;
color: #333333 !important;
}
.numb::-webkit-inner-spin-button {
opacity: 0;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type=number] {
-moz-appearance:textfield;
}
#output, #output2, #output3 {
font-size: 13px;
}
#info {
position: absolute;
bottom: 10px;
left: 10px;
}
.number-wrapper {
position: relative;
}
.number-wrapper:after,
.number-wrapper:before  {
border: 1px solid #0070C2;
position: absolute;
right: 0px;
font-size: 14px;
pointer-events: none;
background: #fff;
padding: 0px 4px;
width: 17px;
text-align: center;
height: 11px;
line-height: 8px;
}
.number-wrapper:after {
color: blue;
content: "+";
margin-top: 0px;
}
.number-wrapper:before {
color: red;
content: "-";
bottom: -4px;
}  
.input-age{
font-size: 12px;
border: 1px solid #CC0001 !important;
outline: none;
height: 40px;
min-height: 40px !important;
padding: 0px 5px !important;
}
.w-100{
width: 100%;
}
.pb10{
padding-bottom: 10px;
}
.w-100.pb10{
display: flex;
align-items: center;
} 
.text-anh{
font-size: 13px;
color:#333;
font-weight: 600;
}
.text-age {
font-size: 13px;
color: #6C6C6C;
padding-top: 2px;
font-weight: 500;
}
.overflow-hidden{
overflow: hidden;
} 
.textinfo{
font-size: 14px;
color: #6b6b6b;
font-weight: 400;
} 
.input-age{
border: 1px solid #0071c2;
color: #414151;
margin-left: auto;
padding: 8px 24px 8px 8px;
border-radius: 2px;
background:#fff url(//cf.bstatic.com/static/img/cross_product_index/toggle/fb6f63d62231f9fe552d79b5448620b2e63c726e.svg) no-repeat;
background-position: right 8px top 50%;
min-width: 48px;
-webkit-appearance: none;
}    
.nopadding{
padding-left: 0 !important;
padding-right: 0 !important;
}
.wpcf7-submit{
border: 0px;
padding: 0px !important;
border-radius: 0px !important;
height: 60px;
text-transform: initial !important;
font-family: "Montserrat", Sans-serif !important;
font-size: 15px !important;
font-weight: 500 !important;
}
.number-wrapper{
display:flex;
}
.number-wrapper span.wpcf7-form-control-wrap {
width: 35px;
display: flex;
justify-content: center;
align-items: center;
}
.number-wrapper span.wpcf7-form-control-wrap input{
height: unset;
min-height: unset;
position: absolute;
left: 0px;
width: 35px;
}
.number-wrapper .form_plus{
padding: 8px;
}
.number-wrapper .form_minus{
bottom: unset;
padding: 7px 8px;
}
.number-wrapper .form_plus, .number-wrapper .form_minus {
cursor: pointer;
position: relative;
border: 2px solid #00989d;
color: #00989d;
display: inline-block;
text-align: center;
margin: 0 auto;
line-height: unset;
font-size: 18px;
width: 40px; 
height: 40px;
}
.number-wrapper:before {
bottom: unset;
padding: 5px 8px;
}
.number-wrapper:after {
padding: 5px 8px;
}
.number-wrapper:before, .number-wrapper:after {
position: relative;
border: 2px solid #00989d;
color: #00989d;
display: inline-block;
height: unset;
text-align: center;
margin: 0 auto;
line-height: unset;
width: unset;
font-size: 16px;
content: unset;
}
.dropdown.hover:hover li, .dropdown.toggle > input:checked ~ ul li{
padding: 5px 0;
}
.numb{
border: unset !important;
}
@media (min-width: 992px){
.w-dtc {
width: 22% !important;
}
.w-c {
width: 10.6% !important;
}
} 
@media (max-width: 991px){
.row .yline1{
border-top: 2px solid #6E4E77 !important;}
.clear{
clear: both;
} 
.wpcf7-submit{
border: 2px solid #00989D !important;
}
.dropdown ul {
width: 100% !important;
}
.w-dtc .ydate1{
border-left: 2px solid #6E4E77 !important;
border-right: 1px solid #6E4E77 !important;
}
} 
@media (max-width: 767px){  
}
@media (max-width: 360px){                                                                           
.box-dropdown .col-md-6.col-xs-6{
padding-left: 10px !important;
padding-left 10px !important;
}
} 
@media (max-width: 399px){                                                                           
form .mw-100{
width: 100% !important;
}
}  
@media (max-width: 340px){    
.number-wrapper span.wpcf7-form-control-wrap {
width: 15px !important;
}
form .yline, form .ydate1, form .ydate2 {
padding: 3px !important;
}
.date-picker::after, .date-picker-2::after {
right: 4px !important;
font-size: 11px !important;
}
.dropdown a, .dropdown.toggle > label {
padding-left: 7px;
}
}