/* #Mobile (Portrait) Design
================================================== */
@media only screen and (max-width: 480px) {

body {background: url(../images/noneSize.png) no-repeat 0 0 / cover;}
#fullpage {display: none;}
.footer {display: none;}


.headerContent 													{width: 480px;}
.logoContent 													{width: 95px; height: 60px; background: url(../images/mobileLogo.png); margin:39px 0 0 110px;}
.logoContent a													{display: none;}
.logoContent span												{display: none;}
.headerTool 													{float: initial; margin: 0 auto; width: 310px;}
.navContent 													{min-width: 480px;}
.nav 															{display: none;}
.searchContent 													{display: inline-block; margin: -17px 0 0; transition-duration: none;}




}



 @media (min-width: 481px) and (max-width: 640px) {
.wrapper           											    {width:480px; margin: 0px auto;}
.headerContent 													{width: 480px;}
.mainSliderContent 												{left:95px !important; width: 480px; top: 230px; text-align: center;}
.mainWidgetContent 												{display: none !important; }
.mainWidgetContent li 											{width:263px; margin:0;}
.mainWidgetContent a 											{width: 266px}
.mainWidgetContent .bigIcon 									{margin: 55px 0 0 130px;}
.logoContent 													{width: 95px; height: 60px; background: url(../images/mobileLogo.png); margin:39px 0 0 202px;}
.logoContent a													{display: none;}
.logoContent span												{display: none;}
.noticeContent ul li 											{float: left; height: 220px; margin: 20px 6px 5px; width: 43%;}
.noticeImg 														{height: 120px; overflow: hidden;}
.noticeImg img 													{width: inherit; height: inherit;}
.publicationsContent li 										{margin: 0 9px 20px; height: 340px;} 
.publicationsContent p 											{padding: 0 10px; width: auto; margin:0px;}
.footer .bottom .footerContent 									{min-width: 480px; width: 480px;}
.tabStandartContent 											{width: 480px;}
.tabTextContent 												{height: 310px; margin: 20px 0 0; width: 480px;}
.museumMap 														{width:480px;}
.mobileMenu 													{position: absolute; z-index: 20; width: 40px; height: 33px; background: url(../images/mobileMenu.png); display: inline-block; text-indent: -9999px; margin: 20px 0 0 0; }
.mobileClose 													{display: none; position: absolute; z-index: 20; width:33px; height: 33px; background: url(../images/menuClose.png); text-indent: -9999px; margin: 20px 0 0 0}
.mobileNav 														{display: none; position: absolute; z-index: 99px; top: 110px; width: 480px; min-width: 480px; -webkit-box-shadow: 0px 0px 31px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 31px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 31px -10px rgba(0,0,0,0.75);}
.mobileNav li 													{margin: inherit; width: 100%; height: inherit; width: 100%; height: 93px; text-align: center;}
.mobileNav li a 												{font: 30px/94px  "TitilliumRegular",arial,tahoma,sans-serif; color: #2f71ca; display: inline-block; text-align: center; width: 100%;  text-decoration: none;}
.mobileNav li:hover  											{text-decoration: none; border: none; background: #2f71ca !important;}
.mobileNav li:hover a 											{color: #fff;}
.mobileNav li:nth-child(odd)               						{background:#f5f5f5;}
.mobileNav li:nth-child(even)               					{background:#ebebeb;}
.navContent 													{min-width: 480px;}
.headerTool 													{float: initial; margin: 0 auto; width: 310px;}
.searchContent 													{display: inline-block; margin: -17px 0 0; transition-duration: none;}
.searchCenter 													{width: 600px;}
.searchForm 													{width: 600px;}
.searchForm input 												{width: 590px;}
.tabTextContent p 												{padding: 0 10px;}
.closeTimeline 													{float: right; margin: 0; position: absolute; right: 40px; top: 100px; z-index: 90;}
.exhibitionsContent .fp-prev 									{margin: 0 0 0 -20px;}
.fp-controlArrow 												{top: 53.6%;}
.exhibitionsContent .fp-next 									{margin: 0 0 0 920px;}
.collectionContent .fp-controlArrow.fp-next 					{right: -35px;}
.collectionContent .fp-controlArrow.fp-prev 					{left: -35px;}
.closeActivitiesPopup											{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.closeNotice													{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.addressList li 												{width: 480px; height: 220px;}
.contactContent p 												{font: 14px/20px "TitilliumLight",arial,tahoma,sans-serif;}
.mapContent 													{float:inherit; width: 480px;}
.cMap 															{width:480px;}
.cMap iframe 													{width: 480px}
.formContent 													{float: inherit; width: 480px; margin-top: 30px;}
.mapFormContent 												{height: 700px;}
.cForm 															{width: 480px;}
.tabImgContent 													{display: none; margin: 0 0 0 140px;}
.tabImgContent img 												{width: 100%;}
.tabs nav a 													{font: 23px/45px "TitilliumLight",arial,tahoma,sans-serif;}
.cbp-contentslider > ul 										{width: 480px;}
.museumMap                                                      {width: 480px;}
.exhibitionsContent 											{width: 480px;}
.exhibitionsContent .contentTab 								{width: 480px;}
.galleryList li 												{width: 70%; margin: 30px 0 0 83px; min-height: 485px;}
.galleryList li h3 												{width: 320px; text-indent: inherit; margin: 20px 0}
.galleryList li h4												{width: 320px; text-indent: inherit;}
.exhibitionsContent .fp-next 									{margin:-50px 0 0 437px}
.exhibitionsContent .fp-prev 									{margin:-50px 0 0 -20px;}
.activitiesContent 												{width: 480px; height: 445px;}
.activitiesContent ul 											{width: 480px; height: auto; display: inline-block;}
.activitiesContent li 											{width: 480px}
.dateNav 														{width: 480px; margin: -3px 0 0 0;}
.dateSubContent 												{width: 280px;}
.intro 															{width: 480px; margin:0 auto 0 }
.tabStandartContent 											{margin:0px; }
.tabs nav 														{margin-bottom: 20px;}
.activitiesPopup 												{width: 480px; height: 420px;}
.noticePopupContent 											{width: 480px;}
.publicationsContent li 										{width: 100%;}
.publicationsContent li img										{width: 92%;}
.addressList li.lastchild p 									{width: 260px; margin-left: 10px; text-align: center !important;}
.addressList li span 											{width: auto;}
.footerContent p												{display: none}
.bottom .footerContent a 										{margin: 16px auto 0;}
.kbb-logo 														{margin: 23px 10px 0 0 !important;}
.mainSliderContent 												{top: 350px !important;}
.noticeText p 													{display: none;}
.noticeContent a 												{font: 15px/17px "TitilliumBold",arial,tahoma,sans-serif;}
.noticeContent li h4 											{width: 100%; text-align: center;}
.pageTabContent 												{height: 580px;}
#section7 .wrapper h2 											{margin: 100px 0 0;}
.timelineFlat .t_right, .timelineFlat .t_right:hover:active 	{right:-10px;}
.timelineFlat .t_left, .timelineFlat .t_left:hover:active 		{left: -10px;}
.nav-dots 														{right: 15px; top:200px !important;}
.slides_container 												{width: 570px;}
.slides_container div.exSlide 									{width: 570px;}
.caption 														{width: 570px; padding: 5px 6px 0;}
.caption p 														{font:13px/25px "TitilliumRegular",arial,tahoma,sans-serif;} 
#slidesExhibitions 												{width: 600px;}
.exhibitionsPopupContent 										{width: 600px;}
#slidesExhibitions .next 										{left: 520px;}
.tabStandartContent h3 											{font: bold 21px/75px "TitilliumLight",arial,tahoma,sans-serif; text-align: center;}
.mainWidgetContent ul 											{margin: 0 auto; text-align: center; width:530px;}
.pageTabContent nav li 											{width: 100%; margin-bottom: 20px; height: 50px;}
.tabs nav li.tab-current 										{background: #2f72cb; border-bottom: medium none;}
.tabs nav li.tab-current a 										{color: #fff;}
.mobileNone 													{display: none !important}
.activitiesContent li h3 										{margin: 16px 0 0 20px;}
.activitiesContent li h4 										{margin: 30px 0 0 10px;}
.activitiesContent li a 										{text-indent: 20px;}
.noticeText 													{text-align: center;}
.nav 															{display: none;}

.slideImages {width: 480px !important; height: 540px !important}
.bottom ul li {margin: 0 2px;}
.footerContent .footerLogo{display: none;}
.publicationsContent h3 {width: 240px; font: 13px/20px "TitilliumBold",arial,tahoma,sans-serif;}
.publicationsContent p {width: 220px; padding: 0;}
.lastActivities {float: none; height: 480px; width: 480px;}
.activitiesSidebar {float: none; width: 480px !important;}
.calendarContent {width: 480px !important;}
.ui-datepicker-header {width: 480px !important;}
.ui-datepicker-calendar {width: 480px !important;}
#section1 .intro {height: 565px;}
.slideImages {width: 480px !important; height: 540px !important}
#section1 .pageTabContent {height: 565px;}
.lastActivitiesImg {height: 400px; width: 480px;}
.lastActivitiesTitle {height: 100px; top: 245px; width: 100%;}
.activitiesDate {width: 480px;}
.activitiesTitle {text-align: center;  width: 480px;}
#section0 {height: 515px !important;}
.mainSliderContent h2 span {font: 20px/30px "TitilliumBold",arial,tahoma,sans-serif;}
#section-3 {display: none;}
.map {display: none !important}
#section1 {height: 650px !important;}
#section0 .sliderContainer		{display: none !important; }
.fp-controlArrow {display: none !important}
.footerLogo {display: none !important}
.header {position: absolute !important; }
.galleryList li {min-height: 285px;}
.fp-slides {height: 350px !important;}
#section3 {height: 590px !important;}
#section4 {height: 1188px !important;}
#section5 .fp-slides {height: 590px !important;}
#section7 .wrapper h2 {margin: 0 0 10px;}




.activitiesPopupOverlay {position: fixed;}
.tabImgContent {display:none !important}




}





/* #Tablet (Landscape) Design 
================================================== */
 @media (min-width: 640px) and (max-width: 768px) {
.wrapper           												{width:640px; margin: 0px auto;}
.headerContent 													{width: 640px;}
.mainSliderContent 												{left:35px !important; width: 640px; top: 230px; text-align: center;}
.mainWidgetContent 												{min-width: 640px; margin-top:60px; bottom: inherit;}
.mainWidgetContent li 											{width:180px; margin:0 0 10px 10px;}
.mainWidgetContent a 											{width:180px}
.mainWidgetContent .bigIcon 									{margin: 55px 0 0 130px;}
.logoContent 													{width: 95px; height: 60px; background: url(../images/mobileLogo.png); margin:39px 0 0 280px;}
.logoContent a													{display: none;}
.logoContent span												{display: none;}
.noticeContent ul li 											{margin: 20px 5px 5px; height: 200px; width: 45%;}
.noticeImg 														{height: 120px; overflow: hidden;}
.noticeImg img 													{width: inherit; height: inherit;}
.publicationsContent li 										{margin: 0 9px 20px; height: 230px;} 
.publicationsContent p 											{padding: 0 10px; width: auto; margin:0px;}
.footer .bottom .footerContent 									{min-width: 640px; width: 640px;}
.tabStandartContent 											{width: 640px;}
.tabTextContent 												{height: 310px; margin: 20px 0 0; width: 640px;}
.museumMap 														{width:640px;}
.mobileMenu 													{position: absolute; z-index: 20; width: 40px; height: 33px; background: url(../images/mobileMenu.png); display: inline-block; text-indent: -9999px; margin: 20px 0 0 0; }
.mobileClose 													{display: none; position: absolute; z-index: 20; width:33px; height: 33px; background: url(../images/menuClose.png); text-indent: -9999px; margin: 20px 0 0 0}
.mobileNav 														{display: none; position: absolute; z-index: 99px; top: 110px; width: 600px; -webkit-box-shadow: 0px 0px 31px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 31px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 31px -10px rgba(0,0,0,0.75);}
.mobileNav li 													{margin: inherit; width: 100%; height: inherit; width: 100%; height: 93px; text-align: center;}
.mobileNav li a 												{font: 30px/94px  "TitilliumRegular",arial,tahoma,sans-serif; color: #2f71ca; display: inline-block; text-align: center; width: 100%; text-decoration: none;}
.mobileNav li:hover  											{text-decoration: none; border: none; background: #2f71ca !important;}
.mobileNav li:hover a 											{color: #fff;}
.mobileNav li:nth-child(odd)               						{background:#f5f5f5;}
.mobileNav li:nth-child(even)               					{background:#ebebeb;}
.navContent 													{min-width: 640px;}
.headerTool 													{float: initial; margin: 0 auto; width: 310px;}
.searchContent 													{display: inline-block; margin: -17px 0 0; transition-duration: none;}
.searchCenter 													{width: 600px;}
.searchForm 													{width: 600px; transition-duration:inherit;}
.searchForm input 												{width: 590px;}
.tabTextContent p 												{padding: 0 10px;}
.closeTimeline 													{float: right; margin: 0; position: absolute; right: 40px; top: 100px; z-index: 90;}
.exhibitionsContent .fp-prev 									{margin: 0 0 0 20px;}
.fp-controlArrow 												{top: 14%;}
.exhibitionsContent .fp-next 									{margin: 0 0 0 565px;}
.collectionContent .fp-controlArrow.fp-next 					{right: -35px;}
.collectionContent .fp-controlArrow.fp-prev 					{left: -35px;}
.closeActivitiesPopup											{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.closeNotice													{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.addressList li 												{width: 300px; height: 220px;}
.contactContent p 												{font: 14px/20px "TitilliumLight",arial,tahoma,sans-serif;}
.mapContent 													{float:inherit; width: 640px;}
.cMap 															{width:640px;}
.cMap iframe 													{width: 640px}
.formContent 													{float: inherit; width: 640px; margin-top: 30px;}
.mapFormContent 												{height: 780px;}
.cForm 															{width: 640px;}
.tabImgContent 													{display: none; margin: 0 0 0 140px;}
.tabImgContent img 												{width: 100%;}
.tabs nav a 													{font: 23px/45px "TitilliumLight",arial,tahoma,sans-serif;}
.cbp-contentslider > ul 										{width: 640px;}
.museumMap                                                      {width: 640px;}
.exhibitionsContent 											{width: 640px;}
.exhibitionsContent .contentTab 								{width: 640px;}
.galleryList li 												{width: 22%;}
.galleryList li h3 												{width: 120px; text-indent: inherit;}
.galleryList li h4												{width: 120px; text-indent: inherit;}
.exhibitionsContent .fp-next 									{margin:0 0 0 597px;}
.exhibitionsContent .fp-prev 									{margin:0 0 0 -20px;}
.activitiesContent 												{width: 640px}
.activitiesContent ul 											{width: 640px}
.activitiesContent li 											{width: 213px}
.dateNav 														{width: 640px;}
.dateSubContent 												{width: 440px;}
.intro 															{width: 640px; margin:0 auto 0 }
.tabStandartContent 											{margin:0px; }
.tabs nav 														{margin-bottom: 20px;}
.activitiesPopup 												{width: 640px;}
.noticePopupContent 											{width: 640px;}
.publicationsContent li 										{width: 100%;}
.publicationsContent li img										{width: 92%;}
.addressList li.lastchild p 									{width: 260px; margin-left: 10px; text-align: center !important;}
.addressList li span 											{width: auto;}
.footerContent p												{display: none}
.bottom .footerContent a 										{margin: 16px auto 0;}
.kbb-logo 														{margin: 23px 10px 0 0 !important;}

.noticeText p 													{display: none;}
.noticeContent a 												{font: 15px/17px "TitilliumBold",arial,tahoma,sans-serif;}
.noticeContent li h4 											{width: 100%; text-align: center;}
.pageTabContent 												{height: 580px;}
#section7 .wrapper h2 											{margin: 100px 0 0;}
.timelineFlat .t_right, .timelineFlat .t_right:hover:active 	{right:-10px;}
.timelineFlat .t_left, .timelineFlat .t_left:hover:active 		{left: -10px;}
.nav-dots 														{right: 5px; top: 200px !important}
.slides_container 												{width: 570px;}
.slides_container div.exSlide 									{width: 570px;}
.caption 														{width: 570px; padding: 5px 6px 0;}
.caption p 														{font:13px/25px "TitilliumRegular",arial,tahoma,sans-serif;} 
#slidesExhibitions 												{width: 600px;}
.exhibitionsPopupContent 										{width: 600px;}
#slidesExhibitions .next 										{left: 520px;}
.tabStandartContent h3 											{font: bold 21px/75px "TitilliumLight",arial,tahoma,sans-serif; text-align: center;}
.mainWidgetContent ul 											{margin: 0 auto; text-align: center; width: 586px;}
.mobileNav 														{display: none;}
.nav 															{display: none;}
.floorOne 														{width: 640px !important; height: 461px !important; background: url(../images/museumFloorPlan640.jpg) !important;}
#section1 														{height: 610px !important;}
#section0 														{height: 540px !important;}
.mainSliderContent h2 span 										{font: 22px/60px "TitilliumBold",arial,tahoma,sans-serif;}
.mainSliderContent 												{top:360px !important;}
.mainWidgetContent 												{top: 440px !important; margin: 0px;}

.room1 															{left:10px; top:148px;}
.room2 															{left:25px; top:180px;}
.room3 															{left: 28px; top: 269px;}
.room4 															{left:165px; top:200px;}
.room5 															{left:135px; top:208px;}
.room6 															{left:180px; top:240px;}
.room7 															{left: 215px; top: 203px;}
.room8 															{left: 239px; top: 210px;}
.room9 														    {left: 267px; top: 198px;}

.room10 														{left: 297px; top: 210px;}
.room11 														{left: 310px; top: 240px;}
.room12 														{left: 349px; top: 226px;}
.room13 														{left: 346px; top: 255px;}
.room14 														{left: 440px; top: 310px;}
.room15 														{left: 492px; top: 297px;}
.room16 														{left: 446px; top: 243px;}
.room17 														{display: none;}
.room18                                                         {left:304px; top:101px;}
.room19 														{left:382px; top:108px;}
.room20 														{left:350px; top:113px;}
.room21 														{left: 308px; top: 162px;}
.room22 														{left: 340px; top: 177px;}
.room23 														{left: 260px; top: 295px;}
.room24 														{left: 235px; top: 275px;}
.room25 														{left: 292px; top: 311px;}
.room26 														{left: 305px; top: 339px;}
.room27 														{left: 420px; top: 334px;}
.room28 														{left: 500px; top: 335px;}
.room29 														{left: 546px; top: 333px;}
.room30 														{left: 360px; top: 290px;}
.room31 														{left: 305px; top: 339px;}
.room32 														{left: 180px; top: 277px;}
.room33 														{left: 195px; top: 307px;}

.publicationsContent h3 {font: 13px/30px "TitilliumBold",arial,tahoma,sans-serif; width: 400px; text-align: 10px;}
.publicationsContent p {width: 400px; margin-bottom: 20px; padding: 0px;}



.lastActivities {float: none; height: 600px; width: 640px;}
.activitiesSidebar {float: none; width: 640px !important;}
.calendarContent {width: 640px !important;}
.ui-datepicker-header {width: 640px !important;}
.ui-datepicker-calendar {width: 640px !important;}

#section4 {height: 1360px !important;}
#section1 .intro {height: 565px;}

.slideImages {width: 640px !important; height: 540px !important}
#section1 .pageTabContent {height: 565px;}
.activitiesPopupOverlay {position: fixed;}


}





















/* #Tablet (Landscape) Design 
================================================== */
 @media (min-width: 768px) and (max-width: 960px) {

.wrapper           												{width:768px !important; margin: 0px auto;}
.mainSliderContent 												{left: 108px !important; width: 768px; text-align: center;}
.mainWidgetContent 												{min-width: 768px; bottom: inherit;}
.mainWidgetContent li 											{width:290px; margin-bottom: 40px;}
.mainWidgetContent a 											{width: 281px}
.mainWidgetContent .bigIcon 									{margin: 55px 0 0 130px;}
.logoContent 													{width: 95px; height: 60px; background: url(../images/mobileLogo.png); margin: 39px 0 0 0;}
.logoContent a													{display: none;}
.logoContent span												{display: none;}
.noticeContent ul li 											{margin: 20px 5px 54px;}
.publicationsContent li 										{margin: 0 9px 20px;}
.publicationsContent p 											{padding: 0 10px; width: auto; margin:0px;}
.footer .bottom .footerContent 									{min-width: 768px; width: 768px;}
.tabStandartContent 											{width: 768px;}
.tabTextContent 												{width:490px;}
.nav li a 														{font: 15px/34px "TitilliumRegular",arial,tahoma,sans-serif;}
.navContent 													{min-width: 660px;}
.tabTextContent p 												{padding: 0 10px;}
.closeTimeline 													{float: right; margin: 0; position: absolute; right: 40px; top: 100px; z-index: 90;}
.exhibitionsContent .fp-prev 									{margin:0 0 0 20px !important}
.fp-controlArrow 												{ top: 16.6%;}
.exhibitionsContent .fp-next 									{margin: 0 0 0 920px;}
.collectionContent .fp-controlArrow.fp-next 					{right: -35px;}
.collectionContent .fp-controlArrow.fp-prev 					{left: -35px;}
.closeActivitiesPopup											{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.closeNotice													{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.addressList li 												{height: 260px; width: 364px !important;}
.contactContent p 												{font: 14px/20px "TitilliumLight",arial,tahoma,sans-serif;}
.mapContent 													{float:inherit; width: 768px !important;}
.cMap 															{width:768px !important;}
.cMap iframe 													{width:768px !important}
.formContent 													{width:768px !important; margin-top: 30px; float: inherit; }
.mapFormContent 												{width:780px !important;  margin: 0 0 40px !important;}
.cForm 															{width:768px !important;} 															{width:768px !important;}
.lastActivities 												{width: 465px;}
.lastActivitiesImg 												{width: 460px;}
.collectionContent p 											{display: none;}
.tabs nav a 													{font: 27px/45px "TitilliumLight",arial,tahoma,sans-serif;}
.cbp-contentslider > ul 										{width: 768px;}
.museumMap                                                      {width: 768px !important;}
.exhibitionsContent 											{width: 768px;}
.exhibitionsContent .contentTab 								{width: 768px;}
.galleryList li 												{width: 22%;}
.galleryList li h3 												{width: 155px; text-indent: inherit;}
.galleryList li h4												{width: 155px; text-indent: inherit;}
.exhibitionsContent .fp-next 									{margin:-50px 0 0 710px;}
.exhibitionsContent .fp-prev 									{margin:-50px 0 0 -20px;}
.activitiesContent 												{width: 768px}
.activitiesContent ul 											{width: 768px}
.activitiesContent li 											{width: 256px}
.dateNav 														{width: 768px;}
.dateSubContent 												{width: 568px;}
.intro 															{width: 768px; margin:0 auto 0 }
.tabStandartContent 											{margin:0px; }
.tabs nav 														{margin-bottom: 20px;}
.activitiesPopup 												{width: 768px;}
.noticePopupContent 											{width: 768px;}
.publicationsContent li 										{width: 47%; height: 200px;}
.publicationsContent li img										{height: 155px !important; width: 115px !important;}
.addressList li.lastchild p 									{width: 260px; margin-left: 10px; text-align: center;}
.addressList li span 											{width: auto;}
.footerContent p												{display: none}
.bottom .footerContent a 										{margin: 16px auto 0;}
.kbb-logo 														{margin: 23px 10px 0 0 !important;}
.mainSliderContent 												{top: 120px !important}
.mobileMenu														{display: none !important;}
.mobileClose                           							{display: none !important;}
.searchCenter 													{width: 740px;}
.searchForm 													{width: 740px;}
.searchForm input 												{width: 730px;}
.mobileNav 														{display: none;}
.publicationsContent h3 										{width: 200px !important;}
.publicationsContent p 											{padding: 0; width: 200px !important;}
.lastActivitiesTitle 											{top: 373px;}
.activitiesDate 												{width: 460px;}
.activitiesTitle 												{text-align: center; width: 465px;}
#section6 														{height: 500px !important;}
.noticeImg 														{height: 120px; overflow: hidden !important; width: 160px;}
.noticeContent a 												{font: 15px/20px "TitilliumBold",arial,tahoma,sans-serif;}
.noticeText 													{max-height: 165px;}
.noticeContent ul li 											{height:240px; margin: 0 5px 40px !important;}
.collectionContent .fp-tableCell 								{height: 415px !important;}
.collectionContent .fp-tableCell 								{height: 415px !important;}
#section5 														{height: 510px !important;}
.exhibitionsContent .fp-next 									{margin: 0 0 0 680px !important;}
.tabs nav a 													{font: 26px/70px "TitilliumLight",arial,tahoma,sans-serif !important; }
.tabStandartContent 											{width: 768px !important;}
.tabImgContent 													{height: auto !important; width: 268px !important;}
.tabImgContent img 												{height: 210px !important;}
.floorOne 														{width: 768px !important; height: 461px !important; background: url(../images/museumFloorPlan768.jpg) !important;}
.museumMap 														{width:768px !important; }
.bottom ul 														{margin: 6px 20px 0 0;}
#section0 														{height: 625px !important;}
.mainSliderContent 												{top: 320px !important}
.mainWidgetContent 												{top: 460px !important}
.nav-dots 														{right: 10px; top: 260px !important}

.room1 															{left:26px; top:171px;}
.room2 															{left:40px; top:200px;}
.room3 															{left:44px; top:305px;}
.room4 															{left:180px; top:220px;}
.room5 															{left:150px; top:236px;}
.room6 															{left:195px; top:260px;}
.room7 															{left:241px; top:233px;}
.room8 															{left:272px; top:245px;}
.room9 														    {left: 297px; top: 228px;}
.room10 														{left: 352px; top: 240px;}
.room11 														{left: 325px;  top: 260px;}
.room12 														{left: 410px; top: 266px;}
.room13 														{left: 420px; top: 295px;}
.room14 														{left: 514px; top: 354px;}
.room15 														{left: 507px; top: 317px;}
.room16 														{left: 523px; top: 277px;}
.room17 														{display: none;}
.room18                                                         {left:369px; top:121px;}
.room19 														{left:447px; top:123px;}
.room20 														{left:413px; top:133px;}
.room21 														{left:360px; top:185px;}
.room22 														{left:406px; top:204px;}
.room23 														{left: 315px; top:332px;}
.room24 														{left: 281px; top:315px;}
.room25 														{left: 343px; top:354px;}
.room26 														{left: 358px; top:381px;}
.room27 														{left: 507px; top:384px;}
.room28 														{left: 583px; top:386px;}
.room29 														{left: 603px; top:363px;}
.room30 														{left: 453px; top:350px;}
.room31 														{left: 404px; top:360px;}
.room32 														{left: 216px; top:313px;}
.room33 														{left: 231px; top:340px;}







 }



/* #Tablet (Landscape) Design 
================================================== */
 @media (min-width: 960px) and (max-width: 1168px) {
.wrapper           												{width:960px; margin: 0px auto;}
.mainSliderContent 												{left: 40px !important;}
.mainWidgetContent 												{min-width: 960px;}
.mainWidgetContent li 											{width: 250px}
.mainWidgetContent a 											{width: 250px}
.mainWidgetContent .bigIcon 									{margin: 55px 0 0 120px;}
.noticeContent ul li 											{margin: 0 9px 40px;}
.publicationsContent li 										{margin: 0 9px 20px;}
.publicationsContent p 											{padding: 0; width: 210px; margin: 0px; min-height: 10px;}
.footer .bottom .footerContent 									{min-width: 960px;}
.tabStandartContent 											{width: 960px;}
.tabTextContent 												{width:500px;}
.museumMap 														{width:890px;}
.nav li a 														{font: 15px/34px "TitilliumRegular",arial,tahoma,sans-serif;}
.navContent 													{min-width: 660px;}
.tabTextContent p 												{padding: 0 10px;}
.closeTimeline 													{float: right; margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;}
.exhibitionsContent .fp-prev 									{margin: 0 0 0 -20px;}
.fp-controlArrow 												{top: 52%;}
.exhibitionsContent .fp-next 									{margin: 0 0 0 920px;}
.collectionContent .fp-controlArrow.fp-next 					{right: -35px;}
.collectionContent .fp-controlArrow.fp-prev 					{left: -35px;}
.closeActivitiesPopup											{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.closeNotice													{margin: 0; position: absolute; right: 40px; top: 40px; z-index: 90;} 
.addressList li 												{width: 220px;}
.contactContent p 												{font: 14px/20px "TitilliumLight",arial,tahoma,sans-serif;}
.mapContent 													{float:inherit; width: 960px;}
.cMap 															{width:960px;}
.cMap iframe 													{width: 960px}
.formContent 													{float: inherit; width: 960px; margin-top: 30px;}
.mapFormContent 												{height: 780px;}
.cForm 															{width: 960px;}
.mobileMenu														{display: none !important;}
.mobileClose                           							{display: none !important;}
.mobileNav 														{display: none;}
.mainSliderContent h2 											{width:905px; text-align: center;}
.publicationsContent h3 										{font: 13px/20px "TitilliumBold",arial,tahoma,sans-serif; width: 230px;}
.publicationsContent a 											{margin-top: 20px; display: inline-block;}
.tabImgContent 													{width: 380px;}
.tabs nav a 													{font: 30px/70px "TitilliumLight",arial,tahoma,sans-serif;}
.mainSliderContent 												{width: 960px;}
.mainSliderContent h2 span 										{font: 30px/60px "TitilliumBold",arial,tahoma,sans-serif;}
.nav 															{min-width: 565px;}

.exhibitionsContent .fp-prev 									{margin: 0 0 0 20px;}
.exhibitionsContent .fp-next 									{margin: 0 0 0 880px;}
.fp-controlArrow 												{top: 14%;}
#section1 														{height: 800px !important;}
#section3 														{height: 850px !important;}




 }



/* #Tablet (Landscape) Design 
================================================== */
@media screen and (min-width: 1168px) {
.wrapper           												{width: 1168px; margin: 0px auto;}
.mobileMenu														{display: none !important;}
.mobileClose                           							{display: none !important;}
.mobileNav 														{display: none;}

 }