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

{
    .process-card-area .process-line 

    {
        display: none;
    }
}

@media screen and (max-width: 991px)

{
	
}


@media screen and (max-width: 768px)

{

	.banner-item

	{
		height: 300px;
		padding: 50px 20px 50px 0px;
	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	    position: relative;
	}

	.banner-content h3

	{
		font-size: 50px;
		font-family: var(--heading-font);
		font-weight: 700;
	}
}


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

{

	.banner-item

	{
		height: 350px;
		padding: 30px 20px 50px 0px;
	    background-size: cover;
	    background-position: center center;
	    background-repeat: no-repeat;
	    position: relative;
	}

	.banner-content h1

	{
		font-size: 30px;
		font-family: var(--heading-font);
		font-weight: 700;
		;
	}


	.devcreatix-btn .style-1.slider-btn

	{
		padding: 6px 16px;
	}

	.banner-area .owl-theme .owl-next i,.owl-prev i

	{
		display: none!important;
	}

}