@media screen and (max-width: 767px){
     #page h1{font-size:unset}
     #page h2{font-size:unset}
     #page h3{font-size:unset}

     #page.wrapper-white .wrapper {width:auto; padding:0; background:#f7f7f7}

     #page #sidebar-a,
     #page #maininner {width:auto; float:unset}

     #page .telegramLogo {display:block}

     #page .market-information:not(.all-info) .info {display:none}
     #page .market-information.all-info {display:block}

     #page #indexWatch .lastUpdate {display:none}
     #page .index .influence > div {margin:0 5px 0 0;}
     #page .index .influence > div.infplus {margin:0 0 0 5px;}
     #page .index .influence td {width:50%; padding:0 5px; text-align:right}
     #page .index .influence td.procbar {display:none}

     #page .market-graph > div {height:100px; margin-left:10px}
     #page .market-graph > div:last-child {margin-left:0}
     #page #chartdiv {height:250px; padding:0}
     #page .index #chartHistory {height:300px; padding:0 0 20px}
     #page .fund #pieAssets {height:350px}

     #page #supresout .legend span {display:block; margin: 5px;}
     #page #supresout td {line-height: 40px;}

     #page .width33m,
     #page .width50m {width:auto}
     #page #hrTab136 .bourseInfo td:nth-child(6), #page #hrTab136 .bourseInfo th:nth-child(4) {display:none}

     #page .newspapers-thumb .image {width: calc( 50% - 12px ); margin:5px}

     #page .menulogo a {width:calc(25% - 6px)}

     #page .indices {overflow-x:auto}

     #page .pricelist, #page .statContainer:not(.stat-header), #page .statLists {display:block}
     #page .pricelist .price, #page .statContainer .statBox {float:right; width: calc( 50% - 3px ); margin:3px 0; box-sizing: border-box;}
     #page .pricelist .price:nth-child(even), #page .statContainer .statBox:nth-child(odd) {margin-left: 3px}
     #page .pricelist .price:nth-child(2n+3), #page .statContainer .statBox:nth-child(even) {margin-right: 3px}
     #page .statContainer .statBox:nth-child(6) {margin-left: 3px; margin-right: 0}
     #page .statContainer .statBox:nth-child(7) {margin-right: 3px; margin-left: 0}
     #page .statContainer .statBox .boxHeader,
     #page .statContainer .statBox .boxBody,
     #page .statContainer .statBox .boxFooter {font-size:unset;}
     #page .pricelist .price:nth-child(1) {width: 100%;}
     #page .statContainer .statGraph, #page .statContainer .statNumber, #page .statList {margin: 5px 0}
     #page .statGraph .index-group > div {top:755px !important}
     #page .statGraph .index-group.bourse > div {top:955px !important}
     #page .stat-header .statDate {display:none}

     #page .module,
     #page .content-box,
     #page .items-row, 
     #page .item-page, 
     #content .registration, 
     #content .activation, 
     #content .login, 
     #content .logout, 
     #content .remind, 
     #content .reset, 
     #content .reset-confirm, 
     #content .reset-complete, 
     #content .editprofile, 
     #content .tweetList .tweet, 
     #content .musicList .music, 
     #content .messageDirect, 
     #content .messages, 
     #content .messageList .message, 
     #content .messageList .user, 
     #content .searchUser, 
     #content .profileUser, 
     #content .sendTweet, 
     #content #system-message,
     #page .combinationAssets,
     #page .chartHistory,
     #page .symbol-box {background:#fff; padding: 10px; margin: 10px; border-radius: 5px; -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26); box-shadow: 0 2px 5px 0 rgba(0,0,0,.26)}
    

     #page .symbol-container,
     #page .symbol-info > .symbol-row,
     #page .symbol-stats {display:block}

     #page .symbol-information {padding: 0}
     #page .symbol-bar {padding: 10px 15px !important}
     #page .symbol-bar .symbol-name, #page .symbol-bar .price {font-size:17px}
     #page .symbol-bar .company-name {font-size:12px}
     #page .symbol-bar .num {font-size:13px}

     #page .increase_asset_info > div > span:nth-child(2) {display:none}
     #page .revenue_info > div > div {float: right; width: calc( 33.33% - 10px )}

     #page .filterGroup {display:block}
     #page ul.filterGroup li, ul.listGroup li {width:calc( 50% - 12px ); box-sizing: border-box; margin:5px}
     
     #page .fund-info {display:block}
     #page .fund-info > div {padding:0; overflow:hidden}
     
     #page .fund-info > div > span.lbl,
     #page .fund-info > div > span.num,
     #page .fund-info > div > span.txt {display:inline; padding-right:5px}
     #page .fund-info > div > span.num {float:left}
     #page .fund-info > div > span.lbl {margin:0}
     #page .fund-container {display:block}

     #page .economic-calendar {width: 500px;}

     #page .com-newspapers .newspaper {width: calc( 50% - 14px );}
     #page .video-body .video-box {width: calc( 50% - 11px )}

     #page .pagination {padding:0 10px}
     #page .pagination li {margin: 2px}
     #page .item-image {float:none; margin:3px 0; overflow:hidden}
     #page .item .item-image img {float:none; display:block; margin:0 auto}

     #page #footer {text-align:center}
     #page #footer #totop-scroller {display:none}

     #header {padding-bottom: 50px}
     #header-mobile {display:flex}
     #page #header-mobile .search-icon {padding:0}
     #page #header-mobile .header-left input {width: 0px; padding:0px; position:absolute; color:#222; left:40px; margin:5px; line-height: 45px; border: unset; transition: all 300ms ease-in-out;}
     #page #header-mobile .header-left ul#searchlist {position: absolute; left: 40px; right: 40px; width: calc( 100% - 80px );}
     #page #header-mobile .header-left ul#searchlist a {color:#555}
     #page #headerbar,
     #page #menublock #toolbar,
     #page #menublock #subbar {display:none}
     #page #menublock {position: fixed; top: 50px; bottom:0; right: -240px; width: 200px; padding:0; background: #476177; transition: all 300ms ease-in-out; z-index: 10001; overflow-y: auto;}

     #page #menubar {background:unset; border-bottom:unset;}
     #page .menubar, #page .menubar * {float:unset;}
     #page .menubar > ul > li {padding:10px 20px; background:unset; height:unset; border-bottom: 1px solid #56738c}
     #page .menubar > ul > li > ul {position: unset; margin: 0 -20px; padding:0}
     #page .menubar li > ul > li {width: unset; margin: 0px; padding: 0 20px 0 10px}
     #page .menubar li.up > ul > li {border-top: 1px solid #ddd;}
     #page .menubar > ul > li:hover {padding-right:15px;}
     #page .menubar > ul > li.parent span::after {padding:0; position:absolute; left:20px}
     #page .menubar li.item-101 a {font-size:unset}
     #page .menubar li.item-101 a:before {display:inline}
     #page .menubar *:before {font-family: Fontawesome; font-size: 14px; margin-left: 10px}
     #page .menubar li.item-259 > a:before {content: "\f06e"}
     #page .menubar li.item-281 > a:before {content: "\f201"}
     #page .menubar li.item-262 > a:before {content: "\f080"}
     #page .menubar li.item-280 > a:before {content: "\f19c"}
     #page .menubar li.item-287 > span:before {content: "\f19d"}
     #page .menubar li.item-157 > span:before {content: "\f1ec"}
     #page .menubar li.item-290 > span:before {content: "\f1ea"}
     #page .menubar li.item-294 > span:before {content: "\f200"}
     #page .menubar li.item-305 > a:before {content: "\f003"}

// fa-home \f015
// fa-signal \f012
// fa-book \f02d
// fa-university \f19c
// fa=graduation-cap \f19d
// fa-eye \f06e
// fa-bar-chart \f080
// fa-calculator \f1ec
// fa-newspaper \f1ea
// fa-wrench \f0ad
// fa-area-chart \f1fe
// fa-pie-chart \f200
// fa-line-chart \f201
// fa-diamond \f219
// fa-cags \f085
}
@media screen and (max-width: 320px){
     #page .menulogo a {width:calc(33.33% - 6px)}
}