/* podesavanja za sve rezolucije */
.lineBreaker500 {
  display: none; }

@media screen and (max-width: 1400px) {
  #formcalc div.leviSpacer100 {
    width: 50px; }

  .centerNa1400 {
    position: relative;
    width: 200px !important;
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
    left: 50%;
    transform: translate(-110px, 0); }

  #formcalc input.inputEquation {
    width: 80%;
    margin-left: 10%; } }
/* 1100 - 1001 gasi se leva kolona a menu ukljucuje klizac levo i desno */
@media screen and (max-width: 1100px) {
  .sadrzaj {
    width: 96%; }

  #calcHamburgerHolder {
    display: block;
    left: 20px; }

  .navigacijaLevoCalc {
    margin-top: 70px; }

  #formcalc .geomFormLeft {
    margin-left: 20px; }

  #formcalc label.labelLeftProc {
    width: 100%;
    text-align: center; }

  #formcalc label.labelLeftProcHide {
    display: none; }

  #formcalc div.rightProc {
    width: 100%;
    float: none; }

  #formcalc label.labelLeftProc25 {
    width: 100%;
    text-align: center; }

  #formcalc label.labelLeftProc25hide {
    display: none; }

  #formcalc div.rightProc75 {
    width: 100%;
    float: none; }

  #formcalc label.labelLeftProc30 {
    width: 100%;
    text-align: center; }

  #formcalc label.labelLeftProc30hide {
    display: none; }

  #formcalc div.rightProc70 {
    width: 100%;
    float: none; }

  #formcalc div.complexNumberHolder {
    text-align: center; }

  #formcalc label.examplesLabel {
    padding-bottom: 10px;
    padding-top: 5px; }

  #formcalc input.dugiWhole {
    width: 100%; }

  #formcalc input.dugiPola {
    width: 60%;
    margin-left: 20%; }

  #formcalc input.dugiWholeEqualZero {
    width: 80%; }

  #formcalc .livePreview {
    font-size: 1.3em;
    width: 100%;
    min-width: 0px; }

  #formcalc .livePrevLabel {
    height: 40px;
    line-height: 40px; }

  .success, .error {
    padding: 20px 0px 10px 0px; }

  .form-wrapper {
    width: 95%; }

  #formcalc button.submitLeft {
    float: none; }

  #formcalc .examplesInFormHolder {
    text-align: center;
    width: 100%; }

  #formcalc .exampleInForm {
    float: none; }

  #singleTabNoAdver {
    padding: 0 0 20px 30px; }

  .suggestions {
    width: 94%; }

  .naslovnaLessons {
    width: 80%;
    margin: 0 auto;
    float: none; }

  .mathformulas {
    width: 80%;
    margin: 0 auto; }

  .glavniLinkovi {
    padding-right: 1%; }

  .gornjiLinkovi {
    padding-right: 1%; }

  .sadrzaj {
    width: 98%;
    clear: both;
    float: none;
    margin: 0 auto; }

  .calculatorAboutSection {
    width: 100%;
    clear: both;
    float: none;
    margin: 0 auto; }

  .naslovnaLessons {
    width: 90%;
    margin: 0 auto;
    float: none; }

  .mathformulas {
    width: 90%;
    margin: 0 auto; }

  .footer {
    padding: 20px 0px 10px 0px;
    width: 95%; } }
@media screen and (max-width: 900px) {
  #page-intro {
    margin-bottom: 0; }

  #ticketForm, #clientLogin {
    width: 80%;
    margin: 0 auto 100px; }

  #ticketInfo {
    width: 90%;
    margin: 0 auto 30px; }

  #ticketThread {
    width: 90%; }

  #reply {
    width: 90%; }

  .postReplyButton {
    width: 100%; }

  #paypal_sdk {
    width: 90%; }

  #paypal_holder {
    width: 90%; }

  #ticketForm table {
    width: 100%; }

  #msg_notice {
    width: 90%; }

  #ticketForm .form-header {
    width: 100%;
    box-sizing: border-box;
    font-size: 1em;
    padding: 15px 10px;
    background-color: #edfbff;
    border-color: #9de3f6; }

  #ticketForm .form-header h3 {
    font-size: 1.1em; }

  #msg_error {
    width: 100%;
    margin: 0;
    line-height: normal; }

  .footer #welcome {
    width: 90%; }

  input, select {
    width: 100%; }

  textarea {
    width: 100% !important;
    font-size: 1em; }

  .dropzone {
    width: 100%;
    box-sizing: border-box; }

  .form-description {
    width: 100%;
    font-size: 0.9em; } }
@media screen and (max-width: 900px) {
  #steps-container div.single-step {
    margin: 0 20px; }

  h1 {
    font-size: 2em; }

  a.logo {
    height: 55px; }

  .baner p.paragraf1 {
    margin-right: 0px; }

  .baner p.paragraf2 {
    margin-right: 0px; }

  div.logo {
    left: 1%; }

  .homePage .homepageMessage {
    width: 90%; } }
@media screen and (max-width: 800px) {
  #steps-container div.single-step {
    padding: 20px 10px; }

  a.logo {
    top: 70px;
    height: 45px; }

  .header {
    padding: 0 1%;
    height: 150px; }

  .sadrzaj {
    width: 97%; }

  .calculatorAboutSection {
    width: 100%; }

  .baner p.paragraf1 {
    padding-top: 10px;
    font-size: 3vw; }

  .baner p.paragraf2 {
    font-size: 2.6vw; }

  .putanjaCalc {
    display: none; }

  .leftFromImageHolder {
    float: left;
    width: 100%; }

  .normalDistImageHolder {
    margin-left: 20px; }

  .aboutCalcSection {
    width: 94% !important;
    float: none !important;
    margin: 20px auto; }

  .grid-item-about {
    font-size: 1.2em !important; } }
/* 700 PX */
@media screen and (max-width: 700px) {
  #ticketForm, #clientLogin {
    width: 90%;
    margin: 0 auto 100px; }

  p.instructions, p.first-time {
    font-size: 1.1em; }

  .hide700px {
    display: none !important; }

  span.hide700px {
    display: none !important; }

  .show700px {
    display: block !important; }

  span.show700px {
    display: inline !important; }

  .baner {
    display: none !important; }

  .header {
    height: 20px; }

  .textLogo {
    position: absolute; }

  .glavniLinkovi {
    width: 99%;
    padding: 0;
    height: auto; }

  .glavniLinkovi ul li {
    width: 23%;
    padding: 30px 1% 15px 1%; }

  .glavniLinkovi ul li a {
    background-image: none;
    padding: 0;
    float: none;
    margin: 0 auto; }

  .glavniLinkovi ul li a span {
    background-image: none;
    padding: 0;
    text-align: center;
    font-size: 1em; }

  #steps-container div.single-step {
    margin: 0 10px; }

  .homePage .homepageMessage {
    width: 96%; }

  a.logo {
    top: 60px;
    height: 40px; }

  .putanjaCalc {
    width: 85%; }

  .sadrzaj {
    float: none; }

  .homePage .textPicture {
    width: 220px !important;
    height: 300px !important;
    margin: 0 15px 70px 15px !important; }

  .pictureCommon {
    width: 210px !important;
    height: 165px !important;
    padding-bottom: 0 !important; }

  .hide700px {
    display: none !important; }

  .lineBreaker700 {
    clear: both; }

  .homePage .homepageMessage {
    width: 96%; }

  #textPreCalcForme {
    display: none; }

  .aboutCalcSection img.inTable {
    display: none; }

  a.logo {
    top: 60px;
    height: 40px; }

  .tooltipImgBig {
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .putanjaCalc {
    width: 85%; }

  .search {
    padding-bottom: 5px;
    background-image: none; }

  .navigacijaLevo h1 {
    display: none; }

  .navigacija1 {
    padding-left: 5px;
    width: 97%; }

  .navigacija1calc div.many-title {
    font-size: 15px; }

  .sadrzaj {
    padding-left: 10px;
    float: none; }

  .calculatorAboutSection {
    padding-left: 0px;
    float: none; }

  .linija {
    display: none; }

  .contentBottom {
    width: auto; }

  .footer {
    padding: 10px 10px 10px 10px;
    width: 88%; }

  .footer .welcome {
    width: 49%; }

  .footer .footerForma {
    display: none; }

  .footer .footerLinkovi {
    width: 49%; }

  .dodatakDesnoCalc {
    display: none; }

  .relatedCalculators {
    width: 60%; }

  .directLinkWindow {
    width: 95%; }

  .errorWindow input.sellectAll {
    width: 95%;
    margin-left: 5px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px; } }
@media screen and (max-width: 600px) {
  a.logo {
    display: none; }

  .baner p.paragraf1 {
    padding-top: 60px;
    font-size: 4vw; }

  .baner p.paragraf2 {
    font-size: 3vw; }

  .waitWindow {
    width: 95%; }

  .waitWindow canvas {
    margin: 5px; }

  .tekstUwaitWin {
    float: right;
    width: 70%;
    margin: 0 auto;
    padding-top: 20px; }

  .buttonNakonResenja {
    padding: 0 1em;
    margin: 0.3em; }

  .aboutCalcSection img.inTableSmall {
    display: none; }

  #appRealiseNote a div.appRealiseNoteContent {
    height: 40px;
    background-color: yellow;
    text-align: center;
    line-height: 40px;
    font-size: 0.9em; }

  #free-quote {
    width: 70%; } }
/* 500 PX */
@media screen and (max-width: 500px) {
  body {
    background: none; }

  .hide500px {
    display: none !important; }

  .header {
    height: 0px; }

  .textLogo {
    display: none; }

  #page-intro {
    margin-top: 40px;
    margin-bottom: 0px; }

  .page-intro-v2 {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
    font-size: 1.2em !important; }

  .error {
    margin-top: 0;
    padding-top: 0px; }

  #free-quote {
    width: 80%;
    font-size: 1.5em;
    height: 80px;
    line-height: 80px; }

  #user-info {
    font-size: 0.8em; }

  #follow-steps {
    margin-top: 80px;
    margin-bottom: 30px; }

  #steps-container {
    padding: 10px 0; }

  #steps-container .step-caption {
    font-size: 0.9em;
    margin: 15px auto 15px auto;
    font-weight: normal;
    line-height: normal; }

  #steps-container div.single-step {
    padding: 10px 0;
    min-height: auto; }

  textarea {
    font-size: 0.9em; }

  p.buttons input {
    width: 120px; }

  div.step-image img {
    height: 40px; }

  div.step-content {
    font-size: 0.8em;
    line-height: normal; }

  #ticketForm, #clientLogin, #ticketInfo, #ticketThread, #reply, #paypal_holder, #paypal_message, #result-message {
    width: 100%; }

  #ticketInfo {
    padding: 10px 15px; }

  textarea {
    padding: 15px 20px; }

  h2 {
    font-size: 1.3em;
    margin-bottom: 0px; }

  .sve {
    width: 100%; }

  .wrap {
    background: none; }

  .homeLinkSmallScreen {
    margin-bottom: 2px; }

  .glavniLinkovi {
    width: 100%; }

  .glavniLinkovi ul li {
    width: 25%;
    display: table-cell;
    float: none;
    padding: 0;
    vertical-align: middle; }

  .glavniLinkovi ul li.current {
    background-color: #e0f2fb;
    border: 1px solid #6ec4ef; }

  .glavniLinkovi ul li a.current, .glavniLinkovi ul li a:hover.current {
    color: #05699b; }

  .glavniLinkovi ul li a {
    padding: 15px 10px;
    display: block; }

  .glavniLinkovi ul li a span {
    font-size: 1em; }

  .glavniLinkovi ul li a.current span, .glavniLinkovi ul li a:hover.current span {
    border-bottom: none; }

  #steps-container div.single-step {
    margin: 0 5px; }

  .sadrzaj {
    padding: 0; }

  .noMarginSmall {
    margin: 0;
    padding: 0; }

  .lineBreaker500 {
    clear: both;
    display: block; }

  .bezReklamaCalculators {
    width: 100%;
    padding: 5px;
    margin: 0 auto; }

  .tekstUwaitWin {
    width: 60%;
    font-size: 1em; }

  p.tekstUwaitWinP1 {
    padding: 0;
    margin: 0; }

  p.tekstUwaitWinP2 {
    padding: 0;
    margin: 0; }

  .lessonIntro {
    display: none; }

  .putanjaCalc {
    width: 80%;
    text-align: initial; }

  .googleSquareBigCalc {
    float: none; }

  .dodatakFormulaDesno {
    width: 100%;
    margin: 0 auto;
    text-align: center; }

  .dodatakDesno {
    display: none; }

  .dodatakDesnoCalc {
    padding-left: 0;
    padding-right: 0; }

  .footer .welcome {
    display: none; }

  .footer .footerLinkovi {
    width: 100%; }

  /* formulas */
  .mathformulas p.glavni {
    padding-left: 0px;
    font-size: 15px; }

  .formuladownload {
    margin-top: 10px; }

  .formuladownload a {
    font-size: 1em;
    font-weight: normal; }

  .panel {
    display: none; }

  div.trigger {
    cursor: pointer;
    width: 80px;
    text-align: center;
    padding: 5px;
    border-bottom-left-radius: 10px; }

  div.trigger {
    top: 600px; }

  .panel {
    top: 640px; }

  #simplemodal-container {
    width: 420px;
    height: 300px; }

  #basic-modal-content p {
    margin-left: 10px; }

  #basic-modal-content img {
    width: 90%;
    margin-left: 10px; }

  .success p.uvucen {
    margin-left: 0px; }

  .success p.uvucenPad0 {
    margin-left: 0px; }

  .success p.uvucen40 {
    margin-left: 20px; }

  .success p.uvucen40Pad0 {
    margin-left: 20px; }

  .success p.uvucen90 {
    margin-left: 20px; }

  .success p.uvucen90Pad0 {
    margin-left: 20px; }

  .centerSmallScreen200 {
    position: relative;
    width: 200px !important;
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
    left: 50%;
    transform: translate(-110px, 0); }

  .viewExamplesLink {
    display: none; }

  .relatedCalculators {
    width: 90%; }

  #formcalc div.inputWithComment {
    margin: 0 auto;
    width: 85%; }

  #formcalc label.viewExamplesText {
    width: auto;
    margin-left: 4%; }

  #formcalc input.inputWithQuestion500 {
    width: 80%;
    float: left;
    margin-left: 3%; }

  .width100SS {
    width: 100% !important; }

  .fitContentSS {
    width: fit-content !important; }

  .geomImageSmallScreen {
    height: 250px; }

  .marginLeft50SS {
    margin-left: 50px !important; }

  .marginLeft10SS {
    margin-left: 10px !important; }

  .width150SS {
    width: 150px !important; }

  .width100pxSS {
    width: 100px !important; }

  .marginOneLRscreen500 {
    margin-left: 1px !important;
    margin-right: 1px !important; }

  .marginFiveLRscreen500 {
    margin-left: 5px !important;
    margin-right: 5px !important; }

  .marginTenLRscreen500 {
    margin-left: 10px !important;
    margin-right: 10px !important; }

  .floatNoneSS {
    float: none !important; }

  .centerContentSS {
    display: block;
    width: max-content !important;
    margin: 0 auto;
    text-align: center; }

  .jqplot-target {
    width: 378px;
    height: 315px;
    margin: 0 auto; }

  .jqplot-target .jqplot-point-label {
    font-size: 15px; }

  .aboutCalcSection {
    width: 100% !important; }

  .euclideanAlg {
    margin-left: 5px !important; }

  .grid-item-about {
    font-size: 1.1em !important; } }
@media screen and (max-width: 400px) {
  #formcalc .comboGeom {
    width: 150px; }

  #commentError {
    margin-left: 5%;
    width: 86%;
    padding: 2%;
    line-height: 23px;
    font-size: 1.1em; }

  .marginZeroscreen400 {
    margin: 0px !important; }

  .marginOneLRscreen400 {
    margin-left: 1px !important;
    margin-right: 1px !important; }

  .marginZeroLRscreen400 {
    margin-left: 0px !important;
    margin-right: 0px !important; }

  .marginFiveLRscreen400 {
    margin-left: 5px !important;
    margin-right: 5px !important; }

  .marginTenLRscreen400 {
    margin-left: 10px !important;
    margin-right: 10px !important; }

  .hide400px {
    display: none !important; }

  .minWidthSmallScreen {
    min-width: fit-content !important; }

  .form-wrapper #searchCalculatorsInput {
    width: 71%; }

  .relatedCalculators {
    width: 100%; }

  .lineBreaker400 {
    display: block;
    clear: both;
    width: 100%;
    height: 1px; }

  #formcalc label.insideInputFieldsKvad {
    margin: 0; }

  #formcalc.formTitle {
    font-size: 1.2em; }

  #formcalc .comboZnak {
    margin-left: 2px;
    margin-right: 2px; }

  #formcalc table.graphOptions {
    width: auto; }

  #formcalc label.insideInputFieldsText {
    width: auto; }

  .calcExamplesTitle {
    text-align: center; }

  #formcalc div.leviSpacer50 {
    width: 5px; }

  #formcalc div.leviSpacer100 {
    width: 5px; }

  #formcalc div.leviSpacer150 {
    width: 5px; }

  #formcalc div.inputWithComment {
    float: none;
    margin: 0 auto;
    width: auto; }

  #formcalc label.beginInputField200 {
    min-width: 150px;
    margin: 0 5px; }

  div.probGrid {
    grid-template-columns: min-content 15px 85px 85px 10px !important;
    margin: 0 0 0 5px !important;
    font-size: 1em !important; }

  span.geomControl {
    margin: 19px auto 19px auto;
    margin-left: 34px; }

  .geomImageSmallScreen {
    height: 220px; }

  .examplePicture {
    width: 80%;
    float: right; }

  .examplePicture img {
    max-width: 100%; }

  #slider-vertical {
    display: none; }

  #slider-horizontal {
    display: none; }

  #slider-verticalA {
    display: none; }

  #slider-verticalB {
    display: none; }

  #slider-horizontalA {
    display: none; }

  #slider-horizontalB {
    display: none; }

  .jqplot-target {
    width: 330px;
    height: 275px;
    margin: 0 auto; }

  .jqplot-target .jqplot-point-label {
    font-size: 15px; }

  #formcalc input.numden {
    margin: 5px 0;
    width: 95%; }

  .errorWindow input.submitError {
    margin-left: 15px; }

  .calcErroImageHelp {
    width: 90% !important;
    margin-left: 5% !important; } }

/*# sourceMappingURL=09responsive.css.map */