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

    #tickets-link {
        right: 0;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        z-index: 999;
        height: 60px;
        width: 55px;
        top: 100px;
        display: flex!important;
        align-items: center;
        justify-content: center;
    }
    #tickets-link svg{
        max-height: 30px;
        max-width: 30px;
        position: relative;
    }
}

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

	body{
		direction: rtl;
		/*-webkit-overflow-scrolling: touch;*/
	}
    #tickets-link {
        height: 50px;
        width: 45px;
    }

	table{max-width: none;}

	[class*="lego"] img {
		max-width: 100%;
		height: auto;
	}

	#m_accessibility {
		height: 50px;
		width: 45px;
		top: 100px;
	}

	.icon-time-v2 {
		background-size: 18px 18px;
		height: 20px !important;
	}
	.icon-pricelist-v2 {
		background-size: 22px 12px;
		height: 20px !important;
	}
	.icon-coffee {
		background-size: 22px 21px;
		height: 20px !important;
	}
	.icon-blog {
		background-size: 22px 16px;
	}
	.icon-support-us {
		background-size: 22px 18px;
		height: 20px !important;
	}

	.header-logo {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	input, button{border-radius: 0;}

	.page{min-height: auto;}

	#addwat_buttons {z-index: 99999 !important;}

	#carousel-home .carousel-caption>div.container {
		line-height: normal;
	}

	main{overflow-x: hidden; padding-top: 50px; padding-bottom: 0 !important;}

	.carousel-title{font-size: 100%;}

	.carousel-titlesub {font-size: 94%; margin-right: 0;}

	svg{width: 100%; height: 100%; position: absolute; top: 0; right: 0;}

	.toggle_back{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.open .toggle_back,
	.active .toggle_back{
		display: block;
		z-index: 500;
	}

	.off{
		position: static;
		font-family: 'almoni-dl', Arial;
	}

/*	.triangle{*/
/*		display: block;*/
/*		bottom: calc(50% - 5px);*/
/*		border-style: solid;*/
/*		border-width: 5px;*/
/*		border-*//*-width: 9px;*/
/*		border-*//*-width: 0;*/
/*		border-color: transparent;*/
/*		border-*//*-color: #ffffff;*/
/*		width: 10px;*/
/*		position: absolute;*/
/*		*//*: 10px;*/
/*	}*/
/*	.triangle:after,*/
/*	.triangle > span{*/
/*		content: '';*/
/*		position: absolute;*/
/*		border-style: solid;*/
/*		border-width: 5px;*/
/*		border-*//*-width: 9px;*/
/*		border-*//*-width: 0;*/
/*		border-color: transparent;*/
/*		border-*//*-color: #070d09;*/
/*		top: -5px;*/
/*		*//*: -12px;*/
/*	}*/

	div.menu-arrow {
		transform: scaleX(-1);
		right: auto;
		left: 10px;
		position: absolute;
		height: 46px;
		width: 7px;
		top: 0;
	}
	div.menu-arrow svg {
		height: 46px; !important;
		width: 7px; !important;
		stroke-linejoin: round;
		stroke-linecap: round;
		fill: transparent;
		stroke: #fff;
	}
	div.menu-arrow.down {
		transform: rotate(90deg);
	}
	aside nav ul li.open div.menu-arrow {
		transform: rotate(90deg);
	}

/*	.dropdown.open .triangle,*/
/*	header .menus_wrapper .inner_nav span .triangle{*/
/*		-webkit-transform: rotate(*//*90deg);*/
/*		-moz-transform: rotate(*//*90deg);*/
/*		-ms-transform: rotate(*//*90deg);*/
/*		-o-transform: rotate(*//*90deg);*/
/*		transform: rotate(*//*90deg);*/
/*	}*/

	.dropdown-menu ul li:focus,
	.dropdown-menu ul li:hover{
		background: none !important;
	}

	.breadcrumb_box{padding: 0;}

	.breadcrumb{padding-left: 15px; padding-right: 15px; border: 0;}

	.museum-name{
		margin: 5px 0;
		width: 100%;
		text-align: center;
		font-size: 119%;
	}

	.legoText_tmja_ms_special_heb .lego-col.lego-oh img,
	.legoText_hma_ms_special_heb .lego-col.lego-oh img{width: auto !important;}

	.at-share-tbx-element a{position: relative; vertical-align: middle;}

	.likebox{margin: 15px 0;}

	.semi-container{padding: 0 15px;}

	.select {width: 100%;}

	.lego-col{padding: 0 !important;}

	.lego-col.lego-oh img{max-width: 100%; width: auto !important;}

	.swiper-slide img{max-width: 100%; height: auto;}

	.modalorder .order-prices{height: auto; padding: 10px;}

	.modalorder .form_row{width: 100%; margin-bottom: 10px;}
	.modalorder .form_row:last-child{margin-bottom: 0;}

	.modalorder label{margin: 0;}

	.modalorder .select,
	.modalorder .select .fancyText,
	.modalorder .select .fancySelect{width: 70px; line-height: 22px;}


	/**
	* HEADER STYLE
	****************/
	header{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 50px;
		padding: 0;
		background: #000;
		z-index: 9999;
		-webkit-box-shadow: 0 1px 10px 0 rgba(0,0,0,.3);
		-moz-box-shadow: 0 1px 10px 0 rgba(0,0,0,.3);
		box-shadow: 0 1px 10px 0 rgba(0,0,0,.3);
	}

	header > div {height: 50px; line-height: 50px;}

	.lang_eng .logo{margin-top: 1px;}
	header .logo{
		width: 145px;
		max-width: 100%;
		height: auto;
		background: none !important;
		margin: 5px auto 0;
	}

	header button {
		border: 0;
		background: none;
		padding: 0;
		position: relative;
	}

	header .menu_toggle {
		width: 33px;
		margin-top: 14px;
	}

	header .menu_toggle .bar{
		width: 100%;
		height: 2px;
		background: #fff;
		margin-bottom: 9px;
		display: block;
	}
	header .menu_toggle .bar:last-child{margin-bottom: 0;}
	
	header .side_menu{
		position: fixed;
		right: -100%;
		top: 0;
		height: 100%;
		width: 100%;
		z-index: 99999;
		-webkit-transition: right .3s;
		-moz-transition: right .3s;
		transition: right .3s;
	}

	header .side_menu.open{
		right: 0;
		-webkit-transition: right .3s;
		-moz-transition: right .3s;
		transition: right .3s;
	}

	header .side_menu nav {margin: 0;}

	header .side_menu ul {
		margin: 0 !important;
		position: static !important;
		background: none !important;
		box-shadow: none;
		border: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		float: none;
	}

	header .side_menu ul li{border-top: 1px solid #5a1213; padding: 0;}
	header .side_menu ul li:first-child{border-top: 0;}

	header .menus_wrapper nav > ul > li > a,
	header .menus_wrapper .inner_nav ul li > span{
		padding-left: 33px;
		display: block;
		height: auto;
		width: auto !important;
		line-height: 43px !important;
		font-size: 17px !important;
		text-align: start !important;
		color: #fff !important;
		text-decoration: none;
	}

	header .side_menu ul li ul li{
		background: #151515;
		padding: 0 15px;
	}

	header .side_menu > aside{
		position: relative;
		width: calc(100% - 44px);
		height: 100%;
		background: #070d09;
		z-index: 600;
		-webkit-box-shadow: 0 0 8px 1px rgba(0,0,0,.2);
		-moz-box-shadow: 0 0 8px 1px rgba(0,0,0,.2);
		box-shadow: 0 0 8px 1px rgba(0,0,0,.2);
		overflow: auto;
	}

	header .side_menu .menu_toggle{
		position: absolute;
		left: 0;
		width: 44px;
		height: 50px;
		background: #070d09;
		margin: 0;
		z-index: 600;
	}

	header .side_menu .menu_toggle svg{
		width: 40%;
		right: 30%;
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all .3s linear .3s;
		-moz-transition: all .3s linear .3s;
		transition: all .3s linear .3s;
	}
	header .side_menu.open .menu_toggle svg{
		visibility: visible;
		opacity: 1;
		-webkit-transition: all .3s linear .3s;
		-moz-transition: all .3s linear .3s;
		transition: all .3s linear .3s;
	}
	header .side_menu .menu_toggle svg use {fill: #fff;}

	header .side_menu .search-term {
		background: #fff;
		margin: 9px 0;
		width: 100%;
	}

    header .side_menu .search-term .search-submit {text-indent: 0;}

	header .side_menu .search-term .search-submit .icon-zoom {
		line-height: 34px;
		font-size: 22px;
		height: 34px;
		color: #000;
	}

	header .side_menu .menu-languages ul{
		text-align: center;
		margin-top: 0;
		padding: 5px;
	}

    header .side_menu .menu-languages ul li {
		display: inline-block;
		text-align: center;
		border-top: 0;
	}

	header .side_menu .menu-languages ul li a {
		text-align: center;
		font-weight: 600;
		font-size: 24px;
		padding: 0;
	}

	header .side_menu .menu-languages ul li a:after {
		margin-right: 5px;
		margin-left: 0;
	}

	header .side_menu .menu-languages ul span:last-of-type {
		display: none;
	}

	#museum-menu-inner .museum-menu-top > span{line-height: 1.5em; padding: 8px 0;}

	header .side_menu .menus_wrapper {
		height: 100%;
		width: 100%;
	}

	header .side_menu .museum-menu li{
		background: none;
		border-color: rgba(255,255,255,.3) !important;
	}
	header .side_menu .museum-menu ul li:first-child{border-top: 1px solid rgba(255,255,255,.3);}

	header .side_menu .museum-menu ul li a{padding: 0 15px !important; position: relative;}

	header .side_menu .museum-menu ul {border-bottom: 1px solid rgba(255,255,255,.3);}

	header .side_menu .museum-menu ul li ul{border: 0;}

	header .side_menu .menu-icons ul {margin: 0; width: 100%;}

	header .side_menu .menu-icons ul li{width: 100%; margin: 0; height: auto;}
	header .side_menu .menu-icons ul li:first-child{border-top: 1px solid #5a1213;}

	header .side_menu .menu-icons ul li ul li{padding: 0; border-left: 0 !important; border-right: 0 !important;}

	header .side_menu .menu-icons ul li ul li ul li{
		padding: 0 15px;
		line-height: 43px;
		font-weight: 500;
	}

	header .side_menu .menu-icons ul li a{
		height: auto;
		width: auto !important;
		line-height: 43px !important;
		font-size: 17px !important;
		text-align: start !important;
		padding: 0 !important;
		color: #fff !important;
	}

	header .side_menu .menu-icons ul li:hover > a > span,
	header .side_menu .menu-icons ul li:focus > a > span,
	header .side_menu .menu-icons ul li.open > a > span{font-size: 120%;}

	header .side_menu .menu-icons ul li ul li a {
		line-height: 20px !important;
		padding: 11px 0 !important;
	}

	header .side_menu ul li a .icon-text > [class^="icon"]{
		width: 22px;
		text-align: center;
		font-size: 22px;
		position: relative;
	}

	header .side_menu ul li a .icon-phone,
	header .side_menu .menu-icons ul li a .icon-i{font-size: 18px !important;}

	header .side_menu ul li a .icon-share{
		position: relative;
		height: 43px;
		vertical-align: top;
	}

	header .side_menu ul li a .icon-share svg use{stroke: #fff; fill-opacity: 0;}

	.menu-icons ul li a span{vertical-align: middle;}

	header .side_menu ul li a .icon-blog{height: 16px; background-size: 24px;}

	.menu-icons ul li:hover > a .icon-blog{background-size: 24px;}

	header .menus_wrapper .support_us li:first-child{border-top: 1px solid #5a1213;}

	header .side_menu .menu-museums{
		position: static;
		display: block;
		background: none;
		box-shadow: none;
	}

	header .side_menu .menu-museums li a {
		font-weight: 400;
	}

	header .side_menu .menu-museums ul{padding: 0;}

	header .side_menu .inner_nav ul {padding: 0; line-height: normal;}

	header .side_menu .inner_nav nav {box-shadow: none;}

	header .side_menu .inner_nav ul li{
		border-bottom: 0;
		line-height: 43px;
		list-style: none;
		width: 100%;
		margin: 0 !important;
		font-weight: 500;
	}
	.lang_eng .menu-cat ul li,
	.lang_eng .menu-cat ul li:first-child,
	.lang_eng .menu-cat ul li:last-child {
		margin: 0 !important;
	}

	header .side_menu .inner_nav ul li > span {
		display: block;
		border-top: 1px solid #5a1213;
		border-bottom: 1px solid #5a1213;
		color: #fff;
		font-size: 18px;
		text-align: start;
		position: relative;
	}

	header .side_menu .inner_nav ul li a {
		line-height: 43px;
		color: #fff;
		display: block;
		padding: 0;
		text-align: start;
		font-size: 17px;
		text-decoration: none;
		position: relative;
		background: none;
	}

	header .side_menu .search-term .search-input{
		width: calc(100% - 50px);
		line-height: normal;
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		text-indent: 0;
		padding: 0 5px;
		height: 24px;
		margin: 5px;
		color: #fff;
	}

	header .museums_toggle{
		width: 26px;
		height: 26px;
		margin-top: 12px;
		padding: 0;
		display: inline-block;
		position: relative;
	}

	header .menu-museums {
		position: fixed;
		top: 50px;
		width: 100%;
		right: 0;
		z-index: 300;
		display: none;
	}

	header .menu-museums ul{
		width: 100%;
		text-align: start;
		padding: 0 25px;
		z-index: 600;
	}

	header .menu-museums ul li{
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #cfd5d9;
	}
	header .menu-museums ul li:last-child{border-bottom: 0;}

	header .menu-museums ul li a{
		display: block;
		line-height: 45px;
	}


	/**
	* HOME PAGE STYLE
	******************/
	.content-grey, .content-white{
		padding-left: 0;
		padding: 28px 15px;
	}

	.title-line > span{padding: 0 20px;}

	#carousel-home .carousel-caption p{font-size: 100%;}

	.title{width: calc(100% - 30px); margin: 40px 15px 0;}

	.title .icon-arrow-b {width: 62px; font-size: 118%;}

	.title h1 {
		width: calc(100% - 65px);
		font-size: 118%;
		font-weight: 500;
	}

	.gallery {
		width: 88%;
		margin: auto;
	}

	.gallery-item-desc{height: auto !important;}

	.gallery > div{
		width: 100%;
		float: none;
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
	}

	.gallery > div > div {
		width: 100%;
	}

	.gallery-item,
	.gallery-item-image,
	.gallery-item-image img{width: 100%; height: auto;}

	.gallery-all {
		width: 88%;
		border: 1px solid #a1a1a1;
		border-top: 0;
		text-align: center;
		margin: 12px auto;
		float: none !important;
		display: inherit;
		color: #a1a1a1;
		text-decoration: none;
		padding: 3px 15px;
	}

	.gallery-all > span{display: inline-block !important;}


	/**
	* 404 STYLE
	************/
	.cont_404 {margin: 30px 0;}

	.cont_404 img{width: 80%;}

	.cont_404 h1{font-size: 120%;}


	/**
	* CONTACT STYLE
	****************/
	.modal-form .form-col.pull-left {
		width: 100%;
	}

	.modal-form .form-col .form-group label {
		margin-left: 10px;
		width: 60px;
	}

	.modal-form .form-col input.form-control,
	.modal-form .form-col input.form-control:focus,
	.modal-form .form-col .form-address,
	.modal-form .form-col .form-address:focus {
		width: calc(100% - 70px) !important;
		margin: 0;
	}

	.modal-form .form-agree {margin-top: 15px;}

	.modal-form .form-agree label{width: 84%;}

	.modal-form .form-agree{width: calc(100% - 65px);}


	/**
	* CATEGORY STYLE
	****************/
	.row-museum h1, .row-cat{padding: 0 15px;}

	.cat-title,
	.row-museum .cat-title{
		margin: 0;
		font-size: 150%;
		width: 100%;
		float: none !important;
	}

	.row-museum .cat-summary{margin: 15px 0; float: none !important; padding: 0 15px;}

	.cat-summary{width: 100%;}

	.cat-style {position: relative;}

	.cat-style > button{
		border: 1px solid #5f7582;
		color: #5f7582;
		background: none;
		width: 100%;
		line-height: 34px;
		height: 35px;
		text-align: start;
		font-weight: 500;
		margin: 15px 0;
		position: relative;
	}

	.cat-style > button .triangle{
		border-right-color: #5f7582;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
	.cat-style > button .triangle:after{border-right-color: #fff;}

	.cat-style ul {
		height: auto;
		width: 100%;
		margin: 0;
		position: absolute;
		top: 100%;
		z-index: 10;
		display: none;
		-webkit-box-shadow: 0 3px 9px 0 rgba(0,0,0,.3);
		-moz-box-shadow: 0 3px 9px 0 rgba(0,0,0,.3);
		box-shadow: 0 3px 9px 0 rgba(0,0,0,.3);
	}

	.cat-style ul li {float: none;display:block;}

	.cat-style ul li a {font-size: 120%; line-height: 150%;}

	.cat-items .cat-item{padding: 15px 0; margin-bottom: 18px;}
	.cat-items.cat-items-exhibitions > div:first-child{padding-top: 0;}

	.cat-item-img,
	.cat-item-content,
	.cat-item-details{width: 100%;}

	.cat-item-img{
		width: 120px;
		height: 80px;
		margin-left: 18px;
	}

	.cat-item-img img{width: 100%;}

	.cat-item-cat{margin-top: 0; font-size: 106%;}
	.cat-item-cat-sub {font-size: 95%;}

	.cat-item-title {margin-bottom: 5px;}

	.cat-item-details-more{margin: 0;}

	.cat-item-text, .cat-item-details{margin-top: 15px;}

	.cat-item-text p{margin-bottom: 0;}

	.cat-item-img-comment {
		margin-top: -22px;
		border-bottom: 0;
		font-size: 90%;
		padding-bottom: 0;
	}

	.gallery-cat .gallery-item{width: 100%; height: auto;}

	.carousel-caption-text{
		width: 100%;
		background: none;
		right: 0;
		bottom: 0;
	}

	.carousel-caption-text p{
		position: absolute;
		background: rgba(0,0,0,.7);
		padding: 15px;
		width: 100%;
		right: 0;
		bottom: 0;
	}
	.carousel-caption-text p:last-child{margin: 0;}

	.inner_carousel .carousel-caption-text p{
		position: static;
		display: none;
	}

	.inner_carousel .carousel_info_btn{
		margin: auto;
		border: 0;
		background: rgba(0,0,0,.7);
		position: relative;
		width: 43px;
		height: 43px;
	}

	.inner_carousel .carousel_info_btn svg{
		fill: #fff;
		position: absolute;
		top: 15%;
		right: 15%;
		width: 70%;
		height: 70%;
	}
	.inner_carousel .carousel_info_btn svg.info {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.inner_carousel .carousel_info_btn svg.close{
		opacity: 1;
		display: none;
		width: 50%;
		height: 50%;
		right: 25%;
		top: 25%;
	}
	.inner_carousel .carousel_info_btn.active svg.close{display: block;}
	.inner_carousel .carousel_info_btn.active svg.info{display: none;}



	/**
	* MUSEUMS STYLE
	****************/
	.info-general{margin: 30px 0;}

	.info-general-hours p,
	.info-general-phones p{width: auto;}

	.info-side{width: 100%;}

	.info-side-titlesub {
		margin: 15px 0 0;
		font-size: 121%;
		font-weight: 600;
	}
	
	.info-side .museum_address{
		font-size: 1em;
		margin-top: 3px;
		font-weight: 600;
	}

	.info-side .museum-content-icons {
		margin: 15px 0;
		padding: 15px 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}

	.info-main {
		width: 100%;
		margin: 0;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.info-main iframe{
		width: 100% !important;
		height: 300px !important;
	}

	.info-icon {width: auto;}

	.more-info .info-side-titlesub{padding: 7px 0; margin: 0;}

	.museum-content-title,
	.museum-content-content{padding: 0 15px 15px; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}

	.museum-content-title h1{font-size: 150%; margin-bottom: 0; padding: 0; font-weight: 700;}

	.museum-content-title h2{font-size: 120%; margin-top: 0; font-weight: 500;}

	.museum-content-details{margin: 15px 0;}

	.museum-content-title .more-info{padding: 5px 0;}

	.more-info .museum-content-phone{
		float: right;
		border: 0;
		font-size: 106%;
		margin: 0;
		padding: 0;
		line-height: 30px;
	}

	.more-info .museum-content-phone a{text-decoration: none;}

	.more-info .museum-content-phone a > span{
		font-size: 119%;
		display: inline-block;
		vertical-align: middle;
		font-weight: 700;
	}

	.more-info .museum-icon{
		float: left !important;
		margin: 0;
		font-size: 90%;
	}

	.more-info .museum-icon {margin-right: 8px;}
	.more-info .museum-icon:last-child{margin-right: 0;}

	.more-info .museum-icon .icon-handicapped {font-size: 120%;}

	.museum-icon.handicapped svg {
		height: 25px;
		width: 25px;
	}

	.museum-content-link{
		width: 80%;
		margin: 15px 10% 30px;
		border: 1px solid #ADADAD;
		border-top: 0;
		text-align: center;
		text-decoration: none;
		line-height: 30px;
		color: #ADADAD;
		font-size: 20px;
	}

	.donwload-program-exhibition {
		width: 80%;
		margin: 0 10% 15px;
		float: none !important;
		display: inline-block;
		font-size: 119%;
		line-height: normal;
		position: relative;
		padding: 15px 10px;
		padding-right: 50px;
	}

	.donwload-program .icon-download {
		/*line-height: 160%; */
		margin-top: 0;
		margin-left: 0;
		float: none;
		width: auto !important;
		position: absolute;
		top: calc(50% - 15px);
		right: 10px;
	}

	.donwload-program > span {
		display: inline-block;
		vertical-align: middle;
	}



	/**
	* SUPPORT US STYLE
	*******************/
	.support-form {
		margin: 15px;
		padding: 15px 0;
		width: calc(100% - 30px);
		border: 0;
	}

	.support-form .form {margin: 0; width: 100%;}

	.form-col {width: 100%;}

	.form-agree {
		width: 100%;
	}

	.form-agree label{
		width: 85%;
		font-size: 120%;
		font-weight: 500;
	}

	.form-col .form-control, .form-col .form-control:focus {
		font-size: 119%;
		font-weight: 300;
		padding: 5px 15px;
	}

	.form-comments {
		margin: 15px 0;
		padding: 15px 0;
		width: 100%;
		border: 0;
		border-top: solid 1px #cfd5d9;
		border-bottom: solid 1px #cfd5d9;
	}

	.form-comments-text {
		width: 100%;
		margin-right: 0;
		font-weight: 300;
	}

	.form-comments p{margin: 0;}

	.info-general-map strong, .form-comments-text strong{font-weight: 400;}

	.form-group .select .icon-arrow-b {
		background: #5F7582;
		color: #fff;
		width: 35px;
		margin: 0;
		left: 0;
	}

	.form-group .select .fancyText,
	.form-group .select .fancySelect{padding-left: 35px; padding-right: 13px;}

	.select .fancySelect{-webkit-appearance: none;}



	/**
	* MOVIES STYLE
	****************/
	.museum-schedule-title{line-height: 22px;}



	/**
	* EVENTS STYLE
	***************/
	#staffModal .modal-header{border-bottom: 0;}

	#staffModal .modal-body{padding: 2px 15px 15px;}

	#staffModal .staff-img {text-align: center;}

	#staffModal .staff-img img{max-width: 100%; height: auto;}

	#staffModal h3 {
		margin: 15px 0 10px;
		display: block;
		font-size: 25px;
	}

	#staffModal .body {font-size: 15px; line-height: 18px;}



	/**
	* CALENDER STYLE
	****************/
	.calendar-title{font-size: 147%; width: 80%; font-weight: 500; margin: 15px 0;}

	.download_brochure{
		width: 20%;
		border: 0;
		font-weight: 500;
		text-decoration: underline;
		padding: 0 10px;
		line-height: normal !important;
		font-size: 90% !important;
	}

	#calenderDate{
		height: 35px;
		border-color: #5f7582;
		border-left: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-radius: 0;
		font-size: 35px;
		line-height: 35px;
		padding: 0 12px;
		-webkit-appearance: none;
		appearance: none;
	}

	#dpTrigger{
		border-color: #5f7582;
		background: none;
		border-radius: 0;
		position: relative;
		padding: 8px 16px;
	}
	#dpTrigger svg{
		width: 64%;
		height: 64%;
		top: 17%;
		left: 17%;
		right: auto;
	}
	#dpTrigger svg use{stroke: #5f7582;}

	.datepicker{
		left: 15px !important;
		right: auto !important;
	}

	.datepicker table tr td {font-weight: 500;}

	.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active,
	.datepicker table tr td.active.highlighted:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover,
	.open>.dropdown-toggle.datepicker table tr td.active, .open>.dropdown-toggle.datepicker table tr td.active.highlighted {
		background-color: #5f7582;
		border-color: #5f7582;
	}

	.advanced{margin: 0; position: relative;}

	.advanced-open {
		position: absolute;
		right: 8px;
		top: 2px;
	}

	.advanced-top h3{
		width: 100%;
		margin: 0 0 15px;
		padding-right: 30px;
	}

	.advanced-top h3 span.icon-zoom {
		float: left;
	}

	.advanced-bottom{padding-top: 0; margin-bottom: 15px; display: none;}

	.advanced-museums {
		width: 50%;
		margin: 0;
		padding-left: 5px;
	}

	.advanced-cats {
		padding-left: 0;
		padding-right: 5px;
	}

	.advanced-museums li {
		width: 100%;
		margin: 0;
		padding-right: 18px;
		position: relative;
	}

	.advanced-museums li input[type=checkbox]{
		position: absolute;
		right: 0;
		margin-top: 6px;
	}

	.advanced-museums li label,
	.advanced-museums li input[type="checkbox"] + label {
		margin: 0 !important;
		display: inline;
	}

	.cat-items li:first-child {padding: 0;}



	/**
	* SHOP STYLE
	**************/
	body.shop main{padding-top: 100px;}

	.store .breadcrumb {
		padding: 0 15px;
		margin: 0 0 5px;
		width: 100%;
		right: 0;
	}

	.shop_header{
		position: relative;
		height: 40px;
		padding: 5px 15px;
		background: #fff;
		-webkit-box-shadow: inset 0 3px 3px -1px rgba(0,0,0,.2);
		-moz-box-shadow: inset 0 3px 3px -1px rgba(0,0,0,.2);
		box-shadow: inset 0 3px 3px -1px rgba(0,0,0,.2);
	}

	.shop_header .museum-shop{
		margin: 0;
		background: none;
		height: 100%;
		width: auto;
		line-height: normal;
	}

	.shop_header .museum-shop img{height: 100%; width: auto;}

	.shop_header .museum-name {
		width: calc(100% - 100px);
		margin: 0;
		line-height: 30px;
	}

	.shop_header .icon-zoom {
		line-height: 30px;
		float: left;
		width: 34px;
		color: #01B1BE;
		border: 0;
		background: none;
		padding: 0;
		position: relative;
	}

	.shop_header .store-strip {
		margin: 0;
		position: absolute;
		top: 100%;
		right: 0;
		width: 100%;
		display: none;
		z-index: 100;
	}

	.shop_header .store-search {width: 100%; line-height: 40px; height: 40px;}

	.shop_header .store-search .store-search-input{
		width: calc(100% - 61px);
		height: 100%;
		font-size: 118%;
		font-weight: 300;
		padding: 0 10px;
	}

	.shop_header .store-search .store-search-submit{
		width: 61px;
		height: 100%;
		padding: 0;
		text-indent: 0;
		margin: 0;
		background: #01B1BE;
		font-size: 118%;
		color: #fff;
	}

	#collection {
		margin: 60px 12px;
/*		padding: 0 6px;*/
	}

	#collection .collection-item {
		width: calc(50% - 6px);
		padding: 0 3px;
		margin-bottom: 6px;
		float: none;
	}

	#collection .collection-item img {
		width: 100%;
	}

	#collection .collection-item .collection-item-name {
		font-size: 72.5%;
		line-height: 90%;
		padding: 7px 12px;
	}

	.row-store {
		margin: 5px 0 0;
		padding: 10px 0;
	}

	.store-title {
		width: 100%;
		font-size: 118%;
	}

	.store-filter {margin: 0;}

	.select.w250, .select.w250 .fancyText {width: 100%;}

	#collection.store-inner{margin-top: 15px;}

	#collection.store-inner .collection-item .collection-item-name {
		font-size: 84%;
		line-height: 95%;
	}

	.store-product {margin: 8px 0 50px; padding-top: 13px; border-color: #01B1BE;}

	.store-product img{max-width: 100%; height: auto;}

	.store-product-r {margin: 0;}

	.store-product-l {width: 100% !important;}

	.store-product-top h1 {font-size: 120%;}

	.store-order {width: 100%;}

	.store-order-text {width: calc(100% - 34px);}

	.collection-paging a {
		width: calc(50% - 21.5px);
		float: right;
		text-align: center;
	}

	.collection-paging .collection-all {
		width: 100%;
		margin: 0;
		border-top: 1px solid #5F7582;
		margin-top: 15px;
		position: relative;
	}
	.collection-paging .collection-all:after,
	.collection-paging .collection-all:before{
		position: absolute;
		content: '';
		width: 1px;
		height: 11px;
		background: #5F7582;
		top: 0;
		right: 0;
	}
	.collection-paging .collection-all:after{right: auto; left: 0;}

	.store-product-l .collection-paging {margin-top: 30px;}

	.store-search {
		margin: 0 15px;
		width: calc(100% - 30px);
	}

	.row-collection {padding: 15px 15px 0;}

	.collection-item-img{overflow: hidden;}



	/**
	* NEWSLETTER STYLE
	******************/
	.modal-dialog,
	.modal-dialog.modal-sm {
		width: auto;
		margin: 15px;
		overflow-x: hidden;
		-webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
		-moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
		box-shadow: 0 0 6px 0 rgba(0,0,0,.3);
	}

	.modal-title {text-align: start;}

	.modal-body{padding: 15px; line-height: normal; text-align: start;}

	.modal-body > .icon-edit{font-size: 28px; color: #5F7582;}

	.modal-body > h5 {
		font-size: 20px;
		color: #5F7582;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #cfd5d9;
	}

	.modal-content .close {margin-left: 0; position: relative;}

	.menu-newsletter-check {width: 50%;}

	.menu-newsletter-check label {margin-right: 8px;}

	.menu-newsletter-term {
		margin-right: 0;
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px solid #cfd5d9;
		width: 100%;
	}

	.menu-newsletter-term > div {width: 100%;}

	.menu-newsletter-input {font-weight: 300; font-size: 20px; width: 100%;}

	.menu-newsletter-submit {
		margin: 0;
		float: left !important;
		font-size: 20px;
		padding: 8px 15px;
		height: auto;
		width: auto;
	}

	#nl_join .message {
		display: none;
		margin: 0;
		border-right: 0;
		border-top: 1px solid #CFD5D9;
		width: 100%;
		margin-top: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
		font-size: 20px;
	}
	.nl_email_wrap {margin-bottom: 30px;}

	.popUps_modal .modal-form .form-col .form-group label{width: 100%; background: none;}
	.popUps_modal .modal-form .form-col input.form-control{width: 100% !important}
	.popUps_modal .form-col .form-group{padding: 0 15px !important;}
	#nl_join > div{margin-top: 15px;}



	/**
	* FOOTER STYLE
	****************/
	.footer{position: static; margin-top: 0; height: auto !important;}

	.footer a {
		display: -webkit-flex;
		display: flex;
	}

	.footer-open {left: auto; right: 15px; display: inline-block !important;}
	.footer-open.closed {display: block !important;}
	.footer-open.open {display: none !important;}
	.closed .footer-open.open {display: block !important;}
	.closed .footer-open.closed {display: none !important;}

	.footer-line {
		background: none;
		margin: 0 !important;
		border-right: 1px solid #8f9fa8;
		margin-right: 65px !important;
		width: calc(100% - 65px);
	}

	.menu-footer{float: none;}

	.menu-footer ul {
		width: 100%;
		margin: 0 !important;
		padding: 0 15px;
		display: none;
		position: static;
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.menu-footer > ul {display: block; padding-right: 0;}

	.menu-footer ul li{width: 100% !important;}

	.menu-footer ul li a {
		font-size: 17px;
		line-height: 37px;
		position: relative;
	}

	.menu-footer ul ul {background: #526570; padding: 0;}

	.menu-footer ul ul ul{display: block; border-top: 1px solid #8f9fa8;}

	.menu-footer ul ul ul li{display: block; padding: 0 15px;}

	.menu-footer ul li{border-top: 1px solid #8f9fa8;}
	.menu-footer ul li:first-child{border: 0;}

	.newLogos{
		width: calc(100% - 15px);
		padding: 15px;
		margin-top: 0;
		margin-left: 15px;
		border-top: 1px solid #8f9fa8;
	}

	.newLogos ul{
		text-align: center;
	}

	.newLogos ul li a img,
	.footer-logos li a img{
		width: auto;
		height: 30px;
		display: inline-block;
	}

	.footer-logos{
		text-align: center;
		width: 100%;
		padding: 0 15px;
	}

	.newLogos{padding-bottom: 0;}

	.newLogos ul,
	.footer-logos {
		-webkit-column-count: 2;
		column-count: 2;
	}

	.newLogos ul li,
	.footer-logos li {
		width: auto;
		margin-bottom: 15px;
		margin-left: 21px;
		padding: 0;
		display: -webkit-inline-flex;
		display: inline-flex;
		margin-top: 0 !important;
	}

	.footer.closed .menu-footer ul li{
		margin-right: 0;
		width: 100%;
	}

	.footer-copy{width: 100%; line-height: 18px; margin-bottom: 15px;}

	.footer-credits{
		border-top: 1px solid #8f9fa8;
		width: calc(100% - 30px);
		margin: 0 15px 15px;
	}
    .logoTxt{
        margin-top: 4px;
        margin-right: -8px;
        font-size: 9px;
    }


	/* BLOG */
	#collection.blog_grid{margin-top: 35px;}
	#collection.blog_grid .blog_row{margin: 0 -15px;}
	#collection.blog_grid .col{width: 100%;}
	#collection.blog_grid .collection-item {
		width: 100% !important;
		display: block;
		padding: 0;
		margin-bottom: 10px;
	}
	.blog.store .breadcrumb{
		position: static;
		margin: 10px 0;
		padding: 0 15px;
	}
	.blog .shop_header .museum-name{text-align: start}




    /*=== New === */
        .courseModal .modal-content {
            border: 0;
            border-radius: 0;
            box-shadow: none;
            width: 400px;
        }
        .courseModal .modal-dialog {
            width: 400px;
            direction: rtl;
            margin: 90px auto;
        }


    div.web-gc-holder {
      display: block;
      padding: 12px;
      position: relative;
    }

	.footer.closed .menu-footer {
		width: 100%;
	}
	.menu-footer {
		width: 100%;
	}
	.footer-open {
		top: 7px;
	}
	.footer-social a svg {
	right: 0;
		position: initial;
		top: initial;
	}
	.footer .footer-social {
		right: 0;
		flex-direction: column;
		position: absolute;
		width: 65px;
		top: 80px;
	}
	.footer .footer-social a {
		margin: 14px 16px;
	}
	.footer.closed .footer-social a {
		margin: 0px auto;
		height: 30px;
		width: 30px;
	}
	.footer.closed .footer-social a svg {
		height: 25px;
		width: 25px;
	}
	.footer.closed .footer-social {
		top: 50px;
	}
	.gallery > div {
		flex-wrap: nowrap;
	}
	.carousel-control.right {
		left: 0;
	}
	.carousel-control.left {
		right: 0;
	}

	.calendar_btn {
		margin-left: 15px;
	}

}

@media screen and (max-width: 400px){
    .courseModal .modal-content{
        width: calc(100% - 5px);
    }
    .courseModal .modal-dialog {
        width: calc(100% - 5px);
    }
    .modal-title{
        font-size: 1.6rem;
    }
    .form-agree label{
        font-size: 1.2rem;
    }
    .modal-comment a{
        font-size: 1.2rem;
    }
}