/*--------responcive--------*/
@media (max-width: 1366px) {


    .footer .copy {
        max-width: 19em;
    }

    .footer-section.last .links {
        max-width: 26em;
    }

    .israel-logo {
        margin-right: 21em;
    }
}

@media (max-width: 1280px) {


    .israel-logo {
        margin-right: 26em;
    }
}

@media (max-width: 768px) {
    .top-search-box {
        top: 10em;
    }

    .footer .copy {
        max-width: 100%;
    }

    .footer-section.last .links {
        max-width: 100%;
        width: 100%!important;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .israel-logo {
        margin-right: 0em;
    }


    .top-menu .container ul.megamenu > li > a.menuitem_drop {
        color: var(--logoblue)
    }

    .btl-logo {
        margin-right: 0.6em;
    }

    .top-search {
        background: transparent!important;
    }

    .footer .up-link {
        margin: auto;
    }
}

@media screen and (max-width: 767px) {
    .topimage {
        margin-right: 0%;
    }

    .top-search {
        /* background-color: #185078!important; */
    }

    .btl-logo {
        background-color: #246695!important;
    }

    .top-menu {
        height: 5.5em!important;
    }

    .top-menu .mobile-menu {
        margin-top: 0!important;
    }

    .top-menu .payments, .top-menu .top-about, .top-menu .login, .top-menu .snifim {
        line-height: inherit!important;
        border: 0!important;
    }

    .top-menu-logo {
        height: 17.6em!important;
    }

    .top-langs a {
        filter: invert(0);
        color: #a5e4f9!important;
        font-weight: normal;
    }
}

@media (max-width: 500px) {
    div#wrapPageTop.sticky .top-menu-logo .up-link div {
        color: #7eb2cf!important;
    }

 

    div#wrapPageTop.sticky, div#wrapPageTop.sticky .top-menu-logo {
        background: #2d6f9e;
    }


    div#wrapPageTop {
        background: #2d6f9e;
    }

    .top-menu-logo {
        border-top: 0!important;
        border-bottom: 0!important;
    }

    .top-search-box {
        top: 4.2em;
    }

    .top-search .top-phones {
        color: white!important;
    }

    .top-langs a {
        opacity: 1;
    }

    .main-site-search input[type='button'] {
        filter: brightness(1000);
    }

    .main-site-search input[type="button"]:hover {
        background-color: transparent!important;
        box-shadow: none;
    }

    .boot_container.autoSuggest input {
        color: white!important;
        background: #6596b9;
        border-color: transparent!important;
        border-radius: 0.9em!important;
    }

    .boot_container.autoSuggest input:hover {
        border: 1px solid #97bfda
    }

    .boot_box div#searchBar i.resetSearch {
        color: white!important;
        opacity: .8;
    }

    .top-menu {
        background: #185078!important;
    }

    .top-menu .payments, .top-menu .top-about, .top-menu .login, .top-menu .snifim {
        color: #eac384!important;
    }

    .top-menu-left .snifim:hover, .top-menu-left .payments:hover, .top-menu-left .login:hover {
        color: #fff;
    }

    .top-menu .container ul.megamenu > li > a {
        color: #eac384;
        /* padding: 0 0.5em; */
    }

    .top-menu .container ul.megamenu > li > .topMenuItem:after {
        color: white!important;
        opacity: .6;
    }

    .container.imagecontainer {
        background: black;
        max-width: 100%;
    }


    html[lang="ru"] .btl-logo {
        background-image: url(/PublishingImages/logo-w-ru.png)!important;
        background-size: contain!important;
    }

    html[lang="ar"] .btl-logo {
        /* background-image: url(/PublishingImages/logo-w-ar.png)!important; */
        /* background-size: contain!important; */
    }

    html[lang="en"] .btl-logo {
        background-image: url(/PublishingImages/logo-w-en.png)!important;
        background-size: contain!important;
    }

    html[lang="fr"] .btl-logo {
        background-image: url(/PublishingImages/logo-w-fr.png)!important;
        background-size: contain!important;
    }

    .boot_container.autoSuggest input::placeholder {
        color: #bdd0de;
    }

    div#wrapPageTop.sticky .top-menu .contact:before, .top-menu .snifim.snifim:before, .top-menu .payments:before, .top-menu .login:before {
        color: #eac384!important;
    }

    .top-menu-left .login:hover:before {
        color: white!important
    }

    .top-menu-left .login:hover:before {
        background: rgb(188 85 108)!important;
    }

    .top-menu-left .payments:hover:before {
        background: rgb(83 171 142)!important;
    }

    .megamenu_light_theme .megamenu_container > ul > li > a.menuitem_drop:hover {
        color: white;
        background: none;
    }

    .top-menu .container ul.megamenu > li > .topMenuItem[aria-expanded="true"] {
        color: white
    }




    .footer .follow_us, div#BtlFooter .footer-section.last {
        border: 0;
    }

    .footer-section.last .links {
        max-width: 42em;
    }

    .footer .links a {
        text-shadow: -2px -2px 6px #3272a0, -2px 2px 6px #3272a0, 2px 2px 6px #3272a0, 2px -2px 6px #3272a0;
    }

    div#BtlFooter {
        background-size: 133%;
        background-attachment: fixed;
        padding-bottom: 15em;
    }

    .top-search-box {
        top: 13em;
    }

    .footer .up-link {
        margin-right: calc(50% - 4.2em);
    }

    html[lang="en"] .btl-logo {
        background-image: url(/PublishingImages/btl-logo-mobile-en.png)!important;
        background-size: initial!important
    }

    html[lang="ru"] .btl-logo {
        background-image: url(/PublishingImages/btl-logo-mobile-ru.png)!important;
        background-size: initial!important
    }

    html[lang="fr"] .btl-logo {
        background-image: url(/PublishingImages/btl-logo-mobile-fr.png)!important;
        background-size: initial!important
    }

    html[lang="fr"] .top-menu {
        top: 12em!important
    }

    html[lang="fr"] .top-langs {
        margin-top: 0.6em
    }

    html[lang="fr"] .top-menu-left {
        margin-top: 0
    }

    html[lang="fr"] .top-menu .mobile-menu {
        margin-top: 0
    }

    html[lang="ru"] .top-menu-left.top-menu-left > a:before {
        height: .7em;
        margin-top: 0.4em!important;
    }

    html[lang="ru"] .top-menu .container > .megamenu_wrapper.megamenu_wrapper.megamenu_wrapper {
        padding-top: 1em
    }
}
}