iframe {
    max-width: 100%;
}

.valign-middle {
    display: table;
}
.valign-middle .columns {
    display: table-cell;
    vertical-align: middle;
}
.valign-middle .columns,
.valign-middle [class*="column"] + [class*="column"]:last-child {
    float: none;
}

.row {
    max-width: 82.5em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
}



#main p {
    font-size: 16px;
}

.group-select li .input-text, .group-select li select, .group-select li textarea {
    width: 100%;
}



.qty_cos {
    width: 70px;
}

.jsep {
    position: absolute;
    right: 0;
    bottom: 0px;
}

#content {
    font-size: 14px;
}

#cautaretoggle {
    display: none;
}

#leftcategoriiletoggle {

    display: inline-block;
    display: none;
    cursor: pointer;
    padding: 11px;

    margin-top: -5px;
    margin-left: -7px;

    text-transform: uppercase;
    font-family: "PT Sans Narrow", Arial, Helvetica, sans-serif;
}

.homecat {

}

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

    .rowheader,
    .rowoutcontainer
    {

        max-width: 82.5em;
        max-width: 76.25em;


    }
    .rowcontainer {
        overflow: hidden;
    }

    body {
        padding-left: 3.125em;
        padding-right: 3.125em;
    }

    #rightbar {
        /*
        display: none;
        */
    }


}
@media only screen and (max-width: 1325px) {


}

@media only screen and (max-width: 1250px) {
    #dl-menu-myaccount-cos {
        top: 105px;
    }

    #cautare {
        top: 50px;
        right: 15px;
        max-width: 410px;
    }

    #header {
        height: 190px;

    }

    .producator {
        width: 31%;
    }

}

@media only screen and (max-width: 1180px) {
    #leftcategoriiletoggle {
        display: block;
        width: 132px;
    }

    #content {
        width: 100%;

        margin: 0;

        padding-left: 2px;
        padding-right: 2px;
    }
    #left {
        padding-left: 3px;
        display: none;
    }
}





@media only screen and (max-width: 1024px) {
    .rowheader,
    .rowoutcontainer
    {

        max-width: 82.5em;

    }
    body {
        padding-left: 0;
        padding-right: 0;
    }
    #rightbar {
        display: none;
    }

    #newsletter_mesaj {
        margin: auto;
    }

}
@media only screen and (max-width: 950px) {




    #menu {
        display: none;
    }

    #dl-menu-myaccount-cos {
        width: 410px;
    }

    #dl-menu {
        float: left;

        display: block;

        width: 33%;
    }

    #cautare {
        width: 410px;
    }

    #myaccount {
        width: 33%;
        padding-left: 5px;
    }
    #myaccount:before {
        content: url(/images/myaccount-sep.png);
        position: absolute;
        margin-left: -5px;
        margin-top: 4px;
        left: 0px;
    }
    #myaccount a.d img {
        position: absolute; top: 8px; left: 3px;
    }
    #myaccount el {
        margin-left: 25px;
    }
    #cos {
        width: 33%;
        padding-left: 5px;
    }
    #cos:before {
        content: url(/images/myaccount-sep.png);
        position: absolute;
        margin-left: -5px;
        margin-top: 4px;
        left: 3px;
    }
    #cos a.d img {
        position: absolute; top: 8px; left: 3px;
    }
    #cos el {
        margin-left: 25px;
    }

}

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

    .accesorii-categorie-produs .thumbs {
        float: none;
        max-width: inherit;
        width: auto;

    }
    .accesorii-categorie-produs .imgoutercontainer {
        margin: auto;
    }

    .accesorii-categorie-produs .texts {
        float: none;
        width: auto;

        max-width: inherit;

        margin-left: 0px;
        margin-right: 0px;



        margin-top: 25px;
    }


}
@media only screen and (max-width: 800px) {
    #header {
        height: auto;

        padding: 17px;
    }

    #identity {
        position: relative;
        text-align: center;
        width: 100%;
        max-width: 425px;

        margin-left: auto;
        margin-right: auto;

        top: inherit;
        left: inherit;

        height: auto;

    }

    #cautare {
        position: relative;
        top: inherit;
        right: inherit;

        margin-top: 10px;
        text-align: center;

        width: 425px;
        max-width: 100%;

        margin-left: auto;
        margin-right: auto;
    }

    #dl-menu-myaccount-cos {
        position: relative;
        top: inherit;
        right: inherit;

        margin-top: 10px;
        text-align: center;


        max-width: inherit;

        width: 425px;

        margin-left: auto;
        margin-right: auto;

        max-width: 100%;
    }
    #myaccount {
        text-align: left;
    }
    #myaccount .showhide {
        right: -45px;
    }
    #cos {
        text-align: left;
    }

    #cautare {
        text-align: left;
    }
    #cos .showhide {

        right: 0px;
        width: 330px;

    }
    #cos #minicart {
        width: 330px;

    }

}



@media only screen and (max-width: 700px) {
    .producator {
        width: 48%;
    }
}
@media only screen and (max-width: 600px) {

    .ascunde-mic {
        display: none;
    }




    .slickCeleMaiContent .slick-prev {
        left: inherit;
        right: 35px;
        top: -23px;
    }
    .slickCeleMaiContent .slick-next {
        right: 15px;
        top: -23px;
    }

    #query {
        font-size: 16px;
    }

    input.formular {
        font-size: 16px;
    }

    #newsletter_email {
        font-size: 16px;
    }

    .qty_cos {
        font-size: 16px;
        width: 40px;
    }
    input.input-text {
        font-size: 16px;
    }
    textarea.formular {
        font-size: 16px;
    }
    #cautare #query {
        font-size: 16px;
    }
    .group-select li .input-text, .group-select li select, .group-select li textarea {
        font-size: 16px;
    }


}

@media only screen and (max-width: 560px) {
    #numarprodusedoar {
        right: 20px;
        background: #F06421;
    }
}

.arata-mic-mic {
    display: none;
}

@media only screen and (max-width: 500px) {
    .arata-mic-mic {
        display: inherit;
    }
    .ascunde-mic-mic {
        display: none;
    }
    #dl-menu {
        width: 30%;
    }
    .dl-menuwrapper:after {
        right: 40px;
    }
    #myaccount {
        margin-left: 5px;
    }
    #myaccount a.d:after {
        margin-left: 10px;
    }
    #cos {

    }
    #cos a.d:after {
        margin-left: 10px;
    }

    .navi {
        float: none;
        text-align: center;
    }

    .producator {
        width: 98%;
        margin-left: 13px;
    }

}

@media only screen and (max-width: 400px) {
    #cos .showhide {
        display: none;
    }

}


.accesorii-categorie-h.slick-slide {
    margin-left: 20px;
    margin-right: 20px;

    min-width: 230px;
}

.accesorii-categorie-h {
    width: 10.6%;

    margin-left: 1.85%;
    margin-right: 1.85%;

    min-width: 230px;
}
@media only screen and (max-width: 1450px) {
    .accesorii-categorie-h.slick-slide {
        margin-left: 20px;
        margin-right: 20px;
        min-width: 212px;
        max-width: 18%;


    }

    .accesorii-categorie-h {
        width: 10.6%;

        margin-left: 1.85%;
        margin-right: 1.85%;

        min-width: 210px;
    }
}
@media only screen and (max-width: 1350px) {
    .accesorii-categorie-h {
        margin-left: 1.55%;
        margin-right: 1.55%;

        min-width: 210px;

    }
}

@media only screen and (max-width: 1320px) {
    .accesorii-categorie-h.slick-slide {
        margin-left: 20px;
        margin-right: 20px;
        min-width: 202px;
        max-width: 18%;
    }
}
@media only screen and (max-width: 1300px) {
    .accesorii-categorie-h {
        margin-left: 1.15%;
        margin-right: 1.15%;
    }
}
@media only screen and (max-width: 1280px) {
    .accesorii-categorie-h {
        width: 22.5%;
 
        margin-left: 1%;
        margin-right: 1%;

        min-width: inherit;

    }
}

@media only screen and (max-width: 900px) {
    .accesorii-categorie-h {
        width: 30.5%;
    }
    .accesorii-categorie {
        width: 28%;
    }
}
@media only screen and (max-width: 700px) {
    .accesorii-categorie-h {
        width: 40.5%;

        margin-left: 4.15%;
        margin-right: 4.15%;
    }
    .accesorii-categorie {
        width: 45%;
    }

}
@media only screen and (max-width: 500px) {
    .accesorii-categorie-h {
        width: 93%;

    }

    .accesorii-categorie {
        width: 90%;
    }
}