@media (max-width:1500px) {
.nav_sec .navbar-light .navbar-nav li { margin: 0 0 0 25px;}
.about_sec { padding: 32px 0px 34px 0px;}

}

@media (max-width:1300px) {
p{ font-size:14px; line-height:23px;}

.nav_sec .navbar-brand { height: 210px;}
.nav_sec .navbar-brand img { max-width: 227px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:12px;}
.nav_sec .navbar-light .navbar-nav li { margin: 0 0 0 15px;}
.nav_sec .navbar-light .navbar-nav { padding: 60px 0 0 0;}
.search_info .form-control{ height:40px;}
.search_info .btn{ height:40px;}
.counter_sec h2{ font-size:25px;}
.counter_sec h2 small{ margin-top:5px;}
.counter_sec ul li { margin: 0 0 0 10px;}
.event_sec .detail h3{ font-size:25px;}

.about_sec { padding: 32px 0px 34px 0px;}
ul.sidebar { max-width: 250px;}

.listing_info li{ font-size:14px; line-height:23px;}

ul.article_listing > li { font-size: 14px; line-height: 23px; padding-left:5px;}
ul.article_listing > li > ul > li{ padding-left:5px;}
ul.article_listing > li > ul > li > ul > li{ padding-left:5px;}

#return-to-top { bottom: 15px; right: 15px; width: 50px; height: 50px; font-size: 30px; padding: 0 5px !important;}
}

/************ Main **************/
@media (max-width: 991px) {
h1{ font-size:33px;}
h2{ font-size:28px;}
h3{ font-size:23px;}

.navbar-light .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 33px;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
.nav_sec .navbar-brand { margin: -32px 0 -50px 0;}
.nav_sec .navbar-brand img { max-width: 176px; }
.search_info{ position:relative; top:0; max-width:inherit; width:auto;}
.nav_sec .navbar-light .navbar-nav { padding: 40px 0 10px 0;}
.nav_sec .navbar-light .navbar-nav li{ margin:0;}
.nav_sec .navbar-light .navbar-nav .nav-link{ font-size:14px; border-bottom:1px solid rgba(255,255,255,0.2);}
.nav_sec .dropdown-menu{ border:none; background:none; box-shadow:none;}
.nav_sec .dropdown-item{ color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding: 10px 16px;}
.welcome_sec{ padding:40px 0;}
.author_sec{ padding:40px 0 10px 0;}
.author_sec h3{ font-size:30px;}
.event_sec{ padding:40px 0 10px 0;}
.global_title{ font-size:28px;}
.event_sec .detail h3{ font-size:21px;}
.counter_sec h2{ font-size: 21px;}
.counter_sec ul{ text-align:center;}
.counter_sec ul li{ margin:0 5px;}
.counter_sec h2{ display:inherit; margin-bottom:20px;}
.site_footer{ padding-bottom:30px;}

.about_sec { padding: 32px 0 10px 0;}
.about_sec .container {	width: 90%;}
ul.sidebar { max-width: 100%; position:relative; left:0; top:0;}
ul.sticky_social{ display:flex; position:relative; top:0; width:100%; margin-bottom:30px; transform:inherit;}

.article_sec{ padding-bottom:30px;}
.hero_sec p{ text-align:center;}
.hero_sec .owl-carousel .owl-nav button{ top: calc(50% - 90px);}

.table_info .table thead th, .table_info .table tbody td{ font-size:14px; padding:12px 12px;}

.about_sec h3{ font-size:23px;}
.history_info{ margin-bottom:10px;}
.table_info .table.table-striped thead th{ font-size:16px;}

.mb-64 { margin-bottom: 40px;}

.media_sec{ padding-bottom:10px;}
}
@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:20px;}

.nav_sec .navbar-brand { margin: -32px 0 -50px 0; }
.nav_sec .navbar-brand img { max-width: 176px; }

.hero_sec .owl-carousel .owl-nav button { width: 30px; height: 40px;}
.hero_sec .owl-carousel .owl-nav button:after {	font-size: 25px !important;}
.counter_sec ul li strong{ font-size:25px; margin-bottom:5px;}
.counter_sec ul li{ font-size:14px;}
.breadcrumb_info li{ font-size:13px;}

.article_accordig .card-header .btn-link{ font-size:14px;}

.global_title { font-size: 24px;}
.table_info .table thead th, .table_info .table tbody td{ white-space:nowrap;}

.history_info li{ font-size:14px;}
.history_info li strong{ font-size:18px;}

.about_sec h3{ font-size:20px;}

.media_block h6{ font-size:18px; line-height:28px;}
  ul.sidebar { display: none;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.counter_sec ul li{ min-width:20%;}
.counter_sec h2 { font-size: 20px;}
.history_info{ display:inline-block; max-width:100%;}
.history_info::before {width: 4px; height: auto; top: 10px; bottom:100px; left: 11px; right: auto;}
.history_info li{ padding:0 0 0 40px; text-align:left;}
.history_info li::before { top: 2px; left: 0; right: auto;}
.inner_banner h2.global_title{ font-size:20px;}

#return-to-top { bottom: 15px; right: 15px; width: 40px; height: 40px; font-size: 24px;}

.media_sec .select_info{ max-width:100%;}
}

@media (max-width: 575px) {
  .media_block{
    height: auto;
  }
}