/* Responsive CSS */

/* Media queries
-------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	
	/*.nav-trigger{background: red !important;}*/

	/* GENERAL */
	body {font-size: 85%}
	.container.inter-width {width: 70%;}
	.entry-content ul, .entry-content ol {margin-left: 2em;}
	.entry-content ul ul, .entry-content ul ol,
	.entry-content ol ol, .entry-content ol ul {margin-left: 2.4em;}

	/* HOME */
	.home-logo {width: 39em; height: 11em;}

	/* PRODUCTOS */
	.productos-main.columns {padding-top: 14em;}
	.producto-ficha .producto-title {font-size: 2em;}

	/* ELECTRONICITY */
	.sec-electronicity .graph-electronicity {width: 96%;}

	/* CONTACTO */
	/*.sedes-container .address-item.address-spain {top: 20.2%; left: 44.8%}
	.sedes-container .address-item.address-india {top: 36%}
	.sedes-container .address-item.address-china {top: 31%; left: 75.8%}*/

	/* elemntor */
	.elementor-content{width: 80%;margin: 0 auto}

}


@media only screen and (max-width: 1024px) {
	
	/*.nav-trigger{background: green !important;}*/

	/* GENERAL */
	.header.logo,
	.home-logo,
	body.page-template-somos .header.logo {width: 24em; height: 7em;}
	body.page-template-productos .header.logo {margin-left: -12.5em;}
	.container {width: 86%}
	.container.small-width {width: 60%;}
	.container.medium-width {width: 70%;}
	.container.inter-width {width: 80%;} 
	.text-xxxbig {font-size: 165%}

	[class^="icon-"].xxbig-icon:before, [class*=" icon-"].xxbig-icon:before {font-size: 50px; line-height: 50px;}
	.video-item .play-button {width: 50px; height: 50px; margin: -25px 0 0 -20px}

	/* HOME */
	.home-title {font-size: 2em;}
	.subvencion .subvencion-text {width: 62%; margin-left: 0; text-align: center;}

	/* SOMOS */
	.sec-somos {padding-bottom: 17em;}

	/* ELECTRONICITY */
	.electronicity-top > .container {width: 90%}

	/* PRODUCTOS */
	.sec-productos .productos-body {left: 23%;}
	.productos-top {margin-top: 18em}
	.sec-productos .productos-body {top: 11em;}
	.productos-main.columns {padding-top: 5em;}

	/* CONTACTO */
	.page-template-contacto .header.logo {width: 20em; height: 5.5em;}
	.sedes-container .address-item.address-spain {top: 18.3%;}
	.sedes-container .address-item.address-india {top: 34%}
	.sedes-container .address-item.address-china {top: 29%}

}


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

	/*.nav-trigger{background: blue !important;}*/

	/* PRODUCTOS */
	.productos-top {margin-top: 20em}
	
}

@media only screen and (max-width: 920px) {
	/* CONTACTO */
	.sedes-container .address-item.address-spain {top: 17.3%;}
	.sedes-container .address-item.address-india {top: 34%}
	.sedes-container .address-item.address-china {top: 27%}
}

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

	/*.nav-trigger{background: red  !important;}*/

	/* GENERAL */
	.btn, input[type="button"], input[type="reset"], input[type="submit"], button[type="button"], button[type="submit"], .wp-block-button__link {padding-bottom: .5em;}
	/*.container.small-width {width: 33%;}*/
	.container {width: 90%;}
	.header.logo, body.page-template-somos .header.logo {width: 20em; height: 6em;}
	body.page-template-productos .header.logo {margin-left: -10em;}

	/* HOME */
	.home-logo {margin: 5em auto 3em }
	.home-summary {position: static; margin: 3em 0 0 29%; width: 60%;}
	.home-products .products-ct {padding-top: 1em;}
	.home-products .products {margin: 0 15%; width: 70%;}
	.sec-home .nav-products ul li.prod-tcu, .sec-home .nav-products ul li#prod-135, .sec-home .nav-products ul li#prod-233 {bottom: 30%; left: 86%;}
	.sec-home .nav-products ul li.prod-hsu, .sec-home .nav-products ul li#prod-146, .sec-home .nav-products ul li#prod-234 {bottom: 0; left: 54%;}
	.sec-home .nav-products ul li.prod-ncu, .sec-home .nav-products ul li#prod-149, .sec-home .nav-products ul li#prod-235 {bottom: 53%; left: 9%;}
	.home-title {font-size: 1.6em !important}
	.home-bottom {padding-bottom: 7em;}

	/* SOMOS */
	.sec-somos {padding-bottom: 10em; padding-top: 6em;}

	/* PRODUCTOS */
	body.page-template-productos .header.logo {top: 3em; margin-left: 0; left: 9%;}
	.sec-productos .productos-body {top: 8em; left: 9%}
	.productos-main.columns {padding-top: 0}
	.productos-main .products {margin-left: -18%;}
	.productos-top {width: 60%}
	/*.productos-main .nav-products .columns li {width: 33%}*/

	/* ELECTRONICITY */
	.sec-electronicity {padding-top: 8em;}
	.electronicity-bottom .container {padding-top: 1em; padding-bottom: 5em;}
	.electronicity-bottom h2 {margin-top: 0;}
	.electronicity-bottom h2,
	.electronicity-bottom h3 {font-size: 1.45em;}

	/* NOTICIAS */
	.noticia-item .noticia-meta {font-size: 85%}
	.noticia-title {font-size: 1.2em;}
	.noticia-item.noticia-featured .noticia-title {font-size: 1.65em;}
	.noticia-excerpt {font-size: 100%; line-height: 120%}

	/* CONTACTO */
	.sec-contacto .contacto-body.container {padding-top: 15em;}
	.sec-contacto .contacto-body.container .col-2 {width: 70%; margin-left: 15%; float: none !important;}
	.sedes-map {width: 120%; margin-left: -10%}
	.sedes-container .address-item.address-spain {top: 18%; left: 43.4%;}
	.sedes-container .address-item.address-india {top: 34%; left: 70%;}
	.sedes-container .address-item.address-china {top: 29%; left: 81.2%;}
	.sedes-container .address-item.address-usa {top: 25%; left: 8%}
	.address-body {width: 170px}

	/* PIE */
	.sidebar-footer .widget.widget_block > .wp-block-separator {display: none;}
}	

@media only screen and (max-device-width: 820px) and (orientation: landscape) {
	
	/*.nav-trigger{background: pink !important;}*/

	/* GENERAL */
	.animado {
	  -webkit-animation-name: none;
	  animation-name: none;
	  visibility: visible !important;
	}

}

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

	/* HOME */
	.home-products .home-title {display: none;}

	/* CONTACTO */
	.sedes-container .address-item.address-spain {top: 16%;}
	.sedes-container .address-item.address-india {top: 32%; left: 69.8%;}
	.sedes-container .address-item.address-china {top: 26%;}

}

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

	.mobile {display: inherit;}

	[class^="col-"], [class*=" col-"] {float: none; width: 74% !important; margin: 0 auto !important}
	[class^="col-"] .container, [class*=" col-"] .container,
	.container [class^="col-"] , .container [class*=" col-"] {width: 100% !important;}

	[class^="icon-"]:before, [class*=" icon-"]:before {font-size: 24px; line-height: 24px;}
	.container {width: 74% !important;}
	.container .container {width: 100% !important;}
	.sec-blog,
	.sec-contacto .contacto-body.container,
	.sec-default.sec-text > .container {padding-top: 14.5em;}

	.columns {display: block;}
	.text-xxxbig {font-size: 190%}
	.header.logo {left: 13%}
	.imgmask-ct::after {width: 40px; height: 40px; margin: -20px 0 0 -20px; background-size: 30px;}

	/* MENU */
	.btn-nav-icon i, .btn-nav-icon i::after, .btn-nav-icon i::before {width: 34px; height: 4px;}
	.btn-nav-icon i::before {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
	.btn-nav-icon i::after {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
	.nav-trigger {width: 34px; height: 24px;}

	/* HOME */
	.home-top {background-size: 130%}
	.home-summary { margin: 3em 0 3em 24%; width: 60%;}
	.nav-products {padding-bottom: 1em;}
	/*.sec-home .nav-products ul li.prod-tcu, .sec-home .nav-products ul li#prod-135, .sec-home .nav-products ul li#prod-233 {bottom: 58%; left: 72%;}*/
	.sec-home .nav-products ul li.prod-ncu, .sec-home .nav-products ul li#prod-149, .sec-home .nav-products ul li#prod-235 {bottom: 44%; left: 7%;}
	.home-title {margin: 0 auto; width: 80%}
	.graph-sunner.container {margin-top: 2em;}
	.home-bottom .bottom-body h2 {margin-top: 0}
	.sec-home .graph-sunner.container {padding-top: 0.5em; overflow: auto; width: 100%}
	.sec-home .graph-sunner.container .home-graph {width: 200%}

	.sidebar-footer .container {width: 90% !important}
	.sidebar-footer .wp-block-group {margin: 0 5%; font-size: 90%; line-height: 130%}
	.subvencion .subvencion-text {width: 100%}

	.sidebar-footer>.container, .footer-seo .flex-ct{display: block;}
	.footer-seo .widget{margin-bottom: 3em;}

	/* PRODUCTOS */
	body.page-template-productos .header.logo {left: 9%}
	.sec-productos {background-size: 140%;}
	.productos-main.columns {padding-top: 19em;}
	.productos-main .products {margin-left: 5% !important}
	.productos-main .productos-top > .container {padding-top: 0}
	.productos-main .productos-top .entry-summary .text-right {text-align: center; float: none !important;}

	.container .feat-nav [class^="col-"], .container .feat-nav [class*=" col-"] {width: 48.8% !important; display: inline-block; vertical-align: top;}
	.productos-main .nav-products .columns {display: flex}
	.producto-ficha .producto-title {text-align: center}
	.producto-ficha .producto-title br {display: none;}
	.producto-ficha .prod-caract {margin-top: 2em !important;}

	.productos-top.col-2{width: 80%;margin: 0 10%!important;}

	/* ELECTRONICITY */
	.sec-electronicity .graph-electronicity {padding-top: 5em}
	.graph-electronicity .columns {overflow: hidden;}
	.graph-electronicity.container .col-2-5 {width: 43% !important; float: left;}
	.graph-electronicity.container .col-1-5 {width: 14% !important; float: left;}
	.graph-electronicity.container .col-1-5.equal-icon {clear: both; float: none; width: 26% !important; padding: 1em 0 1.4em!important}

	/* NOTICIAS */
	.sec-blog.blog-archive, .sec-blog.blog-show {padding-top: 12em;}
	.sec-blog .entry-summary {width: 74%; margin-left: 13%}
	.sidebar {height: 4.8em; margin-top: -2em;}
	.sidebar .widget-area {float: none;}
	.sidebar .widget {margin-top: .8em;}
	.sidebar .widget.widget_search {width: 94%}

	.noticia-item{width: 41%; margin: 0 4%}
	.noti-list-ct {margin-left: -4%; margin-right: -4%;}
	.noticia-item.noticia-featured .noticia-content {padding-top: 2em;}

	/* CONTACTO */
	.sedes-map {width: 170%; margin-left: -40%}
	.sedes-container .address-item.address-spain {top: 13%; left: 34.1%}
	.sedes-container .address-item.address-india {top: 28.4%; left: 72%;}
	.sedes-container .address-item.address-china {top: 22.5%; left: 88%;}
	.sedes-container .address-item.address-usa {top: 19%; left: -15%;}

	/* footer SEO */
	.footer-seo{font-size: 110%;padding-bottom: 3em;}
	.footer-seo ul, .footer-seo ol{text-align:center;padding-left: 0;margin-bottom: 1em;}
	.footer-seo .widget ul > li{display: inline;float: left;padding-left: 0;width: 100%;}
	.footer-seo .widget ul > li::before{content: '';}

}


/* IPAD Portrait */
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
	/*.nav-trigger{background: orange  !important;}*/
}


/* IPHONE X Portrait
----------------------------------------------- */
@media only screen and (max-width: 480px) {

	/* GENERAL */

	.wrapper, .primary, .pusher, .pusher-content {height: auto; overflow-x: hidden; }
	/* OCULTAMOS ALGUNOS ELEMENTOS */
	br,
	.no-mobile {display: none;}
	.btn br {display: inherit;}

	table br {display: inherit;}

	/* GENERAL */
	body:not(.page-template-electronicity) .animado {
	  -webkit-animation-name: none;
	  animation-name: none;
	  visibility: visible !important;
	}

	.text-small,
	.text-xsmall {font-size: 100%}
	.text-xxxbig {font-size: 150%}

	.header.logo,
	body.page-template-electronicity .header.logo,
	body.page-template-productos .header.logo {top: 7em; left: 13%; margin-left: 0}

	.sec-blog, 
	.sec-contacto .contacto-body.container, 
	.sec-default.sec-text > .container {padding-top: 16em;}

	/* MENU */
	.main-nav-ct {padding-left: 13%; padding-right: 13%; width: 74%;}
	.menu-ct {display: block;}
	.menu-logo {display: inline-block; max-width: 80%;}
	.site-navigation {margin-top: 2em; width: 100%;}
	.main-nav-ct ul.menu > li {padding: 0}

	/* HOME */
	.home-logo {margin-top: 8em; width: 66%}
	.home-summary {width: 66%; margin-left: 17.5%; margin-top: 0em}
	.home-top {background-size: 275%; background-position: 5% top}
	.home-center {margin-top: 4em;}
	.home-title {padding-bottom: 1.2em;}
	.home-products .products {width: 88%}
	.sec-home .nav-products br {display: block;}
	.sec-home .nav-products ul li.prod-tcu, .sec-home .nav-products ul li#prod-135, .sec-home .nav-products ul li#prod-233 {bottom: 60%; left: auto; right: 7%;}
	.sec-home .nav-products ul li.prod-hsu, .sec-home .nav-products ul li#prod-146, .sec-home .nav-products ul li#prod-234 {left: 61%;}
	.sec-home .nav-products ul li.prod-ncu, .sec-home .nav-products ul li#prod-149, .sec-home .nav-products ul li#prod-235 {left: 4%}
	.graph-sunner.container {padding-bottom: 0}
	.sec-home .graph-sunner.container {padding-top: 0.5em;}
	.home-bottom,
	.sec-electronicity {background-size: 150%}
	.home-bottom > .container {width: 88% !important}

	/* SOMOS */
	.sec-somos {padding-bottom: 4em;}	

	/* PRODUCTOS */
	.sec-productos {background-size: 220%; padding-top: 12em;}
	.productos-main.columns {padding-top: 0;} 
	.sec-productos .productos-body {position: static;}
	.sec-productos .productos-body .entry-content {padding-bottom: 1em}
	.productos-top {margin-top: 2em !important;}
	.productos-main .products {margin-left: 4% !important; width: 90% !important; }
	.productos-main .nav-products .columns,
	.nav-products ul li {display: block !important;}
	.sec-productos .productos-main .nav-products .columns {border-top: 3px solid #CCC}
	.sec-productos .nav-products ul li {border-bottom: 3px solid #CCC; padding: 1em 0;}

	/* NOTICIAS */
	.noti-list-ct {margin-left: 0; margin-right: 0}
	.noticia-item {width: 100%; margin: 0}
	.noticia-item:not(.noticia-featured) .noticia-image,
	.noticia-item:not(.noticia-featured) .noticia-meta, 
	.noticia-item:not(.noticia-featured) .noticia-body {float: none; width: 100%; margin-left: 0}
	.noticia-item:not(.noticia-featured) .noticia-meta {padding-top: 1em;}
	.noticia-item:not(.noticia-featured) .noticia-content .more-link {margin-left: 0}
	.blog-author .author-header .author-desc {display: block; padding: 2em 10%; width: 80% !important; text-align: center;}
	.blog-author .author-header .author-desc img.avatar {margin: 0 auto;}
	.blog-author .author-header .author-desc .ct {margin: 1.2em 0 0}

	/* CONTACTO */
	.sec-contacto {padding-bottom: 7em;}
	.sec-contacto .contacto-body.container .entry-content {margin-top: 2em;}
	.sec-contacto .contacto-body.container input[type="submit"] {font-size: 120%; margin-top: 0.5em;}
	.sec-contacto .contacto-map.container {display: none;}

	/* FOOTER */
	.sidebar-footer > .container {display: block; width: 74% !important}
	.sidebar-footer .wp-block-group {margin: 0}
	.sidebar-footer .footer-logo {padding-top: 4em; margin-bottom: -2em;}
	.sidebar-footer .widget.widget_block.widget_separator {display: none;}
	.sidebar-footer .widget.widget_block {border-bottom: 1px solid #CCC; padding: 1em 0}
	.sidebar-footer .widget.widget_block:last-of-type {border-bottom: 0}
	.footer .footer-ct {display: block; padding-top: 2.5em;}
	.footer .footer-logo {position: relative; left: 50%; margin-left: -25%;}
	.footer .footer-nav-right {text-align: center}
	.footer .footer-navigation {font-size: 110%; padding: 0.5em 0 1em 0}
	.footer .footer-navigation ul.menu > li {padding: .25em .5em}
}


/* iPHONE 4 */
@media only screen and (max-width: 320px) {
	
	/*.nav-trigger{background: gray !important;} */
	
	/* GENERAL */
	body {font-size: 80%}
	
}


@media only screen and (min-width: 1400px) {

	/*.nav-trigger{background: green !important;} */
	
	/* GENERAL */
	body {font-size: 110%}

	/* CONTACTO */
	/*.sedes-container .address-item.address-spain {left: 44.7%}
	.sedes-container .address-item.address-india {top: 37%}
	.sedes-container .address-item.address-china {top: 32%}*/


}

@media only screen and (min-width: 1700px) {

	/*.nav-trigger{background: blue !important;} */
	
	/* GENERAL */
	body {font-size: 120%}

	/* CONTACTO */
	.sedes-container .address-item.address-spain {top: 21.4%; left: 44.2%;}
	.sedes-container .address-item.address-india {top: 37.5%; left: 66.8%;}
	.sedes-container .address-item.address-china {top: 32%}
	.sedes-container .address-item.address-usa {top: 27.5%; left: 15%;}

}

@media only screen and (min-width: 2300px) {
	
	/*.nav-trigger{background: yellow !important;}*/

	/* GENERAL */
	body {font-size: 140%}

	/* MENU */
	.btn-nav-icon i, .btn-nav-icon i::after, .btn-nav-icon i::before {width: 50px; height: 6px;}
	.btn-nav-icon i::before {transform: translate3d(0,-12px,0); -webkit-transform: translate3d(0,-12px,0);}
	.btn-nav-icon i::after {transform: translate3d(0,12px,0); -webkit-transform: translate3d(0,12px,0);}
	.nav-trigger {width: 50px; height: 34px;}

	.graph-sunner .st9 {font-size: 112%}
	.graph-sunner .st11 {font-size: 71%}

	/* PRODUCTOS */
	.feat-nav .col-1-4 {width: 14.2%;}
	.feat-nav .col-1-5 {width: 16.6666%;}

	/* CONTACTO */
	.sedes-container .address-item.address-spain {top: 21.5%; left: 44.7%;}

}