.clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*== 1200px and beyond =================================================== ========================================================================*/ /* Large desktop */ @media (max-width: 1800px) { .camera_caption > div .slide-title { padding-top: 10px !important; padding-bottom: 10px !important; } } @media (max-width: 1400px) { .camera_caption > div p { padding-left: 10px !important; padding-right: 10px !important; } .camera_caption > div ul.slide_stars { margin-bottom: 10px !important; } h1 { font-size: 30px; line-height: 25px; } } /*== Up to 1200px ===================================================== ========================================================================*/ /* Large desktop */ @media (max-width: 1200px) { #contact_map { height: 376px; } ul.gallery { margin-left: -20px; } ul.gallery .gallery-item { padding-left: 20px; } .camera_target_content { margin-left: -470px !important; } .camera_pag { margin-right: -470px !important; } .top_block h4.item-title { padding: 0 20px; } #component.span8 { padding-right: 0; } #content-row .container:before { display: none; } .secrets img { height: 103px; } } /*== Up to 980px ====================================================== ========================================================================*/ /* Narrow desktop */ @media (max-width: 980px) { .thumbnails { margin-left: -12px; } .thumbnails > li { margin-left: 12px; } /*footer*/ #back-top { display: none !important; } ul.gallery { margin-left: -12px; } ul.gallery .gallery-item { padding-left: 12px; } .top_block h4.item-title { padding: 0 15px; } .top_block .item_introtext { padding: 0 2px; } h3 { font-size: 26px; line-height: 34px; } .camera_target_content { display: none; } .camera_pag { margin-right: -378px !important; } .secrets img { height: 81px; } } /*== Up to 980px and beyond 768px ====================================== ========================================================================*/ /* Portrait tablet to landscape and desktop */ @media (min-width: 768px) and (max-width: 979px) { } /*== Up to 767px ====================================================== ========================================================================*/ /* Landscape phone to portrait tablet */ @media (max-width: 767px) { body { padding: 0; } body .row-container { padding: 0 12px; } .camera_pag { margin-right: 0 !important; right: 20px !important; } #feature-row { margin-left: -12px; } .open_daily { float: none; text-align: center; } .top_block { display: inline-block; width: 22%; margin-left: 3%; vertical-align: bottom; } .top_block h4.item-title { padding: 0; } .top_block .item_introtext { padding: 0px; } .secrets img { height: auto; } #wrapper { margin: 0; } #footer-wrapper { height: auto; } #push { display: none; } #logo { text-align: center; } #logo a { margin: 0; } .mod_caroufredsel .item_img img { width: 100%; } .nav.menu.pull-right.nav-pills { float: none; text-align: center; } .nav.menu.pull-right.nav-pills li { float: none; display: inline-block; } /*navigation*/ .select-menu { display: block; width: 100%; margin: 0; } .sf-menu { display: none !important; } /*content*/ .item-image.blog-image { float: none; margin: 0 0 20px 0; } .row-fluid [class*="itemSpan"] { display: block; float: none; margin-left: 0; width: auto; } /*gallery*/ .page-gallery ul.gallery { margin-left: 0; } .page-gallery ul.gallery .gallery-item { padding-left: 0; float: none; } .page-gallery ul.gallery .gallery-item .item_img { float: left; margin: 0 20px 20px 0 !important; } .img-full__left.span5 { width: 50%; } /*contact*/ .contact_details .contact_details_item { width: 30%; float: left; } /*Modules*/ /*search*/ .mod-search__aside .mod-search_searchword { width: 50%; } /*login*/ .mod-login__aside .mod-login_username, .mod-login__aside .mod-login_passwd { width: 50%; } #back-top { display: none !important; } } /*== Up to 640px ================================================== ====================================================================*/ @media (max-width: 640px) { /*contact*/ .contact_details { margin-bottom: 20px; } .contact_details .contact_details_item { width: 100%; float: none; } } @media (max-width: 560px) { .top_block { display: inline-block; width: 47%; margin-left: 3%; vertical-align: top; margin-bottom: 60px; } #feature-row { background: none; } .top_block .moduleTitle:before, .top_block .moduleTitle:after { background-color: #f9f9f9; } .page-category__menu .item { background: none !important; } } @media (max-width: 500px) { #copyright { clear: both; } .footer_list { width: 33%; } } /*== Up to 480px ================================================== ====================================================================*/ /* Landscape phones and down */ @media (max-width: 480px) { .footer_list .mod-menu .nav.menu { padding-right: 12px; } .team .mod-newsflash-adv_row { margin-left: -12px; } .team .mod-newsflash-adv_row .item { padding-left: 12px; } /*contact*/ .contact_form { width: 100%; } /*registration*/ .page-registration form input, .page-remind form input, .page-reset form input, .page-login form input, .page-login form input, .page-profile__edit form input, .page-registration form select, .page-remind form select, .page-reset form select, .page-login form select, .page-login form select, .page-profile__edit form select { width: 100%; } .page-registration form label, .page-remind form label, .page-reset form label, .page-login form label, .page-login form label, .page-profile__edit form label { display: inline-block; } .pagination ul li { display: none; } .pagination ul li.pagination-prev, .pagination ul li.pagination-next { display: inline-block; } .secrets img { height: 101px; } /*gallery*/ .page-gallery .item_img.img-intro { float: none; margin: 0 0 20px 0; } .page-gallery ul.gallery .gallery-item { text-align: center; } .page-gallery ul.gallery .gallery-item .item_img { float: none; margin: 0 0 20px 0 !important; } .page-gallery ul.gallery .gallery-item a.zoom { display: inline-block; } .img-full__left.span5 { width: 100%; margin-right: 0; } .item_img { float: none !important; margin-right: 0 !important; } /*archive*/ .page-archive_filters select { display: block; width: 100%; } /*contact*/ .contact_details .contact_details_item { width: 100%; float: none; } /*Modules*/ /*search*/ .mod-search__aside .mod-search_searchword { width: 100%; } /*login*/ .mod-login__aside .mod-login_userdata { width: 100%; overflow: hidden; } .mod-login__aside .mod-login_username, .mod-login__aside .mod-login_passwd { width: 100%; } div.modal { position: absolute; } .item_info_dl dd { display: inline-block; } } /*== Up to 340px ===================================================== ========================================================================*/ /* Portrait phones */ @media (max-width: 340px) { } .n_seo{ font-family: 'Great Vibes', cursive; font-size: 50px; line-height: 40px; font-weight: normal; color: #3b3b3b; margin-bottom: 29px; } .icontainer { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .irow { margin-right: -15px; margin-left: -15px } .irow:after, .irow:before { display: table; content: " " } .irow:after { clear: both } .icol-sm-6, .icol-sm-4, .icol-sm-8, .icol-sm-12{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-sizing: border-box; } .seo h2{ color: black; font-size: 16px; font-family: 'Helvetica'; text-align: justify; font-weight: 600; margin-bottom: 0px; } .seo h1{ color: black; font-size: 16px; font-family: 'Helvetica'; text-align: justify; font-weight: 600; margin-bottom: 0px; } .seo p{ text-align: justify; } .icol-sm-6 { float: left; width: 50% } .icol-sm-4 { float: left; width: 33.33333333% } .icol-sm-8 { float: left; width: 66.66666667% } .icol-sm-12 { width: 100% } .irow img { width: 100%; } @media (max-width: 1200px) and (min-width: 600px){ .valign { display: flex; align-items: center; } } @media (max-width: 600px){ .icol-sm-6 { float: left; width: 100% } .icol-sm-4 { float: left; width: 100% } .icol-sm-8 { float: left; width: 100% } .icol-sm-12 { width: 100% } }