.branexBG__shade-contact:before {
	content: '';
	background-color: var(--black);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 1500px;
	position: absolute;
	top: 0;
	z-index: 0
}

.branexBG__shade-contact {
	position: relative
}

.contact-banner {
	padding: 160px 0 90px
}

.contact-banner,
.large-img {
	position: relative;
	z-index: 1
}

.contact-banner h1 {
	color: var(--white);
	font-family: Bricolage Grotesque !important;
	font-size: 90px;
	font-weight: 600;
	line-height: 100px;
}

.c-img img {
	height: auto;
	display: block
}

body.webdesign_development #contactformbg .formmm {
	border: none
}

#contactformbg {
	position: relative;
	z-index: 2;
	background-color: var(--black);
}

#contactformbg .section-title{
	margin-bottom: 40px;
}

#contactformbg .section-title h2 {
  	color: var(--white);
  	margin-bottom: 0;
  	cursor: none;
}


#contactformbg .section-title p {
  	margin-top: 20px;
  	margin-bottom: 0;
}

#contactformbg .contact-info-box {
  	display: flex;
  	flex-wrap: wrap;
  	gap: 40px;
}

#contactformbg .contact-info-box .info-box-1 {
  	display: flex;
  	gap: 30px;
	flex-wrap: wrap
}

#contactformbg .contact-info-box .info-box-1,
#contactformbg .contact-info-box .info-box-2
{
	position: relative;
  	width: 100%;
  	border: 1px solid #ffffff1a;
  	border-radius: 30px;
  	padding: 30px 40px;
  	overflow: hidden;
}

#contactformbg .contact-info-box .info-box-1::before,
#contactformbg .contact-info-box .info-box-2::before
{
	content: '';
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	width: 100%;
  	height: 100%;
  	background: #191919;
  	opacity: 30%;
  	z-index: -1;
}

#contactformbg .contact-info-box .info-box-1 .contact-info-item {
  	position: relative;
  	width: calc(50% - 15px);
}
#contactformbg .contact-info-item {
  	text-align: center;
  	width: 100%;
}


#contactformbg .contact-info-item .icon-box{
	margin-bottom: 30px;
}

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

	#contactformbg .contact-info-box .info-box-1 .contact-info-item,
	#contactformbg .contact-info-box .info-box-2 .contact-info-item
	{
		
		width: 100%;
		text-align: center;
	}
}


#contactformbg .contact-info-item p{
	font-size: 14px !important;
	margin: 10px 0;
}

.form-right {
	position: relative;
	padding: 0 35px;
}

@media only screen and (max-width: 991px){
	.form-right{
		padding: 80px 35px !important;
	}
}

.form-contact {
	color: #777;
	font-family: Outfit;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	border: none;
	border-bottom: 1px solid #BEBEBE;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 38px;
	outline: none;
	box-shadow: none;
	background: none
}

#contactformbg form {
	padding-top: 20px
}

.contact-form-btn {
	border-radius: 15px;
	background: #1B8B83;
	box-shadow: 0 12px 18.9px 0 rgb(27 139 131 / .2);
	width: 229.992px;
	height: 55px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #FFF;
	font-family: Outfit;
	font-size: 16px;
	font-style: normal;
	font-weight: 700
}

.img-pos {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 237.756px;
	height: 73.385px;
	border-radius: 100px;
	background: #FFF9EB;
	box-shadow: -14px 15px 20px 0 rgb(0 0 0 / .05);
	color: #EEAD17;
	font-family: Outfit;
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	position: absolute
}

.img-pos img {
	margin-right: 12px
}

#icon1 {
	left: 110px;
	top: 5px
}

#icon2 {
	background: #EBFBFF;
	box-shadow: -14px 15px 20px 0 rgb(0 0 0 / .05);
	width: 286.982px;
	color: #1999B5;
	bottom: 80px;
	right: 10px
}

#usamap {
	position: relative
}

#usamap:before {
	content: '';
	background: url(../../assets/imgs/contact-us/box-img.png) no-repeat top center;
	background-size: cover;
	width: 216px;
	min-height: 218px;
	position: absolute;
	top: 0;
	right: 0
}

section.map-sections {
	position: relative;
	z-index: 2;
	padding-top: 180px
}



.before-branex {
	position: relative
}

.before-branex:before {
	content: '';
	background: url(../imgs/contact-us/b-text.png) no-repeat top center;
	background-size: cover;
	position: absolute;
	top: -75px;
	left: 70px;
	width: 89%;
	min-height: 254px
}

#psection {
	padding-bottom: 110px
}

.info-top {
	margin-top: -80px
}

.info-bg {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 99.8px 0 rgb(0 0 0 / .05);
	width: 100%;
	min-height: 160px;
	display: inline-flex;
	align-items: center;
	padding: 0 20px 0 25px
}

.iconimg {
	margin-right: 20px;
	width: 16%
}

.info-txt {
	width: 82%
}

.info-txt h5 {
	color: #404040;
	font-family: Outfit;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 8px
}

.info-txt p {
	color: #747373;
	font-family: Outfit;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0
}

.info-txt p a {
	color: #747373
}

.portfolio-banner {
	padding: 220px 0 100px;
	position: relative;
	z-index: 2
}

.portfolio-banner h1 {
	color: #121212;
	font-family: Outfit;
	font-size: 70px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 40px
}

.portfolio-section {
	position: relative;
	z-index: 2;
	padding-bottom: 120px
}

.portfolio-section .p-2 {
	flex-direction: row
}

.portfolio-section .p-1 .padding-left {
	padding-left: 100px
}

.padding-left h2 {
	color: #212121;
	font-family: Outfit;
	font-size: 50px;
	font-weight: 600;
	margin: 0
}

.padding-left p {
	color: #444;
	font-family: Outfit;
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	margin: 30px 0 0
}

.portfolio-list {
	margin: 0;
	padding: 0;
	list-style: none
}

.portfolio-list li {
	border-radius: 100px;
	background: #FFD3D3;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	padding: 0 26px 0;
	min-height: 30px;
	color: #BD2020;
	font-family: Outfit;
	font-size: 14px;
	font-weight: 500;
	margin-right: 10px;
	justify-content: center
}

.portfolio-list li:last-child {
	background: #BFDFDC;
	color: #015D2D;
	margin-right: 0
}

.portfolio-section .row {
	align-items: center;
	margin-bottom: 50px
}

.big-image {
	position: relative;
	overflow: hidden;
	border-radius: 10px
}

.big-image img {
	transition: all .8s;
	border-radius: 10px;
	width: 100%
}

.big-image img:hover {
	transform: scale(1.1);
	transition: all .8s
}

.portfolio-section .pagination {
	justify-content: center;
	margin-top: 70px
}

.portfolio-section .pagination a {
	color: #212121;
	font-family: Outfit;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	margin-right: 15px;
	cursor: pointer
}

.portfolio-section .pagination a.current {
	color: #B1B1B1
}

.portfolio-section .pagination a:last {
	margin-right: 0
}

.services-banner {
	position: relative;
	z-index: 2;
	padding: 200px 0 100px
}

.services-banner h1 {
	color: var(--white);
	font-family: Outfit;
	font-size: 60px;
	font-weight: 600;
	line-height: 75px;
	margin: 0
}

.header-paragraph {
	color: #555;
	font-family: Outfit;
	font-size: 20px;
	font-weight: 400;
	line-height: 27.4px;
	margin: 25px 0 38px
}

.project-btn {
	border-radius: 15px;
	background: var(--primary);
	box-shadow: 0 12px 18.9px 0 rgb(27 139 131 / .2);
	width: 230px;
	min-height: 55px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-family: Bricolage Grotesque", sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: normal
}

.project-btn:hover{
	color: var(--white) !important;
}

.tech1 {
	position: relative
}

.tech-wrap {
	border-radius: 100px;
	background: #FFF9EB;
	box-shadow: -14px 15px 30px 0 rgb(0 0 0 / .1);
	width: 185px;
	height: 73px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #EEAD17;
	font-family: Outfit;
	font-size: 20px;
	font-weight: 700;
	position: absolute
}

.tech-wrap1 {
	top: 70px;
	left: 0
}

.tech-wrap2 {
	width: 212px;
	color: #EEAD17;
	bottom: 280px;
	right: -80px
}

.tech-wrap img {
	margin-right: 12px
}

.services-section {
	position: relative;
	z-index: 2;
	padding: 50px 0 120px
}

.ser-para p {
	color: #212121;
	font-family: Outfit;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
}

.row-services {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-top: 40px
}

.technologies-section1:before {
	content: '';
	background-size: cover;
	width: 235px;
	min-height: 167px;
	position: absolute;
	top: -167px;
	left: 0
}

.technologies-section1 {
	background-size: cover;
	background-position: center;
	width: 100%;
	padding: 100px 0;
	position: relative
}

.technologies-section1 h2 {
	color: #FFF;
	font-family: Outfit;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 65px;
	margin-bottom: 20px
}

.technologies-section1 p {
	color: #FFF;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0
}

.branexBG__shade-tech:before {
	min-height: 100% !important
}

.pl-5 {
	padding-left: 60px
}

.technologies-section2 {
	padding: 80px 0;
	background-color: var(--black);
}

.technologies-section2 h2 {
	color: var(--white);
	font-family: Outfit;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 65px;
	margin-bottom: 30px
}

.technologies-section2 p {
	color: #212121;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0
}

.technologies-section3 h2 {
	color: var(--white);
	font-family: Outfit;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 65px;
	margin-bottom: 20px
}

.technologies-section3 p {
	color: #212121;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
}

.tech-bg2 {
	background: url(../imgs/technologiespage/technolgesbg-3.png) no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	position: relative
}

.bulk-wrap {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 15px
}

.bulk-icons {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / .1);
	width: 100%;
	display: flex;
	min-height: 120px;
	align-items: center;
	padding: 0 20px
}

.bulk-icons h5 {
	color: #212121;
	font-family: Outfit;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 7px
}

.bulk-icons p {
	margin: 0;
	color: #7A7A7A;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 500
}

.bulk-icons img {
	margin-right: 16px
}

.top-margin {
	margin-top: 60px
}

.technologies-section3 {
	padding: 100px;
	background-color: var(--secondary);
}

.before-line {
	position: relative
}

.before-line:before {
	content: '';
	background: url(../imgs/technologiespage/lineimg.png) no-repeat top center;
	background-size: cover;
	width: 221px;
	min-height: 545px;
	position: absolute;
	top: 60px;
	left: -234px
}

.jawhart-img {
	position: relative
}

.jawh-w {
	width: 1000px;
	margin: 0 auto;
	position: relative
}

.platformicons {
	border-radius: 20px;
	background: #FFF;
	box-shadow: -25px 37px 40px 0 rgb(0 0 0 / .1);
	width: 135px;
	height: 112px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	position: absolute
}

div#platformicons1 {
	top: -40px;
	right: 0
}

div#platformicons2 {
	bottom: -20px;
	right: 0
}

div#platformicons3 {
	bottom: -60px;
	right: 44%
}

div#platformicons4 {
	left: 0;
	bottom: 160px
}

div#platformicons5 {
	top: -30px;
	left: 0
}

.platformicons h5 {
	margin-top: 15px;
	margin-bottom: 0;
	color: #212121;
	text-align: center;
	font-family: Outfit;
	font-size: 22px;
	font-style: normal;
	font-weight: 600
}

.technologies-section4:before {
	content: '';
	background: url(../imgs/technologiespage/b-logo.png) no-repeat top center;
	background-size: cover;
	width: 235px;
	min-height: 167px;
	position: absolute;
	bottom: 0;
	left: 0
}

.technologies-section4 {
	background-size: cover;
	background-position: center;
	width: 100%;
	padding: 100px 0 160px;
	position: relative
}

.technologies-section4 h2 {
	color: var(--white);
	font-family: Outfit;
	font-size: 50px;
	font-weight: 600;
	line-height: 65px;
	margin-bottom: 25px
}

.technologies-section4 p {
	color: #212121;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 70px
}

.technologies-section5 {
	padding: 100px 0;
	background-color: var(--black);
}

.technologies-section5 h2,
.technologies-section6 h2 {
	color: var(--white);
	font-family: Outfit;
	font-size: 50px;
	font-style: normal;
	font-weight: 600;
	line-height: 65px;
	margin-bottom: 25px
}

.technologies-section5 p,
.technologies-section6 p {
	color: #212121;
	font-family: Outfit;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
}

.tech5 {
	background: url(../imgs/technologiespage/technolgesbg-5.png) no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	position: relative
}

.technologies-section6 {
	padding-bottom: 140px;
	background-color: var(--black);
}

.design-wrap {
	width: 716px;
	position: relative
}

.design-cont {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 40px 0 rgb(0 0 0 / .1);
	width: 135px;
	min-height: 112px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center;
	position: absolute
}

.design-cont h5 {
	color: #212121;
	font-family: Outfit;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 0;
	margin-top: 18px
}

#desgincont1 {
	left: 0;
	top: 0
}

#desgincont2 {
	left: 50%;
	transform: translateX(-50%);
	top: -50px
}

#desgincont3 {
	right: -30px;
	top: 80px
}

#desgincont4 {
	bottom: 30px;
	right: 90px
}

#desgincont5 {
	bottom: -40px;
	left: 130px
}

.tech5:before {
	content: '';
	background: url(../imgs/technologiespage/b-vertical.png) no-repeat top center;
	background-size: cover;
	width: 235px;
	min-height: 167px;
	position: absolute;
	bottom: 0;
	right: 0
}

.webbg {
	/* background-image: url(/zedtronix/assets/imgs/built-in/web-img.png); */
	background-size: cover;
	width: 100%;
	min-height: 684px
}

.webbg h2,
.webbg .web_row_2 p {
	color: #fff
}

.webbg .pg_btn {
	background: #D03D3D;
	box-shadow: 0 12px 18.9px 0 rgb(27 139 131 / .2)
}

#webleft {
	padding: 100px 0 50px
}

#webleft .row:last-child {
	justify-content: start
}

#companybg {
	padding: 100px 0
}

.vitalbg {
	padding-top: 100px
}

.google-before {
	position: relative
}

.google-before:before {
	content: '';
	background: url(../imgs/built-in/vital-img-2.png) no-repeat top center;
	width: 273px;
	min-height: 468px;
	background-size: cover;
	position: absolute;
	top: 40px;
	left: -188px
}

.largestgrid {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 25px;
	margin-left: 12px
}

.large-content {
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 20px 0 rgb(0 0 0 / .08);
	display: inline-flex;
	justify-content: center;
	flex-direction: column;
	min-height: 159px;
	padding: 0 20px 0 30px;
	width: 97%
}

.largestgrid .large-content:nth-child(2) {
	margin-left: 62px;
	width: 100%
}

.large-content h4 {
	color: #212121;
	font-family: Outfit;
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 14px
}

.large-content p {
	color: #212121;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 30px;
	margin: 0
}

.google-around {
	justify-content: space-between
}

.vitalbg .main_h2 {
	font-size: 46px
}

.bottom-vital {
	padding-bottom: 50px
}

.driver-wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px
}

.drive-content {
	min-height: 357px;
	width: 100%;
	padding: 30px 0 30px 30px;
	border-radius: 20px;
	background: #FFF;
	box-shadow: 0 0 30px 0 rgb(0 0 0 / .05);
	overflow: hidden;
	position: relative;
	transition: transform .5s
}

.drive-content:hover {
	background: var(--secondary);
	transition: transform .5s
}

.drive-content-2 {
	width: 60%
}

.drive-content span {
	display: block;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #909090;
	font-family: 'Poppins';
	font-weight: 400;
	font-size: 80px;
	font-style: normal;
	font-weight: 700;
	color: #fff
}

.drive-content:hover span {
	color: var(--primary);
	-webkit-text-stroke-color: #fff
}

.drive-content:hover h4,
.drive-content:hover h3,
.drive-content:hover p {
	color: #fff
}

.drive-content:before {
	content: '';
	border-radius: 30px;
	background: #FFF;
	width: 322.263px;
	height: 343.226px;
	transform: rotate(-36.579deg);
	position: absolute;
	bottom: -130px;
	right: -110px;
	opacity: 0;
	transition: transform .5s
}

.drive-content:hover:before {
	opacity: 1;
	transition: transform .5s
}

.drive-content h4,
.drive-content h3 {
	color: #000;
	font-family: Outfit;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	margin: 12px 0 15px
}

.drive-content p {
	margin: 0;
	color: #212121;
	font-family: Outfit;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	width: 310px
}

.drivebg {
	padding: 80px 0 100px
}

.drive-img {
	position: absolute;
	bottom: -108px;
	right: -90px;
	transition: transform .5s
}

.drive-content:hover .drive-img {
	transform: rotate(-5.814deg);
	transition: transform .5s
}

@media only screen and (max-width:1550px) {
	.bnr_row p {
		font-size: 18px;
		max-width: 92%
	}

	.main_h2 {
		font-size: 35px
	}

	.service-area .section-header .webpg-text {
		font-size: 18px;
		max-width: 581px
	}

	.vitalbg .main_h2 {
		font-size: 35px
	}

	.large-content h4 {
		font-size: 20px
	}

	.large-content p {
		font-size: 16px;
		line-height: 20px
	}

	.large-content {
		min-height: 135px
	}

	.technologies-section1:before {
		width: 175px;
		min-height: 123px;
		top: -123px;
		left: 0
	}

	.largestgrid .large-content:nth-child(2) {
		margin-left: 48px
	}

	.webp-wrapper h3 {
		font-size: 22px
	}

	.webp-wrapper p {
		font-size: 18px
	}

	.web_row_2 p {
		margin-bottom: 15px
	}

	.drive-content {
		min-height: 310px
	}

	.drive-content:hover {
		background: #1B8B83;
		transition: transform .5s
	}

	.drive-content-2 {
		width: 60%
	}

	.drive-content span {
		font-size: 60px
	}

	.drive-img {
		width: 300px
	}

	.drive-content:before {
		width: 272.263px;
		height: 303.226px
	}

	.drive-content h4,
	.drive-content h3 {
		font-size: 24px
	}

	.drive-content p {
		font-size: 16px;
		width: 280px
	}

	.drivebg {
		padding: 80px 0 80px
	}

	.google-before:before {
		width: 223px;
		min-height: 372px;
		top: 40px;
		left: -158px
	}

	.webbg {
		min-height: 574px
	}

	.technologies-section4:before,
	.tech5:before {
		width: 175px;
		min-height: 123px
	}

	.tech-wrap {
		width: 165px;
		height: 63px;
		font-size: 17px
	}

	.tech-wrap2 {
		width: 185px;
		color: #EEAD17;
		bottom: 210px;
		right: -80px
	}

	.services-banner h1 {
		font-size: 45px;
		line-height: 60px;
		margin: 0
	}

	.header-paragraph {
		font-size: 18px;
		line-height: 26px;
		margin: 20px 0 38px
	}

	.services-banner {
		padding: 120px 0 70px
	}

	.project-btn {
		width: 200px;
		min-height: 50px
	}

	.technologies-section1 h2 {
		font-size: 35px;
		line-height: 48px;
		margin-bottom: 20px
	}

	.portfolio-banner h1 {
		font-size: 45px;
		line-height: 55px
	}

	.technologies-section2 h2,
	.technologies-section3 h2,
	.technologies-section4 h2,
	.technologies-section5 h2,
	.technologies-section6 h2 {
		font-size: 35px;
		line-height: 48px
	}

	.design-wrap {
		width: 546px
	}

	.design-cont h5 {
		font-size: 18px;
		margin-top: 12px
	}

	.design-cont {
		min-height: 100px
	}

	#desgincont4 {
		bottom: 0;
		right: 40px
	}

	.platformicons h5 {
		margin-top: 10px;
		font-size: 18px
	}

	.technologies-section4 {
		padding: 70px 0 160px
	}

	.technologies-section5 {
		padding: 50px 0 100px
	}

	.platformicons {
		height: 100px
	}

	.bulk-icons h5 {
		font-size: 20px;
		margin-bottom: 4px
	}

	.bulk-icons {
		min-height: 100px
	}

	.bulk-icons img {
		margin-right: 16px;
		width: 60px
	}

	.before-line:before {
		width: 191px;
		min-height: 471px;
		top: 44px;
		left: -224px
	}

	.appsimg {
		position: relative;
		z-index: 1
	}

	.padding-left h2 {
		font-size: 35px
	}

	.padding-left p {
		font-size: 16px;
		line-height: 26px;
		margin: 20px 0 0
	}

	.contact-banner {
		padding: 110px 0 50px
	}

	.contact-banner h1 {
		font-size: 60px;
		line-height: 78px
	}

	.img-pos {
		font-size: 18px;
		width: 210px;
		height: 65px
	}

	#icon2 {
		width: 240px
	}

	#icon1 {
		left: 70px
	}

	#usamap:before {
		width: 126px;
		min-height: 118px
	}

	.before-branex:before {
		width: 74%;
		min-height: 169px
	}

	.info-txt h5 {
		font-size: 20px
	}

	.info-txt p {
		font-size: 16px;
		line-height: 22px
	}

	.info-txt {
		width: 77%
	}

	.iconimg {
		width: 21%
	}

	.info-bg {
		min-height: 145px
	}

	.info-top {
		margin-top: -65px
	}

	.middlebg:before {
		min-height: 1480px
	}
}

@media only screen and (max-width:1280px) {
	.bnr_row p {
		font-size: 16px;
		max-width: 88%
	}

	.wnImg {
		max-width: 100%;
		margin-left: -3%
	}

	.main_h2 {
		font-size: 30px
	}

	.col-md-6.web51 img {
		max-width: 100%;
		margin-left: 0
	}

	.webbg {
		min-height: 100%
	}

	.webbg .pd90 {
		padding-top: 70px;
		padding-bottom: 70px
	}

	.portfolio-section .p-1 .padding-left {
		padding-left: 80px
	}

	.tech-wrap2 {
		right: -25px
	}

	#desgincont3 {
		right: 0
	}
}

@media only screen and (max-width:1024px) {
	.webp-wrapper {
		padding-left: 35px;
		padding-right: 35px
	}

	.services-banner h1 {
		font-size: 35px;
		line-height: 45px
	}

	.drive-img {
		width: 290px
	}

	.drive-content h4,
	.drive-content h3 {
		font-size: 20px
	}

	.drive-content p {
		font-size: 16px;
		width: 223px
	}

	.portfolio-banner {
		padding: 150px 0 50px
	}

	.webp-wrapper h3 {
		font-size: 20px
	}

	.portfolio-section .row .padding-left {
		padding-left: 15px;
		padding-top: 40px
	}

	.portfolio-section .p-2 {
		flex-direction: row-reverse
	}

	.portfolio-section .row {
		margin-bottom: 40px
	}

	.portfolio-section {
		padding-bottom: 50px
	}

	.portfolio-section .pagination {
		margin-top: 50px
	}

	.portfolio-banner h1 {
		font-size: 35px;
		line-height: 45px
	}

	.contact-banner h1 {
		font-size: 40px;
		line-height: 55px
	}

	.contact-banner {
		padding: 110px 0 40px
	}

	.branexBG__shade-contact:before {
		min-height: 600px
	}

	.img-pos {
		font-size: 16px;
		width: 190px;
		height: 59px
	}

	#icon1 {
		left: 8px
	}

	#icon2 {
		width: 225px;
		bottom: 110px
	}

	.before-branex:before {
		width: 600px;
		min-height: 129px
	}

	#contactformbg form {
		padding-top: 0
	}

	.form-contact {
		font-size: 14px;
		margin-bottom: 25px
	}

	.contact-form-btn {
		width: 180px;
		font-size: 14px
	}

	section.map-sections {
		padding-top: 140px
	}

	#psection {
		padding-bottom: 60px
	}

	.before-branex:before {
		width: 270px;
		min-height: 49px;
		top: -35px;
		left: 40px
	}

	.design-wrap {
		width: 466px
	}

	.jawh-w {
		width: 900px
	}
}

@media only screen and (max-width:991px) {
	.webp-wrapper {
		padding-left: 30px;
		padding-right: 30px
	}

	.drivebg .main_h2 {
		font-size: 24px;
		margin-bottom: 20px
	}

	.drive-content:before {
		width: 302.263px;
		height: 341.226px
	}

	.drive-img {
		width: 340px
	}

	.drive-content-2 {
		width: 60%
	}

	.drive-content-2 p {
		width: 100%
	}

	.driver-wrapper {
		grid-template-columns: repeat(1, 1fr)
	}

	.largestgrid .large-content:nth-child(2) {
		margin-left: 0
	}

	.largestgrid {
		margin-left: 0
	}

	.google-before {
		margin-top: 50px
	}

	.web_row_2.pd90 .web56 {
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.vitalbg {
		padding-top: 50px
	}

	.google-before:before {
		display: none !important
	}

	.jawh-w {
		width: 690px
	}

	.platformicons {
		width: 105px;
		height: 90px
	}

	.tech-wrap2 {
		right: 0;
		bottom: 320px
	}

	.tech-wrap1 {
		top: 70px;
		left: 50px
	}

	.pl-5 {
		padding-left: 15px;
		padding-top: 25px
	}

	.technologies-section1 h2 {
		font-size: 28px;
		line-height: 40px
	}

	.technologies-section2 h2,
	.technologies-section3 h2,
	.technologies-section4 h2,
	.technologies-section5 h2,
	.technologies-section6 h2 {
		font-size: 28px;
		line-height: 40px
	}

	.technologies-section2 {
		padding: 50px 0
	}

	.technologies-section1 {
		padding: 60px 0
	}

	.technologies-section2 h2 {
		margin-bottom: 15px
	}

	.technologies-section2 p {
		margin-bottom: 30px
	}

	.top-margin {
		margin-top: 40px
	}

	.bulk-wrap {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 40px
	}

	.technologies-section3 {
		padding-bottom: 60px
	}

	.technologies-section1:before,
	.technologies-section4:before,
	.tech5:before {
		display: none !important
	}

	.technologies-section6 {
		padding-bottom: 100px
	}

	.platformicons h5 {
		font-size: 15px
	}

	.design-wrap {
		width: 650px;
		margin-top: 100px
	}

	.technologies-section5 {
		padding: 50px 0 30px
	}

	.technologies-section4 {
		padding: 60px 0 130px
	}

	.main_h2 {
		font-size: 24.16px
	}

	.portfolio-section .p-2 {
		flex-direction: column-reverse
	}
}

@media only screen and (max-width:767px) {
	.pg_btn {
		padding: 14px 10px;
		font-size: 15px;
		width: 190px
	}

	.contact-banner h1 {
		font-size: 28px;
		line-height: 36px
	}

	.main_h2 {
		font-size: 25px
	}

	.contactimg3 {
		width: 320px
	}

	#icon2 {
		bottom: 10px
	}

	#contactformbg form {
		padding-bottom: 70px
	}

	#icon1 {
		top: -25px
	}

	section.map-sections {
		padding-top: 60px
	}

	.info-txt p br {
		display: block
	}

	.info-top {
		margin-top: -20px
	}

	.popup-content h5 {
		font-size: 35px
	}

	.popup-content p {
		font-size: 18px
	}

	.portfolio-banner h1 {
		font-size: 28px;
		line-height: 38px
	}

	.padding-left h2 {
		font-size: 25px
	}

	.padding-left p {
		margin: 15px 0 0
	}

	.portfolio-section .pagination a {
		font-size: 16px
	}

	.portfolio-section .pagination {
		margin-top: 35px
	}

	.jawh-w {
		width: auto
	}

	.design-wrap {
		width: auto
	}

	.services-banner h1 {
		font-size: 30px;
		line-height: 38px
	}

	.tech-wrap img {
		width: 28px
	}

	.tech-wrap {
		width: 130px;
		height: 50px;
		font-size: 15px
	}

	.tech-wrap2 {
		width: 150px
	}

	.tech1 {
		width: 320px;
		margin: 40px auto 0
	}

	.tech-wrap1 {
		left: 0
	}

	.tech-wrap2 {
		bottom: 130px;
		right: -10px
	}

	.project-btn {
		width: 180px;
		min-height: 47px;
		font-size: 15px
	}

	.technologies-section1 h2,
	.technologies-section2 h2,
	.technologies-section2 h2,
	.technologies-section3 h2,
	.technologies-section4 h2,
	.technologies-section5 h2,
	.technologies-section6 h2 {
		font-size: 25px;
		line-height: 34px
	}

	.bulk-wrap {
		grid-template-columns: repeat(1, 1fr)
	}

	.bulk-icons p {
		font-size: 15px !important;
		line-height: 26px !important;
		margin-bottom: 12px
	}

	.platformicons {
		width: 70%;
		height: 105px;
		position: relative;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		margin: auto;
		margin-top: 20px
	}

	.technologies-section4 {
		padding: 60px 0 60px
	}

	.technologies-section4 p {
		margin-bottom: 30px
	}

	.design-wrap {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
		margin-top: 40px
	}

	.design-cont {
		min-height: 110px;
		position: relative;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 70%;
		margin: auto;
	}

	.technologies-section6 {
		padding-bottom: 60px
	}

	.bulk-icons h5 {
		font-size: 18px
	}

	.design-cont h5 {
		font-size: 15px
	}

	.fnt_18 {
		font-size: 13px
	}

	.col-md-6.web51 img {
		max-width: 100%;
		margin-left: 0;
		margin-top: 20px
	}

	.main_h2 {
		font-size: 20.16px
	}

	.drive-content-2 {
		width: 100%
	}

	.drive-img {
		width: 100%;
		position: relative;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0
	}

	.drive-content:hover:before {
		display: none
	}

	.drive-content {
		padding: 20px
	}

	.drive-content p {
		font-size: 14px
	}
}