/* ****************************************************
** **** Okul Öncesi Etkinlikleri Responsive CSS
** **** R10.net @HasanHuseyin
** ************************************************* */
@import url("custom.bootstrap.css");
@import url("bootstrap.vb3.css");
.clear { clear: both; }
.customHeader { display: none; }
.mobilFooter { background: #2e2e2e; color: #fff; text-decoration: none; padding: 6px  12px; display: none; }
.mobilFooter > ul { list-style-type: none; display: block; margin: 6px 0px; padding: 12px 6px; border-bottom: 1px solid #474747; }
.mobilFooter > ul > li { display: block; margin: 0px; padding: 0px; font-family: 'Open Sans', sans-serif; font-size: 10pt; }
.mobilFooter > ul .title { font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 14pt; text-transform: uppercase; margin-bottom: 8px; }
.mobilFooter > ul > li > a { display: block; padding: 4px 0px; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 10pt; color: #eee; text-decoration: none; }
.mobilFotoer > ul > li > a:hover { color: #f9f9f9; text-decoration: underline; }
.mobilFooter .social-links { padding: 12px 4px; }
.mobilFooter .social-links > ul { list-style-type: none; margin: 0px; padding: 0px; text-align: center; }
.mobilFooter .social-links > ul > li { display: inline-block; margin: 0px; padding: 0px; }
.mobilFooter .social-links > ul > li > a { display: block; padding: 3px 5px; background: #f7f7f7; color: #666; text-decoration: none; font-size: 15pt; text-align: center; transition: 0.3s; }
.mobilFooter .social-links > ul > li > .facebook:hover { background: #45619d; color: #fff; }
.mobilFooter .social-links > ul > li > .twitter:hover { background: #55acee; color: #fff; }
.mobilFooter .social-links > ul > li > .instagram:hover { background: #084d7d; color: #fff; }
.mobilFooter .social-links > ul > li > .google:hover { background: #ea4335; color: #fff; }
.mobilFooter .social-links > ul > li > .youtube:hover { background: #e62117; color: #fff; }
.mobilFooter .social-links > ul > li > .pinterest:hover { background: #d01d15; color: #fff; }
.mobilFcat { background: #9a7299; color: #fff; font-family: 'Ubuntu', sans-serif; font-weight: 500; font-size: 16px; padding: 12px 12px; margin-top: 7px; }
.mobilFcat a { color: #fff; text-decoration: none; }
.mobilFcat a:hover { color: #eee; text-decoration: none; }
.mobilFcat .fa-list { width: 10%; display: inline-block; vertical-align: middle; }
.mobilFcat .fa-pie-chart { width: 10%; display: inline-block; vertical-align: middle; }
.mobilFcat .title { width: 78%; display: inline-block; vertical-align: middle; }
.mobilFcat .fa-expand { width: 8%; display: inline-block; vertical-align: middle; text-align: right; }
.sidenav { height: 100%; width: 0; position: fixed; z-index: 999; top: 0; left: 0; background-color: #9a7299; color: #fff; border-right: 1px solid #9a7299; overflow-x: hidden; transition: 0.5s; }
.sidenav a { color: #fff; text-decoration: none; outline: none; }
.sidenav a:hover, .offcanvas a:focus { color: #ddd; }
.sidenav .logo { font-family: 'Titillium Web', sans-serif; font-weight: 100; font-size: 28pt; display: block; vertical-align: middle; text-align: center; }
.sidenav .logo strong { font-style: normal; font-weight: 400; }
.sidenav .logo p { font-family: 'Ubuntu', sans-serif; font-weight: 400; font-size: 11pt; text-align: center; margin: 0px; padding: 0px; line-height: 18px; }
.sidenav .logo a { color: #fff; text-decoration: none; }
.sidenav .logo a p { color: #eee; text-decoration: none; }
.sidenav .kapat { display: block; text-align: right; font-size: 26pt; padding: 8px 16px; cursor: pointer; }
.sidenav .menu { margin: 24px 0px; }
.sidenav .menu ul { list-style-type: none; margin: 0px; padding: 0px; }
.sidenav .menu li { display: block; margin: 0px; padding: 0px; }
.sidenav .menu li a { display: block; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 14px; padding: 12px 18px; text-transform: uppercase; border-bottom: 1px solid #b384b2; }
.sidenav .menu li:last-child a { border-bottom: none; }
.mobilGoster { display: none; }
.mobilGizle { display: block; }
.etkinlikYukleMobile { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #9a7299; text-align: center; font-size: 22pt; vertical-align: middle; text-transform: uppercase; }
.etkinlikYukleMobile span { font-family: 'Ubuntu', sans-serif; font-weight: 400; color: #9a7299; text-align: center; font-size: 22pt; vertical-align: middle; text-transform: uppercase; display: inline-block; }
.etkinlikYukleMobile a { color: #9a7299; text-decoration: none; }
.etkinlikYukleMobile .material-icons { background: #9a7299; color: #fff; padding: 7px; font-size: 22pt; border-radius: 1px; vertical-align: middle; display: inline-block; }
.tab-pane { background: #fff; padding: 8px 12px; font-family: Tahoma; font-size: 13px; line-height: 19px; }
.tab-pane div { display: block; }
.tab-pane div h2 { font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 14pt; margin: 5px 0px; padding: 0px; }
.tab-content { margin-bottom: 14px; }
.nav-tabs { margin-top: 14px; border-bottom: none; }
.nav-tabs li:first-child { margin-left: 8px; }
.registerTitle { font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 16pt; margin: 5px 0px; padding: 0px; }
.mobileMember { width: 100% !important; display: block; }
.mobileMember .mobileMemberImage { display: inline-block; vertical-align: middle; width: 20%; }
.mobileMember .mobileMemberImage .mobilImage { display: block; vertical-align: middle; max-width: 100% !important; background: #fff; border: 2px solid #eee; padding: 2px; }
.mobileMember .mobileMemberInfo { display: inline-block; vertical-align: middle; width: 78%; padding-top: 7px; padding-left: 7px; }
.mobileMember .mobileMemberInfo .mobileMemberInfoUsername { font-family: 'Ubuntu', sans-serif; }
.mobileMember .mobileMemberInfo .mobileMemberInfoUserRank { font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; padding: 3px 0px; }
.mobileMember .mobileMemberInfo .mobileMemberInfoUserRank img { max-width: 55% !important; }
#userCP { max-width: 100% !important; padding: 12px; display: table; }
#userCP .leftMenu { display: table-cell; width: 20%; padding-right: 6px; }
#userCP .rightContent { display: table-cell; width: 80%; padding-left: 6px; }
.forum-list:nth-child(even) .mobilFcat { background: #666; }
.mobileRespReklam { max-width: 90%; display: block; max-height: 300px;padding-bottom:15px; }

@media screen and (max-height: 450px) {
    .sidenav { padding-top: 15px; }
    .sidenav a { font-size: 18px; }
}

@media (min-width: 990px) {
	.sidenav { display: none; }
}

@media (max-width: 1000px) {
	.mobileRespReklam { max-width: 100% !important; display: block; float: none; }
	#userCP { max-width: 100% !important; margin: 0px; padding: 0px; display: block; }
	#userCP .leftMenu { display: block; width: 100%; padding-right: 0px; }
	#userCP .rightContent { display: block; width: 100%; padding-left: 0px; margin-top: 12px; }
	.mobilePostbitTitle { background: #eee; padding: 6px 12px; }
	.mobilePostbitTitle h1 { font-family: 'Ubuntu', sans-serif; font-weight: 300; font-size: 15pt; padding: 0px; margin: 0px; }
	.mobilMor { background: #9a7299; color: #fff; padding: 3px 5px; }
	.mobilMor img { vertical-align: middle; }
	.mobilMor a { color: #fff; text-decoration: none; }
	.mobilMor a:hover { color: #fff; text-decoration: underline; }
	.page { width: 97%; }
	fieldset { width: 100%; }
	.onlyNone { display: none; }
	.mobilImage { width: auto; max-width: 100% !important; min-width: 1%; }
	.panel input { display: block; }
	.mobilGoster { display: block; }
	.mobilGizle { display: none; }
	.mobildenormalfont { font-size: 11pt; }
	header { display: none; }
	.customHeader { display: block; margin: 14px auto; max-width: 98%; }
	.customHeader .logo { width: 80%; display: inline-block; vertical-align: middle; }
	.customHeader .logo img { max-width: 100%; }
	.customHeader .menu { width: 17%; display: inline-block; vertical-align: middle; text-align: center; }
	.customHeader .menu .material-icons { font-size: 22pt; text-align: center; background: #9a7299; color: #fff; padding: 7px 8px; border-radius: 1px; }
	.level1-nopost-title { text-align: left; margin-top: 7px; margin-bottom: 7px; padding: 0px; }
	.level1-nopost-title h1 { text-align: left; padding: 0px 12px; }
	.level1-nopost-title h1 a { padding: 8px 0px; } 
	.mobilFooter { display: block; }
}