/* Averett University Responsive Stylesheet click5 Interactive http://www.click5interactive.com/ */ @media only screen and (min-width: 768px) and (max-width: 980px) { #sticky-refer, #wsa_div, #header-chat, #sidebar-chat { display: none; } html { } body { } .wrap { width: 740px; } #content { background-size: 820px auto; } #col-left { width: 175px; } #col-middle { width: 400px; } #col-middle2 { width: 540px; } #col-right { width: 165px; } #col-wide { width: 740px; } #header { width: 740px; } #header #phone { width: 530px; } #nav { width: 740px; } #nav ul li a { padding: 0 6px; font-size: 15px; text-transform: none; } #hero { width: 740px; height: 200px; background-size: 740px auto; } .home #hero { width: 740px; height: 250px; } .home #hero .slide-bg { width: 740px !important; height: 250px !important; background-size: 740px auto !important; } #nav-left { width: 155px; margin: 0 0 0 10px; } #nav-left ul { width: 155px; } #breadcrumb { padding: 0 15px 2px 20px; font-size: 11px; } h1 { margin-left: 20px; margin-right: 20px; padding-top: 10px; font-size: 25px; line-height: 29px; } h2, h3, h4, h5, h6, p, p.highlight { padding-right: 20px; padding-left: 20px; } p.highlight { font-size: 14px; line-height: 21px; } #col-middle img { max-width: 360px; height: auto; } .post { margin: 0; } .postpublishdate { padding: 0 20px 10px 20px; } form { margin: 2px 20px 16px 20px; } input, select { max-width: 90%; } table { max-width: 360px; margin: 2px 20px 16px 20px; } #home-col-left { width: 350px; padding: 10px 0 0 20px; } #home-col-left .item p.txt_p { width: 289px; } #home-col-middle { width: 170px; } #home-col-right { width: 170px; } #home-col-right .item { padding: 10px 5px 10px 10px; } #home-col-right .item h4 { line-height: 16px; } #home-col-right .item .txt { width: 115px; } #home-program-offerings .jcarousel-skin-tango .jcarousel-container-horizontal { width: 674px; padding: 20px 33px; } #home-program-offerings .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 662px; } #home-program-offerings ul li { width: 120px; margin: 0 0 0 12px; } #home-program-offerings ul li a { padding: 100px 0 0 0; } #home-program-offerings ul li a#home-program-offerings-prog01, #home-program-offerings ul li a#home-program-offerings-prog02, #home-program-offerings ul li a#home-program-offerings-prog03, #home-program-offerings ul li a#home-program-offerings-prog04, #home-program-offerings ul li a#home-program-offerings-prog05, #home-program-offerings ul li a#home-program-offerings-prog06, #home-program-offerings ul li a#home-program-offerings-prog07, #home-program-offerings ul li a#home-program-offerings-prog08, #home-program-offerings ul li a#home-program-offerings-prog09, #home-program-offerings ul li a#home-program-offerings-prog10, #home-program-offerings ul li a#home-program-offerings-prog11, #home-program-offerings ul li a#home-program-offerings-prog12, #home-program-offerings ul li a#home-program-offerings-prog01:hover, #home-program-offerings ul li a#home-program-offerings-prog02:hover, #home-program-offerings ul li a#home-program-offerings-prog03:hover, #home-program-offerings ul li a#home-program-offerings-prog04:hover, #home-program-offerings ul li a#home-program-offerings-prog05:hover, #home-program-offerings ul li a#home-program-offerings-prog06:hover, #home-program-offerings ul li a#home-program-offerings-prog07:hover, #home-program-offerings ul li a#home-program-offerings-prog08:hover, #home-program-offerings ul li a#home-program-offerings-prog09:hover, #home-program-offerings ul li a#home-program-offerings-prog10:hover, #home-program-offerings ul li a#home-program-offerings-prog11:hover, #home-program-offerings ul li a#home-program-offerings-prog12:hover { background-size: 120px auto; } #home-program-offerings .jcarousel-skin-tango .jcarousel-prev-horizontal, #home-program-offerings .jcarousel-skin-tango .jcarousel-next-horizontal { top: 42px; } #home-averett-social ul { margin: 5px 0 0 0; } #home-averett-social ul li a { margin-right: 15px; padding: 8px 0 8px 46px; } #request-info-form-wrap { margin: 10px 20px 22px 20px; } #request-info-form { width: 360px; } #request-info-form strong { width: 360px; height: 60px; background-position: center center; } #request-info-form form { width: 360px; } #request-info-form form input { width: 139px; margin: 0 15px 12px 15px; } #request-info-form form input#b-submit { width: 360px; max-width: 360px; height: 22px; margin: 5px 0 10px 0; } #request-info-form form select { width: 150px; margin: 0 15px 18px 15px; } #col-right .acenter a img { width: 150px; height: auto; } #col-right h2 { font-size: 21px; } #col-right ul ul { margin: 0 30px 0 34px; } #sidebar-program-offerings { width: 150px; } #sidebar-program-offerings-header { font-size: 13px; } #sidebar-program-offerings ul li { width: 130px; } #sidebar-program-offerings ul li a { padding: 100px 0 0 0; } #sidebar-program-offerings ul li a#sidebar-program-offerings-prog01, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog02, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog03, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog04, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog05, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog06, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog07, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog08, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog09, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog10, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog11, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog12, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog01:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog02:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog03:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog04:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog05:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog06:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog07:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog08:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog09:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog10:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog11:hover, #sidebar-program-offerings ul li a#sidebar-program-offerings-prog12:hover { background-size: 130px auto; } #sidebar-program-offerings .jcarousel-skin-tango { width: 150px; } #sidebar-program-offerings .jcarousel-skin-tango .jcarousel-container-horizontal { width: 150px; } #sidebar-program-offerings .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 150px; } #footer { width: 740px; padding: 30px 0 0 0; font-size: 13px; line-height: 17px; } #footer-logo { margin: -50px 0 0 42px; } #footer p { padding: 12px 25px 22px 25px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #sticky-refer, #wsa_div, #header-chat, #sidebar-chat { display: none; } html { } body { font-size: 12px; line-height: 19px; -webkit-text-size-adjust: none; } .wrap { width: 460px; } #content { background-size: 1000px auto; } #col-left { display: none; } #col-middle { width: 460px; } #col-middle2 { width: 460px; } #col-right { width: 460px; margin: 0; } #col-wide { width: 460px; } #header-wrap { position: relative; } #header { width: 460px; } #header #nav_top { width: 310px; } #header #nav_top .search { display: none; } #header #nav_top ul li a { padding: 0 15px; } #header #phone { width: 310px; } #header #phone li, #header #phone li.call, #header #phone li.request, #header #phone li.apply { margin-left: 12px; padding-left: 0; font-size: 14px; background-image: none; } #header #phone li.call { font-size: 16px; } #nav { display: none; } #nav-phones { display: block; float: left; width: 460px; } #nav-phones select { float: none; width: 340px; margin: 12px 0 12px 60px; padding: 3px; font-size: 14px; } #nav-phones option.current-menu-item { font-weight: bold; } #hero { width: 460px; height: 125px; padding: 0; background-position: left top; background-size: 460px auto; } .home #hero { width: 460px; height: 155px; padding: 0; } .home #hero .slide-bg { width: 460px !important; height: 155px !important; background-size: 460px auto !important; } #breadcrumb { padding: 0 15px 2px 20px; font-size: 11px; } h1 { margin-left: 20px; margin-right: 20px; padding-top: 10px; font-size: 23px; line-height: 27px; } h2, h3, h4, h5, h6, p, p.highlight { padding-right: 20px; padding-left: 20px; } p.highlight { font-size: 14px; line-height: 21px; } #col-middle img { max-width: 420px; height: auto; } .post { margin: 0; } .postpublishdate { padding: 0 20px 10px 20px; } form { margin: 2px 20px 16px 20px; } input, select { max-width: 90%; } table { max-width: 420px; margin: 2px 20px 16px 20px; } #home-col-left { width: 420px; padding: 10px 0 0 20px; } #home-col-left .item p.txt_p { width: 350px; } #home-col-middle { width: 210px; } #home-col-right { width: 210px; } #home-col-right .item { padding: 10px 5px 10px 10px; } #home-col-right .item h4 { line-height: 16px; } #home-col-right .item .txt { width: 135px; } #home-program-offerings .jcarousel-skin-tango .jcarousel-container-horizontal { width: 394px; padding: 20px 33px; } #home-program-offerings .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 382px; } #home-program-offerings ul li { width: 120px; margin: 0 0 0 12px; } #home-program-offerings ul li a { padding: 100px 0 0 0; } #home-program-offerings ul li a#home-program-offerings-prog01, #home-program-offerings ul li a#home-program-offerings-prog02, #home-program-offerings ul li a#home-program-offerings-prog03, #home-program-offerings ul li a#home-program-offerings-prog04, #home-program-offerings ul li a#home-program-offerings-prog05, #home-program-offerings ul li a#home-program-offerings-prog06, #home-program-offerings ul li a#home-program-offerings-prog07, #home-program-offerings ul li a#home-program-offerings-prog08, #home-program-offerings ul li a#home-program-offerings-prog09, #home-program-offerings ul li a#home-program-offerings-prog10, #home-program-offerings ul li a#home-program-offerings-prog11, #home-program-offerings ul li a#home-program-offerings-prog12, #home-program-offerings ul li a#home-program-offerings-prog01:hover, #home-program-offerings ul li a#home-program-offerings-prog02:hover, #home-program-offerings ul li a#home-program-offerings-prog03:hover, #home-program-offerings ul li a#home-program-offerings-prog04:hover, #home-program-offerings ul li a#home-program-offerings-prog05:hover, #home-program-offerings ul li a#home-program-offerings-prog06:hover, #home-program-offerings ul li a#home-program-offerings-prog07:hover, #home-program-offerings ul li a#home-program-offerings-prog08:hover, #home-program-offerings ul li a#home-program-offerings-prog09:hover, #home-program-offerings ul li a#home-program-offerings-prog10:hover, #home-program-offerings ul li a#home-program-offerings-prog11:hover, #home-program-offerings ul li a#home-program-offerings-prog12:hover { background-size: 120px auto; } #home-program-offerings .jcarousel-skin-tango .jcarousel-prev-horizontal, #home-program-offerings .jcarousel-skin-tango .jcarousel-next-horizontal { top: 42px; } #home-averett-social { height: 140px; } #home-averett-social ul { margin: 0; } #home-averett-social ul li a { margin-right: 5px; padding: 8px 0 8px 18px; font-size: 12px; background-size: 17px auto; } #request-info-form-wrap { margin: 10px 20px 22px 20px; } #request-info-form { width: 360px; margin-left: auto; margin-right: auto; } #request-info-form strong { width: 360px; height: 60px; background-position: center center; } #request-info-form form { width: 360px; } #request-info-form form input { width: 139px; margin: 0 15px 12px 15px; } #request-info-form form input#b-submit { width: 360px; max-width: 360px; height: 22px; margin: 5px 0 10px 0; } #request-info-form form select { width: 150px; margin: 0 15px 18px 15px; } #footer { width: 460px; padding: 10px 0 0 0; font-size: 12px; line-height: 15px; } #footer-logo { display: none; } #footer p { padding: 12px 25px 22px 25px; } #footer p.fleft { float: none; padding: 12px 25px 0 25px; text-align: center; } #footer p.fright { float: none; padding: 6px 25px 20px 25px; text-align: center; } #footer strong { line-height: 23px; } #footer hr { margin: 0 0 5px 0; } } @media only screen and (max-width: 479px) { #sticky-refer, #wsa_div, #header-chat, #sidebar-chat { display: none; } html { } body { font-size: 12px; line-height: 19px; -webkit-text-size-adjust: none; } .wrap { width: 300px; } #content { background-size: 1000px auto; } #col-left { display: none; } #col-middle { width: 300px; margin: 20px 0 10px; } #col-middle2 { width: 300px; margin: 20px 0 10px; } #col-right { width: 300px; margin: 0; } #col-wide { width: 300px; } #header-wrap-in { background-size: 1090px 142px; } #header-wrap { position: relative; } #header { width: 300px; } #header #logo a { width: 100px; height: 75px; background-size: 96px auto; } #header #nav_top { width: 200px; } #header #nav_top .search { display: none; } #header #nav_top ul li a { padding: 0 5px; font-size: 9px; background-image: none; } #header #phone { width: 200px; padding-top: 18px; padding-bottom: 1px; } #header #phone li, #header #phone li.call, #header #phone li.request, #header #phone li.apply { margin-left: 12px; padding-left: 0; font-size: 14px; background-image: none; } #header #phone li.call { font-size: 18px; line-height: 22px; } #nav { display: none; } #nav-phones { display: block; float: left; width: 300px; } #nav-phones select { float: none; width: 260px; margin: 0 0 12px 20px; padding: 3px; font-size: 14px; } #nav-phones option.current-menu-item { font-weight: bold; } #hero { width: 300px; height: 82px; padding: 0; background-position: left top; background-size: 300px auto; } .home #hero { width: 300px; height: 100px; padding: 0; } .home #hero .slide-bg { width: 300px !important; height: 100px !important; background-size: 300px auto !important; } #breadcrumb { padding: 0 5px 2px 10px; font-size: 11px; } h1 { margin-left: 10px; margin-right: 10px; padding-top: 10px; font-size: 22px; line-height: 26px; } h2, h3, h4, h5, h6, p, p.highlight { padding-right: 10px; padding-left: 10px; } p.highlight { font-size: 14px; line-height: 21px; } #col-middle img { max-width: 280px; height: auto; } .post { margin: 0; } .postpublishdate { padding: 0 10px 10px 10px; } form { margin: 2px 10px 16px 10px; } input, select { max-width: 90%; } table { max-width: 280px; margin: 2px 20px 16px 20px; } #home-col-left { width: 280px; padding: 10px 0 0 10px; } #home-col-left .item p.txt_p { width: 215px; } #home-col-middle { width: 280px; padding: 10px 0 0 10px; } #home-col-right { float: left; width: 280px; padding: 0 0 0 10px; } #home-col-right h1 { margin-left: 0; } #home-col-right .item { padding: 10px 5px 10px 10px; } #home-col-right .item h4 { line-height: 16px; } #home-col-right .item .txt { width: 215px; } #home-program-offerings .jcarousel-skin-tango .jcarousel-container-horizontal { width: 234px; padding: 20px 33px; } #home-program-offerings .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 222px; } #home-program-offerings ul li { width: 120px; margin: 0 0 0 12px; } #home-program-offerings ul li a { padding: 100px 0 0 0; } #home-program-offerings ul li a#home-program-offerings-prog01, #home-program-offerings ul li a#home-program-offerings-prog02, #home-program-offerings ul li a#home-program-offerings-prog03, #home-program-offerings ul li a#home-program-offerings-prog04, #home-program-offerings ul li a#home-program-offerings-prog05, #home-program-offerings ul li a#home-program-offerings-prog06, #home-program-offerings ul li a#home-program-offerings-prog07, #home-program-offerings ul li a#home-program-offerings-prog08, #home-program-offerings ul li a#home-program-offerings-prog09, #home-program-offerings ul li a#home-program-offerings-prog10, #home-program-offerings ul li a#home-program-offerings-prog11, #home-program-offerings ul li a#home-program-offerings-prog12, #home-program-offerings ul li a#home-program-offerings-prog01:hover, #home-program-offerings ul li a#home-program-offerings-prog02:hover, #home-program-offerings ul li a#home-program-offerings-prog03:hover, #home-program-offerings ul li a#home-program-offerings-prog04:hover, #home-program-offerings ul li a#home-program-offerings-prog05:hover, #home-program-offerings ul li a#home-program-offerings-prog06:hover, #home-program-offerings ul li a#home-program-offerings-prog07:hover, #home-program-offerings ul li a#home-program-offerings-prog08:hover, #home-program-offerings ul li a#home-program-offerings-prog09:hover, #home-program-offerings ul li a#home-program-offerings-prog10:hover, #home-program-offerings ul li a#home-program-offerings-prog11:hover, #home-program-offerings ul li a#home-program-offerings-prog12:hover { background-size: 120px auto; } #home-program-offerings .jcarousel-skin-tango .jcarousel-prev-horizontal, #home-program-offerings .jcarousel-skin-tango .jcarousel-next-horizontal { top: 42px; } #home-averett-social { height: 140px; line-height: 38px; } #home-averett-social ul { margin: 0; } #home-averett-social ul li a { margin-right: 5px; padding: 0 0 0 18px; font-size: 12px; background-size: 17px auto; } #request-info-form-wrap { margin: 10px 10px 22px 10px; } #request-info-form { width: 280px; margin-left: auto; margin-right: auto; } #request-info-form strong { width: 280px; height: 60px; background-position: center center; } #request-info-form form { width: 280px; } #request-info-form form input { width: 117px; margin: 0 6px 8px 6px; } #request-info-form form input#b-submit { width: 280px; max-width: 280px; height: 19px; margin: 5px 0 10px 0; } #request-info-form form select { width: 128px; margin: 0 6px 10px 6px; } #footer { width: 300px; padding: 10px 0 0 0; font-size: 11px; line-height: 15px; } #footer-logo { display: none; } #footer p { padding: 12px 25px 22px 25px; } #footer p.fleft { float: none; padding: 12px 0 0 0; text-align: center; } #footer p.fright { float: none; padding: 6px 0 20px 0; text-align: center; } #footer strong { line-height: 23px; } #footer hr { margin: 0 0 5px 0; } }