@media (min-width:768px){
	.mid-gallery{
		justify-content: space-between;
	    display: flex;
	    flex-direction: column;
	}
}
@media(max-width:1699px){
	.banner-right {
	    position: absolute;
	    bottom: 0;
	    left: 60%;
	    transform: translateX(-45%);
	}
	.secrvice-vector img {
	    max-width: 80%;
	}
}
@media(max-width:1499px){
	.banner-right {
	    left: 60%;
	    transform: translateX(-42%);
	}
	.main-banner {
	    height: 680px;
	}
	.secrvice-vector img {
	    max-width: 70%;
	}
	.footer-link {
	    padding-bottom: 70px;
	}
}
@media(max-width:1399px){
	.main-banner {
	    height: 600px;
	}
}

@media(max-width:1199px){
	.banner-right {
	    left: 60%;
	    transform: translateX(-50%);
	}
	.banner-right img {
	    width: 100%;
	}
	.banner-right {
	    left: 50%;
	    transform: translateX(-20%);
	}
	.main-banner {
	    height: 530px;
	}
	.banner-content h1 {
	    font-size: 40px;
	    padding-right: 0;
	}
	.banner-content h6 {
	    font-size: 13px;
	}
	.right-call .call-detail p:first-child a {
	    font-size: 20px;
	}
	ul.navbar-nav {
	    gap: 10px;
	}
	.service-inner .services-box {
	    padding: 45px 10px 60px;
	}
	.secrvice-vector {
	    left: 22%;
	    transform: translatex(-50%);
	}
	.secrvice-vector img {
	    max-width: 60%;
	}
	.main-form:after {
	    width: 65%;
	}
	.footer-link {
		padding-top: 65px;
		padding-left: 20px;
	}
	.footer-left {
	    padding-bottom: 65px;
	    padding-top: 60px;
	}
	.contact-footer {
	    display: flex;
	    align-items: self-start;
	    padding-top: 100px;
	    flex-direction: column;
	}
	.contact-footer .right-call {
	    margin-right: 0;
	}
	.contact-footer .right-call:first-child {
	    margin-bottom: 20px;
	}
}


@media(max-width:991px){
	.main-form:after {
	    width: 100%;
	    background: #00000099;
	}
	.form-heading h2 {
	    margin-top: 10px;
	}
	.py-100{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.secrvice-vector {
	    display: none;
	}
	.pb-100 {
	    padding-bottom: 50px;
	}
	.banner-content h1 {
	    font-size: 35px;
	    padding-right: 0;
	    margin-bottom: 30px;
	}
	.banner-content h6 {
	    font-size: 12px;
	}
	.main-banner {
	    height: 440px;
	}
	.banner-right {
	    left: 50%;
	    transform: translateX(-12%);
	}
	.about-content h2 {
	    font-size: 30px;
	    margin-bottom: 10px;
	}
	.main-services:after {
	    height: 60px;
	    top: -50px;
	}
	.services-heading {
	    padding-top: 100px;
	    margin-bottom: 50px;
	}
	.gallery-heading p {
	    max-width: 280px;
	}
	.work-box p {
	    padding: 0 15px;
	}
	.all-link ul:last-child {
	    padding-left: 0;
	}
	.all-link {
	    display: flex;
	    flex-direction: column;
	}
}

@media(max-width:767px){
	.banner-right {
	    display: none;
	}
	.banner-content {
	    text-align: center;
	}
	.py-100 {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.py-100 {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.main-banner {
	    height: 380px;
	    background-position: 0% 100% !important;
	}
	.about-content {
	    text-align: center;
	}
	.about-content h2, .services-heading h2, .gallery-heading h2 {
	    font-size: 25px;
	    padding-right: 0px;
	}
	.about-content p {
	    margin-top: 10px;
	    font-size: 16px;
	    line-height: normal;
	    font-weight: 400;

	}
	 .services-heading {
	    margin-bottom: 20px;
	}
	.about-right {
	    margin-bottom: 30px;
	}
	.about-exeperince {
	    width: 190px;
	    height: 190px;
	    padding: 80px 15px 10px;
	}
	.about-exeperince h2 {
	    font-size: 60px;
	}
	.about-exeperince p {
	    font-size: 14px;
	}
	.about-exeperince h2 .plus {
	    font-size: 54px;
	}
	.services-heading {
	    padding-top: 50px;
	    text-align: center;
	}
	.service-inner .services-box {
	    padding: 45px 10px 45px;
	}
	.gallery-heading {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-bottom: 30px;
	    flex-direction: column;
	    text-align: center;
	}
	 .pb-100 {
	    padding-bottom: 30px;
	}
	.gallery-heading p {
	    max-width: 100%;
	}
	.inner-gallery .col-md-4 {
	    margin-bottom: 20px;
	}
	.gallery-image img {
	    width: 100%;
	}
	.mid-gallery .gallery-image {
	    margin-top: 20px;
	}
	.inner-gallery .col-12 .gallery-image {
	    margin-top: 0;
	}
	.inner-gallery .col-md-4:last-child {
	    margin: 0;
	}
	.work-vector {
	    display: none;
	}
	.work-num {
	    margin: 20px 0 20px;
	}
	.inner-it-work .work-box {
	    margin-bottom: 20px;
	}
	 .faq-inner {
	    padding-bottom: 30px;
	}
	 .FAQ .accordion-button:not(.collapsed) {
	    font-size: 16px;
	    line-height: normal;
	}
	.FAQ .accordion-button {
	    font-size: 16px;
	    line-height: normal;
	}
	.FAQ .accordion-item {
	    margin-bottom: 10px;
	}
	h2 {
	    font-size: 25px;
	}
	.footer-top {
	    align-items: Start;
	    flex-direction: column;
	}
	.main-footer {
	    background: #EFEFEF;
	    padding-top: 50px;
	}
	.footer-logo {
	    margin-bottom: 20px;
	}
	.footer-left {
	    padding-bottom: 30px;
	    padding-top: 30px;
	}
	.footer-left h2 {
	    font-size: 25px;
	    font-weight: 500;
	}
	.right-call {
	    gap: 10px;
	}
	.contact-footer {
	    padding-top: 30px;
	}
	.contact-footer .right-call .call-detail p:first-child a {
	    font-size: 16px;
	}
	.footer-link {
	    padding-top: 10px;
	    padding-left: 0;
	}
	.all-link ul li {
	    padding-bottom: 10px;
	}
	.footer-link h3 {
	    margin-bottom: 10px;
	}
	.footer-link {
	    padding-bottom: 30px;
	}
	.main-about .row {
	    flex-direction: column-reverse;
	}
	.main-services:after {
	    height: 56px;
	    top: -25px;
	}
	.navbar-brand img {
	    width: 100px;
	}
	.offcanvas-header img {
	    width: 100px;
	}
}

@media(max-width:340px){
	.common-btn {
	    padding: 15px 40px;
	}
	.banner-content h1 {
	    font-size: 30px;
	    padding-right: 0;
	    margin-bottom: 20px;
	}
}