@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {


    section.company ul.sections li.catalunya4 {display: none}
    section.contact form input[type="checkbox"] {
        margin-right: 1em;
    }

    section.contact form div.conditions {
        width: 100%;
        border-top: 1px solid #d6d6d6;
        padding-bottom: 3%;
        padding-top: 2em;
        margin-top: 1em;
        height: 1em;
        margin-bottom: 4em;
    }

    header .section2 ul.navigation li:hover {
        font-weight: 700;
        margin-left: 9% !important;
    }

    section.product .productContent .ficha .others ul li .text,
    section.product .productContent .ficha .others ul li .image,
    section.product .productContent .ficha .others ul li .image img {
        text-align: left !important;
        margin: 0;
    }

    section.product .productContent .ficha .others ul li .image {
        width: 8% !important;
    }

    header.headermob .section2 ul.navigation li .subSections li{
        font-size: .8em;
    }

    section .sectionTitle h1 {
        line-height: 1.8em;
    }

    header .section1 {
        width: 100%;
        text-align: center;
    }

    header .section1 a img {
        margin-left: 0%;
    }

    header .section2 ul.navigation li.files {
        display: none;
    }

    div.content .contenido {
        width: 80%;
        margin-top: 4em;
    }

    section .sectionTitle {
        text-align: center;
        margin-left: 0%;
    }

    /*HOME*/
    section.home .news ul li .sections .image,
    section.home .news ul li .sections .text,
    section.home .catalog li,
    section.home .descriptions li,
    section.home .catalog li .image,
    section.school .satContent,
    section.school .schoolContent form div input#numero,
    section.school .schoolContent form div.min,
    section.school .schoolContent form div.min2,
    section.school .schoolContent form.petition ul ul,
    section.school .schoolContent form.petition ul ul ul,
    section.school .schoolContent form.petition ul li textarea,
    section.blog .notices li .image,
    section.blog .notices li .text,
    section.product .productContent .ficha .image,
    section.product .productContent .ficha .others,
    section.product .productContent {
        width: 100%;
    }

    section.software form .boton {
        width: 100% !important;
    }

    section.school .schoolContent form.petition ul li .text {
        margin-left: 3%;
    }

    section.school .schoolContent form.petition ul li textarea {
        margin: 0 auto;
        display: block;
    }

    section.home #ballonsMob {
        width: 100%;
        margin-top: -29em;
        margin-bottom: 2em;
        background-color: transparent;
        padding-top: 2em;
        padding-bottom: 2em;
        position: absolute;
    }

    section.home #ballonsMob a {
        text-decoration: none;
        color: #494a4e;
    }

    section.home #ballonsMob .ballon {
        width: 100%;
        display: block !important;
        display: inline-block;
        position: initial;
        margin-bottom: 3%;
        padding-top: 5px;
        padding-bottom: 5px;
        text-transform: uppercase;
        text-align: center;
    }

    section.home .ballon .round {
        display: none;
    }


    section.school .schoolContent form.petition ul li div.boton {
        width: 97% !important;
    }

    section.school .schoolContent .description {
        margin-left: 10%;
        margin-bottom: 2em;
    }

    section.school .schoolContent form.petition ul li.title {
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    section.home .ballon.ballonText,
    section.home .ballon {
        display: none !important;
    }

    section.school .schoolContent .thanks{
        text-transform: uppercase;
        font-size: 3em;
        text-align: center;
        margin-top: 2em;
        margin-bottom: 2em;
    }

    section.home .descriptions {
        /*margin-bottom: 5%;*/
        /*padding-bottom: 3em;*/
        /*margin-top: 0em;*/
        /*padding-top: 3%;*/

        margin-bottom: 5%;
        padding-bottom: 3em;
        margin-top: 32em;
        padding-top: 3em;
    }

    section.home .news h2 {
        border-bottom: 2px solid transparent;
    }

    section.home .catalog {
        margin-top: 2em;
    }

    section.home .catalog li .image img {
        width: 46%;
    }

    section.home .catalog {
        margin-bottom: 2em;
    }

    section.home .descriptions li p {
        width: 80%;
    }

    section.home .news ul li {
        margin-top: 2em;
    }

    section.home .catalog li .description p.viewMore {
        text-align: center;
    }

    section.home .news ul li .sections .image,
    section.home .news h2 {
        text-align: center;
    }

    section.home .catalog li .description {
        width: 100%;
        margin-left: 0%;
    }

    /*  SOFTWARE  */
    section.software {
        padding-bottom: 6%;
    }

    section.software .description {
        margin-top: 10%;
    }

    section.software .softwareSections li {
        width: 100%;
    }

    section.software .softwareSections li p {
        width: 75%;
    }

    section.software .form form div {
        width: 100%;
    }

    section.software .form form div.selection ul {
        width: 100%;
        margin-top: 1%;
        margin-bottom: 1%;
    }

    section.software .form form div.boton {
        text-align: center;
    }


    section.software .form form div.selection ul li {
        width: 100%;
        padding-left: 5%;
    }

    /* COMPANY*/
    section.company ul.sections li .images,
    section.company ul.sections li .text,
    section.company .block-fabricacion img,
    section.company .block-fabricacion .texts{
        width: 100%;
    }

    section.company ul.sections li .images img {
        width: 245px;
        margin: 0 auto;
        display: block;
    }

    section.company.delegations .mapa {
        display: none;
    }

    section.company ul.sections li .text .title {
        text-align: center;
        margin-bottom: 1em;
    }

    section.company ul.sections {
        margin-left: 0px;
        width: 100%;
    }

    section.company ul.sections li.europe .text .text {
        width: 100%;
    }

    /*  COMPANY DELEGATIONS  */
    section.company ul.sections.map {
        border-top: 2px solid transparent;
        margin-top: 8%;
    }

    section.company ul.sections.map li .title {
        text-align: center;
    }

    section.company ul.sections.map li .central {
        margin-left: 11%;
    }

    section.company ul.sections li {
        margin-bottom: 13%;
        padding-bottom: 3%;
        margin-top: 10%;
    }

    section.company.delegations ul.sections.map li ul.persons li {
        width: 100%;
        padding-left: 11%;
    }

    section.company.delegations ul.sections.map li ul.persons li.empty {
        display: none;
    }

    /*APLICATIONS*/

    section.aplications .sectionTitle{
        padding-top: 6%;
        padding-bottom: 4%;
    }

    section.aplications .imageapli img {
        margin-bottom: -.4em;
        height: 6em;
    }

    section.aplications .description {
        margin-top: 6%;
    }

    section.aplications .sections {
        border-bottom: 2px solid transparent;
    }

    section.aplications .sections .points,
    section.aplications .sections .others {
        width: 100%;
    }

    section.aplications .sections .points ul {
        margin-bottom: 2em;
    }

    section.aplications .sections .help {
        margin-top: 2em;
    }

    section.aplications .sections .help div {
        width: 94%;
        margin: 0 auto;
    }

    section.aplications .references {
        margin-top: -3em;
        margin-bottom: 0em;
    }

    section.aplications .references .title {
        text-align: center;
        margin-bottom: 9%;
        padding-top: 8%;
    }

    section.aplications .references ul li,
    section.aplications .references ul li img {
        width: 100%;
    }

    section.aplications .references ul li {
        margin-bottom: 3em;
    }


    /*AVISO LEGAL*/
    section.company ul.sections.legal li .text .title {
        text-align: center;
    }

    section.company ul.sections.legal li.principal .text .title {
        text-align: left;
        font-size: 1em;
    }

    /*HITECSA SCHOOL*/
    section.school .sections,
    section.school .schoolContent,
    section.school .schoolContent .texto .images,
    section.school .schoolContent .texto .text,
    section.fournitures .sections .points,
    section.fournitures .sections .others,
    section.product .sections,
    section.contact form div,
    section.contact form div.large,
    section.contact form div.large textarea,
    section.blog .notices li .title,
    section.blog .others {
        width: 100%;
    }

    section.school .schoolContent form div,
    section.contact form .boton {
        width: 100% !important;
    }

    section.school .schoolContent form div span {
        padding-left: 3%;
    }

    section.school .schoolContent form div select,
    section.school .schoolContent form div input {
        margin-left: 2%;
    }

    section.school .schoolContent form div.large textarea {
        width: 95%;
        margin-left: 3%;
        height: 12em;
        margin-top: -0.5em;
    }

    section.school .schoolContent form div input#numero {
        width: 96%;
    }

    section.school .schoolContent form .section {
        font-size: 1.5em;
        text-align: center;
    }

    section.school .sections h3 {
        text-align: center;
        padding-left: 0%;
    }

    section.school .schoolContent .texto.contact {
        width: 100%;
        padding: 3%;
        margin-bottom: -3%;
    }

    section.school .schoolContent .texto.contact .title {
        text-align: center;
        margin-bottom: 4%;
        margin-top: 0%;
    }

    section.school .sectionTitle {
        margin-bottom: 10%;
    }

    section.school .schoolContent ul.modules li.title {
        margin-left: 5%;
        font-size: 1em;
    }

    section.school .schoolContent ul.modules li.text {
        font-size: .7em;
        margin-left: 5%;
        margin-bottom: 1em;
    }

    section.school .schoolContent ul.modules li.temary {
        margin-left: 5%;
    }

    /* RECAMBIOS */

    section.fournitures .sections .others {
        margin-bottom: 2em;
        margin-top: 2em;
    }

    section.fournitures .description {
        line-height: 27px;
        margin-top: 2em;
    }

    section.fournitures .points ul li {
        margin-left: 0%;
    }

    section.fournitures .sectionTitle {
        text-align: center;
    }
    /*SAT*/
    section.school .satContent .map img {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    section.school .satContent .map {
        margin-top: 4em;
        margin-bottom: 2em;
    }

    section.school .satContent .text {
        width: 98%;
        margin-left: 2%;
    }

    section.school .satContent .text .text {
        width: 67%;
    }

    section.school .satContent .image {
        width: 100%;
        text-align: center;
    }

    section.school .satContent .text .image {
        width: 11%;
        margin-right: 2%;
        margin-left: 4%;
    }

    /* PRODUCT */
    section#productDet .sections,
    section#cateDet .sections {
        display: none;
    }

    section#cateDet .productContent .actual .title {
        width: 96%;
        margin-left: 0em !important;
    }


    section.product .productContent .actual .title {
        width: 100%;
        margin-left: -1.5%;
    }

    section.product .productContent .actual p {
        width: 95%;
        margin-top: 5%;
    }

    section.product .products li {
        width: 90%;
    }

    section.product .productContent .ficha .image {
        margin-bottom: 3em;
    }

    section.product .productContent .cateactual .title {
        width: 97%;
        margin-left: -1.5%;
    }

    section.product .productContent .cateactual {
        margin-left: -1%;
        padding-left: 0%;
    }

    section.product .productContent .cateactual img {
        margin-left: 6px;
    }

    section.product .productContent .ficha .image .description {
        margin-top: 2em;
        width: 96%;
        padding-left: 5%;
        margin-left: 0%;
    }

    section.product .productContent .ficha .others ul {
        padding-left: 3%;
    }

    section.product .productContent .catalogs {
        margin-top: 3em;
    }

    section.product .productContent .catalogs ul li {
        width: 100%;
        margin-bottom: 2em;
    }

    section.product .productContent .title {
        width: 100%;
        margin-left: 0.3em !important;
        margin-top: 3%;
    }


    /* CONTACT */
    section.contact {
        padding-bottom: 4em;
    }

    section.contact form div.empty {
        display: none;
    }

    section.contact form .boton {
        margin-top: 0%;
    }

    /*BLOG*/
    section.blog .this .image {
        margin-bottom: 2em;
        margin-top: 3em;
        padding-right: 9%;
    }

    section.blog .this .image img {
        margin: 0 auto;
        display: block;
        width: 185px;
        height: 168px;
    }


    section.school .schoolContent form div.boton {
        margin-left: 1.5%;
        width: 97% !important;
    }

    section.blog .notices li {
        border-bottom: 2px solid transparent;
        padding-bottom: 1em;
        margin-bottom: 16em;
    }


    section.blog .notices li .image {
        margin-top: .7em;
        margin-bottom: .7em;
    }

    section.blog .notices li .image img {
        margin: 0 auto;
        display: block;
    }

    section.blog #paginator {
        width: 90%;
        margin: 0 auto;
    }

    section.blog .this {
        width: 100%;
        border-right: none;
    }

    section.blog .others ul li {
        padding-left: 3%;
    }

    section.home .news ul li .sections .text p.description {
        height: 8em;
    }

    section.company ul.sections li .text p {
        width: 90%;
        margin-left: 6%;
    }

    section.company ul.sections li .text ul.points {
        margin-left: 6%;
    }

    section.product .productContent .ficha .image img {
        max-width: 80%;
    }

    section.company ul.sections li .text ul.points li {
        margin-top: 5%;
    }

    /*FOOTER*/
    footer {
        width: 100%;
        text-align: center;
    }

    footer .footer1 {
        border-bottom: 3px solid transparent;
    }

    footer .footer1 h3 {
        font-size: 24px;
        width: 100%;
    }

    footer .footer1 h3.pointers,
    footer .footer2 .footerNav,
    footer .footer2 .logos {
        display: none;
    }

    footer .footer2 .footerNavMob {
        display: block !important;
    }

    footer .footer2 .footerNav ul.contact {
        border-left: 2px solid transparent;
        padding-left: 43px;
        margin-left: -1%;
        width: 100%;
        font-size: 1em;
        margin-top: 7%;
        text-align: center;
    }

}