/* =============================================================== */
/* CUSTOM RESPONSIVE
/* =============================================================== */

@media (min-width: 1800px) {
  .logo-block{width: 81.333%}
  .flag-search{width: 18%}
}
@media only screen and (max-width : 1224px) {
  .product-block{border-left: 1px solid #ecebeb;border-top: 1px solid #ecebeb}
}
@media only screen and (max-width: 1024px) {

  .navbar-nav > li > a{
    font-size: 13px;
    padding: 9px 11.2px
  }

}
@media (max-width: 1000px) and (min-width: 980px) {
  .container {
    width: 100% !important;
    max-width: 900px !important;
  }
  .navbar-nav > li > a{
    font-size: 12px;
    padding: 9px 10.5px
  }
  .slogan{width: 71%}
  .footer-bottom p{font-size: 10px}
  .footer-bottom{font-size: 12px}
}
@media (max-width: 979px) and (min-width: 768px) {
  .navbar-nav > li > a{
    font-size: 12px;
    padding: 9px 10.5px
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .navbar-nav > li > a{
    font-size: 13px;
    padding: 9px 11px;
  }
}
@media (max-width: 979px) {

  /*** iPads (portrait and landscape) ***/

  .container {
    width: 100% !important;
    max-width: 900px !important;
  }

  .navbar-nav > li > a{
    font-size: 11px;
    padding: 9px 12.8px
  }

  .slogan{width: 71%}
  .footer-bottom p{font-size: 10px}
  .footer-bottom{font-size: 12px}

}
@media (max-width: 767px) and (min-width: 0) {
  /***  ipad 4 , iphone 4 fixed  ***/
    /*.img-news
    {
        width:120px;
    }*/
}
@media (max-width: 767px) {
  /* phones */
   .img-news
    {
        width:100%;
    }

}
@media (max-width: 580px) {
  /* phones (portrait and landscape) ----------- */
  .logo-block{width: 100%}
  .logo-block .logo img{width: 97%;
  margin: 0 15px 0 15px;}
  .flag-search{display: none}
  .navbar-header .flag-search{display: block}
  .product-block{border-left: 1px solid #ecebeb;border-top: 1px solid #ecebeb}


}
@media (max-width: 480px) {
  .container {
    min-width: 310px;
  }
  .logo-block{width: 100%}
  .logo-block .logo img{width: 100%;margin: 0 10px}
  .flag-search{display: none}
  .navbar-header .flag-search{display: block}
  .product-block{border-left: 1px solid #ecebeb;border-top: 1px solid #ecebeb;margin: 0}
  .footer-bottom .col-lg-8, .footer-bottom .col-lg-4{padding: 0 15px !important;}
  .footer-bottom .col-lg-9{padding: 0 !important;margin-bottom: 10px;float:left}
  .footer-bottom p{font-size: 13px}
  .down-catalogue{width: 100%}
  .share li{margin-left: 3px}
  .title-cate h3{padding-left: 15px}
  .dl-horizontal dd{margin-left: 180px}
  .articleList .desc{height: 62px;overflow: hidden}
}
@media (max-width: 400px) {
  body{font-size: 12px}
  .container {
    min-width: 310px;
  }
  .logo-block{width: 100%}
  .logo-block .logo img{width: 100%;margin: 0 10px}
  .flag-search{display: none}
  .navbar-header .flag-search{display: block}
  .item{width: 100% !important;padding: 0 !important;}
  .footer-bottom .col-lg-8, .footer-bottom .col-lg-4{padding: 0 15px !important;}
  .footer-bottom .col-lg-9{padding: 0 !important;margin-bottom: 10px;float:left}
  .footer-bottom p{font-size: 13px}
  .down-catalogue{width: 100%}
  .share li{margin-left: 3px}
  .title-cate h3{padding-left: 15px}
  .dl-horizontal .img-responsive{width: 115px}
  .dl-horizontal dd{margin-left: 125px}
  .articleList .last_view{position: relative;margin-top: 10px}
}
@media (max-width: 320px) {
  .container {
    width: 100% !important;
    max-width: 320px !important;
  }

  .flag-search .col-xs-7{width: 50%}
  .item{width: 100% !important;padding: 0 !important;}
}