@media screen and (min-width:320px) and (max-width:768px) { #slideshow, section.news-module .item .info .date, .category-module span, #face-slider { display: none; } .center { width: 92%; margin: 0 4%; } header .logo-box, header nav, section.aboutus-module .welcome .txt { float: none; width: 100%; } header .logo-box img { display: block; width: 145px; margin: 15px auto; } header .center { max-height: none; overflow: visible; width: 100%; margin: 0; } #menu { display: none; } .slicknav_menu { display: block; } .title-box { padding: 20px 0; } .title-box h2 { font-size: 20px; } section.aboutus-module .welcome .thumb-img { float: none; width: 80%; margin: 0 auto; height: 225px; } span.size { font-size: 18px; } .grid.three-box .item { float: left; margin: 0; width: 100%; margin-bottom: 40px; } section.news-module .item { float: none; width: 100%; } section.news-module .item:nth-child(n) { margin-right: 0; } section.news-module .item:nth-child(2n) { margin-left: 0; } section.news-module .item .thumb-img { height: 175px; } section.news-module .item .info { padding: 20px 4%; } section.news-module .item .info h3 { width: 100%; } section.contact-module .form-box, section.contact-module .contact-info { float: none; width: 100%; } section.contact-module .form-box { margin-bottom: 40px; } footer { padding: 30px 4%; } .elastislide-carousel { background: none; } .elastislide-horizontal nav span { top: 40%; } .elastislide-wrapper nav span { background: #ddd url(../images/nav-mobile.png) no-repeat 0 -32px; width: 32px; height: 32px; } header nav ul li { float: none; } header nav ul li a { text-align: center; padding: 20px 0; } .slicknav_nav ul { width: 100%; } .category-module { margin-bottom: 50px; } .gallery .item { float: left; width: 100%; margin: 0; margin-bottom: 15px; } } @media screen and (min-width:480px) and (max-width:768px) { section.aboutus-module .welcome .thumb-img { float: none; width: 50%; margin: 0 auto; height: 250px; } .gallery .item { float: left; width: 48%; margin: 0 1%; margin-bottom: 15px; } } @media screen and (min-width:600px) and (max-width:768px) { section.aboutus-module .welcome .thumb-img { float: none; width: 45%; margin: 0 auto; height: 250px; } } @media screen and (min-width:640px) and (max-width:768px) { } @media screen and (min-width:768px) and (max-width:1023px) { #slideshow { display: block; min-height: 280px; } #slideshow.subpage { min-height: 50px; } #slideshow .caption-box { margin-top: 50px; } #slideshow .caption-box .line { padding: 25px 15px } #slideshow .caption-box .line:first-child { font-size: 35px; } #slideshow .caption-box .line:last-child { font-size: 20px; } section.aboutus-module .welcome .thumb-img { float: none; width: 50%; margin: 0 auto; height: 310px; margin-bottom: 50px; } section.news-module .item { float: left; width: 47%; } section.news-module .item:nth-child(1n) { margin-right: 2%; } section.news-module .item:nth-child(2n) { margin-left: 2%; } section.contact-module .form-box, section.contact-module .contact-info { float: left; width: 49%; } section.contact-module .form-box { margin-right: 1%; } section.contact-module .contact-info { margin-left: 1%; } .form-box textarea { height: 165px; padding-top: 10px; } } @media screen and (min-width:1024px) and (max-width:1279px) { .center { width: 92%; margin: 0 4%; } header nav ul li a { font-size: 15px; padding: 37px 15px; } #slideshow { min-height: 372px; } #slideshow.subpage { min-height: 100px; } #slideshow .caption-box { margin-top: 80px; } #slideshow .caption-box .line { padding: 25px 15px } #slideshow .caption-box .line:first-child { font-size: 55px; } #slideshow .caption-box .line:last-child { font-size: 30px; } section.aboutus-module .welcome .thumb-img { height: 250px; } .elastislide-carousel { background: none; } } @media screen and (min-width:1280px) and (max-width:1365px) { #slideshow { min-height: 468px; } #slideshow.subpage { min-height: 100px; } } @media screen and (min-width:1366px) and (max-width:1439px) { #slideshow { min-height: 498px; } #slideshow.subpage { min-height: 100px; } } @media screen and (min-width:1440px) and (max-width:1679px) { #slideshow { min-height: 527px; } #slideshow.subpage { min-height: 100px; } } @media screen and (min-width:1600px) and (max-width:1679px) { #slideshow { min-height: 570px; } #slideshow.subpage { min-height: 100px; } } @media screen and (min-width:1680px) and (max-width:1919px) { #slideshow { min-height: 600px; } #slideshow.subpage { min-height: 100px; } } @media screen and (min-width:1920px) and (max-width:3840px) { #slideshow { min-height: 680px; } #slideshow.subpage { min-height: 100px; } }