@media(min-width: 2000px){

}

@media(max-width: 1200px){

/*-- CONTENT --*/
    .bx-bSide {
        min-height: 200px !important;
        padding: 0;
    }
    .item-thumb:nth-of-type(1) .bx-bSide{
        min-height: 400px !important;
    }

/*-- WEBBOARD --*/
    .ct-left {
        width: 50%;
    }
    .ct-right {
        width: 50%;
    }

/*-- TIME LINE --*/
    [class^='col-md-8'] [class^='col-md-4'].post-img {
        height: 110px;
    }
    [class^='col-md-8'] [class^='col-md-6'].post-img {
        height: 150px;
    }
    [class^='col-md-8'] [class^='col-md-12'].post-img {
        height: 220px;
    }

/*-- NAV --*/
    #sidebar-menu ul li {
        width: 107px;
    }
    #sidebar-menu > ul > li > a {
        padding: 0;
    }

}

@media(max-width: 991px){
/*  */
   

/*-- SEARCH --*/
    .menu-hWrap {
        right: 180px;
    }
    .form_header {
        width: 280px;
    }   

/*  */
    .close-bt {right: 0;}

/*-- CONTENT --*/
    .bx-iList, 
    .bx-iList:nth-of-type(1) {
        width: 50%;
    }
    .bx-thumb figure img {
        width: 100%;
        height: auto;
    }
    .bx-thumb {
        min-height: 230px;
    }
/*-- CONTENT 2 --*/
    .item-thumb {
        width: 50%;
    }

/*-- POST IMG --*/
    [class^='col-md-4'].post-img {
        width: 33.3333%;
    }

/*-- TIMELINE --*/
    .t-hLine {
        /* cursor: pointer; */
        /* margin: 0 0 5px 0; */
    }

/*-- TIME LINE HEADER --*/
    .bx-pic {
        display: none;
    }
    .bx-friends{
        display: none;
    }
    .h-exIcon {
        display:block;
    }
    .bx-picWrap {
        height: 150px;
    }
    .bx-aboutInfo {
        border:0;
        margin: 0;
    }

/*-- PICTURE LIST --*/
    .pRwap-img {
        min-height: 145px;
    }

/*-- CONTENT --*/
    .bx-bSide {
        min-height: 250px !important;
        padding: 0;
    }

/*-- NAV --*/
     .menu-hList {
        padding: 0 5px;
    }
    .header-top .menu-hItem:first-child .menu-hList{
        border:0;
        float:left;
    }
    .menu-hItem {
        min-width: 40px;
    }
    .show-xs {
        display: block;
    }
    .hidd-xs {
        display: none;
    }
     #sidebar-menu {
        padding: 0;
    }
    .navbar-response {
        position: fixed;
        top: 0;
        left: 0;
        min-width: 300px;
        width: 300px;
        height: 100%;
        z-index: 1000;
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 1;
        background-color: #72a241;
    }
    .navbar-response .menu-hTop,
    .navbar-response .menu-hList,
    .navbar-response .menu-hItem {
        width: 100%;
        float: left;
        left: 0;
        padding: 0;
        margin: 0;
    }
    .r-size {
        display: block;
    }
    .l-size{
        display: none;
    }
    #sidebar-menu ul li {
        width: 100%;
        float: left;
        padding: 0;
    }
    #sidebar-menu > ul > li > a {
        text-align: left;
        padding: 0 10px 0 10px;
        font-size: 16px;
    }
    #sidebar-menu ul li ul li a {
        font-size: 14px;
        line-height: 40px;
        height: 40px;
    }
    #sidebar-menu ul > li.has-sub::after {
        right: 15px;
    }
    #sidebar-menu > ul > li > a > i {
        position: absolute;
        top: 17px;
        right: 10px;
    }
    #sidebar-menu ul ul {
        width: 100%;
    }



}

@media(max-width: 767px){
  
    

/*  */
 
    .menu-hIcon {
        float: left;
        line-height: 50px;
        font-size: 15px;
        padding: 0;
    }    
    .h-logo {
        left: 10px;
    }
    .nav-wrap {
        padding: 0 0 0 70px;
        z-index: 1;
    }
    .form_header {
        display: none;
    }
    .form_header>input {
        width: 100%;
        padding: 0 50px 0 10px;
        height: 50px;
        line-height: 50px;
    }
    .form_header>button {
        width: 50px;
        right: 10px;
        height: 50px;
        top: 0;
        line-height: 50px;
    }    




/*-- DROPDOWN --*/
    .menu_main_menu {
        width: 100%;
        background-color: #72a241;
    }
    .navbar-response .menu-hList {
        padding: 0 10px;
    }

/*-- CONTENT --*/
    .bx-iList, 
    .bx-iList:nth-of-type(1) {
        width: 100%;
    }

/*-- CONTENT 2 --*/
    .item-thumb {
        width: 100%;
    }

/*-- IMG LIST --*/
    .btn-select span {
        display: none;
    }
    .tab-info {
        padding-right: 60px;
    }

/*-- TB --*/
    .tb-respones {
        width: 100%;
        float: left;
        overflow-x: scroll;
    }
/*-- POPUP --*/
    .m-team {
        width: 35%;
    }
    .m-score {
        width: 30%;
    }
    .scr {
        font-size: 30px;
    }
    ul.tab-match {
        height: auto;       
    }   
    ul.tab-match li {
        min-height: 60px;
    }
    ul.tab-match li a {
        min-height: 40px;
    }

/*-- POST IMG --*/
    [class^='col-md-4'].post-img {
       height: 75px;
    }    
    [class^='col-md-12'].post-img {
        height: 150px;
        padding: 0;
    }
    .foreground>h1 {
        font-size: 20px;
    }
    [class^='col-md-6'].post-img{
        height: 100px;
    }

/*-- PROFILE HEADER --*/
    .upload-profileHaeder {
        height: 170px;
    }
    .upload-profileThumb {
        width: 70px;
        height: 70px;
        left: 5px;
    }
    .upload-icon {
        width: 50px;
        height: 50px;
    }
    .upload-icon>i {
        font-size: 20px;
        line-height: 50px;
    }
    .nav-grand-profile {
        width: 100%;
        float: left;
        border-top: 1px solid #eeeeee;
        margin-top: 15px;
    }
    .nav-grand-profile li {
        width: 20%;
        text-align: center;
    }
    .nav-grand-profile li:last-child{
        border:0;
    }
    .nav-grand-profile li a{
        font-size:14px;
    }
    .bx-picWrap {
        height: 100px;
    }

/*-- NAV RESPONSIVE --*/
    #sidebar-menu {
        display: block;
        padding: 0;
    }

/*--------*/
    .item-thumb:nth-of-type(1) .bx-bSide {
        min-height: 230px !important;
    }

/*-- ADD FRIENDS --*/
    .btn-rGroup {
        width: 100%;
        position: relative;
        top: 0;
        transform: translateY(0);
        float: left !important;
        right: inherit;
    }   
    .btn-rGroup button {
        float: left !important;
        margin: 0 7px 0 0;
    }
    .guide-content>span:nth-of-type(1) {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .guide-content>span:nth-of-type(2) {
        display: none;
    }


}

@media(max-width: 480px){
/*-- FORM SEARCH --*/
    .form_header {
        width: 70%;
        padding: 0;
    }

/*-- MENU LIST --*/
    .menu-hList{
        padding: 0 8px;
    }
    .f-logoItem {
        max-width: 100%;
    }

/*-- BANNER --*/
    .bx-banner {
        height: 130px;
    }

/*-- CONTENT --*/
    .bx-thumb {
        min-height: 160px;
    }
/*-- IMG LIST --*/
    .menu-img {
        min-height: 80px !important;
        height: 80px;
    }

/*-- DROOP DOWN --*/
    .messages-menu .dropdown-menu {
        right: -75px;
        width: 250px;
    }
    .messages-menu>.dropdown-menu>li.header {
        text-align: center;
    }
    .messages-menu>.dropdown-menu>li .menu>li>a>h4 {
        padding: 0 55px 0 50px;
    }
/*   */
    .notifications-menu .dropdown-menu {
        right: -37px;
        width: 250px;
    }
/*  */
    .global-menu .dropdown-menu {
        right: -10px;
        width: 250px;
    }
/*  */
    .profile-drop .dropdown-menu {
        width: 270px;
        right: 0px;
    }

/*-- UP IMG --*/
    .thumb-postList {
        width: 50px;
        height: 50px;
    }
    .thumb-blank .upload-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        text-align: center;
    }
    .thumb-blank .upload-icon>i {
        line-height: 50px;
        font-size: 30px;
    }

/*-- HEADER --*/
    .nav-grand-profile li a{
        font-size:12px;
        padding:0;
    }
    .bx-picWrap {
        height: 85px;
    }

/*-- PICTURE LIST --*/
    .pRwap-img {
        min-height: 80px;
    }

/*-- INPUT SEARCH --*/
    .form_header>input {
        padding: 0 55px 0 10px;
    }
    .form_header>button {
        right: 0;
    }

/*-- TAB CONTENT --*/
    .nav-tabs>li>a>h2 {
        font-size: 12px;
    }
    .nav-tabs>li>a {
        padding: 2px 10px;
        min-height: 25px;
        margin-bottom: 2px;
    }
    .nav-tabs>li.active>a {
        min-height: 25px;
        margin-bottom: 2px;
    }

/*-- TIME LINE --*/
    [class^='col-md-8'] [class^='col-md-4'].post-img {
        height: 60px;
    }
    [class^='col-md-8'] [class^='col-md-6'].post-img {
        height: 80px;
    }
    [class^='col-md-8'] [class^='col-md-12'].post-img {
        height: 110px;
    }

/*-- NAV --*/
    .menu-hItem {
        min-width: 25px;
        margin: 0;
    }

}

@media(max-width: 360px){

    .form_header {
        width: 60%;
    }
    .form_header>button {
        width: 40px;
    }
    .form_header>input {
        padding: 0 45px 0 10px;
    }

/*-- DROOP DOWN --*/
    .messages-menu .dropdown-menu {
        right: -105px;
        width: 220px;
    }
    .notifications-menu .dropdown-menu {
        right: -70px;
        width: 220px;
    }
    .global-menu .dropdown-menu {
        right: -35px;
        width: 220px;
    }
    .profile-drop .dropdown-menu {
        right: 0;
        width: 220px;
    }

/*-- HEADER --*/
    .bx-picWrap {
        height: 65px;
    }
    .upload-profileHaeder {
        height: 140px;
    }

/*-- PICTURE LIST --*/
    .pRwap-img {
        min-height: 65px;
    }
        [class^='col-md-4'].post-img {
        height: 55px;
    }

/*-- WEBBOARD --*/
    .nav-grand-profile li a{
        font-size:10px;
    }

/*-- CONTENT --*/
    .item-thumb:nth-of-type(1) .bx-bSide {
        min-height: 200px !important;
    }
    .bx-bSide {
        min-height: 200px !important;
    }


}




@media(max-width: 320px){


}