/* CSS Document Responsive media queries -> Author: Veselin Trifonov as developer @ www.stenikgroup.com */ /* Start Media Queries for tablet *************************************/ @media only screen and (min-width: 601px) and (max-width: 1020px) { body { overflow-x: hidden !important;} .wrapper { width: 580px; } #header { height:auto; } #header .logo { margin: 10px 0px 10px 0px } #header .slogan { margin: 10px 0px 0px 14px; } #header .headerRight { width: 325px !important; margin: 10px 0px 0px 0px !important; } #header .headerRight .langBox { margin: 0px 0px 4px 0px; height: auto; } #header .headerRight .headerSearchBox input.text { width: 124px !important; } #main .mainContent { width:540px; min-height: 400px; } #main .mainContent .mainNav { width:340px; height: 35px; margin: 0px 100px 15px 100px; background:url(../../images/frontend/mainNavBG.png) repeat-x left top; } #main .mainContent .mainNav .mobileOpen { display: block; } #main .mainContent .mainNav ul { display: none; width: 340px; height: auto; position: absolute; left: 0px; top: 35px; z-index: 200; background: none; } #main .mainContent .mainNav ul li { width: 340px; background:url(../../images/frontend/mainNavBG.png) repeat-x left top !important; padding: 0px !important; } #main .mainContent .mainNav ul li a.home { width: 340px !important; height: 34px; padding: 0px !important; } #main .mainContent .mainNav ul li a.home:active { background:url(../../images/frontend/mainNavHomeIcon.png) no-repeat center 2px!important; } #main .mainContent .mainNav ul li a { width: 340px; background: none; padding: 0px !important; } #main .mainContent .mainNav ul li a:hover { color:#E51937 !important; } #main .mainContent .mainNav ul li a.selected { background: none !important; } #main .mainContent .mainNav ul li a:active { background:url(../../images/frontend/mainNavSelected.png) repeat-x left top!important; } #main .mainContent .middleCol { width:540px; } #main .mainContent.hasLeftCol .middleCol { width:540px; } #main .mainContent .middleCol .indexBigBanner { width: 540px; } #main .mainContent .middleCol .indexBigBanner img { width: 540px; height: auto; } #main .mainContent .middleCol .catListContent { margin: 0px; } #main .mainContent .middleCol .catListBox { width: 265px; height: 115px; margin: 0px 10px 10px 0px; } #main .mainContent .middleCol .catListBox .catListBoxIMG { width: 265px; height: 115px; height: auto; } #main .mainContent .middleCol .catListBox .catListBoxIMG img { width: 265px; height: auto; } #main .mainContent .middleCol .catListBox h2 { width: 245px; } #main .mainContent .middleCol .catDescription .catDescriptionBanner { height: auto; } #main .mainContent .middleCol .catDescription .catDescriptionBanner img { max-width: 540px; height: auto; } #main .mainContent .middleCol .productsListContent { margin: 10px 0px 10px 0px; } #main .mainContent .productListBox { margin: 0px 18px 18px 18px !important; min-height: 220px !important;} #main .mainContent .middleCol .productsListContent .clear { display: none; } #main .mainContent .productInnerDescription { width: 540px; min-height: 10px; padding: 0px; margin: 10px 0px 10px 0px; } #main .mainContent .middleCol .productInnerRight { float: left; width: 540px; height: auto; padding: 0px; margin: 10px 0px 0px 0px; } #main .mainContent .middleCol .productInnerRight .documentsBox { width: 538px; } #main .mainContent .middleCol .productInnerRight .documentsBox h2 { width: 516px; } #main .mainContent .middleCol .productInnerRight .documentsBox ul { width: 508px; } #main .mainContent .middleCol .productInnerRight .productInnerVideo { width: 540px; margin: 0px 0px 10px 0px; } #main .mainContent .middleCol .productInnerRight .productInnerVideo iframe { width: 540px; height: 320px; } #main .mainContent .middleCol .productInnerRight .galleryBox { width: 538px; } #main .mainContent .middleCol .productInnerRight .galleryBox h2 { width: 516px; } #main .mainContent .middleCol .productInnerRight .galleryBox ul { width: 526px; } #main .mainContent .middleCol .productInnerRight .galleryBox ul li { margin: 0 2px 10px; } #main .mainContent .similarProducts { margin: 30px 0px 0px 0px; } #main .mainContent .loginBox { margin-bottom: 20px; } #main .mainContent .registrationBox { width: 151px; margin-bottom: 20px; } #main .mainContent .regNewPartner { padding: 0px 10px 0px 10px; } #main .mainContent .regNewPartner hr { margin: 10px 0px 10px 0px; width: 520px; } #main .mainContent .regNewPartner .regBtn { margin: 0px 0px 30px 150px; } #main .mainContent .providersContent .providerBox { margin: 0px 4px 4px 0px !important; } #main .mainContent .productInnerDescription.NoRightCol { margin: 10px 0px 20px 0px; } #main .mainContent .middleCol .secondNav { width: 540px; margin: 0px 0px 60px 0px; } #main .mainContent .middleCol .secondNav a { width: 104px; padding: 0px; text-align: center; } #main .mainContent .middleCol .secondNav a.last { width: 105px; margin: 2px 2px -1px 0px; background: #f9f9f9 !important; font-weight: bold; } #main .mainContent .middleCol .secondNav a.selected span.arrow { display: none !important; } #main .mainContent .middleCol .contactsInfo { width: 540px; margin: 10px 0px 10px 0px; } #main .mainContent .middleCol .contactsInfo .contactsMainIMG { width: 540px; } #main .mainContent .middleCol .contactsInfo .contactsMainIMG img { width: 540px; height: auto; } #main .mainContent .middleCol .contactsForm { width: 540px; margin: 10px 0px 10px 0px; } #main .mainContent .middleCol .contactsForm .inputBox .errorMsg { width: 100%; } #main .mainContent .middleCol .question a.open { width: 472px; } #main .mainContent .middleCol .question a.close { width: 472px; } #main .mainContent .middleCol .question div.sub { width: 440px; } #main .mainContent .middleCol .searchResultBox { width: 540px; margin: 10px 0px 20px 0px; padding: 0px; } #main .mainContent .middleCol .searchResultBox .searchContent { width: 503px; } #main .mainContent .middleCol ul.sitemap { width: 540px; margin: 20px 0px 0px 0px; } #main .mainContent .middleCol .newsListBox .newsListIMG { margin: 0px 20px 15px 0px; } #main .mainContent .middleCol ul.sitemap { width: 540px; } #main .mainContent .middleCol ul.sitemap li { width: 540px; } #main .mainContent .middleCol ul.sitemap li ul { width: 530px; } #main .mainContent .middleCol ul.sitemap li ul li { width: 520px; } #main .mainContent .middleCol ul.sitemap li ul li ul { width: 490px; } #main .mainContent .middleCol ul.sitemap li ul li ul li { width: 100%; } #main .mainContent .leftCol { width: 540px; margin: 10px 0px 0px 0px; } #main .indexMainCatList { width: 265px; margin: 0px 0px 0px 0px; } #main .indexMainCatList ul li a { width: 225px; padding: 12px 0px 12px 20px; } #main .leftCol .leftColPartners { float: right; width: 265px; margin: 15px 0px 15px 0px; } #main .leftCol .leftColPartners img { width: 265px; height: auto; } #main .leftCol h2 { float: right; width: 265px; } #main .leftCol .leftColNews { float: right; width: 245px; padding: 12px 10px; } #main .leftCol .leftColNews .leftColNewsItem { width: 245px; } #main .leftCol .leftNav { width: 500px; } #main .leftCol .leftNav ul { width: 400px; margin: 0px 50px 0px 50px; } #main .leftCol .leftNav ul li { background:url(../../images/frontend/leftNavLineMob.jpg) no-repeat left bottom!important; } #main .leftCol .leftNav ul li a { width: 400px; text-align: center; } #main .leftCol .leftNav ul li ul { width: 360px; margin: -5px 20px 20px 20px; padding: 0px; } #main .leftCol .leftNav ul li ul li { width: 360px; background: none !important; } #main .leftCol .leftNav ul li ul li a { width: 360px; padding: 6px 0px 6px 0px; margin: 2px 0px 2px 0px; background: #dedddd !important; font-weight: normal; } #main .leftCol .leftBtn { margin: 0px 0px 6px 62px; } #main .leftCol .leftBtn:active { margin: 1px 0px 5px 62px; } #main .breadcrumbs { width: 515px; } #footer .footerTopContent { height: auto; } #footer .footerTopContent .footerCol { width: 250px; margin: 0px 20px 10px 20px !important; } #footer .footerBottom { height: auto; } #footer .footerBottom .copy { width: 100%; text-align: center; border-bottom: 1px solid #D6D6D6; padding: 0px 0px 10px 0px; } #footer .footerBottom .stenik { margin: 15px 224px 0px 0px; } .bannerLeft, .bannerRight { display: none; } .offerViewContent .intro { width: auto; } .offerViewContent .intro .formRow { margin-left: 60px; } #main .offerViewContent .preview #offerTotal { margin: 20px 0; } #main .offerViewContent .preview #offerTotal .row { padding: 10px; } .offersList { overflow-x: scroll; } #formEditOffer { width: auto; padding: 0; } } /* End media queries for tablet *********************************/ @media only screen and (max-width: 1020px) { /* menu and filter */ #main .mainContent .leftCol { position: relative; z-index: 2; margin: 10px 0 20px; } #main .leftCol .leftColNews { float: none; overflow: hidden; clear: right; width: auto; margin: 0 auto; } #main .leftCol .leftColNews .leftColNewsItem { width: auto; background-position: center bottom; } #main .leftCol .leftColNews .moreNews { float: none; clear: both; display: block; margin: 0 auto; } .middleCol { position: relative; z-index: 1; } .leftCol .leftNav, .leftCol .leftBtn, .indexMainCatList { display: none; } #main .mainContent .middleCol .catDescription .catDescriptionBanner { overflow: hidden; } #main .leftCol .leftColPartners { float: none; display: block; width: 290px; margin: 15px auto 15px auto; clear: both; } #main .leftCol .leftColPartners img { width: 290px; height: auto; } #main .leftCol .leftColPartners + h2 { float: none; width: auto; text-align: center; } #menuTrigger, #filterTrigger { position: relative; display: block; padding: 10px 20px; margin-bottom: 20px; background-color: #444; font-size: 14px; line-height: 25px; color: #fff; text-decoration: none; } #menuTrigger:before, #filterTrigger:before { content: ''; position: absolute; background-repeat: no-repeat; background-position: 0 0; background-size: cover; } #menu * { padding: 0; margin: 0; outline: 0; } #menuTrigger { float: left; padding-left: 25px; } #menuTrigger:before { top: 8px; left: 8px; width: 10px; height: 30px; background-image: url('../../images/frontend/iconMenu.png'); } #menu { display: none; position: absolute; top: 45px; left: 0; right: 0; z-index: 2; border: 1px solid #000; } #menu ul li + li { border-top: 1px solid #000; } #menu ul li a { display: block; padding: 5px 10px; background: #444; font-size: 14px; line-height: 25px; color: #fff; text-decoration: none; } #menu ul li a.selected { background: #eb153b; } #menu ul ul a { padding-left: 40px; } #menu ul ul li:first-child { border-top: 1px solid #000; } #filterTrigger { position: relative; float: right; padding-right: 50px; } #filterTrigger:before { top: 10px; right: 8px; width: 20px; height: 20px; background-image: url('../../images/frontend/iconFilter.png'); } #widgetFilters { display: none; position: absolute; top: 45px; left: 0; right: 0; z-index: 2; border: 1px solid #000; padding: 5px; margin: 0; background: #fff; } #widgetFilters .filterGroupRow input[type="text"] { width: 60px; } } /* Start Media Queries for smartphones ****************************************/ @media only screen and (min-width: 0px) and (max-width: 600px) { body { overflow-x: hidden !important;} .wrapper { width: 310px; } #header { height:auto; margin-bottom: 11px; } #header .headerContent { height: auto; } #header .logo { margin: 10px 0px 10px 0px; width: 180px; height: auto; } #header .logo img { width: 180px; height: auto; } #header .slogan { float: right; width: 120px; height: auto; margin: 0px 0px 10px 0px; } #header .headerRight { width: 310px !important; margin: 10px 0px 0px 0px !important; } #header .headerRight .langBox { float: left; width: 100%; text-align: center; margin: 0px 0px 6px 0px; height: auto; } #header .headerRight .langBox a { float: none; } #header .headerRight .headerSearchBox { width: 310px; margin: 5px 0px 0px 0px; } #header .headerRight .headerSearchBox input.text { width: 262px !important; } #header .headerRight .btns { float: left; width: 100%; } #header .headerRight .btns .btnRed { margin: 10px; } #main .mainContent { width:290px; min-height: 400px; padding: 10px; } #main .mainContent .mainNav { width:290px; height: 35px; margin: 0px 0px 15px 0px; background:url(../../images/frontend/mainNavBG.png) repeat-x left top; } #main .mainContent .mainNav .mobileOpen { width: 290px; display: block; background:url(../../images/frontend/mobileOpenBG.png) no-repeat 248px 0px; } #main .mainContent .mainNav ul { display: none; width: 290px; height: auto; position: absolute; left: 0px; top: 35px; z-index: 200; background: none; } #main .mainContent .mainNav ul li { width: 290px; background:url(../../images/frontend/mainNavBG.png) repeat-x left top !important; padding: 0px !important; } #main .mainContent .mainNav ul li a.home { width: 290px !important; height: 34px; padding: 0px !important; } #main .mainContent .mainNav ul li a.home:active { background:url(../../images/frontend/mainNavHomeIcon.png) no-repeat center 2px!important; } #main .mainContent .mainNav ul li a { width: 290px; background: none; padding: 0px !important; } #main .mainContent .mainNav ul li a:hover { color:#E51937 !important; } #main .mainContent .mainNav ul li a.selected { background: none !important; } #main .mainContent .mainNav ul li a:active { background:url(../../images/frontend/mainNavSelected.png) repeat-x left top!important; } #main .mainContent .middleCol { width:290px; } #main .mainContent.hasLeftCol .middleCol { width:290px; } #main .mainContent .middleCol h1 { font-size: 20px; line-height: 25px; } #main .mainContent .middleCol p img { max-width: 290px; height: auto; } #main .mainContent .middleCol table blockquote { padding: 0 0 0 28px; } #main .mainContent .middleCol table.referenceTable td a.downloadRef { width: 80px; font-size: 11px; line-height: 13px; } #main .mainContent .middleCol .indexBigBanner { width: 290px; } #main .mainContent .middleCol .indexBigBanner img { width: 290px; height: auto; } #main .mainContent .middleCol .catListContent { margin: 0px; } #main .mainContent .middleCol .catListBox { width: 290px; height: 127px; margin: 0px 0px 10px 0px; } #main .mainContent .middleCol .catListBox .catListBoxIMG { width: 290px; height: 127px; } #main .mainContent .middleCol .catListBox .catListBoxIMG img { width: 290px; height: auto; } #main .mainContent .middleCol .catListBox h2 { width: 270px; } #main .mainContent .middleCol .catDescription .catDescriptionBanner { height: auto; } #main .mainContent .middleCol .catDescription .catDescriptionBanner img { max-width: 290px; height: auto; } #main .mainContent .middleCol .catDescription .catDescriptionBanner h1 {font-size: 18px; line-height: 21px; } #main .mainContent .middleCol .productsListContent { margin: 10px 0px 10px 0px; } #main .mainContent .productListBox { margin: 0px 5px 18px 5px !important; width: 134px; min-height: 220px !important; } #main .mainContent .productListBox .productListIMG { width: 134px; height: 134px; } #main .mainContent .productListBox .productListIMG img { width: 134px; height: auto; } #main .mainContent .productListBox .productListIMG span.hover { width: 134px; height: 134px; } #main .mainContent .middleCol .productsListContent .clear { display: none; } #main .mainContent .productInnerDescription { width: 290px; min-height: 10px; padding: 0px; margin: 10px 0px 10px 0px; } #main .mainContent .middleCol .productInnerDescription table td { padding: 6px 3px; } #main .mainContent .middleCol .productInnerRight { float: left; width: 290px; height: auto; padding: 0px; margin: 10px 0px 0px 0px; } #main .mainContent .middleCol .productInnerRight .rightSocialBox { margin: 0px 0px 20px 0px; } #main .mainContent .middleCol .productInnerRight .documentsBox { width: 288px; } #main .mainContent .middleCol .productInnerRight .documentsBox h2 { width: 266px; } #main .mainContent .middleCol .productInnerRight .documentsBox ul { width: 268px; margin: 0 10px; } #main .mainContent .middleCol .productInnerRight .productInnerVideo { width: 290px; margin: 0px 0px 20px 0px; } #main .mainContent .middleCol .productInnerRight .productInnerVideo iframe { width: 290px; height: 220px; } #main .mainContent .middleCol .productInnerRight .galleryBox { width: 288px; } #main .mainContent .middleCol .productInnerRight .galleryBox h2 { width: 266px; } #main .mainContent .middleCol .productInnerRight .galleryBox ul { width: 268px; margin: 0 10px; } #main .mainContent .middleCol .productInnerRight .galleryBox ul li { margin: 0 3px 10px; } #main .mainContent .middleCol .productAttributesBar { width: auto; } #main .mainContent .similarProducts { margin: 30px 0px 0px 0px; } #main .mainContent .loginBox { width: 244px; margin-bottom: 0px; min-height: 10px; } #main .mainContent .loginBox label { width: 100%; margin: 0px 0px 0px 0px; text-align: left; } #main .mainContent .loginBox .inputBox { width: 100%; } #main .mainContent .loginBox input { width: 221px; margin: 0px 0px 4px 0px; } #main .mainContent .loginBox input.checkbox { margin: 1px 6px 1px 14px; } #main .mainContent .loginBox .loginSubmit { margin: 14px 0px 0px 55px; } #main .mainContent .registrationBox { width: 244px; margin-bottom: 0px; min-height: 10px; } #main .mainContent .regNewPartner { width: 290px; padding: 0px 0px 0px 0px; } #main .mainContent .regNewPartner input { width: 268px; } #main .mainContent .regNewPartner .formCol2 { width: 290px; margin: 0px; } #main .mainContent .regNewPartner .formCol2 input { width: 268px; } #main .mainContent .regNewPartner .formCol4 { width: 138px; } #main .mainContent .regNewPartner .formCol4 input { width: 80px; } #main .mainContent .regNewPartner hr { margin: 10px 0px 10px 0px; width: 290px; } #main .mainContent .regNewPartner input.checkbox { width: auto !important;} #main .mainContent .regNewPartner .combinedOrderRow input.checkbox { width: auto; } #main .mainContent .regNewPartner .combinedOrderRow input { width: 268px; margin: 10px 0px 0px 0px; } #main .mainContent .regNewPartner textarea { width: 268px; } #main .mainContent .regNewPartner .regBtn { margin: 10px 0px 30px 40px; } #main .mainContent .providersContent h2 { font-size: 18px; line-height: 21px; } #main .mainContent .providersContent .providerBox { width: 88px; height: 88px; margin: 0px 2px 4px 2px !important; } #main .mainContent .providersContent .providerBox img { width: 88px; height: 88px; } #main .mainContent .providersContent .providerBox span.link { width: 78px; } #main .mainContent .productInnerDescription.NoRightCol { margin: 10px 0px 20px 0px; } #main .mainContent .middleCol .secondNav { width: 290; margin: 0px 0px 60px 0px; } #main .mainContent .middleCol .secondNav a { width: 104px; padding: 0px; text-align: center; } #main .mainContent .middleCol .secondNav a.last { width: 105px; margin: 2px 2px -1px 0px; background: #f9f9f9 !important; font-weight: bold; } #main .mainContent .middleCol .secondNav a.selected span.arrow { display: none !important; } #main .mainContent .middleCol .contactsInfo { width: 290px; margin: 10px 0px 10px 0px; } #main .mainContent .middleCol .contactsInfo .contactsMainIMG { width: 290px; } #main .mainContent .middleCol .contactsInfo .contactsMainIMG img { width: 290px; height: auto; } #main .mainContent .middleCol .contactsInfo .contactsInfoLeft { width: 290px; } #main .mainContent .middleCol .contactsInfo .gMapBox { width: 290px; margin: 0px; } #main .mainContent .middleCol .contactsInfo .gMapBox iframe { width: 290px; } #main .mainContent .middleCol .contactsForm { width: 290px; margin: 10px 0px 10px 0px; } #main .mainContent .middleCol .contactsForm .inputBox .errorMsg { width: 100%; } #main .mainContent .middleCol .contactsForm .inputBox input { width: 267px; } #main .mainContent .middleCol .contactsForm .inputBox select { width: 288px; } #main .mainContent .middleCol .contactsForm .inputBox textarea { width: 267px; } #main .mainContent .middleCol .contactsForm .contactsSubmit { margin: 10px 0px 0px 80px; } #main .mainContent .middleCol .question a.open { width: 230px; padding: 8px 10px 8px 50px; line-height: 21px; } #main .mainContent .middleCol .question a.close { width: 230px; padding: 8px 10px 8px 50px; line-height: 21px; } #main .mainContent .middleCol .question div.sub { width: 220px; margin: -1px 0 5px 28px; } #main .mainContent .middleCol .searchResultBox { width: 290px; margin: 10px 0px 20px 0px; padding: 0px; } #main .mainContent .middleCol .searchResultBox span.searchContent { width: 250px; } #main .mainContent .middleCol .searchResultBox span.searchContent span.searchResultText { max-height: 120px; } #main .mainContent .middleCol ul.sitemap { width: 290px; margin: 20px 0px 0px 0px; } #main .mainContent .middleCol .newsListBox h2 a { font-size: 15px; line-height: 17px; } #main .mainContent .middleCol .newsListBox .newsListIMG { margin: 0px 15px 15px 0px; } #main .mainContent .middleCol ul.sitemap { width: 290px; } #main .mainContent .middleCol ul.sitemap li { width: 290px; } #main .mainContent .middleCol ul.sitemap li ul { width: 280px; } #main .mainContent .middleCol ul.sitemap li ul li { width: 280px; } #main .mainContent .middleCol ul.sitemap li ul li ul { width: 246px; } #main .mainContent .middleCol ul.sitemap li ul li ul li { width: 100%; } #main .mainContent .middleCol .secondNav { width: 290px; height: auto; margin: 0px 0px 20px 0px; } #main .mainContent .middleCol .secondNav a { width: 288px; text-align: center; } #main .mainContent .middleCol .secondNav a.last { width: 288px; text-align: center; margin: 2px 0px 0px 0px; } #main .mainContent .leftCol { width: 290px; margin: 10px 0px 0px 0px; } #main .indexMainCatList { width: 290px; margin: 0px 0px 0px 0px; } #main .indexMainCatList ul li a { width: 270px; padding: 12px 0px 12px 20px; } /*#main .leftCol .leftColPartners { float: left; width: 290px; margin: 15px 0px 15px 0px; } #main .leftCol .leftColPartners img { width: 290px; height: auto; }*/ #main .leftCol h2 { float: left; width: 290px; } #main .leftCol .leftColNews { float: right; width: 270px; padding: 12px 10px; } #main .leftCol .leftColNews .leftColNewsItem { width: 270px; } #main .leftCol .leftColNews .moreNews { margin: 4px 0 0 70px; } #main .leftCol .leftNav { width: 270px; padding: 10px 10px 10px 10px; margin: 0px 0px 25px 0px; } #main .leftCol .leftNav ul { width: 270px; margin: 0px 0px 0px 0px; } #main .leftCol .leftNav ul li { background:url(../../images/frontend/leftNavLineMob.jpg) no-repeat left bottom!important; } #main .leftCol .leftNav ul li a { width: 270px; padding: 11px 0 9px; font-size: 14px; text-align: center; } #main .leftCol .leftNav ul li ul { width: 230px; margin: -5px 20px 20px 20px; padding: 0px; } #main .leftCol .leftNav ul li ul li { width: 230px; background: none !important; } #main .leftCol .leftNav ul li ul li a { width: 230px; padding: 6px 0px 6px 0px; margin: 2px 0px 2px 0px; background: #dedddd !important; font-weight: normal; } #main .leftCol .leftBtn { margin: 0px 0px 6px 62px; } #main .leftCol .leftBtn:active { margin: 1px 0px 5px 62px; } #main .breadcrumbs { width: 288px; margin:-10px 0px 14px 1px; } #main .breadcrumbs ul li { height: auto; } #footer .footerTopContent { height: auto; } #footer .footerTopContent .footerCol { width: 290px; height: auto; margin: 0px 10px 10px 10px !important; } #footer .footerTopContent .footerCol h2 { text-align: center; } #footer .footerTopContent .footerCol ul li a { text-align: center; } #footer .footerTopContent .footerCol .footerFacebook, #footer .footerTopContent .footerCol .footerGplus, #footer .footerTopContent .footerCol .footerLinkedIn, #footer .footerTopContent .footerCol .footerYouTube { margin: 0px 0px 10px 35px; } #footer .footerTopContent .footerCol p { text-align: center; } #footer .footerTopContent .footerCol .newsLetterBtn { margin: 0px 0px 0px 48px; } #footer .footerTopContent .footerCol .newsLetterBtn:active { margin: 1px 0px 0px 48px; } #footer .footerBottom { height: auto; } #footer .footerBottom .copy { width: 100%; height: auto; text-align: center; border-bottom: 1px solid #D6D6D6; padding: 0px 0px 10px 0px; } #footer .footerBottom .stenik { margin: 15px 92px 0px 0px; } #newsLetterPopUp { padding: 5px; width: 292px; height: auto; } #newsLetterPopUp label { width: 100%; margin: 0px; text-align: left; } #newsLetterPopUp input { width: 276px; margin: 0px 0px 5px 0px; } #newsLetterPopUp input.wide { width: 276px; margin: 0px 0px 5px 0px; } #newsLetterPopUp input.submitNewsLetter { margin: 10px 0 10px 38px; } .offerViewHead .headInfo { width: auto; margin: 20px 0; } .offerViewHead .headInfoBottom .formRow .field input { width: 110px; } .offerViewContent .intro { width: auto; } .offerViewContent .intro .formRow { width: auto; margin: 0; } .offerViewContent .intro .formRow label { float: none; display: block; width: auto; } .offerViewContent .intro .formRow .field { float: none; display: block; } #main .offerViewContent .preview #offerTotal { margin: 20px 0; } #main .offerViewContent .preview #offerTotal .row { padding: 10px; } .bannerLeft, .bannerRight { display: none; } .offersList { overflow-x: scroll; } #formEditOffer { width: auto; padding: 0; } #formEditOffer input { width: auto; } #header .langBox span { display: none; } } /* End media queries for smartphones **************************************/