/* Large Devices, Wide Screens */
@media screen and (max-width : 1200px) {
  
}
/* Medium Devices, Desktops */
@media  screen and (max-width : 992px) { /*746  570*/
  
}    
/* Small Devices, Tablets */
@media  screen and (max-width : 768px) {
    .row{
        margin:10px 10px;
        max-width: 140px;       
    }
 .header{
   width:95%;
  }
 .slujba{ 
    width:50%;
    padding:0;     
 }
 .form-row{
  
 }
 .calculate h2{ 
    font-size:25px;      
    }
     .header h4{
        font-size:20px;     
    }
      #doc_time{
          margin:0 auto;
         font-size:20px;
         padding-left:23px
    }
       .form-row{
         width:30%;
    }
      .form-row span{
          font-size:20px;
           } 
       .forma label{
           font-size:20px;
     } 
        .formi{
     margin:10px 3px 0px 3px; 
     }
        .davlenie p{
            font-size:20px;
     }
         .posh p{
              font-size:20px;
      }
          #weather option{
           font-size:20px;
      } 
       .row {
           width:50px;
           margin:2px 3px;
       } 
       .row span, label{
            font-size:15px;  
       } 
         .dannie{     
      flex-wrap: wrap;    
      justify-content: flex-start;       

}
/* Extra Small Devices, Phones */
@media screen and (max-width : 470px) {
    .row{
        margin:10px 10px;
        max-width: 140px;
        word-break: break-all; 
    }
    .dannie{
        margin:5px;
    }
    #content{
       width: 95%;  
    }
    .calculate { 
        font-size:10px;
    } 
    .header p{
        font-size:10px;     
    }             
           
 
}

/* Custom, iPhone Retina */
@media  screen and (max-width : 340px) {
    #content{
        flex-wrap: wrap;  
        width: 95%;  
    }
    .form-row {
        gap:10px;
    } 
    .row{
        margin:10px 3px;
        max-width: 100px;
        word-break: break-all; 
    }
     .calculate { 
        font-size:10px;
}           
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media  screen and (min-width : 320px) {
  
  
}

/* Extra Small Devices, Phones */
@media  screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}


/* Medium Devices, Desktops */
@media  screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media  screen and (min-width : 1200px) {

}