@media (min-width: 992px) and (max-width: 1199px) {
} @media (min-width: 768px) and (max-width: 991px) {
.header{ position:relative; top:auto; right:auto; left:auto;}
.banner-image{ height:350px;}
.header-top ul li{ line-height:24px; font-size:16px; height:24px;}
.header-top ul li img{ height:24px; width:24px;}
.w2 .content ul li{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media only screen and (max-width: 767px) {
body, .form-control, .btn , .dropdown-menu, .input-group-text, .popover-header{ font-size:1rem;}
p {line-height:1.5rem}
h1, .h1 {font-size:1.875rem;}
h2, .h2 {font-size:1.6875rem;}
h3, .h3 {font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}
.header{ position:relative; top:auto; right:auto; left:auto;}
.banner-image{ height:250px;}
.header-top .float-left{ float:none !important;}
.header-top ul{ text-align:center;}
.header-top ul li{ float:none; display:inline-block; line-height:24px; font-size:16px; height:24px;}
.header-top ul li img{ height:24px; width:24px;}
.section, .site-content{ padding:20px 0}
.w1 .content{ padding:10px;}
.w1 .content .col-lg-5{ margin-bottom:15px;}
.w2 .content ul li{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.w3 .form-wrapper{ margin-bottom:30px;}
.page-title{ padding:12px 0}
.site-content .form-wrapper{ margin-top:25px;} .logo img{ width:150px;}
.header-nav .container .social{ left:auto; right:15px;} @media (max-width: 480px) {
}