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

	.banner-content h1 {
	    font-size: 68px;
	}

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

	.solution-content {
		padding: 160px 10px;
	}

	.solution-left {
	    width: 500px;
	}

	/*=== work content start ===*/

	.work-title h2 {
		font-size: 60px;
	}

	.work-content {
	    padding-left: 0px;
	    padding-right: 0px;
	}

	/*=== specialization area start ===*/

	.specialization-content {
	    padding-left: calc(calc(100% - 860px) / 2);
	}

	/*=== industry area start ===*/

	.industry-area .solution-left {
	    width: 520px;
	}

	.industry-area .solution-right {
	    width: 280px;
	} 

	/*=== service page start ===*/

	.choice-left {
	    width: 320px;
	}

	.choice-right {
	    width: 480px;
	}

	.solution-content:after {
	    right: 330px;
	}

	.industry-area .solution-content:after {
		right: 310px;
	}






}

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

	.header-top .container-inner {
	    padding-left: 24px;
	    padding-right: 24px;
	}

	.title-large {
	    font-size: 48px;
	}

	.header-logo {
	    padding-right: 24px;
	}

	.header-navigation-link ul li a {
	    margin: 0 13px;
	}

	.header-button {
	    padding-left: 24px;
	}

	.banner-content h1 {
	    font-size: 64px;
	}

	.banner-content p {
		max-width: 610px;
	}

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

	.solution-content {
		max-width: 610px;
		margin: 0 auto;
		padding: 160px 0;
	}

	.solution-left {
	    width: 100%;
	    margin-bottom: 160px;
	}

	.solution-right {
	    width: 100%;
	}

	/*=== work content start ===*/

	.work-area .container-inner {
		padding-left: 24px;
		padding-right: 24px;
	}

	.work-title {
	    padding: 80px 0 64px;
	}

	.work-title h2 br {
		display: none;
	}

	.work-content {
	    padding: 0 0 80px;
	    margin: 0 -24px;
	}

	.work-item {
		width: 50%;
	}

	.work-content:after {
	    width: 100%;
	    top: 0;
	    left: 0;
	}

	.work-content:before {
	    width: 100%;
	    bottom: 79px;
	    left: 0;
	}

	.work-content > div.work-item:nth-of-type(1),
	.work-content > div.work-item:nth-of-type(2) {
	    border-bottom: 2px dashed rgba(29, 29, 27, 0.20);
	}

	.work-content > div.work-item:nth-of-type(2) {
		border-right: none;
	}

	/*=== specialization area start ===*/

	.specialization-content {
		padding: 64px 0 34px;
	}

	.specialization-content .row {
		--bs-gutter-x: 30px;
	}

	/*=== industry area start ===*/

	.industry-area .solution-left {
	    width: 100%;
	}

	.industry-area .solution-right {
	    width: 100%;
	} 

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

	.footer-item {
	    width: 100%;
	    min-height: 100%;
	}

	.footer-item h6 {
	    max-width: 100%;
	}

	.footer-item-second {
	    border-top: 2px solid rgba(255, 255, 255, 0.20);
	    border-bottom: 2px solid rgba(255, 255, 255, 0.20);
	    border-left: none;
	    border-right: none;
	}

	/*=== service page start ===*/

	.choice-left {
	    width: 100%;
	    max-width: 610px;
	    margin: 0 auto 24px;
	}

	.choice-right {
	    width: 100%;
	    max-width: 610px;
	    margin: 0 auto;
	}

	.solution-content:after {
	    display: none;
	}

	.solution-left:after {
		display: block;
		bottom: -79px;
	}

	.work-area .cutting-image-second {
	    left: 30px;
	    bottom: 69px;
	}

	.footer-area .cutting-image-second {
	    left: 112px;
	    bottom: -12px;
	}



}

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

	.title-large {
	    font-size: 32px;
	}

	.header-logo {
		border-right: none;
	}

	.banner-content {
	    padding: 49px 0 120px;
	}

	.banner-content h1 {
	    font-size: 32px;
	}

	.banner-content p {
	    font-size: 20px;
	}

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

	.solution-content {
	    padding: 96px 0;
	}

	.solution-left {
	    width: 100%;
	    margin-bottom: 64px;
	}

	.solution-left h2 {
	    font-size: 32px;
	}

	.solution-right {
	    width: 100%;
	}

	/*=== work content start ===*/

	.work-area .container-inner {
		padding-left: 16px;
		padding-right: 16px;
	}

	.work-title {
	    padding: 64px 0;
	}

	.work-title h2 br {
		display: none;
	}

	.work-content {
	    padding: 0 0 64px;
	    margin: 0 -16px;
	}

	.work-item {
		width: 50%;
		padding: 15px 16px;
	}

	.work-content:after {
	    width: 100%;
	    top: 0;
	    left: 0;
	}

	.work-content:before {
	    width: 100%;
	    bottom: 63px;
	    left: 0;
	}

	.work-content > div.work-item:nth-of-type(1),
	.work-content > div.work-item:nth-of-type(2) {
	    border-bottom: 2px dashed rgba(29, 29, 27, 0.20);
	}

	.work-content > div.work-item:nth-of-type(2) {
		border-right: none;
	}

	/*=== specialization area start ===*/

	.specialization-content {
		padding: 64px 0 34px;
	}

	.specialization-item-inner div {
	    padding: 0 8px;
	}

	.specialization-item-inner h2 {
	    font-size: 24px;
	    letter-spacing: 0.48px;
	}

	.specialization-item p {
	    font-size: 20px;
	    letter-spacing: 0.4px;
	}

	/*=== industry area start ===*/

	.industry-area .solution-left {
	    width: 100%;
	}

	.industry-area .solution-left h2 {
	    font-size: 32px;
	}

	.industry-area .solution-right {
	    width: 100%;
	} 

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

	.footer-item {
	    width: 100%;
	    min-height: 100%;
	}

	.footer-item-second {
	    border-top: 2px solid rgba(255, 255, 255, 0.20);
	    border-bottom: 2px solid rgba(255, 255, 255, 0.20);
	    border-left: none;
	    border-right: none;
	}

	.footer-item-third ul {
	    flex-direction: column;
	    justify-content: center;
	}

	/*=== service page start ===*/

	.choice-left {
	    width: 100%;
	    margin-bottom: 24px;
	}

	.choice-right {
	    width: 100%;
	}

	.solution-area:after,
	.industry-area:after {
	    top: 63px;
	}

	.solution-area:before,
	.industry-area:before {
	    bottom: 63px;
	}

	.solution-content:after {
	    display: none;
	}

	.solution-left:after {
		display: block;
	}

	.cutting-image-second {
	    left: 16px;
	    bottom: 53px;
	}

	.work-area .cutting-image-second {
	    left: 16px;
	    bottom: 53px;
	}

	.footer-area .cutting-image-second {
	    left: 2px;
	    bottom: -12px;
	}





}


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

	.service-header-area .container-inner {
		padding: 0 16px;
	}

}

@media screen and (min-width: 576px) and (max-width: 767px) {

	.specialization-content {
	    padding-left: calc(calc(100% - 470px) / 2);
	}


}