/*!
Theme Name: Ficep
Theme URI: http://underscores.me/
Author: Metodoadv S.r.l. by Enrico Fanucchi
Author URI: https://metodoadv.com/
Description: Tema personalizzato per Ficep
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ims
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

slugtema is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */


.no-desktop {display: none;}
/*--------------------------------------------------------------
## RESPONSIVE
--------------------------------------------------------------*/
.uk-offcanvas-bar {background: #1D1D1B!important;}
.uk-offcanvas-close {color:#00665B;}
.uk-offcanvas-close i{color:#00665B;}
.uk-offcanvas-close svg{color:#00665B;}
.uk-offcanvas-bar {padding-top: 75px; padding-left: 0; padding-right: 0;}
.uk-offcanvas-bar ul {margin: 0; padding: 0;}
.uk-offcanvas-bar ul li {float: none; width: 100%; text-align: left; border-top:1px solid #00665B; line-height: 44px; height: 44px; overflow: hidden; }
.uk-offcanvas-bar ul li img {display: none;}
.uk-offcanvas-bar ul li ul li {color: #fff;   display: block;}
.uk-offcanvas-bar ul li ul li a {color: #fff!important;padding-left: 30px;}
.uk-offcanvas-bar ul li a{color: #fff; padding-left: 20px; font-size: 16px!important;}
.uk-offcanvas-bar ul li a:hover {text-decoration: none}


.uk-offcanvas-bar ul li.submenu-mobile-carpenteria ul.sub-carpenteria {height:0; opacity: 0;  transition: all 0.5s; }
.uk-offcanvas-bar ul li.submenu-mobile-carpenteria.active{height: auto;}
.uk-offcanvas-bar ul li.submenu-mobile-carpenteria.active ul.sub-carpenteria{ height:auto; opacity: 1;transition: all 0.5s; }
.uk-offcanvas-bar ul li.submenu-mobile-carpenteria.active ul.sub-carpenteria li{  }
.uk-offcanvas-bar ul li.submenu-mobile-carpenteria.active {overflow: visible;}
.uk-offcanvas-bar ul li.submenu-mobile-forgiatura ul.sub-forgiatura{ height:0; opacity: 0; transition: all 0.5s; }
.uk-offcanvas-bar ul li.submenu-mobile-forgiatura.active ul.sub-forgiatura{ height:auto; opacity: 1; transition: all 0.5s; }
.uk-offcanvas-bar ul li.submenu-mobile-forgiatura.active ul.sub-forgiatura li {}
.uk-offcanvas-bar ul li.submenu-mobile-forgiatura.active {overflow: visible; height: auto;}

.uk-offcanvas-bar ul li.menu-item-has-children ul.sub-menu{ height:0; opacity: 0; transition: all 0.5s; }
.uk-offcanvas-bar ul li.menu-item-has-children.active ul.sub-menu{ height:auto; opacity: 1; transition: all 0.5s; }
.uk-offcanvas-bar ul li.menu-item-has-children.active ul.sub-menu li {}
.uk-offcanvas-bar ul li.menu-item-has-children.active {overflow: visible; height: auto;}

.uk-offcanvas-bar ul li.menu-item-has-children::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; float: right; margin-right: 15px;  color: #00665B; line-height: 48px;}
.uk-offcanvas-bar ul li.menu-item-has-children.active::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";float: right; line-height: 48px;}

.submenu-mobile-carpenteria::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; float: right; margin-right: 15px;  color: #00665B; line-height: 48px;}
.submenu-mobile-carpenteria.active::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";float: right; line-height: 48px;}
.submenu-mobile-forgiatura::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067"; float: right; margin-right: 15px;  color: #00665B;line-height: 48px;}
.submenu-mobile-forgiatura.active::before {  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068";float: right;line-height: 48px;}

.uk-offcanvas-overlay {z-index: 111111;}


@media screen and (max-width: 1489px) {
	/* QUI PARTE IL MENU MOBILE PORTOGHESE */ 
	body.pt-pt header .neg_top { position:static; }
	body.pt-pt #masthead { position: relative; }
	body.pt-pt .lingua { top:10px; background-position: 115% 50%;}
/*	body.pt-pt .top_menu { display: none; } */
	body.pt-pt .menu-toggle {color: #00665B; font-size: 27px; position: absolute; right: 95px; top: 35px;display: block;}
	body.pt-pt .lingua .active{ padding-left: 15px; padding-right: 25px; width: 52px;}
	body.pt-pt .lingua span {line-height: 18px;}
	body.pt-pt .lingua ul{width: 49px;position: relative;left: -15px;}
	body.pt-pt .lingua ul li{width: 48px;}
	body.pt-pt .main-navigation ul {display: none;}
}

@media screen and (min-width: 1200px) and (max-width: 1489px) {
	body.pt-pt section.tab-system .cont {min-height: 500px;}
}

@media screen and (max-width: 1403px) {
	/* QUI PARTE IL MENU MOBILE TEDESCO */ 
	body.de header .neg_top { position:static; }
	body.de #masthead { position: relative; }
	body.de .lingua { top:10px; background-position: 115% 50%; }
/*	body.de .top_menu { display: none; } */
	body.de .menu-toggle {color: #00665B; font-size: 27px; position: absolute; right: 95px; top: 35px;display: block;}
	body.de .lingua .active{ padding-left: 15px; padding-right: 25px; width: 52px;}
	body.de .lingua ul{width: 49px;position: relative;left: -15px;}
	body.de .lingua ul li{width: 48px;}
	body.de .main-navigation ul {display: none;}
}

@media screen and (max-width: 1400px) {
/* QUI FIXO IL MENU MOBILE INGLESE*/ 
	body.en header .navigation ul li a {font-size: 15px; margin-right: 10px;}
	section.news-page .white span.titolo {font-size: 23px;}
	.shadow {height: 45vh;}
}
@media screen and (max-width: 1300px) {
	section.news-page .white span.titolo {font-size: 22px;}
	body.en header .navigation ul li a {font-size: 14.5px; margin-right: 7px;}
	section.three_box a .green p {
		margin-right: 0;
	}

	section.three_box a .green {
		padding: 0 25px;
	}

	section.three_box a .green h3 {
		font-size: 28px;
		line-height: 36px
	}

	body.de section.lavorazione .processi span {font-size: 14px;}
}

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

	.single-usato section.cta-usato .cont { padding: 100px 75px; }
	section.three_box a .green p {
		margin-right: 0;
	}

	section.three_box a .green {
		padding: 0 24px;
	}

	section.three_box a .green h3 {
		font-size: 27px;
		line-height: 34px;
	}

	/* FOOTER */
	.social .green {
		padding: 100px 50px;
	}
	.shadow {height: 40vh;}
	body.pt-pt .site-footer .uk-button, body.es .site-footer .uk-button {padding: 20px;}
}

@media screen and (max-width: 1223px) { 
	
	section.potrebbe .white { height: 435px; }
	.single-usato section.cta-usato .cont { padding: 100px 70px; }
	.single-usato section.nuovo .white .grey {padding: 9px 20px;}
	.single-usato section.nuovo .white { height: 425px; }

	/* QUI PARTE IL MENU MOBILE ITALIANO*/ 
	header .neg_top { position:static; }
	#masthead { position: relative; }
	.lingua { top:10px; background-position: 115% 50%;}
/*	.top_menu { display: none; } */
	.menu-toggle {color: #00665B; font-size: 27px; position: absolute; right: 95px; top: 35px}
	.lingua .active{ padding-left: 15px; padding-right: 25px; width: 52px;}
	.lingua ul{width: 49px;position: relative;left: -15px;}
	.lingua ul li{width: 48px;}
	/* home */
	section.three_box a .green{height: auto; line-height: unset;}
	section.three_box a .green img{margin-top: 0;transition: all 0.5s;position: relative;bottom: 0;padding: 20px 0;}
}

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

	.shadow {height: 35vh;}

	.single-usato section.nuovo .white { height: 435px; }

	section.three_box a .green p {
		margin-right: 0;
	}

	section.three_box a .green {
		padding: 0 23px;
	}

	section.three_box a .green h3 {
		font-size: 26px;
		line-height: 34px;
	}

	section.video h2 { font-size: 34px; line-height: 1.2; }
	section.video p {font-size: 20px;}
	section.video a {font-size: 20px;}
	section.video .white { padding:60px; }

	/* home */
	section.macchinari p.big{ font-size: 34px; line-height: 1.2; }
	section.soluzioni .intestazione p{ font-size: 34px; line-height: 1.2; }
	.section-prodotti .white {height: 425px;}
}

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

	section.tab-system ul li a {font-size: 17px;}
	.shadow {height: 30vh;}
	section.news-page .white span.titolo {font-size: 21px;}
	.section-prodotti .white .grey {padding: 10px 20px;}
	.section-prodotti .white {height: 435px;}
	section.video h2 { font-size: 32px; line-height: 1.1;  }
	section.video p {font-size: 19px;}
	section.video a {font-size: 19px;}
	section.video .white { padding:50px; }
	footer .site-info ul li a {margin: 0 15px; }

	section.three_box a .green p {
		margin-right: 0;
	}

	section.three_box a .green {
		padding: 0 20px;
	}

	section.three_box a .green h3 {
		font-size: 25px;
		line-height: 32px;
	}
	/* home */
	section.macchinari p.big{ font-size: 32px; line-height: 1.1; }
	section.soluzioni .intestazione p{ font-size: 32px; line-height: 1.1; }
}
@media screen and (max-width: 959px) {
	.badge_news {margin: 0 auto; text-align: center!important;}
	.search select { width: 100%; }
	.contenuto a.button {margin-bottom: 50px;}
	.jssocials { bottom: -30px;}
	section.content-post span.hall {font-size: 24px;}
	section.content-post span.data {font-size: 21px;}
	section.content-post span.dove{font-size: 21px;}
section.content-eventi .content-eventi {padding-top: 25px}
	section.lavorazione .lavorazione {padding-bottom: 0;}
	.single-prodotti .breadcrumbs {margin-bottom: 25px;}
	.single-expertise .breadcrumbs {margin-bottom: 25px;}
	.single-prodotti .no-mobile { display: none; }
	.single-prodotti .no-desktop{ display: block; }
	.single-expertise .no-mobile { display: none; }
	.single-expertise .no-desktop{ display: block; }
	section.video-container a.link img {width: 135px;}
	
	section.menu_expertise .border {margin-bottom: 75px;}
	section.linea h3 {font-size: 48px;}
	.shadow {height: 28vh;}
	section.menu_expertise .border {height: auto; border: none}
	section.content-eventi .uk-text-center img {}
	section.form form .multiopzione span.last { width: 100%; margin-left: 0; } 
	section.form form .multiopzione .wpcf7-list-item:nth-child(4) { width: 100%; margin-left: 0; } 
	.single-usato .banner span.sottotitolo {font-size: 30px; text-align: center; padding: 0 10px;}
	.single-prodotti .banner span.sottotitolo {font-size: 30px; text-align: center; padding: 0 10px;}
	.single-expertise .banner span.sottotitolo {font-size: 30px;text-align: center; padding: 0 10px; }
	.section-filter {margin-bottom: 0;}
	section.form form .multiopzione .wpcf7-list-item:nth-child(2) {margin-left: 0; width: 100%;}
	.banner-page h1 { text-align: center; }
	.banner h1 { text-align: center; }
	section.pacchetti .contattaci_box {margin: 75px 0 75px;}
	.contenuto h2 {font-size: 32px;}
	.tax-cat_prodotti .titolazione {font-size: 32px;}
	section.storia .centers {     width: 90%; display: block; margin: 0 auto; }
	section.storia span.titoletto { writing-mode: vertical-lr; }
	section.storia .green-left { width: 80%; margin:0 auto }
	section.storia .green-right { width: 80%; margin:0 auto }
	section.storia .height { text-align: center; height: 400px; line-height: 400px; }
	section.storia .anno {margin: 0 auto;}
	section.storia .border {margin-top: 35px; background: url('img/border_vertical.png') center no-repeat; height: 100px; margin-left: 40px;}
	section.storia .border img {visibility: hidden; opacity: 0;}

	section.three_box {height: auto;}
	footer .site-info ul li a {margin: 0 10px; }
	section.cta .grey {text-align: center; height: 250px; line-height: 250px;padding-top: 10px;}
	section.cta .grey a { text-align: center; display: table; margin: 0 auto; padding:25px 30px }
	section.tab-system ul li a {font-size: 16px;}
	section.video-container a.link img { width: 100px; }
	section.video-container span.video_title {font-size: 32px;}
	section.soluzioni .intestazione p {font-size: 32px;}
	section.news_eventi h3 {font-size: 32px;}
	section.cercando h3 {font-size: 32px;}
	.filtri-locations .filtri-categoria .filter-button {padding: 0 15px; font-size: 17px;}
	/* menu */
	.menu-toggle {right: 85px;}
	/* home */
	section.video{height: auto;}
	section.video video{height: 50%; position: absolute; top: 0; left: 0;}
	section.video .white{height: unset; top: 265px; bottom: unset; left: 0; margin-bottom: 115px !important; margin: 0 25px; position: relative; background: none;}
	section.macchinari{padding: 75px 0 150px;}
	section.news_eventi .padding {padding: 30px; height: 210px;}

	/* network */
	.listing-locations {margin-top: 0;}
	.location-container { text-align: center; }
	.location-container .uk-text-right {text-align: center!important;}
	.location-container .uk-text-right a.button{     display: inline-block;margin: 0 auto;}
}
@media screen and (max-width: 900px) { 
	section.tab-system ul li a {font-size: 15px;}
	section.video-container a.link img {width: 125px;}
}
@media screen and (max-width: 850px) {
	section.tab-system ul {width: 850px; border-right: 30px solid #F0F2F4}
	section.tab-system .contenuti span {font-size: 20px;}
	section.video-container a.link img {width: 120px;}

}
@media screen and (max-width: 749px) { 
	section.form form .multiopzione .wpcf7-list-item {width: 100%!important;}
	section.news_eventi .padding-eventi { padding-left:30px; padding-right: 30px; }
	section.tab-system .contenuti span {font-size: 19px;}
	
	section.video-container a.link img {width: 115px;}
	.uk-modal-dialog { width: 550px; }
	section.prodotti_associati h3 {font-size: 32px;}
	section.linea span.titolo {font-size: 32px;}
	section.linea h3 {font-size: 36px;}
	.shadow {height: 27vh;}
	.single-usato .banner span.sottotitolo {font-size: 28px; }
	.single-prodotti .banner span.sottotitolo{font-size: 28px; }
	.single-expertise .banner span.sottotitolo {font-size: 28px; }
	section.content-post h1 {font-size: 42px} 
	.banner-page h1 {font-size: 42px} 
	.banner h1 {font-size: 42px} 
	.contenuto h2 {font-size: 28px;}
	.tax-cat_prodotti .titolazione {font-size: 28px;}
	section.storia .green-left { width: 75%; margin:0 auto }
	section.storia .green-right { width: 75%; margin:0 auto }
	section.storia span.titolo { font-size: 28px; }
	section.storia .anno {font-size: 100px; left: auto!important}
	section.storia .anno span {left: auto!important}
	footer .site-info { line-height: 1.5; }
	section.tab-system ul li a {font-size: 15px;}
	section.video-container a.link img { width: 90px; }
	section.soluzioni .intestazione p {font-size: 30px;}
	section.news_eventi h3 {font-size: 30px;}
	section.cercando h3 {font-size: 30px;}
	/* section.news_eventi .padding { padding: 0 35px; } */
	.filtri-locations .filtri-categoria .filter-button {padding: 0 12px; font-size: 16px;}
	section.news_eventi .padding {padding: 30px !important; height: 200px;}

}

@media screen and (max-width: 639px) {
	section.cta .grey a {font-size: 16px; padding: 25px 20px; display: block;}
	section.news_eventi .uk-slider-container a.topleft { right: 50px}

	section.news_eventi .uk-slider-container a.topleft img { width: 50px; }
	section.news_eventi .uk-slider-container a.topright img { width: 50px; }
	section.news_eventi .uk-slider-container a.uk-position-top-right  img{ width: 50px; }
	section.cercando a .green_title {font-size: 16px; padding: 0 10px}
	section.video-container .video { padding: 0; }
	section.video-container a.link img {width: 110px;}
	section.tab-system  a.uk-position-center-right {right: -16px!important;}
	section.tab-system  a.uk-position-center-left {left: -16px!important;}
	section.tab-system .contenuti span {font-size: 17px;}
	.shadow {height: 26vh;}
	.single-usato .banner span.sottotitolo {font-size: 26px; }
	.single-prodotti .banner span.sottotitolo{font-size: 26px;}
	.single-expertise .banner span.sottotitolo {font-size: 26px; }
	.social .uk-button-white {padding: 15px 30px;}
	.contenuto h2 {font-size: 26px;}
	.banner-page h1 {font-size: 36px; padding: 0 10px;} 
	section.content-post h1 {font-size: 36px} 

	.banner h1 {font-size: 36px; padding: 0 10px;} 
	.tax-cat_prodotti .titolazione {font-size: 26px;}
	.tax-cat_prodotti .titolazione p {margin-bottom: 0;}
	section.storia .green-left { width: 65%; margin:0 auto }
	section.storia .green-right { width: 65%; margin:0 auto }
	section.storia .height p {font-size: 15px;}
	section.storia span.titoletto { margin: 35px 0; }
	.location-container { text-align: center; }
	.location-container .uk-text-right {text-align: center!important;}
	.location-container .uk-text-right a.button{     display: inline-block;margin: 0 auto;}
	section.video-container a.link img { width: 80px; }
	section.cta .center { height: 300px; line-height: 300px; }
	section.cta .center h3 { font-size: 36px; }
	section.cta .center p { font-size: 18px; }
	section.soluzioni .intestazione p {font-size: 28px;}
	section.news_eventi h3 {font-size: 28px;}
	section.cercando h3 {font-size: 28px;}
	footer {text-align: center;}
	.social .green ul {text-align: center;}
	.social .green ul li {margin-right: 10px;}
	.social .green a {display: table; margin: 0 auto;}
	section.video h2 { font-size: 28px; line-height: 1.1;  }
	section.video p {font-size: 18px;}
	section.video a {font-size: 18px;}
	section.video .white {    padding: 40px 20px;  margin: 0 20px; }
	.menu-toggle { right:70px }
	footer .site-info ul li a {margin: 0 7px; font-size: 13px;}
	.no-mobile {
		display: none;
	}
	/* home */
	section.macchinari p.big{ font-size: 28px; line-height: 1.1; }
	section.soluzioni .intestazione p{ font-size: 28px; line-height: 1.1; }
	section.news_eventi a span.category{font-size: 11px; margin-bottom: 0;}
	section.news_eventi a span.title{
		font-size: 16px;
		margin-bottom: 0;
	}

	/* STRATEGIE E VISIONE */
	section.news_eventi .padding {
		padding: 80px 50px;
	}
	section.news_eventi .white{
		/*padding: 0 15px !important;*/
		height: auto;
	}
	section.news_eventi .grey{
		/*padding: 0 15px !important;*/
		height: auto;
	}

	section.cta-energia .cont {
		padding: 77px 50px 50px 50px;
	}

	section.cta-tele .cont {
		padding: 77px 50px;
	}
	section.cta-help .cont {
		padding: 77px 50px;
	}
	section.cta-magazzino .cont {
		padding: 77px 50px;
	}
	section.cta-utensili .cont {
		padding: 77px 50px;
	}
	section.cta-ricambi_2 .cont {
		padding: 77px 50px;
	}

	section.cta-personalizzato .cont {
		padding: 77px 50px;
	}
	section.cta-usato .cont {
		padding: 77px 50px!important;
	}

	section.cta-energia {
		margin-top: 60px;
	}


	section.cta-tele {
		margin: 0!important;
	}

	/* FOOTER	 */
	.social .green{
		padding: 50px 15px;
		height: auto;
	}

	.cta-mobile {
		margin-top: 20px !important; 
		text-align: left !important;
	}

	.cta-mobile ul li a {
		margin-left: 0 !important;
		margin-right: 15px;
	}

	.cta-mobile ul li a svg{
		width: 50px;
		height: 50px;
	}

	.cta-mobile ul li a image {
		width: 50px;
		height: 50px;
	}
}

@media screen and (max-width: 599px) {
		section.video .white {    padding: 40px 15px;  margin: 0 15px; }

	.uk-modal-dialog {width: 500px;}
	section.video-container a.link img {width: 60px;}
	section.video-container a.link {font-size: 14px; margin-right: 30px;}
	section.tab-system .contenuti span {font-size: 16px;}
	.shadow {height: 25vh;}
	.single-usato .banner span.sottotitolo {font-size: 25px; }
	.single-prodotti .banner span.sottotitolo {font-size: 25px; }
	.single-expertise .banner span.sottotitolo {font-size: 25px; }

	section.storia .green-left { width: 60%; margin:0 auto }
	section.storia .green-right { width: 60%; margin:0 auto }
	.cta-mobile ul li a image {
		width: 46px;
		height: 46px;
	}
	.social .green ul li {margin-right: 0;}
	/* GENERALI */
	/*.lingua,
	.top_menu {
		display: none;
	}*/

	/* STRATEGIE E VISIONE */
	section.cta-energia .cont {
		padding: 77px 15px;
	}

	section.cta-tele .cont {
		padding: 77px 15px;
	}
	section.cta-help .cont {
		padding: 77px 15px;
	}
	section.cta-utensili .cont {
		padding: 77px 15px;
	}
	section.cta-ricambi_2 .cont {
		padding: 77px 15px;
	}
	section.cta-magazzino .cont {
		padding: 77px 15px;
	}
	section.cta-personalizzato .cont {
		padding: 77px 15px;
	}

	section.cta-usato .cont {
		padding: 77px 15px!important;
	}

	section.cta-energia {
		margin-top: 50px;
	}

	section.cta-tele {
		margin: 50px 0 !important;
	}

	

	
}

@media screen and (max-width: 470px) {
	body.pt-pt section.tab-system .cont {min-height: 550px;}
	body.pt-pt section.tab-system .cont p, body.pt-pt section.tab-system .cont h3 {
		padding: 0 45px;
	}
}

@media screen and (max-width: 459px) {
	section.video .white {    padding: 40px 10px;  margin: 0 10px; }
	.uk-modal-dialog {width: 340px;}
	.uk-modal-dialog .form { padding: 30px 20px;}

	section.video-container a.link img {width: 50px;}
	section.tab-system .contenuti span {font-size: 14px;}
	.shadow {height: 24vh;}
		section.storia .green-left { width: 75%; margin:0 auto }
	section.storia .green-right { width: 75%; margin:0 auto }

	section.news_eventi .padding{
		padding: 10px !important;
		height: 180px;
	}
	section.news_eventi a span.title{
		font-size: 13px;
		margin-bottom: 0;
	}
	section.news_eventi .white{
		/*padding: 0 10px !important;*/
		height: auto;
	}
	section.news_eventi .grey{
		/*padding: 0 10px !important;*/
		height: auto;
	}
}
@media screen and (max-width: 400px) { 

.uk-modal-dialog {width: 320px;}

}

@media screen and (max-width: 390px) {
	body.pt-pt section.tab-system .cont {min-height: 700px;}
}