/* large desktop :1400px. */
@media (min-width: 1400px) and (max-width: 2000px) {
    
    
}
/* For container **/
@media (max-width: 1200px)
{
    .container
    {
        width: auto;
    }

    .header_social {
       
        right: 0px;
        position: absolute;
        top: -34px;
    }
    ul.cnss-social-icon li {
        float: left!important;
    }
    .main-nav ul.main_nav-menu li a {
    padding: 12px 8px;
    }
}
/** 990px **/ 

@media (max-width: 990px)
{
    .bloc-item
    {
        margin-bottom: 20px;
    }
    .bloc-item img
    {
        width: 100%
    }
}
/* desktop 1200px to 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {

}
@media (max-width: 1000px) {
   
    #header{
        position: relative;
        top: 0;
    }
  
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

}
/* small mobile :320px. */
@media (max-width: 767px) {
    .main-nav
    {
        display: none;
    }
    #header{
        position: relative;
        top: 0;
    }
    #slider_wrapper {
    margin-top: 0px!important;
    }
    .page-wrapper {
    margin-top: 0px!important;
    }  
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {   
    .slides li div.desktop{display: none;}
    .slides li div.mobile{display: block;}
    .slides li div.mobile h3.slider_layer {
        margin-top: 0;
    }
    .flexslider .slides img {
            width: 100%;
        }
    .flex-control-nav {
    position: absolute;
        right: auto;
        width: 100%;
        bottom: 4px;
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
      .slides li div.desktop{display: none;}
    .slides li div.mobile{display: block;}
    .slides li div.mobile h3.slider_layer {
        margin-top: 0;
    }
    .flexslider .slides img {
            width: 100%;
        }
    .flex-control-nav {
    position: absolute;
        right: auto;
        width: 100%;
        bottom: 4px;
        text-align: center;
    }
}