/*****************************************************************
    Template Name    : auxinzio - IT Solutions & Business Services Multipurpose HTML5 Website Template
    Author           : Cute Themes
    Version          : 1.0
    Created          : 2024
    File Description : Main Responsive file of the template
*****************************************************************/


@media only screen and (max-width: 1024px){
	.swap-button-box p:has(>i){
		font-size:17px;
	}
	.swap-button-box p:has(>i)+p{
		font-size:14px;
	}
	.job-content-swap.swap-button-box {
		padding: 10px;
	}
}

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

	.about-content h2, .counter-area .title, .section-title h2, .partner-title h2, .openings h2, .hire-team h2, .join-section h1 {
		font-size: 35px;
	}
	.auxinzio-nav .navbar .navbar-nav {
		margin: auto;
		margin-right: 0;
	}

	.navbar-section {
		-webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	}

	.navbar-section.is-sticky .auxinzio-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 6px;
		color: #000000;
	}

	.navbar-section.is-sticky .auxinzio-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #000000;
	}

	.mean-container .mean-nav {
		margin-top: 45px;
	}
	
	.auxinzio-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span {
		background: #333;
	}
	.auxinzio-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal {
		color: #333;
	}

	.auxinzio-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 0;
		color: #fff;
	}

	.auxinzio-responsive-nav:hover .mean-container a.meanmenu-reveal {
		padding-top: 0;
		color: #000;
	}

	.auxinzio-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #fff;
	}

	.auxinzio-responsive-nav:hover .mean-container a.meanmenu-reveal span {
		background: #000;
	}

	.main-banner-content {
		text-align: center;
		padding-top: 50px;
	}

	.main-banner-content h1 {
		font-size: 45px;
		margin: 0 0 18px 0;
	}

	.main-banner-content .banner-btn {
		margin-top: 20px;
	}

	.home-section {
		height: 100%;
		padding-top: 150px;
		padding-bottom: 100px;
		background-position: center;
	}
	
	.home-section.home-2 {
		height: 100%;
		padding-top: 170px;
		padding-bottom: 100px;
		background-position: center;
	}
	
	.home-shape-animation .shape-5 {
		position: absolute;
		left: 5%;
		top: 25%;
	}
	
	.home-section.home-2 .main-banner-content .banner-btn {
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.home-section.home-2 .main-banner-content h1 {
		font-size: 55px;
	}
	
	.home-3 .main-banner-content h1 {
		font-size: 55px;
	}
	.home-3 .banner-image {
		padding-top: 30px;
	}

	.slider .control-text {
		display: none;
	}
	
	.slider .parallax-slider .caption {
		text-align: center;
		padding-top: 0px;
	}
	.slider .parallax-slider .caption h1 {
		font-size: 45px;
	}
	
	.home-slideshow .main-banner-content h1 {
		font-size: 45px;
	}
	
	.about-content {
		margin: 0;
	}

	.about-content h2, .counter-area .title, .section-title h2, .partner-title h2 {
		font-size: 35px;
	}
	
	.about-image {
		text-align: center;
		margin-top: 35px;
	}
	
	.about-image .years-design {
		left: 25px;
		bottom: 10px;
		transform:scale(0.75);
	}

	.faq-section.home-faq .faq-img {
		margin-bottom: 35px;
	}
	
	.testimonial-slider .testimonial-single-item .testimonial-content .icon {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
	}

	.partner-list .partner-item {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.partner-list .partner-item:nth-child(6) {
		margin-left: 0;
	}

	.subscribe-content {
		margin-bottom: 25px;
	}

	.subscribe-content h2 {
		margin-bottom: 12px;
	}

	.subscribe-content .sub-title {
		font-size: 14px;
		font-weight: 500;
	}

	.newsletter-form button {
/*		position: relative;*/
		border-radius: 5px;
/*		margin-top: 25px;*/
	}

	.overview-content span:not(.gradi-text) {
		font-size: 15px;
	}

	.overview-content h2 {
		font-size: 35px;
	}

	.overview-content .features-list-1 li,
	.overview-content .features-list li {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.overview-image {
		margin-bottom: 30px;
		text-align: center;
	}
	.overview-image-2 {
		text-align: center;
		margin-top: 35px;
	}
	.single-counter {
		padding: 15px 0;
	}
	.single-testimonial {
		padding: 30px 10px;
	}

	.hire-content h2 {
		font-size: 35px;
	}
	.hire-content p {
		font-size: 15px;
	}
	.hire-content .hire-btn .hire-btn-one {
		margin-left: 0;
	}
	
	.partner-list .partner-item a {
		padding: 0px 30px;
	}

	.single-portfolio .image-hover {
		left: 20px;
	}

	.contact-image {
		margin-bottom: 35px;
	}

	.page-title-area {
		height: 300px;
	}

	.page-title-content h2 {
		font-size: 35px;
	}

	.page-title-content ul {
		margin-top: 6px;
	}

	.services-widget {
		margin-top: 40px;
	}
	
	.portfolios-details-desc .portfolio-details-info {
		margin-top: 16px;
	}

	.portfolios-details-desc .portfolio-details-info .single-info-box {
		-ms-flex: unset;
		-webkit-box-flex: unset;
		flex: unset;
		max-width: unset;
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.single-pricing-box .pricing-header h3 {
		margin-bottom: 4px;
		font-size: 22px;
	}

	.single-pricing-box .price {
		font-size: 40px;
		margin-bottom: 5px;
		margin-top: 8px;
	}

	.woocommerce-result-count {
		margin-bottom: 20px;
	}

	.pagination-area {
		margin-top: 0;
	}

	.pagination-area .page-numbers {
		width: 40px;
		height: 40px;
		margin: 0px 1px;
		line-height: 40px;
		font-size: 15px;
	}

	.text-right {
		text-align: center !important;
		margin-top: 10px;
	}

	.faq-accordion .accordion .accordion-item .accordion-title {
		padding: 20px;
		padding-right: 40px;
	}

	.coming-soon-area {
		height: 100%;
		padding-top: 160px;
		padding-bottom: 150px;
	}

	.coming-soon-content h1 {
		margin-bottom: 10px;
		font-size: 30px;
	}

	.coming-soon-content #timer div {
		margin-bottom: 30px;
	}
	
	.blog-details-desc .article-content h3 {
		font-size: 20px;
	}
	.comments-area .comment-respond .comment-form-author {
		float: left;
		width: 100%;
		padding-right: 0px;
	}
	.comments-area .comment-respond .comment-form-email {
		float: left;
		width: 100%;
		padding-left: 0px;
	}
	blockquote, .blockquote {
		padding: 18px !important;
	}

	blockquote p, .blockquote p {
		font-size: 16px !important;
	}

	.single-footer-widget {
		margin-bottom: 35px;
	}

	.single-footer-widget .footer-heading {
		margin-bottom: 20px;
	}

	.single-footer-widget .footer-heading h2 {
		font-size: 22px;
	}

	.single-footer-widget .footer-social {
		margin-bottom: 20px;
	}

	.footer-quick-links li:last-child {
		padding-bottom: 25px;
	}

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

	.copyright-area ul {
		text-align: center;
		margin-top: 10px;
	}
	.faq-accordion.first-faq-box {
		margin-bottom: 30px;
	}
	.blog-details-desc .article-content .wp-block-gallery.columns-2 li {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 10px;
		padding-left: 10px;
		margin-bottom: 20px;
	}
	.blog-details-desc .article-content .wp-block-gallery.columns-2 li:last-child {
		margin-bottom: 0px;
	}
	.opening-job-card{
		flex-direction:column;
		padding:25px 0 35px 0;
	}
	.opening-job-card .w-50{
		width:100% !important;
	}
	.job-detail .row{
		gap:15px;
	}
	.job-detail .col-md-9 {
		order: 1;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

	.footer-quick-links li:last-child {
		padding-bottom: 0;
	}

	.portfolio-image img {
		width: 100%;
	}

	.text-right {
		margin-top: 0;
	}

	.home-section {
		height: 100%;
		padding-top: 150px;
		padding-bottom: 100px;
		background-position: center;
	}
	
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
	.main-banner-content h1 {
		font-size: 35px;
	}
	.main-banner-content .banner-btn a {
		margin: 5px;
	}

	.slider .parallax-slider .caption {
		text-align: center;
		padding-top: 0px;
	}
	.slider .parallax-slider .caption h1 {
		font-size: 35px;
	}
	.slider .parallax-slider .swiper-slide-active .caption .home-slider-btn a {
		margin: 5px;
	}
	
	.home-slideshow .main-banner-content h5 {
		font-size: 15px;
	}
	.home-slideshow .main-banner-content h1 {
		font-size: 35px;
	}
	
	.home-slideshow .main-banner-content .banner-btn {
		display: block;
	}
	
	.home-section.home-2 .main-banner-content h1 {
		font-size: 35px;
	}
	
	.home-shape-animation {
		display: none;
	}
	
	.home-3 .main-banner-content h1 {
		font-size: 40px;
	}

	.about-content h2, .counter-area .title, .section-title h2, .partner-title h2 {
		font-size: 33px;
	}
	.overview-content h2 {
		font-size: 30px;
	}
	.hire-content h2 {
		font-size: 32px;
	}
	.hire-content .hire-btn a {
		margin: 5px !important;
	}
	.blog-details-desc .article-footer .article-tags {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 5px;
	}
	.blog-details-desc .article-footer .article-share {
		flex: unset;
		max-width: unset;
		margin-top: 15px;
	}
	.partner-list .partner-item a {
		padding: 0px 30px;
	}
	.partner-list .partner-item {
		-ms-flex: 0 0 100%;
		-webkit-box-flex: 0;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.newsletter-form button {
/*		position: relative;*/
		border-radius: 5px;
/*		margin-top: 25px;*/
/*		width: 100%;*/
	}
	.single-technology-item {
		display: block;
	}
	.single-technology-item .technology-icon {
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.benefits>div{
		flex-direction:column;
	}
	.benefits>div ul{
		padding-left:0px;
	}
	.team-area .member-info{
		margin-top:0;
	}
	.team-area .member-info .member-name{
		font-size: 1.75rem;
	}
	.team-area .member-info .member-role{
		font-size: 0.85rem;
	}
	.team-area .dots {
		margin-top:10px;
	}
	.services-three-content{
		padding-left:15px;
	}

}

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


	.auxinzio-nav .navbar .navbar-nav {
		margin: auto;
		margin-right: 0;
	}
	
	.navbar-section {
		-webkit-box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
		box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.11);
	}

		.navbar-section.is-sticky .auxinzio-responsive-nav .mean-container a.meanmenu-reveal, .navbar-section:hover .auxinzio-responsive-nav .mean-container a.meanmenu-reveal {
			padding-top: 6px;
			color: #000000;
		}

			.navbar-section.is-sticky .auxinzio-responsive-nav .mean-container a.meanmenu-reveal span, .navbar-section:hover .auxinzio-responsive-nav .mean-container a.meanmenu-reveal span {
				background: #000000;
			}

	.mean-container .mean-nav {
		margin-top: 50px;
	}

	.auxinzio-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal span {
		background: #333;
	}
	.auxinzio-responsive-nav.index-navber-responsive .mean-container a.meanmenu-reveal {
		color: #333;
	}
	
	.auxinzio-responsive-nav .mean-container a.meanmenu-reveal {
		padding-top: 6px;
		color: #fff;
	}

	.auxinzio-responsive-nav .mean-container a.meanmenu-reveal span {
		background: #fff;
	}

	.home-section {
		height: 100%;
		padding-top: 170px;
		padding-bottom: 100px;
		background-position: center;
	}
	
	.home-section.home-2 {
		height: 100%;
		padding-top: 170px;
		padding-bottom: 100px;
		background-position: center;
	}
	
	.main-banner-content {
		margin: auto;
		text-align: center;
		padding-top: 30px;
	}

	.main-banner-content h1 {
		font-size: 55px;
		margin: 0 0 15px 0;
	}

	.main-banner-content .banner-btn {
		margin-top: 20px;
	}
	
	.home-section.home-2 .main-banner-content h1 {
		font-size: 55px;
	}
	.home-slideshow .main-banner-content h1 {
		font-size: 50px;
	}
	.home-section.home-2 .main-banner-content .banner-btn {
		margin-top: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.home-3 .main-banner-content h1 {
		font-size: 55px;
	}
	.home-3 .banner-image {
		padding-top: 30px;
	}

	.slider .parallax-slider .caption h1 {
		font-size: 55px;
	}
	.slider .control-text {
		display: none;
	}
	
	.about-content h2 {
		font-size: 38px;
	}
	
	.about-image {
		text-align: center;
		margin-top: 35px;
	}

	.about-image .years-design {
		left: 75px;
		bottom: 25px;
	}
	
	.about-content .about-btn {
		margin-top: 20px;
	}

	.faq-section.home-faq .faq-img {
		margin-bottom: 35px;
	}
	
	.testimonial-slider .testimonial-single-item .testimonial-content .icon {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
	}

	.blog-single-item .blog-description .blog-text h3 {
		font-size: 20px;
	}

	.hire-inside-wrapper {
		padding: 70px 75px;
	}

	.partner-list .partner-item {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.partner-list .partner-item:nth-child(6) {
		margin-left: 0;
	}

	.subscribe-content {
		margin-bottom: 25px;
	}

	.subscribe-content h2 {
		margin-bottom: 12px;
	}

	.newsletter-form button {
		padding: 0 18px;
		font-size: 14px;
	}

	.about-content {
		margin: 0;
	}

	.overview-content span:not(.gradi-text) {
		font-size: 15px;
	}

	.overview-content h2 {
		font-size: 35px;
	}

	.overview-content .features-list li {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 15px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.overview-image {
		margin-bottom: 35px;
		text-align: center;
	}
	.overview-image-2 {
		text-align: center;
		margin-top: 35px;
	}
	.single-counter {
		padding: 15px 0;
	}
	.hire-content h2 {
		font-size: 35px;
	}
	.hire-content p {
		font-size: 15px;
	}
	.partner-list .partner-item a {
		padding: 0px 50px;
	}

	.contact-image {
		margin-bottom: 35px;
		text-align: center;
	}

	.page-title-area {
		height: 300px;
	}

	.page-title-content h2 {
		font-size: 35px;
	}

	.page-title-content ul {
		margin-top: 6px;
	}

	.services-widget {
		margin-top: 40px;
	}

	.portfolios-details-desc .portfolio-details-info {
		margin-top: 20px;
	}

	.portfolios-details-desc .portfolio-details-info .single-info-box {
		-ms-flex: 0 0 50%;
		-webkit-box-flex: 0;
		flex: 0 0 50%;
		max-width: 50%;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.widget-area {
		margin-top: 50px;
	}
	
	.single-footer-widget {
		padding: 15px 0;
	}

	.single-footer-widget .footer-heading {
		margin-bottom: 12px;
	}

	.single-footer-widget .footer-heading h2 {
		font-size: 22px;
	}

	.single-footer-widget .footer-social {
		margin-bottom: 20px;
	}

	.footer-quick-links li:last-child {
		padding-bottom: 25px;
	}

	.copyright-area {
		text-align: left;
	}

	.faq-accordion.first-faq-box {
		margin-bottom: 30px;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.auxinzio-nav .navbar .navbar-nav {
		margin: auto;
		margin-right: 0;
/*		overflow: hidden;*/
	}

	.home-section {
		height: 700px;
	}
	.main-banner-content h1 {
		font-size: 50px;
	}
	
	.home-section.home-2 .main-banner-content h1 {
		font-size: 48px;
	}
	
	.home-3 .main-banner-content h1 {
		font-size: 50px;
	}
	.home-slideshow .main-banner-content h1 {
		font-size: 55px;
	}
	
	.slider .parallax-slider .caption h1 {
		font-size: 55px;
	}
	
	.about-content h2 {
		font-size: 33px;
	}
	
	.workprocess-single-item {
		padding: 25px 20px;
	}
	
	.workprocess-info h3 {
		font-size: 18px;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-] {
		left: 0;
	}

	.testimonial-slider.owl-theme .owl-nav [class*=owl-].owl-next {
		right: 0;
	}

	.overview-content .features-list-1 li span,
    .overview-content .features-list li span {
		padding: 15px;
		font-size: 15px;
	}
	
	.blog-single-item .blog-description .blog-text h3 {
		font-size: 18px;
	}
	
	.single-footer-widget .footer-heading h3 {
		font-size: 18px;
	}
	
}

@media only screen and (min-width: 992px){
	.product-right-box {
		height: 600px;
		width: 100%;
	}
}

@media only screen and (max-width: 992px){
	.product-details-container > .row > .col-lg-6:first-child {
		padding-right: unset;
	}

	.product-details-container > .row > .col-lg-6:last-child {
		padding-left: unset;
	}
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	
	.main-banner-content h1 {
		font-size: 60px;
	}
	.home-section.home-2 .main-banner-content h1 {
		font-size: 58px;
	}
	.home-3 .main-banner-content h1 {
		font-size: 60px;
	}
	
	.workprocess-single-item {
		padding: 30px 20px;
	}
	
	.workprocess-info h3 {
		font-size: 20px;
	}
}


@media only screen and (max-width: 991px){
	.send-msg{
		left:0;
	}
	.navbar-section .other-option{
		position:fixed;
		top:360px;
		z-index:10;
		right:-35px;
		transform:rotate(-90deg);
	}

	.overview-section{
		padding-top:50px;
	}


	.what-we-do .dropdown-menu-custom {
		background-color: transparent;
	}

	.what-we-do .dropdown-menu-custom > li {
		border-right: 0 !important;
	}

	.about-left {
/*		grid-template-areas:
			"a c"
			"a d"
			"b d";*/
		margin-bottom:75px;
	}

	.counter-item > .single-counter {
		/*border-right: 1px dashed lightgray;*/
	}

	.about-area.about-page > div > .row > div:first-child {
		order: 1;
	}
	.feature-section > div > div > h2 {
		width:100%;
	}
	.vision-content, .mission-content{
		margin-left:0;
	}
}
@media only screen and (max-width: 768px){
	.support-modal-content{
		padding:15px;
	}
	.solution-details .col-md-6:last-child{
		padding-top:30px;
	}
	.join-section .row>div:last-child{
		padding-top:25px !important;
	}
	#supportForm{
		padding-top:15px;
	}
	.contact-form .form-group, #supportModal .form-group{
		margin-bottom:20px;
	}
	.contact-form form .form-control, #supportModal .form-control {
		font-size: 14px;
		padding: 7px 20px;
		height:unset;
	}
	.form-control:focus + .input-label, .form-control:valid + .input-label, #supportModal .form-control:focus + .input-label, #supportModal .form-control:valid + .input-label{
		top: -19px;
		font-size: 12px;
	}
	.mail-in{
		margin-bottom:10px !important;
	}
	.sm-fn{
		font-size:12px;
	}
	.services-section-three .single-services-item{
		flex-direction:column;
	}
	.services-section-three .single-services-item .services-icon{
		width:100%;
	}

	.product-process-flow .product-flow-step{
		width:280px;
		height:unset;
	}
	.product-process-flow{
		justify-content:center !important;
	}
	.join-aux+.col-md-8{
		margin-top:40px;
	}
}
@media only screen and (max-width: 480px){
	.vision-content, .mission-content{
		flex-direction:column;
	}
	.vision-content i, .mission-content i{
		font-size:20px;
	}
	.join-section .default-btn-one{
		margin-top:50px;
	}
	.section-padding, .contact-info-wrapper {
		padding: 50px 0;
	}
	.openings + div.row > div {
		width: 100%;
	}
}
@media only screen and (max-width: 570px){
/*	.vision-content, .mission-content{
		margin-left:35px;
		margin-right:20px;
		padding-left:45px;
	}*/
	.feature-single-item {
		padding: 20px 0px;
	}
	.vision-content img, .mission-content img{
		width:85px;
		top:20px;
	}
	.counter-item > .single-counter {
		padding: 20px;
	}
	.footer-area > .container-fluid {
		padding: 0 20px;
	}

	.contact-section .cont {
		padding:30px 10px;
	}

	.section-padding, .contact-info-wrapper {
		padding: 50px 0;
	}
	.send-msg{
		padding:30px;
	}

	.vision-content p, .mission-content p {
		margin-bottom: 0 !important;
	}
	.single-services-item, .services-section .single-services-item {
		padding: 20px;
	}
	.product-content-overlay{
		padding:10px;
	}
	.product-content-overlay p{
		padding-right:60px;
	}
	.g-recaptcha {
		transform: scale(0.8);
		position: relative;
		left: -30px;
	}
	.about-left{
		grid-template-areas:
			"a a"
			"b c"
			"d d";
	}
	.about-left img{
/*		height: 300px;*/
		width: 100%;
		object-fit: cover;
	}
	.about-image-2 img{
		height:100%;
	}
	.about-image-1, .about-image-2{
		margin:0;
	}
	.years-design h2, .project-design h2{
		font-size:40px;
	}
	.years-design h3, .project-design h3{
		font-size:20px;
	}
	.about-image-1 img, .about-image-2 img {
		border-radius:10px;
	}
	.services-three-content{
/*		padding:0px;
		padding-top:0px;*/
	}
	.solution-single-item ul{
		line-height:2;
	}
	.solution-single-item li, .solution-details li {
		padding-left:10px;
	}
	.services-three-content .features-list li>i, .solution-single-item li>i, .solution-details li>i{
		font-size: 20px;
		width:unset;
		height:unset;
		margin-right:10px;
	}
	.job-content-swap:not(:has(>button)){
		padding:15px;
	}
	.job-content-swap .default-btn-one:focus{
		transform:none;
	}
	.job-content-swap ul{
		padding-left:25px !important;
	}
	.join-teams{
		gap:7px;
	}
	.career-caro > div{
		font-size:50px;
		margin-right:20px !important;
	}
}

@media (max-width: 576px) {
	.single-pricing-content.mobile-card {
		padding: 15px !important;
		border-radius: 10px !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
	}

		.single-pricing-content.mobile-card .price-tag h3 {
			font-size: 14px !important;
			width: 90px !important;
			height: 40px !important;
			line-height: 40px !important;
			left: -35px !important;
		}

		.single-pricing-content.mobile-card .price-heading .price-usd h2 {
			font-size: 24px !important;
			padding: 10px 0 !important;
		}

		.single-pricing-content.mobile-card .price-heading .price-small-text {
			font-size: 12px !important;
		}

		.single-pricing-content.mobile-card .price-body ul li {
			font-size: 14px !important;
			padding: 8px 0 !important;
		}

		.single-pricing-content.mobile-card .price-btn .price-btn-one {
			padding: 8px 16px !important;
			font-size: 12px !important;
		}
}

@media (max-width: 768px) {
	.team-area .carousel-container .carousel-track .card {
		width: 200px;
		height: 280px;
	}

		.team-area .carousel-container .carousel-track .card.left-2 {
			transform: translateX(-250px) scale(0.8) translateZ(-300px);
		}

		.team-area .carousel-container .carousel-track .card.left-1 {
			transform: translateX(-120px) scale(0.9) translateZ(-100px);
		}

		.team-area .carousel-container .carousel-track .card.right-1 {
			transform: translateX(120px) scale(0.9) translateZ(-100px);
		}

		.team-area .carousel-container .carousel-track .card.right-2 {
			transform: translateX(250px) scale(0.8) translateZ(-300px);
		}

	.team-area .member-name {
		font-size: 2rem;
	}

	.team-area .member-role {
		font-size: 1.2rem;
	}

	.team-area .member-name::before,
	.team-area .member-name::after {
		width: 50px;
	}

	.team-area .member-name::before {
		left: -70px;
	}

	.team-area .member-name::after {
		right: -70px;
	}
}


/*@media only screen and (max-width: 812px){
	.glass-container{
		flex-direction:column;
	}

	.glass-card:hover {
		min-width: unset;
		transform: unset;
	}

	.glass-card .initial{
		animation: scrollExpand2 linear;
		animation-fill-mode: forwards;
		animation-timeline: scroll();
		animation-range: 0px 200px;
	}

	.glass-card:hover .initial {
		font-size: unset;
		transform: unset;
	}

	.glass-card .word{
		animation: scrollExpand3 linear;
		animation-fill-mode: forwards;
		animation-timeline: scroll();
		animation-range: 0px 200px;
	}

	.glass-card:hover .word {
		max-width: unset;
		opacity: unset;
		filter: unset;
	}


	.glass-card{
		height:unset;
		min-height:unset;
		animation:scrollExpand1 linear;
		animation-fill-mode:forwards;
		animation-timeline:scroll();
		animation-range:0px 200px;
	}

	@keyframes scrollExpand1{
		to {
			min-width: 260px;
			transform: perspective(900px) rotateY(-8deg);
		}
	}
	@keyframes scrollExpand2 {
		to {
			font-size: 2.3rem;
			transform: translateX(-4px);
		}
	}
	@keyframes scrollExpand3 {
		to {
			max-width: 220px;
			opacity: 1;
			filter: blur(0);
		}
	}

}*/

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

	.glass-container {
		flex-direction: column;
	}

	.glass-card {
		min-width: 200px;
		opacity: 0;
		transform: translateY(40px);
		transition: all 0.6s ease;
	}

		.glass-card.show {
			opacity: 1;
			transform: perspective(900px) rotateY(-8deg);
			min-width: 260px;
		}

		.glass-card .initial {
			font-size: 1.6rem;
			transition: all 0.6s ease;
		}

		.glass-card.show .initial {
			font-size: 2.3rem;
			transform: translateX(-4px);
		}

		.glass-card .word {
			max-width: 0;
			opacity: 0;
			filter: blur(6px);
			transition: all 0.6s ease;
		}

		.glass-card.show .word {
			max-width: 220px;
			opacity: 1;
			filter: blur(0);
		}
}