/*-----Custom Fonts-----*/
@font-face {
    font-family: 'Garamond-Bold';
    src: url('../fonts/Garamond-Bold.eot');
    src: url('../fonts/Garamond-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Garamond-Bold.woff2') format('woff2'), url('../fonts/Garamond-Bold.woff') format('woff'), url('../fonts/Garamond-Bold.ttf') format('truetype'), url('../fonts/Garamond-Bold.svg#Garamond-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lucida_handwritingitalic';
    src: url('../fonts/lhandw-webfont.eot');
    src: url('../fonts/lhandw-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lhandw-webfont.woff2') format('woff2'), url('../fonts/lhandw-webfont.woff') format('woff'), url('../fonts/lhandw-webfont.ttf') format('truetype'), url('../fonts/lhandw-webfont.svg#lucida_handwritingitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------------Large View---------------------------------------------------*/
@media (min-width: 1200px) {
    #swiffycontainer {
        width: 100%;
        margin-bottom: 15px;
        height: 280px;
    }

    .flash {
        width: 150%;
    }

    .border td {
        width: 250px;
    }

    .example, .validation {
        margin-left: 145px;
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 24px;
    }

    .cong-msg {
        font-size: 24px;
    }

    #mainMenu .dropdown {
        float: left;
        width: auto !important;
    }
}


/*--------------------------------------------Medium View---------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    #swiffycontainer {
        width: 100%;
        margin-bottom: 15px;
        height: 280px;
    }

    .cong-msg {
        font-size: 24px;
    }

    .flash {
        width: 150%;
    }

    .border td {
        width: 250px;
    }

    .example, .validation {
        margin-left: 145px;
        margin-top: 5px;
        line-height: 24px;
    }

    #mainMenu .dropdown {
        float: left;
        width: auto !important;
    }
}


/*--------------------------------------------Small View----------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
    #swiffycontainer {
        width: 100%;
        margin-bottom: 15px;
        height: 280px;
    }

    .cong-msg {
        font-size: 24px;
    }

    .container {
        width: 100% !important;
    }

    .upperMenu li a, .upperMenu li.BVA a {
        /*padding:10px 20px !important;*/
    }

    .homeBtn {
        margin-top: 45px !important;
    }

    .flash {
        max-width: 430;
        max-height: 280:
    }

    .border td {
        width: 250px;
    }

    .example, .validation {
        margin-left: 145px;
        margin-top: 5px;
        line-height: 24px;
    }

    #mainMenu .dropdown {
        float: left;
        width: auto !important;
    }
}


/*--------------------------------------------x-Small View----------------------------------------------------*/
@media (max-width: 363px) {
    .registration .activeBtn {
        margin-top: 10px;
    }
}

@media (max-width: 767px) {
    #swiffycontainer {
        width: 100%;
        margin-bottom: 15px;
        height: 210px;
        margin: 15px auto;
    }

    .options table label {
        margin: 0 10px 0 0 !important;
    }

    .cong-msg {
        font-size: 18px;
    }

        .cong-msg span {
            display: block;
            font-size: 16px;
            font-weight: normal;
            padding: 5px 0;
        }

    .video {
        margin: 15px 0;
    }

    .tabs li {
        float: none;
        margin-bottom: 1px;
        border-radius: 0;
        width: 290px;
    }

    .personalInfo .form-control {
        margin-left: -10px;
    }

    marquee {
        font-size: 12px;
    }

    h3 {
        font-size: 20px !important;
    }

    h2 {
        margin-top: 0 !important;
        margin-bottom: 20px !important;
        font-size: 18px !important;
        text-indent: inherit;
        padding-left: 25px;
    }

    .example, .validation {
        font-size: 14px;
    }

    .container {
        width: 100% !important;
    }

    .sponsers table td {
        display: block;
        height: auto !important;
        width: 100%;
    }

        .sponsers table td a {
            font-size: 14px;
        }

    #left_menu .navbar {
        margin-bottom: 0;
    }

    .navbar-toggle .icon-bar {
        cursor: pointer !important;
    }

    .slogan {
        font-size: 14px;
    }

    .header img {
        width: 100px;
        margin-bottom: 10px;
    }

    #left_menu {
        /*margin-top:-60px;*/
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 2px solid yellow;
        background-color: #511F50;
        z-index: 100;
        /*position: absolute;
        top: 0;*/
    }

        #left_menu ul {
            background-color: #fff;
            margin: 0 15px 15px;
            float: none !important;
        }

    .MainTitle {
        line-height: 24px;
    }

    .title01 {
        font-size: 24px;
    }

    .title02 {
        display: block;
        margin-top: 10px;
    }

    .navbar-toggle {
        /*margin-bottom:40px!important;*/
    }

    .flash {
        width: 100%;
    }
    /*#editable {
        margin-left:-10px;
        margin-right:-10px;
    }*/
    #footer {
        font-size: 12px;
        /*height:100px;*/
    }

    .border span span {
        width: 150px !important;
        padding: 5px;
    }

    .example, .validation {
        margin-top: 5px;
        margin-bottom: 5px;
        line-height: 24px;
    }

    .warning-msg {
        margin-left: 0 !important;
    }

    .form-inline label {
        width: 100% !important;
    }

    .checkbox label {
        width: 100% !important;
        padding-left: 20px !important;
    }
    .navbar {
        margin-bottom: 0 !important;
    }
    #mainMenu li.dropdown {
        margin: 0 15px;
        padding: 0;
    }
    #mainMenu li.dropdown a {
        border-bottom: 1px dotted;
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 840px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }



    #no-more-tables td {
        /* Behave like a "row" */
        display: block;
        min-height: 40px;
        padding-left: 40%;
        position: relative;
        text-align: left;
        white-space: normal;
        width: 100%;
        word-wrap: break-word;
    }

        #no-more-tables td:before {
            font-weight: bold;
            left: 0;
            padding-right: 10px;
            position: absolute;
            text-align: left;
            top: 0;
            white-space: nowrap;
            width: 45%;
        }

    #no-more-tables .Name:before,
    #no-more-tables .Nobelposition:before,
    #no-more-tables .year:before,
    #no-more-tables .country:before,
    #no-more-tables .confirmed:before {
        display: block;
        font-size: 14px;
        line-height: normal;
        padding: 5px 6px;
        width: 38%;
        word-wrap: break-word;
    }

    #no-more-tables .Name:before {
        content: "Name ";
    }

    #no-more-tables .Nobelposition:before {
        content: "Nobel Laureate  ";
    }

    #no-more-tables .year:before {
        content: "Year ";
    }

    #no-more-tables .country:before {
        content: "Country ";
    }

    #no-more-tables .confirmed:before {
        content: "Confirmed ";
    }

    #no-more-tables th {
        display: none;
    }
    /*
Label the data
*/
    #no-more-tables td:before {
        content: attr(data-title);
    }

    pre, a {
        /*white-space: pre;*/ /* CSS 2.0 */
        /*white-space: pre-wrap;*/ /* CSS 2.1 */
        /*white-space: pre-line;*/ /* CSS 3.0 */
        /*white-space: -pre-wrap;*/ /* Opera 4-6 */
        /*white-space: -o-pre-wrap;*/ /* Opera 7 */
        /*white-space: -moz-pre-wrap;*/ /* Mozilla */
        /*white-space: -hp-pre-wrap;*/ /* HP Printers */
        word-wrap: break-word !important; /* IE 5+ */
    }

    .numList {
        display: none;
    }
    .upperMenu li a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .navbar-nav > li > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #left_menu {
        padding: 0;
        width: 100%;
    }
    #left_menu ul {
        float: none !important;
        /*margin-bottom: 0;*/
    }
}