@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');
html { height: 100% !important; width:100% !important; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x:hidden; }
body { margin:0px; padding:0px;	font-size:13px; }
body, h1, h2, h3, h4, h5, h6 { font-family: 'Nunito', sans-serif; }
.h3, h3 { font-size: 22px; text-decoration:none; }
a {	color: #393939; text-decoration: none; }
a:hover { color: inherit; }
a, a:hover { text-decoration:none; outline:0px; }
li { list-style: none; text-decoration: none; }
.nav>li>a:focus, .nav>li>a:hover { background: transparent; }
a:focus { text-decoration: none; color: inherit; }
a:active { text-decoration: none; color: inherit; }

.bgcolor { width: 100%; height: 100vh; position: fixed; top: 0px; right: 0px; display: none; z-index: 42; background: rgba(0,0,0,0.6); }
.paddingsettings { padding-left: 60px; padding-right: 60px; }
.marginsettings { margin-left: -60px; margin-right: -60px; }
.genelanimasyon { opacity: 1!important; top: 0px!important; }
.subpageanimate { top: 0px!important; opacity: 1!important; }
body#sub-page ul.page-left-menu li i { display: none; }
.displayblock { display: block!important; }
.displaynone { display: none!important; }

#header { width: 100%; height: 160px; float: left; position: relative; background: transparent; z-index: 22; }
#header .logo img { margin-top: 40px; display: inline-block; }
#header .header-menu ul { margin: 60px 0px 0px 0px; padding: 0px; float: right; }
#header .header-menu ul li { display: inline-block; margin-left: 20px; }
#header .header-menu ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:last-child) { display: none; }
#header .header-menu ul li a { display: inline-block; font-size: 15px; font-weight: 700; color: #fff; padding: 0px 6px; position: relative; }
#header .header-menu ul li a::before { content: ''; position: absolute; width: 0%; height: 2px; transition: 0.3s; background: #456E3E; left: 0px; bottom: -2px; }
#header .header-menu ul li a:hover::before { width: 100%; }
#header .header-menu ul li.active a::before { width: 100%; }
#header .header-menu ul li a.menu-open { width: 40px; height: 40px; background: #fff; border-radius: 50%; position: relative; top: 16px; padding-top: 12px; overflow: hidden;    -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(90deg); transform: rotate(-90deg); }
#header .header-menu ul li a.menu-open span.menu-bar { width: 16px; height: 3px; display: inline-block; background: rgb(140,140,140); margin-bottom: 4px; float: right; margin-right: 5px; position: relative; overflow: hidden; }
#header .header-menu ul li a.menu-open span.menu-bar::before { content: ''; position: absolute; width: 16px; height: 2px; margin-bottom: 4px; background: #000; left: 16px; opacity: 0; transition: 0.3s; }
#header .header-menu ul li a.menu-open:hover span.menu-bar::before { left: 0px; opacity: 1; }
#header .header-menu ul li a.menu-open span.menu-bar:nth-child(2) { width: 11px; }
#header .header-menu ul li a.menu-open span.menu-bar:nth-child(2)::before { width: 11px; }
.fix-menu { position: fixed; width: 280px; height: 100vh; left: -280px; display: block; background: #fff; top: 0px; z-index: 44; }
.fix-menu span.fix-menu-close { position: absolute; right: 20px; top: 20px; font-size: 20px; color: #4f4f4f; z-index: 66; cursor: pointer; }
.fix-menu ul { width: 100%; text-align: left; margin: 0px; padding: 0px; position: relative; padding: 0px 30px; margin-top: 100px; }
.fix-menu ul li { margin-bottom: 20px; display: none; }
.fix-menu ul li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)) { display: block; }
.fix-menu ul li a { display: inline-block; position: relative; font-size: 17px; font-weight: 700; color: #4f4f4f; padding: 0px 6px; }
.fix-menu ul li a::before { content: ''; position: absolute; width: 0%; height: 3px; transition: 0.3s; background: #456E3E; left: 0px; bottom: -2px; }
.fix-menu ul li a:hover::before { width: 100%; }
.fix-menu ul li.active a::before { width: 100%; }
.fix-menu ul li:first-child{ display:block; }
.fix-menu ul li a.menu-open { width: 40px; height: 40px; background: #eee; border-radius: 50%; position: relative; top: -87px; padding-top: 12px; overflow: hidden; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(90deg); transform: rotate(-90deg); }
.fix-menu ul li a.menu-open span.menu-bar { width: 16px; height: 3px; display: inline-block; background: rgb(140,140,140); margin-bottom: 4px; float: right; margin-right: 5px; position: relative; overflow: hidden; }
.fix-menu ul li a.menu-open span.menu-bar::before { content: ''; position: absolute; width: 16px; height: 3px; margin-bottom: 4px; background: #000; left: 16px; opacity: 0; transition: 0.3s; }
.fix-menu ul li a.menu-open:hover span.menu-bar::before { left: 0px; opacity: 1; }
.fix-menu ul li a.menu-open span.menu-bar:nth-child(2) { width: 11px; }
.fix-menu ul li a.menu-open span.menu-bar:nth-child(2)::before { width: 11px; }

#main { width: 100%; height: auto; float: left; position: relative; margin-top: -160px; }
#main #section-banner { width: 100%; height: 680px; float: left; position: relative; }
#main #section-banner .banner-box { width: 100%; height: auto; float: left; position: relative; }
#main #section-banner .left { margin-top: 100%; }
#main #section-banner .left h2 { color: #4f4f4f; font-size: 35px; font-weight: 600; margin: 0px; padding: 0px; }
#main #section-banner .left h2 span { color: #456e3e; font-size: 48px; font-weight: 600; }
#main #section-banner .left p { color: #4f4f4f; line-height: 24px; margin-top: 20px; font-size: 15px; }
#main #section-banner .right { height: auto; margin-top: -30px; }
#main #section-banner .right img { margin-left: -100px; }
#main #section-banner .left a.detail-button { width: 130px; height: 35px; line-height: 30px; margin-top: 60px; transition: 0.3s; border: 1.5px solid #456e3e; color: #456e3e; box-shadow: 0px 2px 10px rgba(161,161,161,0.5); display: inline-block; border-radius: 100px; text-align: center; font-weight: 700; font-size: 14px; }
#main #section-banner .left a.detail-button:hover { background: #456e3e; color: #fff; }

#main #section-hizmet { width: 100%; height: auto; float: left; position: relative; text-align: center; padding: 100px 0px ; }
#main #section-hizmet .row { position: relative; top: 100px; transition: 0.3s; opacity: 0; }
#main #section-hizmet .hizmet-desc { margin: 0px 0px 40px 0px; padding: 0px; line-height: 30px; font-size: 22px; font-weight: 700; color: #4D4E4C }
#main #section-hizmet .hizmet-box { width: 100%; height: 260px; padding: 30px 20px 40px 20px; float: left; position: relative; text-align: center; transition: 0.3s; border-radius: 15px; background: #fff; }
#main #section-hizmet .hizmet-box .top { width: 100%; height: 90px; }
#main #section-hizmet .hizmet-box:hover { box-shadow: 0px 5px 20px rgba(218,218,218,0.85); }
#main #section-hizmet .hizmet-box img { display: inline-block; margin-bottom: 20px; }
#main #section-hizmet .hizmet-box h2 { font-size: 18px; font-weight: 700; margin: 0px; padding: 0px; }
#main #section-hizmet .hizmet-box p { margin-top: 20px; font-size: 14px; font-weight: 300; text-align: center; }

#main #section-kurumsal { width: 100%; height: auto; float: left; position: relative; padding-bottom: 80px; }
#main #section-kurumsal::before { content: ''; position: absolute; height: 583px; width: 300px; left: 0px; bottom: 0px; background: url(../images/left-mask.png) no-repeat; background-position: bottom left; }
#main #section-kurumsal .box { margin-bottom: 40px; background: #fff; }
#main #section-kurumsal .box .row { opacity: 0; top: 100px; transition: 0.3s; position: relative; }
#main #section-kurumsal .box .left img { box-shadow: 0px 5px 30px rgba(219,219,219,0.85); border-radius: 18px; }
#main #section-kurumsal .box .right h2 { margin: 20px 0px 40px 0px; padding: 0px; font-size: 26px; font-weight: 700; color: #4D4E4C; }
#main #section-kurumsal .box .right p { font-size: 15px; color: #4D4E4C; font-weight: 600; line-height: 26px; text-align: justify; }
#main #section-kurumsal .box .right ul { margin: 20px 0px 0px 0px; padding: 0px; }
#main #section-kurumsal .box .right ul li { margin-bottom: 10px; }
#main #section-kurumsal .box .right ul li a { font-size: 15px; color: #4D4E4C; font-weight: 600; }
#main #section-kurumsal .box .right ul li:hover a { color: #456E3E; text-decoration: underline; }
#main #section-kurumsal .box .right ul li::before { content: ">"; counter-increment: item; margin-right: 10px; }
#main #section-kurumsal .box .right img { box-shadow: 0px 5px 30px rgba(219,219,219,0.85); border-radius: 18px; float: right; }
#main #section-kurumsal .box .left h2 { margin: 20px 0px 40px 0px; padding: 0px; font-size: 26px; font-weight: 700; color: #4D4E4C; }
#main #section-kurumsal .box .left p { font-size: 13px; color: #4D4E4C; font-weight: 600; line-height: 26px; text-align: justify; }
#main #section-kurumsal .box .left ul { margin: 20px 0px 0px 0px; padding: 0px; }
#main #section-kurumsal .box .left ul li { margin-bottom: 10px; }
#main #section-kurumsal .box .left ul li a { font-size: 15px; color: #4D4E4C; font-weight: 600; }
#main #section-kurumsal .box .left ul li:hover a { color: #456E3E; text-decoration: underline; }
#main #section-kurumsal .box .left ul li::before { content: ">"; counter-increment: item; margin-right: 10px; }

#main #section-egitimler { width: 100%; height: auto; float: left; position: relative; padding: 40px 0px; margin-bottom: 80px; background: url(../images/banner-bg.png); background-size: cover; }
#main #section-egitimler::before { content: ''; position: absolute; right: 0px; height: 500px; width: 300px; bottom: 0px; background: url(../images/right-mask.png) no-repeat; background-position: bottom right; background-size: 100% 100%; }
#main #section-egitimler .title { width: 100%; height: auto; float: left; position: relative; text-align: center; margin-bottom: 40px; }
#main #section-egitimler .egitimanimate { position: relative; top: 100px; opacity: 0; transition: 0.3s; }
#main #section-egitimler .title h2 { font-size: 26px; font-weight: 700; color: #4D4E4C; position: relative; display: inline-block; margin: 0px; padding: 0px 10px; }
#main #section-egitimler .title h2::before { content: ''; position: absolute; left: 0px; bottom: -10px; width: 100%; height: 3px; background: #456E3E; }
#main #section-egitimler .box { text-align: center; transition: 0.3s; background: #fff; padding: 30px 30px 40px 30px; margin: 40px 0px; border-radius: 15px;  border: 1px solid #f1f1f1 }
#main #section-egitimler .box:hover { box-shadow: 0px 5px 20px rgba(227,227,227,0.85); }
#main #section-egitimler .box img { height: 54px; display: inline-block; margin-bottom: 20px; }
#main #section-egitimler .box h2 { font-size: 18px; font-weight: 700; margin: 10px 0px 0px 0px; padding: 0px; }
#main #section-egitimler .box p { margin-top: 20px; font-size: 14px; font-weight: 300; text-align: center; }
#main #section-egitimler ul.slick-dots { width: 100%; text-align: center; position: relative; display: inline-block!important; padding: 0px; bottom: -15px; }
#main #section-egitimler ul.slick-dots li { width: 50px; height: 2px; display: inline-block; margin-bottom: 14px;  margin: 0px 4px; }
#main #section-egitimler .slick-dots li button { width: 50px; height: 2px; padding: 0px; }
#main #section-egitimler .slick-dots li button:before { content:''; width: 50px; height: 15px; background-color: #D7D7D7; }
#main #section-egitimler .slick-dots li.slick-active button:before { background-color: #456E3E; }

#main #info-section { width: 100%; min-height: 220px; float: left; position: relative; margin-bottom: -40px; }
#main #info-section .info-box { min-height: 220px; background: #fff; text-align: center; box-shadow: 0px 5px 30px rgba(211,211,211,0.85); border-radius: 20px; }
#main #info-section .info-box h2 { margin: 40px 0px 0px 0px; padding: 0px; color: #4D4E4C; font-size: 36px; font-weight: 700; line-height: 48px; }
#main #info-section .info-box p { margin: 0px; padding: 0px; color: #4D4E4C; font-size: 14px; font-weight: 300; }
#main #info-section .info-box a { border-radius: 20px; width: 300px; height: 50px; margin-top: 80px; background: #456e3e; box-shadow: 0px 5px 30px rgba(170,170,170,0.5); display: inline-block; color: #fff; font-size: 14px; font-weight: normal; text-align: center; line-height: 50px; }

#footer { width: 100%; height: auto; float: left;}
#footer .footer-top { width: 100%; height: auto; background: #F3F3F3; float: left; padding: 80px 0px; }
#footer .footer-top .footer-box { margin-top: 40px; float: left; margin: 0px 34px; }
#footer .footer-top .footer-box h3 { margin: 0px; padding: 0px; font-size: 14px; font-weight: bold; color: #4D4E4C; }
#footer .footer-top .footer-box ul { margin: 20px 0px 0px 0px; padding: 0px; }
#footer .footer-top .footer-box ul li { margin-bottom: 6px; }

#footer .footer-bottom { width: 100%; height: auto; float: left; padding: 14px 0px; text-align: center; position: relative; background: #EBEBEB; }
#footer .footer-bottom span { float: left; color: #9B9A9B; margin-top: 8px; font-weight: 600; }
#footer .footer-bottom span.logo { float: right; }
#footer .footer-bottom ul { margin: 0px; padding: 0px; display: inline-block; }
#footer .footer-bottom ul li { display: inline-block; }
#footer .footer-bottom ul li img { -webkit-filter: opacity(.8); filter: opacity(.8); transition: 0.3s; }
#footer .footer-bottom ul li:hover img { -webkit-filter: opacity(1); filter: opacity(1); }

/* SUB PAGE */
.noleft{ padding-left: 0px; }
.noright{ padding-right: 0px; }

body#sub-page { position: relative; top: 100px; transition: 0.8s; opacity: 0; }
.mobile-info { display: none; }
body#sub-page #main { margin-top: 0px; }
body#sub-page #page-banner { width: 100%; height: 250px; float: left; position: relative; }
body#sub-page #page-banner iframe { width: 100%; height: 250px; }
.page-info { width: 100%; height: auto; position: absolute; bottom: 0px; padding: 15px 0px; background: rgba(0,0,0,0.2); }
.page-info h3 { margin: 0px; padding: 0px; font-size: 18px; float: left; font-weight: 600; color: #fff; }
.page-info ul { margin: 0px; padding: 0px; float: right; }
.page-info ul li { display: inline-block; }
.page-info ul li a { font-weight: 600; color: #fff; font-size: 14px; }
body#sub-page #header { height: 100px; background: #fff; }
body#sub-page #header .header-menu ul { margin: 15px 0px 0px 0px; }
body#sub-page #header .header-menu ul li a { color: rgb(40,40,40); }
body#sub-page #header .logo img { margin-top: 16px; height: 66px; }
body#sub-page #header .header-menu ul li a.menu-open { background: rgb(40,40,40); }
body#sub-page #header .header-menu ul li a.menu-open span.menu-bar { background: rgb(245,245,245); }
body#sub-page #header .header-menu ul li a.menu-open span.menu-bar::before { background: #fff; }

body#sub-page #page-article { width: 100%; height: auto; float: left; padding: 80px 0px; }
body#sub-page ul.page-left-menu { margin: 0px; padding: 0px; overflow: hidden; background: #fff; box-shadow: 0px 5px 20px rgba(218,218,218,0.85); border-radius: 4px; border: 1px solid #eee; width: 90%; }
body#sub-page ul.page-left-menu li { margin-bottom: 0px; position: relative; }
body#sub-page ul.page-left-menu li a { width: 100%; padding: 20px; font-size: 15px; font-weight: 700; display: inline-block; border-bottom: 1px solid #eee; position: relative; }
body#sub-page ul.page-left-menu li:last-child a { border-bottom: none; }
body#sub-page ul.page-left-menu li a::before { content: ''; position: absolute; transition: 0.3s; width: 4px; height: 100%; top: 0px; left: 0px; background: #456E3E; opacity: 0; }
body#sub-page ul.page-left-menu li.active a::before { opacity: 1; }
body#sub-page ul.page-left-menu li a:hover::before { opacity: 1; }
body#sub-page .right p { font-size: 15px; line-height: 26px; }

body#sub-page .right .blog-box { width: 100%; height: auto; margin-bottom: 30px; float: left; position: relative; background: #fff; box-shadow: 0px 5px 20px rgba(218,218,218,0.85); }
body#sub-page .right .blog-box:hover .top a.imgicon { opacity: 1; }
body#sub-page .right .blog-box .top { width: 100%; height: 185px; position: relative; overflow: hidden; float: left; }
body#sub-page .right .blog-box .top a.imgicon { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.4); font-size: 24px; color: #fff; text-align: center; opacity: 0; transition: 0.3s; }
body#sub-page .right .blog-box .top a.imgicon i { line-height: 185px; }
body#sub-page .right .blog-box .top img { width: auto; }
body#sub-page .right .blog-box .top a.cat { position: absolute; width: 40px; height: 40px; border-radius: 100%; text-align: center; line-height: 40px; top: 10px; left: 10px; background: #fff; color: rgb(40,40,40); box-shadow: 0px 5px 20px rgba(218,218,218,0.85) }
body#sub-page .right .blog-box .top a.cat i { line-height: 40px; font-size: 14px; }
body#sub-page .right .blog-box .top a.cat span { font-weight: bold; position: absolute; transition: 0.3s; border-radius: 4px; left: 0px; opacity: 0; background: #fff; color: #456E3E; padding: 8px 10px; line-height: normal; top: 2px; font-size: 12px; }
body#sub-page .right .blog-box:hover .top a.cat span { opacity: 1; left: 45px; }
body#sub-page .right .blog-box .bottom { width: 100%; float: left; padding: 20px; }
body#sub-page .right .blog-box .bottom h2 { padding: 0px; margin: 0px; font-weight: 600; font-size: 18px; }
body#sub-page .right .blog-box .bottom p { font-size: 12px; line-height: 22px; margin-top: 10px; }
body#sub-page .right .blog-box .bottom a.readmore { color: #456E3E; font-weight: 600; }
body#sub-page .right .articlereadmore { width: 100%; height: auto; float: left; text-align: center; }
body#sub-page .right .articlereadmore a { display: inline-block; padding: 10px 15px; border-radius: 4px; background: #456E3E; color: #fff; font-weight: 600; font-size: 14px; }

body#sub-page .right .media-box { width: 100%; height: 220px; background: #fff; box-shadow: 0px 2px 10px rgba(161,161,161,0.5); float: left; text-align: center; }
body#sub-page .right .media-box i { font-size: 38px; color: rgb(40,40,40); margin-top: 70px; margin-bottom: 20px; transition: 0.3s; }
body#sub-page .right .media-box h3 { margin: 0px; padding: 0px; font-size: 20px; font-weight: 600; transition: 0.3s; }
body#sub-page .right .media-box:hover h3 { color: #456E3E; }
body#sub-page .right .media-box:hover i { color: #456E3E; }

body#sub-page .right .gallery-box { width: 100%; height: 185px; margin-bottom: 30px; overflow: hidden; position: relative; box-shadow: 0px 2px 10px rgba(161,161,161,0.5); border-radius: 4px; }
body#sub-page .right .gallery-box img { width: 100%; }
body#sub-page .right .gallery-box span { width: 100%; height: 100%; position: absolute; transition: 0.3s; opacity: 0; text-align: center; background: rgba(0,0,0,0.4); left: 0px; top: 0px; }
body#sub-page .right .gallery-box span i { margin-top: 75px; font-size: 22px; color: #fff; }
body#sub-page .right .gallery-box:hover span { opacity: 1; }

body#sub-page .right h2.ilettitle { width: 100%; float: left; margin: 0px; padding: 0px; font-size: 22px; }
body#sub-page .right form.ilet-form { width: 100%; height: auto; float: left; position: relative; margin-top: 25px; }
body#sub-page .right ul.iletinfo { margin: 25px 0px 0px 0px; padding: 0px; float: left; }
body#sub-page .right ul.iletinfo li { float: none; margin-bottom: 30px; }
body#sub-page .right ul.iletinfo li i { border: 1px solid #eee; transition: 0.3s; border-radius: 50%; height: 55px; width: 55px; font-size: 16px; text-align: center; line-height: 55px; margin-right: 6px; }
body#sub-page .right ul.iletinfo li:hover i { background: #456E3E; color: #fff; }
body#sub-page .right ul.iletinfo li a { color: rgb(40,40,40); font-weight: 600; }
body#sub-page .right form.ilet-form input { width: 100%; height: 45px; margin-bottom: 15px; border: 1px solid #eee; padding: 0px 8px; }
body#sub-page .right form.ilet-form input[type="submit"] { float: right; width: 180px; height: 45px; background: #456E3E; color: #fff; }
body#sub-page .right form.ilet-form textarea { width: 100%; height: 120px; margin-bottom: 15px; border: 1px solid #eee; padding: 8px; }

@media screen and (max-width: 1400px) {
	.banner-box { background-size: 72% 92%!important; }
}

@media screen and (max-width: 991px) {
	#main #section-banner .left p { margin-top: 10px; }
	#header { height: 110px; }
	#header .logo img { margin-top: 16px; }
	#main #section-banner .left h2 span { font-size: 30px; }
	#main #section-banner .left h2 { font-size: 22px; }
	#header .logo img { height: 75px; }
	#main { margin-top: 0px; }
	#main #section-banner .left { margin-top: 0px; }
	#main #section-banner .right img { clip-path: none!important; margin: 0px; width: 100%; height: auto; }
	#main #section-banner { height: auto; }
	#main #section-banner .left a.detail-button { margin-top: 0px; margin-bottom: 60px; width: 76px; height: 26px; line-height: 22px; font-size: 11px; }
	#header .header-menu ul li:not(:last-child) { display: none; }
	.fix-menu ul li { display: block!important; }
	#main #info-section { margin-bottom: 60px; }
	#main #info-section .info-box a { margin-bottom: 20px; }
	#footer .footer-bottom span { float: none; display: block; text-align: center; width: 100%; margin-bottom: 10px; }
	#footer .footer-bottom ul { margin-bottom: 10px; }
	#main #section-kurumsal { padding-bottom: 40px; }
	#main #section-hizmet { padding: 60px 0px; }
	#header .header-menu ul li:last-child a.menu-open { position: absolute; top: -66px; right: 15px; background: rgb(40,40,40); }
	#header .header-menu ul li a.menu-open span.menu-bar { background: #fff; }
	#header .header-menu ul li a.menu-open span.menu-bar::before { background: #fff; }
	body#sub-page #page-banner .page-info { text-align: center; }
	body#sub-page #page-banner .page-info ul { float: none; }
	body#sub-page #page-banner .page-info h3 { float: none; margin-bottom: 10px; }
	body#sub-page ul.page-left-menu { margin-bottom: 20px; }
	body#sub-page #page-article { padding: 40px 0px; }
	#main { overflow: hidden; }

	body#sub-page ul.page-left-menu li:not(:nth-child(1)) { display: none; position: relative; }
	body#sub-page ul.page-left-menu li { position: relative; }
	body#sub-page ul.page-left-menu li i { display: block; cursor: pointer; right: 0px; top: 0px; padding: 18px; font-size: 18px; background: rgb(230,230,230); position: absolute; z-index: 8; }
	body#sub-page ul.page-left-menu .menu-hide { display: none; }
	body#sub-page ul.page-left-menu .menu-hide i { display: none; }
	body#sub-page ul.page-left-menu .menu-block { display: block!important; }
	body#sub-page ul.page-left-menu .menu-block i { display: block; }
	body#sub-page ul.page-left-menu.sub-page-menu li { display: block!important; position: relative; }
	body#sub-page ul.page-left-menu .sub-page-menu { padding-left: 15px!important; }
	body#sub-page .right ul.iletinfo li { margin-bottom: 4px; }
}

@media screen and (max-width: 772px) { 
	#footer .footer-top .footer-box { float: none; padding: 10px 0px; }
	body#sub-page #page-banner { height: 100px; background-size: 160% 100%; }
	.mobile-info { display: block; position: relative; float: left; background: rgba(0,0,0,0.6); }
	.desktop-info { display: none; }
	.page-info h3 { font-size: 15px; float: none; display: block; }
	body#sub-page .right ul.iletinfo li i { width: 45px; height: 45px; line-height: 45px; font-size: 15px; }
	.page-info ul li a { font-size: 11px; }
	.page-info ul { float: left; margin-top: 10px; }
	.noleft{ padding-left: 15px; }
	.noright{ padding-right: 15px; }
	body#sub-page ul.page-left-menu{ width: 100%; }
	#page-article .right{ padding-top:8px; }
}