body {
    background-color: #eee;
}

html{font-size:16px; margin:0; overflow-y:scroll}

main {min-height:540px;}

h1,h2,h3 {margin: 0.5rem 0 1rem 0}
h1{font-size: 1.9rem;
    line-height: 2.7rem;}
h2{font-size:1.8rem;line-height:2.4rem}
h3,h4{font-size:1.6rem;line-height:2.4rem}
h5{font-size:1.4rem}

.breadcrumb {
    margin:5px 0;
    color: #555;
    font-size: 90%;
}
.breadcrumb div {display:inline-block;margin-right:1px;}
.breadcrumb a {vertical-align: super;}
.breadcrumb .material-icons { margin-left: 5px;}

.sosyal {margin: 1px auto;}
.sosyal img {max-width:27px;border-radius:3px;}
.sosyal a {margin-right:6px !important;}

.page-footer {color:#ccc}

.page-footer .social img {max-width:42px;margin:1px;}
.page-footer a, .page-footer a:active {color: #76b4dd}
.page-footer a:hover {color: #eee}

.footer-copyright a{color:#d36340;}
.footer-copyright a:hover {color:#f3977a;}

nav .brand-logo {font-size:1.5rem}

.content {
padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #fff;
    margin-top:1px;
    margin-bottom: 50px;
    box-shadow: 0 5px 10px #ccc;
    padding: 20px;
}

.row .row { margin-bottom: 0 !important}
.box .box {padding: 10px !important}

.price {font-size:1.5rem;display: block;margin-bottom:15px;}
.lblInfo {min-width:110px; display: inline-block; color: #666}

.font120 {font-size:1.2rem;}


.box {
    padding: 15px;
    box-shadow: 0 1px 3px #ccc;
}

.box2 {
    padding: 5px;
    box-shadow: 0 1px 3px #ccc;
    border-radius:6px;
}

.box h3 {
    margin: 0.5rem 0;
}

.bgbeyaz {background-color:#fff}
.bgacikgri {background-color:#f8f8f8}

.brb {
border-bottom: 1px dotted #aaa;
    padding-bottom: 4px;
}

.disblock {display: block}
.marginb24 {margin-bottom: 24px;}
.marginb12 {margin-bottom: 12px;}
.divdivider {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}
.w49 {width:49%}
.radius6 { border-radius:6px}

.listthmb {max-height:180px; margin: 0 auto; max-width:100%}


.list {
    margin: 10px 0;
}
.list li {
    padding-left: 5px !important;
    list-style-type: square !important;
    list-style-position: inside;
}

.logo-bottom {max-width: 210px;}

@media(max-width:480px){
    
.container {width:100% }
.content {padding: 10px;}

.btn, nav .brand-logo {font-size:1rem}

}