/*responsive*/
@media (min-width: 767px) {
	.exo-menu>li>a {
		display: block;
		padding: 0rem 2rem 0rem 0rem;
	}

	.product,
	.resource-tab,
	.platform-list {
		position: absolute;
	}
}

@media (max-width: 767px) {
	

.bg-2 {
    position: absolute;
    top: 85px;
    left: 0%;
    width: 35%;
    z-index: 2;
}
.bg-0 {
    position: absolute;
    top: 120px;
    left: 30%;
    width: 48%;
    z-index: 1;
}
	.bg-4 {
    
    bottom: -245px;
    width: 38%;
    left: 35px;
    z-index: 2;
}
.home-main-banner
{
	margin-top: 3rem;
	margin-bottom: 20rem;
}
	.image-big
	{
position: relative;
width: 100%;
top: 110px;
	}
	.carousel-top-header
	{
		position: relative;
		width:100%;
	}
	#canvas3
	{
		display: none;
	}
	.exo-menu>li>a {
		width: 100%;
		display: none;
	}

	.exo-menu>li {
		/* width: 100%;
		 */
	}

	.display.exo-menu>li>a {
		display: block;
		padding: 20px 22px;
	}

	.product,
	.resource-tab,
	.platform-list {
		position: relative;
	}

	.exo-menu>li {
		float: none;
		display: block;
		align-items: stretch;
	}

	.animated-dropdown {
		position: relative !important;
		top: 0rem !important;
	}

	header .content {

		        padding: 0rem;
        width: 100%;
        top: 0;
        border-radius: 0rem;
	}
.nav-scroll.scrolled {
    border-radius: 0rem;
    top: 0rem;
    width: 100%;
	    padding: 1.8rem;
		transition: .5s;
		    z-index: 1;
}
.banner-grid-container h1 
{
	font-size: 1rem;
}
.banner-grid-container
{
	height: 20vh;
        top: 50%;
}
.serviceflx-sec4 .sec
{
	min-height: 60vw;
}
.grid-service-outer,.grid-service-outer1 {
   
    grid-template-columns: repeat(1, 1fr);
}
.serviceflx-sec4 .content {
    padding: 2rem 1rem;
}
	.animated-dropdown {
		width: 85%;
		margin: auto;
		border-radius: 0.5rem;
		margin-top: 0rem;
		padding: 0rem;
	}

	.serviceflx-sec1 .servic-sec1 {
		height: auto;
	}

	.why_serviceflx .button_bg {

		padding: 0rem;
	}

	.serviceflx-sec2 .sec1-right img,
	.serviceflx-sec2 .sec1-left img {
		max-width: 100%;
	}

	.about .client-img {

		position: relative;
		top: 0;
		right: 0;
		transform: translateX(0px);
	}
.grid-service-outer1 .sec
{
	padding-left: 2rem;
	    height: 15rem;
}
.grid-service-outer1
{
background-image: none;
}



}

@media (max-width: 767px) {
    header .content {
       
     
        position: relative;
		    height: max-content;
    }
header
{
	    height: max-content;
        position: relative;
        top: 0;
        width: 100%;
		float: none;
}
.header-container
{
	padding: 0;
	margin: 0;
}
header .img_dv {
    width: 50%;
}
header .img_dv img {
    width: 100%;
}
    .animated-dropdown {
        max-height: 80vh;
        overflow-y: auto;
        padding: 1rem;
    }

    body {
        overflow-y: auto;
    }
.solution-grid
{
	display: block;
}


}


@media (max-width: 992px) {
	.serviceflx-sec4 .sec1 {
		padding: 3rem;
	}
}

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

@media (max-width: 576px) {
	.serviceflx-sec4 .sec1 {
		padding: 1.5rem;
		position: relative;
		width: 100%;
	}
}

@media (max-width: 767.98px) {
	.unlimited-user-sec2 .text-div {
		width: 100%;
	}

	.serviceflx-sec2 .sec1-left::before,
	.serviceflx-sec2 .sec1-right::before {
		background: none;
	}

	.serviceflx-sec2 .sec1-right .col-lg-6:last-child,
	.serviceflx-sec2 .sec1-left .col-lg-6:first-child {
		padding: 0;
	}

	.grid-column2 {
		grid-template-columns: repeat(1, 320px);
		/* Each item is 350px wide */
	}
}

@media (min-width: 1024px) and (max-width: 1199px)  {
.about .client-img {

		position: relative;
		top: 0;
		right: 0;
		transform: translateX(0px);
	}
}

@media (min-width: 1200px) {
	.w-lg-50 {
		width: 50% !important;
	}
}
@media (min-width: 1400px) {
.about .testimonial-div {
    max-width: 33rem;
}
}