/* ==========================================================================
   Real Estate v1.3 - mobili versija
   --------------------------------------------------------------------------
   Visos taisykles yra @media bloku viduje, todel ekranams platesniems nei
   1000px sis failas neturi jokios itakos: kompiuteryje tema atrodo lygiai
   taip pat kaip anksciau. style.css ir skins/1-default.css nepaliesti.

   Breakpointai:
     <= 1000px  tempiamas plotis, vienas stulpelis (sonine juosta nusileidzia)
     <=  900px  mobilus meniu (hamburger)
     <=  640px  telefonas
     <=  420px  siauras telefonas

   SVARBU: originalus isdestymas pastatytas ant float:left. Plaukiantis
   elementas su width:auto susitraukia iki turinio plocio, todel visur, kur
   blokas turi uzimti visa ploti, rasoma width:100%, o ne width:auto.

   Spalvos paimtos is originaliu skins/1-default fono paveiksleliu, kad
   mobili versija atrodytu is tos pacios temos.
   ========================================================================== */


/* Hamburger mygtuko ir submeniu rodykliu originalioje temoje nera - jas
   sukuria responsive-menu.js. Kompiuteryje jos visada paslėptos. */
.mobile-menu-toggle,
.mobile-submenu-toggle { display: none; }


/* ==========================================================================
   1. IKI 1000px - tempiamas plotis ir vienas stulpelis
   ========================================================================== */
@media screen and (max-width: 1000px) {

	*, *::before, *::after { box-sizing: border-box; }

	body { -webkit-text-size-adjust: 100%; }

	/* --- Pagrindinis konteineris --- */
	#wrapper {
		width: auto;
		max-width: 960px;
		padding: 0 8px;
	}

	/* --- Blokai, kurie buvo 930-960px fiksuoto plocio --- */
	.breadcrumbs,
	.footer,
	.content_full,
	.optionstop,
	.optionsbottom,
	.searchbottom,
	.options,
	.contentarea_home,
	.bottompart,
	.featuredproperties,
	.header .menu,
	#propertysearchoptions .search,
	.sf-menu,
	.header ul.dropdown {
		width: 100% !important;
		max-width: 100%;
		float: none;
	}

	/* --- Turinys ir sonine juosta - vienas po kito --- */
	#wrapper #content,
	#wrapper .main_content,
	#wrapper .content_left,
	#wrapper .main_content_left,
	.contentarea > .content,
	.contentarea > .propertydetails,
	.contentarea .propertydetails_left,
	.contentarea_home > .latestproperties,
	.latestproperties_left,
	.contentarea .sidebar,
	.contentarea .sidebar_left,
	.contentarea .sidebarlite,
	.contentarea_home .sidebarhome,
	.contentarea_home .sidebarhome_left {
		float: none !important;
		width: 100% !important;
		max-width: 100%;
	}

	/* --- Blokai stulpelio viduje (buvo 630-670px) --- */
	.contentarea .latestproperties,
	.contentarea .propertydetails .basicinfo,
	.contentarea .additionalfeatures,
	.contentarea .propertymap,
	.contentarea .galleryview,
	.search_form,
	#dhtmlgoodies_slideshow,
	#previewPane {
		width: 100%;
		max-width: 100%;
	}

	/* --- Fono paveiksleliai yra 958-960px plocio.
	       Dalis ju viduje turi vertikalius skirtukus tarp desktopo stulpeliu
	       (patikrinta skaitant pikselius). Tokiu tempti negalima: skirtukas
	       atsidurtu vidury mobilaus vieno stulpelio ir atrodytu kaip brokas.
	       Jiems paduodamos lygiavertes CSS spalvos / gradientai. --- */

	/* Saugu tempti - vientisi vertikalus perejimai be skirtuku */
	.header                        { background-size: cover; }
	.header .menu                  { background-size: 100% 100%; }
	.breadcrumbs                   { background-size: 100% 100%; }
	#propertysearchoptions .search { background-size: 100% 100%; }
	.searchbottom                  { background-size: 100% 100%; }
	.optionsbottom                 { background-size: 100% 100%; }
	.footer                        { background-size: 100% 100%; }

	/* Skirtukas ties x=670 - riba tarp 650px turinio ir agento stulpelio.
	   Visa kita juostele yra vientisas #d1c9af. */
	.featuredproperties {
		background-image: none;
		background-color: #d1c9af;
	}

	/* Skirtukas ties x=689 (_left variante - ties x=269).
	   Atkuriam ta pati vertikalu perejima CSS gradientu: 1px virsutinis
	   krastas, tada svelnus perejimas i #f0ebd9 - puslapio fono spalva. */
	.contentarea_home,
	.contentarea_home_left {
		background-image: linear-gradient(to bottom, #d0c8b1 0, #d0c8b1 1px, #f6f3e9 1px, #f0ebd9 320px);
		background-repeat: no-repeat;
	}

	/* Skirtukai ties x=314 ir x=642 - trys langeliai vienoje eileje */
	.options {
		background-image: linear-gradient(to bottom, #d8d0b7 0, #e2dece 128px, #e3decf 142px);
		background-repeat: no-repeat;
	}
	.optionstop {
		background-image: none;
		background-color: #d7cfb6;
	}

	/* --- Niekas neislenda uz ekrano --- */
	img, iframe, embed, object, video { max-width: 100%; }
	img { height: auto; }
	table { max-width: 100%; }

	/* Galerijos miniatiuru juostele valdoma JavaScript'u - jai paliekam
	   natūralu dydi, kitaip JS skaiciavimai nueina i krumus. */
	#theImages img { max-width: none; }

	/* --- Soninės juostos fonas yra 11px plocio kairysis krastas:
	       mobiliai paprasciau vientisa spalva. --- */
	.contentarea .sidebar,
	.contentarea .sidebarlite {
		margin-top: 20px;
		background-image: none;
		background-color: #eae4cf;
		border-radius: 3px;
	}
	.contentarea .sidebar_top,
	.contentarea .sidebar_bottom,
	.contentarea .sidebarlite_top,
	.contentarea .sidebarlite_bottom { background-image: none; }

	.contentarea .sidebar_bottom,
	.contentarea .sidebar_left .sidebar_bottom,
	.contentarea .sidebarlite_bottom {
		padding: 15px 12px 5px 12px;
		min-height: 0;
	}
	.sidebarlite .spacer { width: auto; }

	/* --- Antraštė: logotipas ir nuorodos vienas po kito --- */
	#wrapper .header .logo {
		float: none;
		width: auto;
		max-width: 100%;
		margin: 20px 0 10px 0;
		text-align: center;
	}
	#wrapper .header .toplinks {
		float: none;
		width: auto;
		max-width: 100%;
		margin: 0 0 12px 0;
		text-align: center;
	}
	.header_advt { float: none; text-align: center; }
	.submitpropertybtn { float: none; display: inline-block; margin-top: 10px; }

	/* --- Pagrindinio puslapio "featured" blokas --- */
	.featuredproperties { padding: 15px 12px; }
	#wrapper .featuredproperties .propertyimage { width: 100%; float: none; }
	#wrapper .featuredproperties .propertyimage .thumbnails { float: none; }
	.featuredproperties .featuredagent {
		float: none;
		width: auto;
		margin-top: 20px;
	}

	/* Juostele "Geriausi pasiūlymai" - fono paveikslelis yra 202px plocio,
	   todel plotį paliekam, tik nuimam absoliutu pozicionavima. */
	.featured_strip {
		position: static;
		left: auto;
		top: auto;
		width: 202px;
		max-width: 100%;
		height: auto;
		margin-bottom: 10px;
		padding: 12px 0 10px 15px;
	}

	/* "Geriausi pasiūlymai" karusele. Originale: 540px + 100px vietos
	   miniatiuroms desineje (absoliuciai pozicionuotos ties left:525px). */
	#featured {
		width: auto;
		height: auto;
		padding-right: 0;
		float: none;
	}
	#featured .ui-tabs-panel {
		width: auto;
		height: auto;
		padding: 0;
	}
	#featured .ui-tabs-panel img { width: 100%; }
	#featured .ui-tabs-panel .info {
		position: static;
		width: auto;
		padding-bottom: 8px;
	}
	#featured .info h2 { font-size: 17px; }

	/* Miniatiuru juosta - is šono i apacia, slenkama pirštu */
	#featured ul.ui-tabs-nav {
		position: static;
		left: auto;
		top: auto;
		width: auto;
		margin-top: 10px;
		padding-bottom: 4px;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	#featured ul.ui-tabs-nav li {
		display: inline-block;
		padding-left: 0;
		margin-right: 6px;
		vertical-align: top;
		white-space: normal;
	}
	#featured li.ui-tabs-nav-item a { width: auto; height: auto; }
	#featured ul.ui-tabs-nav li img { float: none; margin: 0; }
	#featured ul.ui-tabs-nav li span { display: none; }

	/* --- Pagrindinio puslapio trys langeliai --- */
	.options .loans,
	.options .rental,
	.options .moving {
		float: none;
		width: auto;
		margin-left: 0;
		min-height: 0;
	}

	/* --- Apatinė dalis --- */
	.bottompart { padding: 3px 10px; }
	.bottompart .aboutus,
	.bottompart .mortgagecenter,
	.bottompart .bottom_right_col {
		float: none;
		width: auto;
		padding: 15px 5px;
	}
	.bottompart li { width: auto; }
	.bottompart .testimonials p.name { width: auto; }

	/* --- Objekto puslapis: virsutines nuorodos --- */
	.contentarea .propertydetails_toplinks { height: auto; overflow: hidden; }
	.contentarea .propertydetails_toplinks ul { float: none; }
	.contentarea .propertydetails_toplinks .sharelisting {
		float: none;
		width: auto;
		margin-top: 8px;
		text-align: left;
	}

	/* --- Agento kortele --- */
	.agent_contact,
	.agent_contact_form {
		float: none;
		width: auto;
		padding-left: 0;
	}

	/* --- Svetaines zemelapis --- */
	.column_l, .column_r { float: none; width: auto; }
}


/* ==========================================================================
   2. IKI 900px - mobilus meniu
   ========================================================================== */
@media screen and (max-width: 900px) {

	.header .menu {
		height: auto;
		padding: 0;
		background-image: none;
		background-color: #5b4032;
	}

	/* --- Hamburger mygtukas --- */
	.mobile-menu-toggle {
		display: block;
		width: 100%;
		margin: 0;
		padding: 13px 14px;
		border: 0;
		background: none;
		color: #fff;
		font: bold 15px Arial, Helvetica, sans-serif;
		text-align: left;
		cursor: pointer;
	}
	.mobile-menu-toggle::-moz-focus-inner { border: 0; padding: 0; }

	.mobile-menu-toggle-bars {
		position: relative;
		display: block;
		float: left;
		width: 22px;
		height: 2px;
		margin: 6px 12px 0 0;
		background: #fff;
	}
	.mobile-menu-toggle-bars::before,
	.mobile-menu-toggle-bars::after {
		position: absolute;
		left: 0;
		display: block;
		width: 22px;
		height: 2px;
		background: #fff;
		content: '';
	}
	.mobile-menu-toggle-bars::before { top: -7px; }
	.mobile-menu-toggle-bars::after  { top: 7px; }

	/* Atidarius - virsta kryziuku */
	.mobile-menu-toggle.is-open .mobile-menu-toggle-bars { background: transparent; }
	.mobile-menu-toggle.is-open .mobile-menu-toggle-bars::before { top: 0; transform: rotate(45deg); }
	.mobile-menu-toggle.is-open .mobile-menu-toggle-bars::after  { top: 0; transform: rotate(-45deg); }

	/* --- Pats meniu --- */
	.header ul.dropdown {
		display: none;
		float: none;
		clear: both;
	}
	.header ul.dropdown.mobile-menu-open { display: block; }

	.header ul.dropdown li {
		position: relative;
		float: none;
		width: 100%;
		line-height: normal;
		background-image: none;          /* i-partition.png vertikalus bruksnys */
		border-top: 1px solid rgba(255, 255, 255, 0.16);
	}

	.header ul.dropdown li a,
	.header ul.dropdown li a:link {
		display: block;
		padding: 13px 58px 13px 14px;
		color: #fff;
		font-size: 15px;
	}

	.header ul.dropdown li.hover,
	.header ul.dropdown li:hover,
	.header ul.dropdown li.current_page_item,
	.header ul.dropdown li.current_page_parent,
	.header ul.dropdown li.current-cat,
	.header ul.dropdown li.current-cat-parent {
		background-image: none;
		background-color: #523b30;
	}

	/* --- Submeniu: uzdaras, kol nepaspaudziama rodykle --- */
	.header ul.dropdown ul {
		display: none;
		visibility: visible;             /* originalus meniu slepia per visibility */
		position: static;
		width: 100%;
		margin: 0;
		background: rgba(0, 0, 0, 0.16);
	}
	.header ul.dropdown li:hover > ul { display: none; }
	.header ul.dropdown li.submenu-open > ul { display: block; }

	.header ul.dropdown ul li {
		border: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		background: none;
	}
	.header ul.dropdown ul li a,
	.header ul.dropdown ul li a:link {
		padding-left: 30px;
		color: #f1ecd9;
		font-size: 14px;
		font-weight: normal;
	}
	.header ul.dropdown ul ul li a { padding-left: 46px; }

	.header ul.dropdown ul li.current-cat,
	.header ul.dropdown ul li.current_page_item,
	.header ul.dropdown ul li.current_page_parent {
		background: rgba(225, 213, 166, 0.25);
	}

	/* --- Submeniu atidarymo rodykle --- */
	.mobile-submenu-toggle {
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 52px;
		height: 47px;
		padding: 0;
		border: 0;
		border-left: 1px solid rgba(255, 255, 255, 0.16);
		background: none;
		color: #fff;
		font: 16px/47px Arial, Helvetica, sans-serif;
		text-align: center;
		cursor: pointer;
	}
	.mobile-submenu-toggle::-moz-focus-inner { border: 0; padding: 0; }
	.mobile-submenu-toggle .arrow { display: block; transition: transform 0.15s; }
	.mobile-submenu-toggle.is-open .arrow { transform: rotate(180deg); }
}


/* ==========================================================================
   3. IKI 640px - telefonas
   ========================================================================== */
@media screen and (max-width: 640px) {

	#wrapper { padding: 0 6px; }

	/* --- Antraštė --- */
	#wrapper .header .logo { margin: 14px 0 8px 0; }
	#wrapper .header .toplinks li { display: inline-block; margin-bottom: 4px; }

	/* --- Navigacijos kelias --- */
	.breadcrumbs {
		height: auto;
		padding: 6px 10px;
	}
	.breadcrumbs p {
		width: auto;
		float: none;
		margin: 0 0 6px 0;
	}
	/* "Paieška" mygtukas: plotis ir aukštis palieka tokie patys, nes fonas
	   yra fiksuoto dydžio mygtuko grafika. Keiciam tik ispludima. */
	.breadcrumbs span.findproperties {
		float: none;
		display: inline-block;
	}

	/* --- Paieškos forma --- */
	.search_form { padding: 12px 10px 0 10px; }
	/* Kairysis tarpas paliekamas - ten fone yra ikona */
	.search_form h3, .property_id_search h3 { font-size: 17px; }

	/* Kiekvienoje .search_row eiluteje originale telpa PO DVI poras
	   "etikete + laukas" (Miestas + Plotas, Kaina + Raktazodziai,
	   Kambariai + Aukstas), o pirmoje - "Ieskoti" su trimis radio
	   mygtukais. Mobiliai viskas iskleidziama i viena stulpeli. */
	.search_row { margin-bottom: 14px; overflow: hidden; }

	.search_row label,
	.property_id_search label {
		float: none;
		display: block;
		width: auto;
		margin: 0 0 4px 0;
		padding-top: 0;
		text-align: left;
		font-size: 14px;
	}

	/* Antroji eilutes etikete - atitraukiam nuo auksciau esancio lauko */
	.search_row label.spacer,
	.search_row label.spacer2 {
		padding-left: 0;
		margin-top: 14px;
	}

	/* "Ieskoti :" - virs radio mygtuku */
	.search_row label.for {
		float: none;
		display: block;
		width: auto;
		margin: 0 0 6px 0;
		padding: 0;
	}

	/* Radio mygtukas ir jo uzrasas turi likti vienoje eiluteje.
	   style.css duoda spanui display:block + float:left; nuemus float'a
	   blokas uzimdavo visa ploti ir kiekvienas mygtukas nusileisdavo
	   i atskira eilute. */
	.search_row .radio {
		float: none;
		display: inline-block;
		width: auto;
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	.search_row span {
		float: none;
		display: inline-block;
		width: auto;
		margin: 0 16px 6px 0;
		padding: 0;
		vertical-align: middle;
	}

	/* Laukai - per visa ploti, vienas po kitu. .fl nuimamas, nes
	   plaukiantis 100% plocio laukas uzlipdavo ant kitos etiketes. */
	.search_row .fl,
	.search_row .fr { float: none; }

	.search_row .select,
	.search_row .textfield,
	.property_id_search .textfield {
		float: none;
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0;
		padding: 9px;
		font-size: 16px;            /* 16px - kitaip iOS priartina lauka */
	}
	.search_row .select_s { width: 100%; }

	.property_id_search {
		float: none;
		width: auto;
		margin-top: 0;
		padding: 0 10px 12px 10px;
	}
	.b_spacer { margin-left: 0; }
	.b_search_properties { float: none; clear: both; margin-top: 16px; }
	.b_search_properties a { float: none; display: inline-block; padding: 10px 16px 10px 32px; }

	/* --- Tekstiniai puslapiai: atitraukiam turini nuo ekrano krastu.
	       Desktope to nereikejo, nes 650px stulpelis stovejo 960px juostos
	       viduryje ir tarpa darydavo pati juosta; mobiliai stulpelis uzima
	       visa ploti ir tekstas atsiremdavo i krasta. --- */
	#wrapper #content,
	.contentarea > .content_full,
	.contentarea > .content_right,
	.contentarea > .content_left {
		padding-left: 12px;
		padding-right: 12px;
	}

	/* Objekto puslapio antraste, aprasymas ir papildoma informacija.
	   Nuotrauku galerija lieka per visa ploti - taip graziau. */
	.contentarea .propertydetails > h1,
	.contentarea .propertydetails > h2,
	.contentarea .propertydetails > p,
	.contentarea .propertydetails .basicinfo,
	.contentarea .additionalfeatures,
	.contentarea .propertymap,
	.contentarea .propertydetails_toplinks {
		padding-left: 12px;
		padding-right: 12px;
	}
	/* Antrasciu ikonos fone - joms tarpas jau yra, tad nuimam dvigubinima */
	.contentarea .propertydetails .basicinfo h2,
	.contentarea .additionalfeatures h2,
	.contentarea .propertymap h2 { margin-left: -2px; }

	/* --- Objektu sarasas --- */
	.latestproperties { padding-top: 12px; }
	.latestproperties ul.display { float: none; margin: 0; min-height: 0; }
	.similarproperty,
	.latestproperties ul.display li {
		float: none;
		width: 100%;
		margin: 0 0 24px 0;
	}
	.latestproperties ul.display li .content_block .product_image,
	.latestproperties ul.display li .content_block a img,
	.latestproperties ul.display li .content_block a.product_thumb {
		float: none;
		margin-right: 0;
	}
	.latestproperties ul.display li .content_block .product_image img { width: 100%; }

	/* Tekstas po nuotrauka. Desktope .content plaukia nuotraukos desineje,
	   todel tarpa darydavo pati nuotrauka; sudejus vienas po kitu tekstas
	   atsiremdavo i korteles krasta - todel pridedam ispludima.
	   Antraste paliekama per visa ploti, nes jos fonas yra juosta. */
	.similarproperty,
	.latestproperties ul.display li .content {
		float: none;
		width: 100%;
		margin-top: 8px;
		padding: 0 10px;
	}
	.latestproperties ul.display li .content h3 {
		margin-left: -10px;
		margin-right: -10px;
	}
	.latestproperties ul.display li h3 span.propertyaddress {
		float: none;
		width: auto;
		display: block;
	}
	.latestproperties ul.display li h3 span.price {
		float: none;
		display: block;
		margin-top: 4px;
	}
	.latestproperties ul.display li .property_detail {
		float: none;
		width: auto;
	}
	.latestproperties ul.display li .property_detail p { height: auto; }
	.latestproperties ul.display li .content p.propertylistinglinks {
		float: none;
		width: auto;
	}
	.latestproperties ul.display li .content p.propertylistinglinks span { float: none; display: inline-block; }

	/* Plyteliu rezimas - du stulpeliai vietoj trijų.
	   padding-left:0 butinas: ul.display turi padding:0, o ul.thumb_view -
	   ne, todel plytelems liktu numatytasis 40px ispludimas ir sarasas
	   islystu uz ekrano. */
	.latestproperties ul.thumb_view { margin-left: 0; padding-left: 0; }

	/* margin-left:0 butinas: style.css:348 duoda plytelems 50px kairiji
	   ispludima desktopo tinkleliui. Mobiliai tarpa daro padding. */
	.latestproperties ul.thumb_view li {
		width: 50%;
		margin-left: 0;
		padding: 0 5px;
	}
	.latestproperties ul.thumb_view li h3 span.propertyaddress { width: auto; }
	.latestproperties ul.thumb_view li.blank,
	.latestproperties ul.thumb_view li.product_seperator { width: 100%; }

	/* "Sarašas / plytelės" perjungiklis. Kairysis tarpas paliekamas -
	   ten fone yra ikona. */
	.contentarea .latestproperties h5 { margin-bottom: 18px; }
	.contentarea .latestproperties h5 span a.switch_thumb { padding-right: 32px; }

	/* --- Puslapiavimas: pirštui patogus dydis --- */
	.pagination { margin-bottom: 18px; }
	.pagination .on,
	.pagination a {
		padding: 10px 14px;
		margin: 0 2px 6px 2px;
		display: inline-block;
		line-height: normal;
	}

	/* --- Objekto puslapio galerija --- */
	#previewPane {
		height: auto;
		min-height: 0;
		padding-top: 0;
	}
	#previewPane img { line-height: normal; width: 100%; }
	#waitMessage { left: 50%; top: 40%; margin-left: -40px; }

	/* Miniatiuru juostele - vietoj rodykliu paprastas slinkimas pirštu */
	#galleryContainer {
		height: auto;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	#arrow_left, #arrow_right { display: none; }
	#theImages {
		position: static;
		left: 0;
		width: auto;
		height: auto;
		white-space: nowrap;
		font-size: 0;
	}
	#theImages a { display: inline-block; float: none; }
	#theImages img { float: none; opacity: 1; filter: none; }
	#theImages #slideEnd { display: none; }

	/* --- Objekto pagrindine informacija: lentele virsta sarasu --- */
	.contentarea .propertydetails .basicinfo table,
	.contentarea .propertydetails .basicinfo tbody,
	.contentarea .propertydetails .basicinfo tr,
	.contentarea .propertydetails .basicinfo td {
		display: block;
		width: 100%;
	}
	.contentarea .propertydetails .basicinfo td {
		margin: 0;
		padding: 7px 10px;
	}
	/* Tik šrifto dydis - kairysis tarpas paliekamas ikonoms */
	.contentarea .propertydetails .basicinfo h2,
	.contentarea .additionalfeatures h2,
	.contentarea .propertymap h2 { font-size: 18px; }
	.contentarea .additionalfeatures { margin-top: 30px; }
	.contentarea .propertydetails .basicinfo h2.property_desc { margin-top: 28px; }

	/* --- Formos (kontaktai, registracija, profilis) --- */
	.form_row label {
		float: none;
		width: auto;
		padding: 0 0 5px 0;
		text-align: left;
	}
	.form_row .textfield,
	.form_row .select,
	.form_row .textarea,
	.form_row .select_s,
	.table td .textfield,
	.table td .select_s {
		float: none;
		width: 100%;
		max-width: 100%;
		font-size: 16px;
	}
	.form_row .textarea { height: 160px; }
	.form_row .textarea2 { width: 100%; }
	.error_msg, .message_error2, .form_row .message_note { margin-left: 0; float: none; }
	.btn_input_highlight, .btn_input_highlight_more, .btn_input_normal { padding: 11px 16px; }

	.registration_form_box,
	.registration_form_r,
	.login_form_box,
	.login_form_l {
		width: auto;
		max-width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
	}
	.registration_form_r label,
	.login_form_l label { width: auto; }
	.registration_form_r .message_error2,
	.registration_form_r .btn_spacer { margin-left: 0; }

	#content .login_submit { width: auto; }
	#content .login_submit .form_row { float: none; width: auto; margin-right: 0; }
	#content .login_submit .form_row label { float: none; width: auto; text-align: left; }
	#content .login_submit .form_row .textfield { width: 100%; }

	.agent_row label { float: none; width: auto; padding-top: 0; margin-bottom: 4px; }
	.agent_row .textfield,
	.agent_row .select,
	.agent_row .textarea { float: none; width: 100%; font-size: 16px; }
	.agent_row .message_error2 { margin-left: 0; }
	.b_agent_contact { margin-left: 0; float: none; }

	/* Contact Form 7 */
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 input[type="url"],
	.wpcf7 textarea,
	.wpcf7 select { width: 100%; max-width: 100%; font-size: 16px; }

	/* --- Agentu sarasas --- */
	#content .agentlisting li img { float: none; }
	#content .agentlisting li h3,
	#content .agentlisting li ul,
	#content .agentlisting li p { width: auto; float: none; }

	/* --- Apatine juosta --- */
	.footer {
		height: auto;
		margin-bottom: 25px;
		padding-bottom: 15px;
		text-align: center;
	}
	.footer .copyrights,
	.footer .footerright {
		float: none;
		width: auto;
		margin: 12px 0 0 0;
		padding-right: 0;
	}
	.footer p { padding-left: 0; }
	.footer ul { margin-left: 0; }
	.footer ul li { display: inline-block; padding: 3px 5px; }
	.footer .designby { float: none; }
	.footer p span.templatic { float: none; margin: 0 auto; }

	/* --- Pirštui patogūs taikiniai --- */
	.header ul.dropdown li a { min-height: 44px; }
	.footer ul li a { display: inline-block; line-height: 2.4; }
}


/* ==========================================================================
   4. IKI 420px - siauras telefonas
   ========================================================================== */
@media screen and (max-width: 420px) {

	#wrapper { padding: 0 4px; }

	h1, .contentarea h1 { font-size: 22px; line-height: 1.25; }
	.contentarea h1 span.small { font-size: 15px; }
	h2 { font-size: 19px; }
	h3 { font-size: 17px; }
	.latestproperties h3 { font-size: 18px; }

	.featuredproperties { padding: 10px 8px; }
	.search_form { padding: 10px 8px 0 8px; }
	.property_id_search { padding: 0 8px 10px 8px; }

	/* Siaurame ekrane trys radio mygtukai i viena eilute nebetelpa, o kadangi
	   mygtukas ir jo uzrasas yra atskiri elementai, eilute luzdavo tarp ju -
	   uzrasas nukrisdavo po savo mygtuku. Dedam po viena per eilute. */
	.search_row .radio {
		float: left;
		clear: left;
		display: block;
		margin: 3px 7px 0 0;
	}
	.search_row span {
		display: block;
		overflow: hidden;
		width: auto;
		margin: 0 0 8px 0;
	}

	/* Plyteliu rezimas - viena plytele per eilute */
	.latestproperties ul.thumb_view li { width: 100%; padding: 0; }

	.contentarea .propertydetails .basicinfo td { padding: 6px 8px; }

	.pagination .on,
	.pagination a { padding: 9px 12px; }
}