/** check viewport at: https://yesviz.com/viewport/ remember to test is on firefox, in mobile it is more real last update of viewport width according to: https://vaad.org.il/dashboard/dashboard_1 24/05/24 - update all 04/06/25 - update top015, top105, top090 28/06/25 - update top015, top030 07/07/25 - update top015, top030, top045, top060, top075 RW Page test order: 10. * page: **** OK **** 11. * page: business.i.recommend **** OK **** 12. * page: photoswipe **** OK **** 12. * region: sliding-sidebar **** OK **** 20. * page: /member/[role:sub-contractor] **** OK **** 21. * page: /user/xxx/edit **** OK **** 30. * page: /prof **** OK **** 31. * page: /prof/services/xxx **** OK **** 32. * page: /prof/service/xxxX **** OK **** 40. * page: /info **** OK **** 41. * page: /info/subjects **** OK **** 42. * page: /info/subject/xxx **** OK **** 43. * page: /info/xxx **** OK **** 50. * page: /info/legal **** OK **** 51. * page: /verdicts **** OK **** 60. * page: /drupalvip/faq/page **** OK **** 61. * page: /drupalvip/faq/page/xxx **** OK **** 70. * page: /news **** OK **** RW Screen View priority update: 1. 1-20 : * RW Screen View **** TOP20 **** **** 2. 21-40: * RW Screen View **** TOP40 **** **** 3. 41-60: * RW Screen View **** TOP60 **** **** 4: 61-on: * RW Screen View **** TOP80 **** **** **/ /* RW Screen View **** TOP80 **** ****/ @media (max-width: 5120px) { /* page: /info/subject/xxx **** OK ****/ } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 3840px) { /* page: OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-template-columns: repeat(9, 9%); left: auto; grid-gap: 54px;} #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { height: 20rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { zoom: 1.6; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox h3 { width: 80%; text-align: center; margin: auto; } /* page: /prof/service/xxx ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 20rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { zoom: 1.6; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-template-columns: repeat(9, 9%); left: auto; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox h3 { width: 80%; text-align: center; margin: auto; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 3440px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .views-row { zoom: 2; } /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { height: 20rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { zoom: 1.6; } /* page: /prof/service/xxx OK ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 20rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { zoom: 1.6; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 3073px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 2560px) { /* page: ****/ /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof/services/xxx ****/ #block-ruhipro-views-block-rwnews-block-1-2 { width: 80%; max-width: 100%; } footer .footer-copyright { margin: 0 4% 0 1%; } /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ /* page: /prof OK ****/ /* page: /prof/service/xxx OK ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { width: 49%; display: inline-block; text-align: center; margin: auto; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div .button { text-align: center; margin: 3px 0; width: 100%; border-color: royalblue; border-style: ridge; border-width: medium; padding: 0 !important; height: 80px; background: lightblue; box-shadow: inset 0 0 5px blue; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div input { font-size: x-large; border-radius: 15px; text-align: center; width: 98%; margin: auto; line-height: 1.15; background-color: transparent; color: blue; font-weight: bold; vertical-align: middle; height: 100%; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-website { width: 100%; } } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 2195px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { height: 18rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { zoom: 1.4; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 47px; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div .button { height: 100px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 18rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { zoom: 1.4; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 2133px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 2048px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 42px; } /* page: /prof/service/xxx OK ****/ /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 2000px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { zoom: 1.2; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { height: 16rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 44px; } /* page: /prof/service/xxx ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { zoom: 1.2; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 16rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 0px; } /* page: /prof/services/xxx OK ****/ /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 1920px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 41px; } /* page: /prof/services/xxx ****/ #block-ruhipro-sitebranding-2 img { width: 70%; } /* page: /prof/service/xxx OK ****/ /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1912px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1897px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1865px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1746px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1745px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1728px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 1707px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] OK ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .views-row { zoom: 1.5; } /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { zoom: 1; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { height: 14rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 37px; } /* page: /prof/services/xxx ****/ #block-ruhipro-sitebranding-2 img { width: 60%; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div input { font-size: large; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-website { width: 100%; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { zoom: 1; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 14rem; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1700px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1680px) { /* page: /prof OK ****/ /* page: /prof/service/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1670px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1658px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1603px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1600px) { /* page: ****/ footer .footer-bottom-block { margin-right: 2rem; } footer .footer-copyright { margin: 0 5% 0 1%; } /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 34px; } /* page: /prof/service/xxx OK ****/ /* page: /info/subject/xxx OK ****/ /* page: /faq-page/xxx ****/ .faq-content { margin-right: 2rem; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1581px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1549px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1537px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 1536px) { /* page: ****/ footer .footer-bottom-block { margin-right: 3rem; } /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item h2 { padding: 5px 20px 1px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 31px; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div input { font-size: medium; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { width: 70%; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div .button { height: 4rem; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div:nth-child(1) { padding: 5px; font-size: larger; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div:nth-child(1) .field-label-inline { grid-template-columns: 60% auto; } /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ /* page: /faq-page/xxx ****/ .faq-content { margin-right: 3rem; } } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1512px) { /* page: /prof OK ****/ /* page: /prof/service/xxx OK ****/ /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1477px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1470px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1463px) { /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 28px; } /* page: /prof/service/xxx OK ****/ /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1440px) { /* page: ****/ .view-tags-block-1 .views-field.views-field-name { font-size: small; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 0 1 74%; } /* page: /member/[role:sub-contractor] ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .views-row { zoom: 1.2; } /* page: /prof OK ****/ /* page: /prof/service/xxx OK ****/ /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1423px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 1366px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] OK ****/ /* page: /prof ****/ .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item h2 { padding: 5px 10% 1px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 26px; } /* page: /prof/services/xxx ****/ #block-ruhipro-views-block-rwnews-block-1-2 { width: 70%; } /* page: /prof/service/xxx ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 24px; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div:nth-child(1) .field-label-inline { font-size: large; } /* page: /info/subject/xxx ****/ .view-taxonomy-term-page-3 .view-header .field-name-field-tag-image { top: -8rem; zoom: 0.7; } /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1360px) { /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1344px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1336px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1317px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1310px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1291px) { /* page: OK ****/ /* page: /member/[role:sub-contractor] ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-2 { margin: 0 9rem 3rem 2rem; width: 20rem; height: 30rem; } #block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-content { padding: 0; margin: 0; } #block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-content .views-row { width: 15rem; } #block-ruhipro-views-block-rwbusiness-blocks-block-4 { margin: 0; height: 30rem; } /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 23px; } /* page: /prof/service/xxx ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 22px; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 1280px) { /* page: ****/ header .header-main .header-search-close { left: 94%; } /* page: /member/[role:sub-contractor] ****/ /* page: /user/xxx/edit OK ****/ /* page: /prof OK ****/ /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); } /* page: /info/subjects ****/ .view-tags-page .views-view-responsive-grid__item { height: 210px; } /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1248px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1229px) { /* page: ****/ header .header-main .header-search-close { left: 93.7%; } .block-field-blocknoderwcenterfield-rwcenter-notes, .block-field-blocknoderwcenterfield-rwcenter-bank, .block-field-blocknoderwcenterfield-rwcenter-address { min-width: 200px; } .path-node .ui-dialog { top: 7% !important; } /** tags page ****/ .view-tags-page .views-view-responsive-grid__item { height: 200px; } .view-tags-page .views-view-responsive-grid__item h2 { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } /** faq page ****/ .faq-content { padding: 2%; } /** service page ****/ article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-auto-rows: 10rem; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1210px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1200px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1193px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1164px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1160px) { /* page: ****/ header .region-primary-menu .submenu { z-index: 500; } footer .footer-copyright { margin: 0 4rem 0 10px; } /* page: /member/[role:sub-contractor] ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-2 { margin: 0 6rem 3rem 2rem; } /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 34px; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: 9%; } article.node-type-rwarticle .field-name-field-rwarticle-tags .field-item { font-size: small; padding: 4px 5px; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 0 1 72%; } /* page: /info/subject/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { width: 80%; } } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1122px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1098px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1084px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1073px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1067px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1032px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 1031px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 1024px) { /* page: ****/ header .header-top .header-top-container { display: block; } header .header-top .header-top-left { display: inline-block; width: 50%;} header .header-top .header-top-right { display: inline-block; width: 37%; margin-right: 12%;} header .site-name-slogan .site-name { font-size: larger; } header .header-main .header-search-close { left: 93%; } header .menu-main .menu { gap: 0px; line-height: 1; } #main > .node-content { padding-right: 2rem; } /* region: sliding-sidebar OK ****/ /* page: /member/[role:sub-contractor] ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-2 { margin: 0 4rem 3rem 1rem; } /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 17px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { width: 6rem; border-radius: 40px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox h3 { font-size: large; } /** page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: 3%; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label { left: 21%; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); } article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social, article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { margin: 15px 0px; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 { flex: 0 1 50%; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 0 1 70%; } #block-ruhipro-views-block-rwbusiness-exposure-block-3 { width: 83%; } #main > .content-bottom { padding-right: 2rem; } .pswp .pswp__button--arrow { zoom: 0.8; } #block-ruhipro-content { padding: 0px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 15px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { width: 7rem; border-radius: 40px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox h3 { font-size: large; } article.node-type-rwbusiness.node-view-mode-full { padding: 1rem } /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 1016px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 915px) { /* page: ****/ header .header-top .header-top-right { margin-right: 9%; width: 40%;} /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { width: 98%; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div input { font-size: small; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div:nth-child(1) .field-label-inline { display: inline-block; } article.node-type-rwbusiness.node-view-mode-full { padding: 10px 5px; } } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 800px) { /* page: ****/ header .header-top .header-top-container { display: grid; grid-template-columns: auto auto; } header .header-top .header-top-left { height: 80px; vertical-align: middle; padding: 22px 0; width: auto;} header .header-top .header-top-right { height: 80px; vertical-align: middle; margin-right: auto; width: auto; } header .header-top .header-top-left, header .header-top .header-top-right { zoom: 0.9; } header .header-main .container { padding: 0 2%; } header .header-main .primary-menu-wrapper { background-color: var(--light); max-width: 300px; text-align: right; width: 280px; height: calc(100vh - 80px);} header .header-main .primary-menu-wrapper .close-mobile-menu { background-color: var(--primary); right: 89%; border-bottom-right-radius: 50%; top: 40px; border-radius: 0% 50% 50% 0%; } header .header-main .primary-menu-wrapper .menu > li { padding-right: 20px; border: none;} header .header-main .header-search-close i.icon-close { margin: 4px; } header .header-main .search-box.open .container { padding: 0; position: relative; display: block; margin: 0; } header .header-main .search-box.open form { width: 90%; } header .header-main .header-search-close { left: 92.5%; zoom: 0.8; } header .header-main .block-webform-block { display: none } header .header-main .region-primary-menu .submenu { padding: 0 1rem 0 0; } header .header-main .region-primary-menu .submenu .menu-item { border: none !important; padding: 0; line-height: 1; word-wrap: break-word; width: 110%; } header .header-main.sticky-header { padding: 0.5rem 0; } header .header-main.sticky-header .header-right { right: 0; top: 0; padding: 0 2%;} header .page-header { padding: 3rem 0 1rem 0; } header .site-name-slogan { text-align: right; font-size: large; left: 8rem; padding: 7px 0; margin: 0; width: 9rem; } header .site-name-slogan .site-name { font-size: x-large; font-weight: bold; text-decoration: underline; } header .region-page-header { display: block; text-align: center; direction: ltr; } header .breadcrumb { padding: 0 9%; } header .site-logo { margin: 0 } .ui-widget-overlay.ui-front { width: -webkit-fill-available; height: -webkit-fill-available; } .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { width: 80%; } #main .block-webform-block { display: inline-block; top: 0; } #main .block-webform-block button { border: none; } #main > .node-content { padding-right: 2rem; } #drupal-off-canvas-wrapper { width: 30% !important; } #block-ruhipro-webform { right: 64%; width: 34%; } #tns1-ow { margin-top: 2rem; margin-bottom: 1rem; } #block-ruhipro-webform { right: 58%; width: 39%; top: 117px; } article.node-view-mode-teaser .node-content { position: relative; } article.node-view-mode-teaser .node-content .field-type-entity-reference { padding: 0; line-height: 1.2; text-align: center; bottom: -4px; position: relative; } article.node-view-mode-teaser .node-content .field-type-entity-reference .field-item { padding: 0px 6px; margin: -1px; } .view-prof-block-2 .slick-slide { padding: 20px; } #block-ruhipro-views-block-rwnews-block-1-2 { width: 90%; } #block-ruhipro-views-block-rwnews-block-1-2 .block-title { margin: 10px auto; } footer .footer-copyright { margin: 0 5rem 0 10px; } footer .container { padding: 0; } footer .copyright a { text-decoration: underline; color: aliceblue; } /* page: business.i.recommend OK ****/ /* page: photoswipe ****/ .pswp .pswp__button--arrow { zoom: 1; visibility: visible; top: 10px; display: inline-block; text-align: center; margin: auto; } .pswp .pswp__button--arrow--next { right: 42%; } .pswp .pswp__button--arrow--prev { left: 42%; } /* region: sliding-sidebar ****/ .sliding-sidebar.animated-panel-from-right .sliding-sidebar-container { width: 13rem; } /* page: /member/[role:sub-contractor] ****/ #PayPalPOC {} #PayPalPOC #carousel-container-F3YVZAAKG8BAJ { width: 90%; max-width: 100%; text-align: center; margin: auto; } #PayPalPOC #form-container-F3YVZAAKG8BAJ { text-align: center; margin: auto; } #PayPalPOC #paypal-form-fields-container-F3YVZAAKG8BAJ .thumbnail-container { display: flex; align-items: center; justify-content: center; } #block-ruhipro-views-block-rwbusiness-blocks-block-2 { margin: 0 0rem 3rem 1rem; height: 27rem; } #block-ruhipro-views-block-rwbusiness-blocks-block-4 { height: 27rem; } #block-ruhipro-paypalpoc { width: 30rem; } /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ #spb-block-ruhipro-exposedformprofspage-2 { position: fixed; } .view-profs-page .view-filters { width: 90%; } #block-ruhipro-rwbusinessdashboardmain { padding: 0; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { margin: 50px 10px; padding: 2rem; zoom: 1; height: 25rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 18px; grid-template-columns: repeat(5, 18%); } /* page: /prof/services/xxx ****/ #main > .content-top, #main > .node-content, #main > .content-bottom { padding-right: 5%; } .view-taxonomy-term-service-page .field-name-field-prof-image { width: 250px; } .view-taxonomy-term-service-page .field-name-field-prof-image img { text-align: center; margin: auto; display: block; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item { display: block; } .view-taxonomy-term-service-page .field-name-field-rwbusiness-city { display: none; } .view-taxonomy-term-service-page .view-footer { padding: 5px; margin-top: 5rem; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); grid-auto-rows: 8rem; } article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social, article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { padding: 15px 0; font-size: medium; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-city .field-item, article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-phone .field-item, article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-email .field-item { font-size: medium; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg1 { padding: 0px 20px 0px 20px; flex: 0 1 45%; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-profession { line-height: 1; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 0 1 74%; } article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city { display: none; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-title { font-size: xx-large; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-profession { font-size: x-large; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 0 1 73%; } article.node-type-rwbusiness.node-view-mode-full .comment-form { zoom: 0.6; } article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social, article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { padding: 10px 0; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-city .field-item, article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-phone .field-item, article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-email .field-item { font-size: small; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 0 1 70%; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description img { width: 60px; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description { font-size: medium; line-height: 1.5;} article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description h3 { font-size: 1.3rem; line-height: 1.1; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg2 { flex: 1 1 67%; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: 2%; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label { left: 18%; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: -3%; } .view-taxonomy-term-service-page .node-content { margin-bottom: 2rem; font-size: medium; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label { left: 16%; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: -7%; } .view-taxonomy-term-service-page .node-content { overflow: hidden; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first { flex: 0 1 60%; height: 190px; overflow: hidden; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second { flex: 0 1 40%; height: 216px; overflow: visible; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second img { width: 100%; height: 180px; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .block-field-blocknoderwarticlefield-rwarticle-tags { width: 220%; float: left; } .view-footer .view-taxonomy-term > .view-content .comment-login-note { padding: 0; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); grid-auto-rows: 7rem; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { margin: 50px 10px; padding: 16px 15px; zoom: 0.8; height: 12rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 15px; } #block-ruhipro-views-block-rwbusinesspost-business-block-1 { padding: 0; margin: 0; } #block-ruhipro-views-block-rwbusinesspost-business-block-1 article { padding: 0 5px; } #block-ruhipro-views-block-rwbusinesspost-business-block-1 .views-row { width: 49%; } #block-ruhipro-rwbusinessdashboard { padding: 0; } /* page: /info/xxx ****/ article.node-type-rwarticle.node-view-mode-full { margin: 2%; font-size: medium; } article.node-type-rwarticle.node-view-mode-full .node-content details { margin: 40px 0; } article.node-type-rwarticle .field-name-field-rwarticle-tags .field-item { padding: 2px 5px; margin: -2px; } /* page: /info/subjects ****/ .view-tags-page .views-view-responsive-grid__item h2 { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .view-tags-page .views-view-responsive-grid__item { height: 185px; } .view-tags-page .views-view-responsive-grid__item { height: 210px; } .view-tags-page .views-view-responsive-grid__item { height: 195px; } /* page: /info/subject/xxx ****/ .view-taxonomy-term-page-3 .view-header .field-name-field-tag-image { zoom: 0.6; z-index: 200; position: absolute; left: 0%; } /* page: /info/subject/legal ****/ .view-verdicts-block-1 .view-content .node-content { font-size: medium; text-align: right; } .view-verdicts-block-1 .view-content .node-content .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first { flex: 0 1 70%; } #block-ruhipro-views-block-verdicts-block-1 { width: 90%; } #block-ruhipro-views-block-verdicts-block-1 .views_slideshow_slide { margin: 0 5%; width: 90% !important; } /* page: /verdicts ****/ .view-verdicts-page-1 .verdict-section { display: block; } .view-verdicts-page-1 #verdict-sec1-reg2 .block { display: inline-block; vertical-align: top; max-width: 48%; padding: 1%; } /* block: subjects ****/ .view-tags-block .views-view-responsive-grid__item-inner { font-size: medium; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 768px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 738px) { /* page: **** ** ****/ footer .footer-copyright { margin: 0 5rem 0 0; } footer .footer-bottom-container { display: block; } footer .copyright { display: inline-block; width: calc(100% - 60px); } footer .footer-bottom-last {display: inline-block; width: 0;} footer .footer-social {display: inline-block; width: 40px;} } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 720px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 712px) { /* page: ****/ header .site-name-slogan { width: 11rem; } /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { border-radius: 20px; padding: 10px 10px 0px 10px; width: 7rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox h3 { height: 2rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 23px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { margin: 50px 0px; zoom: 0.8; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 { padding: 5px 0px;} article.node-type-rwbusiness.node-view-mode-full .field-label-inline { display: inline; padding: 0 5px; text-align: center; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { border-radius: 20px; padding: 10px 10px 0px 10px; width: 7rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox h3 { height: 2rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 23px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { margin: 50px 0px; zoom: 0.8; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { width: 80%; } #block-ruhipro-views-block-rwbusinesspost-business-block-1 article { margin: 5px; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 661px) { /* page: ****/ header.header { height: 7.5rem; } header .header-top { padding: 0; } header .header-top .header-top-container { display: block; padding: 15px 10px; height: 61px; } header .header-top .header-top-left { display: block; padding: 0; height: auto; } header .header-top .header-top-right { width: 18rem; display: inline-block; top: 0; position: relative; float: left; } header .header-main { top: 0; display: block; } header .site-logo { margin-right: -2rem; } header .site-branding { width: auto; } .main-wrapper .main-container { display: block; } .scrolltop { zoom: 0.9; } #NagishLiTrigger { zoom: 0.7; bottom: 10px !important; right: 15px !important; } .footer { height: 60px; } /* page: /member/xxx (role: rwcontractor) ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-2 { margin: 0 0rem 3rem 0rem; } /* page: /prof OK ****/ /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div .button { height: 5rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 13px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { width: 6rem; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 509px) { /* page: ****/ header .site-branding { width: 18rem; } header .site-name-slogan { width: 10rem; zoom: 0.9; } header .site-logo { margin-right: -20px; } #main > .node-content { padding-right: 30px; } article.node-type-rwbusiness.node-view-mode-full #business-sec2 { padding: 10px; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div input { font-size: smaller; padding: 2px !important; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { width: 90%; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div .button { height: 5rem; } #block-ruhipro-views-block-rwnews-block-1-2 { width: 86%; border-radius: 15px; background-color: deepskyblue; z-index: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTc0LjQ3MDY0IDQ2LjM0NTk0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IndhdmUtZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4KICAgICAgPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6IzAwMDAzZjsiIG9mZnNldD0iMCIgaWQ9ImRlZXAtb2NlYW4iIC8+CiAgICAgIDxzdG9wIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZTZmZmY7IiBvZmZzZXQ9IjEiIGlkPSJzaGFsbG93LW9jZWFuIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggc3R5bGU9ImZpbGw6dXJsKCN3YXZlLWdyYWRpZW50KTtmaWxsLXJ1bGU6ZXZlbm9kZCIgZD0ibSAwLDExLjM4NDQ4IGMgMCwwIDIxLjEzMzg1MSwxMS4zOTUzMSA0My42MTc2NjEsMTEuMzg0NDEgQyA2Ni4xMDE0NzEsMjIuNzU3OTkgMTA3Ljk2ODU2LDAuMDMyNjIgMTMwLjUwOCw3ZS01IGMgMjIuNTM5NDQsLTAuMDMyNSA0My45NjI2NCwxMS4zODQ0MSA0My45NjI2NCwxMS4zODQ0MSBWIDQ2LjM0NTk0IEggMCBaIiAvPgo8L3N2Zz4=); background-repeat: repeat-x; background-size: 300px auto; background-position: bottom; animation: swell 13s ease 1.25s infinite, wave 13s cubic-bezier(0.36, 0.45, 0.63, 0.53) 0.125s infinite; } .scrolltop { zoom: 0.8; } footer .footer-bottom-container { padding: 10px 0; } /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { height: 24rem; padding: 2rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 9px; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full { margin: 0; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 24rem; padding: 2rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-template-columns: repeat(5, 18%); } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 478px) { /* page: **** ** ****/ footer .copyright { display: inline-block; width: 270px; line-height: 1.2; } footer .footer-social { display: inline-block; width: 40px; float: left; margin-left: 10px; } } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 448px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 447px) { /* page: ****/ header.header { height: 115px; } header .header-top .header-top-right { height: auto; width: 15rem; top: 10px; } header .header-main { top: -8px; } header .header-main .header-search-close { zoom: 0.8; left: 92.5%; } header .header-main .search-box.open .form-submit { display: inline-block; text-align: center; } header .header-main .header-search-close { left: 91.5%; } header .header-main .primary-menu-wrapper { height: 100%; display: table; } header .header-main .header-search-close { left: 90%; } header .header-main.sticky-header { padding: 2% 0; margin-top: 0;} header .header-main.sticky-header .header-search-close { right: 1%; } header .header-main .primary-menu-wrapper.active-menu { width: auto; text-align: -webkit-right; padding: 20px 10px 20px 40px; } header .header-main .header-search-close { left: 88%; zoom: 0.7; } header .site-branding { zoom: 0.8; width: 20rem; } header .site-name-slogan { width: 9rem; } header .site-logo { margin-right: 10px; } header .site-name-slogan { width: 10rem; margin: 0; display: inline-block; position: relative; left: -9%;} header .block-system-branding-block { text-align: left; } header .menu-main .menu { color: inherit; gap: 0; } .page-header h1.page-title { font-size: 1.6rem; line-height: 1.2; } article.node-view-mode-teaser .node-content .field-type-entity-reference { zoom: 0.8} .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { width: 100%; } .view-rwbusiness-blocks-block-1 { padding: 50px; } .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { width: 80%; padding: 10px; } .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide img { width: 80%; } .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { width: 100%; } #block-ruhipro-webform { right: 56%; width: 42%; top: 92px; } #block-ruhipro-webform { right: 50%; width: 47%; top: 220px; } #search-block-form .form-search { text-align: right; } #block-ruhipro-webform { right: 44%; width: 52%; top: 200px; } #block-ruhipro-views-block-rwnews-block-1-2 .block-content { top: 0; line-height: 1.2; height: 510; } #block-ruhipro-views-block-rwnews-block-1-2 .block-content h4 { line-height: 1;} #block-ruhipro-sitebranding-2 img { width: 75%; } .view-prof-block-2 .slick-slide { text-align: center; padding: 5px; } .view-prof-block-2 .slick-slide .slide__caption { line-height: 1} .scrolltop { zoom: 0.8; } #NagishLiTrigger { bottom: 15px !important; } /* region: sliding-sidebar ****/ .sliding-sidebar.animated-panel-from-right .sliding-sidebar-container { height: calc(100vh - 70px); } /* page: photoswipe ****/ .pswp .pswp__button--arrow--next { right: 37%; } .pswp .pswp__button--arrow--prev { left: 37%; } /* page: /member/xxx (role: rwcontractor) ****/ #block-ruhipro-paypalpoc { width: 98%; } #block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .views-row { zoom: 0.8; } #block-ruhipro-views-block-rwbusiness-blocks-block-2 .block-content .views-row { width: 10rem; } #block-ruhipro-views-block-rwbusiness-blocks-block-2 { height: 22rem; width: auto; } #block-ruhipro-views-block-rwbusiness-blocks-block-4 { height: 22rem; } #block-ruhipro-views-block-rwbusiness-blocks-block-3 { padding: 4%; margin: 4rem 1rem; border-width: 1rem; } article.profile #account-sec1 { margin: 30px 0px; } article.profile #account-sec2 { display: block; margin: 30px 0; } article.profile #account-sec2 .drow:nth-child(2), article.profile #account-sec2 .drow:nth-child(1) { display: block; } article.profile rwblock { text-align: center; float: none; display: block; } #block-ruhipro-views-block-rwbusiness-blocks-block-2 article.node-type-rwbusiness.node-view-mode-teaser-2 { text-align: center; margin: auto; } /* page: /user/xxx/edit ****/ form.user-form .form-item { width: 95%; } form.user-form .field--name-field-user-role-requested > .form-item .form-item, form.user-form .field--name-field-user-avatar > .form-item .form-item { margin: auto; } /* page: /prof ****/ #main .popup-blocks-global .spb_on_button { bottom: 50px; left: 63%; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 4px; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page > .view-filters { width: 190px; } .view-taxonomy-term-service-page > .view-content.sticky-filter { margin-right: 195px; } .view-taxonomy-term-service-page .field-name-field-prof-image { width: 220px; } .view-taxonomy-term-service-page .field-name-field-prof-image img { text-align: center; margin: auto; display: block; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: -15%; top: 35px; } .view-taxonomy-term-service-page .field-name-field-prof-image { width: 190px; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { top: 58px; left: -4rem; } .view-taxonomy-term-service-page > .view-header { font-size: medium; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first { flex: 0 1 100%; height: 85px; font-size: small; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second { flex: 0 1 100%; height: 145px; overflow: hidden; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second img { width: 70%; height: 100px; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .block-field-blocknoderwarticlefield-rwarticle-tags { width: 100%; zoom: 0.8; height: 65px; text-wrap: auto; } .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second .block-field-blocknoderwarticlefield-rwarticle-tags { width: 250%; zoom: 0.9; } article.node-type-rwarticle .field-name-field-rwarticle-tags { text-align: center; } .view-taxonomy-term-page-3 h2 { font-size: medium; } .view-taxonomy-term-service-page { padding: 5%; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label { left: 9%; z-index: 200; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: -7rem; top: 34px; } .view-taxonomy-term-service-page > .view-header { display: inline-block; text-align: center; margin: 0;} .view-taxonomy-term-service-page .views-exposed-form { padding: 0; margin: 0; } #block-ruhipro-views-block-rwbusiness-exposure-block-3 { width: 90%; margin-top: 50px; } /* page: /prof/service/xxxx ****/ article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images .field-item { padding: 0px; } article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social, article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { padding: 5px 0px; font-size: small; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-logo { padding: 0; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-logo .image-field { max-width: 100% !important; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 {flex: 1 1 25%;} article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg1 { flex: 0 1 35%; padding: 0px 10px; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 { flex: 0 1 65%; } article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social, article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { font-size: large; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(80px, 1fr)); grid-auto-rows: 5rem; } article.node-type-rwbusiness.node-view-mode-full .layout--threecol-section { background-image: url(/sites/default/files/2025/media/image/vaad.02.png); background-position: center; background-repeat: no-repeat; background-size: auto; background-attachment: fixed; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg1 .block-layout-builder { background-image: none !important; } article.node-type-rwbusiness.node-view-mode-full #business-sec1 #business-sec1-reg3 { text-align: center; margin: 20px auto; } article.node-type-rwbusiness.node-view-mode-full #business-sec1 #business-sec1-reg3 .rrssb { padding: 0 !important;} article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-social, article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-website { font-size: large; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg1 { flex: 0 1 30%; padding: 15px 0px; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 { flex: 0 1 70%; padding: 0 6%; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-images { grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); } article.node-type-rwbusiness.node-view-mode-full #business-sec6 { margin: 20px 0; } article.node-type-rwbusiness.node-view-mode-full #business-sec4 { margin: 20px 0; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 9px; } /* page: /info/subjects ****/ .view-tags-page .views-view-responsive-grid__item { height: 215px; } .view-tags-page .views-view-responsive-grid__item img { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .view-tags-page .views-view-responsive-grid__item h2 { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; font-size: 1.2rem !important; line-height: 1.2;} .view-tags-page .field-name-name { line-height: 1; font-size: large; } /* page: /info/subject/xxx ****/ .view-taxonomy-term-page-3 .view-header .field-name-field-tag-image { zoom: 0.5; top: -10rem; } /* tags block ****/ .view-tags-block .views-view-responsive-grid__item-inner { font-size: small; } .view-tags-block { height: 250px; } /* page: /verdicts ****/ .view-verdicts-page-1 #verdict-sec1-reg2 .block:nth-child(1) { opacity: 0.3; max-width: 100%; width: 100%; padding: 0; } .view-verdicts-page-1 #verdict-sec1-reg2 .block:nth-child(1) img { width: 100%; height: 7rem; } .view-verdicts-page-1 #verdict-sec1-reg2 .block:nth-child(2) { left: -4%; max-width: 96%; padding: 0; top: -6rem; } .view-verdicts-page-1 { padding: 20px; margin: 40px; } /* page: /verdict/[case sn] ****/ article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-reporter { margin: 50px 0px; } article.node-view-mode-full { padding: 30px; margin: 40px; } /* page: /drupalvip/faq/page ****/ .faq-content .faq-answer .node-type-faq { margin: 1rem 0 0 0; box-shadow: none; border-style: inset; border-width: thin; } /* form/contact dialog ****/ .ui-dialog.ui-widget.ui-widget-content { width: 30rem !important; margin: 0 8%; } /* article, general node ****/ article.node-view-mode-full { margin: 30px 30px 30px 20px; } /* block suggest business ****/ #main .block-webform-block { right: 14%; } /* dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { margin: auto; max-width: 90%; left: 5% !important; } #drupal-off-canvas-wrapper { left: 0rem !important; } } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 440px) { /* page: ****/ #NagishLiTrigger { bottom: 10px !important; } header .header-main { top: -2px; } /* page: /prof OK ****/ /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxx ****/ #block-ruhipro-views-block-rwbusinesspost-business-block-1 .views-row { width: 100%; text-align: center; margin: auto; display: inline-block; } #block-ruhipro-views-block-rwbusinesspost-business-block-1 { margin: 0 7px 0 0; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-logo .image-field { max-width: 90% !important; } article.node-type-rwbusiness.node-view-mode-full #business-sec2-reg1 > div { zoom: 0.9; width: 30%; } article.node-type-rwbusiness.node-view-mode-full #business-sec2 { display: inline-block; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 438px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 435px) { } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 432px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 430px) { /* page: ****/ h2 { font-size: 1.4rem; line-height: 1.2; margin: 8px; } header .header-top .block-user-links-anonymous { padding: 0 1%; } #main .block-webform-block { right: 14%; } article.node-view-mode-teaser .node-content { margin-top: -3rem; } /* region: sliding-sidebar OK ****/ /* page: /member/xxx (role: rwcontractor) ****/ article.profile #account-sec1-reg2 { padding: 1% 15%; } /** page: /user/xxx/edit OK ****/ /* page: /prof OK ****/ /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .field-name-field-prof-image { width: 150px; margin-bottom: 0 !important; } .view-taxonomy-term-service-page > .view-header h4 { font-size: 1.1rem; line-height: 1.2; } .view-taxonomy-term-service-page > .view-header h5 { font-size: 1rem; } .view-taxonomy-term-service-page > .view-filters { width: 170px; } .view-taxonomy-term-service-page > .view-content.sticky-filter { margin-right: 175px; } .view-taxonomy-term-service-page { padding: 3%; } /* page: /prof/service/xxx OK ****/ /* page: /prof/service/xxx/xxx ****/ article.node-type-rwbusinesspost.node-view-mode-full { padding: 10px; } /* page: /info/subject/xxx OK ****/ /* page: /verdicts ****/ .view-verdicts-page-1 { padding: 10px; margin: 30px; } /** dialog widget OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 428px) { /* page: ****/ header .header-top .block-user-links-anonymous { padding: 0 1%; } /* page: /prof ****/ .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item .field-name-field-prof-image { width: 84%; padding: 0px 0 17px 0px; } .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item h2 { border-top-left-radius: 28px; border-top-right-radius: 28px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 3px; } /* page: /prof/services/xx OK ****/ /* page: /prof/service/xxx ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 6px; } /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 425px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 414px) { /** page: ****/ header .site-name-slogan { position: relative; left: 0%; } header .header-top .block-user-links-anonymous { padding: 0; } header .sticky-header .header-container { zoom: 0.9; } header .site-logo { margin-right: -15px; } header .site-branding { width: 17rem; } header .header-main { top: -6px; } .main-wrapper { margin-bottom: 65px; } .main-wrapper .main-container { padding: 1rem 0; } #main > .node-content { padding-right: 7%; } #main .block-webform-block { right: 10%; } #main > .node-content { padding-right: 6%; } article.node-view-mode-teaser { height: 13rem; } .view-rwbusiness-blocks-block-1 { padding: 30px; } .view-prof-block-2 .slick-initialized .slick-slide { display: block; margin: 1px 4px; box-shadow: 0 0 5px skyblue; border-radius: 20px; height: 160px; padding: 10px 5px; text-align: center; font-size: large; line-height: 1.2; } .view-prof-block-2 .slick-initialized .slick-slide .slide__media { display: none; } #block-ruhipro-sitebranding-2 { margin: 3rem auto; } /* page: /member/xxx (role: rwcontractor) ****/ article.profile .field-label-inline { grid-template-columns: 70px auto; } /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 3px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { padding: 1rem; height: 22.5rem; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .node-content { margin-bottom: 1rem; } /** page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full .rrssb.no-label .rrssb-icon { padding: 5px; margin: auto; text-align: center; vertical-align: middle; } article.node-type-rwbusiness.node-view-mode-full .rrssb.no-label li { width: 50px !important;} article.node-type-rwbusiness.node-view-mode-full #business-sec1 #business-sec1-reg3 { margin: 20px 20%; } article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city { grid-template-columns: auto auto; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-title { font-size: x-large; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-profession { font-size: large; } article.node-type-rwbusiness.node-view-mode-full #business-sec6, article.node-type-rwbusiness.node-view-mode-full #business-sec4, article.node-type-rwbusiness.node-view-mode-full #business-sec3, article.node-type-rwbusiness.node-view-mode-full #business-sec2 { padding: 10px; } article.node-type-rwbusiness.node-view-mode-full .block-field-blocknoderwbusinessfield-rwbusiness-city { margin: 0; } article.node-type-rwbusiness.node-view-mode-full #business-sec6, article.node-type-rwbusiness.node-view-mode-full #business-sec4, article.node-type-rwbusiness.node-view-mode-full #business-sec3, article.node-type-rwbusiness.node-view-mode-full #business-sec2 { margin: 20px 0; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { top: 5px; } /* page: /info/subject/xxx OK ****/ /* dialog widget OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 412px) { /* page: ****/ header .header-main { top: -9px; } header .site-name-slogan { width: 11rem; padding: 0; } header .site-name-slogan .site-name { font-weight: bold; } header .header-main .header-search-close { left: 88.5%; zoom: 0.6; } header .site-logo { margin-right: -30px; } #block-ruhipro-views-block-rwnews-block-1-2 { width: 90%; margin: 5vh auto; } #block-ruhipro-sitebranding-2 img { width: 90%; } #block-ruhipro-webform { right: 40%; width: 56%; } .menu-item.button { zoom: 0.9; } .view-tags-block-1 .views-field.views-field-name { font-size: small; } .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { padding: 10px; width: 100%; } #block-ruhipro-content { margin-bottom: 3rem; } /* region: sliding-sidebar OK ****/ /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-template-columns: repeat(3, 32%); grid-gap: 14px 10px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { padding: 3rem; height: 38rem; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page > .view-header { line-height: 1.3; } .view-taxonomy-term-service-page > .view-filters { vertical-align: top; margin: 0; width: 160px;} .view-taxonomy-term-service-page .view-footer { margin-top: 6vh; } .view-taxonomy-term-service-page .view-footer .view-header { left: 0; margin: 0; margin-bottom: 3vh; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__label { left: 0; margin: 0; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item { margin-top: 0 ; } .view-taxonomy-term-service-page .view-footer .field--name-field-profession-view .field__item__label { left: 0; top: 0; margin-top: 5vh; } .view-taxonomy-term-service-page .view-footer .field-name-field-faq-tags { height: 6vh; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city .field-item { border-radius: 10px; } article.node-type-rwbusiness.node-view-mode-full { padding: 3%; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 { zoom: 0.8; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg1 { padding: 10px 0px; } /* page: /info/xxx ****/ article.node-type-rwarticle.node-view-mode-full { padding: 10px; } article.node-type-rwarticle.node-view-mode-full .view-taxonomy-term-service-page > .view-filters { width: 140px; } article.node-type-rwarticle.node-view-mode-full .view-taxonomy-term-service-page > .view-content { width: calc(98% - 140px); } article.node-type-rwarticle.node-view-mode-full .node-content details { margin: 30px 0; padding: 1%; } article.node-type-rwarticle.node-view-mode-full .view-taxonomy-term-service-page > .view-content.sticky-filter { margin-right: 145px; } article.node-type-rwarticle.node-view-mode-full .field--type-viewfield .field__item__label { font-size: x-large; } /* page: /info/subjects OK ****/ .view-tags-page .views-view-responsive-grid__item { height: 195px; } /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal ****/ #block-ruhipro-views-block-verdicts-block-1 .views_slideshow_slide { margin: 0; width: 100% !important; } /* page: /drupalvip/faq/page ****/ .faq-content .faq-question-answer { font-size: medium; } /* page: /verdicts ****/ .view-verdicts-page-1 { margin: 0px; } /* dialog ****/ .ui-dialog.ui-widget.ui-widget-content { left: 1.5rem !important; } /* suggest page ****/ #webform-submission-suggest-professional-form-ajax { padding: 2% 7% 2% 7%; } #webform-submission-suggest-professional-form-ajax form { padding: 4%; } /* form feedback ****/ #webform-submission-feedback-add-form { background-position-y: bottom; background-size: 51%; } #webform-submission-feedback-add-form > fieldset, #webform-submission-feedback-add-form > div { max-width: 54% !important; } /* article, general node ****/ article.node-view-mode-full { margin: 30px 0px 30px 10px; } } /* RW Screen View **** TOP60 **** ****/ @media (max-width: 408px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 407px) { /** frontpage ****/ #main > .node-content { padding-right: 8%; } /* page: /member/xxx (role: rwcontractor) ****/ #block-ruhipro-views-block-rwbusiness-blocks-block-2 { height: auto; width: 100%; } #block-ruhipro-views-block-rwbusiness-blocks-block-4 { height: auto; width: 100%; } #block-ruhipro-views-block-rwbusiness-blocks-block-3 { margin: 4rem 0rem; width: 100%; } /* page: /prof OK ****/ /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxx OK ****/ } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 402px) { /* page: ****/ #main > .node-content { padding-right: 8%; } footer .copyright { width: 260px; } /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 6px; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxx OK ****/ /* page: /prof/service/699971355 (+recommend +comment) OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 400px) { /* page: OK ****/ /* page: /member/xxx (role: rwcontractor) ****/ article.profile #account-sec2 { padding: 10px; } article.profile .field-label-inline { grid-template-columns: 60px auto; } /* page: /prof OK ****/ /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx ****/ #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 3px; } /* page: /prof/service/699971355 (+recommend +comment) OK ****/ /* page: /info/subject/xxx OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 393px) { /* page: ****/ header .header-top .block-user-links-anonymous { padding: 0 2%; } header .header-main .header-right { zoom: 0.9; } header .header-main .header-search-close { left: 89.5%; } #main > .content-bottom { padding-right: 6%; } #main > .node-content { padding-right: 6%; } #block-ruhipro-views-block-rwbusiness-blocks-block-1 { margin-bottom: 3rem; } #block-ruhipro-views-block-rwnews-block-1-2 { width: 90%; margin: 5rem auto; } .view-rwbusiness-blocks-block-1 { padding: 20px; } footer .copyright { width: 250px; } /* sliding-sidebar ****/ .sliding-sidebar.animated-panel-from-right .sliding-sidebar-container { width: 11rem; } /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item img { border-radius: 29px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 2px; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .view-footer .field-name-field-faq-tags { zoom: 0.7; } /* page: /prof/service/xxx OK ****/ /* page: /prof/service/699971355 (+recommend +comment) OK ****/ /* page: /info/subject/xxx ****/ .view-taxonomy-term-page-3 .view-header .field-name-field-tag-image { zoom: 0.4; left: -4%; } /* page: /info/subject/legal ****/ #block-ruhipro-views-block-verdicts-block-1 { padding: 10px; margin: 2rem auto 4rem; } /* page: /verdicts ****/ .view-verdicts-page-1 #verdict-sec1-reg2 .block:nth-child(2) { top: -7rem; } /* dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { left: 1.5rem !important; width: 22rem !important; } } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 390px) { /* page: ****/ header .block-system-branding-block { zoom: 0.9; } header .site-name-slogan { left: -8%; width: 10rem; } header .site-branding { width: 19rem; } header .header-top .header-top-right { height: 55px; } header .site-logo { margin-right: 5px; } #block-ruhipro-sitebranding-2 { padding: 0; } #block-ruhipro-sitebranding-2 .site-branding { padding: 0; } #block-ruhipro-sitebranding-2 img { width: 80%; } #tns1-ow .slider-layer .item4 .slider-text img { zoom: 0.9; } .view-rwnews .views_slideshow_cycle_teaser_section { max-width: 370px; } /* sliding-sidebar OK ****/ /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /prof ****/ .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item h2 { font-size: medium; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx OK ****/ /* page: /prof/service/699971355 (+recommend +comment) OK ****/ /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ /* form feedback ****/ #webform-submission-feedback-add-form .form-type-processed-text, #webform-submission-feedback-add-form .form-type-textarea, #webform-submission-feedback-add-form > fieldset { max-width: 100% !important; width: 100% !important; } #webform-submission-feedback-add-form { background-size: 46%; } } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 389px) { header .header-top .block-user-links-anonymous { padding: 0 1%; } /** dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { width: 21rem !important; } /** page: /prof/services/xxx OK ****/ /** page: /prof/service/xxx OK ****/ /** page: /prof OK ****/ /** page: /member/xxx (role: rwcontractor) OK ****/ } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 388px) { } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 387px) { /** page: /prof OK ****/ /** page: /member/xxx (role: rwcontractor) OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 385px) { /* page: ****/ header .site-logo { float: left; } header .site-name-slogan { top: 7px; zoom: 1; left: -6%; } header .header-top .header-top-right { top: 10px; position: relative; } header.header { height: 105px; } #block-ruhipro-webform { right: 36%; width: 61%; top: 210px; } footer .footer-copyright { margin: 0 4rem 0 0; } /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 20px 10px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { padding: 1rem; height: 35rem; } #main .block-webform-block { right: 6%; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx OK ****/ /* page: /prof/service/699971355 (+recommend +comment) OK ****/ /* page: /info/subjects ****/ .view-tags-page .views-view-responsive-grid__item { height: 220px; } /* page: /info/subject/xxx OK ****/ /* page: /drupalvip/faq/page OK ****/ /* page: /drupalvip/faq/page/xxx ****/ .faq-content { margin-right: 1rem; } /* dialog OK ****/ /* canvas ****/ #drupal-off-canvas-wrapper { left: 0% !important; } } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 384px) { /* page: ****/ header .site-name-slogan { top: 10px; } /* region: sliding-sidebar OK ****/ /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /user/xxx/edit OK ****/ /* page: /prof OK ****/ /* page: /prof/services/xxx ****/ .view-taxonomy-term-page-3 .views-row .node-view-mode-teaser .node-content .field-name-field-faq-tags { height: 7vh; margin-top: -1vh; max-height: none; } /* page: /prof/service/xxx OK ****/ /* page: /prof/service/699971355 (+recommend +comment) ****/ article.node-type-rwbusiness.node-view-mode-full .photoswipe-gallery.field-name-field-rwbusiness-recommend.field-items { right: -7px; } /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP40 **** ****/ @media (max-width: 376px) { /* page: ****/ header .header-main.sticky-header .header-right { padding: 0; } #tns1-ow .slider-layer .item4 .slider-text img { zoom: 0.8; } /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /prof ****/ #main .block-webform-block { right: 8%; } #main .popup-blocks-global .spb_on_button { left: 30%; zoom: 0.8; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx OK ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec1 #business-sec1-reg2 { zoom: 0.8; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description img { width: 50px; } /* page: /prof/service/699971355 (+recommend +comment) ****/ article.node-type-rwbusiness.node-view-mode-full .photoswipe-gallery.field-name-field-rwbusiness-recommend.field-items { right: -10px; } /* page: /user/xxx/edit OK ****/ /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /info/subject/legal OK ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 375px) { /* page: ****/ p { line-height: 1.3; } header .header-main .header-search-close { left: 90.5%; } header .site-name-slogan { top: 8px; } /* sliding-sidebar OK ****/ /* page: /member/xxx (role: rwcontractor) OK ****/ /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ .view-profs-page .views-view-responsive-grid.views-view-responsive-grid--horizontal .views-view-responsive-grid__item .field-name-field-prof-image { width: 84%; padding: 0px 0 17px 0px; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx ****/ article.node-type-rwbusiness.node-view-mode-full h2 { font-size: 1.2rem; } .view-taxonomy-term-page-3 .views-row .node-view-mode-teaser .node-content .field-name-field-rwarticle-tags { height: 5.5vh; } /* page: /prof/service/699971355 (+recommend +comment) OK ****/ /* page: /info/subject/xxx OK ****/ /* page: /info/subject/legal OK ****/ /* article, general node page ****/ article.node-view-mode-full { margin: 20px 0px 30px 0px; padding: 20px 15px; } article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-reporter { padding: 20px 10px; } article.node-type-rwverdict.node-view-mode-full .field-name-field-rwverdict-reporter { font-size: small; } /* block content-bottom ****/ #main > .content-bottom .collapsiblockTitle button h2 { font-size: 1.2rem; } /* dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { width: 20rem !important; } } /* RW Screen View **** MYCELL **** ****/ @media (max-width: 370px) { /* page: ****/ header .header-top .header-top-container { padding: 15px 0px; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 369px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 362px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 360px) { /* page: ****/ header .header-top .block-user-links-anonymous { padding: 0; } header .header-top .container { padding: 0; } #main > .node-content { padding-right: 9%; } .view-rwbusiness-blocks-block-1 .view-content .field-name-field-rwbusiness-profession > .field-item { zoom: 0.3; } .view-rwbusiness-blocks-block-1 .view-content .views_slideshow_slide .views-row { max-height: 100%; } .view-rwnews-block-1 .more-link { margin: 10px auto; } #block-ruhipro-breadcrumbs .breadcrumb-items { padding: 0; gap: 5px; width: 76%; } #block-ruhipro-breadcrumbs .breadcrumb-item { margin: 0px; } footer .copyright { width: 220px; } /* region: sliding-sidebar OK ****/ /* page: photoswipe ****/ .pswp .pswp__button--arrow--next { right: 35%; } .pswp .pswp__button--arrow--prev { left: 35%; } /* page: /member/xxx (role: rwcontractor) ****/ article.profile #account-sec2 { padding: 5px; } article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-logo img { width: 90%; } /* page: /user/xxx/edit ****/ form.user-form .field--name-field-user-mobile, form.user-form .field--name-field-user-last-name, form.user-form .field--name-field-user-first-name { width: 94%; } /* page: /prof ****/ #main .block-webform-block { right: 3%; } #spb-block-ruhipro-exposedformprofspage-2 { font-size: medium; zoom: 0.8; top: 87vh; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx ****/ article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-logo { width: 94%; } article.node-type-rwbusiness.node-view-mode-teaser-2 .field-name-field-rwbusiness-city { grid-template-columns: 100%; } /* page: /prof/service/699971355 (+recommend +comment) ****/ article.node-type-rwbusiness.node-view-mode-full .photoswipe-gallery.field-name-field-rwbusiness-recommend.field-items { width: 285px !important; } /* page: /info/subject/xxx ****/ .view-taxonomy-term-page-3 .view-header .field-name-field-tag-image { left: -6%; } /* page: /info/subject/legal OK ****/ /* dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { width: 19.5rem !important; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 358px) { } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 345px) { /** front page ****/ header .header-top .header-top-right { padding: 0; zoom: 0.8; } header .header-top .header-top-left { zoom: 0.8; } header .header-main.sticky-header .header-right { right: 15px; } header .block-system-branding-block { zoom: 0.8; } #tns1-ow .slider-layer .item4 .slider-text img { zoom: 0.7; } #block-ruhipro-sitebranding-2 { width: 85%; } /* dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { width: 18.5rem !important; } /* page: /prof/service/xxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec1 #business-sec1-reg2 { zoom: 0.7; } /* page: /prof ****/ #main .block-webform-block { right: 5%; width: 90%; } #spb-block-ruhipro-exposedformprofspage-1 .block-ruhipro-exposedformprofspage-1-modal .spb-popup-main-wrapper { margin-left: 0 !important; } /* page: /member/xxx (role: rwcontractor) OK ****/ article.profile #account-sec2 .drow:nth-child(2), article.profile #account-sec2 .drow:nth-child(1) { zoom: 0.9; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .field-name-field-prof-image { width: 125px; } .view-taxonomy-term-service-page > .view-header { font-size: small; } .view-taxonomy-term-service-page > .view-content.sticky-filter { margin-right: 141px; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 340px) { } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 339px) { /* page: ****/ header .header-top .container { padding: 0 10px; } header .header-main .header-search-close { left: 85%; } header.header { height: 90px; } header .header-main { top: -18px; } /* page: /member/xxx (role: rwcontractor) ****/ article.profile #account-sec1-reg2 { padding: 1% 7%; } #block-ruhipro-views-block-rwbusiness-blocks-block-3 .block-content .views-row { max-width: 90%; } /* page: /user/xxx/edit OK ****/ /* page: /prof ****/ #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .counterbox { width: 6rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard { padding: 1rem; height: 33rem; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 7px; } /* page: /prof/services/xxx OK ****/ /* page: /prof/service/xxxx ****/ article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description { font-size: small; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description h3 { font-size: large; } article.node-type-rwbusiness.node-view-mode-full #business-sec1-reg2 #business-profession { margin: 10px; } article.node-type-rwbusiness.node-view-mode-full #business-sec2 { margin: 0; padding: 5px; border-radius: 25px; } article.node-type-rwbusiness.node-view-mode-full { padding: 5px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard { height: 19rem; padding: 0rem; } /* page: /prof/service/699971355 (+recommend +comment) ****/ article.node-type-rwbusiness.node-view-mode-full .photoswipe-gallery.field-name-field-rwbusiness-recommend.field-items { width: 265px !important; } article.node-type-rwbusiness.node-view-mode-full .comment-form { margin: 50px 2%; } .webform-submission-feedback-form { font-size: small; } /* page: /info/subject/xxx OK ****/ /** dialog widget ****/ .ui-dialog.ui-widget.ui-widget-content { width: 18.5rem !important; } /* dialog: /form/feedback ****/ } /* RW Screen View **** TOP20 **** ****/ @media (max-width: 320px) { /* page: ****/ header .header-main .header-search-close { left: 84%; } header .header-main.sticky-header .header-right { padding: 0; } header .header-main .header-search-close { left: 90.5%; } header .header-main .header-right { zoom: 0.8; } header .site-branding { width: 20rem; } header.header { height: 90px;} header .header-top .container { padding: 0; } header .header-top .header-top-container { padding: 14px 5px; height: 50px; } header .header-main { top: -7px; } #main .collapsiblockContent { padding: 1% 2%; } #main > .content-bottom .collapsiblockTitle button h2 { font-size: 1.1rem; } #main h1.page-title { font-size: 1.6rem; line-height: 1.2; } #tns1-ow .slider-layer .item4 .slider-text img { zoom: 0.6; } #tns1-ow .slider-layer .item4 .slider-text img { zoom: 0.5; } #block-ruhipro-webform { right: 8%; width: 82%; } #NagishLiTrigger { zoom: 0.7; } #block-ruhipro-views-block-rwnews-block-1-2 { height: 22rem; width: 98%; } #block-ruhipro-sitebranding-2 img { width: 95%; } .view-taxonomy-term .field-name-field-tag-image { width: 90px;} footer .footer-copyright { margin: 0 3.7rem 0 0; } footer .copyright { width: 180px; font-size: small; } footer .footer-bottom-container { padding: 15px 0; } /* region: sliding-sidebar OK ****/ /* page: photoswipe ****/ .pswp .pswp__button--arrow--next { right: 32%; } /* page: /member/xxx (role: rwcontractor) ****/ article.profile #account-sec2 .drow:nth-child(2), article.profile #account-sec2 .drow:nth-child(1) { zoom: 0.8; } /* page: /user/xxx/edit ****/ form.user-form .form-item { width: 92%; } form.user-form .form-item.form-item-pass { width: 93%; } /* page: /prof ****/ #spb-block-ruhipro-exposedformprofspage-1 .block-ruhipro-exposedformprofspage-1-modal .spb-popup-main-wrapper { margin-left: -45% !important; width: 290px !important; } #block-ruhipro-exposedformprofspage-1 .block-content { width: -webkit-fill-available; } .view-profs-page .view-filters { width: 100%; } #block-ruhipro-rwbusinessdashboardmain { padding: 0 5px 0 0; margin-bottom: 100px; } #block-ruhipro-rwbusinessdashboardmain #rwbusiness-dashboard .container { grid-gap: 5px 6px; } /* page: /prof/services/xxx ****/ .view-taxonomy-term-service-page .field-name-field-prof-image { width: 100px; } /* page: /prof/service/xxxx ****/ article.node-type-rwbusiness.node-view-mode-full #business-sec1 #business-sec1-reg3 { margin: 10px 16%; } article.node-type-rwbusiness.node-view-mode-full .rrssb.no-label li { width: 33px !important; } article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-aboutus { font-size: small;} article.node-type-rwbusiness.node-view-mode-full .field-name-field-rwbusiness-description img { width: 40px; } #block-ruhipro-views-block-rwbusinesspost-business-block-1 article { margin: 0px; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .counterbox { width: 6rem; } #block-ruhipro-rwbusinessdashboard #rwbusiness-dashboard .container { grid-gap: 1px; } /* page: /prof/service/699971355 (+recommend +comment) ****/ article.node-type-rwbusiness.node-view-mode-full .photoswipe-gallery.field-name-field-rwbusiness-recommend.field-items { width: 250px !important; } article.node-type-rwbusiness.node-view-mode-full .comment-form { margin: 50px 0; } /* page: /info/subjects ****/ .view-tags-page .views-view-responsive-grid__item img { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } /* page: /info/subject/xxx ****/ .view-taxonomy-term-page-3 .view-header .field-name-field-tag-image { width: 200px; } /* page: /info/subject/legal OK ****/ /* page: /drupalvip/faq/page/xxx ****/ .faq-content .faq-answer .node-type-faq { padding: 0 1rem; padding-bottom: 1rem; } .faq-content .faq-answer .node-type-faq .field-name-field-faq-tags { margin: 5px; font-size: small; } /* updates page ****/ article.node-view-mode-full { padding: 1rem; } /* dialog ****/ .ui-dialog.ui-widget.ui-widget-content { left: 1rem !important; width: 18rem !important; } } /* RW Screen View **** TOP80 **** ****/ @media (max-width: 162px) { }