/*Global setting*/

#form-div h4 {
    margin: 0px;
    padding: 10px 0px;
}

.bootstrap-select>.dropdown-toggle {
    border-radius: 0;
    border: none;
    background: #e5e5e5;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #717171;
}

select.form-control {
    -webkit-appearance: menulist;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #b1b1b1;
    opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #b1b1b1;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #b1b1b1;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b1b1b1;
    opacity: 1;
}

.contact-input {
    background: #e5e5e5;
    float: none;
    padding: 6px 15px;
}
    textarea {
        resize: none;
        background: #e5e5e5;
        padding: 6px 15px;
    }

    .bootstrap-select.btn-group .dropdown-menu li a, .open>.dropdown-menu  {
        background: #e5e5e5;
        border: none;
    }


input:focus,textarea:focus, button:focus,.bootstrap-select .btn:focus,a:focus,span:focus {
  border-color:#ccc !important; 
  outline: 0 none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
     outline-color: transparent !important;
}

/*for desktop*/

@media (min-width: 768px) {
    #send {
        padding: 6px 35px;
        color: white;
        border-radius: 0px;
        background: #112b5d;
        margin: 30px auto;
    }
    #form-div {
        width: 36%;
        margin: 0px auto;
        padding:20px 0px;
    }
    .form-control {
        width: 48%;
    }
    .jotform-form {
        margin-left: 5px;
        text-align: center;
    }
    .contact-input {
        background: #e5e5e5;
        float: none;
        width: 31.7%;
        padding: 6px 15px;
        margin: 5px 0px;
    }
    textarea {
        width: 96%;
        resize: none;
        background: #e5e5e5;
        padding: 6px 15px;
    }
}


/*mac desktop*/

@media (min-width: 768px) and (max-width: 1366px) {
    #form-div {
        width: 60%;
        padding:20px 0px;
    }
}


/*mobile size*/

@media (max-width: 767px) {


    #send {
        display: table;
        padding: 6px 35px;
        color: white;
        border-radius: 0px;
        background: #112b5d;
        margin: 20px auto;
    }

    .jotform-form div {
        margin-bottom: 5px !important;
    }

    #form-div {
        width: 95%;
        margin: 0px auto;
        padding: 20px 0px;
    }

/*    .form-parent-div,.form-parent-div div {
        background: transparent !important;
    }*/


    .contact-input {
        width: 100%;
        padding:3px 15px !important;
        margin-bottom: 5px !important;
    }

    textarea {
        width: 100%;
        padding: 3px 15px;
        margin-bottom: : 5px !important;
    }
}
