/*================================ 
    #RESPONSIVE CSS 
====================================*/

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* Topbar Arae */
	.top-bar-area .button {
		display: none;
	}

	.breadcrumb-area {
		padding: 100px 0;
	}

	.heading-left h2 {
		margin-bottom: 30px;
	}

	/* Banner */

	.banner-area {
		text-align: center;
	}

	body,
	.banner-area,
	.banner-area div {
		height: auto;
	}

	.banner-area.inc-nav-box .content {
		margin-top: 100px;
	}

	.banner-area .content {
		padding: 120px 0;
	}

	.banner-area.top-pad-90 .content {
		margin-top: 60px;
	}

	.banner-area.circle-bg .content {
		padding-bottom: 50px;
	}

	.banner-area.circle-bg .thumb {
		padding-left: 15px;
		margin-bottom: 120px;
	}

	.banner-area.top-mar-150 .content {
		margin-top: 90px;
	}

	.banner-area.double-items .thumb {
		padding-left: 15px;
		margin-top: 50px;
	}

	.banner-area .thumb.multi-items .thumb-box img:first-child {
		margin-top: 0;
	}

	.banner-area .thumb.multi-items .thumb-box img:nth-child(2) {
		top: 120px;
	}

	.banner-area .thumb.multi-items .thumb-box img:nth-child(3) {
		top: 120px;
	}

	.banner-area .banner-items .content {
		padding-top: 170px;
	}

	.banner-area .banner-box {
		background: #ffffff;
		margin: 0;
		top: 0;
		margin-top: 90px;
	}

	.banner-area.auto-height .banner-content {
		padding-top: 0;
	}

	.banner-area.auto-height .banner-content .thumb img {
		max-width: 100%;
	}

	.banner-area .banner-box::after {
		display: none;
	}

	.banner-area.auto-height .banner-content {
		padding-top: 120px;
		padding-bottom: 50px;
	}

	.banner-area.auto-height .banner-content .content {
		margin-top: 0;
		padding: 0;
		padding-bottom: 120px;
		padding-top: 30px;
	}

	.banner-area.auto-height .banner-content .thumb {
		position: relative;
		bottom: 0;
		margin-top: 0;
	}

	.banner-area .carousel-indicators {
		width: 100%;
		left: auto;
		right: 15px;
		bottom: 50px;
	}

	.banner-area .banner-items .content {
		padding-top: 140px;
		padding-bottom: 50px;
	}

	.bg-fixed {
		background-attachment: inherit !important;
	}

	.banner-area.top-pad-50 .content {
		padding-top: 180px;
		padding-bottom: 0;
	}

	.banner-area.text-default .info {
		padding-right: 15px;
	}

	.blue .banner-area .form-info {
		margin-top: 50px;
	}

	.blue .banner-area .form-info img {
		display: none;
	}

	/* About */

	.about-area .thumb {
		margin-bottom: 30px;
	}

	.about-area .about-items .content {
		padding-left: 0;
	}

	.about-area .about-items .content-inner::after {
		width: 200%;
		right: -50%;
	}

	.about-area .about-items .content-inner {
		padding: 50px 0;
	}

	.about-area .content ul {
		padding: 0;
		margin-bottom: 15px;
	}

	.about-area .about-items .content-inner h2 {
		margin: 0;
	}

	.about-content-area ul.achivement {
		margin: auto;
	}

	.about-content-area .top-info {
		margin-top: 50px;
	}

	.about-us-content .thumb {
		text-align: center;
		padding-right: 15px;
		margin-bottom: 50px;
	}

	.about-us-content .thumb img {
		margin-left: 0;
		max-width: 100%;
	}

	.about-us-content .experience .left-content {
		min-width: 265px;
	}


	/* Work Process */
	.process-list-items .item::after {
		transform: rotate(-20deg);
	}

	.process-list-items .single-item:first-child .item::after,
	.process-list-items .single-item .item:hover::after {
		transform: rotate(-44deg);
	}


	/* Fun Factor Area */
	.fun-fact-area .inner-items .item {
		margin-top: 50px;
	}

	.fun-fact-area .inner-items .item:first-child,
	.fun-fact-area .inner-items .item:nth-child(2) {
		margin-top: 0;
	}


	/* Faq */
	.faq-area .faq-content {
		padding-left: 0;
		margin-top: 50px;
	}

	/* Services */
	.services-area .services-box {
		text-align: center;
	}

	.services-area .services-box .services-items {
		margin-top: 20px;
	}

	.services-area .services-box .item i {
		margin-top: 10px;
	}

	.services-area .services-box .item i::after {
		right: -15px;
	}

	.services-area .shape-fixed {
		display: none;
	}

	.services-area .services-box .item-grid:first-child {
		margin-top: 0;
	}

	.main-services-area {
		text-align: center;
	}

	.main-services-box {
		margin-top: -50px;
	}

	.main-services-box .single-item {
		margin-top: 50px;
		border: none;
	}

	.main-services-box .item {
		display: block;
		padding: 0;
		text-align: center;
	}

	.main-services-box .item .icon {
		margin-right: 0;
		margin-bottom: 25px;
	}

	.services-list-items {
		margin: 0;
	}

	.services-list-items .item {
		border: none;
		padding: 60px 35px;
		background: #ffffff;
		box-shadow: 0 0 1.5625rem 0 rgb(54 186 254 / 10%);
	}

	.services-list-items .single-item {
		margin-top: 50px;
	}

	.services-list-items .single-item:first-child,
	.services-list-items .single-item:nth-child(2) {
		margin-top: 0;
	}

	/* Services Details */
	.services-details-items .services-sidebar {
		padding-right: 15px;
		margin-top: 50px;
	}

	.services-list-items .single-item:nth-child(2) .item,
	.services-list-items .single-item:nth-child(4) .item,
	.services-list-items .single-item:nth-child(6) .item {
		border: none;
	}


	/* Project Details */
	.project-details-area .project-info {
		position: inherit;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		bottom: auto;
		margin-top: 50px;
	}

	.project-details-area .top-info {
		margin-bottom: 30px;
	}

	/* Brand Area */

	.brand-area {
		text-align: center;
	}

	.brand-area .brand-items {
		padding: 50px;
	}

	.dark-layout .brand-area .brand-items {
		padding: 120px 0;
	}

	.brand-area .brand-items::after {
		width: 100%;
	}

	.brand-area .brand-items .info {
		padding-right: 15px;
		border-right: none;
		margin-bottom: 20px;
	}

	.brand-area .brand-items .brand {
		padding-left: 15px;
		margin-top: 0;
	}

	.brand-area .brand-items .brand .col-lg-4 {
		float: left;
		width: 33.3333%;
	}


	/* Boosting */

	.boosting-area {
		padding-top: 0;
	}

	.boosting-area .inner-items {
		top: 0;
		margin-bottom: 0;
		padding: 50px;
	}

	.boosting-area .video {
		display: none;
	}

	/* Choose Us Version Two */

	.choose-us-area {
		padding-top: 120px;
	}

	.choose-us-area .thumb {
		height: 400px;
		margin: 0 15px;
		margin-bottom: 30px;
	}

	.choose-us-area .info {
		max-width: 100%;
		padding-top: 0;
		padding-left: 15px;
	}


	/* Partner */

	.partner-area {
		margin-top: -10px;
	}

	.partner-area .partner-items {
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 120px;
	}

	.partner-area .partner-items::after {
		display: none;
	}

	/* Contact */

	.contact-area .fixed-bg.left {
		display: none;
	}

	.contact-area .contact-items ::after {
		display: none;
	}

	.dark-layout .bg-gray.contact-area .contact-items::after {
		display: none;
	}

	.dark-layout .contact-area .contact-items .form-items {
		background: #0D152E;
		box-shadow: inherit;
	}

	.contact-area .contact-items .form-items {
		background: #ffffff;
		border-radius: 8px;
		padding: 50px;
		margin-bottom: 50px;
		box-shadow: 0 0 10px #cccccc;
	}

	.contact-area .left-info ul.social {
		text-align: center;
	}

	.contact-area .left-info .item {
		display: block;
		text-align: center;
	}

	.contact-area .left-info .item i {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contact-area .left-info .social li {
		margin: 0 10px;
	}

	.google-maps iframe {
		height: 350px;
	}

	.contact-area .contact-items::after {
		display: none;
	}

	/* Error Page */
	.error-page-area,
	.error-page-area div {
		height: auto;
	}

	.error-page-area div.error-box {
		position: inherit;
		top: 0;
		transform: inherit;
	}

	/* Footer */
	footer .footer-bottom {
		text-align: center;
	}

	footer .footer-bottom form {
		position: relative;
		z-index: 1;
		width: 400px;
		margin: 30px auto auto;
	}

	footer .footer-bottom .logo img {
		margin-top: 30px;
		display: none;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.default-padding {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.default-padding.bottom-less {
		padding-bottom: 20px;
		padding-top: 100px;
	}

	.default-padding-bottom.bottom-less {
		padding-bottom: 20px;
	}

	.default-padding-bottom {
		padding-bottom: 50px;
	}

	.default-padding-top {
		padding-top: 50px;
	}

	.site-heading {
		margin-bottom: 40px;
	}

	.heading-center {
		margin-bottom: 40px;
	}

	.heading-side h5 {
		padding-left: 0;
	}

	.heading-side h5::after {
		display: none;
	}

	.heading-left p {
		margin-top: 15px;
	}

	.owl-carousel.owl-theme .owl-nav {
		display: none;
	}

	/* Topbar */
	.top-bar-area {
		display: none;
	}

	nav.navbar .quote-btn {
		display: none;
	}

	.side {
		padding: 50px 50px 50px 35px;
		width: 320px;
	}

	.side .close-side {
		top: -20px;
	}

	.heading-center h2.text-invisible {
		display: none;
	}

	.breadcrumb-area {
		padding: 100px 0;
	}

	/* Banner Area */

	.banner-area {
		text-align: center;
	}

	.banner-area .content h2 {
		font-size: 36px;
	}

	.banner-area .content p {
		padding: 0;
	}

	body,
	.banner-area,
	.banner-area div {
		height: auto;
	}

	.banner-area .content {
		overflow: hidden;
		padding: 80px 0;
	}

	.banner-area.top-mar-150 .content {
		margin-top: 80px;
	}

	.banner-area.version-center .content h4 {
		margin-bottom: 20px;
	}

	.banner-area.version-center .content h2 {
		font-size: 40px;
		line-height: 1.2;
		margin-bottom: 10px;
	}

	.banner-area .fixed-social {
		display: none;
	}

	.banner-area.top-pad-90 .content {
		margin-top: 70px;
	}

	.banner-area.top-pad-130p .content {
		padding-top: 160px;
		padding-bottom: 80px;
	}

	.banner-area.double-items .content h2 {
		font-size: 36px;
	}

	.banner-area.double-items .thumb {
		padding-left: 15px;
		margin-top: 30px;
	}

	.banner-area.double-items .thumb img {
		max-width: 70%;
	}

	.banner-area.circle-bg .content h2 {
		font-size: 36px;
		margin-bottom: 25px;
		line-height: 1.2;
	}

	.banner-area.circle-bg .thumb {
		padding-left: 15px;
		margin-bottom: 50px;
	}

	.banner-area .thumb.multi-items .thumb-box img:first-child {
		margin-top: 0;
	}

	.banner-area .thumb.multi-items .thumb-box img:nth-child(2),
	.banner-area .thumb.multi-items .thumb-box img:nth-child(3) {
		display: none;
	}

	.bg-fixed {
		background-attachment: inherit !important;
	}

	.banner-area .shape {
		display: none;
	}

	.banner-area .fixed-bg {
		width: 100%;
		height: 100%;
	}

	.banner-area .fixed-bg::after {
		display: none;
	}

	.banner-area .fixed-bg::before {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		height: 100%;
		width: 100%;
		background: #000000;
		opacity: 0.5;
	}

	.text-light-mobile h2,
	.text-light-mobile h3,
	.text-light-mobile h4,
	.text-light-mobile p,
	.text-light-mobile a {
		color: #ffffff;
	}

	.banner-area .banner-box {
		background: #ffffff;
		margin: 0;
		top: 0;
		margin-top: 90px;
	}

	.banner-area.auto-height .banner-content {
		padding-top: 0;
	}

	.banner-area.auto-height .banner-content .thumb img {
		max-width: 100%;
	}

	.banner-area .banner-box::after {
		display: none;
	}

	.banner-area.auto-height .banner-content {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.banner-area.auto-height .banner-content .content {
		margin-top: 0;
		padding: 0;
		padding-bottom: 50px;
		padding-top: 30px;
	}

	.banner-area.auto-height .banner-content .thumb {
		position: relative;
		bottom: 0;
		margin-top: 0;
	}

	.banner-area .carousel-indicators {
		width: 100%;
		left: auto;
		right: 15px;
		bottom: 50px;
	}

	.banner-area .banner-items .content {
		padding-top: 140px;
		padding-bottom: 50px;
	}

	.banner-area.text-default .content h2 {
		font-size: 36px;
	}

	.banner-area.top-pad-50 .content {
		padding-top: 140px;
		padding-bottom: 0;
	}

	.banner-area.text-default .info {
		padding-right: 15px;
	}

	.blue .banner-area .form-info {
		margin-top: 40px;
	}

	.banner-area .form-info img {
		display: none;
	}

	/* About */

	.dark-layout .about-content-area.default-padding-bottom {
		padding-top: 50px;
	}

	.about-area .thumb {
		margin-bottom: 30px;
	}

	.about-area .about-items .content {
		padding-left: 0;
	}

	.about-area .about-items .content-inner::after {
		width: 200%;
		right: -50%;
	}

	.about-area .about-items .content-inner {
		padding: 50px 0;
	}

	.about-area .about-items .content-inner .video-play-button {
		display: none;
	}

	.about-area .content ul {
		padding: 0;
		margin-bottom: 15px;
	}

	.about-area .about-items .content-inner h2 {
		margin: 0;
	}

	.about-content-area ul.achivement {
		height: auto;
		width: auto;
		margin-left: 0;
		margin-top: 0;
	}

	.about-content-area ul.achivement::after {
		display: none;
	}

	.about-us-content .thumb {
		padding-right: 15px;
		margin-bottom: 30px;
		text-align: center;
	}

	.about-us-content .thumb img {
		margin: 0;
		max-width: 100%;
	}

	.about-us-content .experience {
		display: block;
	}

	.about-us-content .experience .left-content {
		border: none;
		margin: 0;
		padding: 0;
		min-width: 100%;
		margin-bottom: 20px;
	}

	ul.achivement li:first-child,
	ul.achivement li:nth-child(2),
	ul.achivement li:nth-child(3) {
		position: inherit;
		top: inherit;
		right: inherit;
		left: inherit;
		bottom: inherit;
	}

	ul.achivement li {
		background: transparent !important;
		width: auto;
		padding: 0;
		margin-bottom: 40px;
		margin-top: 0;
		display: block;
	}

	ul.achivement li:last-child {
		margin-bottom: 0;
	}

	.about-content-area .top-info {
		margin-top: 30px;
	}

	/* Process */
	.process-list-items .item::after {
		display: none;
	}


	/* Clients */
	.clients-area .partner-carousel {
		padding-top: 30px;
		margin-top: 30px;
	}



	/* Services */
	.services-area .services-box {
		text-align: center;
	}

	.services-area .services-box .services-items {
		margin-top: 20px;
	}

	.services-area .services-box .item i {
		margin-top: 10px;
	}

	.services-area .services-box .item i::after {
		right: -15px;
	}

	.services-area .services-box .heading-side {
		padding-right: 0;
	}

	.services-area .shape-fixed {
		display: none;
	}

	.services-area .services-box .item-grid:first-child {
		margin-top: 0;
	}

	.main-services-area {
		text-align: center;
	}

	.main-services-box .single-item {
		margin-bottom: 30px;
		border: none !important;
	}

	.main-services-box .item {
		display: block;
		padding: 0;
		text-align: center;
	}

	.main-services-box .item .icon {
		margin-right: 0;
		margin-bottom: 25px;
	}

	/* Services Details */
	.services-details-items .services-sidebar {
		padding-right: 15px;
		margin-top: 50px;
	}

	.services-details-area .features .col-lg-6 {
		margin-top: 30px;
	}

	.services-details-area .features .col-lg-6:first-child {
		margin-top: 0;
	}

	.services-list-items .item {
		border: none;
		padding: 60px 35px;
		background: #ffffff;
		box-shadow: 0 0 1.5625rem 0 rgb(54 186 254 / 10%);
	}

	.services-list-items {
		margin-left: 0;
		margin-right: 0;
	}

	.services-list-items .single-item {
		margin-bottom: 30px;
	}

	.services-list-items .single-item:last-child {
		margin-bottom: 0;
	}

	/* Choose Us */

	.why-choose-us-area .inner-items .info {
		padding: 50px 30px;
	}

	/* Choose Us Version Two */

	.choose-us-area {
		padding-top: 50px;
		text-align: center;
	}

	.choose-us-area .statistics {
		display: inline-block;
	}

	.choose-us-area .thumb {
		height: 300px;
		margin: 0 15px;
		margin-bottom: 30px;
	}

	.choose-us-area .info {
		max-width: 100%;
		padding-bottom: 50px;
		padding-top: 0;
		padding-left: 15px;
	}

	.choose-us-area .fun-factors {
		display: none;
	}

	/* Faq Area */
	.faq-area .faq-content {
		padding-left: 0;
		margin-top: 30px;
	}

	.faq-area .info ul li {
		width: 100%;
	}

	/* Boosting */

	.boosting-area {
		padding-top: 0;
	}

	.boosting-area .inner-items {
		top: 0;
		margin-bottom: 0;
		padding: 50px 30px;
	}

	.boosting-area .video {
		display: none;
	}


	/* Team Area */
	.team-area .team-items .thumb .social li {
		margin-top: 0;
		display: inline-block;
	}

	.team-area .team-items .thumb .social ul {
		right: 50%;
		transform: translateX(50%);
		min-width: 80%;
		bottom: -25px;
	}

	.team-area .team-items .info {
		padding-top: 50px;
	}

	.team-area .team-items .single-item .item {
		margin-right: 0;
		margin-top: 0;
	}

	.team-area .team-items .single-item:nth-child(2) .item,
	.team-area .team-items .single-item:nth-child(5) .item {
		margin: 0;
	}

	.team-area .team-items .single-item:last-child .item,
	.team-area .team-items .single-item:nth-child(3) .item {
		margin-left: 0;
	}

	.team-area.default-padding-bottom.bottom-less {
		padding-bottom: 20px;
	}

	/* Team Single */

	.team-single-area .bottom-info {
		margin-top: 30px;
		padding-top: 30px;
	}

	.team-single-area .right-info {
		padding-left: 15px;
		margin-top: 55px;
	}

	.team-single-area .thumb .social ul {
		right: auto;
		bottom: -30px;
		left: 30px;
	}

	.team-single-area .bottom-info .about-area.reverse {
		padding-left: 15px;
		margin-top: 30px;
	}


	/* Fun Fact */
	.fun-fact-area .inner-items .item {
		margin-top: 50px;
	}

	.fun-fact-area .inner-items .item:first-child {
		margin-top: 0;
	}

	.fun-fact-area .inner-items {
		top: 0;
		margin-bottom: 0;
		margin-top: -50px;
	}



	/* Brand Area */

	.brand-area {
		text-align: center;
	}

	.brand-area .brand-items {
		padding: 50px 30px;
		padding-right: 30px;
	}

	.brand-area .brand-items::after {
		width: 100%;
	}

	.brand-area .brand-items .info {
		padding-right: 15px;
		border-right: none;
		margin-bottom: 20px;
	}

	.brand-area .brand-items .brand {
		padding-left: 15px;
		margin-top: 0;
	}

	.brand-area .brand-items .brand .col-lg-4 {
		float: left;
		width: 50%;
	}

	/* Partner */

	.partner-area .partner-items {
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 50px;
	}

	.partner-area .partner-items::after {
		display: none;
	}


	/* Project Details */
	.project-details-area .project-info {
		position: inherit;
		left: auto;
		right: auto;
		top: auto;
		width: 100%;
		padding: 50px 30px;
		bottom: auto;
		margin-top: 30px;
	}

	.project-details-area .top-info {
		margin-bottom: 30px;
	}


	/* Blog */
	.blog-area .blog-thin-colums .thumb {
		margin-bottom: 30px;
	}

	.blog-area .blog-items .thumb .date {
		left: 30px;
		right: auto;
	}

	.blog-area .blog-items .footer-meta ul {
		border-top: none;
		padding-top: 0;
	}

	.blog-area .blog-items .footer-meta ul li:last-child {
		display: none;
	}

	.blog-area .footer-meta ul li::after {
		display: none;
	}

	.blog-area .pagi-area .pagination {
		display: block;
	}

	.blog-area .pagi-area .pagination li {
		display: inline-block;
		margin-top: 5px;
	}

	.blog-area .blog-content .post-tags,
	.blog-area .blog-content .share {
		display: block;
		text-align: center;
		padding: 20px 0;
		padding-bottom: 15px;
	}

	.blog-area .blog-content .share .social {
		margin-top: 10px;
	}

	.blog-area.left-sidebar .blog-content {
		float: none;
	}

	.blog-area .sidebar .sidebar-item.add-banner .sidebar-info {
		padding: 50px 30px;
	}

	.blog-area.left-sidebar .sidebar,
	.blog-area.right-sidebar .sidebar {
		margin-top: 50px;
		overflow: hidden;
	}

	.blog-area.right-sidebar .sidebar {
		padding-left: 15px;
	}

	.blog-area.left-sidebar .sidebar {
		padding-right: 15px;
	}

	.blog-area.single .post-pagi-area {
		text-align: center;
	}

	.blog-area.single .post-pagi-area a {
		margin: 5px;
	}

	.blog-area.single .post-pagi-area a:last-child {
		float: none;
	}

	.comments-list .commen-item.reply {
		margin-left: 0;
	}

	.comments-list .commen-item .content,
	.comments-list .commen-item .avatar {
		display: block;
		text-align: center;
	}

	.comments-list .commen-item .avatar {
		min-width: 100px;
		margin: auto;
		height: auto;
	}

	.comments-list .commen-item .content {
		width: 100%;
		margin-top: 15px;
		padding-bottom: 50px;
	}

	.comments-list .commen-item .content h3,
	.comments-list .commen-item .content h4,
	.comments-list .commen-item .content h5 {
		display: block;
	}

	.comments-list .commen-item .content .reply {
		margin-top: 15px;
	}

	.comments-list .commen-item .content .title span a {
		margin: 0;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.blog-area .comments-area {
		text-align: center;
	}

	.comments-list .commen-item .content .title {
		display: block;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.comments-list .commen-item {
		margin-bottom: 50px;
		display: block;
	}

	.blog-area .contact-comments .comments {
		margin: 0;
	}

	.blog-area .comments-form {
		margin-top: 50px;
	}

	/* Contact */

	.contact-area .fixed-bg.left {
		display: none;
	}

	.contact-area .contact-items::after {
		display: none;
	}

	.contact-area .contact-items .form-items {
		background: #ffffff;
		border-radius: 8px;
		padding: 30px;
		margin-bottom: 30px;
		box-shadow: 0 0 10px #cccccc;
	}

	.dark-layout .bg-gray.contact-area .contact-items::after {
		display: none;
	}

	.dark-layout .contact-area .contact-items .form-items {
		background: #0D152E;
		box-shadow: inherit;
	}

	.contact-area .left-info ul.social {
		text-align: center;
	}

	.contact-area .left-info .item {
		display: block;
		text-align: center;
	}

	.contact-area .left-info .item i {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.contact-area .left-info .social li {
		margin: 0 10px;
	}

	.google-maps iframe {
		height: 350px;
	}

	/* Error Page */
	.error-page-area,
	.error-page-area div {
		height: auto;
	}

	.error-page-area div.error-box {
		position: inherit;
		top: 0;
		transform: inherit;
	}

	.error-page-area .error-box h1 {
		display: none;
	}

	/* Footer */
	footer .footer-bottom {
		text-align: center;
	}

	footer .footer-bottom form {
		position: relative;
		z-index: 1;
		max-width: 400px;
		width: auto;
		margin: 30px auto auto;
	}

	footer .footer-bottom .logo img {
		margin-top: 30px;
		display: none;
	}

	footer .default-padding {
		padding-top: 0;
	}
}


/* Custom  Layout: 400px. */
@media only screen and (max-width: 400px) {
	.attr-nav>ul>li.search {
		display: none;
	}

	.navbar.navbar-fixed .attr-nav>ul>li {
		padding: 36px 0 !important;
	}

	/* Projects Details */

	.project-details-area .project-info {
		text-align: center;
	}

	.project-details-area .project-info>ul {
		display: block;
	}

	.project-details-area .project-info>ul li {
		margin-top: 15px;
	}

	.project-details-area .project-info>ul li:first-child {
		margin-top: 0;
	}

}

/* Custom  Layout: 400px. */
/* @media only screen and (min-width: 400px) { */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.about-area .about-items .content-inner {
		display: block;
	}

	.about-area .about-items .content-inner .col-lg-6 {
		float: left;
		width: 50%;
	}

	.about-area .about-items .content-inner h2 {
		margin-bottom: 25px;
	}

	.about-content-area .top-info .row .col-lg-6 {
		float: left;
		width: 50%;
	}

}

/* Custom  Layout: 600px. */
@media only screen and (max-width: 600px) {

	/* Why Choose Us */
	.why-choose-us-area {
		text-align: center;
	}

	.why-choose-us-area .info ul li {
		float: none;
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}

	/* Why Choose Us Version Two  */
	.choose-us-area .fun-factors {
		text-align: center;
		margin-top: 50px;
	}

	.choose-us-area .fun-factors .fun-fact {
		display: block;
		float: none;
		margin-right: 0;
		border: none;
		padding-right: 0;
		margin-top: 30px;
	}

	.choose-us-area .fun-factors .counter {
		justify-content: center;
	}


}


/* Custom  Layout: 600px. */
@media only screen and (max-width: 600px) {
	.attr-nav ul.social {
		display: none;
	}

	.attr-nav>ul>li {
		padding: 32px 0 !important;
	}
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.side {
		padding: 50px;
		width: 400px;
	}

	/* Blog */

	.comments-list .commen-item .content {
		padding-bottom: 0;
	}

	.comments-list .commen-item .avatar {
		margin: 0;
	}

	.comments-list .commen-item .content .title span a {
		margin-left: 30px;
		position: inherit;
		left: inherit;
		transform: inherit;
	}

	.blog-area .blog-items .footer-meta ul li:last-child {
		display: inline-block;
	}

	.blog-area .footer-meta ul li::after {
		display: inline-block;
	}

	.blog-area .comments-area {
		text-align: left;
	}

	.comments-list .commen-item {
		display: flex;
	}

	.comments-list .commen-item .content {
		width: auto;
		margin-top: 0;
		margin-left: 25px;
		text-align: left;
	}

	.comments-list .commen-item .content .title {
		margin-top: 0;
	}

	.comments-list .commen-item .content .title {
		margin-top: 0;
	}

	.comments-list .commen-item .content h3,
	.comments-list .commen-item .content h4,
	.comments-list .commen-item .content h5 {
		display: flex;
	}

	.comments-list .commen-item .content .reply {
		margin-top: 0;
	}

	.blog-area.single .post-pagi-area {
		text-align: inherit;
	}

	.blog-area.single .post-pagi-area a:last-child {
		float: right;
	}
}

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

	/* global reset - start */
	.order-last {
		order: 0;
	}
}

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

	/* global reset - start */
	.services-details-area .order-last {
		order: 13;
	}
}


/* Custom  Layout: 500px. */
@media only screen and (max-width: 500px) {
	.choose-us-area .statistics .item {
		text-align: center;
		display: block;
		margin-right: 0;
		border-right: none !important;
		padding-right: 0;
		float: none;
		margin-bottom: 40px;
	}

	/* Project Details */
	.project-details-area .project-info .share {
		display: block;
		text-align: center;
	}

	.project-details-area .project-info .share h4 {
		padding-right: 0;
		margin-bottom: 20px;
	}

	.project-details-area .project-info .share ul li {
		margin-left: 4px;
		margin-right: 4px;
	}

}

/* @media only screen and (min-width: 480px) and (max-width: 767px) {
.form__group {
  margin-left: 0px !important;
}
.form__field:placeholder-shown~.form__label{
  font-size: 13px !important;
  top: 10px !important;
}
form div {
  margin-bottom: 5px;
}
.form__field {
  font-size: 13px;
}
.modal-content{
  width: 24%!important;

}
} */




/* new add ons  */

/* service prototype */
@media screen and (max-width: 479px) {
	.w-container {
		max-width: none;
	}

	.services-link-wrapper {
		min-height: auto;
		max-height: none;
	}

	.services-row-block {
		grid-column-gap: 16px;
		grid-row-gap: 16px;
	}

	.services-flex {
		grid-column-gap: 16px;
		grid-row-gap: 16px;
		flex-flow: column;
		justify-content: center;
	}

	.service_prototype h5 {
		line-height: 18px;
	}

	.services-block {
		justify-content: center;
		align-items: center;
	}

	.services-row-title {
		font-size: 32px;
	}

	.services-row-title {
		font-size: 32px;
		line-height: 32px;
	}

	.services-row-image {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.service_prototype .container.padding-144px {
		padding-left: 10%;
		padding-right: 10%;
	}

	.w-layout-blockcontainer {
		max-width: none;
	}

	.services-link-wrapper {
		text-align: center;
		justify-content: center;
		min-height: 150px;
		/* max-height: 150px; */
		padding-right: 0;
	}

	.services-row-block {
		align-items: center;
	}

	.services-flex {
		justify-content: space-between;
	}

	.services-block {
		justify-content: center;
		align-items: center;
	}

	.services-row-title {
		font-size: 48px;
	}

	.services-row-image {
		display: none;
	}

}

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

	.service_prototype .container.padding-216px,
	.service_prototype .container.padding-144px {
		padding-left: 10%;
		padding-right: 10%;
	}

	.w-layout-blockcontainer {
		max-width: 728px;
	}

	.w-container {
		max-width: 728px;
	}

	.services-link-wrapper {
		padding-left: 0;
		padding-right: 32px;
	}

	.services-flex {
		grid-column-gap: 32px;
		grid-row-gap: 32px;
		justify-content: flex-start;
	}

	.services-block {
		justify-content: center;
		align-items: flex-start;
	}

	.services-row-title {
		font-size: 42px;
		line-height: 32px;
	}

	.services-row-image {
		width: 180px;
		height: 180px;
		top: 0;
		left: 68%;
	}
}



/* responsive new service section */


/* Media Queries for Responsiveness */
@media (max-width: 768px) {
	.section .container.padding-72px {
		padding-left: 0px;
		padding-right: 0px;
	}

	.project-image-wrapper {
		max-height: 290px;
	}

	.project-image-wrapper,
	.project-image {
		max-width: 100%;
		min-height: auto;
		max-height: auto;
	}

	.projects-text-block {
		height: auto;
		padding-top: 40px;
		padding-bottom: 8px;
	}

	.projects-text-wrapper {
		text-align: center;
	}

	.works-title-wrapper {
		width: 100%;
	}

	.works-title {
		font-size: 32px;
		line-height: 36px;
		/* display: flex; */
	}

	.works-description {
		font-size: 15px;
		line-height: 22px;
		max-width: 100%;
	}

	.button-flex {
		flex-direction: column;
	}

	.projects-flex {
		flex-direction: column;
		align-items: center;
	}

	.projects-flex-tags {
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 16px;
	}
}

@media (max-width: 480px) {
	.projects-text-wrapper {
		text-align: center;
	}

	.works-title {
		font-size: 24px;
		line-height: 28px;
		/* width: 270px; */
		/* display: flex; */
	}

	.works-title-wrapper {
		width: 100%;
	}

	.works-description {
		font-size: 14px;
		line-height: 20px;
	}

	.animate-h5 {
		font-size: 12px;
		line-height: 12px;
	}

	.projects-badge h5 {
		font-size: 12px;
	}
}



/* cta section - index */


@media screen and (max-width: 479px) {
	.cta_section {
		padding-top: 52px;
		padding-bottom: 52px;
	}

	.cta-v1-content {
		padding-left: 20px;
		padding-right: 20px;
		grid-column-gap: 48px;
		grid-row-gap: 48px;
		grid-template-columns: 1fr;
		padding-top: 48px;
	}

	.cta-v1-details {
		align-items: stretch;
	}

	.cta-v1-image {
		width: 86%;
		min-width: auto;
	}
}

@media screen and (max-width: 767px) {
	.cta_section {
		padding-top: 68px;
		padding-bottom: 68px;
	}

	.cta_section .container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.cta-v1-content {
		grid-column-gap: 48px;
		grid-row-gap: 48px;
		grid-template-columns: 1fr;
		padding-top: 48px;
		padding-left: 24px;
		padding-right: 24px;
	}

	.cta-v1-details {
		text-align: center;
		align-items: center;
		padding-top: 0;
		padding-bottom: 0;
	}

	.cta_section h2 {
		font-size: 31px;
	}

	.text-large {
		font-size: 20px;
	}

	#cta_image {
		justify-self: center;
	}

	.cta-v1-image {
		min-width: auto !important;
	}
}

@media screen and (min-width: 767px) and (max-width: 991px) {
	.cta_section {
		padding-top: 84px;
		padding-bottom: 84px;
	}

	.cta-v1-content {
		min-height: 430px;
		grid-column-gap: 16px;
		grid-row-gap: 16px;
		grid-template-columns: 1fr 1.2fr;
		justify-items: center;
		padding-left: 32px;
		padding-right: 32px;
	}

	.cta_section h2 {
		font-size: 35px;
	}

	#cta_image {
		justify-self: end;
	}
}

/* Media Queries for Responsiveness */
@media (max-width: 1200px) {
	.core_values h2 {
		font-size: 48px;
		line-height: 58px;
	}

	.core_value_point {
		font-size: 70px;
	}
}

@media (max-width: 992px) {
	.values-title-wrapper {
		flex-direction: column;
		align-items: center;
	}

	.core_values h2 {
		font-size: 40px;
		line-height: 50px;
	}

	.core_value_point {
		font-size: 60px;
	}

	.text-align-right {
		text-align: center;
	}
}

@media (max-width: 768px) {
	.core_values h2 {
		font-size: 36px;
		line-height: 46px;
	}

	.core_value_point {
		font-size: 50px;
	}

	.slider img {
		height: 100%;
	}
}

@media (max-width: 576px) {
	.core_values h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.core_value_point {
		font-size: 40px;
	}

	.slider .slide {
		width: 200px;
	}

	.slider .slide-track {
		width: calc(200px * 14);
	}

	@-webkit-keyframes scroll {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(-200px * 7));
		}
	}

	@keyframes scroll {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(-200px * 7));
		}
	}

	.clients img {
		max-width: 220px;
		height: 75px;
		object-fit: cover;
	}

	.clients_logo_div {
		width: 100%;
		max-width: 175px;
		margin: 6px 70px;
	}
}

@media screen and (min-width: 767px) and (max-width: 991px) {
	footer::after {
		left: -80%;
		top: 0;
	}

	.brand-name {
		font-size: 4rem;
	}
}

@media screen and (max-width: 767px) {
	footer::after {
		left: -248% !important;
		top: 0 !important;
	}

	.brand-name {
		font-size: 2rem !important;
	}
}


/* service page new  */

@media screen and (max-width: 767px) {
	.section {
		padding-top: 84px;
		padding-bottom: 84px;
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (max-width: 479px) {
	.process-number {
		font-size: 32px;
		line-height: 42px;
	}
}

@media screen and (max-width: 767px) {
	.product_detail {
		display: grid;
		grid-template-columns: 1fr;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.product_detail {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 767px) {
	.mil-content-frame .service {
		font-size: 41px !important;
		font-weight: 500;
		line-height: 160% !important;
	}

	.mil-content-frame {
		font-size: 17px !important;
	}

	.mil-p-120-90 {
		padding: 90px 0px 35px 10px !important;
	}

	.mil-first-letter {
		padding: 0px !important;
	}

	/*.mil-first-letter:first-letter {*/
	/*	font-size: 72px !important;*/
	/*}*/

	.main-container {
		padding: 0px 15px 20px 15px !important;
	}

	.reach_anywhere {
		padding-left: 0px !important;
	}

	.mil-content-frame .bold {
		line-height: 30px;
	}

	.large-heading {
		margin-bottom: 14px;
		font-size: 32px;
		line-height: 42px;
		letter-spacing: 0em;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.mil-p-120-90 {
		padding-left: 50px !important;
	}

	.mil-content-frame .service {
		font-size: 3rem !important;
	}

	.mil-first-letter {
		padding: 0px 7px 0px 0px !important;
	}

	.mil-content-frame {
		font-size: 18px !important;
	}

	.main-container {
		padding: 60px 5px 0px 10px !important;
	}

	.large-heading {
		font-size: 40px !important;
		line-height: 40px !important;
		padding-bottom: 15px !important;
	}

	.reach_anywhere {
		padding-left: 45px !important;
	}

	/*.mil-first-letter:first-letter {*/
	/*	font-size: 85px !important;*/
	/*}*/

	.mil-p-120-90 {
		padding: 70px 10px 20px 20px !important;
	}
}

@media only screen and (max-width: 767px) {
	.contact_heading {
		font-size: 4rem;
		padding-left: 0px;
	}

	.contact_form {
		padding: 0px 0px;
	}

	.btn-animation.border.dark {
		padding: 12px 20px;
	}

	.hello_description {
		display: none;
	}

	.hello_description1 {
		display: block;
		font-size: 2.5rem;
		font-weight: 200;
		font-family: "Outfit", sans-serif;
		padding-top: 4rem;
	}

	.contact-area .info {
		margin-left: 0px;
	}

	.c_heading {
		font-family: 'Quicksand';
		font-weight: 300;
		font-size: 35px;
		text-align: center;
	}

	.contact_mail {
		font-size: 20px;
		border: none;
		border-bottom: 1px solid #666666;
		padding-top: 30px;
		margin: 0px 30px
	}

	.contact_mail:last-child {
		border-bottom: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.hello_description {
		padding-top: 0px;
	}

	.contact_form {
		padding: 0 30px;
	}

	.c_heading {
		margin: 0px;
		text-align: center;
	}

	.contact_mail {
		font-size: 25px;
		padding-top: 45px;
		border: none;
		border-bottom: 1px solid #666666;
	}

	.contact_mail:last-child {
		border-bottom: none;
	}
}


@media only screen and (max-width: 767px) {
    .logos .logos_2 {
        /*display: none;*/
    }
    .logo_items {
	
	width: calc(100% + 1115px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .logo_items {
	width: calc(100% + 770px);
  }
    .logos img{
        padding: 0 25px;
    }
}



/*added on 22-4-2025 */
/*@media (max-width: 767.98px) {*/
/*    .inverted-radius {*/
/*        width: 382px;*/
/*        left: 0;*/
/*        margin-bottom: 20px;*/
/*    }*/

/*    .masked-text {*/
/*        font-size: 1.65rem;*/
/*    }*/
/*}*/

/*@media (min-width: 768px) and (max-width: 991.98px) {*/
/*    .inverted-radius {*/
/*        width: 100%;*/
/*        max-width: 500px;*/
/*        left: 0;*/
/*        margin: 0 auto 30px auto;*/
/*    }*/

/*    .masked-text {*/
/*        font-size: 2rem;*/
/*    }*/

/*    .masking-container {*/
/*        padding: 1rem;*/
/*    }*/
/*}*/

@media (max-width: 767px) {
    .inverted-radius {
        width: 91vw;
        max-width: 382px;
        left: 0;
        margin-bottom: 20px;
    }

    .masked-text {
        font-size: clamp(1rem, 5vw, 1.65rem) !important;
        line-height:21px !important;
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {
    .inverted-radius {
        width: 100%;
        max-width: 500px;
        left: 0;
        margin: 0 auto 30px auto;
    }

    .masked-text {
        font-size: clamp(1.5rem, 4vw, 2rem);
    }
    .masked-text_p{
        font-size: clamp(.75rem, 2vw, 1rem);
    }
    .masking-container {
        padding: clamp(1rem, 2vw, 2rem);
    }
}




/* career page - 14-06-2025 */

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap');


.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1024px) {
  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}

@media (max-width: 500px) {
  .wk-mobile-1 {
    width: 8.333333%;
  }

  .wk-mobile-2 {
    width: 16.666667%;
  }

  .wk-mobile-3 {
    width: 25%;
  }

  .wk-mobile-4 {
    width: 33.333333%;
  }

  .wk-mobile-5 {
    width: 41.666667%;
  }

  .wk-mobile-6 {
    width: 50%;
  }

  .wk-mobile-7 {
    width: 58.333333%;
  }

  .wk-mobile-8 {
    width: 66.666667%;
  }

  .wk-mobile-9 {
    width: 75%;
  }

  .wk-mobile-10 {
    width: 83.333333%;
  }

  .wk-mobile-11 {
    width: 91.666667%;
  }

  .wk-mobile-12 {
    width: 100%;
  }
}