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


	/*=== feature area start ===*/

	.feature-item2-inner {
		min-height: 220px;
	}
}



@media screen and (min-width: 992px) and (max-width: 1199px) {
	/*=== supporting area start ===*/

	.supporting-item2 {
		left: 0;
		top: 120px;
	}

	.supporting-item3 {
		right: 0;
		top: 120px;
	}

	/*=== interaction area start ===*/

	.interaction-item-inner {
	    background-position: 115% 60%;
	}

	.interaction-item-inner2 {
	    top: 70px;
	    left: 10px;
	}

	.interaction-item-inner4 {
	    left: -50px;
	}

	/*=== feature area start ===*/

	.feature-item2-inner {
		min-height: 170px;
	}





}

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


	/*=== software area start ===*/

	.software-area {
		padding-bottom: 20px;
	}

	.software-item-inner2 h2 {
	    font-size: 42px;
	    line-height: 48px;
	}

	.software-item-inner2 p {
	    margin-bottom: 30px;
	}

	.software-item-inner7 {
	    margin-top: -10px;
	}

	/*=== supporting area start ===*/

	.supporting-item2 {
		left: 0;
		max-width: 150px;
		top: 120px;
	}

	.supporting-item3 {
		right: 0;
		max-width: 150px;
		top: 120px;
	}

	/*=== interaction area start ===*/

	.interaction-item-inner {
	    background-position: 130% 60%;
	}

	.interaction-item-inner h2 {
	    font-size: 32px;
	}

	.interaction-item-inner2 {
	    display: none;
	}

	.interaction-item-inner3 {
	    margin-top: -15px;
	    margin-bottom: -5px;
	}

	.interaction-item-inner3 > img {
	    width: 100%;
	}

	.interaction-item-inner4 {
	    left: -0px;
	}

	/*=== feature area start ===*/

	.feature-item2-inner {
		min-height: 190px;
	}




}

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


	/*=== software area start ===*/

	.software-area {
		padding-bottom: 20px;
	}

	.software-item-inner2 h2 {
	    font-size: 28px;
	    line-height: 36px;
	}

	.software-item-inner2 p br {
		display: none;
	}

	.software-item-inner2 p {
	    margin-bottom: 30px;
	}

	.software-item-inner7 {
	    margin-top: -0px;
	}

	/*=== supporting area start ===*/

	.supporting-area {
	    padding: 25px 0 90px;
	}

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

	.supporting-item p {
	    margin-bottom: 50px;
	}

	.supporting-item p br {
		display: none;
	}

	.supporting-item ul {
		max-width: 350px;
	}

	.supporting-item ul li a {
	    font-size: 14px;
	    padding: 10px 18px;
	    margin: 0 6px 11px;
	}

	.supporting-item2 {
		display: none;
	}

	.supporting-item3 {
		display: none;
	}

	/*=== interaction area start ===*/

	.interaction-area {
	    padding: 0px 0 60px;
	}

	.interaction-item {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.interaction-item-inner {
	    background-position: 40px 60%;
	}

	.interaction-item-inner h2 {
	    font-size: 26px;
	}

	.interaction-item-inner p br {
	    display: none;
	}

	.interaction-item-inner2 {
	    display: none;
	}

	.interaction-item-inner3 {
	    margin-top: -0px;
	    margin-bottom: -5px;
	}

	.interaction-item-inner3 > img {
	    width: 100%;
	}

	.interaction-item-inner4 {
	    display: none;
	}

	.interaction-item-inner5 {
	    position: absolute;
	    top: 20px;
	    right: -5px;
	}

	/*=== feature area start ===*/

	.feature-area {
	    padding: 60px 0;
	}

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

	.feature-item p br {
		display: none;
	}

	.feature-item2-inner {
		min-height: auto;
		margin-bottom: 20px;
	}

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

	.footer-item {
	    flex-direction: column;
	}

	.footer-item-inner2 {
		margin: 5px 0 15px;
	}



}