/*================================================
1500px
=================================================*/

@media screen and (max-width: 1500px){
	.banner .container h2 {font-size: 3rem;}
    .banner i {font-size: 2rem;}
    .banner .container h4 {font-size: 1.5rem;}
}

/*================================================
1301px
=================================================*/

@media screen and (max-width: 1301px){
    .footerlogin p{font-size: .8rem;}
}

/*================================================
1300px
=================================================*/

@media screen and (max-width: 1300px){
	.banner .container div:nth-child(1) {padding: 10px;}
    .banner i {font-size: 1.5rem;}
}

/*================================================
1260px
=================================================*/

@media screen and (max-width: 1260px){
    .banner .container h2 {font-size: 2.5rem;}
    .banner form button {margin-top: 1%;}
    .banner p {margin-bottom: .5rem;}
}

/*================================================
1199px
=================================================*/

@media screen and (max-width: 1199px){
    .error span{width: 100%; text-align: center;}
    #sliderhome .carousel-item .container p, .footerlogin p{font-size: 1rem;}
    .contenitoreinfo h4, .box h4{font-size: .9rem;}
    .contenitoreinfo .btn-danger span, .btns_box a span{display: none;}
    .btns_box a .fa-shopping-cart:before {content: "\f218";}
    .dropdown-menu {top: 162%;}
    .menuscroll .dropdown-menu {top: 148%;}
    .banner .container h2 {font-size: 2rem;}
    #sliderhome .carousel-item .container h4, .banner .container h4 {font-size: 1.3rem;}
    .invio .btn-danger {width: 40%;}
    #sliderhome .carousel-item .container h2 {font-size: 2.5rem;}
    #sliderhome .carousel-control-prev{right: 35px;left: unset;}
    .box h4 {font-size: .8rem;}
    .carousel-control-next-icon, .carousel-control-prev-icon {width: 15px;height: 15px;}
    .freccia {padding: 8px;}

}

/*================================================
1041px
=================================================*/

@media screen and (max-width: 1041px){
    .footerlogin p{font-size: .8rem;}
}

/*================================================
991px
=================================================*/

@media screen and (max-width: 991px){
    .box-ricerca .col-lg-2 button, .resi a{width: 100%;}
    .error{margin-top: 0 !important;}
    .boxinfo .col-lg-3{padding: 15px;}
    .banner .container div:nth-child(1), .banner .container p, .filtro .col-lg-4:last-child{display: none;}
    footer .row .col-lg-4:nth-child(3) div:nth-child(1), footer .row .col-lg-4:nth-child(2) div:nth-child(2), footer .row .col-lg-4:nth-child(3) div:nth-child(2) {margin-top: 5%;}
    .mb-5, .my-5 {margin-bottom: 1rem!important;}
    button:focus {outline: none;}
    .freccia {border-radius: 5px;}
    .footerlogin p, .fine p {font-size: .9rem;}
    #sliderhome .carousel-item .container p {font-size: .8rem;}
    #sliderhome .carousel-control-next {right: 5px;}
    #sliderhome .carousel-control-prev {right: 40px;}
    #menu ul:nth-child(2) .nav-item:nth-child(1){display: none;}
    .call button{width: 100%;margin-top: 3%;}
    .footerlogin{margin: 0 auto;}
    .nav-icon{display: flex;}
    .titolo .container .row .col-lg-4:nth-child(3){display: flex; flex-direction: column-reverse;}
    .about .row .col-lg-6:nth-child(2), footer .row .col-lg-4:nth-child(2) {margin-top: 5%;}
    .box-ricerca .col-12{margin: 1% 0;}
    .box-ricerca .col-lg-2 a {margin-top: 1%;}
    .navbar-light .navbar-toggler{border: 0;}
    #menumobile{display: flex; align-items: center;}
}

/*================================================
940px
=================================================*/
@media screen and (max-width: 940px){
  #iscrizione .modal-dialog {max-width: 800px;} 
}

/*================================================
868px
=================================================*/

@media screen and (max-width: 868px){
    .footerlogin p{font-size: .8rem;}
}

/*================================================
850px
=================================================*/

@media screen and (max-width: 850px){
    #sliderhome .carousel-control-next-icon, #sliderhome .carousel-control-prev-icon {
        width: 10px;
        height: 10px;
    }
    #sliderhome .carousel-control-prev {right: 40px;}
    #sliderhome .carousel-item .container h2 {font-size: 2rem;}
}

/*================================================
767px
=================================================*/

@media screen and (max-width: 767px){
    .contenitoreinfo h4, .box h4 {font-size: .8rem;}
    #sliderhome .carousel-item .container h2 {font-size: 1.5rem;}
    #sliderhome .carousel-item .container h4 {font-size: 1rem;}
    #sliderhome .carousel-item .container p {display: none;}
    #sliderhome .carousel-item .container .btn-danger {width: 100%;}
    .contenitoreinfo .btn-danger, .invio .btn-danger, .banner form button, .banner form input[type = email] {width: 100%;}
    footer .row .col-lg-4:nth-child(2){display: block;}
    footer .row .col-lg-4:nth-child(2) div:nth-child(1){margin-top: 5%;}
    footer .row .col-lg-4:nth-child(3){display: flex; flex-direction: column-reverse;}
    .freccia {border-radius: 5px;}
    .loginpage .col-xl-4{
        position: absolute;
        z-index: 2000;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    .logo, .form h2 {margin-bottom: 5%;}
    .recuperopw form{
        position: absolute;
        width: 90%;
        right: 0;
        margin: 0 auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .recuperopw .call .btn-primary{width: 100%;}
    .footerlogin .col-sm-12{text-align: center; margin-bottom: 1%;}
    .footerlogin p{font-size: 1rem; color: #a4aab2;}
    .boxmobile{background: rgba(255,255,255,1);padding: 15px;border-radius: 5px; position: relative;}
    .protetto{position: relative; padding-top: 0; right: 0;}
    .protetto img {width: 10%;}
    .loginpage{width: unset;}
    .loginpage .col-12{padding: 0;}
    .loginpage{
        width: 100%;
        position: fixed;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
    }
    .loginpage, .col-xl-8{overflow:hidden;}
    .call a {color: #232f3e;}
    .footerlogin{
        left: 0;
        right: 0; 
        padding-bottom: 0px; 
        position: fixed;
        margin: 0 auto !important;
        width: 100%;
    }
    .recuperopw{
        position: absolute;
        width: 100%;
        background: white;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 5px;
    }
    .boxcart .imgcart {width: 40%;}
    .infocart {flex-direction: column;}
    .boxcart .icart {width: 100%; margin: 1% 1% 0 1%;}
    .boxcart .qta {justify-content: left;}
    .boxcart input {width: 20%; margin-left: 5px;}
}

/*================================================
700px
=================================================*/

@media screen and (max-width: 700px){
    .boxnero .container div:nth-child(2), .carousel-control-next, .carousel-control-prev{display: none;}
}



/*================================================
575px
=================================================*/

@media screen and (max-width: 575px){
    .loginpage .col-xl-4{width: 90%;}
    .contenitoreinfo {margin-bottom: 0px;}
    .banner form{padding: 0 15px;}
    .contenitoreinfo h4 {margin: 2% 0;}
    #menu .nav-link {font-size: 1rem;}
    #sliderhome .carousel-item .container h4 {font-size: .9rem;}
    .owl-theme .owl-nav {margin-top: 0px;}
    .owl-nav .owl-prev, .owl-nav .owl-next {
        width: 30px;
        height: 30px;
        border-radius: 5px !important;
    }
    .title-line i {font-size: 18px;}
    .bred h3{font-size: 1.4rem;}
    .navbar-brand img {width: 60%;}
    .boxnero a, .boxnero span, .boxnero {font-size: 13px !important;}
    .proposte .btns_box div:nth-child(2){margin-top: 3%;}
    .btns_box div:nth-child(1){margin-bottom: 3%;}
    .btns_box button{width: 100%;}
    .box .btns_box{display: block;}
    .footerlogin p, .fine p {font-size: .7rem;}
    .banner .container h4 {font-size: 1.1rem;}
    #sliderhome .carousel-item .container h4{font-size: .9rem;}
    .banner .container h2 {font-size: 1.8rem;}
    .titolo {margin-top: 5%;}
    .error{margin-top: 0 !important;}
}

/*================================================
482px
=================================================*/

@media screen and (max-width: 482px){
    #sliderhome .carousel-item .container h4{display: none;}
}

/*================================================
470px
=================================================*/

@media screen and (max-width: 470px){
    .loginpage .col-xl-4{width: 80%;}
    #contenitorefiltro button{width: 100%;}
    .footerlogin p, .fine p {font-size: .6rem;}
}

/*================================================
450px
=================================================*/

@media screen and (max-width: 450px){
    .banner .container h4 {font-size: .8rem;}
    .banner .container h2 {font-size: 1.5rem;}
    .title-line i {font-size: 15px;}
    .bred h3,{font-size: 1.2rem;}
    .boxcart input {width: 30%;}
}

/*================================================
433px
=================================================*/

@media screen and (max-width: 433px){
    .alert-danger{font-size: .8rem;}
    .footerlogin p {font-size: .7rem;}
    #sliderhome .carousel-item .container h2 {font-size: 1.2rem;}
    .bred h3 {font-size: 1.3rem;}
}

/*================================================
410px
=================================================*/

@media screen and (max-width: 410px){
    .footerlogin p{font-size: .8rem;}
    .logo {width: 80%;}
    .logo, .form h2 {margin-bottom: 5%;}
    .fine {padding: 15px;}
}

/*================================================
382px
=================================================*/

@media screen and (max-width: 382px){
    form .alert-danger{font-size: .8rem;}
    .bred h3 {font-size: 1.2rem;}
}

/*================================================
370px
=================================================*/

@media screen and (max-width: 370px){
    form .alert-danger{font-size: .7rem;}
    .footerlogin footer .container a{font-size: .9rem;}
}

/*================================================
340px
=================================================*/

@media screen and (max-width: 340px){
    .btn {font-size: .7rem;}
    #sliderhome .carousel-item .container h2 {font-size: 1rem;}
    .banner .container h2 {font-size: 1.2rem;}
    .bred h3 {font-size: 1.1rem;}
    .boxcart input {width: 35%;}
}

/*================================================
330px
=================================================*/

@media screen and (max-width: 330px){
    .footerlogin p, form .alert-danger{font-size: .7rem;}
}

/*================================================
login responsive altezza
=================================================*/

@media screen and (max-height: 770px){
    .logo {width: 40%;}
    .protetto p{margin-bottom: 0;}
}
@media screen and (max-height: 720px){
    .logo, .form h2 {margin-bottom: 2%;}
}