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


	/*=== step area start ===*/

	.step-item-inner2 ul li {
	    padding: 0 19px;
	}


}








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


	/*=== work area start ===*/

	.work-item3 {
	    padding: 40px 30px;
	}

	/*=== step area start ===*/

	.step-item-inner2 ul li {
		font-size: 15px;
	    padding: 0 12.2px;
	}

	.step-item-inner30 {
	    padding-left: 8px;
	    padding-right: 4px;
	}

	.step-item-inner30 > div {
	    padding: 0 4.5px;
	}

	.step-item-inner3 input {
	    font-size: 15px;
	}


	.step-item-inner7 {
		padding: 35px 60px;
	}

	.step-item-inner7 img {
		max-width: 80px;
	}


}

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


	/*=== work area start ===*/

	.work-item h2 {
	    font-size: 36px;
	    margin-bottom: 35px;
	}

	.work-item3 {
	    padding: 40px 20px;
	}

	.work-item3 h2 {
	    font-size: 18px;
	}

	.work-item3 form div {
	    width: 260px;
	}

	/*=== step area start ===*/

	.step-item-inner2 ul li {
	    padding: 0 29.80px;
	}

	/*=== how_it_works area start ===*/

	.hero-main {
		padding: 80px 30px 75px 30px;
	}

	.hero-left h2 {
		font-size: 25px;
	}

	.upload-cnt h4 {
		font-size: 20px;
	}

	.upload-cnt ul {
			margin-top: 10px;
	}

	.upload-cnt ul li {
		font-size: 14px;
		margin-top: 10px;
	}

	.upload-cnt {
		left: 23px;
	}

	.upload-cnt2 {
			left: 60px;
	}

	.upload-item1 {
			width: 20%;
	}

	.upload-item2 {
		width: 10%;
	}

	.upload-item3 {
		width: 70%;
	}

	.upload-area {
			padding: 65px 0 65px 0;
	}

	.print-main {
		flex-direction: column;
	}

	.print-inner {
		display: none;
	}

	.print-item {
		margin-top: 35px;
		text-align: center;
	}

	.print-item1 {
		order: 1;
		margin-top: 0;
	}

	.print-item2 {
		order: 2;
	}

	.print-item3 {
		order: 4;
	}

	.print-item4 {
		order: 3;
	}

	.wellcome-cnt h4 {
		font-size: 22px;
	}

	.wellcome-cnt p {
		font-size: 15px;
	}

	.wellcome-cnt p:nth-of-type(1) {
			margin-top: 8px;
	}	

	/*=== footer area start ===*/

	.footer-item img {
	    max-width: 130px;
	}

	.footer-item h3 {
		margin: 0 0 21px;
	}

	.footer-item ul li a {
	    font-size: 16px;
	}




}

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


	/*=== Header area start ===*/

	.header-area {
	    padding: 19px 0;
	}

	.header-item-inner2 img {
	    width: 140px;
	}

	/*=== work area start ===*/

	.work-area {
	    background-size: 644px;
	    padding-top: 80px;
	    background-position: center top;
	}

	.work-area:before {
	    display: block;
	}

	.work-item h2 {
	    font-size: 24px;
	    margin-bottom: 14px;
	}

	.work-item p {
	    font-size: 14px;
	    max-width: 271px;
	}

	.work-item a {
	    font-size: 12px;
	    padding: 7px 17px;
	}

	.work-item-inner img:nth-of-type(1) {
	    display: none;
	}

	.work-item-inner img:nth-of-type(2) {
	    display: block;
	}

	.work-item-inner2 img {
	    max-width: 33px;
	}

	.work-item3 {
	    padding: 30px 20px 35px;
	    background-image: none;
	    flex-wrap: wrap;
	    margin-top: 40px;
	}

	.work-item3 > div {
		width: 100%;
	}

	.work-item3:after {
	    display: block;
	}

	.work-item3 h2 {
	    font-size: 18px;
	    margin-bottom: 31px;
	    text-align: center;
	}

	.work-item3 form {
	    flex-wrap: wrap;
	    max-width: 302px;
	    margin: 0 auto;
	}

	.work-item3 form div {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 10px;
	}

	.work-item3 form input {
	    font-size: 14px;
	    padding: 13px 23px;
	}

	.work-item3 form button {
	    font-size: 14px;
	    padding: 11px 33px;
	    width: 100%;
	}

	/*=== step area start ===*/

	.step-area {
	    padding-top: 50px;
	    margin-top: -0px;
	}

	.step-area:after {
	    top: -119px;
	    left: -273px;
	}

	.step-item-inner {
	    padding: 13px 20px 10px;
	    text-align: center;
	}

	.step-item-inner h2 {
	    font-size: 12px;
	    margin-bottom: 8px;
	}

	.step-item-inner h2 img {
	    margin-left: 6px;
	    width: 11px;
	}

	.step-item-inner h3 {
	    font-size: 18px;
	}

	.step-item-inner2 {
	    padding: 20px 15px;
	}

	.step-item-inner3 > div:nth-of-type(1) {
	    width: calc(100% - 32px);
	    height: 49px;
	}

	.step-item-inner30 {
	    padding-left: 8px;
	    padding-right: 4px;
	}

	.step-item-inner30 > div {
	    padding: 0 3.5px;
	}

	.step-item-inner3 input {
	    font-size: 10px;
	}

	.step-item-inner3 > div:nth-of-type(2) {
	    width: 32px;
	}

	.step-item-inner3 > div:nth-of-type(2) img {
		width: 14px;
	}

	.step-item-inner2 ul li {
	    font-size: 11px;
	    height: 44px;
	    width: 18%;
	    padding: 0 5px;
	    border: 0.591px solid #FFF;
	}

	.step-item-inner2 ul li:nth-of-type(1) {
		width: 25%;
	}

	.step-item-inner2 ul li:last-of-type {
		width: 30%;
	}

	.step-item-inner4 {
	    padding: 25px 15px 0;
	}

	.step-item-inner5 {
	    padding-top: 14px;
	    margin-bottom: 25px;
	    height: 210px;
	}

	.step-item-inner7 {
	    padding: 24px 70px;
	}

	.step-item-inner7 img {
		width: 52px;
	}

	.step-item-inner7 p {
	    font-size: 12px;
	}

	.step-item-inner7 p:nth-of-type(2) {
		display: none;
	}

	.step-item-inner8 {
	    flex-wrap: wrap;
	    flex-direction: column-reverse;
	    padding: 10px 13px 19px;
	}

	.step-item-inner8 div {
		width: 100%;
	}

	.step-item-inner8 p {
	    font-size: 10px;
	    text-align: right;
	    margin-top: 6px;
	}

	.step-item-inner8 p img {
		width: 10px;
	}

	.step-item-inner8 button {
		width: 100%;
		height: 45px;
		font-size: 14px;
	}

	.step-item2 .step-item-inner2 a {
	    font-size: 19.659px;
	    width: 100%;
	    height: 38px;
	    margin-top: 15px;
	    margin-bottom: 10px;
	}

	.step-item2 .step-item-inner5 {
	    height: 340px;
	}

	.step-item-inner10 {
	    padding: 9px 14px 9px 10px;
	    margin-bottom: 12px;
	    border-radius: 2.888px;
		border: 0.607px solid rgba(0, 0, 0, 0.50);
	}

	.step-item-inner11 {
	    width: 9px;
	}

	.step-item-inner11 span {
	    width: 9px;
	    height: 9px;
	    border-radius: 2px;
	    font-size: 5px;
	}

	.step-item-inner12 {
	    width: 41px;
	}

	.step-item-inner12 img {
		width: 25.5px;
	}

	.step-item-inner13 {
	    width: calc(100% - 50px);
	}

	.step-item-inner13 h3 {
	    font-size: 12px;
	}

	.step-item-inner13 h3 span {
	    font-size: 12px;
	}

	.step-item-inner14 {
	    height: 3.5px;
	    border-radius: 20px;
	}

	.step-item-inner14 span {
	    height: 3.5px;
	    border-radius: 20px;
	}

	.step-item-inner13 p {
	    font-size: 6.5px;
	}

	/*=== image area start ===*/

	.image-area {
	    background-image: none;
	    padding: 0;
	    margin-top: 0px;
	}

	.image-item-inner {
	    display: block;
	}

	/*=== how_it_works area start ===*/

	.hero-main {
		padding: 30px 15px;
	} 

	.hero-left h2 {
		font-size: 22px;
	}

	.hero-left ul li {
		font-size: 15px;
	}

	.hero-left {
		margin-top: 30px;
	}

	.upload-cnt h4 {
		font-size: 16px;
	}

	.upload-cnt2 {
	  	left: 48px;
	}

	.upload-cnt ul li {
		font-size: 10px;
		margin-top: 5px;
	}

	.upload-cnt ul {
	  	margin-top: 5px;
	}

	.upload-cnt {
		left: 17px;
		max-width: initial;
	}

	.upload-cnt2 {
	    left: 39px;
	}

	.print-main {
		flex-direction: column;
	}

	.print-inner {
		display: none;
	}

	.print-item {
		margin-top: 30px;
		text-align: center;
	}

	.print-item1 {
		order: 1;
		margin-top: 0;
	}

	.print-item2 {
		order: 2;
	}

	.print-item3 {
		order: 4;
	}

	.print-item4 {
		order: 3;
	}

	.print-item h4 {
		font-size: 28px;
	}

	.print-item p {
		font-size: 16px;
	}

	.upload-item3 img {
	  	width: 100%;
	  	height: 150px;
	}

	 .upload-item1 {
	  	width: 18%;
	}

	.upload-item2 {
		width: 9%;
	}

	.upload-item3 {
		width: 73%;
	}

	.upload-item2 {
		font-size: 18px;
	}

	.upload-area {
	  	padding: 40px 0 50px 0;
	}

	.wellcome-cnt {
		top: 94px;
	}

	.wellcome-cnt h4 {
		font-size: 18px;
	}

	.wellcome-main img {
	  	width: 100%;
	  	height: 255px;
	} 

	.wellcome-cnt p:nth-of-type(1) {
		margin-top: 10px;
	}

	.wellcome-cnt {
		width: 150px;
	}

	.wellcome-cnt p {
		font-size: 12px;
	}

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

	.donec-item h4 {
		font-size: 18px;
	}

	/*=== footer area start ===*/

	.footer-area {
	    padding: 50px 0 21px;
	    margin-top: -0px;
	    text-align: center;
	}

	.footer-item {
	    margin-bottom: 41px;
	}

	.footer-item h3 {
		font-size: 16px;
		margin: 0 0 21px;
	}

	.footer-item ul li a {
	    font-size: 14px;
	}

	.footer-item2 {
	    padding-top: 21px;
	}

	.footer-item2 h6 {
	    font-size: 12px;
	}



}