.pulse-wrap {
	display: none;
}

.bottom-footer .container,
.top-footer .container {
	padding: 0
}

.banner {
	padding: 130px 0 45px
}

.banner .container {
	position: relative;
	padding: 0 12px
}

.contact-flex {
	display: block
}

.left-block {
	width: 100%;
	padding: 30px 3%;
	background: #534cbc
}

.banner-top-dot {
	display: none
}

.banner h1,
.banner h2 {
	text-align: center
}

.banner h1 {
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 10px
}

.banner h1:after {
	content: "";
	width: 23px;
	height: 3px;
	background: #ff2601;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -11.5px
}

.banner h2 {
	font-weight: 400
}

.banner h2 span {
	display: block;
	margin-top: 6px;
	font-size: 20px
}

.contact-left,
.contact-right {
	display: none
}

.contact-form {
	position: relative
}

.contact-form .container {
	position: relative;
	max-width: 1320px;
	padding: 0 12px
}

.contact-dot {
	display: none;
	position: absolute;
	top: 0;
	right: 0
}

.contact-form h4 {
	color: #fff;
	margin-bottom: 32px
}

.input-wrapper {
	position: relative;
	padding: 17px 0 17px 54px;
	border-bottom: 1px solid rgba(255, 255, 2552, .17);
	margin-bottom: 28px
}

#mobile-technologies,
.tabs.animated-fade {
	padding-left: 0
}

i[class^=icon-contact-] {
	width: 20px;
	height: 18px;
	font-size: 0
}

.icon-contact-name {
	background-position: 0 -725px
}

i.promo-code {
	margin-top: -28.5px
}

.icon-contact-email {
	background-position: -27px -725px
}

.icon-contact-number {
	background-position: -54px -725px
}

.abc .icon-contact-message {
	top: 0 !important;
	margin-top: 20px;
	background-position: -81px -725px
}

.icon-contact-link {
	background-position: -237px -718px;
	width: 24px;
	height: 24px;
	left: 0;
	margin-top: -14px
}

.icon-contact-email,
.icon-contact-message,
.icon-contact-name,
.icon-contact-number {
	left: 0;
	margin-top: -13.5px
}

.icon-contact-project-type {
	background-position: -199px -719px;
	width: 25px;
	height: 22px;
	left: 0;
	margin-top: -12px
}

#progress-bar {
	background: #ee3124 !important;
	height: 15px !important
}

#loaded_n_total {
	color: #fff;
	font-size: 14px;
	margin: 8px 0
}

#progressBar {
	width: 100% !important;
	background: 0;
	top: 16px;
	border: 1px solid rgba(255, 255, 2552, .17);
	border-radius: 3px;
	height: 13px
}

h3#status {
	font-size: 12px;
	color: #fff;
	font-style: italic
}

.contact-form textarea {
	height: 100%;
	width: 100%;
	min-height: 100px;
	resize: none;
	overflow: hidden;
	transition: .3s linear
}

.input-wrapper.brif-blog {
	width: 100%
}

.custom-file-upload {
	cursor: pointer;
	display: block;
	text-align: left;
	color: #fff;
	padding: 10px 0 10px 54px;
	position: relative;
	font-family: Lato, sans-serif;
	margin-bottom: 35px
}

.custom-file-upload:before {
	content: "";
	width: 27px;
	height: 23px;
	background: url(https://www.htmlpanda.com/assets-new/images/sprite.png) no-repeat -108px -725px;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -15.5px
}

.contact-btn-wrapper {
	padding-top: 3px
}

.contact-btn {
	background: #ee3124;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	border-radius: 3px;
	position: relative;
	padding: 12px 25px;
	border: 3px solid transparent
}

.contact-btn:hover {
	background: #fff;
	color: #ee3124;
	border-color: #ee3124
}

.icon-contact-send {
	background-position: -139px -728px;
	position: static;
	margin-left: 10px
}

.contact-btn:hover .icon-contact-send {
	background-position: -166px -728px
}

.contact-detail {
	width: 100%;
	padding: 40px 0;
	background-color: #fff
}

.contact-detail .container {
	position: relative
}

.info-dot {
	position: absolute;
	top: 50%;
	left: 0;
	display: none;
	z-index: -1
}

i[class^=icon-info-] {
	width: 76px;
	height: 68px;
	font-size: 0
}

.icon-info-phone {
	background-position: -228px -748px
}

.icon-info-email {
	background-position: -304px -748px
}

.icon-info-location {
	background-position: -380px -748px
}

.flex-info {
	width: 95%
}

.flex-info h5 {
	color: #000;
	font-family: Poppins, sans-serif;
	font-size: 22px;
	margin-bottom: 8px;
	font-weight: 500
}

.info-text {
	font-size: 16px;
	color: rgba(0, 0, 0, .83);
	font-family: Lato, sans-serif
}

.info-text a {
	color: rgba(0, 0, 0, .8);
	font-weight: 700;
	display: block;
	margin-top: 15px
}

.info-text a:hover {
	color: #ee3124;
	text-decoration: underline
}

.info-text span {
	display: block
}

.map {
	font-size: 0;
	width: 100%
}

.map img {
	display: block;
	width: 100%
}

.address-slide {
	margin-bottom: 20px;
	padding-right: 20px
}

.address-slide:last-child {
	margin-bottom: 0
}

.address-slider .slick-dots li {
	float: left;
	margin-right: 10px
}

.address-slider .slick-dots li:last-child {
	margin-right: 0
}

.address-slider .slick-dots li button {
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	font-size: 0;
	border-radius: 50%;
	padding: 0;
	border: 0;
	outline: 0;
	background: rgba(0, 0, 0, .8)
}

.address-slider .slick-dots li.slick-active button {
	background: rgba(0, 0, 0, .4)
}

.style-info {
	display: inline-block;
	color: #a9a6de;
	font-size: 16px;
	font-weight: 900;
	margin-bottom: 18px;
	text-transform: uppercase
}

.tabbing-links li {
	float: left;
	margin-right: 20px;
	width: 45%;
	width: auto;
	margin-right: 0;
	text-align: center;
	opacity: .5;
	position: relative;
	border: 1px solid #fff
}

.tabbing-links li:after {
	content: "";
	position: absolute;
	top: 100%;
	display: none;
	width: 12px;
	height: 12px;
	margin-top: 41px;
	background: #5952c9;
	border: 1px solid #fff;
	border-left: none;
	border-top: 0;
	z-index: 1;
	left: 8px;
	margin: -5px 0 0;
	z-index: 1;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.tabbing-links li.active:after {
	display: block
}

.tabbing-links li.active:last-child:after {
	left: auto;
	right: 8px
}

.tabbing-links li.active {
	opacity: 1
}

.tabbing-links li a {
	display: block;
	color: #fff;
	font-size: 16px;
	padding: 5px 10px;
	font-family: Lato, sans-serif
}

.tabbing-content span {
	font-size: 16px;
	color: #fff
}

.relative {
	position: relative
}

.use-txt {
	color: #a9a6de;
	font-size: 16px;
	bottom: 0;
	left: 11px;
	top: 100%;
	margin-top: 15px;
	letter-spacing: 1px
}

.mt-space {
	margin-top: 33px
}

.top-input-wrapper .input-wrapper.brif-blog {
	margin-top: 13px;
	width: 65.6%
}

.selectBox-dropdown {
	width: 270px !important;
	padding: 5px 10px
}

.selectBox-dropdown .selectBox-label {
	padding: 0
}

.selectBox-label::before {
	margin-top: -4px
}

.icon-contact-agency-brand {
	background-position: -427px -80px;
	width: 18px;
	height: 18px;
	left: 4px;
	margin-top: -12px
}

.icon-contact-website {
	background-position: -456px -78px;
	width: 20px;
	height: 20px;
	left: 4px;
	margin-top: -7px
}

.file-load,
.share-file-text {
	display: inline-block;
	color: #a9a6de;
	font-size: 16px;
	margin: 15px 0
}

.share-file-text {
	top: -36px
}

.file-load {
	position: absolute;
	left: 0;
	top: 100%;
	color: #a9a6de;
	font-size: 15px;
	margin-top: 15px;
	letter-spacing: 1px
}

.tabbing-links {
	margin-bottom: 23px
}

.tab {
	display: none
}

.tab.active {
	display: block
}

.link-intro {
	position: relative;
	padding: 7px 0 10px 54px
}

.quick-thanks {
	padding: 130px 0 210px;
	text-align: center
}

.quick-thanks h1 {
	margin-bottom: 38px;
	color: #000
}

#html_element {
	margin-top: 37px
}

.captcha-flex {
	display: flex;
	display: -ms-flexbox;
	margin-bottom: 60px;
	margin-top: 55px
}

.contact-form .captcha-flex h4 {
	font-size: 22px;
	margin-bottom: 0;
	margin-right: 15px
}

.answer-box {
	width: auto !important;
	border-bottom: 1px solid rgba(255, 255, 2552, .17)
}

#g-recaptcha-error {
	color: #ff2601;
	font-size: 15px;
	font-family: Lato, sans-serif;
	margin-bottom: 18px
}

.alertCls::-webkit-input-placeholder {
	color: #ee3124
}

.alertCls::-moz-placeholder {
	color: #ee3124
}

.alertCls:-ms-input-placeholder {
	color: #ee3124
}

.alertCls:-moz-placeholder {
	color: #ee3124
}

.input-wrap input {
	border: 0;
	letter-spacing: .999px;
	font-size: 16px;
	padding: 5px 10px 5px 0;
	display: block;
	width: 100%
}

.input-global {
	position: relative;
	margin-bottom: 35px;
	font-family: Lato, sans-serif;
	border-bottom: 1px solid rgba(255, 255, 2552, .6)
}

.join-textarea {
	width: 100%;
	padding: 5px 10px;
	resize: none;
	font-family: Lato, sans-serif
}

.input-global label {
	position: absolute;
	letter-spacing: .999px;
	font-size: 16px;
	left: 0;
	top: 5px;
	color: #fff;
	font-weight: 400;
	transition: all .3s linear;
	font-family: Lato, sans-serif
}

.focused label {
	top: -20px;
	color: #fff;
	opacity: .8
}

.tooltip-box {
	position: absolute;
	top: 100%;
	margin-top: 11px;
	left: 0;
	background: #ddd;
	color: rgba(0, 0, 0, .83);
	font-size: 15px;
	font-family: Lato, sans-serif;
	-webkit-border-radius: 4PX;
	-moz-border-radius: 4PX;
	border-radius: 4PX;
	padding: 0 15px;
	line-height: 28px;
	z-index: 1;
	display: none
}

.tooltip-box::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 35px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #ddd
}

.placeholder-show::-webkit-input-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.placeholder-show::-moz-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.placeholder-show:-ms-input-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.placeholder-show:-moz-placeholder {
	color: transparent;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.placeholder-show:focus::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .5);
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.placeholder-show:focus::-ms-input-placeholder {
	color: rgba(255, 255, 255, .5);
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.placeholder-show:focus::-moz-placeholder {
	color: rgba(255, 255, 255, .5);
	-webkit-transition: opacity .1s ease-in-out;
	transition: opacity .1s ease-in-out
}

.address-tab {
	display: flex;
	display: -ms-flexbox;
	margin-bottom: 18px
}

.address-tab li {
	margin-right: 16px
}

.address-tab li:last-child {
	margin-right: 0
}

.address-tab li a {
	color: #000;
	font-size: 16px;
	font-family: Lato, sans-serif
}

.address-tab li a.activelink {
	color: #ff2601;
	font-weight: 600;
	text-decoration: underline
}

.address-tabbing .active {
	display: block
}

.hide {
	display: none
}

.contact-main {
	margin-top: 73px;
	padding-bottom: 40px;
}

.contact-main .container {
	max-width: none;
	padding: 0
}

.contact-heading {
	padding: 30px 15px
}

.portfolio-logo img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 15px;
}

.contact-wrap {
	display: flex;
	flex-direction: column-reverse;
}

.portfolio-inform {
	display: flex;
	flex-direction: column;
	width: 60%;
}

.chairman {
	display: block;
	font-weight: 700;
}

.portfolio-rating {
	margin-top: 15px;
	padding: 12px 10px;
	border: 1px solid #d8d4d6;
	display: flex;
	align-items: center;
}

.portfolio-info {
	margin-left: 10px;
	color: #131928;
}

.country-name {
	display: block;
	color: #e01321;
}

.contact-slider h1 {
	margin-bottom: 20px;
	font-size: 24px;
}

.portfolio-wrap {
	margin-bottom: 15px;
	display: flex;
	align-items: flex-start;
}

.contact-form-block {
	background-color: #534cbc;
	padding: 30px 15px;
	display: flex;
	flex-direction: column;
}

.contact-form-block h3 {
	font-size: 26px;
	color: #fff;
	margin-bottom: 30px;
}

.contact-heading .slick-dots li button {
	font-size: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #d8d4d6;
	margin-right: 10px;
	cursor: pointer;
	border: none;
}

.contact-break {
	font-size: 22px;
	display: block;
	font-weight: normal;
	margin-top: 8px;
}

.contact-heading .slick-dots li button:focus {
	outline: none;
}

.contact-heading .slick-dots li.slick-active button {
	background-color: #e01321;
}

.contact-heading .slick-dots {
	display: flex;
	margin-top: 15px;
}

.contact-slider p {
	margin-bottom: 0;
	padding-right: 20px;
}

.top-img {
	margin-bottom: 30px
}

.dotline {
	font-size: 15px;
	display: inline-block;
	margin-right: 16px;
	padding: 0;
	font-family: Lato, sans-serif;
	line-height: 1;
	margin-bottom: 30px;
	width: 42%;
}

.dotline span {
	display: block;
	font-size: 50px;
	font-family: Aleo, serif;
	font-size: 35px;
}

.numbers {
	padding: 30px 15px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.project span {
	color: #8f87f8;
}

.dotline sup {
	font-size: 29px;
	font-weight: 500;
	vertical-align: super;
}

.client span {
	color: #ffc240;
}

.years span {
	color: #fc7fbb;
}

.repeatClient span {
	color: #8578f1;
}

.engineers span {
	color: #fdc143;
}

.bottom-img {
	display: none
}

.bottom-img img {
	display: block
}

.our-contact {
	background-color: #f9f8f8;
	padding: 30px 15px
}

.contact-column {
	margin-bottom: 30px
}

.contact-icon {
	margin-bottom: 7px
}

.contact-global .container {
	max-width: 1170px
}

.iti {
	width: 100%;
}

.input-global label.phone-txt {
	left: 78px;
}

.iti--allow-dropdown input[type=text] {
	padding-left: 40px !important;
}

/* Top companies section styling */
.top-companies {
	padding: 40px 0;
	border-top: 1px solid #e7e7e7;
}

.top-companies h3 {
	font-size: 24px;
	text-align: center;
	line-height: 1.1;
	margin-bottom: 40px;
}

.top-companies h3 span {
	display: block;
	color: #ff1112;
}

.companies-listed {
	display: flex;
	flex-wrap: wrap;
	box-shadow: 2px 2px 10px rgb(0 0 0 / 10%);
}

.companies-listed .slick-arrow {
	position: absolute;
	height: 38px;
	width: 38px;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 4px 4.9px 0.1px rgb(0 0 0 / 15%), 0 11px 7.76px 0.24px rgb(0 0 0 / 10%), 0 14px 17.86px 1.14px rgb(0 0 0 / 14%), 0 20px 24.3px 2.7px rgb(0 0 0 / 6%);
	top: 50%;
	font-size: 0;
	cursor: pointer;
	transform: translateY(-50%);
	z-index: 99;
}

.companies-listed .slick-next:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
	background-image: url(https://www.htmlpanda.com/assets-new/service-images/acclamations-sprites.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 15px;
	width: 10px;
	background-position: -44px -140px;
	pointer-events: none;
}

.companies-listed i {
	display: none;
}

.companies-listed .slick-arrow {
	display: block !important;
}

.companies-listed .slick-prev {
	display: none !important;
}

.companies-listed .slick-next {
	right: 0;
}

.companies-listed .slick-track {
	display: flex;
}

.companies-listed .slick-slide {
	height: auto;
}

.companies-listed li {
	width: 25%;
	height: 100%;
	padding: 10px;
	text-align: center;
	border-right: 2px solid #f2f3f6;
}

.companies-listed li figure {
	display: flex;
	align-items: center;
	margin: 0 auto 26px;
	min-height: 136px;
}

.companies-listed li img {
	height: auto;
}

.top-logo img {
	margin: 0 auto;
	text-align: center;
}

.top-logo img {
	width: 110px;
	height: 78px;
}

.companies-listed .bbb-logo img {
	height: 60px;
	object-fit: contain;
}

.companies-listed li p {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.26;
	font-weight: 600;
	margin-bottom: 15px;
}

.companies-listed li p a {
	color: #000;
}

.companies-listed li p a:hover {
	color: #ff1112;
	text-decoration: underline;
}

.yourstory-logo {
	width: 200px;
}

.tens-logo {
	width: 130px;
}

.clutch-logo {
	width: 141px;
}

.ecommerce-logo {
	width: 190px;
}

.top-web {
	width: 185px;
}

.goodfirms-logo {
	width: 200px;
}

.bbb-logo {
	width: 152px;
}

.manifest-logo {
	width: 160px;
}

.manifest-logo img {
	width: 160px;
}

.feature-shopify-logo {
	width: 106px;
}

.top-developers-logo {
	width: 190px;
}

.expertise-logo {
	width: 190px;
}

.designrush-logo {
	width: 190px;
}

.companies-listed li {
	width: 25%;
	height: 100%;
	padding: 10px;
	text-align: center;
	border-right: 2px solid #f2f3f6;
}

/* Top companies section styling close */

@media (min-width:375px) {
	/* .contact-heading h1 {
		font-size: 32px
	} */

	.address-tab li {
		margin-right: 20px
	}

	.address-tab li a {
		font-size: 18px
	}

	.info-text {
		font-size: 16px
	}

	.dotline {
		width: 28%;
	}
}

@media (min-width:576px) {
	/* .contact-heading h1 {
		font-size: 38px
	} */

	.container {
		padding: 0 20px
	}

	.banner h2 span {
		display: block
	}

	.tabbing-links li a {
		font-size: 17px
	}

	.dotline {
		width: 30%;
	}
}

@media (min-width:667px) {
	.map {
		background-size: 100% auto;
		background-position: right top
	}
}

@media (min-width:768px) {
	.banner h1 {
		font-size: 27px
	}

	.address-tab li {
		margin-right: 24px
	}

	.info-text {
		font-size: 18px
	}

	.map {
		height: 100%
	}

	.contact-main {
		margin-top: 120px
	}

	.contact-wrap {
		display: flex;
		justify-content: space-between
	}

	.contact_left,
	.contact-form-block {
		width: 50%;
		box-shadow: rgba(50, 50, 93, 0.2) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.1) 0px 18px 36px -18px inset;
		padding-left: 15px;
	}

	.contact-heading {
		padding: 50px 30px 0
	}

	.contact-form-block {
		padding: 50px 30px
	}

	.contact-wrap {
		flex-direction: initial;
	}

	.contact-sec {
		display: flex;
		justify-content: space-between
	}

	.contact-column {
		width: 33.333%;
		padding-right: 15px;
		margin-bottom: 0
	}

	.dotline span {
		font-size: 45px;
		letter-spacing: -.3px;
	}

	.bottom-img {
		display: block
	}

	.numbers {
		justify-content: space-between;
	}

	.dotline {
		margin-right: 0;
	}
}

@media (min-width:992px) {
	.banner {
		padding: 135px 0 70px;
		position: relative
	}

	.contact-slider h1 {
		font-size: 28px;
	}

	.banner h2 {
		font-size: 27px;
		width: 664px;
		margin: 0 auto
	}

	.contact-dot,
	.info-dot {
		display: block
	}

	.input-wrapper {
		margin-bottom: 0
	}

	.top-input-wrapper {
		margin-bottom: 42px
	}

	.top-input-wrapper .input-wrapper:last-child {
		margin-right: 0
	}

	.bottom-input-wrapper .custom-file-upload,
	.bottom-input-wrapper .input-wrapper {
		float: left
	}

	.bottom-input-wrapper .input-wrapper {
		width: 65.6%;
		margin-right: 4.3%;
		padding: 5px 0 10px 40px
	}

	.custom-file-upload {
		margin-bottom: 0
	}

	.contact-left,
	.contact-right {
		position: absolute;
		display: block
	}

	.contact-left {
		left: 0;
		top: 0
	}

	.contact-form h4 {
		margin-bottom: 42px
	}

	.contact-right {
		right: 0;
		width: 22.85%;
		bottom: 0
	}

	.top-input-wrapper {
		display: flex;
		display: -ms-flexbox;
		flex-wrap: wrap;
		-ms-flex-wrap: wrap
	}

	.input-wrapper {
		width: 45%;
		margin-right: 5%
	}

	.agency-field {
		width: 65%
	}

	.custom-file-upload {
		width: 100%
	}

	.share-file-text {
		position: absolute;
		left: 0;
		display: inline-block;
		color: #a9a6de;
		font-size: 16px;
		font-weight: 900;
		margin: 0;
		text-transform: uppercase
	}

	.abc {
		display: flex;
		display: -ms-flexbox;
		position: relative
	}

	.abc .bottom-input-wrapper {
		margin-bottom: 0
	}

	.use-txt {
		position: absolute
	}

	.box-blog {
		margin-bottom: 40px
	}

	.contact-flex {
		display: flex;
		display: -ms-flexbox;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		border-top: 1px solid #ccc
	}

	.left-block {
		width: 64%;
		padding: 70px 4%;
		display: flex;
		display: -ms-flexbox;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center
	}

	.left-block form {
		width: 100%
	}

	.contact-detail {
		width: 35%;
		padding: 70px 2%
	}

	.address-tab li a,
	.info-text {
		font-size: 15px
	}

	.dotline span {
		font-size: 68px;
	}

	.dotline sup {
		font-size: 38px;
	}
}

@media (min-width:1024px) {
	.contact-form:before {
		content: "";
		width: 50%;
		left: 0;
		top: 0;
		position: absolute;
		height: 100%;
		background: #534cbc
	}

	.flex-list {
		display: flex;
		display: -ms-flexbox;
		justify-content: space-between;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify
	}

	.flex-list .input-wrap {
		width: 47%
	}

	.panda-form-list li {
		margin-bottom: 45px
	}

	.input-global {
		margin-bottom: 0
	}

	.top-companies h3 span {
		font-size: 36px;
	}

	/* .contact-heading h2 {
		margin-bottom: 30px
	} */
}

@media (min-width:1200px) {
	.contact-slider h1 {
		font-size: 32px;
		margin-bottom: 40px;
	}

	.contact_left,
	.contact-form-block {
		padding-left: 30px;
	}
	.contact_left
	{
		border-radius: 10px 0 0 10px;
	}

	.banner {
		padding: 175px 0 110px
	}

	.banner h2 span {
		font-size: 25px;
	}

	.numbers {
		padding: 60px 0 0;
	}

	.map {
		-webkit-background-size: cover;
		background-size: cover;
		background-position: left center
	}

	.map picture {
		display: block
	}

	.map img {
		width: 100%
	}

	.address-tab li a,
	.info-text {
		font-size: 17px
	}

	.contact-heading {
		padding: 50px 50px 0;
	}

	.contact-form-block {
		padding: 50px;
		border-radius: 0px 8px 8px 0px;
	}

	/* .contact-heading h1 {
		font-size: 48px
	} */

	.contact-global .container {
		padding: 0 20px
	}

	.contact-global .contact-heading {
		padding: 50px 30px 0 0
	}

	/* .contact-global .contact-form-block {
		padding: 50px 30px
	} */
}

@media (min-width:1280px) {

	.input-global label,
	.input-wrap input,
	.join-textarea {
		font-size: 17px
	}

	.contact-btn-wrapper {
		padding-top: 13px
	}

	.address-tab li a,
	.info-text {
		font-size: 18px
	}

	/* .contact-global .contact-form-block {
		display: flex;
		align-items: center
	} */

	.contact-global .container {
		padding: 0
	}

	.panda-form {
		width: 100%
	}
}

@media (min-width:1400px) {
	.contact-heading {
		padding: 50px 65px 0
	}

	/* 
	.contact-heading h1 span {
		display: block
	} */

	/* .panda-form {
		width: 86%;
		margin: 0 auto
	} */

	.our-contact {
		padding: 50px 0
	}

	.contact-btn {
		padding: 13px 40px
	}
}

@media (min-width:1600px) {
	.container {
		padding: 0
	}

	.contact-slider h1 {
		font-size: 40px;
	}

	.banner {
		padding: 199px 0 104px
	}

	.banner-top-dot {
		display: block;
		position: absolute;
		top: 50%;
		right: -29.5%;
		margin-top: -80px
	}

	.banner h1 {
		font-size: 46px;
		letter-spacing: -.5px;
		margin-bottom: 40px
	}

	.banner h1:after {
		width: 31px;
		margin-left: -15.5px
	}

	.banner h2 {
		width: 785px;
		margin: 0 auto;
		font-size: 32px;
		line-height: 1.35
	}

	.contact-dot {
		display: none;
		position: absolute;
		top: 50%;
		margin-top: -82.5px;
		right: -19.8%
	}

	.info-dot {
		top: 50%;
		left: -24%;
		margin-top: -13px
	}

	.contact-form h4 {
		font-size: 39px;
		letter-spacing: -.5px;
		margin-bottom: 50px
	}

	.top-input-wrapper {
		margin-bottom: 36px
	}

	.input-wrapperr,
	.top-input-wrapper .input-wrappe {
		padding: 10px 0 19px 46px
	}

	::placeholder {
		font-size: 19px
	}

	.custom-file-upload {
		padding-bottom: 19px
	}

	.link-intro {
		padding: 7px 0 19.8px 54px
	}

	.bottom-input-wrapper .input-wrapper {
		padding: 10px 0 5px 40px
	}

	.icon-info-phone {
		background-position: 0 -748px;
		margin-left: -7px
	}

	.icon-info-email {
		background-position: -76px -748px;
		margin-left: -3px
	}

	.icon-info-location {
		background-position: -152px -748px;
		margin: 5px 0 0-8px
	}

	.info {
		padding-right: 0
	}

	.contact-detail h5 {
		font-size: 26px;
		margin-bottom: 14px
	}

	.email-info {
		padding-left: 9px
	}

	.location-info {
		padding-left: 18px
	}

	.info-text {
		line-height: 1.6
	}

	.address-slider ul.slick-dots {
		margin-left: 3px
	}

	.address-slider .slick-dots li {
		margin-right: 12px
	}

	.contact-left {
		left: -22.3%;
		top: 7px
	}

	.bottom-input-wrapper .input-wrapper,
	.custom-file-upload {
		padding-left: 54px
	}

	.icon-contact-email,
	.icon-contact-name {
		left: 4px
	}

	.icon-contact-name {
		margin-top: -17.5px
	}

	.icon-contact-email {
		margin-top: -11.5px
	}

	.bottom-input-wrapper .input-wrapper {
		width: 65.6%;
		margin-right: 3.3%
	}
}

.upload {
	padding: 60px 0
}