@media screen and (max-width:767px) {
	.process-boxes,
	.services-new-inner {
		margin-bottom: 40px
	}
	.carousel-3d-controls[data-v-43e93932],
	.portfolio-slider .circle {
		display: none
	}
	.grid-box,
	.mob-center,
	.pro-cont {
		text-align: center
	}
	.process-boxes,
	.process-boxes.green-box {
		margin-left: 0
	}
	.mob-pad {
		padding: 0 15px
	}
	.pro-cont .para-text {
		border: none;
		padding: 0
	}
	.pro-cont {
		padding: 20px 0
	}
	.contact-form {
		border: none
	}
	.form-cols {
		padding: 0 15px
	}
	.appreciaton-content .col-right {
		padding: 20px 15px;
		border: none
	}
	ul.footer-navbar {
		float: none!important;
		margin: 20px 0 0
	}
	.service-new-inner-border {
		border-left: 0;
		height: 160px;
		margin-top: 90px
	}
	.inner-top-slider .owl-carousel .owl-stage-outer,
	.inner-top-slider .owl-carousel .owl-stage-outer .item {
		height: auto
	}
	.footer-navbar li {
		margin-bottom: 10px
	}
	.element-item .element-thumbs {
		overflow: hidden
	}
	.clients-grid .client-box:nth-child(n) {
		border-right: 1px solid #bfc5c7
	}
	.clients-grid .client-box:nth-of-type(1) {
		border-top: 1px solid #bfc5c7
	}
	.grid-box:nth-child(n) {
		border-right: 1px solid #303a42
	}
	.grid-box:nth-child(n+2) {
		border-top: none
	}
	#contact-page .col-left,
	.profile-content .col-left {
		border-right: none
	}
	#logo-branding .submit-btn {
		font-size: 11px
	}
	.service-offer .boxes {
		border-left: 0!important;
		padding: 20px 15px;
		border-radius: 0!important
	}
	.big-head {
		font-size: 30px
	} 
	
}

@media (min-width:768px) {
	.display-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media (min-width:992px) {
	.pb100 {
		padding-bottom: 100px
	}
	.pad-l50 {
		padding-left: 50px
	}
	.pad-r50 {
		padding-right: 50px
	}
	.clients-grid .client-box,
	.width20 {
		width: 20%
	}
}

@media screen and (min-width:768px) and (max-width:991px) {
	.process-boxes {
		margin-left: 0!important
	}
	.pro-cont {
		padding: 20px
	}
	.clients-grid .client-box:nth-child(3n+3) {
		border-right: 1px solid #bfc5c7
	}
	.clients-grid .client-box:not(:nth-child(n+4)) {
		border-top: 1px solid #bfc5c7
	}
	.clients-grid .client-box:nth-child(5n+5) {
		border-right: none
	}
	.clients-grid .client-box:not(:nth-child(n+6)) {
		border-top: none
	}
}

@media screen and (min-width:992px) and (max-width:1199px) {
	#cssmenu > ul {
		margin-top: 25px
	}
	.navigation {
		padding: 20px 0
	}
	.navigation .container {
		padding: 0;
		width: 1000px
	}
	#cssmenu > ul > li > a {
		font-size: 13px;
		padding: 10px 9px
	}
	.contact-info .col-lg-6 + .col-md-5 {
		padding: 0
	}
}

@media screen and (max-width:991px) {
	.navigation {
		height: 112px
	}
	.logo {
		padding: 0
	}
	#cssmenu > ul {
		background: #333;
		float: none;
		margin-top: 0;
		border-radius: 6px;
		border: none;
		overflow: hidden;
		top: 50px
	}
	#cssmenu ul li.has-sub:hover,
	#cssmenu ul ul li:last-child {
		border-radius: 0
	}
	#cssmenu .submenu-button {
		height: 34px
	}
	#cssmenu .submenu-button:before {
		top: 14px
	}
	#cssmenu .submenu-button:after {
		top: 17px
	}
	.carousel-3d-container[data-v-c06c963c] {
		height: auto!important
	}
	.social-icons {
		float: none;
		margin: 20px 0
	}
	.s1.owl-carousel .owl-nav .owl-prev {
		left: 0
	}
	.inner-top-slider.portfolio-slider {
		display: none
	}
}

@media screen and (max-width:1200px) {
	#port,
	#process-we-follow #adobe-icon,
	#word-of-appreciation #appreciation {
		display: none
	}
}

@media screen and (min-width:1367px) {
	#process-we-follow #adobe-icon {
		left: 0
	}
	#port,
	#word-of-appreciation #appreciation {
		right: 0
	}
	#word-of-appreciation #appreciation #comment-icon {
		left: 90px!important;
		right: auto
	}
	.inner-top-slider .owl-carousel .owl-stage-outer .item {
		height: 750px
	}
}

@media (max-width:576px) {
	.header-content {
		position: absolute;
		bottom: -25px;
		width: 100%;
		transform: translate(-50%, -50%);
		left: 50%;
		padding: 0 20px;
		right: 50%;
		text-align: center
	}
	.header-content h2 {
		font-size: 20px
	}
}