/* Responsive Styles */

/* XX-Small devices (320px and under) */
@media (max-width: 320px) {

.container { overflow: visible; }

/* Nav */
.navbar { height: auto; }
.logo { font-size: 25px; text-align:center; line-height: 27px; }
.logo span { font-size: 16px; letter-spacing: -0.005em; }
.logo a { display:block; text-align:center; }
.level { font-size: 20px; width: 100%; }
.level span { font-size: 14px; }
.level ul { text-align:center; margin-bottom: 10px !important; }
.level li { display: inline-block;}


.question { width: 100%; text-align:center; font-size: 20px; line-height:60px; background: #5c5c5c; }
.welcome { margin-bottom: 15px; }

/* Bench Login */
.bench .content .intro { margin-bottom: 30px; margin-top: 25px; width: 90%; }
.bench .content form { margin-bottom: 40px; }
.bench .content .form-login { width: 100%; padding: 3px 0 0 0; }
.bench .content .form-login .register { font-size: 18px; line-height: 2.5em; }
    
.bench .content .register-thanks { width: 87%; }
 
    
/* Bench Register */
.section-beige.bench .content .form-register .terms { font-size: 12px; line-height: 3.7em; margin-bottom: 0;  }

/* Bench General */
.bench .content .general { padding: 0px 15px 20px 15px; }

    
/* Safari School Dashboard */

.safari-school { padding: 20px 0 65px 0;  }
.safari-school .dashboard-container, .bench .dashboard-container { padding: 0px 3% 27px 3%; min-height: 790px;  }

.safari-school .dashboard { min-height:604px; }
.safari-school ul.icons, .bench .dashboard ul.icons { width: 100%; }
.safari-school ul.icons li { width: 49%; }
.safari-school ul.icons li li { width: 100%; font-size: 12px; padding: 0; }

.safari-school .dashboard .locked .details { top: 29px; left: 0px; padding: 7.5%; }
.safari-school .dashboard .details ul, .safari-school .dashboard .details div { display:none; }
    
.safari-school .level, .bench .dashboard .level { font-size: 19px; padding: 7px 0px 8px 0px; background: none; line-height: 1.1em; }
.safari-school .item, .bench .dashboard .item { padding: 4px 10px 4px 10px; }
.bench .dashboard .item { margin-top: 20px; }
.safari-school .item img, .bench .dashboard .item img { margin-bottom: 7px; }

.safari-school .dashboard .details .btn, .bench .dashboard .details .btn { font-size: 18px; padding: 2px 15px 0px 15px; margin: 0px 0px 10px 0px; }

.bench .dashboard .item { width: 54%; }   
.bench .dashboard .item img { display: inline; }

    
/* Safari School Content */
.safari-school .content .heading h1 { font-size: 26px; margin-bottom: 20px; }
.safari-school .content h1 .number { display:none; margin: 0 auto; margin-bottom: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 25px;  font-size: 30px; }
    
.safari-school .questionnaire { font-size: 18px; padding-left: 10px; margin-bottom: 30px; }    
.safari-school .questionnaire P { width: 83%; }

.safari-school .overview { font-size: 18px; padding-left: 10px; }
.safari-school .overview h2 { font-size: 25px; text-align: center; }
.safari-school .overview ul li { background-position: left 12px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 0px; text-align: center; }
.safari-school .overview-image img { float: none; width: 70%; display: inline-block; }


.safari-school h1.large { font-size: 28px !important; }
.safari-school h2.large { font-size: 22px !important; }
    
.safari-school .results { width: 100%; padding: 0; }
.safari-school .results .btn { margin: 20px 5px 0px 5px; }
.safari-school .results .number { font-size: 54px; line-height: 1.1em; margin-left: 8px; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; }
.safari-school .results .correct img, .safari-school .results .incorrect img { margin-top: -25px; max-width:39%; }
.safari-school .results .complete { margin-top: 30px; }
.safari-school .results .complete img { margin-top: -25px; max-width:100%; }
.safari-school .results .btn { font-size: 15px; }
    
/* Buttons */ 
.btn { padding: 6px 15px; font-size: 17px; bordeR: 1px solid red; }    

/* Forms */
::-webkit-input-placeholder { font-size: 20px; }
:-moz-placeholder { font-size: 20px; } /* Firefox 18- */
::-moz-placeholder { font-size: 20px; } /* Firefox 19+ */
:-ms-input-placeholder { font-size: 20px; }
    

/* Modal */
#YouTubeModalDialog { width: 94% !important; }
#YouTubeModalBody iframe { width: 97%; height: 200px; }
.safari-school .questionnaire.video .video-container .play img { width: 22%; margin-top: 28%; }
    
    
/* Footer */
.footer-logo { width: 83px; float: none; margin: 0 auto; margin-top: 30px;}    
.footer .btn { margin: 14px 5px 0px 5px; }
footer .terms { text-align:center; }
footer .text-right { text-align:center; }

}


/* XX-Small devices (Landscape 480px and under) */
@media (min-width: 321px) and (max-width: 480px) {

.container { overflow: visible; }

/* Nav */
.navbar { height: auto; }
.logo { font-size: 25px; text-align:center; line-height: 27px; }
.logo span { font-size: 16px; letter-spacing: -0.005em; }
.logo a { display:block; text-align:center; }
.level { font-size: 20px; width: 100%; }
.level span { font-size: 14px; }
.level ul { text-align:center; margin-bottom: 10px !important; }
.level li { display: inline-block;}


.question { width: 100%; text-align:center; font-size: 20px; line-height:60px; background: #5c5c5c; }
.welcome { margin-bottom: 15px; }

    
/* Bench Login */
.bench .content .intro { margin-bottom: 30px; margin-top: 25px; width: 90%; }
.bench .content form { margin-bottom: 40px; }
.bench .content .form-login { width: 96%; padding: 3px 0 0 0; }
.bench .content .form-login .register { font-size: 18px; line-height: 2.5em; }

.bench .content .register-thanks { width: 89%; }


/* Bench Register */
.bench .content .form-register .terms { font-size: 12px; line-height: 3.7em; margin-bottom: 0;  }

/* Bench General */
.bench .content .general { padding: 20px 30px 30px 30px; }


/* Safari School Dashboard */

.safari-school { padding: 20px 0 65px 0;  }
.safari-school .dashboard-container, .bench .dashboard-container { padding: 0px 3% 27px 3%; min-height: 530px;  }

.safari-school .dashboard { min-height:404px; }
.safari-school ul.icons, .bench .dashboard ul.icons { width: 100%; }
.safari-school ul.icons li { width: 32%; }
.safari-school ul.icons li li { width: 100%; font-size: 12px; padding: 0; }

.safari-school .dashboard .locked .details { top: 29px; left: 0px; padding: 7.5%; }
.safari-school .dashboard .details ul, .safari-school .dashboard .details div { display:none; }

.safari-school .level, .bench .dashboard .level { font-size: 19px; padding: 7px 0px 8px 0px; background: none;  line-height: 1.1em; }
.safari-school .item, .bench .dashboard .item { padding: 4px 10px 4px 10px; }
.bench .dashboard .item { margin-top: 20px; }
.safari-school .item img, .bench .dashboard .item img { margin-bottom: 7px; }

.safari-school .dashboard .details .btn, .bench .dashboard .details .btn { font-size: 18px; padding: 2px 15px 0px 15px; margin: 0px 0px 10px 0px; }

.bench .dashboard .item { width: 42%; }   
.bench .dashboard .item img { display: inline; }

    
/* Safari School Content */
.safari-school .content .heading h1 { font-size: 26px; margin-bottom: 20px; }
.safari-school .content h1 .number { display:none; margin: 0 auto; margin-bottom: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 25px;  font-size: 30px; }
    
.safari-school .questionnaire { font-size: 18px; padding-left: 10px; margin-bottom: 30px; }    
.safari-school .questionnaire P { width: 83%; }

.safari-school .overview { font-size: 18px; padding-left: 10px; }
.safari-school .overview h2 { font-size: 25px; text-align: center; }
.safari-school .overview ul li { background-position: left 12px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 0px; text-align: center; }
.safari-school .overview-image img { float: none; width: 60%; display: inline-block; }


.safari-school h1.large { font-size: 29px !important; }
.safari-school h2.large { font-size: 23px !important; }
    
.safari-school .results { width: 100%; }
.safari-school .results .btn { margin-top: 20px; }
.safari-school .results .number { font-size: 87px; line-height: 1.1em; margin-left: 15px; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; }
.safari-school .results .correct img, .safari-school .results .incorrect img { max-width: 40%; margin-top: -48px; }
.safari-school .results .complete { margin-top: 30px; }
.safari-school .results .complete img { margin-top: -25px; max-width:100%; }
    
    
/* Buttons */ 
.btn { padding: 6px 15px; font-size: 17px; bordeR: 1px solid red; }    

    
/* Modal */
#YouTubeModalDialog { width: 97% !important; }
#YouTubeModalBody iframe { width: 97%; height: 250px; }
.safari-school .questionnaire.video .video-container .play img { margin-top: 27%; }

    
/* Footer */
.footer-logo { width: 83px; float: none; margin: 0 auto; margin-top: 30px;}    
footer .terms { text-align:center; }
footer .text-right { text-align:center; }
    
}

/* X-Small devices (767px and under) */
@media (min-width: 481px) and (max-width: 767px) {

.container { overflow: visible; }


/* Nav */
.navbar { height: auto; }
.logo { font-size: 25px; text-align:center; margin-bottom: 15px; line-height: 27px; }
.logo span { font-size: 19px; }
.logo a { display:block; text-align:center; }
.level { background: #5c5c5c; font-size: 25px; padding-bottom: 13px; }
.level span { font-size: 14px; }

.col-xs-12.level { width: 100%; text-align: center; }
.col-xs-12.level li { display: inline-block; }

.question { background: #5c5c5c; font-size: 16px; line-height:80px; padding-left:0; }
.question .number { margin-right: 0; }

/* Bench Login */
.bench .content .intro { margin-bottom: 30px; margin-top: 25px; width: 90%; }
.bench .content form { margin-bottom: 40px; }
.bench .content .form-login { width: 67%; padding: 3px 0 0 0; }
.bench .content .form-login .register { font-size: 18px; line-height: 2.5em; }

.bench .content .register-thanks { width: 62.5%; }


/* Bench Register */
.bench .content .form-register .terms { font-size: 12px; line-height: 3.7em; margin-bottom: 0;  }

/* Bench General */
.bench .content .general { padding: 20px 30px 30px 30px; }

    
/* Safari School Dashboard */
.safari-school { padding: 20px 0 65px 0; }
.safari-school .dashboard-container, .bench .dashboard-container { padding: 0px 3% 27px 3%; min-height: 300px; }

.safari-school, .bench .dashboard { min-height:204px; }
.safari-school ul.icons, .bench .dashboard ul.icons { width: 100%; }
.safari-school ul.icons li { width: 19%; }
.safari-school ul.icons li li { width: 100%; font-size: 11px; padding: 0; }

.safari-school .dashboard .locked .details { top: 27px; left: 0px; padding: 10.5%; }
.safari-school .dashboard .details ul, .safari-school .dashboard .details div { display: none; }
    
.safari-school .level, .bench .dashboard .level { font-size: 17px; padding: 7px 0px 8px 0px; background: none; line-height: 1.1em; }
.safari-school .item, .bench .dashboard .item { padding: 4px 10px 4px 10px; }
.bench .dashboard .item { margin-top: 20px; }
.safari-school .item img, .bench .dashboard .item img { margin-bottom: 7px; }

.safari-school .dashboard .details .btn, .bench .dashboard .details .btn { font-size: 16px; padding: 1px 15px 0px 15px; margin: 0px 0px 10px 0px; }
    
.bench .dashboard .item { width: 30%; }   
.bench .dashboard .item img { display: inline; }
    
    
/* Safari School Content */
.safari-school .content .heading h1 { font-size: 28px; margin-bottom: 30px; }
.safari-school .content h1 .number { display:none; margin: 0 auto; margin-bottom: 10px; width: 50px; height: 50px; line-height: 50px; border-radius: 25px;  font-size: 30px; }

.safari-school .questionnaire { margin-bottom: 30px; }

.safari-school .overview { font-size: 18px; padding-left: 10px; }
.safari-school .overview h2 { font-size: 25px; text-align: center; }
.safari-school .overview ul li { background-position: left 12px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 0px; text-align: center; }
.safari-school .overview-image img { float: none; width: 50%; display: inline-block; }

    
.safari-school h1.large { font-size: 33px !important; }
.safari-school h2.large { font-size: 26px !important; }
    
.safari-school .results { width: 100%; }
.safari-school .results .btn { margin-top: 20px; }
.safari-school .results .number { font-size: 87px; line-height: 1.1em; margin-left: 15px; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; }
.safari-school .results .correct img, .safari-school .results .incorrect img { max-width: 40%; margin-top: -48px; }
    
.safari-school .results .complete { margin-top: 30px; }
.safari-school .results .complete img { margin-top: -25px; max-width:100%; }

    
/* Buttons */
.btn { padding: 6px 24px; font-size: 20px; }    

/* Modal */
#YouTubeModalDialog { width: 97% !important; }
#YouTubeModalBody iframe { width: 98%; height: 390px; }

    
    
/* Footer */
.footer-logo { width: 83px; float: none; margin: 0 auto; margin-top: 30px;}    
footer .terms { text-align:center; }
footer .text-right { text-align:center; }
    
}

/* Small devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {

/* Nav */
.navbar { height: auto; }
.logo { font-size: 25px; text-align:center; }
.logo a { text-align:center; }
.level { font-size: 25px; }
.level span { font-size: 14px; }
.question { font-size: 20px; line-height:80px; }


.safari-school ul.icons li { width: 19%; }

/* Safari School Content */
.safari-school .content .heading h1 { font-size: 30px; margin-bottom: 30px; }

.safari-school h1.large { font-size: 36px !important; }
.safari-school h1.large { font-size: 30px !important; }
    
.safari-school .results { width: 100%; }
.safari-school .results .btn { margin-top: 20px; }
.safari-school .results .number { font-size: 87px; line-height: 1.1em; margin-left: 15px; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; margin-top: 20px; }

.safari-school .results .complete { margin-top: 30px; }
.safari-school .results .complete img { margin-top: -25px; max-width:100%; }

    
/* Buttons */
.btn { padding: 6px 24px; font-size: 21px; }

/* Modal */
#YouTubeModalDialog { width: 97% !important; }
#YouTubeModalBody iframe { width: 98%; height: 390px; }

    
    
/* Footer */
footer .footer-logo { width: 83px; float: left; margin-right: 20px; }

}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

/* Nav */
.navbar { height: 80px; }    
.logo { font-size: 22px; text-align:left; line-height:22px; padding-right: 0; }
.logo span { font-size: 14px; }
.logo .welcome { float: left; margin: 17px 0px 0px 0px; }
.logo a { float: left; width: 97px; }    
.logo a img { width: 100%; }
.level { font-size: 25px; }
.level span { font-size: 14px; }
.question { font-size: 16px; line-height:80px; padding-left:0; }

/* Bench Login */
.bench .content .intro { margin-bottom: 30px; margin-top: 25px; width: 90%; }
.bench .content form { margin-bottom: 40px; }
.bench .content .form-login { width: 57%; padding: 3px 0 0 0; }
.bench .content .form-login .register { font-size: 18px; line-height: 2.5em; }

.bench .content .register-thanks { width: 53.5%; }


/* Bench Register */
.bench .content .form-register .terms { font-size: 12px; line-height: 3.7em; margin-bottom: 0;  }

/* Bench General */
.bench .content .general { padding: 40px 40px 20px 40px; }

/* Safari School Dashboard */
.safari-school { padding-top: 20px; }
.safari-school .dashboard-container, .bench .dashboard-container { padding: 29px 3% 27px 3%; min-height: 530px  }

.safari-school .dashboard, .bench .dashboard { min-height:304px; }
.safari-school .dashboard ul.icons, .bench .dashboard ul.icons { width: 100%; }
.safari-school .dashboard ul.icons li { width: 19%; }
.safari-school .dashboard ul.icons li li { width: 100%; font-size: 12px; padding: 0; }

.safari-school .dashboard .locked .details { top: 36px; left: 0px; padding: 7%; }

.safari-school .dashboard .level, .bench .dashboard .level { font-size: 23px; padding: 7px 0px 10px 0px; line-height: 1.1em; }
.safari-school .dashboard .item, .bench .dashboard .item { padding: 4px 10px 4px 10px; }
.safari-school .dashboard .item img, .bench .dashboard .item img { margin-bottom: 7px; }

.safari-school .dashboard .details, .bench .dashboard .details { line-height: 1.2em; }
.safari-school .dashboard .details .btn, .bench .dashboard .details .btn { font-size: 18px; padding: 2px 15px 0px 15px; margin: 10px 0px 10px 0px; }

.bench .dashboard .item { width: 24%; }   
.bench .dashboard .item img { display: inline; }
    
    
    
/* Safari School Content */
.safari-school .content .heading h1 { font-size: 30px; margin-bottom: 30px; line-height: 0.7em; }

.safari-school h1.large { font-size: 36px !important; }
.safari-school h2.large { font-size: 30px !important; }
    
.safari-school .results { width: 100%; }
.safari-school .results .btn { margin-top: 20px; }
.safari-school .results .number { font-size: 102px; line-height: 1.1em; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; }
.safari-school .results .correct img, .safari-school .results .incorrect img { max-width: 38%; margin-top: -48px;  }
    
.safari-school .results .complete { margin-top: 30px; }
.safari-school .results .complete img { margin-top: -25px; max-width:100%; }

.safari-school .overview { font-size: 18px; padding-left: 10px; }
.safari-school .overview h2 { font-size: 30px; }
.safari-school .overview ul li { background-position: left 12px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 20px 0px 0px 0px; text-align: center; }
.safari-school .overview-image img { float: none; width: 70%; display: inline-block; }




/* Buttons */
.btn { padding: 6px 24px; font-size: 21px; }    

/* Modal */
#YouTubeModalDialog { width: 99% !important; }
#YouTubeModalBody iframe { width: 99%; height: 429px; }
    
    
/* Footer */
footer .footer-logo { width: 83px; float: left; margin-right: 20px; }

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1280px) {

/* Nav */
.navbar { height: 80px; }    
.logo { font-size: 25px; text-align:left; line-height:22px; }
.logo span { font-size: 18px; }
.logo .welcome { float: left; margin: 17px 0px 0px 10px; }
.logo a { float: left; }
.level { font-size: 25px; }
.level span { font-size: 14px; }
.question { font-size: 20px; line-height:80px; }

/* Bench Login */
.bench .content .intro { margin-bottom: 30px; margin-top: 25px; width: 90%; }
.bench .content form { margin-bottom: 40px; }
.bench .content .form-login { width: 47%; padding: 3px 0 0 0; }
.bench .content .form-login .register { font-size: 18px; line-height: 2.5em; }

.bench .content .register-thanks { width: 44.5%; }

/* Bench Register */
.bench .content .form-register .terms { font-size: 14px; line-height: 3.7em; margin-bottom: 0;  }

/* Bench General */
.bench .content .general { padding: 40px 60px 20px 60px; }

    
/* Safari School Dashboard */
.safari-school .dashboard-container, .bench .dashboard-container { padding: 29px 3% 27px 3%; min-height: 520px; }

.safari-school .dashboard, .bench .dashboard { min-height:304px; }
.safari-school ul.icons, .bench .dashboard ul.icons { width: 100%; }
.safari-school ul.icons li { width: 19%; }
.safari-school ul.icons li li { width: 100%; font-size: 12px; padding: 0; }

.safari-school .dashboard .locked .details { top: 31px; left: 0px; padding: 8.7%; }

.safari-school .dashboard .level, .bench .dashboard .level { font-size: 23px; padding: 7px 0px 10px 0px; line-height: 1.1em; }
.safari-school .item, .bench .dashboard .item { padding: 4px 15px 4px 15px; }
.safari-school .item img, .bench .dashboard .item img { margin-bottom: 7px; }

.safari-school .dashboard .details, .bench .dashboard .details { line-height: 1.2em; }
.safari-school .dashboard .details .btn, .bench .dashboard .details .btn { font-size: 18px; padding: 2px 15px 0px 15px; margin: 10px 0px 10px 0px; }
    
.bench .dashboard .item { width: 20%; }   
.bench .dashboard .item img { display: inline; }

    
    
/* Safari School Content */
.safari-school { padding-top: 37px; }
.safari-school .content .heading h1 { font-size: 32px; margin-bottom: 30px; }

.safari-school h1.large { font-size: 45px !important; }
.safari-school h2.large { font-size: 32px; }
    
.safari-school .results { width: 80%; }
.safari-school .results .btn { margin-top: 20px; }
.safari-school .results .number { font-size: 102px; line-height: 1.1em; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; }
.safari-school .results .correct img, .safari-school .results .incorrect img { max-width: 38%; margin-top: -48px;  }

.safari-school .overview { font-size: 18px; padding-left: 10px; }
.safari-school .overview h2 { font-size: 30px; }
.safari-school .overview ul li { background-position: left 12px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 20px 0px 0px 0px; text-align: center; }
.safari-school .overview-image img { float: none; width: 70%; display: inline-block; }


/* Buttons */
.btn { padding: 6px 31px; font-size: 22px; }    

/* Modal */
#YouTubeModalDialog { width: 99% !important; }
#YouTubeModalBody iframe { width: 99%; height: 529px; }
    
    
/* Footer */
footer .footer-logo { width: 83px; float: left; margin-right: 20px; }

}

/* Large devices (large desktops, 1281px and up) */
@media (min-width: 1281px) {

/* Nav */
.navbar { height: 80px; }
.navbar .container { width: 80%; }
.logo { font-size: 25px; text-align:left; line-height:22px; padding-right: 0; }
.logo span { font-size: 17px; }
.logo .welcome { float: left; margin: 17px 0px 0px 8px; }
.logo a { float: left; }
.level { font-size: 25px; }
.level span { font-size: 14px; }
.question { font-size: 20px; line-height:80px; }

/* Bench Login */
.bench .content .intro { margin-bottom: 30px; margin-top: 25px; width: 70%; }
.bench .content form { margin-bottom: 40px; }
.bench .content .form-login { width: 27%; padding: 3px 0 0 0; }
.bench .content .form-login .register { font-size: 18px; line-height: 2.5em; }

.bench .content .register-thanks { width: 44.5%; }


/* Bench Register */
.bench .content .form-register { width: 55%; padding: 3px 0 0 0; }
.bench .content .form-register .terms { line-height:3.4em;  }  

/* Bench General */
.bench .content .general { padding: 40px 60px 20px 60px; }
    
    
/* Safari School & Bench Dashboard */
.safari-school { padding-top: 39px; }
.safari-school .dashboard-container, .bench .dashboard-container { padding: 29px 3% 27px 3%; width: 65%; margin: 0 auto; min-height: 540px; }

.safari-school .dashboard, .bench .dashboard { min-height:304px; }
.safari-school ul.icons, .bench .dashboard ul.icons { width: 100%; }
.safari-school ul.icons li li { font-size: 12px; }

.safari-school .dashboard .locked .details { top: 32px; left: 0; width: 100%; }

.safari-school .level, .bench .dashboard .level { font-size: 23px; padding: 7px 0px 10px 0px; line-height: 1.1em; }
.safari-school .item, .bench .dashboard .item { padding: 4px 15px 4px 15px; }
.safari-school ul.icons li, .bench .dashboard ul.icons li { width: 19%; }
.safari-school .item img, .bench .dashboard .item img { margin-bottom: 7px; }
.safari-school .dashboard .details .btn, .bench .dashboard .details .btn { font-size: 18px; padding: 2px 15px 0px 15px; margin: 10px 0px 10px 0px; }
    
.bench .dashboard .item { width: 20%; }   
.bench .dashboard .item img { display: inline; }
    

/* Safari School Content */
.safari-school .questionnaire-container { width: 80%; margin: 0 auto; padding: 29px 0% 27px 0%; }
.safari-school .content .heading h1 { font-size: 35px; margin-bottom: 30px; }
.safari-school .questionnaire  P { width: 87%; }
    
.safari-school .overview { font-size: 20px; padding-left: 0px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 30px 50px 0px 0px; }
.safari-school .overview-image img { float: right; }
 
    
.safari-school h1.large { font-size: 49px !important; }
.safari-school h2.large { font-size: 32px; }

.safari-school .results { width: 83%; }
.safari-school .results .btn { margin-top: 20px; }
.safari-school .results .number { font-size: 102px; line-height: 1.1em; }
.safari-school .results .correct, .safari-school .results .incorrect, .safari-school .results .complete { width: 49%; margin-top: 55px; }
.safari-school .results .correct img, .safari-school .results .incorrect img { margin-top: -67px;  }
    
.safari-school .results .complete { margin-top: 30px; }
.safari-school .results .complete img { margin-top: -25px; max-width:100%; }

.safari-school .overview { font-size: 20px; padding-left: 0px; }
.safari-school .overview  P { width: 87%; line-height: 22px; font-size: 20px; vertical-align: -9px; padding-right: 0px; margin-top: 12px; }
.safari-school .overview-image { padding: 30px 50px 0px 0px; }
.safari-school .overview-image img { float: right; }

    
/* Buttons */
.btn { padding: 6px 31px; font-size: 22px; }    

/* Modal */
#YouTubeModalDialog { width: 900px !important; }
#YouTubeModalBody iframe { width: 99%; height: 529px; }
 
    
/* Footer */
footer .footer-logo { width: 83px; float: left; margin-right: 10px; }
.footer .container { width: 80%; }
.footer .terms { width: 40%; right: 60%; }
.footer .text-right { width: 60%; left: 40%;}

}



@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    
.navbar .level1 { background-image: url('../../assets/images/icons/Level1-Sml@2x.png'); background-size: 47px 47px; }
.navbar .level2 { background-image: url('../../assets/images/icons/Level2-Sml@2x.png'); background-size: 47px 47px; }
.navbar .level3 { background-image: url('../../assets/images/icons/Level3-Sml@2x.png'); background-size: 47px 47px; }
.navbar .level4 { background-image: url('../../assets/images/icons/Level4-Sml@2x.png'); background-size: 47px 47px; }
.navbar .level5 { background-image: url('../../assets/images/icons/Level5-Sml@2x.png'); background-size: 47px 47px; }
.safari-landscape { background-image: url('../../assets/images/background/Safari-Scene@2x.png'); background-size: 2200px 87px; }
.cloud-sml { background: url('../../assets/images/background/Cloud-Sml.png') no-repeat center bottom; background-size: 43px 31px; }
.cloud-lrg { background: url('../../assets/images/background/Cloud-Lrg.png') no-repeat center bottom; background-size: 70px 50px; }
   
}


@media print {

}
.bench .dashboard-container{ width: 100%; max-width: 1145px; padding: 0 15px; margin: 0 auto; min-height: 10px; }
.bench .dashboard{ min-height: 10px; padding-bottom: 151px; padding-top: 70px; }
.bench .dashboard h1{ margin-bottom: 15px; }
.bench .dashboard p{ max-width: 610px; margin: 0 auto; line-height: 17px; }
.bench .dashboard p br{ display: none; }
.bench .dashboard ul.icons{ padding-top: 46px; display: flex; justify-content: center; flex-wrap: wrap; }
.bench .dashboard ul.icons li{ flex: 0 0 16.666%; max-width: 16.666%; display: block; padding: 0; border-radius: 0; padding: 0 15px; }
.bench .dashboard ul.icons li:hover{ border-radius: 0; background: none; }
.bench ul.icons .level{ font-size: 16px; line-height: 1.2; padding: 0; height: 38px; margin-bottom: 11px; display: table; width: 100%; }
.bench ul.icons .level span{ display: table-cell; vertical-align: middle; color: #333333; font-size: 16px; }
.bench ul.icons .item .image-wrap{ display: block; max-width: 139px; margin: 0 auto; position: relative; transition: 0.3s all ease; padding: 5px; }
.bench ul.icons .item .image-wrap::before{ content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #00ffff; opacity: 0; border-radius: 50%; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; transition: 0.3s all ease; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); transform: scale(0.5); mix-blend-mode: multiply; }
.bench ul.icons .item .image-wrap:hover::before{ opacity: 0.5; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.bench ul.icons .item .image-wrap img{ display: block; margin: 0; }
.bench ul.icons .item .details{ display: none; }

@media (max-width: 1024px) {
    .bench .dashboard{ padding-bottom: 75px; }
    .bench .dashboard-container{ max-width: 766px; }
    .bench .dashboard ul.icons li{ flex: 0 0 33.333%; max-width: 33.333%; margin-bottom: 30px; }
}
@media (max-width: 767px) {
    .bench .dashboard{ padding-bottom: 45px;padding-top: 30px }
    .bench .dashboard ul.icons{ padding-top: 40px; margin: 0; padding-bottom: 0; }

}
@media (max-width: 640px) {
    .bench .dashboard ul.icons li{ flex: 0 0 50%; max-width: 50%; margin-top: 0; }
}
@media (max-width: 375px) {
    .bench .dashboard{ padding-bottom: 25px; }
    .bench ul.icons .level{ height: auto; }
    .bench .dashboard ul.icons li{ flex: 0 0 100%; max-width: 100%; }
}

/*data table css*/
.dataTables_length select{margin: 0 5px;}
.dataTables_filter label,.dataTables_length label{color:#698b58;font-family:'Lato','Arial Black',Arial,Verdana,Helvetica;}
.dataTables_length select.input-sm{height:40px;line-height:40px;}
.dataTables_filter .form-control:focus,.dataTables_length select.input-sm:focus{box-shadow:none;}
.dataTables_filter .form-control{height:40px;min-width:230px;}
table.dataTable{margin-top:25px;}
table.dataTable th{color:#698b58;font-family:'Lato','Arial Black',Arial,Verdana,Helvetica;font-size:15px;}
table.dataTable thead th,table.dataTable thead td,table.dataTable tbody  td{text-align:left;padding:15px;}
table.dataTable tbody td:first-child{background-position:5px center!important;}
table.dataTable thead .sorting_asc{background-image:url(../images/icons/sort_asc.png);}
table.dataTable thead .sorting_desc{background-image:url(../images/icons/sort_desc.png);}
table.dataTable .wpdm-download-locked{color:#000;font-weight:bold;}
.dataTables_wrapper .dataTables_info{padding-top:15px;}

/*paginaion*/
.pagination>li>a,.pagination>li>span{color:#000;border:none;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#A3A77B;border-color:transparent;cursor:default;}
body .dataTables_wrapper .dataTables_paginate .paginate_button{border:none;margin:0 2px!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#fff;border:none;background:#A3A77B;}
@media (max-width:767px){
	table.dataTable thead th,table.dataTable thead td,table.dataTable tbody td{text-align:left;padding:10px;}
	.dataTables_length select{margin-left: 0}
}