@media (min-width: 768px) {
.topic-name {    font-size: 2rem;}
.company-name {    font-size: 1.2rem;}
.top-menu {    font-size: 1rem;}
.topic-blue, 
.topic-index {  font-size: 2rem; }
.topic-footer {    font-size: 1.5rem;}
.footer {    font-size: 20px;}
.font24{ font-size:20px; }
.slim.navbar {
	margin-top: -90px;
    transition: all 0.4s;
}
.navbar ul li a ,
.slim.navbar ul li a {
    padding: 10px 15px !important
}
.navbar ul li{
	margin:0px 0px;
}
.navbar ul li a{
    font-size: 16px;
}
.content-index-1{
	font-style:italic;
	font-size:33px;
}
.height-box{ height:44px; }
}

@media (min-width: 992px){
.company-name {    font-size: 2rem;}
.top-menu {    font-size: 1.2rem;}
.topic-name {    font-size: 2.2rem;}
.text-promote{	font-size:2.5rem;}
.topic-blue, 
.topic-index {   font-size: 2.5rem; }
.topic-footer {    font-size: 1.8rem;}
.font24{ font-size:22px; }
.height-box{ height:52px; }
.slim.navbar {
	margin-top: -100px;
    transition: all 0.4s;
}
.slim.navbar ul li a {
    padding: 5px 50px !important
}
.name-company-pc {
    font-size: 1rem;
}
.navbar ul li{
	margin:0px 0px;
}
.navbar-brand img{
	height:80px;
}
.navbar ul li a {
	font-size:22px;
    padding: 10px 50px !important;
}
.navbar-expand-lg {
    position: fixed;
    background: #ffffff;
    z-index: 1;
}
}

@media (min-width: 1200px){
.topic-name {    font-size: 2.5rem;}
.company-name {    font-size: 2.5rem;}
.top-menu {    font-size: 1.6rem;}
.topic-blue, 
.topic-index {   font-size: 3rem; }
.topic-footer {    font-size: 2rem;}
.footer {    font-size: 20px;}
.font24{ font-size:24px; }
.slim.navbar ul li a {
    padding: 5px 60px !important;
}
.navbar-brand img{
	height:78px;
	transition: all 0.6s ;
}
.navbar ul li a {
	padding: 10px 60px !important;
    font-size: 22px;
}
}