/*
====================================
large Screen - Others
====================================
*/
@media screen and (min-width: 1200px) and (max-width: 1399px) {

	/* page 04 start */

	.career-item-image {
	    width: 450px;
	}

	.career-item-content {
	    width: calc(100% - 450px);
	}

	.career-item-content ul li {
	    padding: 0 15px;
	}

	/* page 05 start */

	.about-item-left {
	    width: calc(100% - 650px);
	}

	.about-item-right {
		width: 650px;
	}






}








@media screen and (min-width: 992px) and (max-width: 1199px) {

	/* page 04 start */

	.career-item-image {
	    width: 350px;
	    margin-bottom: 140px;
	}

	.career-item-content {
	    width: calc(100% - 350px);
	    margin-bottom: 150px;
	   	padding-top: 0px;
    	padding-left: 40px;
	}

	.career-item-content-second {
	    padding-left: 0;
	    padding-right: 40px;
	}

	.career-item-content ul {
		padding-top: 40px;
	}

	.career-item-content ul li {
	    padding: 0 10px;
	}

	/* team area start */

	.team-item ul li {
	    width: 33.333%;
	}

	.team-item-second .team-item-content {
		padding: 32px 22px;
	}

	/* page 05 start */

	.about-item-left {
	    width: calc(100% - 400px);
	    padding-bottom: 50px;
	}

	.about-item-left p {
	    margin-bottom: 40px;
	}

	.about-item-left > a.button {
	    margin-bottom: 40px;
	}

	.about-item-left ul {
	    margin-bottom: 40px;
	}

	.about-item-right {
		width: 400px;
	}






}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {


	.form-item h2 {
		font-size: 31px;
	}

	/* page 03 start */

	.form-item-inner h4 br {
		display: none;
	}

	/* page 04 start */

	.career-item-image {
	    width: 300px;
	    margin-bottom: 80px;
	}

	.career-item-content {
	    width: calc(100% - 300px);
	    margin-bottom: 80px;
	   	padding-top: 0px;
    	padding-left: 30px;
	}

	.career-item-content h2 {
	    font-size: 28px;
	    margin-bottom: 25px;
	}

	.career-item-content p {
		margin-bottom: 25px;
	}

	.career-item-content-second {
	    padding-left: 0;
	    padding-right: 30px;
	}

	.career-item-content ul {
		padding-top: 40px;
	}

	.career-item-content ul li {
	    padding: 0 5px;
	}

	/* team area start */

	.team-item ul li {
	    width: 50%;
	}

	.team-title-second {
	    padding-top: 70px;
	}

	/* page 05 start */

	.about-item-left {
	    width: calc(100% - 300px);
	    padding-right: 0px;
	    padding-bottom: 30px;
	}

	.about-item-left p {
	    margin-bottom: 30px;
	}

	.about-item-left > a.button {
	    margin-bottom: 30px;
	}

	.about-item-left ul {
	    margin-bottom: 30px;
	}

	.about-item-right {
		width: 300px;
	}



}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {	


	/*=== main content start ===*/

	.form-area {
	    padding: 50px 0;
	}

	.google-map {
	    margin-bottom: 30px;
	}

	.google-map-inner {
	    padding: 30px 15px;
	}

	.form-item h2 {
	    font-size: 28px;
	    margin-bottom: 30px;
	}

	.form-group {
	    grid-template-columns: repeat(1, 1fr);
	}

	.form-group-inner {
	    margin-bottom: 30px;
	}

	.form-item-inner {
	    margin-bottom: 30px;
	}

	.form-item button {
	    width: 280px;
	    margin: 0 auto;
	}

	/* second page start */

	.form-upper {
	    margin-bottom: 35px;
	}

	.form-upper h2 {
	    font-size: 32px;
	}

	.form-upper h2 span {
	    font-size: 20px;
	    width: 70px;
	    height: 35px;
	}

	.form-button div {
		width: 100%;
		text-align: center;
	}

	.form-button a {
		margin: 0;
	}

	.form-button button {
		margin-top: 15px;
	}

	/* page 03 start */

	.form-item-inner h4 {
		font-size: 20px;
	}

	.form-item-inner h4 br {
		display: none;
	}

	.form-button-second button {
		font-size: 24px;
	    width: 300px;
	}

	/* page 04 start */

	.career-area {
	    padding: 70px 0 30px;
	}

	.career-item-image {
	    width: 100%;
	    margin-bottom: 40px;
	}

	.career-item-content {
	    width: 100%;
	    margin-bottom: 40px;
	    padding: 0px;
	}

	.career-item-content h2 {
	    font-size: 28px;
	    margin-bottom: 25px;
	}

	.career-item-content p {
	    margin-bottom: 25px;
	}

	.career-item-content-second {
	    padding-right: 0px;
	}

	.career-item-content ul {
	    padding-top: 10px;
	}

	.career-item-content ul li {
	    width: 50%;
	    padding: 0 25px;
	    margin-top: 20px;
	}

	/* team area start */

	.team-item ul li {
	    width: 100%;
	}

	.team-title-second {
	    padding-top: 40px;
	}

	/* apply area start */

	.apply-area {
	    padding: 70px 0;
	}

	.apply-item h2 {
	    font-size: 28px;
	    margin-bottom: 25px;
	}

	.apply-item p {
	    margin-bottom: 25px;
	}

	.apply-item a {
	    height: 58px;
	}

	/* page 05 start */

	.about-item-left {
	    width: 100%;
	    padding-right: 0px;
	    padding-bottom: 30px;
	}

	.about-item-left h2 {
	    font-size: 28px;
	}

	.about-item-left p {
	    margin-bottom: 30px;
	}

	.about-item-left > a.button {
	    margin-bottom: 30px;
	}

	.about-item-left ul {
	    margin-bottom: 30px;
	}

	.about-item-right {
		width: 100%;
	}




}