/*-----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;
    }
}


/*--------------------------------------------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;
    }    
}


/*--------------------------------------------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;
    }
}


/*--------------------------------------------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;
    }
    .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;
    }
}

@media only screen and (max-width: 800px) {
    /* 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;
    }
}