@media (min-width:1440px){
#intro {background-image: url(../images/homepage-lr.jpg);}
}








@media (min-width: 992px){
#intro { margin-top: -127px; padding-top:191px;}
}


@media (max-width:1380px){
header .navBer ul li {padding-left: 10px; padding-right: 10px;}
#intro {    background-position: right -230px top 100px; background-color: #e2eaec;}
header .row.align-items-end{align-items: center !important;}
header ul.navBeRig li {margin-bottom: 0px;}
}
	
	
@media (max-width:1330px){
header ul.navBeRig li { padding-left: 3px;  padding-right: 3px;}
header .navBer { padding-left: 20px;}
header ul.navBeRig li a { font-size: 14px;}
header .navBer ul li { padding-left: 5px; padding-right: 5px;}

 
   
}


@media screen and (max-width:1200px) {
.container-fluid {  padding-left:30px;  padding-right:30px;}
.logoMa a img{max-width:170px;}	
header ul.navBeRig li a {    font-size: 12px;    padding: 8px 14px;}
header .navBer ul li a { font-size: 12px;}
header ul.navBeRig li { padding-left:5px; padding-right:5px;}
#intro{ padding-bottom: 150px;}
#intro h1 {  font-size: 36px;}
.whoWeAre .flexiSet  h1{ font-size: 30px;}
.gro-network h3,.contaUs .title h1 { font-size: 30px;}
.gro-network p {  font-size: 18px;}
.service-offer h2,.howitwork h2{  font-size: 36px;}
.service-offer .card h4{  font-size:20px;}
.howitwork ul li a.active{font-size:22px;}
.howitwork ul li a {  font-size:20px; padding-bottom: 30px;}
.howitwork .card .steptext { font-size: 13px;}
.howitwork .card p {  font-size: 16px;}
.howitwork{padding: 50px 0px}
.knowmore { height: 50px;  line-height: 48px; padding: 0px 30px;  margin-top: 20px;}
.clients,.service-offer { padding:60px 0px;}
.clients h2{  font-size: 36px;margin-bottom: 50px;}
.hoWeTitl h1 {  font-size: 20px; line-height:30px;}
.hoWeTitl { padding-top: 40px;}
.hoWeTitl .fortitle li a  {  font-size: 20px; line-height:30px;}
.stepTitl .titlStep p { font-size: 14px; line-height:22px;}
.stepTitl .title {  padding-top:30px; padding-bottom:30px;}
.stepTitl .title h2{  font-size: 20px; line-height:30px;}
.stepTitl .stepTel figure figcaption,.stepTitl .stepTel h4{  font-size: 20px; line-height:30px;}
.stepTitl .stepTel ul li{font-size:14px; line-height:22px;}
.flip-card-back{    width: calc(100% - 4px); left:2px; height:calc(100% - 2px) ;    top: 1px;}
.servOffer .titlCon { margin-bottom:40px;}
.servOffer .title h2{  font-size: 36px;}
.servOffer .fortitle li a,.servOffer .typeCon figcaption {  font-size: 20px; line-height:30px;}
.servOffer .typeCon p {  font-size: 16px;}
.servOffer .fortitle { margin-bottom:50px;}
.whoManEdge .whoManBg {padding:30px;}
.whatBelieve .title h2,.whatClient .title h2{  font-size:30px; line-height:45px;}
.whatClient { padding:70px 0px;}
.whoManEdge{z-index: 1; position: relative;}
.contaUs { padding:80px 0px;}
.contaUs .title { margin-bottom:2rem;}
.contaUs .contTitl h2{font-size:18px;}
.whatBelieve { padding:60px 0px 80px;}
.whatBelieve .title h2{ margin-bottom:2rem;}
header .navBer { padding-left: 15px;}
#intro { background-position: right -300px top 120px;}
header .navBer ul li { padding-left: 4px;  padding-right: 4px;}
header .navBer ul li a { white-space: nowrap;}

}
@media screen and (max-width: 991px) {
.hidden-xs {  display: none!important;}
header .container-fluid {  padding-left:20px;  padding-right:20px;}
header{position:fixed;padding-top: 15px;padding-bottom: 15px;}
#intro {padding-top:0px;    background-position: right -90px top 50px;    padding-bottom:50px; background-image: none;}
#intro .row{margin-right:-20px; margin-left:-20px;}

#sticky-anchor{height:0!important;}
#intro h1 {  font-size: 30px;    line-height:45px;}
.whoWeAre .flexiSet  h1{ font-size:26px; padding: 0px}
.hoWeTitl{ padding-top:120px; ; }
.hoWeTitl h1 { font-size: 20px;line-height: 30px;}
.stepTitl .stepTel { padding-bottom:40px;}
header ul.navBeRig li{    margin-bottom:3px;}
header{position:fixed; top:0;background-color: rgba(229,237,248, 0.9);padding-top:15px; padding-bottom:15px ;}
.gro-network h3,.contaUs .title h1 { font-size: 26px; line-height:40px;}
.gro-network p { font-size: 16px;line-height:26px; padding-top:20px; padding-left:0px;}
.gro-network { padding:50px 0px 40px;}
.service-offer h2, .howitwork h2 {font-size: 30px; line-height:45px;}
  .service-offer h2{ margin-bottom:40px;}
#clients.owl-theme .owl-nav { margin-top: 30px;}
.container{padding-left:20px;  padding-right:20px;}
.clients h2 { font-size:26px; margin-bottom:30px;}
.flip-card-front,.flip-card-back { padding: 20px;}
.flip-card{min-height:350px;}
.stepMain { padding:40px 0px 20px;}
.servOffer {  padding: 30px 0px;}
.servOffer .titlCon p { font-size: 20px; line-height: 30px;}
.servOffer .title h2{  font-size: 24px;    line-height: 30px;}
.servOffer .fortitle li a,.servOffer .typeCon figcaption {  font-size:18px; line-height:30px;}
.servOffer .contrStaf li p {  padding:10px 10px 10px 1.5rem; font-size:12px;}
.fm-lg{display:none;}
.fm-lg.js-hiraku-offcanvas-sidebar-left{display:block;}
.whatBelieve .title h2,.whatClient .title h2{  font-size:26px; line-height:36px;}

.contaUs { padding:120px 0px 40px;}
#servOffer:after {bottom: -50px;}
.whatBelieve .weBelieve p { font-size: 14px; line-height:22px;}

}
@media screen and (max-width:767px) {
	#intro {padding-top:80px;}
footer .fotNav { padding-bottom:0px;}
.footLink{padding-top:20px; margin-top:40px;}
header ul.navBeRig li a { font-size:11px; padding: 8px 12px; }
.hoWeTitl .fortitle li { margin-right: 10px; margin-left: 10px;}
.hoWeTitl .fortitle li a {  font-size: 16px;}
.stepMain .stepY li figure{ width:85%; margin-left:auto;}
.stepMain .stepY:after{ right:auto;left:4px;height: calc(100% - 100px); z-index: 1;}
.stepMain .stepY li:before{ right:auto;    left:0px; }
.stepMain .stepY li:after{ right:auto;    left:10px; }
.hoWeTitl{ padding-top:80px; ; }
.hoWeTitl .fortitle { padding-top:0px;  padding-bottom:0px;}
.whoManEdge .whoManBg { padding:20px;}
.contaUs .contTitl p {font-size: 14px;}
.contaUs .contTitl .telMail {margin-top:1.5rem; margin-bottom:2rem;}
.contaUs .title { margin-bottom: 0rem;}
.whoManEdge .whoManBg p,.whatBelieve .weBelieve p {  font-size: 14px; line-height:22px;}
#servOffer:after {bottom: -29px;}
.whatBelieve { padding:40px 0px 50px;}
.stepTitl{margin-top: 24px;}
.logoMa a img { max-width: 150px;}
	

}
@media screen and (max-width:575px) {
.logoMa a img{    max-width: 100px;}	
.navBeRig{ margin-top: 10px; text-align:center ; }
#intro h1 {  font-size:24px; line-height:36px; margin-top: 10px;}
.whoWeAre .flexiSet  h1{  font-size:20px; line-height:32px;}
.hoWeTitl .fortitle li { margin-right:8px; margin-left:8px;}
.hoWeTitl .fortitle li a {  font-size:15px;}
.stepTitl .titlStep p { font-size: 14px;}
.stepTitl .titlStep p strong { font-size:15px; line-height:22px;}	
.stepTitl .title { padding-top: 30px; padding-bottom: 30px;}
.stepTitl .title h2 { font-size:18px;}
.stepTitl .stepTel h4,.stepTitl .stepTel figure figcaption{ font-size:18px;line-height:27px;}
.stepTitl .stepTel ul li{ font-size:12px; line-height:20px;}
.gro-network { padding:40px 0px 30px;}
.gro-network h3,.contaUs .title h1 {  font-size: 20px; line-height: 30px;}
.gro-network p {font-size: 14px; line-height: 22px; padding-top: 10px;}
.clients, .service-offer {padding:40px 0px;}
.service-offer h2 { margin-bottom: 20px;}
.service-offer h2, .howitwork h2 { font-size: 24px; line-height: 36px;}
.service-offer .card .card-icon { margin-bottom: 1rem;}
.service-offer .card {  padding:24px; text-align: center;}
.service-offer .card h4 { font-size: 18px; line-height:30px;}
.service-offer .card p { font-size: 14px;}
.service-offer .card a {font-size: 13px;}
.howitwork h2{margin-bottom:20px;}
.howitwork ul li a.active {  font-size: 18px;}
.howitwork ul li a { font-size: 16px; padding-bottom: 20px;}	
.howitwork .card { padding:20px 20px 16px;}
.howitwork .card .dscript { margin-left: 20px;}
.howitwork .card p { font-size: 14px;line-height:22px;}
.clients h2 { font-size:24px; margin-bottom:20px;}
footer .fotNav li {  margin-bottom: 16px;}
footer .fotNav li a,footer h4 { font-size:14px; line-height:22px;}
footer { padding: 30px 0px;}
footer .footLink a, footer .footLink span {  font-size: 12px;}
footer .footLink p{  font-size: 12px;}
.footLink{ text-align:center ;  padding-top: 10px; margin-top: 20px;}
.hoWeTitl h1 { font-size: 18px; line-height: 27px;}
.hoWeTitl h1 { font-size: 18px;   line-height: 27px;}
.flip-card-back{height: calc(100% - 4px);}
.flip-card{min-height:300px;}
.servOffer .titlCon p { font-size:18px;	}

.servOffer .typeCon p {  font-size:14px; line-height: 22px;}
.servOffer .title h2{  font-size:22px;}
.servOffer .title {  margin-bottom: 15px;}
.servOffer .fortitle { margin-bottom: 30px;}
.knowmore{margin-top:0px;}
.navBer{padding: 0px;}
.whatBelieve .title h2,.whatClient .title h2{  font-size:24px; line-height:32px;}
.whatClient { padding: 30px 0px;}
#clients.owl-carousel.owl-theme .owl-nav .owl-prev{margin-right: 201px;}
.btn-primary{padding: .8rem 1rem; font-size: 14px;}
.contaUs .card {padding: 25px 15px 25px 15px;}
#intro {padding-top:110px;    background-position: right -220px top 86px;}
#intro { height: auto;}
.hoWeTitl { padding-top:110px;}
.whoWeAre .flexiSet .title p { font-size: 14px;line-height: 22px;margin-bottom:1.5rem;}
.whoWeAre .flexiSet .title {padding-bottom: 2rem;}
.whatBelieve .title h2{ margin-bottom:1.5rem;}
.whatClient .title {padding-bottom: 1rem;}
.howitwork { padding: 30px 0px;}
select.hidden-sm.mb-4{margin-bottom: 0px!important}
#hoForOrgan .text-left {text-align: center;}
 .stepTitl .stepTel figure figcaptio br{display: none;}
.flip-card {text-align: center;}
.flip-card br{display: none}
.stepTitl .stepTel figure .figure-img {margin-bottom: 1rem;}
.servOffer .contrStaf li p {padding:10px 15px;  font-size: 14px;}
#scheduleaCall .modal-body { padding:20px;}
#scheduleaCall h5 {font-size: 22px;margin-bottom: 15px;}
.whatBelieve {padding: 39px 0px 15px;}
.whatClient .title h2 { margin-bottom: 0.5rem;}
header .navBer{padding-left: 0px;}
#register h5 {font-size: 22px;line-height: 28px; margin-bottom: 15px;}
#register .modal-body {padding: 20px 20px 20px;}
.navBetop{padding:0px; margin-left:auto;}


}

@media screen and (max-width:500px) {
.navbar-toggle { margin-right: 8px;}	
.logoMa a img{    max-width:100%;}	
.servOffer .contrStaf li{width:100%; margin-bottom:2.7rem;;}
.lefArrow p:before,.rigArrow p:before, .botAre p:before{background-image:none;}
.servOffer .contrStaf li p:before{ content:""; background-image:url(../images/ic-bot-arrow.svg);background-repeat: no-repeat;
    width:11px;height:30px;position: absolute; bottom: -30px;background-position: 0px;left: 0; top: auto;  right: 0; margin:0px auto;	}
.servOffer .contrStaf li:last-child p:before{ display:none; }

header ul.navBeRig li {padding-left:3px; padding-right:3px;}
header ul.navBeRig li a {font-size:12px;padding:5px 10px; line-height:18px;    border-radius:15px; margin-top: 5px;}

.navBeRig { margin-top:0px;}
header ul.navBeRig li{margin-bottom:0px;}
.logoMa{padding-bottom:7px;}
#servicOfferi .owl-nav {  display: block!important;}
#servicOfferi.owl-carousel.owl-theme .owl-nav .owl-next {background-color: transparent;background-repeat: no-repeat; cursor: pointer;height: 32px; width: 32px; background-image: url("../images/back.svg");background-size: auto 100%; background-position: 0px; background-position: left;font-size: 0px;position: absolute; top: 45%; right:15px;}
#servicOfferi.owl-carousel.owl-theme .owl-nav .owl-prev {background-color: transparent; background-repeat: no-repeat; cursor: pointer; height: 32px; width: 32px; background-image: url(../images/next.svg); background-position: 0px;background-size: auto 100%;font-size: 0px;position: absolute; top: 45%; left:15px; }

.whatBelieve .weBelieve{ padding:5px;}
.whoWeAre #intro {max-height: 550px;    background-position: right -150px top 50px;    padding-top: 180px}
.contaUs .contTitl h2{font-size:16px; margin: .5rem 0rem; line-height: 22px;}
.whoWeAre .flexiSet  {  padding-top:110px!important}
	
}