@media (min-width: 768px) {

	.dots {
		display: none;
	}

	.solutionImg {
		left: -70px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 16px;
		text-align: center;
	}


}

@media (min-width: 1200px) {

	/*.container {max-width: 900px;}*/

	a.navbar-brand {
		padding-left: 20px;
	}

	.bannerCol .bannerCaption {
		left: 100px;
	}

}

@media (max-width: 1366px) {}



@media (max-width: 1199px) {}



@media (max-width: 1024px) {}



@media (max-width: 991px) {

	button.navbar-toggler {

		background: #4FB8AA;
		-webkit-appearance: button;
		position: relative;
		border: none;
		height: 32px;
		padding: 5px 10px;
		font-size: 1.25rem;
		line-height: 1;
		border-radius: .25rem;
		cursor: pointer;
	}

	.navbar-toggler span {
		display: block;
		background: #fff;
		height: 2px;
		width: 25px;
		margin-top: 4px;
		margin-bottom: 4px;
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		position: relative;
		left: 0;
		opacity: 1;
	}



	.navbar-toggler span:nth-child(1),

	.navbar-toggler span:nth-child(3) {
		-webkit-transition: transform .35s ease-in-out;
		-o-transition: transform .35s ease-in-out;
		-webkit-transition: -webkit-transform .35s ease-in-out;
		transition: -webkit-transform .35s ease-in-out;
		-o-transition: -o-transform .35s ease-in-out;
		transition: transform .35s ease-in-out;
		transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out, -o-transform .35s ease-in-out;
	}

	.navbar-toggler[aria-expanded="true"] span:nth-child(1) {
		position: absolute;
		left: 10px;
		top: 10px;
		-webkit-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		opacity: 0.9;
	}

	.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
		height: 3px;
		visibility: hidden;
		background-color: transparent;
	}

	.navbar-toggler[aria-expanded="true"] span:nth-child(3) {
		position: absolute;
		left: 10px;
		top: 10px;
		-webkit-transform: rotate(-135deg);
		-o-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
		opacity: 0.9;
	}



	.navbar .navbar-nav {
		margin-left: 0;
	}

	.navbar .nav-link.btn_1 {
		display: inline-block;
		width: 160px;
		margin-bottom: 15px;
	}

	.navbar .navbar-brand {
		padding: 0;
	}

	.navbar .navbar-brand img {
		height: 35px;
	}

	.sticky99 {
		padding-top: 76px;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		font-size: 16px !important;
		text-align: center !important;
	}

	.banner .container {
		max-width: 100%;
	}

}



@media (max-width: 860px) {}



@media (max-width: 768px) {}



@media (max-width: 767px) {

	.socialicons a {
		width: 45px;
		height: 45px;
		line-height: 48px;
		font-size: 20px;
	}

	.bannerCol {
		height: 293px;
	}

	.bannerCol img {
		min-width: 100%;
		min-height: 100%;
		object-fit: cover;
	}

	.welcomeSection {
		padding-bottom: 100px;
	}

	.bannerCol .bannerCaption {
		max-width: 200px;
	}

	.bannerCol .bannerCaption h2 {
		font-size: 24px;
	}



	.dots {
		position: absolute;
	}

	.welcomeSection .dots {
		right: 0;
		bottom: 30px;
	}



	.reasonsCol {
		display: flex;
		max-width: 100%;
	}

	.reasonsCol .circleImgHolder {
		min-width: 250px;
		height: 250px;
		margin: 0;
	}

	.flex_reverse {
		flex-direction: row-reverse;
	}

	.flex_reverse .reasonsInfo {
		flex-direction: row-reverse;
	}



	.solutionsSection {
		background-image: url(../../images/bgShape2_dark.svg);
		background-size: 900px;
		padding-bottom: 100px;
	}

	.solutionsSection .title02 {
		color: #fff;
		font-weight: 600 !important;

	}

	.solutionsSection .dot_1 {
		left: 0;
		top: -30px;
	}

	.solutionsSection .dot_2 {
		right: 0;
		top: 35%;
	}

	.solutionsSection .dot_3 {
		left: 0;
		top: 60%;
	}



	.coordinationSection {
		background-image: url(../../images/bgShape3_dark.svg) !important;
		height: auto;
		padding-top: 180px;
		padding-bottom: 80px;
		background-size: cover;
	}

	.coordinationSection .dots {
		right: 0;
		top: -30px;
	}



	.welcomeSection {
		background-position: left bottom -1px;
	}

	.mobileView {
		display: block;
	}

	.deskView {
		display: none;
	}

	.borderRedius {
		border-radius: 100px 0px 0px 100px;
	}
 
	.welcomeSection1{
		height: 80%;
	}
	.banner .container{
		width: 100%;
	}
}



@media (max-width: 680px) {

	.solutionsBox {
		display: flex;
		flex-wrap: wrap;
		height: auto;
		position: relative;
		z-index: 1;
	}

	.solutionsBox .solutionImg {
		position: relative;
		width: 250px;
		height: 250px;
		left: 50%;
		transform: translateX(-50%);
		margin-top: -70px;
	}

	.righsideBox .solutionInfo,

	.solutionInfo {
		width: 100%;
		padding: 30px 15px;
		margin-left: 0px;
	}

	.solutionInfo h6 {
		margin-bottom: 10px;
	}

	.solutionInfo p {
		width: 100%;
		max-width: 300px;
		margin: 0 auto 10px;
	}

	.righsideBox .solutionInfo {
		margin-right: auto;
	}

	.borderRedius {
		border-radius: 0px;
	}



}



@media (max-width: 575px) {

	h1 {
		font-size: 24px;
	}

	.title_1 {
		font-size: 30px;
	}

	.title02 {
		font-size: 22px;
	}

	.title02 br {
		display: none;
	}



	.subTitle {
		font-size: 20px;
	}

	.titleHeadRight {
		margin-bottom: 20px;
	}





	.bannerCol .bannerCaption {
		max-width: 150px;
		left: 50px;
	}

	.bannerCol .bannerCaption h2 {
		font-size: 16px;
	}

	.title03 span {
		font-size: 42px;
	}

	.coordinationSection .title03 {
		width: 100%;
		max-width: 350px;
		margin: 0 auto;
	}



	.solutionsBox {
		max-width: 340px;
		margin: 70px auto 130px;
	}



	.reasonsSection {
		padding-top: 90px;
		overflow-x: hidden;
	}



	.reasonsCol {
		left: -100px;
		position: relative;
	}

	.reasonsCol.flex_reverse {
		left: inherit;
		right: -100px;
	}

	.reasonsCol .reasonsInfo {
		max-width: 250px;
	}



	footer {
		padding: 50px 0px;
	}

	footer .designedBy {
		margin-bottom: 0;
	}



	.welcomeNote p {
		font-size: 14px;
	}

	.welcomeSection {
		padding-bottom: 50px;
	}

	.welcomeSection .dots {
		bottom: 0px;
	}



	.solutionsSection .dot_3 {
		top: 65%;
	}



}



@media (max-width: 480px) {

	.reasonsCol .reasonsInfo {
		min-width: 200px;
	}

	.bannerCol img {
        object-position: -350px;
    }
    
    .bannerCol {
        height: 410px;
    }

/*	.banner {
		padding-top: 70px;
	}

	.welcomeNote h1 {
		margin-bottom: 25px;
		margin-top: 45px;
	}

	.welcomeNote {
		margin-top: 30px;
	}*/

	
	
}



@media (max-width: 375px) {

	.reasonsCol .reasonsInfo {
		min-width: 190px;
	}

	.reasonsCol .reasonsInfo p {
		font-size: 14px;
		line-height: 1.4;
	}

	.reasonsCol .reasonsInfo span {
		font-size: 100px;
	}

	.reasonsCol .circleImgHolder {
		min-width: 200px;
		height: 200px;
	}



	.bannerCol .bannerCaption {
		left: 40px;
	}

	.bannerCol img {
		object-position: -230px;
	}

}
/*
@media (max-width: 1366px) {
	.bannerCol{ overflow: hidden; height: 300px;}
	.bannerCol img{ width: 100%; object-position: 0;}
}
@media (max-width: 1024px) {
	.bannerCol{  height: 220px;}
	.bannerCol img{ width: 100%; object-position: 0;}
}*/


@media (max-width: 411px) {.bannerCol img{object-position: -430px;}.bannerCol {height: 440px;}}
@media (max-width: 384px) {.bannerCol img{object-position: -290px;}.bannerCol {height: 345px;}}
@media (max-width: 375px) {.bannerCol img{object-position: -265px;}.bannerCol {height: 315px;}}
@media (max-width: 360px) {.bannerCol img{object-position: -250px;}.bannerCol {height: 315px;}}
@media (max-width: 345px) {.bannerCol img{object-position: -150px;}.bannerCol {height: 230px;}}
@media (max-width: 320px) {.bannerCol img{object-position: -200px;}.bannerCol {height: 263px;}}

@media screen and (device-width: 360px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2)	{
    
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 2)	{
.bannerCol img{object-position: -250px !important;}.bannerCol {height: 315px !important;}
}
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-min-device-pixel-ratio: 3.0)	{
.bannerCol img{object-position: -200px;}.bannerCol {height: 270px;}
}

@media only screen 
and (min-width: 360px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 3.0)	{
.bannerCol img{object-position: -215px; }.bannerCol {height: 280px;}
}


@media screen and (device-width: 375px)  and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.bannerCol img{object-position: -520px;}.bannerCol {height: 505px;}
}

@media  and (device-width: 411px) 
and (device-height: 731px) 
and (-webkit-device-pixel-ratio: 3) 
and (orientation: portrait)  {
	.bannerCol img{object-position: -380px;}.bannerCol {height: 400px;}
}