@media screen and (max-width: 1200px) {

.sidebar {width: 260px;}
.maincontent {width: 679px;}
.sidebar .squar-btn {width: 124px;height: 124px;padding: 23px 9px;font-size: 15px;}















}














@media screen and (max-width: 995px) {

.sidebar {width: 310px;position: fixed;background: #fff;border-left: 1px solid #ddd;right: -310px;top: 0;z-index: 999;padding: 15px;overflow: auto;bottom: 0;}
.sidebar .squar-btn {width: 133px;height: 104px;padding: 12px 9px;font-size: 15px;}
.rssnews {float: none;}
.rssnews{overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.topnavbar ul {float: none;width: 100%;overflow: hidden;text-align: left;border-top: 1px solid rgba(255,255,255,0.2);padding-top: 4px;margin-top: 8px;}
.footersec {width: 33%;float: right;}
.maincontent {width: 100%;}
.details_slider span {display: none;}





/*sidebar*/

.sidebar::after {
    content: "\f053";
    font-family: 'FontAwesome';
    position: fixed;
    right: 0;
    top: 300px;
    left:auto;
    bottom:auto;
    background: #222;
    color: #fff;
    display:block;
    width: 38px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 50px 0 0 50px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    font-weight: bold;
}

.sidebar:after,.sidebar{transition: right .5s;-webkit-transition: right .5s;}

.showside .sidebar {right: 0;}
.showside .sidebar:after {right:-310px;opacity:0;}


.showside .hideside::after {
    content: "";
    position: fixed;
    right:0;
    left:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,0.5);
    cursor: pointer;
    z-index: 99;
    width: 100%;
    height: 100%;
}








}




















@media screen and (max-width: 767px) {
header {padding: 15px;}
.navbar-brand img {width: 200px;margin-top: 0;}
.navbar-toggle .icon-bar {display: block;width: 28px;height: 3px;border-radius: 7px;background: #fff;}
.navbar-toggle {margin-top: 40px;}
.navbar-toggle {padding: 11px;}
.hdshy-nav .navbar-collapse {float: none;width: 100%;overflow: hidden;padding: 15px;border: 0 !important;box-shadow: none;}
.hd-nav li {display: block;width: 50%;float: right;}
.hd-nav li .btn-link {width: auto;margin: 5px;font-weight: bold;padding: 10px 8px;}
.hd-nav li .btn-link.outline-link {padding: 8px;}

.bt-nav li{width: 100%;margin:5px 0;}
.bt-nav li a {width: 100% !important;text-align: right;padding: 11px!important;font-weight: bold;border-radius:0!important;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus,.bt-nav > li > a, .bt-nav > li > a:hover, .bt-nav > li > a:focus {border-bottom: 0;}

.bt-nav {float: none;margin-top: 0;}

.bt-nav li{border-bottom:1px solid rgba(255,255,255,0.2);}
.hdshy-nav .dropdown-menu.ltr {background: #fff !important;padding: 0 6px !important;}
header .navbar {margin-bottom: 0;}

.footerlinks,
.scroller {width: 100%;overflow: auto;overflow: scroll;-webkit-overflow-scrolling: touch;-moz-overflow-scrolling: touch;overflow-scrolling: touch;}

.topscroller{background:#179BD7;}

.footerlinks .container,
.blue_nav.blue_top {border-radius: 0;margin-top: 0;width: -moz-max-content;width: -webkit-max-content;width: -o-max-content;width: -ms-max-content;}

.blue_nav {min-width: 100%;}

.blue_nav.blue_top {padding-bottom: 3px;}
.main{padding:0;border-radius: 0;margin-top:0;}
.bigslider {border-radius:0;margin: 0 0 10px;}
.maincontent > .bigslider {margin: 0 -15px;width:auto;}
.details_slider h2 {font-weight: bold;line-height: 22px;font-family: sahel;font-size: 15px;}
.bigtitle p {font-size: 18px;}
.bigtitle {margin: 16px 0 0;}
.thumbnail_news {width: 200px;height: 200px;}
.bignews {margin-bottom: 15px;}
.bignews .titlenews h2 {font-family: sahel;line-height: 28px;font-size: 20px;}
.bignews .innernews {display: inline;}
.bignews .morelink{display: none;}

.bigslider .owl-dots{display: none;}

.news_archive li {padding: 5px;}
.news_archive li .thumbnail_news {width: 90px;height: 90px;}
.news_archive li h2 {font-size: 13px;margin: 0;}

.item.pictureitem a {max-width: 150px;display: block;margin: 16px auto;}

.footersec {width: auto;}

.blue_nav.blue_bt {border-radius: 0;}
.blue_bt.blue_nav ul li {float: none;}

.navbar-toggle {margin-left: -10px;}
.details_slider .btnslide{display:none;}

.bt-nav > li > .dropdown-menu{background:#fff!important;}
.bt-nav > li > .dropdown-menu a {text-align: right;padding: 5px 10px  7px!important;white-space: normal;font-weight: normal;}
.bt-nav > li > .dropdown-menu li {margin: 1px;border-bottom: 1px solid #f1f1f1;}

}







@media screen and (max-width: 550px) {
.bigslider {background: #fff;}
.details_slider {position: relative;color: #444;padding: 5px;background: #fff;overflow: hidden;float: none;width: 100%;right: 0;left: 0;}
.details_slider h2 {font-weight: bold;line-height: 20px;font-family: sahel;font-size: 13px;text-align: center;margin: 0;padding: 5px;}
.maincontent .details_slider h2 {font-size: 15px;line-height: 22px;}

.bigslider .item::after{display: none;}

.thumbnail_news {margin: 0 auto 5px;float: none;}
.bignews .innernews {display: none;}
.bignews .titlenews h2 {font-size: 16px;text-align: center;margin: 6px 0;}
.news_archive li h2 {display: block;width: 100%;height: 83px;overflow: hidden;padding: 2px;text-align: center;}
.hd-nav li {width: 100%;}


.item.pictureitem a {max-width: 111px;}

.footersec {width: 100%;}
.copyright img {float: none;display: block;margin:15px auto 0;}

.copyright span {float: none;text-align: center;display: block;font-weight: normal;}



}