/////////////////////////////////////////////// // // Adapta Queries // /////////////////////////////////////////////// @media all and (max-width: $navbarCollapseWidth) { .brand { margin:10px 0; line-height: 20px; .name {font-size: 22px;} .tagline { font-size: 10px; letter-spacing: 0; } } .navbar-inverse { .navbar-inner { @include gradient-vertical-stops($navbarInverseBackgroundHighlight, 30%, $navbarInverseBackground, 90%); } } .navbar .btn-navbar { margin: 7px 0 0 10px; padding: 2px 15px 4px; } .brand-tel { margin-top: 8px; margin-left: 10px; } #header-image > h1 { padding: 0 20px; } #header-search-form { position: relative; right: 0; margin-top: 0; #header-search-form-query { width: 100%; height: 32px; @include box-sizing(border-box); } #header-search-form-query-hint { bottom: 16px; left: 28px; } .icon-search { bottom: 15px; right: 20px; } } #links-user { margin: 0; > li { &:first-child{ border-top: none; } > a { font-size: $baseFontSize; color:#222; } } } #nav-main > li > a { padding-bottom: 11px; padding-top: 11px; } .dropdown-submenu > a:after { display: inline-block; float: none; margin-left: 4px; border-width: 5px 5px 0 5px; border-top-color: #b5b5b5; border-left-color: transparent; } .dropdown-submenu:hover > a:after { border-top-color: $white; border-left-color: transparent; } // row-fluid sponsorship .row-fluid.sponsorship{ .first.span9.cms{ width: 100%; p {margin-bottom: 0;} } .span3{ margin-top: 15px; width: 100%; clear: both; margin-left: 0; form.cart_form{ margin-top: -28px; } } } // top buttons .text-right.top-buttons{ text-align: left; > .btn-title{ width: 100%; display: block; } > .btn-list{ clear: both; } } .since{display: none;} } @media all and (min-width: 1600px) { #gallery-items .rsOverflow, .royalSlider#gallery-items { height: 640px !important; } } @media all and (min-width: 1200px) { #gallery-items .rsOverflow, .royalSlider#gallery-items { height: 480px !important; } } @media all and (max-width: 1000px) and (min-width: 767px){ #utilitycategory-filter-form{ #submitGroup-element{ margin-top: 5px; } } } @media all and (max-width: 1070px) and (min-width: 980px){ #nav-main > li{ margin-right: 24px; } #bottom-navigation .nav_section .lvl1 li a{font-size: 13px;} #company-filter-form_elements dd#query-element { width: 135px !important; } } @media all and (max-width: 979px) { //match with menu collapse .nav-collapse { #header-search-form, #links-user, #nav-main {display:none;} } .nav-collapse.in { #header-search-form, #links-user, #nav-main {display:block;} } // Menu // ---------------------------------------------------------- // #B9AE9E; .main-menu{ background: none; @include border-radius(0); } .nav-collapse.collapse.user-info{ background: #fff; ul > li {border-bottom: 1px solid #B9AE9E; width: 90%; margin: 0 auto!important; &:last-child{border-bottom:none;} a:hover{background:none; border: none; box-shadow: none;}} #header-search-form { margin:0 auto; width: 90%; border-bottom: none; border-top:none; padding-left: 0; padding-right: 0; .icon-search { bottom: 0; padding: 18px 5px; } #header-search-form-query-hint { bottom: 0; padding: 13px 0; } } } .container-fluid.main-menu > .row-fluid{ background: #fff; ul{ margin-bottom: 0; > li { border-bottom: 1px solid #eee; width: 90%; margin: 0 auto!important; &:first-child{border-top:1px solid #eee;} &:last-child{border-bottom:none;} a{ color: #222; &:hover {background: none!important; color:#0057b7;} } } } } .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { background: none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color:#0057b7; } #nav-main li.active > a{ background: none; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; color:#0057b7; } #links-user #loginBox{display: none;} #gallery-items .rsOverflow, .royalSlider#gallery-items { height: 295px !important; } #bottom-navigation .nav_section .lvl1 li a{font-size: 13px;} .side_block.sb-recentNews{ text-align: left !important; } #company-filter-form_elements #submitGroup-element{ float: none; clear: right; } } @media all and (min-width: 480px){ form#company-filter-form #query-label{display: none;} } @media all and (min-width: 866px) and (max-width: 979px){ #company-filter-form_elements #submitGroup-element { clear: both; } form#company-filter-form dl #associateCategoryId-element select, #company-filter-form_elements dd#query-element{ max-width: 200px !important; width: 100% !important; } } @media all and (min-width: 768px) and (max-width: 979px) { .thumbnails { margin-left: -#{$gridGutterWidth768}; > li {margin-left: $gridGutterWidth768;} } .navbar .container { width:724px;} .content {font-size: 13px;} footer .container-fluid {padding: 20px 10px!important;} .hidden-my{display: none} .classified-filter-form_elements { position: relative; #typeSearch-element { width: 51%; margin-left: 55px; } #submitGroup-element { position: static !important; clear: both; margin-left: 55px; margin-top: 10px; } } } @media all and (max-width: 800px) { .side_block.contact_block{ #form_contact-form{ dt{ width: auto !important; clear: none; &#form_contact-form-captcha-label{display: none !important;} } dd{ width: 100% !important; float: none; &#form_contact-form-submitGroup-element{ margin-left: 0 !important; } } } } footer { text-align:center; * { float:none !important;} .text-right{text-align: center;} } .row-fluid.sponsorship{ .span3{text-align: center;} .sponsor-price{ padding: 0; } form.cart_form{ float: none!important; margin-top: 0!important; } } } @media all and (max-width: 767px) { body { padding-left: 0; padding-right: 0; } header { background-image: none!important; min-height: 155px; margin-bottom: 20px; .navbar .brand{ float: none; margin: 0 auto; text-align: center; font-size:13px; } .navbar .btn-navbar{ padding: 3px 25px; margin: -10px auto 4px; float: none; } } .navbar-static-top { margin-left: 0; margin-right: 0; } .block > .container { padding-left: 20px; padding-right: 20px; } .container-fluid{ padding: 0 20px; } #header-image h1 { @include box-sizing(border-box); width: 100%; font-size: 36px; margin-left: 0; } #gallery-items .rsOverflow, .royalSlider#gallery-items { height: 260px !important; } footer { text-align:center; * { float:none !important;} .text-right{text-align: center;} > .container-fluid {padding: 20px 10px;} } .span1.delimiter{ height: auto; margin-bottom: 0;} hr.delimiter { width: 100%; margin: 0 auto; height: 1px; } .span6.second-content{ a{width: 40% !important; margin: 0 auto; display: block !important; } } #bottom-navigation .nav_section .lvl1 li a{font-size: 14px;} #bottom-navigation .nav_section.last {margin-top: 0;} } @media all and (max-width: 480px) { #header-image h1.hdr-page { font-size: 24px; line-height: 28px; height: 80px; } // Header .navbar .brand { padding-left: 0; padding-right: 0; } // Medias .media { .date-square { float: left; display: block; margin-bottom: 0; } } .span6.second-content{ a{width: auto !important; max-width: 200px !important; margin: 0 auto; display: block !important; } } .partner { .pull-left, .pull-right { display: inline-block; } } #gallery-items .rsOverflow, .royalSlider#gallery-items { height: 220px !important; } .dropdown-menu > li > a{white-space: normal !important;} .nav-tabs > li { float:none !important; a {@include border-radius(0px); margin: 0 !important;} >ul{ width: 100%; margin: 0; padding: 0; >li{ a{ margin-left: 0; margin-right: 0; border: none; } } } } .filter_form { dt, dd { margin: 0; padding-bottom:5px; } dt { width: 30%; clear: left; } //dd { width: 65%; } //#btnSearch-element, input.text, select { width:100% !important;} #btnSearch-element { text-align: center;} } .lead { font-size:22px; line-height:normal;} //Contact Page content ul.brief-info { float:none; padding: 0 !important; } /* Form utilitycategory-filter-form */ #utilitycategory-filter-form{ #submitGroup-element{ margin-top: 5px; width: 100%; float: none; text-align: center; dd{ float: none; width: auto !important; } } } #company-filter-form{ dt{ //width: 100% !important; } dd{ //width: 100% !important; } #associateCategoryId-element{ //width: 100% !important; display: block; select{ width: 100% !important; max-width: 180px !important; } } } #company-filter-form_elements dd#query-element{ width: 100%; max-width: 180px; } // form classified-filter-form #classified-filter-form{ #query-element{ width: 100%; clear: both; input { width: 100%!important; } } #typeSearch-label{display: none;} #typeSearch-element {width: 100%; float: left; margin-left: 0;} #submitGroup-element{ clear: both; width: 100%; position: relative; dd {width: auto !important;} } } .span1.event-block-separator{ width: 100%; margin-bottom: 0; height: 10px; hr.delimiter{ height: 1px; width: 100%; margin: 0 auto; } } .row-fluid.popup-form > .span12{margin-bottom: 0;} #event-form .productlist {width: 100% !important;} #app-classified-user-links{ li{display: block; width: 100%;} } // form checkbox and members #user-form{ white-space: normal; .checkboxlist{ td{ display: block;} } .table.table-bordered.company-members{ td{ display: block; border: 1px solid #dddddd; } } } .side_block{ text-align: center; } #event-form { #attendee-element > fieldset > dl { dt { float: none !important; width: 100% !important; } dd { margin-left: 0 !important; } } #addAttendee-element, #btnSubmit-element { text-align: center !important; .btn {margin-left: 0 !important;} } } } @media all and (min-width: 401px) and (max-width: 600px){ // top buttons .text-right.top-buttons{ text-align: left; clear: both; > .btn-list{ clear: none; width: 100%; a{ display: block; float: left; margin: 3px 5px 10px 0; } } .btn-list:after{ clear: both; } } } @media all and (max-width: 400px) { // row-fluid sponsorship .row-fluid.sponsorship{ .span3{ form.cart_form{ display: block; float: left; margin-top: 0; margin-bottom: 10px; } } } // top buttons .text-right.top-buttons{ text-align: left; clear: both; > .btn-list{ clear: none; width: 100%; a{ display: block; margin: 3px 0; } } .btn-list:after{ clear: both; } } .downloadPdf{width: 75px !important;} #table-sitemap { td {display: block; width: 100%;} } #member-buttons-block { text-align: center; } } @media all and (max-width: 320px) { #photo-element{ input[type="hidden"]{display: none} input#photo-resize{ margin-right: 0; } input#photo{max-width: 230px; font-size: 13px;} } .brand .name {font-size: 20px;} .royalSlider#gallery-items { height: 160px !important; } #company-element{ > fieldset{ max-width: 282px; } } //#classified-form{max-width: 200px; @include box-sizing (border-box); margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0;} }