@media only screen and (min-width : 320px) and (max-width : 620px) { /* MOBILE NAVIGATION ================================================================ */ .mobile-nav-container { display: block; } .mobile-nav-close, .mobile-nav-open { background: transparent; border: none; cursor: pointer; display: none; margin: 12px 15px; position: absolute; left: 0; top: 0; width: 40px; z-index: 10000; } .mobile-nav-open { display: block } .nav-container ul.nav { display: none; margin: 0; margin-top: 46px; } .nav-container ul.nav li { background: #4682b4; /*background: #002041;*/ border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; color: #ffffff; display: block; float: left; height: 40px; padding-right: 0; position: relative; width: 60%; } .nav-container ul.nav li:first-child { width: 60%; } .nav-container ul.nav li a { /*background: red;*/ display: block; font-size: 11px; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .nav-container ul.nav li a span, .nav-container ul.nav li .photo-sub-menu a > span { display: block; padding-top: 12px; } .nav-container ul.nav li a > span br { content: " "; display: none; } /* COMMON ================================================================ */ .main-logo { max-width: 520px; width: 100%; } .main-logo-home { float: none; width: 100%; } .page-title { font-size:2em; } .column { display: block; margin: 0 auto; } .c12 { width: 90%; } .c13 { width: 90%; } .left { text-align: center; } .contact-list-container .left { text-align: left; } .right { text-align: center; } /* HOME ================================================================ */ .home-copy { text-align: left; } .home-right { left: 0; position: relative; right: auto; top: 0; width: 100%; } .home-left { left: 0; padding-left: 0; padding-right: 0; position: relative; right: auto; text-align: center; top: 0; width: 100%; } .section-title-small { margin-top: 20px; } /* CALENDAR ================================================================ */ .calendar-container { width: 85%; } .bible { width: 120px; } /* MINISTRIES ================================================================ */ .left-column-container { width: 100%; } .left-column { text-align: center; } .ministries-pastor { padding-right: 0px; width: 320px; } .cross-left { padding-right: 0; } .cross-right { padding-left: 0; } .c13-1, .c13-2, .c13-3 { width: 90%; } /* TESTIMONIALS ================================================================ */ .testimonials-container { width: 95%; } .testimonials-right-column { width: 95%; } .testimonials-container .c13-1, .testimonials-container .c13-2, .testimonials-container .c13-3 { width: 90%; } .testimonials-container .c13-1, .testimonials-container .c13-3 { display: none; } .audiojs { width:340px; } .audiojs .scrubber { width:200px; } .audiojs .time { display: none; } .contact-box-1 { height: 60px; margin: 0 auto 20px; width: 90%; line-height: 1.2em; } .contact-box-2 { margin: 0 auto; width: 90%; } /* CONTACT US ================================================================ */ .contact-pastor-container { float: none; width: 100%; } .contact-item-container { float: none; width: 100%; } .contact-item { margin: 10px; } .contact-cross-container { float: none; width: 100%; } .contact-list-container { width: 90%; } .contact-pastor { float: none; padding-right: 0; padding-top: 20px; } .contatc-cross { float: none; padding: 0; } .contact-banner { display: none; } .contact-banner-mobile { display: block; } /* FOOTER ================================================================ */ .footer-copy { display: block; } .legal { max-width: 90%; } }