#termModel .first-section{
    background-color: white;
    color: black;
}
#termModel .abou-first-text{
    background-color: white;
    color: black;
}
#termModel .first-section h2{
    color: black !important;
}
.pickModel .first-section{
    background-color: #b58745;
}
.winner-modal-content .second-section{
    padding-bottom:  0 !important;
    background-color: #edeceb;
}
.winner-modal-content #third_section{
    padding: 50px;
    background-color: #edeceb;
    color: black;
    
}
.winner-modal-content #third_section h4{
    line-height: 1.5;
}
.winner-modal-content #third_section h2,.winner-modal-content #third_section h5,.winner-modal-content #third_section h4{
    color: black;
}
#winner_title{
    color: black;
}
#winner_name{
    color: black;
}

#privacyModel .first-section{
    background-color: white;
    color: black;
}
#privacyModel .abou-first-text{
    background-color: white;
    color: black;
}
#privacyModel .first-section h2{
    color: black !important;
}

.fancy span {
    display: inline-block;
    position: relative;  
    font-size: 29px !important;
    font-weight: 700;

}
.subtitle{
    text-align: right !important;
    color: #c5934c;
    margin-top: 9%;
}
.fancy span:before{
    content: "";
    position: absolute;
    height: 0px;
    border-bottom: 3px solid #c5934c;
    border-top: 3px solid #c5934c;
    width: 157%;
    margin-top: 5%;
}
.fancy span:before {
    right: 110%;
    margin-right: 15px;
}

#pick_second_section .bootstrap-select{
    width: 220px !important;
}

.error-login-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    color: red;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.error-login-modal-content {
    background-color: #fefefe;
    overflow: auto;
    padding: 0 auto;
    text-align: center;
    margin-left:  30%;
    margin-right :  30%;
    margin-top:   20%;
    margin-bottom:   20%;
    min-height: 180px;

    border: 1px solid #888;
    width: 32%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.errorLoginClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    margin-top: -9px;
    font-weight: bold;
    margin-bottom: +60px;
    height: 8px;
}

.errorLoginClose:hover,
.errorLoginClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.after-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    color: #aaa;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.after-modal-content {
    background-color: #fefefe;
    overflow: auto;
    padding: 0 auto;
    text-align: center;
    margin-left:  30%;
    margin-right :  30%;
    margin-top:   20%;
    margin-bottom:   20%;
    min-height: 180px;

    border: 1px solid #888;
    width: 32%; /* Could be more or less, depending on screen size */
}
.login-modal input{
    color: black;
}
.login-modal  ::placeholder{
    color: #aaa;
}
.register-model input{
    color: black;
}
.register-model  ::placeholder{
    color: #aaa;
}
.profile-modal-content input{
    color: black;
}
.profile-modal-content  ::placeholder{
    color: #aaa;
}

/* The Close Button */
.afterRegisterClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    margin-top: -9px;
    font-weight: bold;
    margin-bottom: +60px;
    height: 8px;
}

.afterRegisterClose:hover,
.afterRegisterClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.video-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    color: #aaa;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.video-modal-content {
    background-color: #fefefe;
    overflow: auto;
    padding: 0 auto;
    text-align: center;
    margin: 20%;
    border: 1px solid #888;
    width: 52%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.videoClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.videoClose:hover,
.videoClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}



.privacyModel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}
.privacyModel h2{
    color: white;
    font-size: 22px;
    font-weight: bold;
}



/* Modal Content/Box */
.privacy-modal-content {
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    width: 60%; /* Could be more or less, depending on screen size */
    overflow: auto;
}

/* The Close Button */
.closePrivacy {
    color: black;
    float: right;
    font-size: 28px;
    padding: 5px;
}

.closePrivacy:hover,
.closePrivacy:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.closeFAQ {
    color: black;
    float: right;
    font-size: 28px;
    padding: 5px;
}

.closeFAQ:hover,
.closeFAQ:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}





.termModel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}
.termModel h2{
    color: white;
    font-size: 22px;
    font-weight: bold;
}
/* Modal Content/Box */
.term-modal-content {
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    width: 60%; /* Could be more or less, depending on screen size */
    overflow: auto;
}


/* The Close Button */
.closeTerm {
    color: black;
    float: right;
    font-size: 28px;
    padding: 5px;
}

.closeTerm:hover,
.closeTerm:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}





.modalAbout {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */

}
.modalAbout h2{
    color: white;
    font-size: 22px;
    font-weight: bold;
}
.abou-first-text{
    color: black;
    font-weight: 400;
    padding-right: 4%;
}
.second-section{
    color: black;
    padding: 15px;
    margin-top:0;
    padding-left: 6%;
    font-weight: 400;
    padding-right: 4%;
}

/* Modal Content/Box */
.about-modal-content {
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    width: 60%; /* Could be more or less, depending on screen size */
    overflow: auto;
}
.first-section{
    overflow: auto;
    padding-bottom: 0;
    padding-left: 4%;
}

/* The Close Button */
.closeAbout {
    color: #aaa;
    float: right;
    font-size: 28px;
    padding: 5px;
}

.closeAbout:hover,
.closeAbout:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
#faqModel h2{
    color: black;
    font-weight: bold;
}
.faq-img{
    float: right;
}
.faq-modal-content li{
    list-style: initial;
    color: black;
    border-bottom:  1px solid #6d6d6d; 
}
.collapsible {
    background-color: white;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.active, .collapsible:hover {
}

.content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    width: 90%;

}
.modal-faq {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */

}

/* Modal Content/Box */
.faq-modal-content {
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    padding: 20px;
    padding-bottom: 60px;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
}
.signUpBtn{
    min-width: 250px;
    border-radius: 0px !important;
    background-color: #fff;
    padding: 1%;
    margin: 2%;
    color: #c5934c;
    border: solid 2px #c5934c;
    font-size: 20px;
    margin-left: 0;
    margin-top: 187px;

}
.login-modal .sumbtBtn{
    min-width: 250px;
    border-radius: 0px !important;
    background-color: #c5934c;
    padding: 1%;
    margin: 2%;
    margin-top: 18%;
    margin-left: 0;
    color: white;
    margin-left: 12%;
    font-size: 20px;
}
.register-model .sumbtBtn{
    min-width: 250px;
    border-radius: 0px !important;
    background-color: #c5934c;
    padding: 1%;
    margin: 2%;
    margin-top: 5%;
    margin-left: 3%;
    color: white;
    font-size: 20px;
}


.login-modal-content input{

    outline: 0;

    border-width: 0px;
    border-left: 1px solid #ffbb2d;
    padding-left: 26px;


}
.register-modal-content .border-for-input{
    margin-left:  3%;
}
.padding-icon{
    padding-right: 7px;
    color: #aaa;
    width: 30px;
}
/*changed*/
.border-for-input{
    border-bottom: 1px solid #dedede;
    font-size: 14px;
    margin-bottom: 16px;
    margin-top:  25px;
    color: black;
}
/*changed*/

.login-modal-content h2{
    padding-bottom: 3%;
    font-size: 24px;
    font-weight: bold;
}
.login-modal .list-icon .icon{
    padding-left: 25%;
}
.login-modal .list-icon{
    border-right: 1px solid #ffbb2d;
    border-bottom: 2px solid #aaa;
    padding-bottom: 2px; 
    color: #b3b3b3;
    font-size: 23px;
    width: 10%;
}


.login-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    color: black;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.login-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    padding: 20px;
    overflow: auto;
    border: 1px solid #888;
    width: 60%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.loginClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.loginClose:hover,
.loginClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.login-sec{
    border-right: solid 1px #aaa ;
    padding-right: 75px;
}
.winnerModel .third-section{
    background-color: white;
    color: black;
    padding: 3%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 16px;
}
.winner-modal-content .second-section h2{
    color: white;
    padding-bottom: 2%;
    padding-top:  2%;

}
.winner-modal-content .second-section h5{
    color: white;
    padding-bottom: 2%;
    padding-top:  2%;
}
.winnerModel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.winnerModel h2{
    color: #b58745;
    font-size: 22px;
    font-weight: bold;
}

.winnerModel .second-section{
    color: #ccc;
    padding-top:  15px;
    padding-bottom:  15px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0% !important;
    font-weight: 600;
}

/* Modal Content/Box */
.winner-modal-content {
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    width: 60%; /* Could be more or less, depending on screen size */
    overflow: auto;
}
.winnerModel .first-section{
    color: #b58745;
    background-color: #fff;
    overflow: auto;
    padding-bottom: 0% !important;
}

/* The Close Button */
.winnerModel .closeWinner {
    color: #000;
    float: right;
    font-size: 28px;
    padding: 5px;
}

.closeWinner:hover,
.closeWinner:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

select option:first-child{
    color: #aaa;
}
.custom-select-d{
    width: 88%;
    border: none;
    padding-bottom: 1%;
    padding-left: 5%;
    border-left: 1px solid #ffbb2d;
}
.select-items :hover{
    background-color: #c5934c;
}
.custom-select {
    position: relative;
    font-family: Arial;
    position: relative;
    float: left;
    width: 92%;
    border-left: 1px solid #ffbb2d;
}

.custom-select select {
    display: none; /*hide original SELECT element: */
}

.select-selected {
    background-color: #fff;
    border-bottom: 2px solid #aaa;
}
.drop-down-icon{
    position: relative;
    float: left;
    margin-right: 7px;

}

/* Style the arrow inside the select element: */
.select-selected:after {
    position: absolute;
    content: "";
    top: 40%;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #aaa transparent transparent transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/* style the items (options), including the selected item: */
.select-items div,.select-selected {
    color: #aaa;
    padding: 0px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}

/* Style items (options): */
.select-items {
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    max-height: 300px;
    right: 0;
    z-index: 99;
    overflow-y: auto;
}

/* Hide the items when the select box is closed: */
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}
.sumbtBtn{
    min-width: 250px;
    border-radius: 0px !important;
    background-color: #c5934c;
    padding: 1%;
    margin: 2%;
    color: white;
    font-size: 20px;
}
/*changed*/
.read_cond{
    color: #b3b3b3;
    font-size: 16px;
    padding-left: 2%;
}
/*changed*/
.checkmark{
    margin-top: 0px;
    background-color: #b3b3b3;
}
.read_cond:hover{
    color: #b3b3b3;

}
.required{
    text-align: right;width: 100%; padding-right: 20%;
    color: #c5934c;
}
input[required='no'] + label {
    color: #b3b3b3;
    font-size: 16px;;
    position: relative;
    top: -34px;

    margin-left: 5%;
    font-weight: normal;
    width: 100%;
}
input[required] + label {
    color: #b3b3b3;
    font-size: 16px;;
    position: relative;
    top: -34px;

    margin-left: 5%;
    font-weight: normal;
    width: 100%;
}

input[required] + label:after {
    content:'*';
    padding-left: 3%;
    color: #aaa;
}
input[required=no] + label:after {
    content:'';
    padding-left: 3%;
    color: #ffbb2d;
}

/* show the placeholder when input has no content (no content = invalid) */
input[required]:invalid + label {
    display: inline-block;
}

/* hide the placeholder when input has some text typed in */
input[required]:valid + label{
    visibility:hidden;
}

.list-input{
    width: 75%;

}
.list-input input{
    width: 100%;
    padding: 3%;

}
.date-li{
    width: 30% !important;
    padding: 3%;
}
/*changed*/
.first-section-register{
    margin-bottom: 25px;
}
/*changed*/
.second-section-register ul{

}
.register-modal-content input{
    outline: 0;
    border-width: 0px;
    border-left: 1px solid #ffbb2d;
    padding-left: 26px;

}
.register-modal-content ul li{
    position: relative;
    float: left;

}

.register-modal-content h3{
    padding-bottom: 3%;
    color: black;
    font-weight: bold;
}
/*changed*/
.register-modal-content h2{
    padding-bottom: 1%;
    color: black;
    font-weight: bold;
}
/*changed*/
.list-icon .icon{
    padding-left: 25%;
}
.list-icon{
    border-right: 1px solid #ffbb2d;
    border-bottom: 2px solid #aaa;
    padding-bottom: 2px; 
    color: #b3b3b3;
    font-size: 31.5px;
    width: 10%;
}
.list-icon1{
    border-right: 1px solid #ffbb2d;
    border-bottom: 2px solid #aaa;
    padding-bottom: 2px; 
    color: #b3b3b3;
    font-size: 31px;
    width: 10%;
}


.register-model {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 110%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/*new*/
.register-model h3{
    font-size: 18px;
}
.register-model h2{
    font-size: 20px;
}
/*new*/


/*changed*/
.register-modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    padding: 20px;
    border: 1px solid #888;
    overflow: auto;
    width: 60%; /* Could be more or less, depending on screen size */
}
/*changed*/

/* The Close Button */
.registerClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -24px;
}

.registerClose:hover,
.registerClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.random-pick-modal-content{
    font-size: 18px;
}
.approve{
    margin: 3%;
}
.selected-info{
    margin: 10%;
}
.selected-info h4{
    color: #c5934c;
}
.selected-info span{
    font-weight: bold;
    font-size: 21px;
    top: 30px;
}
.selected-info h3{
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.selector-div{
    padding-top: 2%;
    padding-bottom: 2%;
}
.values-div{
    margin-top: 1%;
    margin-bottom:  0%;
}
.check-out-container{
    text-align: right;

}
.grey-row{
    background-color: #f0f0f0;
    position: relative;
    float: left;
    width: 100%;
}
.selector-span{
    font-weight: bold;
}
#pick_second_section h2{
    color: #c5934c;
}
#pick_second_section{
    padding: 4%;
}
.pickModel h2{
    font-weight: bold;
}
.pickModel p{
    color: white;
}
.selector-last-div{
    margin-top: 3%;
    margin-bottom: 3%;
}
.approve{
    min-width: 100px;
    color white-space: 
}
.notClickable{
    background-color: #c5934c;
    color:white;
    font-weight: bold;
    cursor: text !important;
}

.selected{
    background-color: green;
    color:white;
    font-weight: bold;
}
.pickModel td {
    border: solid 1px;
    min-width: 45px;
    min-height: 45px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    text-align: center;
}
.pickModel table{
    margin: 20px;
}
.pickModel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.pickModel h2{
    color: white;
    font-size: 22px;
    font-weight: bold;
}

.pickModel .first-section{
    padding-bottom: 10%;
}
/* Modal Content/Box */
.pick-modal-content {
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    margin-top: 3%;
    width: 80%; /* Could be more or less, depending on screen size */
    overflow: auto;
}

/* The Close Button */
.closepickModel {
    color: #fff;
    float: right;
    font-size: 28px;
    padding: 5px;
}

.closepickModel:hover,
.closepickModel:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.randomPickModel {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.random-pick-modal-content{
    background-color: #fff;
    margin: 15% auto; /* 15% from the top and centered */
    width: 30%; /* Could be more or less, depending on screen size */
    overflow: auto;
}
.closeRandomPickModel {
    color: black;
    float: right;
    font-size: 28px;
    padding: 5px;
}
.owl-pick{
    width: 85% !important;
    font-size: 14px;
    font-weight: bold;
    color: #aaa;
}
.owl-pick td{
    border: 2px solid #aaa;
} 
.closeRandomPickModel:hover,
.closeRandomPickModel:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media(max-width:1600px){
    .owl-pick {
        width: 100% !important;
        font-size: 14px;
        font-weight: bold;
        color: #aaa;
    }
    .pickModel td {
        border: solid 1px;
        min-width: 45px;
        min-height: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer;
        text-align: center;
    }
    .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 14px;
        margin-bottom: 16px;
        margin-top: 24px;
        margin-left: 20px;
    }
}
@media(max-width:1540px){
    .owl-pick {
        width: 100% !important;
        font-size: 14px;
        font-weight: bold;
        color: #aaa;
    }
    .pickModel td {
        border: solid 1px;
        min-width: 44px;
        min-height: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer;
        text-align: center;
    }
    .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 14px;
        margin-bottom: 15px;
        margin-top: 23px;
        margin-left: 20px;
    }
    .custom-select-d {
        width: 86%;
        border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
        padding-bottom: 1%;
        padding-left: 5%;
        border-left: 1px solid #ffbb2d;
    }
    .read_cond {
        color: #b3b3b3;
        font-size: 15px;
        padding-left: 2%;
    }
    .register-cust-close{
        height: 8px;
        margin-top: -26px;
        margin-right: -13px;
    }
}
@media(max-width:1340px){
    .form-title{
        padding-top: 15px !important;
    }
    .register-cust-close{
        height: 8px;
        margin-top: -4px;
        margin-right: 4px;
    }
    .owl-pick {
        width: 100% !important;
        font-size: 13px;
        font-weight: bold;
        color: #aaa;
    }
    .pickModel td {
        border: solid 1px;
        min-width: 37px;
        min-height: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer;
        text-align: center;
    }
    .register-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3% ;
        padding: 0px;
        border: 1px solid #888;
        overflow: auto;
        width: 80%;
    }
    .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 13px;
        margin-bottom: 16px;
        margin-top: 22px;
        margin-left: 20px;
    }
    .read_cond {
        color: #b3b3b3;
        font-size: 12px;
        padding-left: 2%;
    }
    .custom-select-d {
        width: 85%;
        border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
        padding-bottom: 1%;
        padding-left: 5%;
        border-left: 1px solid #ffbb2d;
    }
    .login-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3%;
        padding: 20px;
        overflow: auto;
        border: 1px solid #888;
        width: 80%;
    }
    .login-modal-content p{
        font-size: 11px;
    }
    .signUpBtn{
        margin-top: 165px;
    }
}
@media(max-width:1140px){
    .custom-select-d {
        width: 85%;
        border: none;
        border-left-color: currentcolor;
        border-left-style: none;
        border-left-width: medium;
        padding-bottom: 1%;
        padding-left: 5%;
        border-left: 1px solid #ffbb2d;
    }
    .read_cond {
        color: #b3b3b3;
        font-size: 14px;
        padding-left: 2%;
    }
    .owl-pick {
        width: 100% !important;
        font-size: 12px;
        font-weight: bold;
        color: #aaa;
    }
    .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 13px;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 20px;
    }
    .pickModel td {
        border: solid 1px;
        min-width: 31px;
        min-height: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer;
        text-align: center;
        font-size: 11px;
    }
    .signUpBtn{
        min-width: 250px;
        border-radius: 0px !important;
        background-color: #fff;
        padding: 1%;
        margin: 2%;
        color: #c5934c;
        border: solid 2px #c5934c;
        font-size: 20px;
        margin-left: 0;
        margin-top: 15%;
    }
    .register-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3%; 
        padding: 0px;
        border: 1px solid #888;
        overflow: auto;
        width: 80%;
    }
    .login-modal .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 11px;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 20px;
    }
    .login-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3%;
        padding: 20px;
        overflow: auto;
        border: 1px solid #888;
        width: 80%;
    }
    .login-modal-content p{
        font-size: 11px;
    }
    .signUpBtn{
        margin-top: 165px;
    }

}
@media(max-width:991px){
    .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 17px;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 20px;
    }
    .owl-pick {
        width: 91% !important;
        font-size: 14px;
        font-weight: bold;
        color: #aaa;
    }
    .pickModel td {
        border: solid 1px;
        min-width: 45px;
        min-height: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        cursor: pointer;
        text-align: center;
    }
    .signUpBtn{
        min-width: 250px;
        border-radius: 0px !important;
        background-color: #fff;
        padding: 1%;
        margin: 2%;
        color: #c5934c;
        border: solid 2px #c5934c;
        font-size: 20px;
        margin-left: 0;
        margin-top: 1%;
    }
    .random-pick-modal-content {
        background-color: #fff;
        margin: 15% auto;
        width: 60%;
        overflow: auto;
    }
    .winner-modal-content {
        background-color: #fff;
        margin: 2% auto;
        width: 90%;
        overflow: auto;
    }
    .login-sec{
        border-right: none;
    }
    .login-modal .list-icon {
        border-right: 1px solid #ffbb2d;
        border-bottom: 2px solid #aaa;
        padding-bottom: 2px;
        color: #b3b3b3;
        font-size: 22px;
        width: 10%;
    }
    .list-icon1 {
        border-right: 1px solid #ffbb2d;
        border-bottom: 2px solid #aaa;
        padding-bottom: 2px;
        color: #b3b3b3;
        font-size: 28px !important;
        width: 10%;
    }
    .list-input input {
        width: 100%;
        padding: 11px;

    }
    .list-icon {
        border-right: 1px solid #ffbb2d;
        border-bottom: 2px solid #aaa;
        padding-bottom: 2px;
        color: #b3b3b3;
        font-size: 29px;
        width: 10%;
    }
    .select-items div, .select-selected {
        color: #aaa;
        padding: 9.5px 16px;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
        cursor: pointer;
    }
    .register-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3%;
        padding: 0px;
        border: 1px solid #888;
        overflow: auto;
        width: 80%;
    }
    .login-sec {
        padding-right: 50px;
        margin-bottom: 35px;

    }
    .login-modal-content p{
        font-size: 13px;

        font-weight: bold;
    }
    .required {

        text-align: left;

    }
    .required h2{
        font-size: 20px;
    }
    .read_cond{
        text-align: left;
    }
    .form-title{
        padding-top: 15px !important;
    }
}
@media(max-width:767px){
    .register-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3%;
        padding: 0px;
        border: 1px solid #888;
        overflow: auto;
        width: 100%;
    }
    .list-input input{
        width: 100%;
        padding: 2%;

    }
    .registerClose{
        margin-top: -5px !important;
        margin-right: 5px !important;
    }
    .loginClose{
        margin-top: 0px !important;
        margin-right: 0px !important;
    }
    .register-modal-content h2 {
        padding-bottom: 1%;
        font-size: 15px;
    }
    .select-items div, .select-selected {
        color: #aaa;
        padding: 4.5px 16px;
        border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
        cursor: pointer;
    }
    .about-modal-content {
        background-color: #fff;
        margin: 15% auto; /* 15% from the top and centered */
        margin-top: 3%;
        width: 95%; /* Could be more or less, depending on screen size */
        overflow: auto;
    }
    .term-modal-content{
        background-color: #fff;
        margin: 15% auto; /* 15% from the top and centered */
        margin-top: 3%;
        width: 95%; /* Could be more or less, depending on screen size */
        overflow: auto;
    }
    .faq-modal-content {
        background-color: #fff;
        margin: 15% auto;
        margin-top: 3%;
        padding: 20px;
        padding-bottom: 20px;
        padding-bottom: 60px;
        border: 1px solid #888;
        width: 95%;
    }
    .pick-modal-content {
        background-color: #fff;
        margin: 15% auto;
        margin-top: 3%;
        width: 100%;
        overflow: auto;
    }
    .privacy-modal-content{
        background-color: #fff;
        margin: 15% auto; /* 15% from the top and centered */
        width: 95%; /* Could be more or less, depending on screen size */
        overflow: auto;
    }
    .custom-select {
        position: relative;
        font-family: Arial;
    }
    .list-icon {
        border-right: 1px solid #ffbb2d;
        border-bottom: 2px solid #aaa;
        padding-bottom: 2px;
        color: #b3b3b3;
        font-size: 18.5px;
        width: 10%;
    }

    input[required] + label {
        color: #b3b3b3;
        font-size: 12px;
        position: relative;
        top: -28px;
        margin-left: 4%;
        font-weight: normal;
        width: 100%;
    }
    .owl-pick {
        width: 100% !important;
        font-size: 9px;
        font-weight: bold;
        color: #aaa;
    }
    .read_cond {
        color: #b3b3b3;

        font-size: 12px;

        padding-left: 2%;
    }
    .pickModel table {
        margin: 20px;
        margin-left: 6px;
    }
    .custom-select {
        position: relative;
        font-family: Arial;
        position: relative;
        float: left;
        width: 89%;
        border-left: 1px solid #ffbb2d;
    }
    .random-pick-modal-content {
        background-color: #fff;
        margin: 15% auto;
        width: 90%;
        overflow: auto;
    }
    .pickModel td {
        border: solid 1px;
        min-width: 28px;
        min-height: 43px;
        padding-top: 6px;
        padding-bottom: 6px;
        cursor: pointer;
        text-align: center;
    }
    .selected-info h3 {
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .selected-info span {
        font-weight: bold;
        font-size: 14px;
        top: 30px;
    }
    .pickModel .sumbtBtn {
        min-width: 168px;
        border-radius: 0px !important;
        background-color: #c5934c;
        padding: 1%;
        margin: 2%;
        margin-top: 2%;
        margin-left: 2%;
        margin-top: 2%;
        margin-left: 2%;
        margin-top: 5%;
        margin-left: 0;
        color: white;
        font-size: 20px;
    }
    .pickModel h2 {
        color: white;
        font-size: 16px;
        font-weight: bold;
    }
    .winner-modal-content {
        background-color: #fff;
        margin: 2% auto;
        width: 95%;
        overflow: auto;
    }
    .winnerModel h2 {
        color: #b58745;
        font-size: 11px;
        font-weight: bold;
    }
    .winnerModel .third-section {
        color: black;
        font-size: 11px;
    }
    .login-modal-content {
        background-color: #fefefe;
        margin: 15% auto;
        margin-top: 3%;
        padding: 0px;
        overflow: auto;
        border: 1px solid #888;
        width: 100%;
    }
    .login-modal .list-icon {
        border-right: 1px solid #ffbb2d;
        border-bottom: 2px solid #aaa;
        padding-bottom: 2px;
        color: #b3b3b3;
        font-size: 20px;
        width: 10%;
    }
    .sumbtBtn {
        min-width: 250px;
        border-radius: 0px !important;
        background-color: #c5934c;
        padding: 1%;
        margin: 2%;
        margin-top: 2%;
        margin-left: 2%;
        margin-top: 5%;
        margin-left: 0;
        color: white;
        font-size: 20px;
    }
    .register-model .sumbtBtn {
        min-width: 275px;
        border-radius: 0px !important;
        background-color: #c5934c;
        padding: 1%;
        margin: 2%;
        margin-top: 2%;
        margin-left: 2%;
        margin-top: 5%;
        margin-left: 0%;
        color: white;
        font-size: 20px;
        margin-bottom: 9%;
    }
    .signUpBtn{
        min-width: 250px;
        border-radius: 0px !important;
        background-color: #fff;
        padding: 1%;
        margin: 2%;
        color: #c5934c;
        border: solid 2px #c5934c;
        font-size: 20px;
        margin-left: 0;
        margin-top: 1%;
    }
    .border-for-input {
        border-bottom: 1px solid #dedede;
        font-size: 13px;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 20px;
    }
    .padding-icon {

        padding-right: 7px;
        color: #aaa;
        width: 19px;

    }
    .login-sec {
        padding-right: 40px;
        margin-bottom: 35px;
    }
    .login-sec h2{
        font-weight: bold;
    }
    .login-modal-content p{
        font-size: 11px;

        font-weight: bold;
    }

}