.top_bg {
    /* background-image: url(../img/top-backgr.gif); */
    background-image: url(../img/top-backgr.png);
    background-position: top center;
    background-color: transparent;
    position: relative;
    z-index: 2;
    background-repeat: no-repeat;
}
.top_header_wrapper {
    background-color: transparent;
    height: 155px;
    padding-top: 29px;
}
.top_logo_main {
    margin-top: 4px;
}
.header_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.header_right_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    width: 470px;
    margin-top: 0px;
}
.top_logo_cs  {
    margin-top: 17px;
}
.top_logo_technion {
    margin-top: 0px;
}
.top_technion_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.top_sep img {
	margin-left: 20px;
	margin-right: 20px;
	display: block;
	width: 3px;
	height: 48px;
}

.top_bar {
    width: 100%;
    background-color: #de5918;
    height: 46px;
    margin-bottom: 3px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #dd8153;
    border-bottom: 1px solid #dd8153;
}
.top_bar a {
    transition: all 0.6s ease;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
    color: #fff;
    display: flex;
    padding-top: 5px;
}
.top_bar a:hover, .top_bar a:focus {
    transition: all 0.6s ease;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
    color: #632001;
    display: flex;
}
span.mouse_over {
    font-size: 18px;
    text-decoration: none;

}

.top_bar div {
    margin-right: 30px;
}

.top_bar div.top_fb {
    margin-right: 20px;
}


.top_home a span {
    margin-left: 7px;
    margin-top: 3px;
}
.top_home a img {
    width: 37px;
    height: 34px;
}

.top_contact a span {
    margin-left: 9px;
    margin-top: 3px;
}
.top_contact a img {
    width: 33px;
    height: 34px;
}


@media only screen and (max-width : 1200px) {



    
    .top_bar span {
        display: none;
    }
    .top_bar {
        width: 100%;
        padding-left: 5px;
        padding-right: 0px;
    }

.top_header_wrapper {
    background-color: transparent;
    /* height: auto; */
    /* padding-top: 20px; */
    /* padding-bottom: 21px; */
}
.header_right_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /* justify-content: center; */
    width: 470px;
    margin-top: 0px;
}
.header_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    height: auto;
}

}


@media only screen and (max-width : 992px) {

.top_bg {
    background-image: url(../img/top-backgr-992.png);
    background-position: top center;
}
.header_right_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    width: 470px;
    margin-top: 0px;
}
.top_header_wrapper {
    background-color: transparent;
    height: auto;
    padding-top: 20px;
    padding-bottom: 21px;
}


    a#logomain img {
        display: block;
        max-width: auto;
        width: auto;
        margin-right: 0px;
        height: auto;
    }


.top_logo_technion img {
    width: 265px;
    height: auto;
}


.header_wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between;

}

.top_logo_main {
    margin-bottom: 18px;
    margin-top: 6px;
}

}

@media only screen and (max-width : 768px) {

.top_logo_technion a img {
    height: auto;
    width: 274px;

}

}





@media only screen and (max-width : 540px) {

.header_right_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    width: 470px;
    margin-top: 10px;
}
.header_left {
    /* padding-bottom: 10px; */
}

.top_bar {
    width: 100%;
    padding-left: 5px;
    padding-right: 0px;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    padding-bottom: 9px;
    flex-direction: row;
}


    .top_logo_cs  {
        display: block;
        margin-left: 20px;
        margin-right: 20px;
    }
    .sepimg img {
        display: none;
    }
    .header_right_wrap {
        width: 100%;
        margin-top: 0;
        flex-wrap: wrap;
    }
    .top_logo_technion {
        margin-top: 8px;
    }
    .top_logo_cs {
        margin-top: 8px;
    }

    a#logomain img {
        display: block;
        max-width: 330px;
        margin-right: 0px;
    }
    a#logocs img, a#logotech img {
        height: 35px;
        width: auto;

    }
    a#logocs img {
        margin-right: 20px;

    }

}

@media only screen and (max-width : 488px) {

    .top_logo_technion {
        margin-top: 2px;
    }
    .top_logo_cs {
        margin-top: 2px;
    }


}