@charset "utf-8";
/* CSS Document */
@media (min-width:992px) and (max-width: 3500px) {
.navbar-expand-lg .navbar-collapse{ display:block !important; padding:0;}
.sub-pagecontent{ padding-top:80px;}
}
@media (min-width:992px) and (max-width: 1199px) {
.tag_section a { margin: 20px 0 0;}
.tag_section h3 {display: inline-block;font-size: 22px;}
.content_section p {font-size: 16px;color: #000;margin: 0 0 25px;padding: 0;line-height: 28px;}
.iconbox img{ width:170px;}
.box {min-height: 350px;padding: 140px 0 0;}
.box h1 a {margin: 0;padding: 0;font-size: 20px;}
.box p {font-size: 16px;color: #000;line-height: 25px;margin: 0;padding: 0 7px;}
.foottext p {font-size: 18px;}
}

@media (min-width:768px) and (max-width:991px) {
.tag_section a { margin: 20px 0 0;}
.tag_section h3 {display: inline-block;font-size: 22px;}
.iconbox img{ width:130px;}
.box {min-height: 350px;padding: 100px 0 0;}
.box h1 a {margin: 0;padding: 0;font-size: 16px;}
.box p {font-size: 14px;color: #000;line-height: 24px;margin: 0;padding: 0 10px;}
.foottext p {font-size: 18px;}
footer{ text-align:center;}
.foottext {text-align: center;}
.foottext h3 {margin: 30px 0 10px;}

}

@media (min-width:481px) and (max-width:767px) {
.tag_section a { margin: 20px 0 0;}
.tag_section h3 {display: inline-block;font-size: 22px;}
.iconbox img{ width:130px;}
.box h1 a {margin: 0;padding: 0;font-size: 16px;}
.box p {font-size: 14px;color: #000;line-height: 24px;margin: 0;padding: 0 10px;}
.foottext p {font-size: 18px;}
footer{ text-align:center;}
.foottext {text-align: center;}
.foottext h3 {margin: 30px 0 10px;}

.align-right {float: none;margin: 0 auto;display: block;}
.box {margin: 0 0 70px;padding: 100px 0 30px;min-height: 100px;}
.box_section { padding: 55px 0 0;text-align: center;}
}

@media (min-width:290px) and (max-width:480px) {
.tag_section a { margin: 20px 0 0;}
.tag_section h3 {display: inline-block;font-size: 18px;}
.iconbox img{ width:130px;}
.box h1 a {margin: 0;padding: 0;font-size: 16px;}
.box p {font-size: 14px;color: #000;line-height: 24px;margin: 0;padding: 0 10px;}
.foottext p {font-size: 18px;}
footer{ text-align:center;}
.foottext {text-align: center;}
.foottext h3 {margin: 30px 0 10px;}
.content_section p {font-size: 16px;color: #000;margin: 0 0 25px;padding: 0;line-height: 28px;}

.align-right {float: none;margin: 0 auto;display: block; width:80%;}
.box {margin: 0 0 70px;padding: 100px 0 30px;min-height: 100px;}
.box_section { padding: 55px 0 0;text-align: center;}
}

@media (min-width:290px) and (max-width:991px) {
.navbar-brand {position: relative;width: 100%;text-align: center;margin: 0 auto;padding: 0;}
.navbar-brand img {position: relative;top: 0;left: 0;z-index: 999;}
header { padding: 10px 0;}	
.top_section ul li {display: block;float: left;list-style: none;font-size: 13px;color: #6a6a6a;letter-spacing: -1px;padding: 5px 0 12px 12px;}
.navbar-toggler{ padding:0; margin:0;}
.navbar-nav {float: right;width: 100%;}
.navbar-nav li:first-child a {background: none;width: 100%;height: auto;font-size: 18px;padding: 5px 15px;text-transform: uppercase;}
.navbar-nav li a {font-size: 18px;color: #000;display: block;padding: 5px 15px;text-decoration: none;}
.sub-menu, .navbar-nav li:hover .sub-menu {display: block;position: relative;width: 100%;background: #fff;margin: 0;padding: 0;z-index: 9999;clear: both;}
.sub-menu li a, .sub-menu li:first-child a {font-size: 16px;color: #000 !important;}
.navbar-nav li:hover .sub-menu li:hover a, .navbar-nav li:hover .sub-menu li:first-child:hover a {background: #000;color: #fff!important;}
}