@media only screen and (min-width: 1280px){
    .main {padding-left: 10%;padding-right: 10%;}

}

/* ~~~~~~~~~~~~~~~~ Landscape Tablets and Larger ~~~~~~~~~~~~~~~~~~~~~~ */
@media only screen and (min-width : 800px){
    /* Navigation ////////////////////////////////////////////////////////////////////////////////////////*/
    .navigation_button {position: fixed;left: 0px;padding-right: 4px;top: 10px;color: #fff;background: #688FCA;border-radius: 0px 20px 20px 0px;font-size: 30px;height: 50px;line-height: 47px;width: 50px;text-align: center;cursor: pointer;z-index: 10000000;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
    nav {width:25%;left:-25%;border-right: 2px solid #688FCA;border-bottom: 55px solid #688FCA;}
    .horizontal_menu {width: 100%;left: 0;height: 50px;border: 0;line-height: 50px;display: -webkit-box;display: flex;display: -webkit-flex;display: -ms-flexbox;-webkit-box-pack: start;-ms-flex-pack: center;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-flex-direction: row;-ms-flex: row;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-ms-flex-line-pack: center;align-content: center;-webkit-align-content: center;-ms-flex-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-ms-justify: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-align-items: center;    }
    .horizontal_menu li {display: inline-block;}
    .horizontal_menu>ul>li>ul>li>ul>li>a {border: none;height: 24px;display: block;padding-top: 3px;padding-left: 5px;cursor: pointer;}
    .horizontal_menu .SUBMENU_child {position: absolute;left: 170px;z-index: 1000;display: none;min-width: 160px;padding: 5px;margin: -28px 0 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,0.15);border-radius: 4px;box-shadow: 0 6px 12px rgba(0,0,0,0.175);background-clip: padding-box;}
    .horizontal_menu>ul>li>a {color: #fff;background: none;padding: 0;font-size: 1em;border: 0;height: 50px;line-height: 50px;}
    .horizontal_menu>ul>li {display: inline-block;height: auto;border: 0;line-height: normal;top: -1px;background: none;margin: 0;padding: 0px 10px 0px 10px;}
    .horizontal_menu {padding-top: 0px;}
    .horizontal_menu .dropdown-menu li {display: block;margin: 0;padding: 0;}
    .horizontal_menu>ul>li>.dropdown-menu>li>a {padding-left: 10px;}
    .horiz_navigation_button{display:none;}
    .horizontal_menu img {height: 44px;position: absolute;top: 11px;right: 5px;bottom: auto;left: auto;}
    .horizontal_menu>ul>li>a:hover, .horizontal_menu>ul>li>a:focus {text-decoration: none;background: none;}
    .horizontal_menu>ul>li>a::after {background: rgba(255, 255, 255, 0.5);content: "";height: 1px;left: 0;opacity: 0;position: absolute;top: 80%;transform: translateY(10px);-o-transform: translateY(10px);-moz-transform: translateY(10px);-webkit-transform: translateY(10px);transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;transition: opacity 0.3s ease 0s, transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;-o-transition: opacity 0.3s ease 0s, -o-transform 0.3s ease 0s;-moz-transition: opacity 0.3s ease 0s, -moz-transform 0.3s ease 0s;-webkit-transition: opacity 0.3s ease 0s, -webkit-transform 0.3s ease 0s;width: 100%;left: 0;}
    .horizontal_menu>ul>li>a:hover::after, .horizontal_menu>ul>li>a:focus::after {opacity: 1;transform: translateY(0px);-o-transform: translateY(0px);-moz-transform: translateY(0px);-webkit-transform: translateY(0px);}
    .horizontal_menu::before{display:none;}
    .navigation_buttonmove {left: 25%;background: #688FCA;}
    nav::before{background:none;}
    .navigation_reveal::before{left:25%;}
    .menu_text {font-size: 2em;position: absolute;top: 7px;left: 10px;color: #688FCA;}
    .navigation_buttonmove >.menu_text {display: block;}
    .main {padding-left: 5%;padding-right: 5%;padding-top: 20px;}
    .nav_anchor .fa-caret-down {position: relative;right: auto;margin-top: 0;}
       #return {width: 44px;position: fixed;height: 44px;right: 10px;z-index: 20000;background: #111;line-height: 36px;font-size: 2em;color: #fff;text-align: center;cursor: pointer;display: none;}
    .SUBMENU_parent>li:hover {background: #688FCA;}
    .cw-navigation-main {margin-top: 55px;}
    .LOGINFORM_modal {background: none;}
    /* RIBBON ////////////////////////////////////////////////////////////////////////////////////////////*/
    .brand-ribbon {width: 44px;left: 0;bottom: -50px;display: block;padding-top: 7px;z-index: 1;height: 50px;text-align: center;position: absolute;}
    .horizontal_menu .brand-ribbon {right: 0;left: auto;top: -2px;padding: 0;height: 30px;}
    .brand-ribbon img {height: 100%;}
    .header-author {position: absolute;bottom: 13px;right: 30px;color: #fff;font-size: 2vw;display:block;}
    .header-edition {position: absolute;bottom: 13px;left: 30px;color: #fff;font-size: 2vw;display:block;}
    .header-author, .header-edition{display:none;}/*Remove this to show the author & edition number*/
     /* FOOTER ///////////////////////////////////////////////////////////////////////////////////////////*/
    .social{margin:0;padding:0;}
    .social>li>a>span {font-size: 1.5vmin;display:inline-block;}
    .social>li{list-style: none;text-align: center;width: auto;padding-left: 0px;padding-right: 20px;}
    .FOOTER_cookies{font-size: 0.7em;}
    .FOOTER_copyright{font-size: 0.9em;}
    .FOOTER_information{height:200px;display:block;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;-webkit-box-pack: start;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-webkit-flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-line-pack: center;align-content: center;-webkit-align-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-align-items: center;}
}



/* ~~~~~~~~~~~~~~~~~~~~~~ Mobile Screens - Flashcards ~~~~~~~~~~~~~~~~~~~~~~~~~ */

@media only screen and (max-width: 600px){
    .flashcards {height: 344px;}
    .fc-card-holder .fc-card-front {font-size:2em;}
    .flashcard_container {margin-left: 0px;margin-right: 0px;}
    #fc-titles {height: 48px;right: 67px;top: 12px;}
    .fc-backward {left: 0px;padding-top: 0px;position: relative;top: 0;width:100%;}
    #fc-menu_random {right: 70px;top: -2px;}
    .fc-nav-back, .fc-nav-forward{display:inline-block;width:50%;top:-40px;position:relative;}
    .fc-forward {right: 0px;display:inline-block;padding-top: 0px;position: relative;top: 0;width:100%;}
    .fc-title {font-size: 0.9em;padding: 5px 18px 26px;}
    #fc-titles {font-size: 0.8em;left: 19px;position: relative;top: -25px;width: 99px;text-align:left;}
    .fc-trigger {font-size: 3em;}
    #fc-progess-bar {top: 51px;}
    .fc-card-holder .fc-card-front{font-size: 1em;padding-top:108px;}
    .fc-card-holder .fc-card-back {font-size: 1em; margin-top:3em;}
    #flip {bottom: 0px;left: 0;padding-top: 0px;width: 100%;margin-left:0;color:#fff;background: #343131;}
    #flip::after{left: 60%;top: 0px;}
    .fc-card-holder div {padding-left: 0px;padding-right: 0px;}
    .fc-card-container, .fc-card-holder div{height:300px;}
    .fcmenu .fcmenufront,.fcmenu .fcmenuback {font-size: 1em;padding-top: 30px;}
    .fcmenu {height: 80px;width: 70%;}
    .flashsplash{min-height: 344px;}
    .fcTitle {color: #cfcfcf;font-size: 1em;left: 0;position: relative;text-align: center;top: 150px;width: 100%;}
 
   }