html, body, header, footer, h1, h2, h3, h4, ul, li, p, div { margin:0; padding:0; font-size:0; line-height:0; box-sizing:border-box; }
html, body { min-width:320px; height:100%; background-color:#fff; }
ul { list-style:none; }
ul.Disc { list-style:disc; }
li { display:inline-block; }
ul.Blocks li { display:block; }
a { text-decoration:none; color:#0da2cc; }
a:hover { text-decoration:underline; color:#6ec7e0; }
a:hover img { transform:scale(1.01); transition:0.1s; -webkit-box-shadow: 0px 10px 56px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 10px 56px 0px rgba(0,0,0,0.1); box-shadow: 0px 10px 56px 0px rgba(0,0,0,0.1); }
a.Arrow { display:inline-block; padding-right:36px; font-weight:bold; white-space:nowrap; background-repeat:no-repeat; background-position:center right; background-image:url("data:image/svg+xml;utf8,"); }
a.Arrow.Small { padding-right:36px; background-image:url("data:image/svg+xml;utf8,"); }
.Clear { clear:both; }
.Hide { display:none !important; }
.Show { display:block; }
.Block, .Left, .Right { width:50%; padding:0 5%; }
.Left { float:left; }
.Right { float:right; }
.Half { width:50%; padding:0 10%; }
.CenterText { text-align:center; }
.Title { font-size:40px; line-height:48px; }
.Text { font-size:22px; line-height:30px; }
.Bold { font-weight:bold; }
.SectionList { width:100%; display:flex; align-items:center; }
.SectionList>li { float:none; display:block; }
.SectionImage { width:600px; height:600px; margin:0 auto; background-size:100% 100%; background-repeat:no-repeat; }
.Transition { width:100%; height:40px; background-size:100% 40px; background-repeat:no-repeat; background-position:0 0; }
.Transition.DownDarkRed2LightRed { background-color:#e84e40; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.UpLightRed2Orange { background-color:#ffb52d; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.DownOrangeToBlue { background-color:#0da2cc; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.UpGreen2White { background-color:#fff; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.DownDarkRed2White { background-color:#fff; background-image:url("data:image/svg+xml;utf8,"); }
.Transition.UpBlue2White { background-color:#fff; background-image:url("data:image/svg+xml;utf8,"); }
.BlueText { color:#0da2cc !important; }
.BlueBorder { border-color:#0da2cc !important; }
.RedBack { background-color:#bf0c34; }
.PhotomathLogo { display:inline-block; }
.PhotomathLogo a { display:block; background-repeat:no-repeat; background-size:100% 100%; background-image:url("data:image/svg+xml;utf8,"); }
.PhotomathLogo a:hover { text-decoration:none; }
.PhotomathLogo.Small a { width:134px; height:28px; }
.PhotomathLogo.Large a { width:192px; height:40px; }
.Header { padding:52px 5%; }
.Header .NavDesktop { display:block; float:right; list-style:none; }
.Header .NavDesktop>li { margin-right:20px; padding:10px 10px 10px 25px; background-repeat:no-repeat; background-position:0 0; }
.Header .NavDesktop>li:last-child { margin-right:0; }
.Header .NavDesktop>li>a { height:26px; font-size:18px; line-height:26px; text-align:right; color:#000; }
.Header .NavDesktop>li>a:hover { text-decoration:none; }
.Header .NavDesktop>li.Selected, .Header .NavDesktop>li:hover { background-image:url("data:image/svg+xml;utf8,"); }
.Header .NavDesktop>li.Selected>a { color:#0da2cc; }
.Header .NavDesktop>li.Lang { position:relative; top:0; right:0; margin-left:40px; padding:0; border:1px solid #000; border-radius:4px; text-transform:capitalize; background-image:none; }
.Header .NavDesktop>li.Lang>a { padding:3px 6px; min-width:24px; text-align:center; display:inline-block; }
.Header .LangSelect { position:absolute; top:38px; right:3px; padding-top:7px; background-position:top 0 right 6px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,"); }
.Header .LangSelect>li { display:block; background-color:#0da2cc; }
.Header .LangSelect>li.Selected { background-color:#0192ba; background-position:top 50% left 14px; background-repeat:no-repeat; background-image:url("data:image/svg+xml;utf8,"); }
.Header .LangSelect>li>a { display:block; color:#fff; text-align:left; font-size:18px; line-height:18px; padding:9px 36px 9px 40px; }
.Header .LangSelect>li>a:hover { text-decoration:underline; }
.Header a.VegBurger { display:none; float:right; width:20px; height:20px; margin-top:10px; background-repeat:no-repeat; background-size:100% 100%; background-position:0 0; }
.Header a.ShowMenu { background-image:url("data:image/svg+xml;utf8,"); }
.Header a.HideMenu { background-image:url("data:image/svg+xml;utf8,"); }
.Header.DropdownVisible { background-color:#fff; }
.Social { display:inline-block; }
.Social.Head { margin-top:15px; }
.Social.Foot { position:absolute; right:110px; }
.Social li { margin:0 25px 10px 0; }
.Social li:last-child { margin-right:0; }
.Social li a { display:block; height:24px; width:24px; background-repeat:no-repeat; }
.Social li.Facebook a { background-image:url("data:image/svg+xml;utf8,"); }
.Social li.Twitter a { background-image:url("data:image/svg+xml;utf8,"); }
.Social li.Instagram a { background-image:url("data:image/svg+xml;utf8,"); }
.MobileMenu { background-color:#bf0c34; width:100%; height:100%; position:relative; text-align:center; padding-top:120px; }
.MobileMenu>ul>li { display:block; margin-bottom:28px; }
.MobileMenu ul li a { color:#fff; }
.MobileMenu ul li.Large a { font-size:27px; line-height:32px; font-weight:bold; }
.MobileMenu ul li.Small a { font-size:22px; line-height:30px; }
.MobileMenu ul li.Lang a { display:inline-block; padding:6px; font-size:16px; line-height:16px; border:1px solid #fff; border-radius:4px; text-transform:capitalize; }
.Social.Head li a { filter:brightness(0); }
.Social.Foot li a { filter:brightness(0); }
.Social.MobileHead li a { filter:brightness(1); }
.Stores { display:inline-block; }
.Stores li { margin:0 25px 25px 0; background-repeat:no-repeat; }
.Stores li:last-child { margin-right:0; }
.Stores li a { display:block; height:46px; }
.Stores li.GooglePlay { width:153px; background-image:url("data:image/svg+xml;utf8,"); }
.Stores li.GooglePlay a { width:153px; }
.Stores li.AppStore { background-image:url("data:image/svg+xml;utf8,"); }
.Stores li.AppStore a { width:138px; }
.Stores li.ChromeWebStore { background-image:url("data:image/svg+xml;utf8,"); }
.Stores li.ChromeWebStore a { width:207px; }
.Section1 { background-color:#fff; padding-bottom:75px; }
.Section1 .Svg { min-width:280px; padding-bottom:57%; float:right; margin-bottom:-130px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.Section1 .Svg.Home { width:48%; }
.Section1 .Notebook { background-image:url("data:image/svg+xml;utf8,"); }
.Section1 .Content { display:inline-block; max-width:50%; padding:0 0 0 5%; }
.Section1 .Content h2 { font-size:60px; line-height:72px; margin-bottom:38px; color:#000; }
.Section1 .Content p { font-size:27px; line-height:32px; color:#000; font-style:normal; margin-bottom:38px; }
.Section1 .Content .Stores.Above { margin-top:157px; margin-bottom:38px; }
.Section1 .Content .Stores.Below { display:none; margin-top:22px; }
.Sharpener { clear:both; height:17px; text-align:center; }
.Sharpener div { width:88px; height:104px; display:inline-block; background-repeat:no-repeat; background-size:100%; background-image:url("data:image/svg+xml;utf8,"); }
.SectionScanSolveLearn { clear:both; color:#fff; background-color:#bf0c34; padding:200px 0; }
.SectionScanSolveLearn .Left h2 { margin-bottom:34px; }
.SectionScanSolveLearn .Right { text-align:center; }
.SectionScanSolveLearn .Right p { font-size:22px; line-height:30px; }
.SectionScanSolveLearn .Right p.Big { font-size:60px; line-height:72px; font-weight:bold; }
.SectionScanSolveLearn .Right p.Big.Space { margin-bottom:45px; }
.SectionScanSolveLearn .Right p.Small { font-size:18px; line-height:26px; }
.Section3 { clear:both; color:#fff; background-color:#e84e40; padding:150px 0; }
.Section3 .ImageBlock .SectionImage { background-image:url("data:image/svg+xml;utf8,"); }
.Section3 .TextBlock p { margin-top:30px; }
.SectionStepByStep { clear:both; background-color:#ffb52d; color:#fff; padding:150px 0; }
.SectionStepByStep .TextBlock { order:1; }
.SectionStepByStep .TextBlock p { margin-top:34px; }
.SectionStepByStep .ImageBlock { order:2; }
.SectionStepByStep .ImageBlock .SectionImage { background-image:url("data:image/svg+xml;utf8,"); }
.Section5 { clear:both; color:#fff; background-color:#0da2cc; padding:150px 0; }
.Section5 .ImageBlock .SectionImage.Instructions { background-image:url("data:image/svg+xml;utf8,"); }
.Section5 .TextBlock p { margin-top:34px; }
.Section6 { clear:both; color:#000; background-color:#fff; text-align:center; padding:150px 5%; }
.Section6 h2 { font-size:40px; line-height:48px; margin-bottom:100px; }
.Section6 h3 { margin-bottom:38px; font-size:27px; line-height:32px; background-repeat:no-repeat; height:80px; text-align:left; display:inline-block; background-position:0 0; padding:25px 0 0 104px; }
.Section6 p { font-size:18px; line-height:26px; }
.Section6 .Half { text-align:left; }
.Section6 .Left h3 { background-image:url("data:image/svg+xml;utf8,"); }
.Section6 .Right h3 { background-image:url("data:image/svg+xml;utf8,"); }
.SectionReviews { clear:both; color:#fff; background-color:#87c540; padding:150px 5% 90px 5%; text-align:center; }
.SectionReviews>h2 { font-size:40px; line-height:48px; margin-bottom:100px; }
.SectionReviews .ReviewSlider { margin:0 auto; display:inline-block; }
.SectionReviews .ReviewSlider div.Slide { display:inline-block; vertical-align:top; margin:0 12px 20px 12px; color:#000; background-color:#fff; max-width:392px; min-height:470px; padding:24px; text-align:left; border-radius:4px; }
.SectionReviews .ReviewSlider div.Slide h3 { font-size:18px; line-height:26px; max-width:225px; float:left; }
.SectionReviews .ReviewSlider div.Slide p.DateName { display:block; float:right; clear:right; font-size:16px; line-height:24px; color:#ababab; }
.SectionReviews .ReviewSlider div.Slide p.DateName.Name { color:#7f7f7f; }
.SectionReviews .ReviewSlider div.Slide .Stars { clear:both; height:24px; float:left; margin-top:7px; background-repeat:repeat-x; background-image:url("data:image/svg+xml;utf8,"); }
.SectionReviews .ReviewSlider div.Slide .Stars1 { width:24px; }
.SectionReviews .ReviewSlider div.Slide .Stars2 { width:48px; }
.SectionReviews .ReviewSlider div.Slide .Stars3 { width:72px; }
.SectionReviews .ReviewSlider div.Slide .Stars4 { width:96px; }
.SectionReviews .ReviewSlider div.Slide .Stars5 { width:120px; }
.SectionReviews .ReviewSlider div.Slide .Profession { font-size:18px; line-height:26px; color:#ffb52f; float:right; font-weight:bold; margin-top:4px; }
.SectionReviews .ReviewSlider div.Slide .Review { font-size:16px; line-height:24px; margin-top:14px; }
.SliderDots { display:none; text-align:center; }
.SliderDots li { margin-right:10px; background-position:center center; background-repeat:no-repeat; background-size:10px 10px; }
.SliderDots li:last-child { margin-right:0; }
.SliderDots li a { display:inline-block; width:10px; height:10px; }
.SliderDots.White li { background-image:url("data:image/svg+xml;utf8,"); }
.SliderDots.White li.Selected { background-image:url("data:image/svg+xml;utf8,"); }
.SliderDots.Black li { background-image:url("data:image/svg+xml;utf8,"); }
.SliderDots.Black li.Selected { background-image:url("data:image/svg+xml;utf8,"); }
.SectionReviews .HeartSquared { background-repeat:no-repeat; background-position:center top; height:64px; margin-top:20px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionParentsTeachers { clear:both; background-color:#fff; font-size:0; text-align:center; padding:150px 5% 150px 5%; }
.SectionParentsTeachers h2 { font-size:40px; line-height:48px; margin-bottom:88px; }
.SectionParentsTeachers h3 { font-size:27px; line-height:32px; margin-bottom:10px; }
.SectionParentsTeachers h3 a { color:inherit; }
.SectionParentsTeachers h4 { font-size:22px; line-height:30px; margin-bottom:30px; font-weight:normal; }
.SectionParentsTeachers p { font-size:18px; line-height:26px; }
.SectionParentsTeachers .Half { text-align:center; }
.SectionParentsTeachers .Half .Image { width:250px; height:250px; background-position:center center; background-repeat:no-repeat; margin:0 auto 61px auto; }
.SectionParentsTeachers .Left .Image { background-image:url("data:image/svg+xml;utf8,"); }
.SectionParentsTeachers .Right .Image { background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards { clear:both; padding:150px 0; color:#fff; background-color:#bf0c34; padding-left:5%; }
.SectionAwards ul { display:inline-block; width:100%; }
.SectionAwards ul li { display:block; margin-bottom:86px; width:100%; text-align:center; }
.SectionAwards ul li a { display:inline-block; background-repeat:no-repeat; background-size:100% 100%; }
.SectionAwards ul li:last-child { margin-bottom:0; }
.SectionAwards ul li.TechCrunchDisrupt a { width:265px; height:78px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards ul li.FourYFN a { width:266px; height:83px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards ul li.NetExplo a { width:265px; height:62px; background-image:url("data:image/svg+xml;utf8,"); }
.SectionAwards h2 { font-size:40px; line-height:48px; }
.SectionAwards p { font-size:22px; line-height:30px; margin-top:34px; }
.Section10 { clear:both; background-color:#fff; padding:150px 5%; text-align:center; }
.Section10 .Tasks, .SingleColumn.Examples .Tasks { float:right; background-repeat:no-repeat; background-size:100% 100%; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { width:1060px; height:616px; margin-left:-50%; background-image:url("data:image/svg+xml;utf8,"); }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { width:332px; height:445px; background-image:url("data:image/svg+xml;utf8,"); }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { display:none; }
.Section10 h2 { font-size:40px; line-height:48px; margin-bottom:34px; }
.Section10 p { font-size:22px; line-height:30px; margin-bottom:65px; }
.Section10 .TopLink { margin-bottom:108px; }
.Section10 a.Arrow { font-size:18px; line-height:26px; }
.Section10 .LeftBlock { width:40%; float:left; text-align:left; }
.Section10 .LeftBlock p { font-weight:bold; margin-bottom:35px; }
.SectionDownload { padding:150px 0; clear:both; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; background-image:url(/i/photomath_camera_screen.jpg); }
.SectionDownload .Content { width:50%; float:left; padding:0 5%; }
.SectionDownload h2 { margin-bottom:34px; }
.SectionDownload p { font-size:18px; line-height:26px; margin-bottom:96px; }
div.Download { margin-top:34px; color:#0da2cc; }
div.Download a { font-size:18px; line-height:26px; font-weight:bold; }
div.Download p { margin:8px 0 0 0; padding:0; font-size:14px; line-height:normal; }
div.SingleColumn { color:#000; margin:0 21%; }
div.SingleColumn h2 { font-size:60px; line-height:72px; margin-top:50px; margin-bottom:38px; }
div.SingleColumn h3 { font-size:40px; line-height:48px; margin-top:50px; margin-bottom:34px; }
div.SingleColumn.TermsOfUse h3 { font-size:27px; line-height:32px; margin-top:40px; margin-bottom:34px; }
div.SingleColumn h4 { font-size:27px; line-height:30px; margin-bottom:24px; font-weight:bold; text-transform:none; }
div.SingleColumn p { font-size:18px; line-height:26px; margin-bottom:20px; }
div.SingleColumn p.Summary { font-size:22px; line-height:30px; margin-bottom:20px; }
div.SingleColumn p.LastUpdate { font-size:27px; line-height:32px; margin-bottom:40px; }
div.SingleColumn img.Photo { width:100%; height:auto; margin-bottom:50px; margin-top:22px; }
div.SingleColumn.Examples { padding-bottom:100px; }
div.SingleColumn.Examples h2 { margin-bottom:100px; }
div.SingleColumn.Examples ul.ExampleGroups { float:left; width:100%; margin:20px 0 0 0; text-align:left; }
div.SingleColumn.Examples ul.ExampleGroups>li { float:left; width:49%; display:block; padding-bottom:103px; }
div.SingleColumn.Examples ul.ExampleGroups>li>h3 { margin-top:0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul { margin:0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li { padding:8px 0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li>a { font-size:22px; line-height:30px; }
div.SingleColumn a.Arrow { font-size:22px; line-height:30px; }
.RedBackLink a { color:#fff; background-color:#bf0c34; }
.RedBackLink a:hover { text-decoration:none; background-color:#9e0326; }
div.SingleColumn div#OpenPositions { margin:25px 0; }
div.SingleColumn ul.Box { margin:0 0 50px 0; }
div.SingleColumn ul.Box li { width:100%; margin-bottom:20px; padding:0; }
div.SingleColumn ul.Box li:last-child { margin-bottom:0; }
div.SingleColumn ul.Box li a { display:block; padding:40px 40px 80px 40px; background-repeat:no-repeat; background-position:right 32px bottom 24px; background-image:url("data:image/svg+xml;utf8,"); }
div.SingleColumn ul.Box li:hover { background-color:#9e0326; }
div.SingleColumn ul.Box li h3 { font-size:40px; line-height:48px; margin-top:0; margin-bottom:10px; font-weight:normal; }
div.SingleColumn ul.Box li p { font-size:18px; line-height:26px; }
div.SingleColumn ul.Box li p.Large { font-size:22px; line-height:30px; margin-bottom:30px; }
div.SingleColumn a.BackCapitals { text-transform:uppercase; font-size:16px; line-height:24px; padding-left:30px; background-repeat:no-repeat; background-position:0 center; background-image:url("data:image/svg+xml;utf8,"); }
div.SingleColumn div.Box { width:100%; margin:50px 0; padding:40px 40px 80px 40px; color:#fff; background-color:#bf0c34; }
div.SingleColumn div.Box h2 { font-size:40px; line-height:48px; margin-top:0; margin-bottom:10px; font-weight:normal; }
div.SingleColumn div.Box p { font-size:22px; line-height:30px; }
div.SingleColumn h4 { font-size:22px; line-height:30px; margin-bottom:24px; font-weight:bold; text-transform:none; }
div.SingleColumn h3.Photos { clear:both; }
div.SingleColumn p.Capitals { text-transform:uppercase; font-size:27px; line-height:32px; }
div.SingleColumn ul { margin:0 0 0 50px; }
div.SingleColumn ul li { font-size:18px; line-height:26px; padding:8px 0; display:list-item; }
div.SingleColumn p.Button { margin:34px 0 50px 0; padding:0; }
div.SingleColumn p.Button a { display:inline-block; border-radius:4px; padding:13px 51px 13px 15px; text-transform:uppercase; background-repeat:no-repeat; background-position:right 16px center; background-image:url("data:image/svg+xml;utf8,"); }
div.SingleColumn ul.Media { margin:0 -12px 0 -12px; padding:0; text-align:left; }
div.SingleColumn ul.Media li { margin:0; width:50%; display:inline-block; padding:12px 12px 50px 12px; text-align:left; min-width:280px; }
div.SingleColumn ul.Media.MobileScreenshots li { width:auto; }
div.SingleColumn ul.Media.Logo li { float:left; width: 33.33%; }
div.SingleColumn ul.Media li h3 { font-size:22px; line-height:30px; font-weight:bold; margin:0 0 18px 0; padding:0; }
div.SingleColumn ul.Media li>a { float:left; margin-bottom:17px; }
div.SingleColumn ul.Media li a.MobileScreenshots { float:none; }
div.SingleColumn ul.Media li img { float:left; width:100%; }
div.SingleColumn ul.Media li img.Logo { border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; }
div.SingleColumn ul.Media li>img { margin-bottom:25px; }
div.SingleColumn ul.Media li p { margin:10px 0 0 0; padding:0; }
div.SingleColumn ul.Media li p.First { margin-top:18px; padding:0; }
div.SingleColumn ul.Media li p a { margin:0; font-size:18px; line-height:26px; font-weight:bold; padding:0 40px 0 0;}
div.SingleColumn ul.Media.Logo li p a { padding:0; }
div.SingleColumn ul.Media .AndroidScreenshots { width:110.33px; height:221px; float: none;}
div.SingleColumn ul.Media .IosScreenshots { width:104.71px; height:221px; float: none;}
div.SingleColumn.Grayed h3 { opacity:0.5; }
div.SingleColumn.Grayed h4 { opacity:0.5; }
div.SingleColumn.Grayed ul li { opacity:0.5; }
div.SingleColumn.Grayed p { opacity:0.5; }
div.SingleColumn.Grayed .Box { background-color:#ababab; }
div.SingleColumn.Grayed .NoBlur { opacity:1; }
.Line { display:none; height:6px; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage { text-align:center; color:#000; padding:300px 5% 50px 5%; background-repeat:no-repeat; background-position:left 50% top 40px; background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage.Beta { background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage.Magic { background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage.Confirmed { background-position:left 50% top 80px; background-image:url("data:image/svg+xml;utf8,"); }
.InfoPage h1 { font-size:60px; line-height:72px; margin-bottom:34px; }
.InfoPage p { font-size:22px; line-height:30px; }
.InfoPage p.Pin { font-size:60px; line-height:72px; color:#0da2cc; margin-top:34px; }
.Footer { padding:75px 110px; text-align:center; }
.Footer h4 { position:absolute; left:110px; }
.Footer ul.Links { display:inline-block; max-width:40%; text-align:left; }
.Footer ul.Links li { width:50%; }
.Footer ul.Links li a { font-size:16px; line-height:32px; white-space:nowrap; color:#000; }
/* 1440 */
@media only screen and (max-width:1439px) {
.SectionList { display:block; }
.SectionList>li { width:100%; }
.SectionScanSolveLearn .Right { width:50%; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { width:795px; height:462px; }
div.SingleColumn { margin:0 15%; }
.SectionReviews .ReviewSlider { max-width:392px; }
.SectionReviews .ReviewSlider div.Slide { margin-left:0; margin-right:0; }
.SectionReviews .SliderDots { display:block; }
.SectionReviews .HeartSquared { display:none; }
}
/* 1080 */
@media only screen and (max-width:1079px) {
.Section1 .Content .Stores.Above { margin-top:70px; }
.SectionScanSolveLearn .Right { padding-top:20px; }
.SectionScanSolveLearn .Right p { font-size:18px; line-height:26px; }
.SectionScanSolveLearn .Right p.Big { font-size:48px; line-height:58px; font-weight:bold; }
.SectionScanSolveLearn .Right p.Big.Space { margin-bottom:48px; }
.SectionScanSolveLearn .Right p.Small { font-size:16px; line-height:24px; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { width:596px; height:347px; }
}
/* 1024 */
@media only screen and (max-width:1023px) {
.Title { font-size:27px; line-height:32px; }
.Text { font-size:18px; line-height:26px; }
.Section1 .Content h2 { font-size:40px; line-height:48px; margin-bottom:20px; }
.Section6 h2 { font-size:27px; line-height:32px; margin-bottom:54px; }
.Section6 h3 { font-size:22px; line-height:30px; }
div.SingleColumn { margin:0 5%; }
}
/* 960 */
@media only screen and (max-width:959px) {
.Section1 .Content .Stores .Above { margin-top:50px; }
.SectionScanSolveLearn { padding-bottom:100px; }
.SectionScanSolveLearn .Left { float:none; width:100%; margin-bottom:54px; }
.SectionScanSolveLearn .Right { float:none; width:100%; padding-top:20px; }
.SectionScanSolveLearn .Right p { font-size:16px; line-height:24px; }
.SectionScanSolveLearn .Right p.Big { font-size:40px; line-height:48px; font-weight:bold; }
.SectionScanSolveLearn .Right p.Big.Space { margin-bottom:48px; }
.SectionScanSolveLearn .Right p.Small { font-size:16px; line-height:24px; }
.SectionDownload h2 { font-size:27px; line-height:32px; margin-bottom:20px; }
.SectionDownload p { font-size:16px; line-height:24px; margin-bottom:31px; }
.SectionList { display:block; }
}
/* 860 */
@media only screen and (max-width:859px) {
.Header { position:fixed; z-index:999; top:0; width:100%; padding:15px 5%; background-color:rgba(255, 255, 255, 0.95); box-shadow:0 5px 10px rgba(0, 0, 0, 0.15); }
.Header .NavDesktop { display:none; }
.Header a.VegBurger { display:block; }
.Section1 .Content .Stores.Above { margin-top:127px; }
.Section1 .Content p { line-height:24px; font-size:16px; }
.Section1 .Notebook { margin-bottom:-250px; }
.SectionAwards h2 { font-size:22px; line-height:30px; }
.SectionAwards p { font-size:16px; line-height:24px; margin-top:24px; }
.Section10 .LeftBlock { width:100%; float:none; }
.Section10 .Tasks, .SingleColumn.Examples .Tasks { float:none; margin:0 auto; margin-bottom:34px; }
.Section10 .Tasks.Big, .SingleColumn.Examples .Tasks.Big { display:none; }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { display:block; }
div.SingleColumn { padding-top:127px; padding-bottom:75px; }
div.SingleColumn h2 { font-size:40px; line-height:48px; margin-top:0; }
div.SingleColumn h3 { font-size:27px; line-height:32px; margin-top:30px; }
div.SingleColumn.TermsOfUse h3 { font-size:22px; line-height:30px; margin-top:30px; margin-bottom:15px; }
div.SingleColumn h4 { font-size:22px; line-height:30px; }
div.SingleColumn p { font-size:18px; line-height:26px; }
div.SingleColumn p.Summary { font-size:20px; line-height:24px; }
div.SingleColumn p.LastUpdate { font-size:22px; line-height:30px; }
div.SingleColumn ul.Box li h3 { font-size:27px; line-height:32px; }
div.SingleColumn ul.Box li p { font-size:16px; line-height:24px; }
div.SingleColumn ul.Box li p.Large { font-size:20px; line-height:24px; }
div.SingleColumn ul.Media li { width:100%; padding:12px 12px 30px 12px; }
div.SingleColumn img.Photo { margin-bottom:20px; }
div.SingleColumn.Examples ul.ExampleGroups { margin-top:0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li { padding:7px 0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li>a { font-size:20px; line-height:24px; }
.HelpSection { padding-top:127px; }
.Footer { padding:15px 5%; }
.Footer ul.Links { max-width:100%; width:100%; margin-bottom:50px; margin-top:40px; }
.Footer ul.Links li.LeftItem { text-align:left; }
.Footer ul.Links li.RightItem { text-align:right; }
.Footer h4 { position:static; float:left; }
.Footer ul.Social.Foot { position:static; float:right; }
.InfoPage { padding-top:400px; background-position:left 50% top 127px; }
.InfoPage.Confirmed { background-position:left 50% top 200px; }
}
/* 720 */
@media only screen and (max-width:719px) {
.Left { float:none; width:100%; }
.Right { float:none; width:100%; }
.Half { width:100%; margin-bottom:54px; }
/* .Title { font-size:22px; l.ine-height:30px; } */
.Text { font-size:16px; line-height:24px; }
.SectionImage { width:500px; height:500px; }
.Section1 .Content h2 { margin-top:150px; }
.Section1 .Content .Stores.Above { display:none; }
.Section1 .Content .Stores.Below { display:block; }
.Section1 .Content .Social { display:none; }
.Section1 .Notebook { width:75%; padding-bottom:100%; clear:both; margin-bottom:-250px; }
.Section1 .Content { max-width:100%; margin-top:0; padding-right:5%; clear:both; }
.SectionScanSolveLearn { padding:100px 0 75px 0; }
.Section3 { padding:50px 0 100px 0; }
.SectionStepByStep { padding:50px 0 100px 0; }
.SectionStepByStep .Left p { margin-top:24px; }
.Section5 { padding:50px 0 100px 0; }
.Section5 .Right p { margin-top:24px; }
.Section6 { padding-top:100px; padding-bottom:50px; }
.SectionReviews { padding:100px 5% 54px 5%; }
.SectionReviews h2 { font-size:27px; line-height:32px; margin-bottom:54px; }
.SectionReviews .ReviewSlider { max-width:100%; }
.SectionParentsTeachers { padding:100px 5% 50px 5%; }
.SectionParentsTeachers h2 { font-size:27px; line-height:32px; margin-bottom:54px; }
.SectionParentsTeachers h3 { font-size:22px; line-height:30px; }
.SectionParentsTeachers h4 { font-size:16px; line-height:24px; }
.SectionParentsTeachers p { font-size:16px; line-height:24px; }
.SectionParentsTeachers .Half { width:100%; margin-bottom:54px; }
.SectionAwards { padding:100px 0; }
.SectionAwards .Right { margin-bottom:43px; }
.SectionAwards ul li { margin-bottom:43px; }
.SectionAwards ul li.TechCrunchDisrupt a { width:186px; height:55px; }
.SectionAwards ul li.FourYFN a { width:186px; height:58px; }
.SectionAwards ul li.NetExplo a { width:185px; height:43px; }
.Section10 { padding:100px 5%; text-align:left; }
.Section10 h2 { font-size:22px; line-height:30px; }
.Section10 p { font-size:16px; line-height:24px; margin-bottom:20px; }
.Section10 a.Arrow { font-size:15px; line-height:22px; }
.Section10 .Tasks.Small, .SingleColumn.Examples .Tasks.Small { width:249px; height:334px; }
.Section10 .TopLink { margin-bottom:60px; }
div.SingleColumn.Examples { text-align:center; margin:0; }
div.SingleColumn.Examples ul.ExampleGroups { float:none; width:auto; margin:0 auto 50px auto; display:inline-block; }
div.SingleColumn.Examples ul.ExampleGroups>li { float:none; width:auto; }
.SectionDownload { padding-top:75%; padding-bottom:80px; background-size:100%; background-position:right top; }
.SectionDownload .Content { width:100%; float:none; }
.Line { display:block; }
.InfoPage h1 { font-size:40px; line-height:48px; }
.InfoPage p { font-size:16px; line-height:24px; }
.InfoPage p.Pin { font-size:40px; line-height:48px; color:#0da2cc; }
}
/* 640 */
@media only screen and (max-width:639px) {
.SectionImage { width:400px; height:400px; }
}
/* 530 */
@media only screen and (max-width:529px) {
.SectionImage { width:350px; height:350px; }
.SectionReviews .ReviewSlider div.Slide { height:auto; }
.SectionReviews .ReviewSlider div.Slide h3 { max-width:100%; float:none; }
.SectionReviews .ReviewSlider div.Slide p.DateName { float:left; display:inline-block; }
.SectionReviews .ReviewSlider div.Slide p.Name { clear:none; margin-left:10px; }
div.SingleColumn ul.Media li p a { font-size:14px; line-height:17px; }
}
/* 450 */
@media only screen and (max-width:449px) {
.SectionImage { width:300px; height:300px; }
}
/* 360 */
@media only screen and (max-width:359px) {
.SectionImage { width:250px; height:250px; }
.Section1 { padding-bottom:25px; }
.Section1 .Content p { margin-bottom:30px; }
.Section1 .Notebook { margin-bottom:-180px; }
.Section1 .Content h2 { font-size:32px; line-height:40px; margin-bottom:20px; }
.SectionScanSolveLearn .Right p.Big { font-size:32px; line-height:40px; }
.Section6 h2 { font-size:24px; line-height:30px; }
.Section6 h3 { font-size:20px; line-height:24px; }
div.SingleColumn ul.Media li p a { font-size:12px; line-height:14px; }
div.SingleColumn.Examples ul.ExampleGroups>li { padding-bottom:50px; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li { padding:5px 0; }
div.SingleColumn.Examples ul.ExampleGroups>li>ul>li>a { font-size:16px; line-height:24px; }
}