/* #Media Queries
================================================== */


@media (min-width: 1200px) and (max-width: 1365px) {
.banner-container, .header-container{ padding:0 25px;}
/*.header-top{ left:25px;}*/
    .header-top {
        left: 130px;
    }
.section, .page-content{ padding-left:25px; padding-right:25px;}
.footer-top{ padding:25px;}
.footer-bottom{ padding:0 25px 25px;}
.banner-icons > ul > li .content .title-area{ font-size:12px;}
.navigation{ padding:0;}
.logo{ line-height:84px;}
.logo img{ width:350px;}
.site-content{ padding:0 15px;}
.page-header{ padding:25px 15px 0}
} 

@media (min-width: 992px) and (max-width: 1199px) {
.banner-container, .header-container, .navigation{ padding:0;}
/*.header-top{ left:0;}*/
    .header-top {
        left: 130px;
    }
.banner-left-content{ left:15px; width:300px;}
.section{ padding-left:15px; padding-right:15px;}
.footer-top{ padding:15px;}
.footer-bottom{ padding:0 15px 15px;}
.footer-bottom{ padding:0 15px 15px; text-align:center;}
.footer-bottom .float-left, .footer-bottom .float-right{ float:none !important}
.footer-bottom .float-right{ margin:15px 0 5px;}
.banner-icons > ul > li .content .title-area, .banner-icons > ul > li .content ol li{ font-size:13px;}
.logo{ line-height:103px;}
.logo img{ width:350px;}
.site-content{ padding:0 15px;}
.page-header{ padding:25px 15px 0}
} 
/* END__ */

@media (min-width: 768px) and (max-width: 991px) {
.banner-container, .header-container{ padding:0;}
.header-top{ position:relative; top:auto; left:auto; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2); z-index:500}
.header .container-fluid{ padding-left:0; padding-right:0}
.header-links ul li a::after { display:none;}
.header-links{ float:right;}
.header-icon-link{ float:left;}
.header-links{ position:absolute; top:100%; margin-top:0; right:15px; width:180px;}
.header-links .card-body{ padding:10px; background:#ebebeb; border:1px solid #d8d8d8;}
.header-links ul li{ float:none; display:block;}
.header-links ul li a{ padding:0; line-height:30px;}
.header-links .collapse:not(.show){ display:none;}
.header-links .collapse{ display:none;}
.header-links .collapse.show{ display:block;}
.logo{ padding:15px; float:none; position:relative;}
.logo img{ width:200px; float:right;}
.header-icon-link li a, .header-icon-link li .search-link{ line-height:30px; height:30px;}
.navigation{ float:none; margin:0; padding:0; border:none;}
.header-top{ border-radius:0; padding:5px 15px; background:#ebebeb; border-bottom:1px solid #d8d8d8;}
.banner .carousel-caption{ left:20px;}
.banner .carousel-caption .content{ width:auto; max-width:inherit}
.banner-image{ height:400px;}
.banner .carousel-indicators{bottom:15px; right:20px;}
.carousel-indicators li{ width:40px; height:3px;}
.latest-news-wrapper{ padding:0 15px;}
.section{ padding-left:15px; padding-right:15px;}
.browse-link{ margin-bottom:30px;}
.footer-top{ padding:15px;}
.footer-top [class*=col-]:first-child{ margin-bottom:25px;}
.footer-bottom{ padding:0 15px 15px; text-align:center;}
.footer-bottom .float-left, .footer-bottom .float-right{ float:none !important}
.footer-bottom .float-right{ margin:15px 0 5px;}
.header-setting{ display:none;}
.page-banner{ height:300px;}
.page-content{ padding:35px 15px;}
.banner-tips{ background:#000; border:none; padding:0;}
.banner-icons{ margin:0;}
.banner-tips, .banner-icons{  top:auto; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); left:auto; right:auto; bottom:auto; width:100%; position:relative;}
.banner-icons ul { margin:0 -1px;}
.banner-icons ul li{ width:33.333%;}
.banner-icons > ul > li .content .title-area{ background:rgba(3,112,151,1); margin:1px;}
.social-tab{  margin-top:25px;}
.browse-link{ margin-bottom:40px;}
.site-content{ padding:0 15px 25px;}
.page-content{ padding:25px 0;}
.page-header{ padding:25px 15px 0}
.page-sidebar{ margin-top:0;}
.social-tab .tab-content{ padding:15px; min-height:inherit;}
}
/* END__ */

@media only screen and (max-width: 767px) {
body{ font-size:1rem}
h1, .h1, .w1 h1, .page-header h1{font-size:1.875rem;}
h2, .h2, .w2 .content h2, .page-content h2{font-size:1.6875rem;}
h3, .h3, .banner .carousel-caption .content h2{font-size:1.4375rem;}
h4, .h4 {font-size:1.25rem;}
h5, .h5 {font-size:1.125rem;}
h6, .h6 {font-size:1rem;}
.banner-container, .header-container{ padding:0;}
.header-container{ padding-left:0; padding-right:0;}
.header .container-fluid{ padding-left:0; padding-right:0}
.header-top{ position:relative; top:auto; left:auto; padding:10px 0; border-bottom:1px solid rgba(255,255,255,0.2); z-index:500}
.header-links ul li a::after { display:none;}
.header-links{ float:right;}
.header-icon-link{ float:left;}
.header-links{ position:absolute; top:100%; margin-top:0; right:15px; width:180px;}
.header-links .card-body{ padding:10px; background:#ebebeb; border:1px solid #d8d8d8;}
.header-links ul li{ float:none; display:block;}
.header-links ul li a{ padding:0; line-height:30px;}
.header-links .collapse:not(.show){ display:none;}
.header-links .collapse{ display:none;}
.header-links .collapse.show{ display:block;}
.logo{ padding:15px; float:none; position:relative;}
.logo img{ width:200px; float:right;}
.header-icon-link li a, .header-icon-link li .search-link{ line-height:30px; height:30px;}
.navigation{ float:none; margin:0; padding:0; border:none;}
.header-top{ border-radius:0; padding:5px 15px; background:#ebebeb; border-bottom:1px solid #d8d8d8;}
.banner .carousel-caption{ left:20px;}
.banner .carousel-caption .content{ width:auto; max-width:inherit}
.banner-image{ height:300px;}
.banner .carousel-indicators{bottom:15px; right:20px;}
.carousel-indicators li{ width:40px; height:3px;}
.latest-news-wrapper{ padding:0 15px;}
.latest-news{ padding-right:100px;}
.latest-news h5{ width:90px;}
.section{ padding:20px 15px;}
.browse-link{ margin-bottom:20px;}
.w2 .content .all-link{left:60px;}
.footer-top{ padding:15px;}
.footer-bottom{ padding:0 15px 15px; text-align:center;}
.footer-bottom .float-left, .footer-bottom .float-right{ float:none !important}
.footer-bottom .float-right{ margin:15px 0 5px;}
.footer .social, .news-letter{ float:none;}
.news-letter{ margin-bottom:25px;}
.news-letter .newsletter-form, .news-letter label{ width:auto; float:none;}
.header-setting{ display:none;}
.page-banner{ height:250px;}
.page-content{ padding:25px 15px;}
.banner-tips{ background:#000; border:none; padding:0;}
.banner-icons{ margin:0;}
.banner-tips, .banner-icons{  top:auto; -webkit-transform:translateY(0%); -ms-transform:translateY(0%); transform:translateY(0%); left:auto; right:auto; bottom:auto; width:100%; position:relative;}
.banner-icons ul { margin:0 -1px;}
.banner-icons ul li{ width:50%;}
.banner-icons > ul > li .content .title-area{ background:rgba(3,112,151,1); margin:1px; font-size:14px;}
.w1 .secondary-tab-content{padding: 25px 70px;}
.w1 .hr-tab .nav-tabs .nav-item{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom:1px;}
.w1 .hr-tab .nav-tabs .nav-link.active:after{ display:none;}
.w1 .tab-content.main-tab-content{ padding:20px 0;}
.social-tab{  margin-top:25px;}
.browse-link{ margin-bottom:40px;}
.site-content{ padding:0 15px 25px;}
.page-content{ padding:25px 0;}
.page-header{ padding:25px 15px 0}
.page-sidebar{ margin-top:0;}
.social-tab .tab-content{ padding:15px; min-height:inherit;}
}