/* Responsive Css */

@media screen and (max-width: 1180px) {
    .search input.search_field {
        width:120px;
    }
}

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

    .right_sidebar{
        display:none;
    }
    .login_register_links{
        width:155px;
    }
    .leftbdy{
        margin:0;
    }
    .search input.search_field {
        width:180px;
    }
    .go_top{
        border:none;
    }
    .leftbdy{ border:none; margin:0}
}





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

    .main-navigation nav ul li.subcategories a span.label{ text-indent:-9999px; }
    .top-navigation nav ul .blog{ display:none;}
    .top-navigation nav ul li a{ font-size:16px; margin:0 0 0 14px}


}

@media screen and (max-width: 800px) {
    .top-navigation nav ul li a{ font-size:14px; margin:0 0 0 13px}
    .top-navigation nav { margin: 20px 18px 0 0;}
    .leftbdy .filter { display:none;}
    .articles_row .article{ float:none; width:97%; margin:15px 0 0 0;}
    .articles_row{ padding:0}
    .pictures_of_dog_breeds_main{ padding-top:20px;}

}

@media screen and (max-width: 700px) {
    .search input.search_field{ width:80px;}
    .top-navigation nav ul .ads,.socail_area{ display:none;}

}

@media screen and (min-width:320px) and (max-width:1024px){
.wrapper .top-navigation nav ul li a, .wrapper .top-navigation nav ul li a:hover{ background:none; padding:0;}
.main-navigation nav ul li.subcategories a{ padding:9px 13px 9px 16px; }
.filtre .label{ text-indent:-9999px; }
.main-navigation nav ul li a span.ar{ display:none;}
/*.main-navigation nav ul li.subcategories a span.label{ text-indent:-9999px; }
 .main-navigation nav ul li.info-logo-small, .main-navigation nav ul li.subcategories a span.ar, .leftbdy .filter, .right_sidebar{ display:none; } */
.main-navigation nav ul li ul{ left:0;}
.leftbdy{ width:auto; float:none; padding-right:0;}
/*.articles_area{ float:none; width:auto;} */
.articles_row .article:first-child{ margin:15px 0 0 0;}
.footer_bar .afiseaza_footer{ text-indent:-9999px; padding-left: 50px; width: auto; background-position:15px -438px;}
.footer_bar .footer_bar_social_likes{ width:auto; padding-left:20px; border:none;}
.mhsm-dropdown{ right:0;}
}
@media screen and (min-width:801px) and (max-width:1024px){
.leftbdy .filter, .right_sidebar{ display:none; }
.pictures_of_dog_breeds_main{ padding-top:20px;}
.leftbdy{ width:auto; float:none;}
/* .articles_row .article{width:430px; float:left;} */
.articles_row .article:first-child{ margin:0 15px 0 0; }

}
@media screen and (max-width:600px){
.logo{ margin:0;}
.top-navigation nav{ margin-right:10px;}
.top-navigation nav ul li a{ margin-left:8px;}
.login_register_links li{ padding-right:0;}
.login_register_links li.register{ display:none;}
}
@media screen and (max-width:599px){
.logo{ margin:0; float:none;}
.logo a{ margin:auto;}
.articles_area{ width:98%}
.top-navigation, .socail_area, .leftbdy .abcNav{ display:none;}
.main-navigation nav ul li.main-menu a{ background-position: -116px -291px; padding-left:44px;}
.main-navigation nav ul li.main-menu a:hover{ background-position: 7px -291px; }
.user a .mhsm-text{ text-indent:-9995px}
.search input.search_field{ width:107px}
.login_register_links{ width:96px;}

.dog_product{ width:31.3%; }

.dog_product .pattern{ font-size:13px;}

}

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

.main-navigation nav ul li.main-menu a span{ text-indent:-99999px}
}

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

.main-navigation nav ul li.main-menu a span{ text-indent:-9999px}
.main-navigation nav ul li.main-menu a span.ar, .footer_bar .footer_bar_social_likes{ display:none;}
.main-navigation nav ul li.main-menu a{ padding-left:29px;}
.login_register_links li.login{ text-indent:-9999px; background:url(../images/icons-sprites.png) no-repeat -25px -400px; margin-left: 11px;}
.articles_row .article .article_detail{ width:49%; }
.articles_row .article .article_detail .read_more a{ padding-left:5px;}
.user a .mhsm-text{ text-indent:-9995px;padding:5px;}
}
@media screen and (max-width:400px){
.user a .mhsm-text, .user a .mhsm-arrow{ text-indent:-9995px; display:none;}
.search input.search_field{ width:90px}
.login_register_links{ width:63px;}
}
@media screen and (max-width:320px){
.search input.search_field{ width:70px}
.login_register_links{ width:50px;}
.main-navigation nav ul li.filtre a{ padding-left:20px; text-indent:-99999px}
.main-navigation nav ul li.subcategories a{ padding:9px 15px 9px 15px}
}