@media only screen and (max-width:1199px){
.homePageTimeline{background-size:63vw}
.babyDiagram{margin-bottom:9vW}
}
@media only screen and (max-width:1199px){
.Timeline .ctn{margin:0 50px}
.container{max-width:100%!important}
.TasksLists>ul>li p{font-size:14px}
.popupBox{width:650px}
.popupBox.popupLogin{padding:70px 70px}
}
@media only screen and (max-width:900px){
a.btnBandBack{display:none}
.brandLogo a.brandLink{left:16px;z-index:10002}
.brandLogo a.brandLink img{max-width:55px}
.brandLogo{width:55px}
header nav ul{width:calc(100% - 55px)}
.hpBoxes{display:block}
}
@media only screen and (max-width:982px){
.pageErrorBox{width:100%;padding-left:0}
section.pageError picture{display:none!important}
.letters .breadcrumbsList,.letters .filterList{width:50%;margin-bottom:0;vertical-align:middle;display:inline-block}
section.letters .sectionTitle{margin-bottom:30px}
section.knowlege article picture{width:278px;height:278px}
.articleContentShort{width:calc(100% - 278px)}
.articleContentShort::after{display:none}
.linkEmail,.linkFax,.linkPhone,.linkSite{background-size:16px}
.footerCol a,.footerCol p{font-size:12px;text-align:left}
.footerCol{min-width:230px}
.container{overflow:hidden}
footer{text-align:center}
.homePageCalendar picture{margin-left:0;margin-top:30px;min-width:100%;width:100%;overflow:hidden}
section.homePageCalendar img{margin:auto}
.grayBoxColumnFloat{width:100%}
.profilSidebar{width:230px}
.profilSidebarContent{width:calc(100% - 230px)}
}
@media only screen and (max-width:768px){
section.homePageTimeline{background:unset}
.diaryTimeline .diaryTimelineItem:not(.Babe) .diaryTimelineItem_icon{display:none}
.diaryTimeline{padding-left:109px;margin-left:0}
.diaryTimelineItem.Babe{padding-left:87px}
.diaryTimelineItem.Babe .diaryTimelineItem_icon{margin-top:10px}
.diaryTimelineItem.Babe .diaryTimelineItem_content{position:relative;top:23px}
.diaryTimelineItem.Photo .diaryTimelineItem_content picture,.diaryTimelineItem.Video .diaryTimelineItem_content picture{width:200px;height:150px}
ul.diaryFormTab li{font-size:11px;margin:0 10px}
.btnSetDatetime{margin-bottom:20px}
ul.breadcrumbsList{display:block;width:100%;margin-bottom:9px}
ul.filterList{width:100%;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}
.babyDiagramNameCenter{width:41vw;height:41vw;border:10px solid #e9bad1;font-size:7vw;padding-top:4vw;margin:14px 0}
.babyDiagramNameCenter span{font-size:27vw;line-height:19vw}
.babyDiagramNameInfo.left,.babyDiagramNameInfo.right{right:auto;left:auto}
.babyDiagramNameInfo .vCenter{position:static;left:0;top:0;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}
.babyDiagramNameInfo{display:block;min-height:auto;font-size:16px;line-height:18px;font-weight:400;width:37vw;margin:auto;padding:8px;max-width:120px}
body.homepage header{min-height:660px;background:url(../source/header2.jpg) center left -620px no-repeat;background-size:cover}
body.homepage.logged header.homepage.headerBaby{background:url(../source/header.jpg) center left -410px no-repeat;background-size:cover}
body.homepage header>.ctn{padding-top:130px}
.homePageTimeline .ctn{background:url(../source/timelineM.png) center bottom no-repeat;padding-bottom:420px;background-size:410px;text-align:center}
.projectNumber{position:initial;padding-bottom:15px}
.callendarBtn{bottom:15px}
}
@media only screen and (max-width:710px){
.otherArticlesItemArticle{width:90px;margin-bottom:20px}
.itemArticleTitle{font-size:10px}
.articleContentShort{width:calc(100% - 178px);padding-left:30px}
section.knowlege article picture{width:178px;height:178px}
.diaryFormTabCtn{text-align:center}
.dropdownContent.dropdownCallendar{transform:translate(-50%,0);left:50%}
.diaryEditTitle{display:none}
.familyBox>.ctn>*{width:100%;padding:0}
.familyBox_txt{margin-bottom:30px}
.familyBox_people ul{flex-direction:column;align-content:center;margin-top:20px}
.familyBox_people li{margin:10px 0}
.familyBox .familyBox_people img.addIcon{width:100px;height:100px;margin-left:8px}
.familyBox .familyBox_people img:not(.addIcon){width:100px;height:100px}
}
@media only screen and (min-width:651px){
.showInMobile{display:none!important}
.taskTitleBack{background:0 0;padding:0}
.taskTitleBack span{display:none}
button.dropdownMore{background:url(../source/more.svg) center right no-repeat;width:24px;height:24px;position:absolute;left:0;top:0}
button.dropdownMore:hover ul{left:0;top:24px}
li.editTask>:not(.editformTask){display:none}
li.editTask .TasksPageAdd{background:0 0;position:static;-webkit-box-shadow:unset;padding:0;margin:0}
li.editTask .TasksPageAdd .TasksPageAddElement textarea{background:0 0}
li.editTask .TasksPageAdd .TasksPageAddElement{margin:0;border:0}
.callendarFullContentTasks{display:none}
.callendarFull tr td:hover .addOnHover{display:block}
.TasksLists li:not(.editTask):hover .taskUIBtn{display:flex;justify-content:flex-end;position:absolute;right:0;top:0}
}
@media only screen and (max-width:650px){
.TasksLists li:not(.editTask).activeEditable .taskUIBtn{display:flex;justify-content:flex-end;position:absolute;right:0;top:0}
.callendarFullContent .TasksPageAdd{display:block}
button#task_form_send{display:inline-block!important}
a.goToTasks{display:inline-block}
body.taskLists button.dropdownMore{display:none}
.callendarFull td ul{display:none}
table.callendarFull th{font-size:14px;font-weight:600;line-height:35px}
.hasTasks::after{content:"";position:absolute;left:50%;bottom:3px;width:8px;height:8px;background:#ee82b6;border-radius:50%;margin-left:-4px}
.callendarFullDay.active span.callendarFullDay--dayNumber{width:30px;padding:4px 0;margin:7px 0}
.callendarFullContentMonthNav.showInMobile ul{list-style:none;padding:0;margin:0;display:flex;justify-content:space-around}
.callendarFullDay{min-height:auto}
.callendarFullNaviMonth{display:none}
.callendarFullContentFooter,.callendarFullTitle{text-align:left}
.callendarFullNavi{left:auto;right:0}
table.callendarFull td{border-left:0;border-right:0}
.callendarFullDay--dayNumber{font-size:14px;width:32px;padding:11px 0;top:0}
.callendarFullDay.callendarFullDayWeekend{background:#fff}
.callendarFullContentFooter span{font-size:8px}
.callendarFullContentFooter img{margin-right:6px;max-width:72px}
.callendarTasksNav{display:none}
.popupBox.popupCallendar{padding-top:60px}
.popupBox.popupCallendar .sectionTitle{margin-bottom:40px}
.taskUIBtn>*{width:50%;height:20px;margin-left:0;border:1px solid #2c2c2c}
.TasksLists li .taskUIBtn{right:0;left:0;z-index:10}
.taskUIBtn>a>span{display:block!important}
.taskUIBtn .taskUIBtnDelete,.taskUIBtn .taskUIBtnEdit{background:url(../source/deleteWhite.svg) center left 6px no-repeat #fff;background-size:40px;background-color:var(--ThemeThree);color:#fff;padding-left:10vw;height:auto;border:0;display:flex;align-items:center}
.taskUIBtn .taskUIBtnEdit{background:url(../source/editWhite.svg) center right 6px no-repeat #fff;background-size:40px;background-color:var(--ThemeFive);padding-right:10vw;padding-left:0}
.profilSidebarTitle{padding:10px 25px;font-size:20px;color:#2c2c2c;background:#f7f8fc;border-radius:8px;box-shadow:0 2px 5px 0 rgb(0 0 0 / 15%);-webkit-box-shadow:0 2px 5px 0 rgb(0 0 0 / 15%);-moz-box-shadow:0 2px 5px 0 rgb(0 0 0 / 15%);-o-box-shadow:0 2px 5px 0 rgb(0 0 0 / 15%)}
.profilSidebarTitle.active{background:#a6d8d8;font-weight:600}
.dropdownContent{right:auto;bottom:auto!important;top:0}
.letters .dropdownContent{right:0}
.profilSidebar{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;margin-top:20px}
body:not(.taskLists) .TasksPage>:not(.TasksPageAdd){display:none}
.TasksPageAdd.active{position:fixed;top:0;left:0;padding:34px;padding-top:100px;z-index:1;background:#fff;text-align:center;width:100%}
.TasksPageAddElement{position:static;border-radius:8px;border:0;padding-bottom:0;margin:0}
ul.TasksPageAddTags{position:static;margin:0;display:block;text-align:left;padding-lefT:0;margin-top:30px}
.callendarTasks{margin-bottom:5px}
.TasksPageAddElement .dropdownCallendar{position:absolute;top:90px;bottom:auto;left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);z-index:11}
.TasksPageAddElement textarea{border:1px solid #8d8888;border-radius:0;margin:60px 0;margin-top:10px;min-height:310px}
.TasksPageAdd.active button.btnNav.btnTasksAdd:hover{color:#fff;background:var(--ThemeOne);border:1px solid}
body.taskLists .TasksSidebar>ul{display:none}
.TasksPageAdd:not(.active) button,.goToTasks{font-size:0;width:56px;height:56px;border-radius:50%;min-width:56px;background:url(../source/plusWhite.svg) center no-repeat var(--ThemeFive);border:1px solid var(--ThemeFive)}
.TasksBox{display:block;background:#fff;height:100%}
.TasksSidebar{width:100%;padding-top:9px}
.TasksSidebarNav{display:flex;justify-content:space-between}
ul.listPriority,ul.listRelatives,ul.listTags{padding:0 4px;top:0}
.TasksSidebar>ul>li>a{padding:9px 0;padding-left:25px;background-color:transparent!important;position:relative;z-index:1;color:#2c2c2c}
.TasksSidebar>ul>li{margin:2px 0;position:relative;border:0}
button.TasksSidebarAddInp{top:6px;z-index:4}
.TasksSidebar>ul>li::before{content:"";width:calc(100% + (30px*2));height:42px;background:#e9bad1;position:absolute;z-index:0;left:-30px;top:0}
.popupBox.popupTasks{max-height:100%;padding-top:76px}
.TasksSidebar>ul>li>ul>li>a{padding:10px 0;position:relative}
.TasksPageTitle{margin-top:0}
.TasksSidebar>ul>li>ul>li>a::before{width:calc(100% + (34px*2));height:1px;content:"";position:absolute;left:-34px;bottom:0;background:#e9bad1}
.TasksSidebarNav a,body:not(.taskLists) .TasksSidebarNav a.active{color:#8d8888;font-weight:400}
.TasksSidebarNav{margin-bottom:8px;margin-top:20px}
.TasksSidebar>ul>li>ul>li:last-child>a::before{display:none}
.TasksPage{width:100%;padding:18px;padding-top:0}
.TasksLists>ul>li p{font-size:14px;line-height:19px}
.popupBox.addFamilyMember{max-width:100%;padding-top:80px}
.TasksPageAdd{width:auto;position:fixed;right:20px;background:0 0;box-shadow:0 -20px 10px transparent;-webkit-box-shadow:0 -20px 10px transparent;-moz-box-shadow:0 -20px 10px transparent;-o-box-shadow:0 -20px 10px transparent;text-align:right}
.lettersOrange .lettersBoxItem div a{background:url(../source/kopertaA3.png) center bottom 16px no-repeat;background-size:128px}
.lettersBoxItem{display:flex;font-size:0;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:flex-start}
.lettersOrange .lettersBoxItem div.open a{background:url(../source/kopertaA1.png) center bottom 16px no-repeat;background-size:116px}
.lettersOrange .lettersContent{background:#fff6fe;padding:11px;margin-top:20px;line-height:28px}
.lettersBoxItem div a{width:98px;font-size:16px}
.letters:not(.lettersOrange) .lettersBoxItem div:not(.current) a{background:url(../source/kopertaB3.png) center bottom 16px no-repeat;background-size:116px}
.letters .lettersBoxItem div.current a{background-size:116px;background-position-y:18px}
.sectionTitle{font-size:36px;line-height:45px}
.pageArticleDate,ul.filterList>li>a,ul.filterList>li>div{font-size:10px}
.pageDesc{font-size:14px}
.popupBox{padding-bottom:150px}
.staticPageContent{font-size:14px}
.profilSidebarContent .grayBoxColumn{padding:17px}
.grayBoxColumn .radioTabs .checkBox{display:inline-block;margin-right:17px;min-width:revert;padding-left:30px}
.grayBoxColumn .checkBox p{font-size:12px}
.pageArticleTitle{font-size:24px}
.pageArticleContent p{font-size:14px;line-height:27px}
section.article .articleNav{text-align:center}
.profilSidebarContent{width:100%}
.profilSidebar ul{display:none}
.hideInMobile{display:none!important}
ul.diaryFormTab li::before{display:none}
ul.diaryFormTab li{display:flex;align-items:center;font-size:24px;font-weight:700;color:#fff;line-height:32px;flex-grow:1;padding-left:112px;margin:0}
.photoFormPreview picture,.videoFormPreview picture{width:40vw;height:40vw}
.diarySectionForm input,.diarySectionForm select{width:calc(100% - 70px)}
.addNextVideo{margin:20px auto;text-align:left;max-width:240px;margin-bottom:60px}
.babeFormIcon{display:block;margin:auto;margin-bottom:30px}
.babeFormContent.formContent{font-size:0;margin-bottom:20px}
ul.diaryFormTab li.Video{background:url(../source/wideo.jpg?1) center left 10px no-repeat #adcb09}
ul.diaryFormTab li.Text{background:url(../source/notakta.jpg?1) center left 10px no-repeat #ac51ae}
ul.diaryFormTab li.Photo{background:url(../source/zdjecie.jpg?1) center left 10px no-repeat #f08d0b}
ul.diaryFormTab li.Babe{background:url(../source/rtg.jpg?1) center left 10px no-repeat #ef2d9d}
.diaryForm.babeForm ul.diaryFormTab,.diaryForm.photoForm ul.diaryFormTab,.diaryForm.textForm ul.diaryFormTab,.diaryForm.videoForm ul.diaryFormTab,.diaryForm:not(.babeForm,.photoForm,.textForm,.videoForm,.photoForm) .dropdownCallendar{display:none}
.photoFormContent.formContent .photoDropDown{border:0}
a.btnGray.btnNoBorder.closeDiaryForm{width:100%;margin-top:80px}
.photoDropDownUI{padding-top:0;background:0 0}
.registerNav p{width:100%}
.diaryForm::after{content:"";position:absolute;width:55px;height:50px;background:url(../logo.png) center no-repeat #fff;right:24px;top:16px;background-size:contain}
.diaryForm{overflow:auto;position:fixed;left:0;top:0;background:#fff;z-index:1000010;width:100vw;height:100vh;background:#fff;text-align:center;padding:70px 24px;padding-bottom:20px}
ul.diaryFormTab{width:100%;display:flex;height:calc(100vh - 81px);position:absolute;z-index:100010;left:0;bottom:0;flex-direction:column}
.popupBoxClose{background:url(../source/scrollup.svg);width:50px;height:50px;left:12px;top:16px}
.popupBoxClose:hover{background:url(../source/scrollupHv.svg)}
.popupBoxMainPage{width:100px;height:60px;right:0;top:10px;position:absolute;z-index:2000}
.popupBox a.navPopup span{text-decoration:none}
.popupRegister .radioTabs .checkBox{display:inline-block;margin-right:20px;min-width:75px}
.popupBox.popupLogin{padding:15px}
.errorValid span{position:static;width:100%;margin-left:0}
a.navPopup{margin:auto;margin-top:27px;text-decoration:none;line-height:32px;max-width:280px;text-align:center}
.popupBox,.popupBox.popupLogin{padding-top:140px}
.popupBox::before{content:"";position:absolute;width:100%;height:76px;left:0;top:0;background:url(../logo.png) top 16px right 24px no-repeat #fff;background-size:55px;z-index:5}
ul.tabRegister li:not(.active){display:none}
ul.tabRegister{position:fixed;top:-2px;left:45px}
.popupBox .formPhotoAdd{margin-right:0;display:block;margin:auto}
.popupBox.popupRegister{padding-top:96px}
section.knowlege article{background:#fff6fe}
section.knowlege article picture{width:84px;height:84px;position:absolute;left:12px;top:16px;border-radius:6px}
.articleContentShort .articleTitle{margin-left:90px;border-color:#ee82b6}
.articleContentShort{width:100%;padding:30px 12px}
.articleContentShort .articleDesc{margin-top:37px;display:block}
.articleContentShort .articleDesc::after{left:113px;top:-24px}
section.knowlege a.readMore{text-align:right}
.container{padding:0!important}
.ctn{padding-left:12px;padding-right:12px}
.popupBox{width:100vw;border-radius:0;box-shadow:0;top:0;left:0;transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);height:100vh}
header.homepage .liscikDoMamy p{font-size:13px}
body.homepage header>.ctn{text-align:center}
.liscikDoMamy{width:100%;opacity:.9}
.liscikDoMamy{background:url(../source/letter.png);transform:rotate(354deg) translate(-50%);position:absolute;-ms-transform:rotate(354deg) translate(-50%);-webkit-transform:rotate(354deg) translate(-50%);-moz-transform:rotate(354deg) translate(-50%);-o-transform:rotate(354deg) translate(-50%);left:50%;top:auto;bottom:78px}
body:not(.mobileMenu) header:not(.noAuth.homepage) nav ul,body:not(.mobileMenu) ul.fixedBtnSite{display:none}
.btnSwitchMobileMenu{display:block}
.btnNote,.btnPhoto,.btnRtg,.btnVideo{background-size:100px}
.mobileMenu header nav ul{width:100vw;height:100vh;position:fixed;background:#ff53a6;left:0;top:0;z-index:10001;padding:90px 16px 400px;overflow:auto}
body:not(.mobileMenu) header.homepage.noAuth nav ul{position:absolute;bottom:15px;z-index:2;width:100%;left:0;font-size:0;text-align:center}
body:not(.mobileMenu) header.homepage.noAuth nav ul li{font-size:0;width:calc(50% - 30px);margin:0 15px;max-width:180px}
body:not(.mobileMenu) header.homepage.noAuth nav ul li a{width:100%;padding:10px 0!important;min-width:auto!important}
body.homepage.mobileMenu header{position:static}
.taskActionNotice{width:96%}
}
@media only screen and (max-width:550px){
.diaryTimelineItem.Photo .diaryTimelineItem_content picture,.diaryTimelineItem.Video .diaryTimelineItem_content picture{width:100px;height:70px}
ul.breadcrumbsList li a{font-size:10px}
.homePageCalendar picture img{max-width:150vw;opacity:0}
section.homePageCalendar .ctn{padding:0}
section.homePageCalendar picture{background:url(../source/calendar.png) center top no-repeat;background-size:cover}
section.homePageCalendar{margin-bottom:0;margin-top:20px}
.homePageTimeline .ctn{background-size:contain;padding-bottom:96vw}
section.cookieInfo .btnNav{position:relative;margin:10px;float:right}
section.cookieInfo .ctn{position:relative;padding-right:0}
.homepage section.cookieInfo{padding:0 14px;position:fixed}
.dropdownContent.dropdownContentChoose{min-width:100%;width:100%}
.dropdownContent{margin-top:10px}
.dropdownContentItem:hover:not(.active){cursor:default;color:#2c2c2c;background:0 0}
}
@media only screen and (max-width:520px){
.inWeekArticleContent{flex-direction:column}
.profilSidebarTitle{padding:10px 19px;border-radius:4px;font-size:15px}
}
@media only screen and (max-width:430px){
section.Timeline .btnNav{margin-top:0}
}
@media only screen and (max-width:400px){
.babyDiagramNameCenter span{font-size:41vw;line-height:32vw}
.babyDiagramNameCenter{width:61vw;height:61vw;font-size:10vw;padding-top:4vw}
body:not(.mobileMenu) header.homepage.noAuth nav ul li{width:calc(50% - 10px);margin:0 5px}
.btnNote,.btnPhoto,.btnRtg,.btnVideo{background-size:65px}
.popupLogin .formContent a,.popupLogin .formContent label{font-size:.9rem}
}
@media only screen and (max-width:360px){
.popupRegister .radioTabs{text-align:left}
.popupRegister .radioTabs .checkBox{margin-bottom:5px;margin-top:5px}
}