@media only screen and (max-width: 767px) {
	
	
h1 {
	font-size: 35px;
	margin-block-end: 0.5em;
	line-height: 35px;
}

h3 {
	font-size: 25px;
	line-height: 28px;
}


h4 {
    font-size: 23px;
    font-weight: 600;
    line-height: 28px;
    margin-block-start: 0.5em;
}

p,
a,
td {
    line-height: 20px;
    font-weight: 300;
    font-size: 14px;
}

.reverse {
	    flex-direction: column-reverse !important;
}

.bg-container {
    background-position-y: bottom;
}

strong {
    font-size: 15px;
}

#content {
		background: linear-gradient(180deg, rgba(255,255,255,0) 25%, rgba(233,30,153,1) 100%);
}

.overflow-mob {
	overflow: scroll;
	 -ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
	display: block;
}

.overflow-mob::-webkit-scrollbar {
	display: none;
}

.width-auto {
	width: auto !important;
	padding: 0;
}


.display-none {
	display: none;
}

.col-5 {
    width: 100%;
}

.col-7 {
    width: 100%;
}

.row-stretch {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trans-box-bg-blog {
    padding: 10px 10px;
    margin: 10px 15px;
}

.medium-space {
    margin-top: 40px;
}

.blog-article {
    width: auto !important;
    padding: 10px;
}

p.read-more {
    text-align: center;
}

.blog-article:nth-of-type(even) {
    display: flex;
    flex-direction: column;
}

.entry-image-blog > a > img {
    margin-top: 20px;
}

.blue-mobil {
	background-color:#1cb9ff;
}

.sec1-bg-angajat {
    background-size: cover !important;
    background-position-x: center;
    height: auto;
    border-radius: 10px;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.border-radius {
    border-radius: 30px;
}

.sec1-bg-despre-noi {
    background: linear-gradient(90deg, rgba(146,75,139,1) 0%, rgba(97,120,186,1) 100%);
    background-size: 100% !important;
    margin: 0 85px;
    padding: 22px 50px;
}

.sec1-bg-despre-noi {
    margin: 0 20px;
    padding: 22px 15px;
}

.sec1-bg-angajat::-webkit-scrollbar {
	display: none;
}

.padding-right{
	padding:0;
}

.padding-left{
	padding:0;
}

.page-id-25 .bg-container {
    background-position-y: bottom;
}

.sec1-bg-solutii {
    background-size: cover !important;
    background-position-x: center;
    height: auto;
    border-radius: 10px;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.sec1-bg-solutii::-webkit-scrollbar {
	display: none;
}

.display-none-desk{display: block;}


.contact-fild {
    width: auto;
    }

.sec1-bg-home {
    height: auto;
}
.page-container {
    width: 100%;
}

div#wpcf7-f16-p6-o1 {
    width: 100%;
}

.contact-fild-1 {
    width: auto;
    }
.contact-fild-2 {
   width: auto;
   margin:  20px 0 20px 0;
}

.pink-mob{
	color: #E91E98;
}

.contact-form-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

.mobile-400h{
	height: 400px;
}

.small-row {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap;
    align-items: center;
}

footer.site-footer .container {
    max-width: 100%;
    margin: auto;
    padding: 15px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}


section.row.fit.sec1-bg-home {
    margin-top: 100px;
    height: 185px;
    overflow-y: scroll;
     -ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

.sec1-bg-home::-webkit-scrollbar {
	display: none;
}

.mobile-230h {
	height: 230px;
}

.desktop-btn-sec1{
	display: none;
}

.mobile-btn-sec1 {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mobile-img{
	width: 100%;
	height: auto;
}

.trans-box-bg {
    padding: 20px 15px;
    }
    
h2 {
    font-size: 30px;
}

.row.width-80 {
    padding: 0 20px;
}

/*
.col-4.faq-btn-container {
    height: 200px;
    overflow-x: hidden;
}
*/

a.faq-acord-btn {
    width: 83%;
}
.col-2-footer {
    width: 100%;
}
/*
.faq-text-container {
    height: 300px;
}
*/

.bg-container-contact {
    background-position: bottom;
}

.big-space {
    padding-bottom: 50px;
 }
 .small-space {
    padding-bottom: 25px;
}

.grad-box-bg {
    padding: 20px 15px;
}

.mob-col{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.padding-mob-40{
	padding-bottom: 40px;
}

  .logo-section img {
      max-width: calc(100%/6 - 5px);
      width: auto;
      height: auto;
  }

  .home-article .entry-content p.excerpt {
      font-size: 14px;
  }

  .col-3.home-article {
    margin-top: 50px;
  }

  .no-padding-xs {
    padding: 0;
  }
  
  header#header {
    padding: 0;
}

  button.burger {
    width: 40px;
    height: 22px;
    background: none;
    box-shadow: none;
    border: none;
    outline: 0;
    cursor: pointer;
    display:block !important;
/*     z-index: 10; */
/*     position: relative; */
    float: right;
  }
  
  .menu li.menu-item-has-children:hover .sub-menu {
    left: 0%;
}

.fit {
    padding: 0 20px;
}
  
  .menu-primary-container ul.menu li a {
    color: #1cb9ff;
    font-size: 16px !important;
}

ul.sub-menu li a {
    color: #e81e98 !important;
    font-size: 16px !important;
}


.sec1-bg-angajat {
    border-radius: 10px;
}

  button.burger span {
    position: absolute;
    right: 0;
    height: 2px;
    background-color: #1cb9ff;
  }

  button.burger span:nth-child(1) {
    width: 26px;
    top: 28px;
    transform: translateX(-50%) translateY(0);
    transition: top .3s cubic-bezier(0.21, 0.83, 0.26, 0.87) .3s,transform .3s cubic-bezier(0.21, 0.83, 0.26, 0.87);
  }
  button.burger span:nth-child(2) {
    width: 18px;
    top: 38px;
    opacity: 1;
    transform: translateX(-75%);
  }
  button.burger span:last-child {
    width: 26px;
    top: 48px;
    transform: translateX(-50%) translateY(0);
    transition: top .3s cubic-bezier(0.21, 0.83, 0.26, 0.87) .3s,transform .3s cubic-bezier(0.21, 0.83, 0.26, 0.87);
  }

  button.burger.open span:nth-child(1) {
    top: 30px;
    transform: translateX(-50%) translateY(0) rotate(45deg);
    transition: top .3s cubic-bezier(0.21, 0.83, 0.26, 0.87), transform .3s cubic-bezier(0.21, 0.83, 0.26, 0.87) .3s;
  }
  button.burger.open span:nth-child(2) {
    opacity: 0;
  }
  button.burger.open span:last-child {
    top: 30px;
    transform: translateX(-50%) translateY(0) rotate(-45deg);
    transition: bottom .3s cubic-bezier(0.21, 0.83, 0.26, 0.87) ,transform .3s cubic-bezier(0.21, 0.83, 0.26, 0.87) .3s;
  }

.menu-1 {
    height: 150vh;
    position: fixed;
    left: 0;
    top:0;
    height: 100vh;
    padding: 35px 0px 150px;
    background-color: #fff;
    transform: translateX(-100%);
    transition: all .2s ease-out;
    width:80%;
    overflow-y: scroll;
  }

  .menu li.menu-item {
    margin-top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    padding: 15px 0;
    display: block !important;
    text-align: left;
  }

  .menu-1.open {
    transform: translateX(0);
    z-index:9999;
        box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
  }


  header#header:after {
    display:none;
  }

  .logo-container {
    width:fit-content;
  }

  .menu-primary-container {
    width: 50%;
    float: left;
}

footer.site-footer:after {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/blue-blur-footer.png);
    width: 400px;
    height: 400px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -220px;
    left: -250px;
    z-index: -1;
}

section.white-bg.how-section h1, .about-client-section h1 {
    font-size: 40px !important;
    font-weight: 500;
    padding: 0 !important;
}

  div#content .container {
    margin: auto;
    padding: 0 15px;
}

.home-banner {
    padding: 50px 0 50px;
}

.row {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
}

  .col-2, .col-10, .col-3, .col-3-servicii, .col-4, .col-6, .col-8, .col-12 {
    width: 100%;
/*     padding: 0; */
  }

 
.space-150 {
    padding: 60px 0;
}

.numbers .inner-text {
    width: 60%;
    position: relative;
    left: 50px;
    padding: 15px;
}

.numbers:not(.eight) {
    margin-bottom: 50px;
}

  .home-services-text .desc {
    font-size: 18px;
    font-weight: 500;
    color: #3653FF;
    margin-bottom: 30px;
    padding: 0;
}

  .home-services-text ul {
    list-style-type: none;
    counter-reset: item;
    padding: 0;
}

.home-services:after, .home-services:before {
  display:none;
}

.offers .col-3 {
  margin-bottom: 20px;
}

.offers .col-3-servicii {
  margin-bottom: 20px;
}

.offers-line {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
}

.offers-text {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-12.contact-form.single {
    max-width: 100%;
    margin: auto;
    margin-top: 50px;
    padding-right: 0;
}

.col-3.home-article {
    padding: 0;
    margin-bottom: 30px;
}

.contact-page {
    padding: 0;
}

.card-container {
    width: 100%;
    text-align: center;
    float: right;
    margin-right: 0;
}

.services-desc-container {
    width: 100%;
    margin: auto;
    padding-bottom: 50px;
        padding-right: 15px;
}

.col-6.anagram-letter.right {
    order: 1;
}

.col-6.anagram-description.left {
    order: 2;
}

.anagram-description h5 {
    color: #3653FF;
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 20px;
}

.anagram-letter {
    color: #3653FF;
    text-align: center;
    font-size: 100px;
    font-family: 'Open Sans';
    font-weight: 700;
}

.values-section:before {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/values-line.png);
    width: 150px;
    height: 150px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -100px;
    right: 50%;
}

.col-6.services-desc {
    padding-right: 15px;
}

.services-desc-container {
    width: 100%;
    margin: auto;
}

section.white-bg.how-section h1, .about-client-section h1 {
    font-size: 40px !important;
    font-weight: 500;
    padding: 0 !important;
}

.col-6.services-desc .title-blue {
    color: #3653FF;
    font-size: 40px !important;
    font-weight: 400;
    line-height: 1;
}

.uptivari-succes .col-6 {
  margin-bottom: 50px;
}

.col-12.client-main-img img {
    max-width: 500px;
    width: 100%;
}

.col-6.about-client-image img {
    max-height: 100%;
    width: 100%;
    margin-top: 30px;
}

.col-6.services-list ul li {
    list-style: none;
    padding: 15px 0;
    text-align: right;
    color: #3653FF;
    font-size: 18px;
    position: relative;
    padding-right: 50px;
}

.col-6.services-list ul li:before {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/dashed-horizontal.png);
    width: 100%;
    height: 5px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -3px;
    left: 0;
}

.col-6.services-list ul li:after {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/arrow.png);
    width: 15px;
    height: 15px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 37%;
    right: 10px;
}

.col-9.service-step-desc {
    width: 66.67%;
}

.service-step .service-step-number {
    color: #3653FF;
    text-align: left;
    font-size: 120px;
    font-family: 'Open Sans';
    font-weight: 500;
    width: 33.33%;
}

.effect-height {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.border-right-bottom {
    border-right: none;
    border-bottom: none;
}

.border-left {
    border-left: none;
}

.border-right {
    border-right: none;
}

.border-all {
    border: none;
}

.border-bottom {
    border-bottom: none;
}

.border-top {
    border-top: none;
}

.effect-values {
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 3px dashed #3653FF !important;
}
.blog-page.posts {
    display: flex;
    padding-bottom: 75px;
    flex-direction: column;
}

.single-post .post-image {
    padding: 0px 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    position: relative;
}

.home-article h3.entry-title {
    padding: 15px 0 0;
    height: auto;
}


}

@media(min-width: 768px) and (max-width: 992px) {
  .menu-primary-container ul.menu li {
    list-style-type: none;
    display: inline-block;
    margin-right: 15px;
}
header#header:after {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/blue-blur.png);
    width: 300px;
    height: 300px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    top: -200px;
    right: -150px;
}

.home-banner {
    padding: 75px 0;
}

.home-banner-bg {
    background-image: url(/wp-content/themes/uptivate/images/home-banner-bird.png);
    background-size: contain;
    height: 100%;
    background-repeat: no-repeat;
    left: 0;
    position: relative;
}

.md-8 {
  width:66.67% !important;
}

.md-4 {
  width:33.33% !important;
}

.home-banner-text h1 {
    color: #000000;
    font-size: 56px;
    font-weight: 500;
    line-height: 0.9;
    margin: 0;
    padding-bottom: 30px;
}

.row-numbers {
  flex-wrap: wrap;
  gap: 0;
}

.row-numbers .numbers {
  width: 50%;
  margin-bottom: 50px;
}

.padding-150 {
    padding: 75px 0;
}

.home-services:before {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/bg-services-top.png);
    width: 50%;
    height: 100%;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    top: -75%;
    right: 38%;
}



.col-8.home-services-text .inner-text {
    width: 100%;
}

.desc {
    font-size: 18px;
    font-weight: 500;
    color: #3653FF;
    margin-bottom: 30px;
    padding: 0;
}

.home-services-text ul {
    list-style-type: none;
    counter-reset: item;
    padding: 0 15% 0 15%;
}

.home-services:after {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/bg-services-bottom.png);
    width: 3px;
    height: 170px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -25%;
    left: 12%;
}

.container.offers .col-3 {
    width: 50%;
}

.container.offers .col-3-servicii {
    width: 50%;
}

.container.offers .row {
    flex-wrap: wrap;
}

.home-article {
    display: flex;
    flex-direction: column;
    width: 48%;
        margin-bottom: 30px;
}

.blog-section {
    padding-top: 25px;
    gap: 20px;
    flex-wrap: wrap;
}

.latest-posts-wrapper {
    gap: 20px;
    padding-top: 25px;
    position: relative;
    flex-wrap: wrap;
}

.col-12.contact-form.single {
    max-width: 75%;
    margin: auto;
    margin-top: 50px;
    padding-right: 0;
}

.card-container {
    width: 300px;
    text-align: center;
    float: right;
    margin-right: 2rem;
}

.col-6.services-desc .title-blue {
    color: #3653FF;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
}

.services-desc-container {
    width: 80%;
    margin: auto;
}

section.white-bg.how-section h1, .about-client-section h1 {
    font-size: 60px;
    font-weight: 500;
    padding: 20px 0 !important;
}

.blog-page.posts {
    display: flex;
    padding-bottom: 75px;
    flex-wrap: wrap;
}

.single-post .post-image {
    padding: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    filter: grayscale(1);
    position: relative;
}

footer.site-footer:after {
    content: "";
    background-image: url(/wp-content/themes/uptivate/images/blue-blur-footer.png);
    width: 500px;
    height: 500px;
    position: absolute;
    /* background-size: 100%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -280px;
    left: -250px;
    z-index: -1;
}

}

@media(max-width: 991px) {
  .home-operational:before {
    display: none;
  }

  .home-operational-text h2 {
    color: #000;
    font-size: 40px;
    font-weight: 500;
    line-height: .9;
    margin: 0;
    padding-bottom: 50px;
}
}

@media(min-width:768px){
	.width-desk-2 {
		width: 2.3%;
	}
	.width-desk-5 {
		width: 5%;
	}
	.width-desk-60{
		width: 60%;
	}
}