/* CSS LanguageBehaviors */

/* // Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap */

.LanguageWrapperMobile {display:none;float:left;}
.LanguageWrapperMobile a {color:#B58A15;float:left;font-family:"Fauna One",serif;font-size:1em;font-weight: bold;margin: 0 0 0 21%;}
.LanguageWrapperMobile a:hover {color:#ffffff;float: left;font-family:"Fauna One",serif;font-size:1em;font-weight: bold;margin: 0 0 0 21%;}
.LanguageWrapperMobile p {float:left;font-size:13px;font-family:verdana;color:#f4d4ae;margin-top:7%;font-weight:bold;}

.LanguageWrapper {display:none;width:25px;height:auto;margin:0;padding:0;text-align:right;top:3px;}
.LanguageWrapper a       {color:#545454;float:left;font-family:manjari;width:100%;text-align:center;}
.LanguageWrapper a:hover {color:#eb8b31;}
.LanguageWrapper p {float:left;font-size:13px;font-family:verdana;color:#f4d4ae;margin-top:7%;font-weight:bold;}

#AddLanguage       {float:left;font-size:13px;font-family:verdana;color:#bb5d4c;font-weight:bold;margin:6px 0;}
#AddLanguage:hover {float:left;font-size:13px;font-family:verdana;color:#000000;font-weight:bold;margin:6px 0;}

#LanguageList       {float:left;font-size:13px;font-family:verdana;color:#bb5d4c;font-weight:bold;margin:6px 0;}
#LanguageList:hover {float:left;font-size:13px;font-family:verdana;color:#000000;font-weight:bold;margin:6px 0;}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .LanguageWrapper {display:block;width:25px;}
    .LanguageWrapper a       {font-size:11px;margin:0.1em 0 0;padding:0.3em 0 0.1em;line-height:18px;}
    .LanguageWrapper a:hover {color:#eb8b31;}
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .LanguageWrapper {display:block;width:25px;}
    .LanguageWrapper a       {font-size:11px;margin:0.1em 0 0;padding:0.3em 0 0.1em;line-height:18px;}
    .LanguageWrapper a:hover {color:#eb8b31;}
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .LanguageWrapper {display:block;width:25px;}
    .LanguageWrapper a       {font-size:11px;margin:0.1em 0 0;padding:0.3em 0 0.1em;line-height:18px;}
    .LanguageWrapper a:hover {color:#eb8b31;}
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .LanguageWrapper {display:block;width:25px;}
    .LanguageWrapper a       {font-size:11px;margin:0.1em 0 0;padding:0.3em 0 0.1em;line-height:18px;}
    .LanguageWrapper a:hover {color:#eb8b31;}
}

