﻿@media screen and (min-width: 320px) {
}

@media screen and (min-width: 320px) and (max-width:479px) {
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 480px) and (max-width:767px) {
}

@media screen and (max-width: 767px) {
    ul.mainmenu {
        width:100%;
        height:auto;
        margin-left:0;
    }
    ul.mainmenu li {
        width:100%;
    }
    ul.mainmenu li a {
        text-align:left;
    }
    .mainMenu li a, .loginMenu li a {
    height: 90%;
    padding-left: 5%;
    padding-right: 5%;
}

    ul.mainmenu li.welcome a {
        text-align:right;
    }
    /***** menu *****/
    .btn-responsive-menu{
        display:block; 
    }
    .mainTitle {
        padding-top: 10px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }
    .leftside, .rightside {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom:15px;
    }

    .loginContainer, .regContainer, .login .btnWrap {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
    }
    .login .btnWrap {
        margin-top:5px;
        margin-bottom:10px;
    }

    .elemWrap {
        width: 100%;
        display:block;
    }
    .elemWrap:nth-child(2n+1) {
        margin-right: 0%;
        margin-bottom:15px;
    }
    .elemWrapRow {
        display:block;
        margin-bottom:15px;
    }
    .footerWrapper {
        width: 100%;
        height: auto;
    }

    .database .elemWrap .parSubTit {
        display:block;
    }

    .nationsList li {
        height: 40px;
        display: block;
        margin: 0 auto 10px;
        width: 100%;
    }
        .nationsList li a {
        margin: 0 auto 0px;
        width: 90%;
        font-size:1.3em;
        }
    .groupItem a {
        width:100%;
    }
    .groupItem a + a {
        width:100%;
        text-align:right;
        padding-top:5px;
    }

    .pagination .pagina span {
        line-height: 1.5em;
    }

    .dealersItem .title, .dealersItem .group, .dealersItem .supergroup, .dealersItem .hypergroup {
        width:96%;
        padding:0;
    }

    .dealersItem .group .tag, .dealersItem .supergroup .tag, .dealersItem .hypergroup .tag {
        float:right;
        margin: 5px 1%;
    }
    .dealersItem {
        padding-top:15px; padding-bottom:15px;
    }

    .address {
        margin-bottom: 30px;
    }
    ul.categoriesWrap li .info {
        padding: 0px 4%;
    }
    ul.categoriesWrap li a.info {
        max-width:78%;
        text-align:right;
    }
    .address .addresspar {
        width: 98%;
        margin-bottom:10px;
    }
    ul.categoriesWrap li .folder {
        width:10%;
    }
    .titleWrapper {
        margin-bottom:15px;
    }
    .dealerDetail .typeparts div {
        margin-bottom:5px;
    }

    .brandsdealer, .brandsdealer img {
        width:100%;
    }

    .infoCategoria > div {
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
    }
    .formRow .label, .formRow .loginLabel {
        width:90%;
    }
    .formRow .value, .formRow .loginTextBox {
        width:99%;
    }
    .formButton, .btnWrap .button {
        padding:5px;
    }

    #alertContent{
        margin: 5%;
        padding: 5%;
        top: 0px;
        left: 0px;
        width: 80%;
        height: 60%;
    }
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 990px) {
    .colduble, .colduble2 {
  margin-bottom: 30px;
  width: 100%;
}
}

@media screen and (min-width: 769px) and (max-width:1023px) {
}

@media screen and (min-width: 769px) and (max-width:1200px) {
}

@media screen and (min-width: 1024px) {
}
 
@media screen and (max-width: 1200px) {


}