/*
  @project - LinkOIL
  @file - main-responsive.css

  Responsive Web Design styles for: 
*/


/*
	BRAK BENNERU DLA MOBILNEJ WERSJI
 */
@media (max-width: 979px) {
	.main-banner{
		display: none
	}
}

/* 
	Large desktop 
*/
@media (min-width: 1200px) {
	.container, 
	.navbar-static-top .container, 
	.navbar-fixed-top .container, 
	.navbar-fixed-bottom .container {
		width: 990px;
	}
	.span5 {
		width: 400px;
	}
}
@media (max-width: 1200px) {
	.registration-icon {
		margin-left: -5px;
	}
}
@media (min-width: 979px) and (max-width: 1200px) {
	.row-name {
		margin-left: 20px;
	}
	.row-name input {
		width: 80%;
	}
}
@media (max-width: 979px) {
	.margin-right-38 {
		margin-right: 0;
	}
	.row-name {
		margin-left: 20px;
	}
	.row-name input {
		width: 97%;
	}
	.pull-right .customStyleSelectBox,
	.pull-right .right-box {
		float: none;
	}
	.navbar-fixed-top {
		margin-bottom: 0;
	}
	.start-page-header {
		margin-top: 0;
	}
	.registration-icon {
		padding: 7px 13px;
	}
	.btn-register {
		font-size: 10px;
	}
	#buy-form, #search-form, #form {
		padding: 25px 10px 0;
	}
	
	.navbar-fixed-top .right-menu{
		float: none;
	}
}
 
/* 
	Portrait tablet to landscape and desktop 
*/
@media (min-width: 768px) and (max-width: 979px) {
	input[type="number"] {
		width: 40px;
	}
	.input-divider {
		padding: 0;
	}
}
 
/* 
	Landscape phone to portrait tablet 
*/
@media (max-width: 767px) { 
	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.navbar-fixed-top {
		width: 100%;
		margin: 0;
	}
	.row-name {
		margin-left: 0px;
	}	
	.registration-box {
		width: 100%;
		top: auto;
		padding: 20px 6%;
		margin-bottom: 40px;
	}
	.start-page-header .container {
		padding: 0 20px;
	}
	.start-page-header .big-font {
		width: 100%;
		bottom: auto;
		font-size: 45px;
		line-height: 50px;	
		position: relative;
		text-align: left;
		font-size: 35px;
		line-height: 40px;
	}
	.start-page-header .big-font strong {
		font-size: 40px;
	}
	.start-page-header {
		height: auto;
	}
	.btn-register {
		width: 99%;
		padding: 12px 0;
	}
	h1 {
		font-size: 30px;
		line-height: 32px;
	}
	section.login-section, section.register-section, section.password-reminder, section.info-section {
		padding: 25px 20px;
	}
	#search-form footer > .pull-right .btn,
	#search-form footer > .pull-right input {
      font-size: 14px;
    }
/*
	.results-table .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.results-table * html .cf { zoom: 1; }
	.results-table *:first-child+html .cf { zoom: 1; }
	
	table.results-table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.results-table th,
	.results-table td { margin: 0; vertical-align: top; font-size: 0.8em; min-height: 20px; padding: 4px; }
	.results-table th { text-align: left; border: 1px solid #FFD000 !important; border-width: 0 0 1px 0 !important;  }
	
	table.results-table { display: block; position: relative; width: 100%; }
	.results-table thead { display: block; float: left; width: 20%; }
	.results-table thead th { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.results-table tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	.results-table thead tr { display: block; }
	.results-table th { display: block; text-align: right; }
	.results-table tbody tr { display: inline-block; vertical-align: top; }
	.results-table td { display: block; min-height: 20px; text-align: left; }
  
	.results-table th { border-bottom: 0; border-left: 0; }
	.results-table td { border-left: 0; border-right: 0; border-bottom: 0; }
	.results-table tbody tr { border-left: 1px solid #babcbf; }
	.results-table th:last-child,
	.results-table td:last-child {  }

	.table .center-align {
		text-align: left;
	}
*/

	.table th, .table td {
		font-size: 9px;
		padding: 4px;
	}
	#search-form .right-box {
		float: none;
	}
	.row-name input {
		width: 93%;
		padding: 10px 3%;
	}
	h2 {
		font-size: 26px;
		line-height: 28px;
	}
	h3 {
		font-size: 22px;
		line-height: 24px;
	}
	.information-box {
		padding: 25px 20px;
	}
}
 
/* 
	Landscape phones and down 
*/
@media (max-width: 480px) {
	#content-wrapper {
		top: auto;
		padding: 10px;
	}
	#footer-wrapper {
		padding: 0 10px;
	}
	.start-page-header {
		margin-bottom: 0;
	}
	.start-page-header .big-font {
		font-size: 25px;
		line-height: 30px;
	}
	.start-page-header .big-font strong {
		font-size: 30px;
	}
	h1 {
		font-size: 20px;
		line-height: 22px;
	}	
	h2 {
		font-size: 18px;
		line-height: 20px;
	}
	h3 {
		font-size: 16px;
		line-height: 18px;
	}
	.start-page {
		padding: 0;
	}
	section.login-section, section.register-section, section.password-reminder, section.info-section {
		padding: 25px 15px 10px;
	}
	.main-content {
		margin: 0;
	}
	ul.form label {
		width: 90%;
	}
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
		padding: 4px 3%;
	}
	.row-name input {
		width: 94%;
	}
	input, textarea, .uneditable-input {
		width: 93%;
	}
	.login-section.box input[type="submit"].btn,
	.register-section.box input[type="submit"].btn {
		width: 100%;
	}
	#footer-wrapper .nav-pills.pull-right {
		float: none;
	}
	#footer-wrapper .nav-tabs > li > a, 
	#footer-wrapper .nav-pills > li > a {
		padding-left: 6px;
		padding-right: 6px;
	}
	table {
		font-size: 0.8em
	}
	.table th, .table td,
	table th,
	table td {
		padding: 2px 1px;
	}
	table tbody td:nth-child(4), 
	table tbody td:nth-child(5) {
		display: none;
	}
	table thead th:nth-child(4), 
	table thead th:nth-child(5) {
		display: none;
	}
	.pagination,
	.btn.clear-filters,
	.search-submit {
		float: left;
	}
	.search-submit {
		margin-top: 10px;
		margin-left: 0;
		margin-right: 10px;
	}
	#search-form footer > .pull-right .btn {
		line-height: 15px;
	}
	.information-box {
		padding: 25px 10px;
	}
	#buy-form select,
    #search-form select {
      	display: block;
    }
    #search-form select {
   		left: auto;
   	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.login-section form .row-fluid .span2 {
	  width: 20%;
	}
	.pull-right select {
	   right: auto;
	   display: block;
	}
	#search-form .span5 {
	   position: relative;
	}
	#search-form .span5 label {
	   display: block;
	}
	select.custom {
	 left: 0px;
	}
	#offer-form label {
	  display: block;
	}
}
@media (max-width: 768px)  {
	 .pull-right select {
     right: auto;
  }
}
@media (max-width: 480px)  {
  #offer-form label {
    display: block;
  }
}