#header{padding-bottom: 15px;}
#product-banner{background: url(../images/job.jpg) center top no-repeat; height: 420px; background-size: cover;position: relative; }
#product-banner .chevron {position: absolute; width: 10px; height: 2px; opacity: 0; transform: scale3d(0.5, 0.5, 0.5); animation: move 3s ease-out infinite;}
#product-banner .chevron:first-child {animation: move 3s ease-out 1s infinite;}
#product-banner .chevron:before,
#product-banner .chevron:after {content: ' '; position: absolute; top: 0; height: 100%; width: 51%; background: #fff;}
#product-banner .chevron:before {left: 0; transform: skew(0deg, 30deg);}
#product-banner .chevron:after {right: 0; width: 50%; transform: skew(0deg, -30deg);}

.chevron:nth-child(2) {animation: move 3s ease-out 2s infinite;}

@keyframes move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}



@keyframes pulse {
  to {
    opacity: 1;
  }
}


#product-banner .container-fluid{width: 80%;}
#product-banner h2 {color: white!important; margin-top: 180px; font-weight: 400; font-size: 2.5em; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #00a94f; display: inline-block;}
#product-banner p{color: white !important; width: 35%; padding-bottom: 10px; line-height: 1.4!important; font-size: 14px; border-bottom: 2px solid #00a94f;}
#product-banner .line{width: 100%; height: 2px; background: #7a7a7a; display: none; margin-left: -36%; margin-bottom: 15px; margin-top: 15px;}
#product-banner p:after {content: ""; position: absolute; top: 223px; left: 35%; width: 20px; height: 20px; background: #fff; right: 0px; border-radius: 50px;}

#content .container-fluid{width: 70%; background: #f5f5f5; padding: 30px; padding-top: 50px; padding-bottom: 50px; border-radius: 10px;}
#content{padding-top: 100px; padding-bottom: 100px; border-bottom: 1px solid #e3e3e3;}
#content h2{margin-top: 0px; color: #525252; font-weight: 400;}
#content p{line-height: 28px; font-size: 14px; width: 70%;}
#content h5 {font-size: 12px; color: #f00; margin-top: 20px; margin-bottom: 20px;}
#content a{text-decoration: none!important;}
#content input, select, textarea {height: 45px; outline: none; width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 0px; margin-bottom: 16px; resize: vertical; font-size: 12px!important; color: #000!important; }
#content input[type=submit] {background-color: #00a94f; color: white!important; padding:10px; border: none; border-radius: 4px; cursor: pointer; width: 25%;}
#content input[type=submit]:hover {background-color: #272727;}
#content button, input, select, textarea{outline: none; font-family: 'Open Sans', sans-serif!important; font-weight: 300!important; font-size: 12px!important; margin-bottom: 15px!important; color: #000!important;  background: none;}
#content label {margin-bottom: 10px; font-family: 'Open Sans', sans-serif!important; font-weight: 300!important; margin-top: 15px; display:block; }
#content label:hover {cursor:pointer;}
#content form {margin-top: 30px;}
.last input[type=checkbox], input[type=radio]{margin:auto!important;margin-right: 10px!important;}
#content select {width: 100%;}









@media only screen and (min-width : 1920px) and (max-width : 2560px){
#product-banner p{font-size: 16px;}

}

@media only screen and (min-width : 1600px) and (max-width : 1919px){
#header .w3-teal {margin-top: -10.5%;}  
#product-banner p{width: 37%;}
#product-banner p:after{left: 36%;}

#content p{width: 90%;}
#content form {margin-top: 20px;}

}

@media only screen and (min-width : 1440px) and (max-width : 1599px){
#product-banner p{width: 42%;}
#product-banner p:after{left: 41%; top: 210px;}
#product-banner h2{margin-bottom: 10px;}

#content p{width: 95%;}
#content form {margin-top: 20px;}
#content label{font-size: 13px;}

}

@media only screen and (min-width : 1366px) and (max-width : 1439px){
#header .w3-teal {margin-top: -10%;}  
#product-banner p{width: 45%;}
#product-banner p:after{top: 208px; left: 45%;}
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content{padding-top: 70px; padding-bottom: 70px;}
#content p{width: 100%;}
#content form {margin-top: 15px;}
#content .container-fluid {width: 80%;}
#content button, input, select, textarea{margin-bottom: 10px!important;}
#content label{font-size: 13px;}
#content h2{font-size: 25px;}

}

@media only screen and (min-width : 1280px) and (max-width : 1365px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}
#product-banner p{width: 48%;}
#product-banner p:after{top: 207px; left: 48%;}

}

@media only screen and (min-width : 1200px) and (max-width : 1279px){
#product-banner p{width: 50%;}
#product-banner p:after{top: 208px; left: 50%;}
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}

#content{padding-top: 70px; padding-bottom: 70px;}
#content p{width: 100%;}
#content form {margin-top: 15px;}
#content .container-fluid {width: 85%;}
#content button, input, select, textarea{margin-bottom: 10px!important;}
#content label{font-size: 12px;}
#content h2{font-size: 27px;}

}

@media only screen and (min-width : 1024px) and (max-width : 1199px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}
#product-banner p{width: 58%;}
#product-banner p:after{top: 207px; left: 55%;}

#content{padding-top: 70px; padding-bottom: 70px;}
#content p{width: 100%;}
#content form {margin-top: 15px;}
#content .container-fluid {width:90%;}
#content button, input, select, textarea{margin-bottom: 10px!important;}
#content label{font-size: 12px;}
#content h2{font-size: 27px;}
#content input[type=submit]{padding: 7px; width: 30%;}

}

@media only screen and (min-width : 768px) and (max-width :1023px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px;}
#product-banner p{width: 80%;}
#product-banner p:after{top: 57px; left: 76%;}

#content{padding-top:50px;padding-bottom: 50px; }
#content .container-fluid{width: 80%; padding: 30px;}
#content p{width: 100%;}
#content form {margin-top: 10px;}
#content input[type=submit]{margin-top: 15px;}
#content label{margin-top: 5px;}
#footer-start {padding-top: 80px!important;}
  
}

@media only screen and (min-width : 150px) and (max-width : 767px){
#product-banner h2{font-size: 1.8em; margin-bottom: 10px; margin-top: 160px;}
#product-banner h2 {border: none;}
#product-banner {background: url(../images/mb-banner/job.jpg) center top no-repeat; height: 350px;}
#product-banner .container-fluid {width: 80%;}

#content {padding-top: 50px;padding-bottom: 50px;}
#content .container-fluid {width: 90%; padding: 30px 20px;}
#content h2{font-size: 25px; line-height: 28px;}
#content form {margin-top: 0px;}
#content p{width: 100%; text-align: justify;}
#content label{margin-top: 5px; line-height: 28px;}
#content input[type=submit]{padding: 8px;width: 45%;}
#content input[type=text], select, textarea{padding: 10px;}

#footer-start {padding-top: 50px!important;padding-bottom: 50px!important;}

.g-recaptcha {
    transform: scale(0.8);
}
.g-recaptcha {
    transform-origin: left top;
    -webkit-transform-origin: left top;
}

}

@media only screen and (max-width : 375px){

}  

@media only screen and (max-width : 320px){
.g-recaptcha {
    transform: scale(0.7);
}


}