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


  .fitimage-top {
   margin-top: 10px;
  }
  
  .auction_box img {
   width: 100%;
   height: auto;
   max-height: 350px;
   margin-top: 60px;
  }
  
  .auction_inner .veilingimg_box .img_selectionflex img {
   max-width: 50%;
  }
  
  .modaliframe img {
    display: block;
    margin: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .modaliframe iframe {
    display: block;
    margin: auto;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  
  .top-bar {
   width: 100%;
   min-height: 40px;
   height: 100%;
   background: #EB683A;
   position: relative;
   z-index: 99;
   top: 0;
   left: 0;
  }
  
  .content_start {
   top: 0;
  }
  
  .top-bar .right {
   
   right: 0px;
   float: right;
   margin-top: 5px;
   text-align: center;
   position: relative;
  }
  
  .top-bar .right a{
   font-size: 18px;
  }
  
  .auction_infobar .right {
   margin-left: -40px;
  }
  .playbutton:before {
   background-size: 30px 30px;
   width: 30px;
   height: 30px;
  }
  
  
  .showbig iframe {
   margin-left: 5%;
   width: 90%;
   height: 30%;
  }
  
  .showbig img {
   margin-left: 5%;
   width: 90%;
  }
  
  
  .hoeksma_nav .logo {
  
     margin-top: 0px;
  }
  
  .page-signup {
   width: 90%;
  }
  
  .menuitem{
   position: absolute;
   bottom: 20px;
   right: 20px;
  }
  
  .menu-btn-class {
   position: absolute;
   display: block;
   float: right;
   right: 20px;
   bottom: 50px;
   padding: 4px 14px;
   max-width: 100%;
   height: 50px;
   border-radius: 50px 50px 0 50px;
   border: 4px solid #e5d856;
  }
  
  
  .mobile-spacings {
   margin-top: 50px;
   padding-top: 50px;
  }
  
  
  .hoeksma_nav li.toggle-navi {
      position: relative;
      right: 0;
      float: right;
      display: flex;
      z-index: 999;
      font-size: 35px;
  }

  .hoeksma_nav .show li.toggle-navi {
      position: relative;
      top: 30px;
      right: 15px;
  }
  
  
  .hoeksma_nav.show li.toggle-navi {
     position: absolute;
     top: 20px;
     right: 20px;
     float: right;
     display: block;
     color: #FFFFFF;
  }
  
  
  .hoeksma_nav li.toggle-navi > a > i {
     max-width: 30px;
     max-height: 30px;
  }
  
  .hoeksma_nav li.toggle-navi > a:hover > i {
     animation: 1s spin;
  }
  
  .hoeksma_nav li.toggle-navi > a {
     color: #FFFFFF;
     font-size: 20px;
  }
  
  .hoeksma_nav .show li.toggle-navi > a {
     color: #FFFFFF;
  }
  
  
  .hoeksma_nav ul.mobile_view {
   display: none;
  }
  
  
  .hoeksma_nav .show ul.mobile_view {
   display: block;
   float: left;
  }
  
  .hoeksma_nav .show {
          position: fixed;
          background: #100054;
          width: 100%;
          height: 100%;
          overflow-y: auto;
          top: 0;
          left: 0;
          z-index: 999
  }
  
  .hoeksma_nav .show ul {
          margin-top: 20%;
          margin-bottom: 25%;
          margin-left: 5%;
          float: left;
  }
  
  .hoeksma_nav .show ul > li {
          margin-left: 0;
          margin-right: 0;
          margin-top: 20px;
          float: none;
          text-align: left;
          list-style-type: none
  }
  
  
  .hoeksma_nav .show ul > li > a {
      color: #FFFFFF !important;
      font-size: 20px;
  }
  
  
  .hoeksma_nav ul > li.hoeksma_dropdown.show-t .hoeksma_dropdown-menu {
      width: 100%;
      float: left;
      height: 100%;
 
      position: absolute;
      background: #464646;
      top: 0px;
      left: 0;
      margin-left: 0px;
      padding: 0;
      margin-top: 0px;
  }
  
  .hoeksma_nav ul > li.hoeksma_dropdown.show-t .hoeksma_dropdown-menu li{
     display: inline-block;
     margin: 0;
  }
  
  
  .sidebar {
   width: 70%;
  }
  
  
  .ctaBar .iconBoxes {
   display: flex;
   flex-wrap: wrap;
  }
  
  .ctaBar .iconBoxes .icon-item {
   flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;
   margin-bottom: 30px;
  }
  
  @keyframes spin {
      from {
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
      }
      to {
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg)
      }
      from {
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg)
      }
      to {
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
      }
  }
  
  }
  
  
  @media screen and (max-width:780px) {
  
  .top-bar .right {
   float: none;
  }
  
  }