.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

#HeaderMobile { display:none; background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #0b4691 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#0b4691)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#0b4691 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#0b4691 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#0b4691 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#0b4691 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#0b4691',GradientType=0 ); /* IE6-9 */
 }
    #HeaderMobile .top { height:50px; }
    #HeaderMobile .brand { padding:15px; background: url('/Content/Images/top-background.png') 0 0 repeat-x #fff; }
    #HeaderMobile .brand .logo { position:relative; top:0; }
        #HeaderMobile .top a { display:inline-block;  }
        #HeaderMobile .top a img{max-width:20px !important; margin-top:18px}
         #HeaderMobile .top .languages { float:right; margin-top:13px; }
        #HeaderMobile .top .languages a { margin: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75); box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.75); opacity:0.5; }
         #HeaderMobile .top .languages a.on { opacity:1.0; }
    #HeaderMobile .menu { background: #7b7b7b; margin:0; padding:10px; display:none; float:none; }
         #HeaderMobile .menu li { display:block; }
         #HeaderMobile .menu li a { display:block; color:#FFF; padding:10px 15px; }
         #HeaderMobile .menu li a:hover { background:#FFF; color:#1e5799; }


/*****************************************************************
   Tablet Devices 
*****************************************************************/
@media (max-width: 992px) 
{
    body { width:100%; overflow-x:hidden; }
    img { max-width:100% !important; }
    .responsive_hide { display:none !important; }
    footer { height:auto; }
    footer .middle .column a.video > img { display:none !important; }
    footer .top { text-align:center; }
    body { font-size:14px !important; width:100%; }
    p { font-size:14px; }
    #Main { margin:0; }
    #Main .push { height:0; }
    #HeaderMobile { display:block; }
    header { display:none; }
    .wrapper { margin:0 10px; }
    .tablet_wide { display:block !important;  width:100% !important; float:left !important; }
    .tablet_half { float:left !important; width:50% !important; display:inline-block !important; }

    .tablet_wide img { width:100% !important; display:block !important; }
    .tablet_half img { width:100% !important; display:block !important; }

    body .text-center { text-align:center; }
    footer .middle .tablet_half {  padding:0; margin:0 !important; }
     
    #Home-Categories .category { padding:0; margin:0;  margin-bottom:20px !important; }
    #Home-Categories .category .image { min-height:0;}
    #Home { max-width:100%; }

   #Product .middle .description,  #Product .middle .images,#Product .middle .dimensions, #Content .text.large { width:auto; display:block; height:auto; line-height:normal; }
   #Product .middle .description, #Product .middle .dimensions { width:100%; float:none; }
   #Content .content { min-height:0; padding-top:0; }
   #Content .text, #Product-Index .products, #Notices .featured, #Contacts .text,#Notice-Detail .notice,#Product { float:none; display:block; width:auto; }
   #Notice .image { height:auto; line-height:0; }
   #Product-Index .product {width:33.33%; float:left; }
    #Product-Home.sub .category { height: 200px !important; margin-top: 25px; width: 33.333333% !important; }
   #Product-Home .category .home.big { height:auto; }
   #Product-Home .category.big { height:auto; }
   #Product-Home .category { height:auto; }
   #Side-Bar { float:none; display:block;  width:100%;}
   #MapWrapper { width:auto; max-width:100%; }
   #Market-Home .portfolio,#Market-Home .market { width:auto; display:block; float:none; }
    .products-sub { width: 100%; }
   #Order div input.large, #Order div textarea.large { width:auto; }
   #Notices .featured .label-main { width: 576px; right: 0px;  max-width: 100%; }
   #Product-Home .category h2 p, #Product-Home .category.big h2 p { width:auto; }

 #Main-Search.search-mobile { position: relative !important; top:unset !important; right:unset !important; margin-top:15px;}
 #Main-Search.search-mobile  .value {
    padding-right: 0;
    width: 100%;
    height: 24px;
    border: 0;
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 5px -3px #000;
}
} 

/*****************************************************************
   Medium Devices 
*****************************************************************/
@media (max-width: 768px) {
    .medium_wide { display:block !important; width:100% !important; float:left !important; }
    .medium_half { float:left !important; width:50% !important; display:inline-block !important; }

    .medium_wide img { width:100% !important; display:block !important; }
    .medium_half img { width:100% !important; display:block !important; }

     footer .middle .tablet_half { text-align:center; }
     footer .middle .column ul li { list-style:none; }

     #Product-Index .product {width:50%; float:left; }

     #Side-Bar { width:auto; margin-bottom: 15px; }
     #Featured-Notices,#Featured-Expos { text-align:center; }

     #Content .portefolio-item .image { float:none; width:auto; height:auto; text-align:center !important; display:block; }
     #Content .portefolio-item .description { padding:10px; }
         #Product-Home.sub .category { height: 200px !important; margin-top: 25px; width: 50% !important; }
}

/*****************************************************************
    Smartphones
*****************************************************************/
@media (max-width: 500px) {
    .phone_wide { display:block !important;  width:100% !important; float:left !important; }
    .phone_half { float:left !important; width:50% !important; display:inline-block !important; }
    .phone_hide { display:none !important; }

    .phone_half img { width:100% !important; display:block !important; }
    .phone_wide img { width:100% !important; display:block !important; }

    #Product-Index .product {width:100%; float:left; }
    #Notices .featured .label-main { width: auto;  right: 0; }
    #Notices .feat-notice { position: relative; display: inline-block; margin-right: 9px; margin-bottom: 8px; margin-left: 8px; width: 100%; border: 1px solid #ccc; vertical-align: top; }
             #Product-Home.sub .category { height: 150px !important; margin-top: 25px; width: 100% !important; }
}