/* ----------------------- NON MOBILE FIRST ----------------------- */

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199.98px) {
 
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991.98px) {
  
  ul.tab-nav li a span {
    display: none;
  }
  
  ul.tab-nav li a i {
    display: block;
  }
  
  #toolbar .col-left {
    padding-left: 0;
  }
  
  #logo .col-left {
    padding-left: 0;
  }
  
  #menu .col-left {
    padding-left: 0;
  }
  
  .box.box-fair-und-transparent .trusted.trusted-2:after {
    display: none;
  }



  
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767.98px) {
  
  .box.box-category .box-category-content {
    width: 100%;
  }
  
  .box.box-category .box-category-image {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 300px;
    background-position: center center;
    border-top: 1px solid #e3e3e3;
  }
  
  .box.box-online-designer-category .box-online-designer-category-content {
    width: 100%;
  }
  
  .box.box-online-designer-category .box-online-designer-category-image {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
    height: 300px;
    background-position: center center;
    border-top: 1px solid #e3e3e3;
  }
  
  #logo a.logo {
    margin: 20px 0;
  }
  
  #logo a.logo img {
    height: 50px;
  }
  
  #logo a.logo img.logo-lg {
    display: none;
  }
  
  #logo a.logo img.logo-sm {
    display: block;
  }
  
  #highlight .slide .col-left {
    width: 100%;
    padding: 30px 30px 1px 30px;
    float: none;
  }
  
  #highlight .slide .col-right {
    display: none;
  }
  
  .box.box-fair-und-transparent .trusted:after {
    display: none !important;
  }

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 575.98px) {

  #menu .col-right > a {
    display: none;
  }
  
  .btn-xs-block {
    width: 100%;
    display: block;
  }
  

  
  
  
  
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 320px) {
  
  #menu ul.main li > ul > li:hover > ul,
  #menu ul.main li > ul > li > ul {
    display: none !important;
  }
  
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}