/* Responsive CSS */

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

html {font-size: 10px; }
.menu li a, .mynav button {font-size: 1.7rem;}
.mynav > ul > li.menu-item-has-children > a::after { top: 6px;}
    
}

@media (max-width: 1430px) {

/*.mynav, .mynavright {display: none;}
.hambcont {display: unset;}*/

}

@media (max-width: 1024px) {

.headpage, .headpage::after {height: 50vh;}
.item_image, .item_image::after, .owl-stage-outer {height: 50vh;}
.item {height: 50vh;}

}


@media (max-width: 1024px)
and (orientation : landscape) {


}

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

.img_head {display: none;}
.headarchive {padding: 60px 0; min-height: unset;}
.boxtxtheero {max-width: 560px; padding-left: 45px;}
.rowabout h3 {font-size: 2.4rem;}
.titlefooter h4 {font-size: 2.8rem !important;}
.footer h4 {font-size: 2rem; padding: 0px 0px 30px;}
.footer li a {font-size: 1.4rem;}
.infofooter {padding-left: 0px !important; padding-bottom: 30px !important;}
.menu_footer {padding-left:0; margin-bottom: 30px;}
.socialfoot {padding-left:0;}

}

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


.contpage {padding: 60px 0 15px;}
.boxtitle_archive_ann p {max-width: unset; margin-left: unset;}
.introhome .wpb_single_image img {margin-bottom: 30px;}
.rowrivestimenti .vc_btn3-container, .rowaccessori .vc_btn3-container {margin-bottom: 30px;}
.rowrivestimenti .mycard, .rowaccessori .mycard {margin-bottom:45px;}
.cardcase .article-feature-image, .cardcase .mycoverweb { min-height: 45vh; border-top-right-radius: 10px !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.boxtestorowabout .wpb_wrapper {padding-left: 0 !important;padding-top: 30px;}
.rowabout h3 {font-size: 2.4rem; margin-bottom: 0;}
.rigalastcase .wraptext {padding: 15px 30px 30px 30px;}
.cardcasewrapper {border-top-right-radius: 0; border-bottom-left-radius: 10px;}
.mycardprod {margin-bottom: 45px;}
.titolo_prodoric h3 {font-size: 2.4rem; margin-bottom: 30px;}
.rowprodrichiesti {padding: 60px 0 30px;}

}


@media (max-width: 737px)
and (orientation : landscape) {



}


@media (max-width: 676px)
and (orientation : landscape) {



}

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

.boxtxtheero {max-width: 430px; padding-left: 45px;}
.boxtxtheero h1 {font-size: 3.8rem;}
.myheero {margin-bottom: 30px;}
    
}

@media (max-width: 575px) {

.boxtitle_archive h1, .boxtitle_archive_ann h1 {font-size: 3.8rem;}
.headnews {padding: 45px 15px;}
.boxtitle_archive h1 {font-size: 3.8rem;}
.contattisx h2 {margin-top: 30px;text-align: center !important;}
.contattisx p {text-align: center !important;}
.boxtxtheero {max-width: 400px; padding-left: 30px;}
.boxtxtheero h1 {font-size: 2.8rem;}
.boxtxtheero p {ont-size: 1.6rem;}
.rowlastcase {padding: 90px 15px 45px;}
.footer {padding: 60px 44px !important;}
.subfooter, .subfooter_right {text-align: center;}
.subfooter_right {padding-top:10px !important;}
.boxtxtheeropage h1 {font-size: 3.2rem;}
.boxtxtheeropage p {font-size: 1.4rem;max-width: 100%;}
.myheeropage { margin-bottom: 0;}
.introabout p {font-size: 2rem;}
#casecarousel .owl-stage, #casecarousel .owl-stage-outer {height: 55vh;}
.rigatestoabout h3 {font-size: 2.4rem; margin-bottom: 30px;}
.contpage {padding-bottom: 0 !important; padding-left: 30px; padding-right: 30px;}
.myheeropage { min-height: calc(40vh - 100px); padding: 0 15px;}
.headtop::after {height: 25vh !important;}
.rigatestoabout p {font-size: 1.6rem;}
.cardcase .article-feature-image, .cardcase .mycoverweb {min-height: 30vh; border-top-right-radius: 10px !important;}
.wraptext {padding: 15px 30px 30px 30px;}
.mybreadcrumbs {padding: 30px 20px 29px;}
.boximgcasenews {min-height: 30vh;}
.boxtestocasenews h2, .boxtestocasenews h3 {font-size: 3rem;}
#casecarousel .item {height: 30vh;}
#casecarousel .owl-stage, #casecarousel .owl-stage-outer {height: 40vh;}
.rowcasecarousel {padding: 60px 30px;}
.colcontattisx {padding-right: 0px; padding-bottom: 45px;}
.formcontatti {padding-left: 0;}

}

@media (max-width: 475px) {

.myheero {min-height: calc(80vh - 100px); width: calc(100vw - 30px);margin-left: 15px;}
.boxtxtheero {padding-top: 30px;}
.svgscrolldown svg {width: 16px;}
.boxtxtheero h1 {font-size: 2.8rem;}
.boxtxtheero p {ont-size: 1.6rem; margin-bottom: 30px;}
.boxtxtheero button {margin-bottom: 15px;}
.introhome {margin-bottom: 0px;}
.rowrivestimenti, .rowaccessori {padding: 60px 0 15px;}
.rowabout {padding: 60px 0;}.boxtestorowabout 
.cardcase .article-feature-image, .cardcase .mycoverweb { min-height: 45vh;}
.rigatestoabout :first-child .wpb_wrapper {padding: 0;}
.rigatestoabout h3 { padding-left: 0;}
.boxtxtheeropage h1 {font-size: 3rem;}
.footer li {padding-bottom: 5px;}

}

@media (max-width: 420px) {

.boxtxtheero { max-width: 300px; padding-left: 15px;}
.boxtxtheero h1 {font-size: 2.6rem;}
.boxtxtheero p {font-size: 1.6rem;}

}

@media (max-width: 414px) {

.boxtitle_page h1 {font-size: 3rem;}
.headpage {padding: 60px 0;}
.headpage, .headpage::after {height: 30vh;}
.myheeropage {width: calc(100vw - 30px); margin-left: 15px;}
.headtop .logo img {max-height: 30px;}
.headtop {padding: 15px 15px;}
.icon-bar i {font-size: 20px;}
.icon-bar {text-align: center;}
.rigatestoabout {margin: 30px 0;}
.rowcasecarousel {padding: 45px 15px 60px;}
#casecarousel .item {height: 30vh;}
#casecarousel .owl-stage, #casecarousel .owl-stage-outer {height: 40vh;}
.contpage {padding-left: 15px;padding-right: 15px;}
.wraptext {padding: 15px 15px 30px 15px;}
.cardcase h3 {margin-bottom: 20px;padding-top: 15px;}
.boxtestocasenews p, .boxtestocasenews li {font-size: 1.6rem;}
.mybreadcrumbs, .mybreadcrumbs p, .mybreadcrumbs a {font-size: 1.2rem; font-weight: 500;}
.formcontatti .wpb_wrapper {padding: 15px 5px;}

}


@media (max-width: 376px) {

.boxtxtheero {max-width: 300px; padding-left: 15px; padding-right: 15px;}
.boxtxtheero h1 {font-size: 2.4rem;}
.boxtxtheero p {font-size: 1.6rem;}
.boxtxtheeropage h1 {font-size: 2.6rem;}
.cardcase .article-feature-image, .cardcase .mycoverweb {min-height: 20vh;}
#casecarousel .item {min-height: 30vh;}
#casecarousel .owl-stage, #casecarousel .owl-stage-outer {height: 32vh;}
.boxtestocasenews {padding: 30px 15px 0;}


}


@media (max-width: 320px) {



}