@media (max-width: 1200px){
	.top-nav ul{
		gap: 22px;
	}
	.top-nav ul li a{
		font-size: 14px;
		font-weight: 500;
	}
	.top-nav .btn-contact{
		width: 140px;
	}

/*************homepage***************************/

.home-sec-new-approch{
	gap: 15px;
}
.home-approach-box-one h4{
	font-size: 20px;
}
.home-approach-box-two h4{
	font-size: 20px;
}
.home-approach-box-three h4{
	font-size: 20px;
}
.home-approach-box-four h4{
	font-size: 20px;
}
.home-approach-box-five h4{
	font-size: 20px;
}
.home-approach-box-six h4{
	font-size: 20px;
}

.home-approach-box-one .icon-wrap {
    width: 130px;
    height: 130px;
    margin-bottom: 17px;
}
.home-approach-box-one .approach-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home-approach-box-one .icon-thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
}
.home-approach-box-one .icon-thumb span{
	font-size: 25px;
}
.home-approach-box-one .approach-icon img{
	width: 35px;
}


.home-approach-box-two .icon-wrap{
	width: 130px;
    height: 130px;
    margin-bottom: 17px;
}
.home-approach-box-two .approach-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home-approach-box-two .icon-thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.home-approach-box-two .icon-thumb span{
	font-size: 25px;
}
.home-approach-box-two .approach-icon img{
	width: 35px;
}


.home-approach-box-three .icon-wrap{
	width: 130px;
    height: 130px;
}
.home-approach-box-three .approach-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home-approach-box-three .icon-thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.home-approach-box-three .icon-thumb span{
	font-size: 25px;
}
.home-approach-box-three .approach-icon img{
	width: 35px;
}

.home-approach-box-four .icon-wrap{
	width: 130px;
    height: 130px;
    margin-bottom: 17px;
}
.home-approach-box-four .approach-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home-approach-box-four .icon-thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
}
.home-approach-box-four .icon-thumb span{
	font-size: 25px;
}
.home-approach-box-four .approach-icon img{
	width: 35px;
}


.home-approach-box-five .icon-wrap{
	width: 130px;
    height: 130px;
    margin-bottom: 17px;
}
.home-approach-box-five .approach-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home-approach-box-five .icon-thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
}
.home-approach-box-five .icon-thumb span{
	font-size: 25px;
}
.home-approach-box-five .approach-icon img{
	width: 35px;
}



.home-approach-box-six .icon-wrap{
	width: 130px;
    height: 130px;
    margin-bottom: 17px;
}
.home-approach-box-six .approach-icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
}
.home-approach-box-six .icon-thumb {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
}
.home-approach-box-six .icon-thumb span{
	font-size: 25px;
}
.home-approach-box-six .approach-icon img{
	width: 35px;
}

.arrow-img {
    right: -70px;
}

.arrow-img img{
	width: 125px;
}
.arrow-img-two{
    right: -70px;
}
.arrow-img-two img{
	width: 125px;
}


.banner-left h2{
	font-size: 35px;
	line-height: 49px;
}

/*.banner-left p{
	height: 90px;
}*/

.home-section-two h1{
	font-size: 30px;
}

.home-section-three h2 {
	font-size: 30px;
}

.home-section-three p{
	font-weight: 300;
}

.seo-section-eight h2{
	font-size: 30px;
    line-height: 42px;
    margin-bottom: 0px;
}

.home-section-four h2{
	font-size: 30px;
}
.home-section-four p{
	font-weight: 300;
}
.home-sec-right-area-right p{
	font-weight: 300;
}
.home-section-five h2{
	font-size: 30px;
}
.home-section-five p{
	font-weight: 300;
}


.home-section-seven h2{
	font-size: 30px;
	margin-bottom: 20px;
}
.home-sec-six-left h2{
	font-size: 30px;
}
#owl-testimonial .testi-content-box p{
	font-size: 16px;
}
.home-section-nine h2{
	font-size: 30px;
}

.foot-top-one{
	width: 26%;
}
.foot-top-two{
	width: 16%;
}
.foot-top-three{
	width: 22%;
}
.foot-top-four{
	width: 26%;
}
.home-section-nine{
	padding-top: 0px;
}

.seo-section-eight{
	padding: 10px 0px;
}


/***About-Us*****/

.title-section h1{
    font-size: 35px;
}
.about-sec-one-right h2{
    font-size: 30px;
}
.about-section-three h2{
    font-size: 30px;
}
.we-work-area{
    gap: 5px;
}
.we-work-box{
    width: 145px;
}
.we-work-box span{
    width: 80px;
    height: 80px;
}
.we-work-box h3{
    font-size: 18px;
}
.seo-section-nine{
    height: 560px;
    padding-bottom: 0px;
}

/***portfolio*****/

.portfolio-section-one h2{
    font-size: 35px;
}


}






@media (max-width: 1199px){

.vision-title {
    padding-right: 20px;
}
.mission-title{
    padding-right: 20px;
}
.value-title{
    padding-right: 20px;
}


/**********seo-page***************/

.service-title-sec-one .title-heading{
    font-size: 30px;
    line-height: 45px;
}
.seo-section-six h2{
    font-size: 30px;
    width: 77%;
    margin-bottom: 30px;
}

.seo-section-three{
    padding-top: 20px;
}
.seo-section-three h2{
    width: 58%;
    font-size: 30px;
}
.seo-need-area .box-one{
    width: 180px;
}
.right-arrow-one{
    width: 49px;
    bottom: 79px
}
.seo-need-area .box-two{
    width: 180px;
}
.right-arrow-two{
    width: 49px;
}
.seo-need-area .box-three{
    width: 180px;
}
.right-arrow-three{
    width: 49px;
}
.seo-need-area .box-four{
    width: 180px;
}
.right-arrow-four{
    width: 49px;
}
.seo-need-area .seo-need-box::before{
    height: 75px;
}

.seo-section-one{
    padding-top: 20px;
}
.seo-section-one h2{
    font-size: 30px;
    margin-bottom: 20px;
}
.seo-section-five h2{
    font-size: 30px;
    width: 70%;
    display: block;
    margin: 0px auto;
    margin-bottom: 20px;
}
.seo-section-four h2{
    font-size: 30px;
    margin-bottom: 30px;
}
.seo-sec-four-box-one h3{
    font-size: 17px;
}
.seo-sec-four-box-two h3{
    font-size: 17px;
}
.seo-sec-four-box-three h3{
    font-size: 17px;
}
.seo-sec-four-box-four h3{
    font-size: 17px;
}
.seo-section-seven h2{
    width: 77%;
    font-size: 30px;
}
.seo-section-two h2{
    font-size: 30px;
    margin-bottom: 30px;
}
.seo-section-two{
    padding-top: 20px;
}
.seo-section-two .accordion-button{
    font-size: 16px;
}
.seo-section-nine{
    padding-top: 20px;
}
.seo-service-box h3{
    font-size: 18px;
}


}


@media (max-width: 1024px){
    .banner-left h2{
        margin-bottom: 20px;
    }
    .home-section-two h1{
        margin-bottom: 20px;
    }
    .home-section-three h2{
        margin-bottom: 20px;
    }
    .home-service-area{
        margin-top: 20px;
    }
}










@media (max-width: 991px){

	.main-menu{
		padding: 5px 0px;
	}

	.main-logo{
		width: 115px;
	}

	#mainMenu{
		display: none;
        position: absolute;
        content: "";
        left: 0px;
        right: 0px;
        top: 56px;
        bottom: auto;
        background: #ffffff;
        z-index: 99;
        padding: 20px 0px;
	}
	.top-nav ul li{
		border-bottom: 2px solid #f9f9f9;
	}
	.top-nav ul li a{
		margin: 0px auto;
		display: block;
		text-align: center;
		padding: 15px 0px;
	}
	.top-nav ul .dropdown{
		display: block;
	}
	.header .toggle-menu{
		display: block;
		font-size: 30px;
		color: #000;
	}
	.top-nav .btn-contact{
		padding: 0px;
		display: block;
		margin: 0px auto;
		margin-top: 15px;
	}
	.sticky ul li a{
		color: #000000 !important;
	}
	.sticky .toggle-menu{
		color: #ffffff;
	}


	/************homepage***************************/

	.arrow-img-two{
		display: none;
	}
	.home-sec-new-approch{
		justify-content: center;
	}
	.home-approach-box-one{
		width: 45%;
	}
	.home-approach-box-two{
		width: 45%;
	}
	.home-approach-box-three{
		width: 45%;
	}
	.home-approach-box-four{
		width: 45%;
	}
	.home-approach-box-five{
		width: 45%;
	}
	.home-approach-box-six{
		width: 45%;
	}
    .arrow-img-three{
    	position: absolute;
        top: 60px;
        right: -70px;
        display: block;
    }
    .arrow-img-three img {
        width: 125px;
    }
    .home-sec-right-area-left{
    	left: 4px;
    }
    .banner-circle-bg{
    	top: 25px;
    }
    .banner-left{
    	padding-top: 20px;
    }
    .home-sec-client{
    	flex-wrap: wrap;
    }
    .seo-sec-eight-area{
    	flex-wrap: wrap;
    	gap: 20px;
    }
    .seo-section-eight h2{
    	text-align: center;
    }
    .arrow-hero-img{
    	width: 80px;
    	right: 40%;
        bottom: 47%;
    }
    .banner-img{
    	width: 160px;
    	right: 43%;
        bottom: 23%;
    }
    .hero-img-left-arrow{
    	right: 37%;
        top: 25%;
        width: 90px;
    }
    .banner-ai{
    	right: 44%;
        bottom: auto;
        width: 43px;
    }
    .hero-img-right-arrow{
    	right: 4%;
        bottom: 40%;
        width: 100px;
    }
    .banner-analysis-img{
    	bottom: 32%;
        width: 93px;
    }
    .home-section-two-left img{
        width: 60%;
        margin: 0px auto;
        display: block;
        margin-bottom: 20px;
    }
    .home-section-nine h2{
        margin-bottom: 20px;
    }


    /******about-us********/

    .vision-title {
        padding-right: 40px;
    }
    .mission-title{
        padding-right: 40px;
    }
    .value-title{
        padding-right: 40px;
    }

    /*********portfolio*********/

    .portfolio-area{
        grid-template-columns: repeat(3, 1fr);
    }
    .card-image{
        height: 200px;
    }


    /******seo-page*********/

    .seo-service-box {
        width: 48%;
    }
    .seo-service-area{
        justify-content: center;
    }
    .seo-section-five{
        padding-top: 20px;
    }
    .seo-sec-five-top{
        flex-direction: column-reverse;
    }
    .seo-sec-five-top-left{
        width: 100%;
    }
    .seo-sec-five-top-right{
        margin: 0px auto;
    }
    .seo-accordion-header a{
        font-size: 17px;
    }

    .home-sec-right-area-right{
        width: 95%;
        height: auto;
    }
    

}




/*************768px******************************/


@media (max-width: 768px){
	.banner{
		padding-top: 20px;
	}
	.banner .row{
		flex-direction: column-reverse;
    }
    .banner-left{
    	width: 100%;
    }
    .banner-right{
    	width: 100%;
    }
    .banner-right img{
    	width: 70%;
    	display: block;
    	margin: 0px auto;
    }
    .banner-ai{
    	width: 50px;
    	right: auto;
    	left: 24%;
        top: 6%;
    }
    .hero-img-left-arrow {
        right: auto;
        top: 14%;
        left: 26%;    
    }
    .arrow-hero-img{
    	width: 70px;
        bottom: auto;
        right: 20%;
        left: auto;
        top: 40%;
        transform: rotateY(180deg);
    }
    .banner-img{
    	bottom: auto;
        right: 15%;
        left: auto;
        top: 41%;
        width: 130px;
    }
    .hero-img-right-arrow{
    	width: 90px;
        right: 23%;
        bottom: auto;
        top: 18%;
    }

    .banner-analysis-img{
    	bottom: auto;
        top: 25%;
        right: 15%;
        width: 80px;
    }
    .banner-tab .google-img{
        position: absolute;
        content: "";
        left: 0px;
        top: -40%;
        bottom: auto;
        right: 0;
        width: 60px;
    }




    .banner-left h1{
    	text-align: center;
    }
    .banner-left h2{
    	text-align: center;
    }
    .banner-left p{
    	text-align: center;
    }
   .banner-tab{
   	flex-direction: column-reverse;
   }
   .banner-tab a img{
   	display: block;
   	margin: 0px auto;
   }
   .btn-action{
   	margin: 0px auto;
   }


   .home-section-two-left{
   	width: 60%;
   	margin: 0px auto;
   }

    .banner-left h2 {
        font-size: 35px;
        line-height: 50px;
    }
    .home-service-box{
    	width: 47%;
    	padding-bottom: 15px;
    }
    .home-section-four-left{
    	width: 60%;
    	height: auto;
    	margin: 0px auto;
    }
    .home-section-four-right{
    	width: 100%;
    	height: auto;
    }

    .project-area{
    	    grid-template-columns: repeat(2, 1fr);
    }

    .footer-top{
    	flex-wrap: wrap;
    }
    .foot-top-one{
    	width: 100%;
    }
    .foot-top-two{
    	width: 100%;
    }
    .foot-top-three{
    	width: 100%;
    }
    .foot-top-four{
    	width: 100%;
    }
    .foot-top-two h4{
    	margin-bottom: 10px;
    	margin-top: 40px;
    }
    .foot-top-three h4{
    	margin-bottom: 10px;
    	margin-top: 20px;
    }

    .foot-top-four h4{
        margin-bottom: 10px;
    }

    .arrow-img img {
        width: 100px;
    }

    .arrow-img {
        right: -59px;
    }
    .arrow-img-three {
        right: -59px;
    }
    .arrow-img-three img {
        width: 100px;
    }
    .home-section-two h1{
    	font-size: 25px;
    	margin-bottom: 20px;
    	text-align: center;
    }

    .home-section-three{
	    padding-top: 30px;
    }
    .home-section-three h2{
    	font-size: 25px;
    	margin-bottom: 20px;
    }
    .home-service-area{
    	margin-top: 15px;
    }
    .home-service-box{
    	margin-bottom: 25px;
    }
    .home-service-box h3{
    	font-size: 18px;
    }
    .seo-section-eight h2{
    	font-size: 25px;
    	line-height: 39px;
    }
    .home-section-four h2{
    	font-size: 25px;
    }
    .home-section-five{
    	padding-top: 50px;
    }
    .home-section-five h2{
    	font-size: 25px;
    }
    .home-approach-box-one h4{
    	font-size: 18px;
    }
    .home-approach-box-two h4{
    	font-size: 18px;
    }
    .home-approach-box-three h4{
    	font-size: 18px;
    }
    .home-approach-box-four h4{
    	font-size: 18px;
    }
    .home-approach-box-five h4{
    	font-size: 18px;
    }
    .home-approach-box-six h4{
    	font-size: 18px;
    }
    .home-section-seven{
    	padding-top: 0px;
    }
    .home-section-seven h2{
    	font-size: 25px;
    	margin-bottom: 15px;
    }
    .home-section-six{
    	padding-top: 30px;
    }
    .home-sec-six-left h2{
    	font-size: 25px;
    	margin-bottom: 15px;
    }
    .testi-content-box{
    	padding-bottom: 10px;
    }
    #owl-testimonial .testi-head-box h3{
    	font-size: 18px;
    }
    #owl-testimonial .testi-head-box h4{
    	color: #7A7A7A;
    }
    .home-section-six{
    	height: auto;
    }
    .home-section-six{
    	width: 100%;
    	margin: 0px auto;
    	margin-top: 30px;
    }
    .home-section-nine{
    	padding-top: 50px;
    }
    .home-section-nine h2{
    	font-size: 25px;
    	margin-bottom: 30px;
    }
    .project-area .card{
	    margin-bottom: 20px;
    }
    .testi-author{
    	padding-left: 15px;
    }
    #owl-testimonial .owl-dots{
    	margin-top: 50px;
    }
    .footer-bottom{
    	margin-top: 0px;
    }
    .banner-left h2{
    	font-size: 25px;
    	line-height: 39px;
    	margin-bottom: 20px;
    }
    .banner-left p{
    	font-size: 18px;
    	font-weight: 500;
    }
    .home-section-two p{
    	text-align: center;
    }
    .home-section-two .btn-about-us{
    	margin: 0px auto;
    	margin-top: 30px;
    }
    .home-section-two-right{
    	padding-left: 0px;
    }
    .home-sec-four-right-area{
    	padding-top: 50px;
    	margin-bottom: 10px;

    }
    .home-sec-right-area-left{
    	top: 9%;
    	left: 45%;
    }
    .home-sec-right-area-right{
    	padding-top: 40px;
    	width: 100%;
    }
    .home-sec-right-area-right h3{
    	text-align: center;
    }
    .home-sec-right-area-right p{
    	text-align: center;
    }
    .home-sec-right-area-right{
    	padding-left: 25px;
    }


    /******about-us************/

    .title-section h1{
        font-size: 25px;
    }
    .about-sec-one-right{
        padding-left: 0px;
    }
    .about-sec-one-right h2{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .about-section-one{
        padding-bottom: 20px;
    }
    .vision-area{
        flex-direction: column;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        margin-bottom: 20px;
    }
    .vision-content{
        width: 100%;
    }
    .vision-content p{
        text-align: center;
    }
    .vision-title{
        width: 100%;
        justify-content: center;
        padding-top: 60px;
    }
    .vision-icon{
        width: 90px;
        height: 90px;
        top: -16px;
        left: 38%;
    }
    .shadow-icon{
        width: 86px;
        left: 38%;
        top: -33px;
        height: 81px;
    }
    .vision-icon span{
        width: 50px;
        height: 50px;
    }
    .vision-icon span img{
        width: 30px;
    }


     .mission-area{
        flex-direction: column;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        margin-bottom: 20px;
    }
    .mission-content{
        width: 100%;
    }
    .mission-content p{
        text-align: center;
    }
    .mission-title{
        width: 100%;
        justify-content: center;
        padding-top: 60px;
    }
    .mission-icon{
        width: 90px;
        height: 90px;
        top: -16px;
        left: 38%;
    }
    .mission-icon span{
        width: 50px;
        height: 50px;
    }
    .mission-icon span img{
        width: 30px;
    }


    .value-area{
        flex-direction: column;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    .value-content{
        width: 100%;
    }
    .value-content p{
        text-align: center;
    }
    .value-title{
        width: 100%;
        justify-content: center;
        padding-top: 60px;
    }
    .value-icon{
        width: 90px;
        height: 90px;
        top: -16px;
        left: 38%;
    }
    .value-icon span{
        width: 50px;
        height: 50px;
    }
    .value-icon span img{
        width: 30px;
    }

    .about-section-two{
        padding-bottom: 0px;
    }
    .about-section-three h2{
        font-size: 25px;
    }
    .we-work-area{
        flex-direction: column;
        align-items: center;
    }
    .we-work-box{
        margin-bottom: 20px;
    }
    .we-work-box h3{
        margin-top: 15px;
    }

    .seo-section-nine{
        height: 540px;
        padding-top: 0px;
    }
    .seo-section-nine h2{
        font-size: 25px;
    }
    .seo-testimonial-area{
        width: 100%;
    }

    /*********portfolio*********/

    .portfolio-area{
        grid-template-columns: repeat(2, 1fr);
    }
    .card-image{
        height: 220px;
    }
    .contact-section-one{
        padding-top: 30px;
    }

    .contact-section-two{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .contact-sec-two-right{
        padding-top: 30px;
    }
    .contact-row{
        flex-direction: column-reverse;
    }
    .contact-sec-two-left{
        padding-bottom: 30px;
    }


    /**********seo-page**************/

    .seo-section-three{
        padding-top: 0px;
    }

    .seo-section-three h2{
        width: 100%;
        font-size: 25px;
    }
    .service-title-sec-one .title-heading {
        font-size: 25px;
        line-height: 39px;
        width: 100%;
    }
    .seo-section-six h2{
        font-size: 25px;
    }
    .seo-section-six p{
        text-align: center;
    }
    .seo-need-area{
        flex-direction: column;
        align-items: center;
    }
    .right-arrow-one {
        transform: rotate(450deg);
        bottom: -35px;
        right: 50px;
    }
    .seo-need-area .seo-need-box{
        margin-bottom: 70px;
        width: 33%;
    }
    .seo-need-area .seo-need-box::before{
        right: -61px;
    }
    .seo-need-one-icon{
        left: 35%;
    }
    .seo-need-two-icon{
        left: 35%;
    }
    .seo-need-three-icon{
        left: 35%;
    }
    .seo-need-four-icon{
        left: 35%;
    }
    .seo-section-one{
        padding-top: 0px;
    }
    .seo-section-three{
        padding-bottom: 0px;
    }
    .seo-service-box{
        width: 80%;
    }
    .seo-section-one h2{
        font-size: 25px;
        margin: 0px auto;
        margin-bottom: 20px;
    }
    .seo-service-area{
        margin-top: 30px;
    }
    .seo-section-five h2{
        font-size: 25px;
        width: 100%;
    }
    .seo-section-five p{
        text-align: center;
    }
    .seo-sec-five-top p{
        text-align: left;
    }
    .seo-sec-five-top{
        margin-top: 15px;
    }
    .seo-section-four{
        padding-top: 20px;
    }
    .seo-section-four h2{
        font-size: 25px;
    }
    .seo-section-seven h2{
        font-size: 25px;
        margin-bottom: 30px;
}
    .seo-section-two h2{
        font-size: 25px;
        margin-bottom: 20px;
}
.seo-accordion-area{
    padding-right: 0px;
}

.seo-sec-four-area{
    flex-direction: column;
}
.seo-sec-four-box-one{
    width: 100%;
    border-bottom: 3px solid #bbb9b9;
    border-radius: 20px;
}
.seo-sec-four-box-one::before{
    right: -3px;
    bottom: -5px;
    top: -5px;
    left: auto;
    width: 15px;
    height: auto;
    border-radius: 0px;
}
.seo-sec-four-box-two{
    width: 100%;
    border: 3px solid #bbb9b9;
    margin-top: -3px;
    display: flex;
    flex-direction: column-reverse;
}
.seo-sec-four-box-two::before{
    right: auto;
    bottom: -5px;
    top: -3px;
    left: -3px;
    width: 20px;
    height: auto;
    border-radius: 10px;
}

.seo-sec-four-box-three{
    width: 100%;
    border: 3px solid #bbb9b9;
    margin-top: -3px;
}
.seo-sec-four-box-three::before{
    right: -3px;
    bottom: -5px;
    top: -1px;
    left: auto;
    width: 20px;
    height: auto;
    border-radius: 10px;
}

.seo-sec-four-box-four{
    width: 100%;
    border: 3px solid #bbb9b9;
    margin-top: -3px;
    display: flex;
    flex-direction: column-reverse;
}
.seo-sec-four-box-four::before{
    right: auto;
    bottom: -5px;
    top: -1px;
    left: -3px;
    width: 20px;
    height: auto;
    border-radius: 10px;
}
.service-title-sec-one p{
    width: 100%;
}
.service-title-sec-one .title-heading{
    width: 100%;
}
.seo-section-six h2{
    width: 100%;
}
.seo-section-one h2{
    width: 100%;
}

.contact-sec-two form{
    padding: 15px;
}
.home-section-two-left img{
    width: 100%;
}
.seo-section-three p{
    text-align: center;
}
.seo-section-one p{
    text-align: center;
}

.seo-section-six p .seo-service-content{
    display: block;
    margin-top: 1rem;
}
.seo-four-heading br{
    display: none;
}
.seo-section-four h2{
    line-height: normal;
}
.footer-social-media{
    justify-content: flex-start;
    padding-left: 0px;
    margin-bottom: 20px;
}
.footer-bottom p{
    padding-bottom: 0px;
}
.seo-section-two{
    padding-top: 50px;
}

}





/*************700px******************************/


@media (max-width: 700px){
	.hero-img-left-arrow{
		left: 22%;
	}
	.banner-ai{
		left: 20%;
	}
	.arrow-hero-img {
        width: 70px;
        bottom: auto;
        right: 16%;
        left: auto;
        top: 40%;
        transform: rotateY(180deg);
    }
    .banner-img{
    	width: 120px;
        right: 8%;
    }
    .hero-img-right-arrow{
    	top: 19%;
        width: 70px;
        right: 24%;
        bottom: auto;
    }
    .banner-analysis-img{
    	top: 25%;
    }
    .banner-left{
    	padding-top:70px ;
    }
    .banner-right img{
    	z-index: 9;
    }
    .banner-left h1{
        font-size: 14px;
    }
}




/*************700px******************************/


@media (max-width: 600px){

    .banner-right img{
        width: 50%;
    }
    .hero-img-right-arrow{
        top: 16%;
    }
    .banner-analysis-img {
        top: 23%;
    }
    .banner-circle-bg{
        width: 200px;
        height: 200px;
        right: 8%;
    }

	.hero-img-left-arrow{
		left: 25%;
        width: 70px;

	}
	.banner-ai{
		left: 22%;
        top: 4%;
	}
	.banner-ai{
		left: 19%;
	}
	.banner-img{
		width: 120px;
        top: 36%;
	}
	.arrow-hero-img{
		left: 10%;
	}
    .arrow-hero-img{
        right: 19%;
        left: auto;
        top: 34%;   
    }
    .banner-left {
        padding-top: 40px;
    }
    .banner-tab .google-img{
        left: 5%;
        top: -30%;
    }

}




/*************576px******************************/


@media (max-width: 576px){

    .hero-img-left-arrow {
        left: 27%;
    }
    .banner-right img{
        width: 50%;
    }
    .banner-analysis-img{
        width: 70px;
    }
    .hero-img-right-arrow{
        width: 60px;
        right: 25%;
    }
    .banner-ai{
        width: 30px;
        left: 25%;
    }
    .arrow-hero-img{
        width: 50px;
        top: 37%;
    }
    .banner-img{
        width: 100px;
        top: 38%;
    }
    .banner-left p{
        margin-bottom: 30px;
    }
    .home-section-four{
        padding-top: 30px;
    }
    .home-section-four p{
        margin-bottom: 15px;
    }
    .home-service-box{
        width: 100%;
    }





    /*********portfolio*********/

    .portfolio-area{
        grid-template-columns: repeat(1, 1fr);
    }
    .card-image{
        height: auto;
    }

}






/*************512px******************************/


@media (max-width: 512px){

	.hero-img-left-arrow {
        left: 28%;
        width: 50px;
    }
    .banner-ai{
    	top: 5%;
    }
    .arrow-hero-img{
    	width: 79px;
    	top: 32%;
    }
    .banner-analysis-img{
        width: 50px;
        right: 18%;
    }
    .arrow-hero-img{
        width: 50px;
    }
    .arrow-hero-img{
        top: 37%;
    }
    .banner-img{
        right: 11%;
    }
    .banner-circle-bg {
        width: 180px;
        height: 180px;
        right: 5%;
        top: 0px;
    }


    .seo-need-area .seo-need-box{
        width: 50%;
    }
    .seo-need-area .seo-need-box::before{
        width: 140px;
    }

    .seo-need-area .box-one{
        width: 100%;
    }
    .right-arrow-one {
        
        display: block;
        margin: 0px auto;
        position: relative;
        bottom: -9px;
        right: 0;
    }

    .seo-need-area .box-two{
        width: 100%;
    }
    .seo-need-area .box-three{
        width: 100%;
    }
    .seo-need-area .box-four{
        width: 100%;
    }
    .seo-service-box{
        width: 100%;
    }

}


/*************476px******************************/

@media (max-width: 476px){


	.banner-right img{
		width: 50%;
	}
	.banner-ai{
		width: 30px;
	}
	.banner-circle-bg{
		width: 170px;
		height: 170px;
	}
    .hero-img-right-arrow{
        top: 16%;
        width: 50px;
        right: 26%;
    }
    .banner-analysis-img{
        top: 22%;
    }
    .arrow-hero-img{
        width: 40px;
    }
    .banner-img{
        width: 80px;
    }




    .banner-left p{
        margin-bottom: 30px;
    }
    .home-service-area{
        flex-direction: column;
        align-items: center;
    }
    .home-service-box{
        width: 100%;
    }
    .home-sec-new-approch{
        flex-direction: column;
        align-items: center;
    }
    .home-approach-box-one{
        width: 100%;
    }
    .home-approach-box-two{
        width: 100%;
    }
    .home-approach-box-three{
        width: 100%;
    }
    .home-approach-box-four{
        width: 100%;
    }
    .home-approach-box-five{
        width: 100%;
    }
    .home-approach-box-six{
        width: 100%;
    }

    .project-area {
        grid-template-columns: repeat(1, 1fr);
    }
    .arrow-img{
        display: none;
    }
    .arrow-img-three{
        display: none;
    }
    .home-sec-client{
        flex-direction: column;
        align-items: center;
    }
}



/*************420px******************************/

@media (max-width: 420px){

    .arrow-hero-img {
        width: 40px;
        top: 32%;
    }
    .banner-img {
        width: 70px;
        top: 33%;
    }
    .banner-ai {
        width: 30px;
    }
    .hero-img-left-arrow{
        width: 65px;
        top: 13%;
    }
    .banner-analysis-img{
        width: 60px;
        top: 20%;
    }
    .banner-circle-bg {
        width: 150px;
        height: 150px;
        top: 0px;
    }
    .hero-img-right-arrow {
        top: 14%;
    }
    .banner-left p{
        font-size: 17px;
    }
    
    .banner-left {
        padding-top: 40px;
    }
    .project-area .card{
        margin-bottom: 0px;
    }
    .home-section-six{
        margin-top: 0px;
    }
    .home-section-three {
        padding-top: 0px;
    }
    .home-section-five p{
        margin-bottom: 0px;
    }
    .seo-contact-area{
        width: 100%;
        height: 270px;
        display: block;
    }
    .seo-contact-content{
        display: block;
        border-left: 4px solid #ba2c37;
        border-right: 4px solid #ba2c37;
        background-image: inherit;
    }
        
    .seo-contact-content img{
        margin: 0px auto;
        display: block;
    }
    .seo-contact-content p{
        text-align: center;
    }
    .service-title-sec-one .btn-about-us{
        width: 210px;
        margin: 0px auto;
        margin-top: 15px;
    }
    .service-title-sec-one .btn-start-conversation{
        width: 220px;
    }
    .seo-need-area .seo-need-box{
        width: 70%;
    }
    .seo-need-area .seo-need-box::before {
        width: 65%;
    }



}


@media (max-width: 400px){

    .hero-img-left-arrow{
        width: 40px;
    }
    .banner-ai{
        top: 0;
    }
    .banner-tab .google-img{
        top: -20%;
        width: 50px;
    }
    .banner-left a img{
        width: 50px;
    }
    .seo-section-nine{
        height: 600px;
    }
    .value-icon{
        left: 36%;
    }
    .shadow-icon{
        left: 36%;
    }
    .vision-icon{
        left: 36%;
    }
    .mission-icon{
        left: 36%;
    }

}



@media (max-width: 375px){
    .hero-img-left-arrow{
        top: 10%;
    }
    .banner-analysis-img{
        width: 50px;
    }
    .arrow-hero-img{
        top: 32%;
    }
    .banner-img{
        top: 34%;
    }
    .banner-left h2{
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 15px;
    }
    .banner-left p{
        font-size: 16px;
    }

    .home-section-two h1{
        font-size: 22px;
    }
    .home-section-four h2{
        font-size: 22px;
    }
    .home-section-four .home-section-title{
        font-size: 15px;
    }
    .home-section-two-right .home-section-title{
        font-size: 15px;
    }
    .home-sec-right-area-right h3{
        font-size: 18px;
    }
    .home-section-three .home-section-title{
        font-size: 15px;
    }
    .home-section-three h2{
        font-size: 22px;
    }
    .home-section-three p{
        font-size: 16px;
    }
    .home-section-two p{
        font-size: 16px;
    }
    .home-section-four p{
        font-size: 16px;
    }
    .seo-sec-eight-area{
        padding: 40px 20px;
    }
    .seo-section-eight h2 {
        font-size: 22px;
        line-height: 33px;
    }
    .home-section-five h2{
        font-size: 22px;
    }
    .home-section-five p{
        font-size: 16px;
    }
    .home-section-seven h2{
        font-size: 22px;
    }
    .home-section-five .home-section-title{
        font-size: 15px;
    }
    .home-section-seven p{
        font-size: 16px;
    }
    .title-heading .home-section-title{
        font-size: 15px;
    }
    .home-sec-six-left h2{
        font-size: 22px;
    }
    #owl-testimonial .testi-head-box h3{
        font-size: 16px;
    }
    .home-section-nine h2{
        font-size: 22px;
    }
    .seo-need-area .seo-need-box{
        width: 100%;
    }
    .seo-need-area .seo-need-box::before{
        top: -2px;
        right: 0px;
    }
    .seo-need-one-icon {
        left: 39%;
    }
    .seo-need-two-icon {
        left: 39%;
    }
    .seo-need-three-icon {
        left: 39%;
    }
    .seo-need-four-icon {
        left: 39%;
    }
    .banner-left{
        padding-top: 25px;
    }
    .home-sec-right-area-left{
        left: 39%;
    }

    .service-title-sec-one .title-heading{
        font-size: 22px;
        line-height: 31px;
    }
    .service-title-sec-one p{
        font-size: 16px;
    }
    .seo-section-six h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .seo-section-six p{
        font-size: 16px;
    }
    .seo-section-three h2{
        font-size: 22px;
    }
    .seo-section-one h2{
        font-size: 22px;
    }
    .seo-section-one p{
        font-size: 16px;
        text-align: center;
    }
    .seo-service-box h3{
        margin-bottom: 10px;
    }
    .seo-section-five h2{
        font-size: 22px;
    }
    .seo-section-five p{
        font-size: 16px;
    }
    .seo-accordion-header a{
        font-size: 16px;
    }
    .seo-accordion-content p{
        font-size: 16px;
    }
    .seo-need-one-icon img{
        width: 40px;
    }
    .seo-need-two-icon img{
        width: 40px;
    }
    .seo-need-three-icon img{
        width: 40px;
    }
    .seo-need-four-icon img{
        width: 40px;
    }
    .seo-section-four h2{
        width: 100%;
        font-size: 22px;
        line-height: 31px;
    }
    .seo-section-four p{
        font-size: 16px;
    }
    .seo-section-eight .btn-about-us{
        width: 181px;
    }
    .seo-section-two h2{
        font-size: 22px;
    }
    .seo-section-nine h2{
        font-size: 22px;
    }
    .seo-testimonial-area h3{
        font-size: 20px;
    }
    .seo-testimonial-area p{
        font-size: 16px;
        width: 100%;
    }
    .seo-need-box:nth-child(4){
        margin-bottom: 50px;
    }
    .seo-contact-content{
        border-left: 4px solid #ba2c37;
        border-right: 4px solid #ba2c37;
        background-image: inherit;
    }
    .about-sec-one-right p{
        text-align: center;
        font-size: 16px;
    }
    .vision-title{
        padding-top: 70px;
    }
    .mission-title{
        padding-top: 70px;
    }
    .value-title{
        padding-top: 70px;
    }
    .about-section-three h2{
        font-size: 22px;
        margin-bottom: 15px;
    }
    .about-section-three p{
        font-size: 16px;
        width: 100%;
    }
    .contact-sec-two-right h2{
        font-size: 22px;
    }

}




@media (max-width: 320px){
    .hero-img-right-arrow{
        top: 13%;
        width: 21px;
        right: 30%;
    }
    .banner-analysis-img{
        width: 40px;
    }
    .banner-analysis-img{
        top: 15%;
    }
    .arrow-hero-img{
        right: 23%;
        width: 23px;
        top: 26%;
    }
    .banner-img{
        top: 26%;
    }
    .banner-tab .google-img{
        width: 40px;
    }
    .banner-tab a img{
        width: 40px;
    }
    .banner-circle-bg{
        width: 130px;
        height: 130px;
    }
    .service-title-sec-one .btn-about-us{
        width: 100%;
    }

}