body { background: #fff; }
.wrapper { width: 95%; }
.headerContainer { }
.logo { float: none; width: 100%; }
.logo img { max-width: 100%; }
.mobileMenuOpen { display: block; float: left; margin: 0; position: absolute; top: 50px; left: 0; z-index: 99999; }
.headerMenu { display: none; background: #686666; position: absolute; top: 0; left: -3%; font-size: 20px; margin: 0; height: auto; z-index: 9999; width: 50%; padding: 90px 0 20px 0; -webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2); -moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2); box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.2); }
.headerMenuAyrac { display: none; }
.headerMenu ul { float: none; }
.headerMenu li:after { content: none; padding-left: 0; }
.headerMenu li:last-child { margin: 0; }
.headerMenu li:last-child:after { content: none; padding-left: 0; }
.headerMenu ul li.level0 { list-style: none; float: none; display: block; font-weight: 600; background: none; padding: 0; margin: 0; }
.headerMenu ul li.level0:nth-last-child { border: none; }
.headerMenu ul li.level0 a { color: #fff; padding: 15px 6% !important; display: block; text-align: left; }
.headerMenu ul li:nth-last-child(2) { padding: 0; }
.headerMenu ul li:nth-last-child(2) a { padding: 10px 6%; }
.headerMenu .level0 a.hover, .headerMenu .level0 a:hover { opacity: 0.8; }
.headerMenu .level0.subMenu { position: relative; top: 0; min-width: 260px; display: none; }
.headerMenu .level0.subMenu::after { content: none; }
.headerMenu .level0.subMenu li { border: none; display: block; float: none; margin: 0; padding: 0; list-style-type: circle; }
.headerMenu .level0.subMenu li::after { content: none !important; }
.headerMenu .level0.subMenu li a { color: #fff; font-weight: 400; padding: 15px 15px 15px 65px; background: url(../images/etc/mobilemenu-bullet.html) 45px 25px no-repeat; }
.headerMenu .level0.subMenu li a:hover { background: url(../images/etc/mobilemenu-bullet.html) 45px 25px no-repeat; opacity: 0.8; }
.headerMenu .level0.subMenu.item2 { margin: 0; }
.headerMenu a { color: #fff; text-decoration: none; padding: 0; }
.headerMenu span { padding: 0; }
.headerImage img { width: 100%; }
#homeContentContainer { position: relative; z-index: 9; }
#homeSliderContainer .item { height: 486px; background-size: 100% auto !important; }
#homeSliderContainer { display: none; }
#homeSliderContainer.tablet { display: block; }
.homeContentContainer { }
.homeContentContainer .item span.title { font-size: 35px; left: 30px; }
.homeContentContainer img { width: 100%; }
.homeLeftContentContainer { width: 66%; }
.homeRightContentContainer { width: 32%; }
.homeSeconItemContainer { width: 50%; }
.homeThirdItemContainer { width: 47%; }
.homeContentContainer .item span.title { font-size: 20px; }
.homeContentContainer .item.thirdItem { }
.homeContentContainer .item.thirdItem a { width: 100%; height: 186px; }
.homeContentContainer .item.thirdItem span.title { font-size: 16px; }
.homeContentContainer .item.fourthItem { }
.homeContentContainer .item.fourthItem a { width: 100%; height: 187px; }
.homeContentContainer .item.rightFirstItem { }
.homeContentContainer .item.rightFirstItem a { width: 100%; height: 183px; }
.homeContentContainer .item.rightSecondItem { }
.homeContentContainer .item.rightSecondItem a { }
.homeContentContainer .item.rightThirdItem { }
.homeContentContainer .item.rightThirdItem a { width: 100%; height: 183px; }
.detailLeftContainer { width: 100%; float: none; border: none; }
.detailContent { width: 95%; }
.wtrContent img, .detailContent img { max-width: 100%; }
.detailRightContainer { width: 100%; float: none; }
.rightMenu { text-align: center; }
.footer { width: 100%; margin: 0 auto; padding: 40px 0; border: none; position: relative; }
.footerTop { padding: 25px 0; border: none; }
.footerAboutContainer { width: 100%; border: none; text-align: center; margin: 0 0 35px 0; font-size: 18px; }
.footerAboutContainer h1 { font-size: 45px; color: #fff; width: auto; float: none; padding: 0 0 10px; }
.footerAboutContainer .footerAbout { width: 100%; float: none; }
.footerSocialContainer { width: 100%; text-align: center; float: none; }
.footerSocialContainer img { height: auto; opacity: 0.6; }
.footerSocialContainer h1 { font-size: 45px; color: #fff; width: auto; margin: 15px 0 0 0; float: none; }
.footerSocial { float: none; }
.footerSocialContainer a { margin: 30px 4%; display: inline-block; text-align: center; }
.footerBottom { display: table; margin: 0 auto; text-align: center; padding: 0; }
.footerCopy { float: none; border-top: 1px solid #7c7a7a; border-bottom: 1px solid #7c7a7a; padding: 50px 0; }
.footerAuthor { float: none; margin: 25px 0 40px 0; }
#detailSliderContainer .item { display: none; }
#detailSliderContainer .item.tablet { display: block; background-size: 100% auto !important; height: 490px; }
 @media screen and (max-width: 736px) {
.homeContentContainer .item.thirdItem a { height: 190px; }
.homeContentContainer .item.fourthItem a { height: 164px; }
.homeContentContainer .item.rightThirdItem a { height: 165px; }
}
 @media screen and (max-width: 667px) {
.homeContentContainer .item.rightFirstItem a { height: 233px; }
.homeContentContainer .item.thirdItem a { height: 238px; }
.homeContentContainer .item.rightThirdItem a { height: 75px; }
.homeContentContainer .item.fourthItem a { height: 75px; }
}