@media only screen and (max-width: 500px) {
    .containerscreen{
        width: auto !important;
    } 
}

@media (min-width: 768px) {
    .navbar {
        height: auto;
        border-radius: 0px !important;
        margin-bottom: 0px !important;
    }
}

@media (max-width: 768px) {

  .column .padding {
    padding: 7px;
  }

  .full{
	padding-top:20px;
  }

  /* .navbar-blue {
      background-color:#333;
    top:0;
    width:100%;
    position:relative;
  } */

}

@media only screen and (max-width: 768px) {
    .sticky {
        position: static;
        top: 250px;
       
    }
    .margin10{
         margin-top: 20px;
    }
    .textmidd{
        text-align: center !important;
    }
}

@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
    .buttonstyle2{
        margin-left: 6px;
    }

  .row-offcanvas-left.active {
    left: 33%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: -33%;
    position: absolute;
    top: 0;
    width: 33%;
    margin-left: 5px;
  }

  #sidebar, #sidebar a, #sidebar-footer a{
       padding-left: 3px !important;
  }
}

@media screen and (max-width: 994px) {
     .sticky {
            position: inherit;
            top: 0px;
            margin-bottom: 2px;
        

    }
    
}