@media(min-width:992px) and (max-width:1199px) {
	.stmil-menu-area .nav-item .nav-link { font-size: 20px; letter-spacing: 1px }
	.hero-content-area .hero-text { width: 450px }
	.stmil-about-us-area .about-us-text { padding: 30px }
	.single-clients-logo { height: 150px }
	.single-portfolio-text { padding: 50px 0 50px 50px; width: 450px }
	.single-portfolio-text p { font-size: 11px }
	.stmil-hero-area { height: 600px }
	.stmil-static-welcome-area { height: 450px }
	.static-content { padding: 50px 70px }
}
@media(min-width:768px) and (max-width:991px) {
	.stmil-menu-area .nav-item .nav-link { font-size: 18px; letter-spacing: 1px }
	.stmil-main-menu { padding-left: 15% }
	.header-social-info { padding-right: 15% }
	.hero-content-area .hero-text { width: 330px }
	.stmil-about-us-area .about-us-text { padding: 30px }
	.gallery-hover-overlay { padding: 20px }
	.gallery-hover-overlay .port-hover-text>h3 { font-size: 20px }
	.stmil-method-video, .video-play-btn { height: 350px }
	.single-clients-logo { height: 100px }
	.stmil-blog-area .col-12:last-of-type .stmil-single-blog-area { margin-top: 30px }
	.footer-social-widget>a { margin-right: 15px }
	.single-portfolio-text { padding: 50px 0 50px 50px; width: 330px }
	.single-portfolio-text h2 { font-size: 30px; margin-bottom: 80px }
	.project-meta-data>div>p { padding: 10px 5px }
	.single-portfolio-text p { font-size: 10px }
	.stmil-hero-area { height: 500px }
	.hero-content-area .hero-text h2 { font-size: 30px }
	.stmil-static-welcome-area { height: 350px }
	.static-content { padding: 40px 50px }
}
@media(min-width:320px) and (max-width:767px) {
	.header_area { height: 70px; background: #fff; }
	.stmil-menu-area .nav-item .nav-link { font-size: 22px; letter-spacing: 1px; padding: 5px 0; }
	.stmil-main-menu { padding-left: 0; width: 100%; background-color: rgba(255, 255, 255, 1); position: fixed; right: -125%; top: 0; z-index: 999; -webkit-transition-duration: 1000ms; transition-duration: 1000ms; }
	.navbar { text-align: center; width: 100%; display: block; }
	.header-social-info { padding-right: 10% }
	.stmil-menu-area .dropdown-item { padding: 5px; font-size: 18px; letter-spacing: 0 }
	.navbar-nav .dropdown-menu { position: relative; text-align: center; }
	.logo_area>a { width: unset; height: 70px; padding: 10px; }
	.logoTesto {    /* text-decoration: none; */
	color: #000 !important; font-family: "Times New Roman", serif; font-size: 34px; font-weight: bold; letter-spacing: 0px; 
text-shadow: none;
}
	.menu-open-close { width: 50px; height: 50px; top: 10px; }
	.hero-content-area { width: 100%; background: transparent; padding: 45px 20px; bottom: 20%; }
	.citazione { font-style: italic; color: #c5c5c5; font-size: 15px; }
	.stmil-hero-area { height: 500px; background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url('../public/slide/1.jpg'); background-size: cover; background-position: top center; }
	.hero-content-area .hero-text h2 { font-size: 18px; margin-bottom: 50px; color: #fff; text-shadow: 0 0 2px black; }
	.hero-text>a { font-size: 12px; text-transform: uppercase; color: #fff !important; letter-spacing: 4px; background: #0000008c; padding: 10px; }
	.hero-content-area .hero-text { width: 100%; text-align: center;		/* color: #fff; */ text-shadow: 0 0 black; }
	.stmil-about-us-area .about-us-text { padding: 30px }
	.stmil-projects-menu button.btn { padding: 0 5px; letter-spacing: 1px }
	.gallery-hover-overlay { padding: 20px }
	.stmil-method-video, .video-play-btn { height: 200px }
	.single-clients-logo { -ms-flex-preferred-size: 33.3333333%; flex-basis: 33.3333333%; height: 100px; width: 33.33333333% }
	.gallery-hover-overlay .port-hover-text>h3 { font-size: 20px }
	.contact_from { padding: 30px; top: 0; left: 0 }
	.stmil-single-blog-area { margin-bottom: 30px }
	.stmil-blog-area .col-12:last-of-type .stmil-single-blog-area { margin-bottom: 0 }
	.stmil-portfolio-content-area { width: calc(80% - 0px); bottom: 200px }
	.single-portfolio-text { padding: 30px; width: 250px }
	.single-portfolio-text h2 { font-size: 24px; margin-bottom: 50px }
	.project-meta-data>div>p { padding: 10px }
	.stmil-portfolio-share>a { padding: 20px }
	.stmil-static-welcome-area { height: 220px }
	.static-content { padding: 30px; margin-top: -100px }
	.static-content h3 { font-size: 20px; margin-bottom: 20px }
	.static-page-area { padding-bottom: 0; }
	.static-content blockquote { padding: 30px 0; margin: 50px 0 }
}
@media(min-width:480px) and (max-width:767px) {
	.hero-content-area .hero-text { width: 320px }
	.single-portfolio-text { width: 380px }
}
@media(min-width:576px) and (max-width:767px) {
	.hero-content-area .hero-text { width: 400px }
	.single-portfolio-text { width: 460px }
	.single-portfolio-text p { font-size: 11px }
}