
@media (max-width: 767px){
    header#masthead  .sitename a img {
        max-width: 170px;
    }
    button.collapsed + .navbar-brand {
        opacity: 0;
        visibility: hidden;
        transition-delay: 0s !important;
    }
    #masthead .navbar-header.sitename .navbar-brand {
        width: 80vw;
        position: fixed;
        top: 10vh;
        z-index: 100000;
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
    }
    /* Navbar Mobile Fix */
    #masthead .navbar-default .navbar-toggle {
        border: none;
        border-radius: 0;
    }
    #masthead .navbar-default .navbar-toggle:hover {
        background: none;
    }
    #masthead .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
        width: 22px;
        height: 3px;
    }
    .page.page-id-1256 header h3{
        display: none;
    }
    .page-sii .row.block.high-tiles .tile:hover .title, .page-sii .row.block.high-tiles .tile.clicked .title {
        margin-top: 0;
    }
    #instModal{
        color: #1c1c1c;
    }
    #instModal #tab-about,
    #instModal #tab-studentlife {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
    #instModal .icon {
        left: 50%;
        position: absolute;
        font-size: 1.7em;
        display: block;
        top: 0;
        transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
    }
    #instModal .nav li {
        height: 100px;
    }
    #instModal .nav li .text {
        position: absolute;
        bottom: 27%;
        left: 50%;
        transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
        font-size: 80%;
    }
    #instModal #inst-overview {
        color: #999999;
        font-size: 20px;
        font-weight: 700;
        padding: 20px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .inst-slider {
        width: 96%;
        left: 2%;
        height: 51vw;
        position: relative;
    }
    #map {
        float: right;
        width: calc(100% + 30px);
        height: 360px;
        margin: -15px;
        margin-top: 100px;
    }
    .calendar-sitemap > .container > .row {
        margin: 0;
    }
    #masthead .navbar-default .navbar-toggle .icon-bar:first-child {
        margin-top: 0;
    }
    #masthead ul#main-nav-header {
        display: block;
    }
    ul#main-nav-header>li {
        display: block;
        width: 100%;
        height: 9vh;
    }
    .custheader .col-sm-3{
        width: 100%;
        pointer-events: all;
    }
    #first-option > .container,
    #fourth-option > .container {
        display: block;
    }
    .row.tile-row{
        margin-top: 0;
    }
    .row.testimonials-row .content>p {
        font-weight: bolder;
    }
    .home .tile:first-child .tile-inner p {
        font-size: 36px;
    }
    .home .tile:first-child .tile-inner h2{
        font-size: 68px;
    }
    .tile-links-block{
        margin-top: 33px;
        margin-left: 5px;
    }
    .tile-links-block a{
        font-size: 15px;
    }
    .container{
        width: 100%;
    }
    .tile .title{
        font-size: 19px;
        height: auto;
        margin: 0;
    }
    .tile .title-excerpt {
        display: none;
    }
    .tile.first-tile-container{
        padding: 0;
        padding-left: 39px;
    }
    .tile.first-tile-container .tile-inner{
        border: 0;
    }

    .tile .tile-inner{
        text-align: left;
        background-color: transparent!important;
        display: block;
        padding: 10px 0 10px 26px;
        border: 1px solid rgba(255,255,255,0.3);
    }
    .tile .dummy{
        display: none;
    }
    .tile .dummy + *{
        position: static;

    }
    .tile.first-tile-container{
        margin-bottom: 100px;
        margin-top: 188px;
    }
    .tile-links-block{
        font-size: 25px;
    }
    .che-logo{
        background-image: url(../images/che-logo.png);
        background-size: cover;
        width: 103px;
        height: 77px;
    }
    .row.block.res-n-int span.ttl {
        font-size: 43px;
    }
    .search-courses .search-results-container .content div.content-body {
        line-height: 2;
    }
    .search-courses .search-results-container .content-title-block .content-info-block {
        width: 100%;
    }
    .search-courses .search-results-container .content-title-block div.content-title {
        font-size: 1.5em;
        line-height: 1.4;
    }
    .search-area-column .bootstrap-select.btn-group .dropdown-menu {
        width: auto;
    }
    .search-area-column{
        width: 100%;
    }
    .search-area{
        height: auto;
        padding: 39px 6px;
        margin-bottom: 0;
    }
    .search-area>.container{
        padding: 0;
    }
    .search-area-column{
        padding: 0;
        margin-bottom: 6px;
        height: auto;
    }
    .top-search.search-area-column{
        width: 100%;
        padding:5px;
        height: 50px;
    }
    .search-area-column .filter-dropdown{
        height: auto;
        padding-left: 13px;
        padding-right: 31px;
        padding-top: 11px;
        padding-bottom: 11px;
        font-size: 14px;
        font-weight: bolder;
    }
    .search-submit-button{
        font-size: 16px;
        line-height: 2.4;
    }
    .search-area-column .bootstrap-select.btn-group.left1 div.open,
    .search-area-column .bootstrap-select.btn-group.left2 div.open,
    .search-area-column .bootstrap-select.btn-group.left3 div.open,
    .search-area-column .bootstrap-select.btn-group.left4 div.open {
        left: 0;
    }
    .footer-logo
    {
        width: 100%;
        margin-bottom: 20px;
    }
    #footer .nav-container{
        width: 100%;
        display: block;
        padding: 8px 0;

    }
    #footer .sitemap{
        padding-left: 28px;
        padding-right: 28px;
    }
    #footer .calendar-sitemap{
        padding-top: 34px;
    }
    #footer .calendar-sitemap .container{
        padding: 0;
    }

    #main-nav-footer.menu{
        padding: 0;
        display: block;
        width: 100%;
    }
    #main-nav-footer.menu>.menu-item{
        width: 100%;
        display: inline-block;
        clear: both;
        min-height: 40px;
        border-bottom: 1px solid silver;

    }
    #main-nav-footer.menu>.menu-item>a{
        height: 100%;
        display: block;
        padding: 0;
        vertical-align: middle;
        padding-top: 12px;
        padding-bottom: 12px;
        float: left;
    }
    #main-nav-footer.menu>.menu-item .expand-button{
        display: block;
        vertical-align: middle;
        float: right;

    }
    #main-nav-footer.menu>.menu-item span.expand-button{
        color: #004083;
        height: 100%;
        display: block;
        padding: 0;
        vertical-align: middle;
        padding-top: 20px;
        padding-bottom: 12px;
        font-size: 16px;
        font-weight: 600;
    }
    #main-nav-footer.menu>.menu-item span.expand-button:focus{
        outline: none;
    }
    #main-nav-footer.menu > .menu-item .expand-button.expanded:after {
        content: "\e907";
    }

    #main-nav-footer.menu > .menu-item .expand-button:after {
        content: "\e912";
    }

    #main-nav-footer.menu>.menu-item .sub-menu{
        display: none;
        float: left;
        clear-after: both;
        clear: both;
        padding-bottom: 30px;
    }



    #main-nav-footer.menu>.menu-item .sub-menu>.menu-item{
        display: block;
        line-height: 1.8;
    }
    #main-nav-footer.menu>.menu-item .sub-menu>.menu-item .expand-button{
        display: none;
    }
    .terms-row{
        font-size: .85em;
        font-weight: 300;
    }
    .terms-row a.bigger{
        font-size: 1em;
    }
    #testimonialsCarousel, #eventsCarousel{
        width: 95%;
        margin: 0 auto;
    }

    div#testimonialsCarousel, div#eventsCarousel {
        overflow: overlay;
        min-height: initial;
        max-height: initial;
        height: auto;

    }
    .testimonials-row > div > div:nth-child(2) {
        margin-bottom: 20px;
    }

    .car-wr, .home .car-wr{
        background-color: white;
        display: block;
        margin-bottom: 0;
    }
    .car-row{
        display: block;
        position: relative;
        background-color: rgba(240,240,240,1);
        opacity: 1;
        padding-bottom: 20px;
    }

    .car-row .arrow{
        height: 36px;
        width: 18px;
        font-size: 23px;
    }
    .car-row .arrow:first-of-type{
        position: absolute;
        right: 115px;
        top: 40px;
        left: 73%;
    }
    .car-row .arrow:last-of-type{
        position: absolute;
        right: 40px;
        top: 40px;
        left: 90%;
    }
    .custom-angle-right {
        display: inline-block;
        width: 30px;
        height: 40px;
        background: url(../images/icons/angle-right.svg) no-repeat center center;
        float: right;
    }
    .car-row * {
        display: block;
    }
    .car-row .item.target .display-table{
        background-color: white;
    }
    .car-row .chevron {
        font-size: 1.5em;
    }
    #testimonialsCarousel, #eventsCarousel{
        padding-top: 71px;
        margin-bottom:-22px
    }
    #testimonialsCarousel .carousel-caption, #eventsCarousel .carousel-caption {
        padding: 50px 23px 38px 24px;
    }
    #testimonialsCarousel .testimonial-photo, #eventsCarousel .testimonial-photo{
        position: absolute;
        top: -41px;
        left: 40px;
    }
    .row.testimonials-row .author{
        text-align:center;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        float: none;
    }
    div#primary .primary-image,
    div#primary .fading-image
    {
        min-width: 100%;
        min-height: 100%;
        height: auto;
        width: 100%;
    }
    body{
        min-width: 100%!important;
    }

    .row.block>.inner{
        height: auto;
    }

    #first-option {
        margin-top: 0;
    }
    .why-israel > .main > #first-option.row.block {
        padding: 0;
    }
    #first-option .image-block
    {
        width: 100%;
        margin-bottom: 50px;
        padding: 10px;

    }
    #first-option .image-block>img{
        width: 100%;
    }

    #first-option .description-block .content,
    #second-option .description-block .content,
    #third-option .description-block .content,
    #fourth-option .description-block .content,
    #fifth-option .description-block .content,
    .why-israel > .main > .row.block .content{
        font-size: 15px;
        color: #01272a;
    }

    #first-option .description-block .title{
        min-height: 0;
        margin-left: -5px;
    }
    #first-option .description-block .title .ttl{
        float: left;
        font-size: 29px;
        letter-spacing: -0.025em;
        line-height: 29px;
        min-height: 0;
        margin-left: -17px;
        text-align: left;
        top: 40px;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    #first-option .description-block .title .blocknum
    {
        float: left;
        width: 58px;
        height: 93px;
        font-size: 125px;
        padding-top: 9px;
    }

    #first-option.row.block>.inner:before{
        display: none;
    }
    #first-option.row.block>.inner .container{
        padding-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .why-israel #second-option {
        margin-top: 0;
    }
    #second-option .image-block
    {
        width: 100%;
        margin-bottom: 88px;
        padding:0;

    }
    #second-option .image-block>img{
        width: 100%;
    }

    #second-option .description-block .content{
        letter-spacing: -0.010em;
        margin-top: 40px;
    }

    #second-option .description-block .title{
        margin-left: -5px;
    }
    #second-option .description-block .title .ttl{
        float: left;
        font-size: 29px;
        letter-spacing: -0.025em;
        line-height: 29px;
        min-height: 0;
        top: 60px;
        margin-left: -10px;
        text-align: left;
        font-weight: bold;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    #second-option .description-block .title .blocknum
    {
        float: left;
        width: 58px;
        height: 93px;
        font-size: 125px;
        padding-top: 9px;
        margin-left: auto;
    }
    .why-israel #third-option .row.block {
        background-position: 30% 50px;
    }
    .why-israel .title span.blocknum {
        line-height: 0.7;
    }

    .why-israel .row.block {
        background-position: 30%;
    }

    .why-israel .row.block:nth-child(2) > .inner {
        background: linear-gradient(to top,  rgba(226,237,238,0) 0%,rgba(226,237,238,0.01) 32%,rgba(226,237,238,1) 52%,rgba(226,237,238,1) 100%);
    }
    .why-israel .row.block:nth-child(5) > .inner {
        background: linear-gradient(to top,  rgba(226,237,238,0) 0%,rgba(226,237,238,1) 60%,rgba(226,237,238,1) 100%);
    }

    .why-israel .block-second {
        padding-top: 20px
    }
    #second-option.row.block>.inner::before{
        display: none;
    }
    #second-option.row.block>.inner .container{
        padding-top: 91px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .why-israel .block-second {
        right: 0;
    }
    #third-option .image-block
    {
        width: 100%;
        margin-bottom: 88px;
        padding:0;

    }
    #third-option .image-block>img{
        width: 100%;
    }

    #third-option .description-block .content{
        letter-spacing: -0.010em;
        margin-top: 40px;
        text-align: left;
        color: white;
        font-weight: 600;
    }
    .why-israel #third-option.row.block .content{
        padding-left: 0;
    }

    #third-option .description-block .title{
        margin-left: -5px;
        padding-top: 14px;
        margin-bottom: 0;
    }
    #third-option .description-block .title .ttl{
        float: left;
        font-size: 29px;
        letter-spacing: -0.025em;
        line-height: 29px;
        top: 53px;
        text-align: left;
        font-weight: bold;
        width: 151px;
        padding-left: 49px;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    #third-option .description-block .title .blocknum
    {
        float: left;
        width: 58px;
        height: 93px;
        font-size: 125px;
        padding-top: 9px;
        margin-left: auto;
    }

    #third-option.row.block>.inner::before{
        display: none;
    }
    #third-option.row.block>.inner .container{
        padding-top: 50%;
        padding-left: 30px;
        padding-right: 30px;
    }

    .why-israel #fourth-option{
        background: none !important;
        margin: 0 0;
    }
    #fourth-option .wrapper,
    #fourth-option .description-block,
    #fourth-option .image-block{
        display: block!important;
    }


    #fourth-option .image-block
    {
        width: 100%;
        margin-bottom: 102px;
        display: block;
        margin-left: 0;
        padding: 10px;
    }
    #fourth-option .image-block>img{
        width: 100%;
    }

    #fourth-option .description-block .content{
        letter-spacing: -0.010em;
        margin-top: 40px;
    }

    #fourth-option .description-block .title{
        margin-left: -5px;
        margin-bottom: 0;
        margin-top: 30px;
    }
    .why-israel #fourth-option .description-block .title .ttl{
        float: left;
        font-size: 29px;
        letter-spacing: -0.025em;
        line-height: 29px;
        min-height: 0;
        top: 28px;
        margin-left: -27px;
        text-align: left;
        font-weight: bold;
        width: 155px;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    #fourth-option .description-block .title .blocknum
    {
        float: left;
        width: 72px;
        height: 93px;
        font-size: 125px;
        padding-top: 9px;
        margin-left: auto;
        margin-top: auto;
        margin-right: auto;
    }

    #fourth-option.row.block>.inner::before{
        display: none;
    }
    #fourth-option.row.block>.inner .container{
        padding-top: 86px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #first-option .description-block,
    #second-option .description-block,
    #third-option .description-block,
    #fourth-option .description-block,
    #fifth-option .description-block {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0 10px;

    }

    #fifth-option .image-block
    {
        width: 100%;
        margin-bottom: 88px;
        padding:0;

    }
    #fifth-option .image-block>img{
        width: 100%;
    }

    #fifth-option .description-block .content{
        letter-spacing: -0.010em;
        margin-top: 38px;
        margin-bottom: 250px;
    }

    #fifth-option .description-block .title{
        margin-left: -5px;
        margin-bottom: 0;

    }
    #fifth-option .description-block .title .ttl{
        float: left;
        font-size: 29px;
        letter-spacing: -0.025em;
        line-height: 29px;
        min-height: 0;
        top: 34px;
        margin-left: -13px;
        text-align: left;
        font-weight: bold;
        width: 150px;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
    }
    #fifth-option .description-block .title .blocknum
    {
        float: left;
        width: 58px;
        height: 93px;
        font-size: 125px;
        padding-top: 9px;
        margin-left: auto;
        margin-top: 0;
    }

    #fifth-option.row.block>.inner::before{
        display: none;
    }
    #fifth-option.row.block>.inner .container{
        padding-top: 91px;
        padding-left: 30px;
        padding-right: 30px;
    }

    #stories .pagename{
        margin-top: 166px;
    }
    #stories .pagename .ttl{
        margin: auto;
        font-size: 32px;
        letter-spacing: 0em;
    }
    #stories .row.students-stories-inner .arrow{
        width: 30px;
        height: 30px;
        font-size: 15px;
    }
    #stories .row.students-stories-inner .row.title h3{
        font-size: 22px;
    }
    #stories .row.students-stories-inner{
        margin-top: 406px;
        min-height: auto;
        margin-bottom: 40px;
        background-color:rgba(255,255,255,1);
    }
    #stories .row.students-stories-inner .row.content{
        margin: 0;
        width: 100%;
        font-size: 14px;
        letter-spacing: -0.010em;
        line-height: 2.1;
        padding:0;
        background: none
    }
    #stories .row.students-stories-inner .row.content>p{
        margin: 0;
    }
    .row.students-info .row.info {
        height: 90px;
    }

    #stories .row.students-stories-inner .row.slider{
        padding: 37px 0 0;

    }
    #stories .row.students-stories-inner .car-row{
        background: none;
    }
    #stories .students-info-wrapper{
        padding: 0 22px 38px 22px;
    }
    .why-israel div#stories{
        min-height: 1360px;
    }

    /* Hack to make carousel working */
    #stories .row.students-stories-inner .jcarousel-inner{
        margin-left: -100%;
    }
    #stories .row.students-stories-inner     .car-wr {
        background: none;
    }
    #stories .row.students-stories-inner .item .display-table{
        display: table;
        background-color: transparent;
    }
    #stories .row.students-stories-inner .item .display-table .display-table-row{
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    #stories .row.students-stories-inner .item .display-table .display-table-row>div{
        display: inline-block;
    }
    #stories .row.students-stories-inner .item img{
        height: 102px;
        width: 102px;
    }
    #stories .row.students-stories-inner .row.slider a.arrow {
        margin-top: 0;
        top: 33%;
        padding: 11px;
        height: 45px;
        width: 45px;
    }
    #stories .car-wr{
        margin-top: 0;
    }
    #stories div#storiesCarousel>ul>li>div {
        height: auto;
    }
    #stories .container{
        padding-right: 20px;
        padding-left: 20px;
    }
    #stories .row.info>span{
        display: block;
        font-size: 14px;
        font-weight: bolder;
        text-align: center;
        margin-right: 0;
    }
    .why-israel span.blocknum,
    .row.block span.ttl {
        transition: 0s;
    }
    #masthead {
        overflow: hidden;
        background-position: center;
    }
    #masthead .inner{
        padding: 0;
        position: relative;
        height: 100vh;
    }
    #masthead .navbar{
        position: absolute;
        padding: 0;
        top: 0;
        right: 0;
        margin: 0;
    }
    #masthead nav.navbar-default.darkHeader {
        background: transparent;
    }
    #masthead .custheader.row{
        position: fixed;
        pointer-events: none;
    }
    #masthead .custheader .col-sm-9{
        width: 100vw;
        height: 100vh;
        pointer-events: none;
    }
    #masthead .nav{
        width: inherit;
        height: inherit;
        /*! pointer-events: all; */
    }
    #masthead #nav-container{
        width: inherit;
        height: inherit;
        max-height: 100vh;
        pointer-events: all;
    }
    #masthead .navbar-header.sitename .navbar-toggle{
        background: none;
        border: 0;
        padding: 0;
        margin: 35px 35px 0 0;
        z-index: 9999;
        position: fixed;
        right: 0;
    }
    #masthead .navbar-header.sitename .navbar-toggle.collapsed .closed{
        opacity: 0;
        visibility: hidden;
        display: block;
        transition-delay: 0s;
    }
    #masthead .navbar-header.sitename .navbar-toggle:not(.collapsed) .open{
        opacity: 0;
        visibility: hidden;
        display: block;
        transition-delay: .5s;
    }
    #masthead .navbar-header.sitename .navbar-toggle:not(.collapsed) .closed{
        height: 16px;
        width: 17px;
        color: #fff;
        z-index: 9999;
        font-weight: bold;
        -webkit-text-stroke: 2px white;
        opacity: 1;
        visibility: visible;
        transition: all .8s;
        transition-delay: .5s;
        display: block;
    }
    #masthead #main-nav-header{
        position: fixed;
        padding-top: 35vh;
        background-image: url(../images/hp1.jpg);
        top: 0;
        right: 0;
        height: 100vh;
    }

    #masthead #main-nav-header::after{
        content: " ";
        z-index: -9999;
        display: block;
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.5);
    }
    #masthead #main-nav-header>li.current-menu-item>a{
        color: white;
    }
    #masthead #main-nav-header>li>a{
        border: 0;
        color: #c7c7c7;
        background: none;
        font-size: 1.5em;
        font-weight: bold;
    }

    #masthead .navbar-header.sitename .navbar-toggle .icon-bar{
        background-color: white;
    }
    #masthead .navbar-header.sitename .navbar-title{
        color: white;
        position: absolute;
        top: 162px;
        right: 0;
        left: 0;
        width: 100%;
        padding: 0;
        font-size: 43px;
        letter-spacing: -0.04em;
        text-align: center;
        line-height: 56px;
        font-weight: bolder;
        display: block;
    }
    #masthead .navbar-header.sitename .navbar-brand>img{
        margin: auto;
    }
    #masthead .container{
        padding: 0;
    }
    #masthead .row.pagename{
    }
    #masthead .row.pagename h3 {
        font-size: 7vw;
        font-weight:600;
        letter-spacing: 0.2px;
        line-height: 1.3;
        padding: 0 15%;
        margin-top: 12vh;
    }

    /* Study in Israel page */
    #highlighted-fields-of-study {
        margin-top: -140px;
        width: 90%;
        position: relative;
    }

    .search-courses .search-results-container .content-wrapper {
        left: 0;
        width: 100%;
    }

    .search-courses .search-results-container .content-title-block a.expand-button {
        top: 0px;
        position: absolute;
        color: white;
        background: #949725;
        right: 0px;
        width: 44px;
    }

    #sidebar{
        display: none;
    }
    .navbar-header {
        padding-bottom: 0;
    }
    .navbar-collapse.collapse {
        border: none;
    }   

    #masthead .navbar-default {

    }
    .page-title {
        padding: 15vh 20px;
    }
    .page-title h1 {
        color: #fff;
        font-size: 9vw;
        letter-spacing: -0.04em;
        font-weight: 900;
        text-align: center;
        padding: 0 15%;
        margin-top: 16vh;
    }
    #masthead .row.pagename {
        width: 100%;
        font-size: 66px;
        padding: 0;
        margin: 0;
    }
    .search-planning .search-area.top-search {
        margin-top: -160px;
        padding-top: 130px;
    }
    .page-template-page-search #masthead .inner {
        height: 100vh;
        min-height: 600px;
    }
    .page-template-page-search #masthead .row.pagename {
        margin-top: 0;
        bottom: auto;
    }

    .page-template-page-search #masthead .row.pagename h3 {
        font-weight: 600;
        line-height: 1.7;
        font-size: 8vw;
    }

    .row.pagename {
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 50%);
        -webkit-transform: translate(-50%, 50%);
        bottom: 10vh;
    }
    .institutions-row .tile-wrapper {
        width: 50%;
    }

    .modal-content .facts {
        padding: 5vw;
        line-height: 1.5;
        padding-top: 0;
    }
    #instModal .modal-header,
    #instModal .icon-cross {
        padding: 10px;
    }
    #instModal .program_wrapper .title{
        font-size: 1.3em;
        line-height: 1.5;
    }
    #instModal .program span {
        font-size: 0.95em;
    }
    .row.pagename-wr {
        height: 100vh;
    }
    .row.block.res-n-int>.inner>.container {
        display: block;
    }
    .col-sm-6.left-block {
        padding-bottom: 25px;
    }

    .search-courses .advanced-search-button-block {
        margin-bottom: 80px;
    }

    #search-form:not(.collapsing):not(.in) {
        display: none;
    }

    #search-form {
        top: 80px;
        position: relative;
    }

    div#applying-title {
        font-size: 2em;
        letter-spacing: -1px;
    }

    .planning-page-mid {
        padding-top: 125px;
    }

    .planning-page-mid .search-expand-button {
        display: none !important;
    }
    .planning-page-mid #search-form {
        display: block !important;
    }

    .planning-page-mid select.scholar {
        font-size: 4vw;
    }
    .planning-page .spacer {
        height: 6em;
    }

    .planning-page .title {
        margin-bottom: 0;
    }

    .steps .explaining {
        width: 100%;
        padding-bottom: 0;
    }

    .steps img {
        margin-top: 30px;
    }

    .stats-row {
        padding-left: 3px;
    }
    .stats-block {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .page-template-page-study-in-israel div.title:nth-child(2) .ttl {
        line-height: 1.8;
    }
    .page-template-page-study-in-israel #higher-education-in-a-glance .content,
    .page-template-page-study-in-israel #higher-education-in-a-glance div.title:nth-child(2) {
        text-align: left;
        padding: 10px;
    }
    .page-template-page-study-in-israel .row.block > .inner > .container {
        text-align: left;
    }
    .row.block.institutions {
        min-height: 0;
    }
    .block .title .ttl,
    .row.block.institutions .title span.ttl {
        font-size: 35px;
        line-height: 1.4;
        text-align: left;
    }
    .row.block.institutions .textarea {
        font-size: 18px;
        text-align: left;
        padding: 30px 0;
    }
    .row.block .content {
        font-size: 13px;
    }
    .row.title.pagename .ttl,
    #highlighted-fields-of-study-header .ttl {
        font-size: 29px;
        line-height: 1.4;
        letter-spacing: 1px;
    }

    #highlighted-fields-of-study-header{
        height: 100vh;
    }

    #higher-education-in-a-glance .ttl{
        font-size: 26px;
    }

    /*Page Explore*/
    /*Video*/
    .page-template-page-explore .space{
        margin-bottom: 100px;
    }
    .page-template-page-explore #first-section {
        margin: 0 auto;
        padding: 0;
    }
    iframe,
    .youtube-player-iframe{
        height: 56.2vw;
    }
    .page-template-page-explore #back-img-kir, .page-template-page-explore #back-img-gal, .page-template-page-explore #back-img-hai, .page-template-page-explore #back-img-net, .page-template-page-explore #back-img-her, .page-template-page-explore #back-img-tel, .page-template-page-explore #back-img-reh, .page-template-page-explore #back-img-jeru, .page-template-page-explore #back-img-beer, .page-template-page-explore #back-img-neg, .page-template-page-explore #back-img-eil {
        height: 300px;
    }
    .page-template-page-explore .big-modal {
        margin-bottom: 0px;
        max-width: 100vw;
    }
    #video-container{
        text-align: center;
        height: 100%;
    }
    #video-container .textos{
        margin-top: -200px;
    }
    .video-wrapper{
        display:table;
        position:relative;
        width:100%;
        text-align: center;
        margin-bottom: 230px;
    }
    .page-template-page-explore .play {
        background-image: url(../images/explore/playbtn.png);
        background-repeat: no-repeat;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0;
        right: 0;
        top: 10px;
        bottom: 10px;
        margin: auto;
        background-size: contain;
        background-position: center;
        cursor: pointer;
        z-index: 10;
    }
    .page-template-page-explore .pause {
        background-image:url(../images/explore/pausebtn.png);
        display:none;
        background-repeat:no-repeat;
        width:50px;
        height:50px;
        position:absolute;
        left:0;
        right:0;
        top: 140px;
        bottom: 10px;
        margin:auto;
        background-size:contain;
        background-position: center;
        cursor: pointer;
    }
    .page-template-page-explore .apply{
        top: 275px;
    }
    .video-poster {
        background: url(../images/explore/vidm1.png) center center no-repeat;
        background-size: cover;
        display: block;
        width: 262px;
        height: 529px;
        position: absolute;
        margin-right: auto;
        margin-left: auto;
        left: 0;
        right: 0;
        top: 0;
    }
    /*Titles*/
    .page-template-page-explore .row.block .title-facts {
        color: white;
        z-index: 9;
        text-align: center;
        font-size: 31px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 1px;
        margin-top: 5vw;
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        width: 60%;
    }
    .page-template-page-explore .row.block .title-exp {
        padding: 0px 40px;
    }
    .page-template-page-explore .row.block .title-exp.diff {
        color: #242424;
        mix-blend-mode: unset;
    }
    .page-template-page-explore .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*Map*/
    .page-template-page-explore #text-desc {
        width: 90vw;
    }
    .main-map{
        width: 300px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        top: 200px;
        left: 0;
        right: 0;
        z-index:10;
    }
    .page-template-page-explore #myCanvas{
        background:url(../images/explore/circle-m.png) center top no-repeat;
        margin-top: -218px;
        margin-bottom: 100px;
        margin-left: auto;
        margin-right: auto;
        width: 340px;
        height: 340px;
        z-index: 9;
    }
    .page-template-page-explore #text-click{
        background: url(../images/explore/click-m.jpg) center top no-repeat;
        background-size: contain;
        width: 230px;
        height: 140px;
        float: left;
        margin-left: auto;
        margin-top: -736px;
        margin-right: auto;
        left: 0;
        right: 0;
        position: absolute;
    }
    .page-template-page-explore .clearfix{
        height: 30px;
        clear: both;
    }
    .page-template-page-explore .row.block .title-exp.diff.back {
        opacity: 0;
    }
    .back-white{
        background: url('../images/explore/back-white.png') no-repeat;
        width: 100%;
        height: 50%;
        float:right;
        position: absolute;
        right: -1000px;
        z-index:40;
        opacity:0;
    }
    .back-white-apos{
        background: url('../images/explore/back-white.png') no-repeat;
        width: calc(100% + 70px);
        height: auto;
        min-height: 100%;
        float: right;
        position: relative;
        left: 0;
        opacity: 1;
        margin-top: 240px;
    }
    .page-template-page-explore .text-block {
        position: relative;
        margin-top: 125px;
        margin-left: 70px;
    }
    .page-template-page-explore #text-title {
        font-size: 32px;
        color: #242424;
        text-align: left;
        line-height: 100px;
        margin-top: -80px;
        font-weight: 800;
        margin-bottom: 10px;
    }
    .page-template-page-explore #text-desc{
        color: #242424;
        text-align: left;
        line-height: 1.5;
        font-weight: 600;
        margin-left:0px;
        margin-right: 0px;
        margin-bottom: 200px;
    }

    .page-template-page-explore #back-img-gal{
        width: 100%;
        height: 300px;
        opacity:1;
        background: url('../images/explore/galilee.jpg') no-repeat;
        position: absolute;
        z-index: 30;
        display:none;
    }
    .page-template-page-explore #back-img-hai{
        width: 100%;
        height: 300px;
        opacity:1;
        background: url('../images/explore/haifa.jpg') no-repeat;
        position: absolute;
        z-index: 30;
        display:none;
    }
    .page-template-page-explore #back-img-jeru{
        width: 100%;
        height: 300px;
        opacity:1;
        background: url('../images/explore/jerusalem.jpg') no-repeat;
        position: absolute;
        z-index: 30;
        display:none;
    }
    .page-template-page-explore #back-img-beer{
        width: 100%;
        height: 300px;
        opacity:1;
        background: url('../images/explore/beer3.jpg') no-repeat;
        position: absolute;
        z-index: 30;
        display:none;
    }
    .page-template-page-explore #back-img-neg{
        width: 100%;
        height: 300px;
        opacity:1;
        background: url('../images/explore/negev.jpg') no-repeat;
        position: absolute;
        z-index: 30;
        display:none;
    }

    .page-template-page-explore .exit-out{
        background: url('../images/explore/exit-modal-m.png') no-repeat;
        width: 73px;
        height: 73px;
        z-index: 50;
        position: absolute;
        float: right;
        right: 20px;
        top: 192px;
        opacity: 0;
    }
    .page-template-page-explore .exit-in {
        background: url('../images/explore/exit-modal-m.png') no-repeat;
        display: block;
        width: 73px;
        height: 73px;
        position: absolute;
        float: right;
        top: 205px;
        cursor: pointer;
        opacity: 1;
        left: 70vw;
    }

    /*Page explore Gallery*/
    .page-template-page-explore .box {
        width: 100%;
        padding: 20px;
        padding-bottom: 0;
    }
    .page-template-page-explore .box-inner {
        position: relative;
        left: 0;
        right: 0;
        top: 15px;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        margin: 0 100px 10px 0;
        margin-right: auto;
        margin-left: auto;
    }
    .page-template-page-explore .box-inner img {
        width: 100%;
        height: auto;
        margin: auto;
    }
    .page-template-page-explore .box-inner:after {
        content: '\A';
        position: absolute;
        width: 100%;
        height:100%;
        top:0;
        left:0;
        background:rgba(0,0,0,0.15);
        transition: all 1s;
        -webkit-transition: all 1s;
    }
    .page-template-page-explore .box-inner.opened:after {
        opacity: 0;
    }
    .page-template-page-explore .normaltitle {
        color: #FFFFFF;
        font-size: 22px;
        font-weight: 800;
        line-height: 30px;
        margin: 0 0 18px 18px;
        width: 120px;
        opacity: 1;
        float: left;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .page-template-page-explore .titlebox {
        color: #000000;
        font-size: 22px;
        font-weight: 800;
        line-height: 30px;
        margin-bottom: 20px;
        width: 120px;
    }
    .page-template-page-explore .descbox {
        color: rgba(36, 36, 36, 0.96);
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
        min-height: 380px;
    }
    .sign-more {
        cursor: pointer;
        opacity: 1;
        color: #FFFFFF;
        font-size: 70px;
        font-weight: 400;
        position: absolute;
        display: block;
        right: 15px;
        top: 0px;
        z-index: 999;
    }
    .sign-more.open{
        color: #000000;
        top: -25px;
    }
    .page-template-page-explore .box.hovering {
        -webkit-transition: all 0.5s fade;
        -moz-transition: all 0.5s fade;
        -o-transition: all 0.5 fade;
        transition: all 0.5s fade;
    }
    .page-template-page-explore .box-inner .textbox {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        margin-bottom: 0;
        background: #000;
        background: rgba(255, 235, 59, 1);
        color: #242424;
        padding: 18px;
        text-align: left;
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
    .page-template-page-explore .hovering .box-inner {
        -webkit-transition: all 0.5s fade;
        -moz-transition: all 0.5s fade;
        -o-transition: all 0.5 fade;
        transition: all 0.5s fade;
    }
    #tuition_fundings {
        height: 100vh;
        background-size: cover;
        background-position: 50%;
    }
    #tuition_fundings .title {
        line-height: 1;
        letter-spacing: 0;
        text-align: center;
    }

    .page-template-page-live-in-israel #masthead {
        min-height: 0;
    }
    #live-map {
        position: relative;
        height: auto;
        min-height: auto;
        left: 0;
        -webkit-transform: none;
        transform: none;
    }
    #live-map > .red-tiles {
        padding: 10px;
        position: relative;
    }
    #live-map > .red-tiles > .col-xs-12 {
        transform: none;
        left: 0;
    }
    #live-map span.red-square {
        background-size: 10%;
        width: 100%;
        border-bottom: 5px solid white;
        display: block;
    }
    #live-map .popup span::before, #live-map span::before {
        font-size: 10vw;
        display: block;
        padding-top: 24px;
        padding-left: 24px;
        height: 0;
        top: 0;
        position: relative;
        width: 100px;
    }
    #live-map span.living-icon-safety::before, #live-map span.living-icon-cost::before {
        font-size: 6vw;
    }
    #live-map .popup.safety h3 {
        padding-left: 120px;
        margin-top: -18px;
    }
    #live-map .popup.cost h3 {
        padding-left: 120px;
        margin-top: -18px;
    }

    #live-map > .row > .col-sm-1 > div.text {
        position: absolute;
        top: calc(33% - 3vw );
        left: 105px;
        font-size: 5vw;
        line-height: 1;
        width: calc(80vw - 62px);
    }
    #live-map > .row:nth-child(2) > div.col-xs-12 {
        transform: none;
        top: 0;
        position: absolute;
        left: 0;
    }
    #live-map > .row:nth-child(2) > .col-xs-12 > div.popup.in {
        height: auto;
        transform: none;
        left: 0;
        width: calc(100% - 20px);
        top: 0px;
        border: 1px solid red;
        margin: 10px;
        background: white;
        max-height: 90vh;
        overflow-y: auto;
        min-height: auto;
    }
    #live-map .row.popups {
        margin: 0;
        height: 100vh;
        width: 100vw;
        display: block;
        position: fixed;
        top: 0;
        pointer-events: none;
        z-index: 10000;
    }
    #live-map .description {
        margin: 20px;
        font-weight: 600;
        font-size: 20px;
    }
    #live-map div.popup h3 {
        padding-left: 115px;
        width: 70vw;
        font-size: 6vw;
    }
    #live-map .popup h3 .icon {
        position: absolute;
        left: 20px;
        top: 25px;
    }
    #live-map .slideshow-block {
        border: 1px solid red;
    }
    #live-map .popup.costof {
        height: 400px;
    }
    #live-map > .row:nth-child(1) .col-sm-1 {
        width: 100%;
        position: relative;
        max-width: none;
    }
    #live-map > .row .col-sm-1 {
        width: 100vw;
        max-width: none;
    }
    .theme-default .nivo-caption {
        transform: none;
        margin: 0;
        height: auto;
        bottom: 0;
        display: flex !important;
        align-items: center;
        justify-content: center;
    }

    .theme-default .nivoSlider {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }


    /* Navigation fading effect */

    div#nav-container {
        transition: all .5s;
        opacity: 0;
        visibility: hidden;
        display: block;
    }

    div#nav-container.in {
        opacity: 1;
        visibility: visible;
    }

    button + .navbar-brand {
        transition: all .5s;
        transition-delay: .5s;
    }

    #masthead .navbar-header.sitename .navbar-toggle.collapsed .open {
        opacity: 1;
        visibility: visible;
        transition: all .5s;
        transition-delay: 0s;
        display: block;
    }

    /* same position 3 bars and close icon */
    #masthead .navbar-header.sitename .navbar-toggle > span {
        position: absolute;
        top: 5px;
        right: 10px;
    }
}
