/*** MEDIA QUERIES ***/
@media screen and (max-width: 1023px) {

#header, 
#wrapper, 
#footer { padding-left: 10px; padding-right: 10px; }

#header .inner, 
#wrapper,
#basicTools, 
#options, 
#additionalContent, 
#info, 
.features, 
#subArticles, 
#impressum, 
#footer .inner { width: 100%; }

#navigation { width: auto; margin: 0 10px; }

#path { position: static; display: block; }

#header { min-height: 220px; height: 220px; background: url(../images/css/hdr-bkg2.png) repeat-x 0 0; }
#header .inner { padding-top: 0; }

#logo { top: 80px; }
#slogan { top: 170px; }
#searchBox { top: 118px; left: 220px; }
#language { top: 65px; left: 220px; }
#hlinks { top: 75px; }
#vpBox { top: 118px; }
.vp-login-link, 
#vpUserBox { display: none !important; }

body { padding-bottom: 20px; position: relative; }
#wrapper { margin-bottom: 0; }
#footer { position: absolute; clear: both; bottom: 0; left: 0; }

/*** MENU ***/
#mainmenu { position: absolute; top: 0; left: 103px; z-index: 5000; width: 136px; height: 55px; }
#mainmenu .nav-switch { display: block; width: 136px; height: 55px; font-size: 13px; line-height: 55px; padding: 2px 20px 0; color: #010101; background: url(../images/css/btn-menu.png) no-repeat 0 0; cursor: pointer; }
#mainmenu.open .nav-switch { background-position: 0 -55px; color: #fff; }

#menu { display: none; position: static; margin-left: -113px; font-size: 14px; line-height: 18px; background: #888; padding: 20px; width: 320px; height: auto; }
.open #menu { display: block; }

#menu li, 
#menu a { float: none; display: block; margin: 0; padding: 0; background: 0; border: 0; height: auto; }

#menu > li { background: #fff !important; margin: 1px 0 0 !important; padding: 0 !important; }
#menu > li > a { font-size: 14px; line-height: 18px; color: #000; text-decoration: none; padding: 16px 20px !important; margin: 0 !important; height: auto !important; }
#menu > li:hover, 
#menu > li.on, 
#menu > li.open { background: #b3121c !important; }
#menu > li > a:hover, 
#menu > li.on > a, 
#menu > li.open > a { color: #fff !important; }

#menu .sub > a { padding-right: 46px !important; }
#menu .sub > a span, 
#menu .sub:hover > a span { width: 11px; height: 10px; top: 19px; right: 20px; background: url(../images/css/icons-menu.png) no-repeat 0 0; }
#menu .open > a span, 
#menu .open:hover > a span { background-position: 0 -30px; }

#menu .dropdown { position: static; display: none; visibility: visible; padding: 0 20px 20px; width: auto; background: 0; }
#menu .dropdown ul { height: auto !important; }
#menu li.open > .dropdown { display: block; }
#menu .dropdown li { padding: 0; background: #cfcfcf; margin: 1px 0 0 !important; padding: 0 !important; }
#menu .dropdown li:hover, 
#menu .dropdown li.open, 
#menu .dropdown li.on { background: #ededed; }
#menu .dropdown a { color: #fff; background: 0; padding: 16px 20px; color: #000 !important; }

#menu .dropdown .sub a span, 
#menu .dropdown .sub:hover a span { width: 11px; height: 10px; top: 19px; right: 20px; background: url(../images/css/icons-menu.png) no-repeat 0 0 !important; }
#menu .dropdown .open a span { background-position: 0 -10px !important; }

#menu .dropdown .dropdown a { background: #f6f6f6 !important; }
#menu .dropdown .dropdown a:hover, 
#menu .dropdown .dropdown .on a { color: #b3121c !important; }


/*** SEARCH - Filter ***/
#search { position: absolute; top: 0; right: -10px; width: 71px; height: 55px; overflow: hidden; margin: 0; padding: 0; background: 0; overflow: visible; z-index: 5000; }
.search-switch { display: block; width: 71px; height: 55px; background: url(../images/css/btn-filter.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.search-switch:hover { background-position: 0 -110px; }
.open .search-switch { background-position: 0 -55px; }
.search-panel { display: none; width: 320px; height: auto; position: absolute; top: 55px; right: 0; background: #bebebe; padding: 20px; }
.open .search-panel { display: block; }

.search-tabs-menu { position: relative; margin-bottom: 20px; }
.search-menu-switch { position: relative; display: block; height: 50px; cursor: pointer; background: #7a7a7a !important; font-size: 14px; color: #fff; line-height: 50px; padding: 0 20px; }
.search-menu-switch span { position: absolute; width: 11px; height: 10px; background: url(../images/css/icon-switch-white.png) no-repeat 0 0 !important; right: 20px; top: 20px; }
.search-menu-switch:hover, 
.search-tabs-menu.open .search-menu-switch { background: #b3121c !important; }
.search-tabs-menu.open .search-menu-switch span { background-position: 0 -10px !important; }

#search .tabs { display: none; position: absolute; left: 0; top: 50px; height: auto; margin: 0; padding: 0; width: 280px; z-index: 5000; }
#search .tabs li, 
#search .tabs a { display: block; float: none; height: 50px; margin: 0; padding: 0; border: 0; line-height: 50px; }
#search .tabs li { border-top: 1px solid #bebebe; }
#search .tabs a { background: #b3121c; padding: 0 20px;  }
#search .tabs li.on { display: none !important; }
#search .tabs a:hover { color: #FFAAB0 !important; }
.search-tabs-menu.open .tabs { display: block !important; }

.group { width: auto; padding: 0; }
.group .select, 
.group .input,
.group .dblselect { display: block; float: none; margin: 0 0 10px; padding: 0; height: auto; width: auto; clear: both; }

.group .select:after, 
.group .input:after,
.group .dblselect:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.lbl { width: 130px; line-height: 30px; }
.group .last-select { float: right; }
.group .select select, 
.group .input input { width: 100%; }
.group .dblselect select { width: 105px; float: right; }

.advanced-search, 
.advlink { display: none !important; }

#search .submit { position: static; clear: both; cursor: pointer; border: 0; margin: 10px 0 0; width: auto; padding: 0 20px; background-position: 100% 0; text-indent: 0; font-size: 18px; color: #414141; text-decoration: none; line-height: 39px; background-color: #d7d7d7; }
#search .submit:hover { background-color: #aa121d; background-position: 100% -39px; color: #fff; }

/*** PONUDA ***/
#navigation { position: absolute; top: 0; left: -10px; z-index: 5000; background: 0; height: 55px; overflow: visible; width: 113px; }
#navigation .nav-switch { display: block; width: 113px; height: 55px; line-height: 55px; font-size: 13px; color: #fff; background: url(../images/css/btn-navigation.png) no-repeat 0 0; padding: 0 20px; cursor: pointer; padding-top: 2px; }
#navigation.open .nav-switch { background-position: 0 -55px; }

#nav { display: none; width: 320px; padding: 20px; background: #404040; }
.open #nav { display: block; }
#nav li, 
#nav a { float: none; display: block; }
#nav a { background: #7a7a7a; color: #fff; border-top: 1px solid #404040; font-size: 14px; font-weight: normal; padding: 0 20px; }
#nav a:hover, 
#nav a.on, 
#nav .on a { background: #b3121c; }

/*** SEARCH ***/
#searchBox { width: 300px; }

/*** HOME ***/
#sphMain:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#featured { width: 80.10204081632653%; }
#sideBanners { width: 19.89795918367347%; }

#featured { padding: 10px; }

#featured .tabs { width: 100%; } 
#featured .tabs a { font-size: 13px; padding: 0 9px; }

#featured .items { width: auto; }
.article-row, .articleRow { width: auto; }
.catalog-list .article { width: 25%; margin: 0; border-right: 1px solid #fff; }
.catalog-list .article:last-child { border-right: 0; }
.article-prices strong { font-size: 1em; }

.article-image,
.article-image a, 
.article-content { width: auto; }
.article-image img { border: 0; width: 100%; height: auto; }
.article-content { padding: 10px; }

.euro { width: 50px; }
.euro a { width: 20px; padding: 2px 0 !important; margin-top: -2px; }
.euro a.open { background: #AA121D; padding-bottom: 10px !important; }
.euro-price { display: none; }
.open.euro-price { display: block; visibility: visible; }
.euro .open { z-index: 5000; }
.euro-link { position: relative; z-index: 1; }
.article-prices li.discount { position: relative; z-index: 5; }
.article-prices li.old-price { position: relative; z-index: 1; }

.tax-price { right: 30px; }

.str-close a { top: 13px; width: 24px; height: 24px; background: url(../images/css/cmp-close2.gif) no-repeat 0 0; }
.str-close a:hover { background-position: 0 -24px; }

.cmp-close a { width: 24px; height: 24px; background: url(../images/css/cmp-close2.gif) no-repeat 0 0; }
.cmp-close a:hover { background-position: 0 -24px; }

#sideBanners { padding-left: 10px; height: auto; margin-bottom: -10px; }
#sideBanners img { width: 100%; height: auto; margin: 0 0 10px; }

#info { padding: 20px 10px; margin: 0 0 10px; }
#info .inner { width: 100%; padding: 0; }
#info .box { width: 25%; margin: 0; padding: 0 10px; }
#info .box.last-child { width: 50%; }
.additional-box { margin: 0; padding: 0; width: 50% !important; }
.additional-box.left { padding-right: 10px; }
.additional-box.right { padding-left: 10px; }

#subArticles { padding: 20px 10px; }
#subArticles h2 { padding: 0 10px 10px; line-height: 1.3em; }
#subArticles .inner { padding: 0; width: 100%; background: #eaeaea; }
#subArticles .box { width: 12.5%; margin: 0; padding: 0 10px; }
#subArticles .box.first-child { width: 50%; }
#subArticles .box.last-child { width: 25%; }
#subArticles .first-child ul { width: 25% !important; margin: 0; padding: 0 5px; }
#subArticles .first-child ul.left { padding-left: 0; }
#subArticles .first-child ul.right { padding-right: 0; }

#subArticles .box.last-child ul { width: 50%; }
#subArticles .box.last-child ul.left { padding-right: 5px; }
#subArticles .box.last-child ul.right { padding-left: 5px; }

/*** CONTAINER ***/
.page-default #content, 
.page-form-default #content, 
.page-contest #content, 
.page-news-category #content, 
.page-news-main #content { width: auto; margin-left: 0; margin-right: 0; padding: 0; }
#content img { max-width: 100%; height: auto; }

/*** CATALOG ***/
.page-catalog #container, 
.page-article #container, 
.page-sidenav #container { background: #ececec; width: auto; padding: 10px; }
#navArticles { display: block !important; float: none !important; width: auto !important; padding: 0 0 10px !important; }
#navArticles:after, 
.page-catalog #content:after, 
.page-article #content:after,
.page-sidenav #content:after  { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.page-catalog #content, 
.page-article #content, 
.page-sidenav #content { float: none; display: block; width: auto; overflow: visible; padding: 0; clear: both; }
.page-article #content { margin: 0 !important;; }

.catalog-nav { float: left; width: 135px; height: 40px; margin: 0 10px 0 0; position: relative; z-index: 500; }
.model-nav { margin-right: 0; }

.catalog-nav-switch { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 25px 0 10px; background: #B0111C; color: #fff; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.catalog-nav-switch span { position: absolute; top: 15px; right: 10px; width: 11px; height: 10px; overflow: hidden; background: url(../images/css/icon-switch-white.png) no-repeat 0 0; }
.open .catalog-nav-switch { height: 45px; }
.open .catalog-nav-switch span { background-position: 0 -10px; }

.catalog-nav ul { margin: 0; position: absolute; top: 45px; left: 0; display: none; padding: 5px; background: #B0111C; }
.catalog-nav ul ul { top: 0; }
.catalog-nav ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.catalog-nav.open ul { display: block; width: 280px; }
.catalog-nav ul li { clear: none; margin: 0 !important; padding: 0 !important; }
.catalog-nav ul a, 
#navArticles .brands .main-item ul a { float: none !important; display: block; padding: 5px !important; color: #fff !important; }
.catalog-nav ul a:hover, 
.catalog-nav ul .on a, 
#navArticles .brands .main-item ul a:hover, 
#navArticles .brands .main-item ul .on a { background: #7a7a7a !important; color: #fff !important; }

.brand-nav ul li { float: left !important; width: 50%; clear: none !important; }
.brand-nav ul li { padding-right: 5px !important; }
.brand-nav ul li:nth-child(2n) { padding-right: 0 !important; padding-left: 5px !important; }

#navArticles .brands { height: auto; margin: 0; width: 280px; }
#navArticles .brands .main-item { background: 0 !important; line-height: normal; padding-top: 0; width: 280px; height: auto; padding: 0; margin: 0; position: static;  }
#navArticles .brands .main-item > a { display: none !important; }
.brands .dropdown { position: static; display: block; visibility: visible; top: 0 !Important;  }
.brands .dropdown-body { background: 0 !important; height: auto; overflow: visible; padding: 0; width: auto; position: static; }
.brands .dropdown-bottom { display: none !important; }
.brands .dropdown-body ul { height: auto; overflow: visible; }

#article { width: auto; padding-left: 350px; }
#article-image { margin-left: -350px; }
#article-content { float: left; width: 100%; }

#article-options { width: auto; height: auto; margin: 0 -15px; }
#article-options li { float: none; margin-right: 0 !important; }
#article-options a { width: 100% !important; border-right: 0 !important; }
.lnk-hypo,
.link-co { width: 100% !important; height: 40px !important; }
.lnk-hypo { background-color: #fff !important; }
.link-co { background-color: #fff !important; }
.lang-hr .lnk-diners { width: 100% !important; height: 65px !important; }

#article-options .lnk-save a, 
#article-options .lnk-compare a { padding-left: 49px; }

.lang-en .lnk-credit a, 
.lang-en .lnk-leasing a, 
.lang-en .lnk-request a { font-size: 12px !important; padding: 0 0 0 15px !important; line-height: 42px !important; }
.lang-en .lnk-save .off, 
.lang-en .lnk-compare .off { padding-top: 0; font-size: 12px !important; line-height: 42px !important; }

#article-options .lnk-credit,
#article-options .lnk-leasing,
#article-options .lnk-request, 
#article-options .lnk-loan { width: 100%; height: auto !important; }
#article-options .lnk-credit a,
#article-options .lnk-leasing a,
#article-options .lnk-request a, 
#article-options .lnk-loan a { width: 100%; height: auto !important; padding: 10px 20px !important; font-size: 12px !important; line-height: normal !important; }



/*** NEWS ***/
#news-listing { width: auto; padding: 10px; margin: 0; }
#images { max-width: 100%; height: auto; }
#images .items { width: 100%; height: auto; }
#images img { display: block; width: 100%; height: auto; }

/*** PAGINATOR ***/
.paginator .prevPage a, 
.paginator .nextPage a { text-indent: -9999px; width: 29px; padding: 0; }

.basic-controls { width: auto !important; clear: both; }
.basic-list a { width: auto !important; }
.basic-prev a, 
.basic-next a { text-indent: -9999px; padding: 0; width: 40px; text-align: left; }
.basic-prev a { border-right: 1px solid #ececec; }
.basic-next a { border-left: 1px solid #ececec; }

/*** COMPARE ***/
.page-compare #content { padding-left: 0; margin-left: -10px; margin-right: -10px; width: auto; }
#compare-holder { width: 100%; height: auto; overflow: auto; -webkit-overflow-scrolling: touch; }
.compare-main { width: 100%; }
.cmp-price p { width: 100px; }

}

@media screen and (max-width: 980px) {

.pc-only { display: none; }

#banners-mob { clear: both; margin: 10px -5px; display: block; }
#banners-mob:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.mob-banner { float: left; width: 25%; padding: 0 5px; }
.mob-banner img { display: block; width: 100% !important; height: auto !important; }
/*
.mob-banner img,
.mob-banner iframe, 
.mob-banner object, 
.mob-banner embed { display: block; width: 100% !important; height: auto !important; }*/

}

@media screen and (max-width: 860px) {

#vpBox ul li { float: none; display: block; }
#vpBox ul a { display: block; float: none; }

/*** HOME ***/
#featured { display: block; float: none; width: auto; margin: 0 0 10px; }
#featured:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

#sideBanners { display: none; }

#options { height: 50px; }
#options ul { padding-top: 12px; }
#options #top { top: 7px; }

}

@media screen and (max-width: 768px) {

.ftr-tabs { position: relative; z-index: 300; }
.ftr-tabs-switch { display: block; cursor: pointer; height: 41px; line-height: 41px; font-size: 14px; color: #fff; text-transform: uppercase; padding: 0 30px 0 15px; position: relative; background: #9d131d; }
.ftr-tabs-switch span { position: absolute; right: 20px; top: 15px; width: 11px; height: 10px; overflow: hidden; background: url(../images/css/icon-switch-white.png) no-repeat 0 0; }
.ftr-tabs.open .ftr-tabs-switch span { background-position: 0 -10px; }

.ftr-tabs .tabs { display: none; }
.ftr-tabs.open .tabs { display: block; }
#featured .tabs { height: auto; }
#featured .tabs li { float: none; height: auto; line-height: 21px; padding: 0 !important; border-right: 0; }
#featured .tabs li.on { display: none !important; }
#featured .tabs a { height: auto; line-height: 24px; font-size: 14px; padding: 8px 15px !important; float: none; display: block; background: #7a7a7a; border-top: 1px solid #e8e8e8; }
#featured .tabs a:hover { background: #9d131d; }

#header { min-height: 305px; height: 305px; background-image: url(../images/css/hdr-bkg3.png); background-color: #efefef; margin-bottom: 10px; }	
#logo { width: 149px; height: 90px; top: 75px; left: 0; }
#logo a { width: 149px; height: 90px; background: url(../images/css/mob-logo.png); background-repeat: no-repeat !important; }
.lang-en #logo a { background-image: url(../images/css/mob-logo-en.png) !important; }
#slogan { display: none !important; }
#hlinks { display: none; }	
#language { left: auto; right: 10px; }

#vpBox  { top: 100px; }
#vpBox ul li { float: left; margin: 0 0 0 5px !important; }

#searchBox { top: 195px; left: 0; width: 100%; }
#search-notice { color: #666; }

#user-articles-header { display: block; position: absolute; left: 0; top: 258px; width: 100%; }
#user-articles-header ul { margin: 0; padding: 0; }
#user-articles-header ul li { width: 50%; float: left; margin: 0; padding: 0; background: 0; }
#user-articles-header ul .first-child { padding-right: 5px; }
#user-articles-header ul .last-child { padding-left: 5px; }
#user-articles-header a { display: block; padding: 10px; background: #9d131d; color: #fff; text-decoration: none; text-align: center; }
#user-articles-header a:hover { background: #ad212b; color: #fff; }

#basicTools { display: none !important; }

#footer ul { display: none; }
#footer,
#footer .inner { height: 30px; line-height: 30px; text-align: center; }
#contact strong { font-size: 12px; }
#contact { float: none; }
.tooltip { display: none !important; }

#banners-mob { margin-bottom: 0; }
.mob-banner { width: 50%; margin-bottom: 10px; }

/*** NEWS ***/
#images { width: 50%; margin-right: 10px; margin-bottom: 10px; }
#news-listing .news-content { overflow: visible; }

/*** CATALOG ***/
.model-nav ul { left: auto; right: 0; }

#article { padding-left: 0; }
#article-image { width: 40%; margin-left: 0; }
#article-content { width: 60%; padding-left: 10px; }

#zoom-div,
.main-image .zoom { display: none !important; }
.main-image { width: 100%; height: auto; }
.main-image a { width: auto; height: auto; }
.main-image img { display: block; width: 100% !important; height: auto !important; }
.thumbs ul img { width: 50px; display: block; }
.thumbs a { width: auto; height: auto; }
#images-notice { padding: 0; }



}


@media screen and (max-width: 699px) {

#calculator { width: 100%; padding: 0; }
#calculator .tabs { width: 100%; margin-left: 0; }
#calculator .tabs a { padding: 5px 10px; font-size: 12px; width: 95px; line-height: 16px; }
#calculator .tabs img { border-bottom: 1px solid #888; top: -1px; }
.citem { padding: 0 10px; }

.calc-results { width: auto; padding: 20px 0 0; }

#insurance { padding: 0; }
#insurance .tabs { margin: 0; }

.return-link { margin: 0 10px; }

}


@media screen and (max-width: 680px) {

/*** HOME ***/
.catalog-list  .article { width: 50%; }
.catalog-list  .article:nth-child(2n) { border-right: 0; }

.article:first-child .tax-price, 
.article:nth-child(2n+1) .tax-price { right: -80px; }

#info { padding: 0; background: 0; overflow: visible; }
#info .inner { overflow: visible; }
#info .box { width: 100%; float: none; display: block; font-size: 14px; line-height: 24px; padding: 10px 15px; background: #fff; border: 1px solid #888; margin: 0 0 -1px; }
#info .box:hover { background: #e8e8e8; }
#info .box p,
#info .box h3 { font-size: 14px; line-height: 24px; }
#info .box.last-child { width: 100%; }
.additional-box { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; display: block; float: none; }


#info h2 { font-size: 14px; line-height: 24px; font-weight: normal; cursor: pointer; padding: 8px 45px 5px 15px; margin: -10px -15px;  color: #404040; background: url(../images/css/box-switch.png) no-repeat 100% 11px; text-transform: uppercase; }
#info .open { background: #e8e8e8; }
#info .open h2 { margin-bottom: 0 !important; background-position: 100% -80px; }
.info-box { display: none; }
.open .info-box { display: block; }

#subArticles { padding: 0; background: 0; overflow: visible; }
#subArticles .inner { overflow: visible; background: 0; }
#subArticles .box { width: 100% !important; float: none; display: block; font-size: 14px; line-height: 24px; padding: 10px 15px; background: #fff; border: 1px solid #888; margin: 0 0 -1px; }
#subArticles .box:hover { background: #e8e8e8; }
#subArticles .box p,
#subArticles .box h3 { font-size: 14px; line-height: 24px; }
#subArticles .box.last-child { width: 100%; }
#subArticles h2 { display: none; }

#subArticles h3 { font-size: 14px; line-height: 24px; font-weight: normal; cursor: pointer; padding: 8px 45px 8px 15px; margin: -10px -15px;  color: #404040; background: url(../images/css/box-switch.png) no-repeat 100% 11px; text-transform: uppercase; }
#subArticles h3 a { color: #404040 !important; }
#subArticles .open { background: #e8e8e8; }
#subArticles .open h3 { margin-bottom: 0 !important; background-position: 100% -80px; }
#subArticles ul { display: none; }
#subArticles .open ul { display: block; font-size: 14px; line-height: 24px; float: none !important; margin: 0 !important; padding: 0 !important; }
#subArticles .open ul a { display: block; }

#impressum { height: auto; line-height: 18px; margin: 10px 0; }
#impressum p { display: block; float: none !important; }

/*** CATALOG ***/
.firstPage, 
.lastPage,
.search-parameters,
#perpage { display: none !important; }
#sort { display: block; float: none; }

/*** FORMS ***/
.form-warning, 
.errorMessage, 
.form-buttons { padding-left: 0; }

.basicForm h2, 
.basicForm h3, 
.basicForm h4, 
.basicForm h5, 
.basicForm h6 { padding-left: 0; }

.basicForm .label, 
.basicForm .input,
.basicForm .dualinput,
.basicForm .dualselect, 
.basicForm .fileupload, 
.basicForm .select, 
.basicForm .textarea, 
.basicForm .radio, 
.basicForm .checkbox, 
.basicForm .captchaInput { padding-left: 0; position: relative; }

.basicForm .label label, 
.basicForm .input label,
.basicForm .dualinput label,
.basicForm .dualselect label, 
.basicForm .fileupload label, 
.basicForm .select label, 
.basicForm .textarea label, 
.form-item-title, 
.basicForm .captchaInput label { display: block; float: none; margin: 0 0 4px; width: auto; padding: 0 30px 0 0; text-align: left; }

.basicForm .input input, 
.basicForm .select select, 
.basicForm .textarea textarea { width: 100%; }

.basicForm .textarea textarea { min-width: 100%; max-width: 100%; }

.basicForm .label span, 
.basicForm .input span, 
.basicForm .fileupload span, 
.basicForm .select span, 
.basicForm .textarea span,  
.basicForm .captchaInput span, 
.basicForm .captchaWrapper span { position: absolute; }

.basicForm .input span.calc-notice { position: static; display: block; margin: 5px 0 0 !important; padding: 0 !important line-height: normal !important; } 

.basicForm .label span { position: static; line-height: normal; padding: 0; }

.basicForm .label .req, 
.basicForm .input .req, 
.basicForm .fileupload .req, 
.basicForm .select .req, 
.basicForm .textarea .req, 
.basicForm .radio .req, 
.basicForm .checkbox .req, 
.basicForm .captchaInput .req, 
.basicForm .captchaWrapper .req { position: absolute; top: 0; right: 0; left: auto; bottom: auto; margin: 0; }

.captchaWrapper { margin: 20px 0; }
.captchaImageWrapper { padding-left: 0; }
.basicForm .captchaWrapper .captchaInput input { width: 100px !important; }
.basicForm .captchaWrapper .req { right: auto; left: 110px; top: 85px; }

.form-buttons { height: auto; width: auto; }

	
}

@media screen and (max-width: 640px) {

/*** CATALOG ***/
#article-image, 
#article-content { float: none; display: block; width: auto; }
#article-image { margin-bottom: 20px; }

}

@media screen and (max-width: 420px) {

/*** HOME ***/
#contact { text-align: center; }
#contact, 
#contact strong, 
#contact b { font-size: 11px; }

/*** CATALOG ***/
.catalog-list  .article { width: 100%; border-right: 0 !important; height: auto !important; }
.article-content { height: auto !important; }

.article .tax-price, 
.article:nth-child(2n+1) .tax-price { right: 0; }

#sort .label { float: none; display: block; }

/*** NEWS ***/
#images { width: 100%; margin-right: 0; }
#news-listing .news-image { display: block; float: none; width: auto; height: auto; margin: 0 0 10px;  }
#news-listing .news-image img { width: 100%; }
	
}