.others {
    color:black
}


@media only screen and (max-width: 319px){

    #menu{
        margin-left: 10px;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;
        color: white!important;

        border-bottom: 1px solid #16384d!important;
    }




    #submitSendingProblem{
        width:100%;
    }


}


@media only screen and (min-width: 320px) and (max-width:359px) {

    #menu{
        margin-left: 35px;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;
        color: white!important;

        border-bottom: 1px solid #16384d!important;
    }




    #submitSendingProblem{
        width:100%;
    }
}


@media only screen and (min-width: 360px) and (max-width:400px) {

    #menu{
        margin-left: 55px;
    }

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    /*li{*/
    /*    justify-content: center;*/
    /*    display: flex;*/
    /*    align-items: center;*/
    /*}*/
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;
        color: white!important;

        border-bottom: 1px solid #16384d!important;
    }




    #submitSendingProblem{
        width:100%;
    }
}

@media only screen and (min-width: 401px) and (max-width:978px) {



    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    li{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;
        color: white!important;

        border-bottom: 1px solid #16384d!important;
    }






}
@media only screen and (min-width: 404px) and (max-width:565px) {



    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    li{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 90px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;
        color: white!important;

        border-bottom: 1px solid #16384d!important;
    }






}

@media only screen and (min-width: 979px) and (max-width:1201px) {
    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    li{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 110px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;

        color:white!important;
        border-bottom: 1px solid #16384d!important;
    }



}


::placeholder { /* Firefox, Chrome, Opera */
    color:white;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: white;
}


@media only screen and (min-width:1201px) {

    [class*="span"].centred {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .form-control{
        border: 0px solid #ccc!important;
    }

    body{
        color: white!important;
    }
    label{
        color:white;
    }

    .active{

        background: linear-gradient(to right, #2ebfd6,  #4fcac4 );
        border: 0px!important;

    }


    li{
        justify-content: center;
        display: flex;
        align-items: center;
    }
    #buttons li {

        color:white;
        float: left;
        list-style: none;
        text-align: center;
        background-color:#181c34;
        margin-right: 10px;

        width: 150px;
        line-height: 40px;
        border-radius: 30px;
        border: solid 1px white;

    }

    #buttons li a {
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    /*#buttons li a:hover {*/
    /*    text-decoration: none;*/
    /*    color: #000000;*/
    /*    background-color: #33B5E5;*/
    /*}*/
    hr{
        height: 1px;
        color: #16384d;
        background-color: #16384d;
        border: none;
    }

    .myabc{
        background-color: #072b44;
        background-image: url('/images/bg.png');
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center top;
    }

    .form-control{
        border: none;
    }

    .input {
        background-color: transparent!important;

        color:white!important;
        border-bottom: 1px solid #16384d!important;
    }






}


li:hover{
    cursor: pointer;
}
label{
    padding-top: 20px;
}
.rightF{
    padding-top: 10px;
}

.labelNormal{
    font-weight: normal;
    padding-top: 0px;
}