@media (min-width: 1024px) /* Tablet Wide */ {
  html {
    font-size: 15px;
  }
  .ImgAbout::before {
    left: -144px;
    top: -94px;
    background-size: 70%;
  }
  .homeSliderText .homeSliderPreTitle{
    font-size: 5rem;
  }
  .homeSliderText .homeSliderTitle{
    font-size: 5rem;
  }
  .homeSliderText .homeSliderSubTitle{
    font-size: 5rem;
  }
  .homeSliderText .homeSliderTitle::before {
    top: 74px;
  }
}

@media (min-width: 1280px) /* Small Laptops */ {
  html {
    font-size: 16px;
  }
  .ImgAbout::before {
    left: -105px;
    top: -70px;
    background-size: 76%;
  }
  .contactHome::before {
    top: 197px;
    right: -12px;
  }
  .floatingLabelsForm .form-group label:not(.error) {
    padding-right: 0.5rem
  }
  .imgAb::before {
    transform: scale(0.85)translate(-85px, -66px);
  }
  .swiper-container.staff.stage-margin.nav-style-1.swiper-container-initialized.swiper-container-horizontal.swiper-container-rtl {
    /*display: table;*/
  }
  span.thumb-info-inner {
    font-size: 1.5rem;
  }
  .garins a.nav-link.btn {
      font-size: 1.75rem;
  }
}
@media (min-width: 1440px) /* Standard Laptop */ {
  html {
    font-size: 17px;
  }
  #mainNav a {
    font-size: 20px;
    padding: 10px 22px
  }
  .ImgMaarachim::before{
    background-size: contain;
    left: -13%;
    top: -5%;
  }
  picture.swiper-slide-bg.jarallax-img:after {
    bottom: 93px;
  }
}

@media (min-width: 1600px) /* HighRes & Desktops */ {
  html{
    font-size: 18px;
  }
  .imgAb::before {
    background-size: 100%;
    left: 40px;
    top: -65px;
  }
  .ImgAbout::before {
    left: 0;
    top: -32px;
    background-size: 100%;
  }
  .homeSliderText .homeSliderTitle::before {
    top: 90px;
  }
}


@media (max-width: 1023px) /* Tablet Tall*/ {
}


@media (max-width: 500px) /* Big Mobiles */ {
  html{
    font-size: 17px;
  }
  p{
    font-size: 17px;
  }
  h2{
    font-size: 2rem;
  }
  .aboutHome h2{
    margin-top: 40px;
  }
  .page-hero{
   
  }
  .page-hero .container {
    text-align: center;
  }
  .page-hero::before {
    opacity: 0.8;
  }
  .page-hero h1 {
    font-size: 2rem;
  }
  .breadcrumb { display: none;}
  .navCollapser {
    color: #1E5596;
    border-color: #D579B1;
  }
  .navSearch {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: rgb(255 255 255 / 90%);
  }
  .navSearch .navbar {
    padding: 0;
  }
#mainNav > li:nth-last-child(2) a {
    margin-right: 0;
}
  #mainNav li:last-child a {
    margin-right: 0;
  }
  .homeSliderText {
    right: 100px;
  }
  .homeSliderText .homeSliderPreTitle, .homeSliderText .homeSliderTitle, .homeSliderText .homeSliderSubTitle{
    font-size: 67px;
  }
  .homeSliderText .homeSliderPreTitle::before {
    transform: scale(0.75) translate(5px, -12px);
  } 
  .homeSliderText .homeSliderTitle::before{
    transform: scale(0.75) translate(5px, -44px);
  } 
  .homeSliderText .homeSliderSubTitle::before{
    transform: scale(0.75) translate(5px, 12px);
  }
  #homeSlider .swiper-slide::before {
    background-color: #003d81c7;
  }
  .swiper-slide-bg {
    right: -185px;
    left: 0;
    text-align: left;
    height: 100%;
  }
  .ImgAbout::before {
    transform: scale(0.55)translate(-296px, -239px);
  }
  .TextAbout.d-flex.justify-content-center.align-items-center.h-100.mx-0.px-5.appear-animation.animated.appear-animation-visible {
    padding: 0 10px!important;
  }
  .BranchIs::before {
    top: -25px;
    right: -12px;
  }
  .kehila:before {
    height: 600px;
  }
  .homeCounter:after {
    top: -50px;
  }
  .simpleGridItems.imageItem {
    margin-bottom: 30px;
  }
  .BranchIs .imgPlaceHolder {
    padding-top: 50%;
  }
  .counters{
    justify-content: center;
  }
  .counter label {
    display: block;
    margin-bottom: 2.5rem;
  }
  .col-lg-3.appear-animation.animated.appear-animation-visible {
    margin-bottom: 50px;
  }
  .sherutLeumi{
    margin-top: 0!important;
  }
  .sherutLeumi .chosenEvents::after {
    display: none;
  }
  .sherutLeumi .chosenEvents::before{
    display: none;
  }
  .imgAb::before {
    transform: scale(0.45)translate(-278px, -203px);
  }
  .aboutHome:after{
    transform: scale(0.6)translate(-77px, 10px);
  }
  .BranchIs::before{
    transform: scale(0.6)translate(20px, -66px);
  }
  .teamA::before{
    display: none;
  }
  .imgAb:after {
    transform: scale(0.5);
  }
  .garinBlockTitle h3 {
    margin: 10px 20px 10px 10px;
    white-space: nowrap;
    font-size: 1.4rem;
  }
  .garinBlock .spoiler {
    font-size: .9rem;
  }
  .col-md-4.appear-animation.animated.appear-animation-visible {
    margin-bottom: 20px;
  }
  .garinBlockTitle .regionName {
    font-size: 15px;
  }
  .imgAb {
    padding-right: 20px;
  }
  .ContactForm button.btn.btn-primary {
    float: none;
    margin: auto;
    justify-content: center;
    display: block;
    margin-bottom: 60px!important;
  }
  .contactIcons::before {
    bottom: 210px;
    left: -50px;
    background-size: 70%;
  }
  nav.kbSideNav.tabs-primary.mb-4 {
    margin-top: 30px;
  }
  .Kb_Lesson h3{
    font-size: 1rem;
  }
  .videoPlayer.embed-responsive.embed-responsive-16by9 {
    margin-bottom: 20px;
  }
  .players .btn-primary {
    margin-bottom: 20px;
  }
  .donOpt {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .contactIcons::before{
    display: none;
  }
  .contantForm::after {
    display: none;
  }
  .catsNav {
    padding-right: 0;
    padding-left: 0;
  }
  .catsNav > .navbar-nav {
    flex-direction: row;
    font-size: 1.3rem;
  }
  .contactHome {
    background-repeat: no-repeat;
    padding: 490px 0 30px 0 !important;
    position: relative;
  }
  .swiper-button-prev, .swiper-button-next {
    top: 36%;
  }
	.staff.swiper-button-next, .staff.swiper-button-prev {
		top: 30%;
	}
  .contactHome::before {
    top: -122px;
    right: 14px;
  }
  .TextMaarachim p {
    font-size: 1.2rem;
    padding-left: 0;
  }
  .ImgMaarachim::before {
    background-size: 70%;
    left: -114px;
    top: -80px;
  }
  .iconBox{
    text-align: center;
    font-size: 15px;
  }
  label.floatingLabel {
    font-size: 15px;
  }
  .shibutsim button.btn.btn-primary {
    margin-bottom: 0!important; 
    margin-top: 20px;
}
.shibutsim input#TZ {
    padding: 5px;
}
.shibutsim .ContactForm {
    margin-bottom: 0;
    padding: 0;
}
  
}
@media (max-width: 360px) /* Mobile */ {
  p{
    font-size: 16px;
  }
  .ImgMaarachim::before {
    background-size: 60%;
    left: -140px;
    top: -100px;
  }
}