@media (max-width: 600px) { .container { padding-left: 0; padding-right:0; overflow-x: hidden; } } .table { font-size:inherit; } .table thead tr th{ background:#ccc; color:#fff; } h3, h2, h1, h4, h5 { font-weight:600; } .row img { display: block; margin: 5px auto; } hr { margin: 45px 0; } hr:last-child{ margin-bottom: 0; } .docs-section { margin-bottom: 50px; line-height: 1.6; padding-bottom: 50px; border-bottom: 1px solid #ddd; } .docs-section h2 { margin-top: 0; font-weight: bold; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } .key-features ul { margin-top: 0; margin-bottom: 0; line-height: 1.3; } .key-features ul li { margin-bottom: 5px; } .hidden { display: none; } .docs-section.hidden + hr { display: none; } .container { width: 100%; max-width: 1400px; margin-top: 30px; } .div-features-list { margin-bottom: 25px; } .div-features-list, #EBR .list { margin-left: 0px; margin-right: 0px; } .div-features-list div[class^="col"], #EBR .list div[class^="col-"] { border: 1px solid #ddd; background: #f3f3f3; padding: 5px; padding-top: 0; } .div-features-list div[class^="col"] span { display: block; color: #999; font-size: 12px; min-height: 50px !important; } .div-features-list div[class^="col"] b { font-weight: bold; display: block; font-size: 100%; color: #333; text-align: center; text-shadow: 1px 1px 0 #fff; line-height: 1.1; margin-top: -6px; } .div-features-list div[class^="col"] b i { font-style: normal; font-size: 175%; display: block; } #EBR .list div[class^="col-"] { text-align: center; font-weight: 600; color:rgba(0,113,188,0.8) !important; background: rgba(0,113,188,0.1) !important; padding-top: 15px; padding-bottom: 15px; line-height: 1; border: 1px solid rgba(0,113,188,0.25) } #Features .div-image, #Innovative .div-image, #EBR .div-image { margin-bottom: 20px; } @media (min-width: 768px) { #Features .div-image, #Innovative .div-image, #EBR .div-image { margin-bottom: 0; } } @media (min-width: 600px) { .div-features-list div[class^="col"] b { font-size: 115%; } .div-features-list div[class^="col"] b i { display: inline-block; font-size: 200%; } .div-features-list div[class^="col"] b i small { font-size:70% !important; } #EBR .list div[class^="col-"] { font-size: 110%; } } .VROC { border: 1px solid #556080; text-align: center; margin: 0px 30px 0 10px; } .VROC b { background:#556080; display: block; color: #fff; font-size: 13px; } ul > li > ul { padding-left:18px; } #Overview { margin-bottom: 15px; padding-bottom: 0; border-bottom: none; } #Overview .div-image { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent) , to(rgba(250, 250, 250, 0.2))); margin-bottom: 15px; }