#map {
          height: 570px;
      }
      .np {
          padding: 0!important;
      }
      #inner{
        height: auto;
        min-height: 0;
      }
      #contact-container,
      #contact-wrapper{
        overflow-x: hidden;
      }
      #map-container {} #contact-info a,
      #contact-info a:hover {
          text-decoration: none;
          color: #444444;
      }
      .pg-header {
          height: 300px;
          background-repeat: no-repeat;
          background-position: left;
          width: 100%;
          padding-top: 150px;
          background-size:cover;
          padding-left: 5%;
      }
      
      
      #contact-info {
          font-size: 1.3em;
          color: #444444;
          padding-left: 5% !important;
      }
      #contact-info p {
          margin: 0;
          font-weight: 600;
      }
      #contact-info img {
          margin-right: 10px;
      }
      .contact-icon {
          width: 15px;
      }
      #contact-logo {
          margin-top: 50px;
          margin-bottom: 40px;
      }
      .contact-intro {
          text-transform: uppercase;
          font-size: 1.4em;
          color: #444444;
          padding-right: 5%;
          line-height: normal;
          font-weight: bold;
      }
      .c-info {
          line-height: 90px;
      }
      .c-info-small {
          line-height: 45px;
      }
      .map-icon {
          padding-left: 40px;
          background-image: url("/images/icons/contact-icon/map-icon.png");
          background-repeat: no-repeat;
          background-position: left;
      }
      .phone-icon {
          padding-left: 40px;
          background-image: url("/images/icons/contact-icon/phone-icon.png");
          background-repeat: no-repeat;
          background-position: left;
      }
      .mail-icon {
          padding-left: 40px;
          background-image: url("/images/icons/contact-icon/mail-icon.png");
          background-repeat: no-repeat;
          background-position: left;
      }
      /*email küldés*/
      
      #send-mail {
          background-color: #ececec;
          text-align: center;
          padding-top: 100px;
          overflow: hidden;
      }
      #send-mail h2 {
          font-weight: 600;
          font-size: 2em;
          text-transform: uppercase;
      }
      #send-mail input {
          margin-bottom: 25px;
      }
      .form-control {
          border-radius: 0px;
          border: 2px solid #494949;
          background-color: #ececec;
      }
      ::-webkit-input-placeholder {
          /* WebKit, Blink, Edge */
          
          color: #494949!important;
          text-transform: uppercase;
          font-weight: 600;
      }
      :-moz-placeholder {
          /* Mozilla Firefox 4 to 18 */
          
          color: #494949!important;
          opacity: 1;
          text-transform: uppercase;
          font-weight: 600
      }
      ::-moz-placeholder {
          /* Mozilla Firefox 19+ */
          
          color: #494949!important;
          opacity: 1;
          text-transform: uppercase;
          font-weight: 600
      }
      :-ms-input-placeholder {
          /* Internet Explorer 10-11 */
          
          color: #494949!important;
          text-transform: uppercase;
          font-weight: 600
      }
      textarea:focus,
      input:focus,
      .uneditable-input:focus {
          border-color: rgba(73, 73, 73, 0.8) !important;
          box-shadow: 0 1px 1px rgba(273, 73, 73, 0.075) inset, 0 0 8px rgba(73, 73, 73, 0.6) !important;
          outline: 0 none !important;
      }
      #check-detect {
          display: none;
      }
      #kuldes {
          margin: auto;
          margin-top: 20px;
          width: 220px;
          height: 30px;
          border: 0;
          text-transform: uppercase;
          font-weight: 600;
      }
      .valid-error {
          text-align: left;
          color: red;
          height: 20px;
      }
      /*eof eamail küldés*/
      /*media query*/
     @media screen and (max-width: 1480px) {
          .c-info {
            line-height: 65px;
          }
          .c-info-small{
            line-height: 40px;
          }
      }
      @media screen and (max-width: 1400px) {
          #contact-info {
              font-size: 1.2em;
              padding-left: 2% !important;
          }
      }
       @media screen and (max-width: 1275px) {
          .c-info {
            line-height: 70px;
          }
          .c-info-small{
            line-height: 40px;
          }
      }
      @media screen and (max-width: 1200px) {
          #contact-info {
              font-size: 1.1em;
              padding-left: 2% !important;
          }
      }
      @media screen and (max-width: 991px) {
          #contact-container {}
          .c-info {
              line-height: 60px;
          }
          .c-info-small {
              line-height: 40px;
          }
          #contact-logo {
              margin-top: 45px;
              margin-bottom: 50px;
          }
      }
      
             @media screen and (max-width: 920px) {
          .c-info {
            line-height: 60px;
          }
          .c-info-small{
            line-height: 40px;
          }
      }
      @media screen and (max-width: 500px) {
          #contact-container {} .c-info {
              line-height: 70px;
          }
          .c-info-small {
              line-height: 40px;
          }
          #contact-logo {
              margin-top: 35px;
              margin-bottom: 40px;
          }
          #contact-info {
              font-size: 1em;
          }
          .contact-intro {
              padding-right: 0;
          }
      }
      @media screen and (max-width: 500px) {
          .c-info {
              line-height: 70px;
          }
          .c-info-small {
              line-height: 35px;
          }
          #contact-logo {
              margin-top: 35px;
              margin-bottom: 40px;
          }
          #contact-info {
              font-size: 0.85em;
              padding-left: 5% !important;
          }
          .contact-intro {
              padding-right: 0;
          }
          .map-icon {
              padding-left: 30px;
              background-position: left;
          }
          .phone-icon {
              padding-left: 30px;
              background-position: left;
          }
          .mail-icon {
              padding-left: 30px;
              background-position: left;
          }
      }