@media (max-width: 479px) {
body {
    width:100%;
    height:100%;
}

.SDI.phone{
    max-width: 479px;
    margin-left: auto; 
    margin-right: auto;
}

.SDI.phone .container{
    display:block;
    overflow: hidden;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
}


/* Page Banner */
.SDI.phone .page-banner {
    max-height: 500px;
    min-height: 500px;
}

.SDI.phone .page-banner .banner-content h3 {
    font-size: 20px;
}

/* ## Page Banner --*/


/* Navigation Menu */
.SDI.phone .header-main {
    width: 100% !important;
    height: 40px;
}

.SDI.phone .ow-navigation .nav.navbar-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 40px;
    background-color: #000000cc;
    padding: 5px 0;
    float: none !important;
}

.SDI.phone .ow-navigation .navbar-brand img {
    width:150px;
    padding: 3px;
    margin:0;
    left:0;
}

.SDI.phone .ow-navigation .navbar-right {
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.SDI.phone .ow-navigation .navbar-collapse {
    border-top: none;
    box-shadow: none;
    width: 100%;
    overflow: auto !important;
    padding-bottom: 10px;
}

.SDI.phone .ow-navigation .navbar-collapse.collapse {
    display: none !important;
}

.SDI.phone .ow-navigation .navbar-header {
    float: none;
}

.SDI.phone .ow-navigation .navbar-brand {
    padding-bottom: 11px;
    padding-top: 11px;
    font-size: 40px;
    line-height: 38px;
}

.SDI.phone .ow-navigation .navbar-toggle {
    display: block;
    margin-top: 3px;
    margin-right: 0px;
    border-radius: 0
}

.SDI.phone .ow-navigation .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.SDI.phone .ow-navigation .navbar-toggle:hover .icon-bar {
    background-color: #cccccc;
}

.SDI.phone .ow-navigation .navbar-nav {
    margin: 0;
}

.SDI.phone .ow-navigation .navbar-collapse > .nav.navbar-nav > li {
    margin: 0;
}

.SDI.phone .ow-navigation .navbar-nav > li {
    display: inline-block;
    float: none;
    width: 100%;
}

.SDI.phone .ow-navigation .navbar-collapse > ul > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}

.SDI.phone .ow-navigation .navbar-text {
    float: none;
    margin: 15px 0;
}

.SDI.phone .container-fluid:after,
.SDI.phone .container-fluid:before,
.SDI.phone .container:after,
.SDI.phone .container:before,
.SDI.phone .nav:after,
.SDI.phone .nav:before,
.SDI.phone .navbar-collapse:after,
.SDI.phone .navbar-collapse:before,
.SDI.phone .navbar-header:after,
.SDI.phone .navbar-header:before,
.SDI.phone .navbar:after,
.SDI.phone .navbar:before{
    display:table;
    content:" ";
    border-collapse: none;
    border: none;
} 

.SDI.phone .container-fluid:after,
.SDI.phone .container:after,
.SDI.phone .nav:after,
.SDI.phone .navbar-collapse:after,
.SDI.phone .navbar-header:after,
.SDI.phone .navbar:after{
    clear:both
}

.SDI.phone .ow-navigation .nav.navbar-nav li > a {
    font-size: 20px;
}

/* ## Navigation Menu */

/* New Products */

.SDI .section-padding-content {
    padding: 0;
}

.SDI.phone .new-products-section .new-products-container{
    max-height: none !important;
}

.SDI.phone .new-products-section .new-products-container:before{
    padding-top: 0;
}

.SDI.phone .new-products-section .new-products-container .col-new-products--left,
.SDI.phone .new-products-section .new-products-container .col-new-products--right{
    display: block;
    position: relative;
    width: 100%;
    height: 100vw;
    left:0;
}

.SDI.phone .new-products-section .new-products-container .col-new-products--right{
    margin-top: 5px;
}

.SDI.phone .new-products-section .new-products-container .item-new-products.bg-l {
    height: 100vw;
    width: 100%;
}

.SDI.phone .new-products-section .new-products-container .item-new-products.item-02{
    margin-left: 0;
    margin-right:3px;
    margin-top:0;
    margin-bottom:6px;
    -ms-flex-preferred-size:calc(40% - 3px);
    flex-basis:calc(40% - 3px);
    height:calc(40% - 3px);
    width:calc(100% - 3px)
}

.SDI.phone .new-products-section .new-products-container .item-new-products.item-03{
    margin-left: 0;
    margin-right:3px;
    margin-top:0;
    margin-bottom:0;
    width:calc(100% - 3px)
}

.SDI.phone .new-products-section .new-products-container .item-new-products .start-page-grid__overlay__heading{
    font-size: 16px;
}

.SDI.phone .new-products-section .new-products-container .item-new-products .start-page-grid__title{
    font-size: 14px;
}

.SDI.phone .new-products-section .new-products-container .item-new-products .start-page-grid__overlay__inner-link{
    font-size: 12px;
}


/* ## New Products */

/* Featured */
.SDI.tablet .featured .featured-element{
    grid-template-columns: 1fr;
    grid-gap: 10px;
    max-width:100%;
    width: 100%;
    height: 100%;
}

/*## Featured */

/* Promotions */

.SDI.phone .promotions-section .promotions-container{
    grid-template-columns: 1fr;
    grid-gap: 0;
    max-width:100%;
    width: 100%;
    height: 100%;
}

.SDI.phone .promotions-section .promotions-container .promotions-item{
    width: 300px;
    height: 350px;
}

.SDI.phone .promotions-section .promotions-container .promotions-item .galleries-promotions{
    width: 300px;
    height: 300px;
}

.SDI.phone .promotions-section .promotions-container .promotions-item .promotions-description h5{
    font-size: 12px;
}

/* ## Promotions -- */


/* Call Out */
.SDI.phone .call-out p {
    display: block;
    margin: 0 0 20px 0;
    padding-left: 0;
}

/* -- Call Out */


/* Section Header - Calendar events*/
.SDI.phone .events-section .information-events .events-container .col-event {
    width: 100%;
}

.SDI.phone .events-section .information-events .events-container .col-event .event-title{
    margin: 140px 10px 10px 0;
}

.SDI.phone .events-section .information-events .events-container .col-event .event-description{
    margin: 10px 10px 30px 0;
}

.SDI .events-section .information-events .events-container .col-event img {
    width: 100%;
}

.SDI .events-section .information-events .events-container .col-event-date {
    width: 30%;
}

.SDI.phone .events-section .information-events .events-container .col-event-date.colorone {
    margin: 10px 0 10px 0;
}

.SDI.phone .events-section .information-events .events-container .col-event-date.colortwo {
    margin: 10px 0 10px 0;
}

.SDI.phone .events-section .information-events .events-container .col-event .event-where{
    margin: 10px 10px 10px 0;
}

.SDI.phone .events-section .information-events .events-container .col-event-date hr {
    padding: 0 3%;
}

/* ## Section Header - Calendar events*/

/* Contacto Section */

.SDI.phone .contacto-section .col-contacto {
    max-width: 100%;
    width: 100%;
}

.SDI.phone .contacto-section .col-contacto h1{
    font-size: 20px;
}

/* ## Contacto Section -- */

/* Photo Slider */

.SDI .photo-slider {
    display:none;
}

/* ## Photo Slider -- */

/* Page Banner - Aviso Legal */
.SDI.phone .page-banner-aviso-legal {
    background-image: url("../images/old-book-legal-1900x501.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: hsl(0, 0%, 100%);
    max-height: 200px;
    min-height: 200px;
    position: relative;
    text-align: center;
}

.SDI.phone .page-banner-aviso-legal::before {
    background-color: rgba(0, 0, 0, 0.4);
    bottom: 0;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.SDI.phone .page-banner-aviso-legal .banner-content {
    bottom: 44%;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    display: inline-block;
}

.SDI.phone .page-banner-aviso-legal .banner-content h3 {
    font-family: 'Montserrat';
    font-size: 40px;
    letter-spacing: 4.4px;
    text-transform: uppercase;
}
/* ## Page Banner - Aviso Legal */

/* Arrow Wrap */
.SDI.desktop .arrow-wrap {
    display: none;
}
/* ## Arrow Wrap */


/* Widget Area Brands */
.SDI.phone .brands .widget-area {
    display: none;
}

.SDI.tablet .brands .brands-area{
    width: 100%;
}

.SDI.tablet .brands .brands-area .brands-element{
    grid-template-columns: 1fr;
    grid-gap: 10px;
}

.SDI .brands .brands-area .brands-a .post-content .brands-element  figure.selbrand {
    min-width: 230px;
    max-width: 230px;
    max-height: 280px;
}

/* ## Widget Area Brands */

/* brands */
.SDI.phone .brands .information-area{
    width: 100%;
    padding: 0;
}

.SDI.phone .brands .information-area .information .post-content h1 {
    font-size: 30px;
}

.SDI.phone .brands .information .post-content .entry-meta ul li {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.SDI.phone .brands .information .post-content .description p {
    font-size: 15px;
}

.SDI.phone .brands .information .post-content .entry-meta li .fa-info::before{
    margin-right: -0.03em;
}

.SDI.phone .brands .information .post-content .entry-meta li .fa-video::before{
    margin-right: 0;
}

.SDI.phone .brands .information .post-content .entry-meta li .fa-mail::before{
    margin-right: 0;
}

/* ## brands */

/* News */

.SDI.tablet .news-section .mini-news-container{
    display:-ms-grid;
    display: grid;
    grid-template-columns: 1fr;
    -ms-grid-columns:1fr;
    max-width:100%;
    width: 100%;
    height: 100%;
}

.SDI.phone .news-section .news-container .col-news{
    width: 100%;
    height: 100%;
}

/* ## News -- */

/* Sub-News */
.SDI.phone .sub-news .sub-news-content{
    width: 100%;
}

.SDI.phone .sub-news .company-right{
    display: block;
    width: 100%;
}

.SDI.phone .sub-news .sub-news-content .news-share{
    margin-bottom: 100px;
}
/*## Sub-News */

/* Contactos */

.SDI.phone .contactos-section .contact-content{
    width: 100%;
    border-bottom:1px solid #ddd;
}

.SDI.phone .contactos-section .company-right{
    display: block;
    width: 100%;
}

/* ## Contactos -- */

/* Acceso Privado */

.SDI.phone .access-private-section .access-private-content{
    width: 100%;
    border-bottom:1px solid #ddd;
}

.SDI.phone .access-private-section .company-right{
    display: block;
    width: 100%;
}

/* ## Acceso Privado -- */

/* ## Footer - Footer Main --*/

.SDI.phone .footer-main .footer-content h3{
    font-size: 28px;
    margin-bottom: 25px;
}

.SDI.phone .footer-main .footer-content h4{
    font-size: 15px;
}

.SDI.phone .footer-main .footer-content p {
    font-size: 15px;
    line-height: 16px;
    margin-bottom: 15px;
}

.SDI.phone .footer-main .footer-social li {
    margin-right: 15px;
}

.SDI.phone .footer-main .mail-news .c-mail{
    width: 100%;
}

/* ## Footer - Footer Main --*/

/* Integration Services Section*/

.SDI.phone .integration-service-section .int-srv .int-srv-container .col-int-srv {
	padding-right: 10px;
    padding-left: 10px;
    width: 330px;
    height: 560px;
}

/* ## Integration Services Section */

/* Suscribir Newsletter */

.SDI.tablet .footer-bottom .footer-legal .legal {
    display: block;
    width: 100%;
    overflow:hidden;
}

.SDI.tablet .footer-legal .legal ul li {
    display: block;
    clear: both;
    text-align: center;
    width: 100%;
    border:none;
}

.SDI.tablet .footer-legal .legal ul li:first-child, .SDI.desktop .footer-legal .legal ul li:last-child {
    border:none;
}

/* ## Suscribir Newsletter */

}