/**************************
**************8************
************8**************
***********8***************
************8**************
**************8************
***************8***********
****************8**********
***************8***********
*************8*************
***************************
*******LIVING STONES*******
***************************
WEBSITE: 	 WWW.LSTONES.EU
MAIL: 		INFO@LSTONES.EU
PHONE: 		   +37495540454
**************************/
/**************************
**************8************
************8**************
***********8***************
************8**************
**************8************
***************8***********
****************8**********
***************8***********
*************8*************
***************************
*******LIVING STONES*******
***************************
WEBSITE: 	 WWW.LSTONES.EU
MAIL: 		INFO@LSTONES.EU
PHONE: 		   +37495540454
**************************/
@media (min-width: 1200px) {
  .test-body {
    background-color: blue;
  }

}

@media (max-width: 979px) {
  .test-body {
    background-color: green;
  }
  .container-fluid {
    padding-left: 4px;
    padding-right: 4px;
  }
  .side-bar {
    width: 240px !important;
  }
  .side-bar .btn-toolbar .btn-group {
    display: block;
    margin: 0 auto 10px;
    vertical-align: top;
    position: relative;
    width: 84px;
  }
  .side-bar .bnts-block a span {
    display: none;
  }
  .content {
    margin-left: 245px !important;
  }
}
@media (max-width: 767px) {
  .test-body {
    background-color: yellow;
  }
  .container-fluid {
    padding: 0px;
  }
  .side-bar {
    position: absolute;
    z-index: 999;
    left: -200px;
  }
  .sidebar-btn {
    display: block;
  }
  .side-bar h1 div {
    display: block;
  }
  .content {
    margin-left: 50px !important;
  }
}
@media (max-width: 490px) {
  .test-body {
    background-color: red;
  }
  .content .menu-content button {
    position: static;
  }
  .content .list-content li p {
    float: none;
    margin: 10px 0;
  }
}
@media (max-width: 370px) {
  .menu-content li {
    float: none;
    text-align: center;
  }
}