/* --------------------TO MAKE RESPONSIVE-------------------------------*/
.sidr ul li a,
.sidr ul li ul li a,
.sidr ul li ul li span,
.sidr ul li span {text-transform: uppercase;}
#responsive-menu-button {display: none;}
div#mobile-header {position: absolute;top: 13%;}
ul.sidr-class-submenu-2 {padding-left: 10px;}
ul.sidr-class-submenu li a,
ul.sidr-class-submenu li span,
ul.sidr-class-submenu-2 li a{font-size: 0.625rem;}

.sidr-class-cerca{float: left;width: 172px;}
.sidr-class-btn-cerca{float: right;}
.sidr input[type=button], .sidr input[type=submit] {border: #333;height: 28px;font-size: 0.7rem;float: left;}
.hide-md,
.hide-tb,
.sidr-class-hide-sm,
.sidr-class-form-nav{display: none;}
.pr-sm-0{padding-right: 0;}

@media screen and (min-width: 576px){
    .offset-sm-2 {margin-left: 12.666667%;}
}
@media screen and (max-width: 991px){
    .container.body-content.basket {max-width: 830px; padding: 0;}
    .container.body-content.basket .table-responsive{padding: 0;}    
}

@media screen and (min-width: 768px) and (max-width: 832px) {    
    .navbar .row .col-md-5 {width: 100%; flex: 0 0 100%;max-width: 100%;}
    .navbar .logo-sm{width: 50%; float: left;}
    .show-tb{display: block;}
    .cerca-sm {width: 50%;float: right;margin-top: 2.5%;}
    .cerca-sm input.cerca {max-width: 70% !important;flex: 0 0 70% !important;}
    .cerca-sm .search {max-width: 100% !important; width: 100%; }
    .search input.btn-cerca{position: absolute; right: 0; background-color: white; max-width: 30%;}
}
@media screen and (max-width: 832px) {
    .d-md-block {display: none!important;}
    #responsive-menu-button {
        display: block;
        position: absolute;
        padding: 3px 8px;
        z-index: 99;
        font-size: 20px;
    }
    .bundle-foot p {margin-top: 0;}
}
@media screen and (min-width: 833px) and (max-width: 992px) {
	.basket .table td.Qta input {width: 70%;float: left;}
	#nav span, #nav a, .nav-1 a {font-size: 1rem;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
        .box-general .info{padding: 0;}
        .single-prod .box-3 {padding-left: 8px;}
        .search input.btn-cerca {
            background-color: black !important;
            color: white;
        }
}
@media screen and (min-width: 768px) and (max-width: 900px) {
    .box-prod {width: 33%;text-align: center;}
    .box-prod img{width: 100%;}
    .box-prod p {max-width: 100%;}
    .item-carrello{padding-left:0;}
}
@media screen and (max-width: 900px) {    
    .basket .table td.Qta input {width: 70%;float: left;}
    .nav-brand img {
        max-width: 200px;
        margin: 0 auto;
    }
    .sidr-class-nav-brand{display: none;}
    .sidr ul li ul {display: none;}    
    .box-prod table {margin-left: auto; margin-right: auto; width: 100%;}
    .box-prod .item-img {max-width: 200px;}
}
@media screen and (max-width: 842px) {
    body{padding-top: 0;}
    .body-container{border: 0}
    .container {/*start modifica 23/10/2019 - Mack*//*max-width: 760px;*/max-width: 100%;/*end modifica 23/10/2019 - Mack*/ }    
    .registrazione textarea {margin-bottom: 15px;}
    .best-prod ol > li{width: 100%;font-size: 0.7rem;padding-right: 0;}
    .item-carrello ul{padding-left:0;}
    .search input.btn-cerca {line-height: 1.3;}
    
    .single-prod .box-1,.privacy .col-md-12{padding: 0;}
    .best-prod ol > li {width: 50%;font-size: 0.55rem;padding-right: 0;}
    /*start modifica 23/10/2019 - Mack*/flexslider .slides > li {
        height: 147px !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
    }/*end modifica 23/10/2019 - Mack*/
    
}
@media screen and (max-width: 767px) { 
    /*start modifica 23/10/2019 - Mack*/.flexslider {margin: 40px 0 150px !important;}/*end modifica 23/10/2019 - Mack*/
    .container {max-width: 730px;} 
    .container.body-content.basket {max-width: 830px; padding: 0.5rem;}
    .container.body-content.basket .table-responsive{padding: 0.5rem;}   
    .search input.btn-cerca {
        background-color: black !important;
        color: white;
    }
    .logo-sm{width: 50%; float: left;}
    .cerca-sm{width: 50%; float: right;position: relative;margin-top: 2.5%;}
    .cerca-sm input.cerca {max-width: 70% !important;flex: 0 0 70% !important;}
    .cerca-sm .search {max-width: 100% !important; width: 100%; }
    .search input.btn-cerca{position: absolute; right: 0; background-color: white; max-width: 30%;}
    
    .col-xl-6{width: 50%}
    .table-responsive{padding: 0;}
    .session-prod {padding: 0;}
    .h2-header{font-size: 1.48rem;margin-top: 0.625rem;}
    .row-nav {display: none;}
    .title-session{width: 79%; padding-right:0;padding-left: 5px;}
    .box-pages{width: 79%;}
    .list-arrow-right{width: 21%;}
    .list-arrow-left{width: 21%;}
    .box-prod {padding: 0 10px;}
    .best-prod ol > li{font-size: 0.6rem;}
    #footer .copyright {text-align: center;}
    #footer .nav-footer .text-right{text-align: center !important;}
    .single-prod .box-3 .row-1{text-align: center;width: 100%; margin-bottom: 20px;}
    .single-prod .box-3 .row-1 ul{margin: 7px auto;}
    .single-prod .box-3 .row-2,
    .single-prod .box-3 .row-4{max-width: 97px; margin: 0}
    .single-prod .box-3 .row-2 .Qta{max-width: 33px;}
    .single-prod .box-3 .row-2 #ColAcq{max-width: 60px;}
    .single-prod .box-3 .row-3{margin-bottom: 20px;}
    .single-prod .box-3 .row-4 div:nth-of-type(1){width: 35%;}
    .single-prod .box-3 .row-4 div:nth-of-type(2){width: 65%;}
    .single-prod .box-4 {text-align: center;}
    .basket .table td, .basket .table th {font-size: 0.525rem !important;}
    .table td, .table th{border-top: 1px solid #000;}
    table.table input{font-size: 0.525rem !important; }
    .basket .col-md-2,
    .basket .col-md-12{padding-left: 0 !important;padding-right: 0 !important;}
    .registrazione form .col-md-9{padding-left: 0; padding-right: 0}
    .ckb-input{width: 75%;}
    .ckb-input .form-check-input{margin-top: 2px;}
    .ckb-label{width: 25%;}
    .form-login-container{position: relative;height: 154px;width: 100%;}
    .form-login .col-form-label{padding: 0;}
    .form-filtro {padding-top: 1rem;}
    .form-filtro .col-form-checkbox{margin-top: 0.7rem;}
    .form-filtro, .bottom-container>div {padding-left: 8px;}
    .form-login .col-2.col-form-input{margin-bottom: 10px;}
    .form-login{position: absolute;right: 1.95rem;}
    
    .box-thank{margin:0 15px 35px;}
    .form-login-1 input[type="image"]{float: right; margin-bottom: 15px;}
    
    /*Tables*/
    .table-pay td,
    .table-pay th{border: 0;}
    .box-thank h5{margin-top: 10px;}
    
    /*modal*/
    .modal-title, .modal-body h3 {font-size: 0.75rem;}
    
    .list-arrow-right li a{padding: 1rem; display: block;margin-top: -10px;}
    
    
    .hide-sm{display: none;}
    .hide-md{display: block;}
    
    /*footer*/
    .nav-footer{padding-top: 0;padding-bottom: 6px;background: black;margin-left: -2px;}
    #footer .nav-footer a{color: white;}
     #footer .item-footer>div{padding-top: 0.3rem; padding-bottom: 0.3rem;}
    #footer .copyright{padding: 0;}
    .nav-footer .row {margin-right: 0;}    
    
    /*Prodsheet*/
    .text-left-sm{text-align: left !important;}
    .info{padding-left: 0; padding-right: 0;}
    .single-prod .box-3 .box-info{float: left;}
    .box-general{width: 80%;}
    .box-general .col-4{float: left;}
    .single-prod .box-3 .row-4 {height: 20px;line-height: 1.8;}
    .prezzo-xs .col-md-6{width: 50%;}
    .prezzo-xs .col-md-6{text-align: left; padding-left: 0;}
    .prezzo-xs .col-md-6:nth-of-type(1),
    .prezzo-xs .col-md-6:nth-of-type(3){text-align: right;padding-right: 40px;}
    
    .info-dimensione{position: relative;min-height: 60px;}
    .box-dimensione{position: absolute; right: 0;font-size: 0.6rem;}
    
    /*start modifica 23/10/2019 - Mack*//*.video{width: 100%;flex: 0 0 100% !important;max-width: 100%;}*//*.video{width: 40%;flex: 2 0 26.666667% !important;max-width: 50%;}*//*end modifica 23/10/2019 - Mack*/
    .info-dimensione {flex: 0 0 50%;max-width: 50%;width: 50%;}
    .offset-sm-6.info-dimensione {margin-left: 20%;}
    .col-3.video {width: 32%;flex: 0 0 21.666667% !important;}
    
    .box-imgps .box-sconto{right: 12%;}
    /* START AGGIUNTA MACK 20/05/2020 */
    .box-top-dx{margin-top: 0; padding-right: 0;}
    
}

@media screen and (max-width: 692px) {
    .box-prod {margin-left: auto;margin-right: auto;}    
    .box-prod {margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 674px) {     
    /* START AGGIUNTA MACK 20/05/2020 */
    .box-top-dx .align-middle-end{        
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
    }
    .box-top-dx{
        padding-left: 5px;
        margin-bottom: 20px;
    }
    .box-top-dx, .box-top-sx{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}
@media screen and (max-width: 626px) {     
    .search input.btn-cerca {height: 16.99px;}
}
@media screen and (max-width: 622px) {    
    .cerca-sm .search {max-width: 77% !important; width: 100%; float: none; margin: 0 0 14px 6px;}
    .logo-sm {width: 100% ;float: none;}
    .cerca-sm {width: 100%;float: none;}   
}
@media screen and (max-width: 619px) {
    .basket .table td.Qta {width: 40px;}
    .basket .table td.Qta input{width:22px}        
}    
@media screen and (min-width: 481px) and (max-width: 767px) {
    #footer .container{padding: 0;}
    .item-footer div {
        margin: 0 auto;
        width: 33.33% !important;
        max-width: 33.33%;
    }
}
@media screen and (max-width: 588px) {/*start modifica 23/10/2019 - Mack*//*.video{width: 40%;flex: 2 0 26.666667% !important;max-width: 50%;}*//*end modifica 23/10/2019 - Mack*/
    .info-dimensione {flex: 0 0 50%;max-width: 50%;width: 50%;}
    .offset-sm-6.info-dimensione {margin-left: 20%;}
}
@media screen and (max-width: 480px) {/*start modifica 23/10/2019 - Mack*//*.cerca-sm input.cerca {max-width: 65% !important;}*//*end modifica 23/10/2019 - Mack*/
    .box-prod {width: 50%;text-align: center; margin-left: auto; margin-right: auto; }
    .box-prod ul li {padding: 0.2rem 0.1rem;}
    .box-prod .item-img {max-width: 100%;}
    .box-prod .li-input{width: 4rem;}	
	
	.single-prod .box-4 {margin: 0;}
	.single-prod .box-1 {padding-left: 8px;}
	
	.item-carrello ul{padding-left:0;}
	.box-spot.mb-4{margin-bottom: 4.5rem!important;}
	
    /*Basket*/
    .basket .pr-3{padding-right: 0 !important}
    .basket .col-md-3,
    .basket .col-12{padding-left: 0 !important}
    .basket .col-md-4{padding-right: 0 !important}
    .basket label{margin-top: .5rem;}
    .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {width: 97% !important;left: 1.5% !important;/*start modifica 23/10/2019 - Mack*//*max-width: 97% !important;*//*end modifica 23/10/2019 - Mack*/}
	
	/*padding*/
	.pl-sm-0{padding-left:0;}
	
	/*Spot*/	
	.ordine-split.mt-5{margin-top:0 !important;}
	.ordine-split h6 {font-size: 0.75rem;}
	.ordine-split .table td, .ordine-split .table th {font-size:0.5rem;}
        
        /*Show Bundle*/
        .bandle-prod .alert {padding: .2rem 0.5rem;}
        .bandle-prod .header h2 {font-size: 0.9rem;line-height: 1.5;}
        .bandle-prod .qta {max-width: 5.4rem;}
        .text-right-sm {text-align: right;}
        .bandle-prod .header-sm{text-align: center; line-height: 1.5;}
        .bandle-prod .table td, .bandle-prod .table th {font-size: 0.6rem;}
        .bandle-prod .table .form-group.qta {min-width: 2rem !important; padding: 0;}
        .bandle-prod .table img.img-fluid {min-width: 50px;}
        .bandle-prod td.qta input {width: 22px;padding: 0;}
        .bundle-foot p {font-size: 0.6rem; margin-top: 0;}
        .button-sm{text-align: center; margin-top: 1rem;}
        .pr-0-sm{padding-right: 0 !important;}
        
        /*video*/
        .slides iframe {
            width: 100%;
            height: 202px;
        }
        .flexslider .slides > li {
            height: 147px !important;
            background-size: 100% !important;
            background-repeat: no-repeat !important;
        }
        
        .flex-caption {
            margin-top: 0%;
            position: relative !important;
        }
        .flexslider {
            margin: 0px 0 60px !important;
        }
        .form-login {
            margin: 0 auto;
        }
        .best-prod{
            padding-left: 1rem;
        }
        .form-login form{width: 273px;}
        
        /*Privacy*/
        .privacy h2{font-size: 1rem;}
        .privacy ul{padding-left: 0.7rem;}
        
        /*Flexslider*/
        .flexslider-1 {
            padding-right: 1rem !important;
        }
        .flexslider-2 {
            margin: 0px 0 20px !important;
        }
        .pl-xs-0{padding-left: 0;}
        .pr-xs-0{padding-right: 0;}
        .text-left-sm{text-align: left!important}
        .item-slide .mostra {padding-top: 0;}
        .mt-xs-1{margin-top: 1rem !important;}
        .w-auto{width: auto!important;}
        .btn-salva {margin-top: 1rem;}
        .item-slide iframe{height: auto !important;}
        .pr-xs-1{padding-right: 1rem!important;}
        
        /*footer*/
        .nav-footer{padding-top: 0;padding-bottom: 6px;background: black;margin-left: -2px;}
        #footer .nav-footer a{color: white;}
         #footer .item-footer>div{padding-top: 0.3rem; padding-bottom: 0.3rem;}
         .best-prod ol > li {width: 50%;font-size: 0.55rem;padding-right: 0;}
         
        /*ProdSheet*/
        /*start modifica 23/10/2019 - Mack*//*.video{width: 100%;flex: 0 0 100% !important;max-width: 100%;}*//*.video {width: 40%;flex: 0 0 32.666667%;}*//*end modifica 23/10/2019 - Mack*/
        .info-dimensione {flex: 0 0 65%;max-width: 65%;width: 65%;}
        .offset-sm-6.info-dimensione {margin-left: 2%;}
        .info-tutorial{font-size: 0.6rem;}
        .box-imgps .box-sconto {right: 5%;}
        
        
        /*start modifica 28/10/2019 - Mack*/
        .bottom-container {
            margin-top: 7px;
        }
        .flexslider .slides > li > iframe{height: 410px !important;}
        .flexslider .slides > li{height: 400px !important;}
        .flexslider {
            margin: 40px 0 0 !important;
        }
        /*end modifica 28/10/2019 - Mack*/
        
}

@media screen and (max-width: 430px) {
        /*start modifica 23/10/2019 - Mack*/.video {flex: 4 0 25% !important;}/*end modifica 23/10/2019 - Mack*/
        /*start modifica 28/10/2019 - Mack*/
	.flex-caption{top: 70% !important; height: 35% !important; padding:20px 0 !important;}
        .flexslider .slides > li{background-position-y: 0 !important;}
        /*end modifica 28/10/2019 - Mack*/
}
@media screen and (max-width: 418px) {
    .prezzo-xs{padding: 0;}
    .prezzo-xs .col-md-6{padding: 0; width: 68%; font-size: 0.65rem;}
    .prezzo-xs .col-md-6:nth-of-type(1), 
    .prezzo-xs .col-md-6:nth-of-type(3) {padding-right: 10px; width: 32%;}
    .box-prod ul li {padding: 0.2rem 0.1rem;}
}
@media screen and (max-width: 349px) {
    .box-general {
        width: 108% !important;
        margin-left: -6% !important;
    }
}
@media screen and (max-width: 360px) {
    .info-dimensione>div {padding: 0}
    .info-dimensione {padding: 0;flex: 0 0 60%;max-width: 60%;width: 60%;}
    .offset-sm-6.info-dimensione {margin-left: 7%;}
    /*.cerca-sm input.cerca {max-width: 58% !important;}*/
    .box-general {
        width: 120% !important;
        margin-left: -12% !important;
    }
    .info-tutorial,
    .box-dimensione{
        font-size: 0.5rem;
    }
    .box-dimensione>div{padding-left: 0}
    .box-prod .li-input {width: 2rem;}
}
@media screen and (max-width: 320px) {
    .flexslider .slides > li {
        height: 357px !important;
    }
    .slides iframe {
        width: 100%;
        height: 180px;
    }
    .form-login form {
        width: 218px;
    }
    
    .best-prod ol > li {
        padding-top: 0.5rem;
        font-size: 0.55rem;
        width: 50%;
        padding-right: 3px;
    }
    
    .prezzo-xs .col-md-6{padding: 0; width: 64%; font-size: 0.65rem;}
    .prezzo-xs .col-md-6:nth-of-type(1), 
    .prezzo-xs .col-md-6:nth-of-type(3) {padding-right: 10px; width: 36%;}
    .offset-sm-6.info-dimensione {margin-left: 14%;}
    .box-imgps .box-sconto {right: 2%;}
    #bigimage{width: 100%;}
}
/*--------------------------------------------------------------------------------------- MOBILE S -----------------------------------------------------------------------*/
@media only screen and (min-width:0px) and (max-width:320px){
    .posizione1 {
    position: absolute;
    z-index: 120;
    width: 182px;
    top: -300px;
    left: calc(50% - 53px);
    color: #333;
}
.posizione {
    position: absolute;
    z-index: 120;
    width: 210px;
    top: calc(50% - 330px);
    left: calc(50% - 150px);
    color: #333;
}
.padsx {
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
}
}
/*--------------------------------------------------------------------------------------- MOBILE M -----------------------------------------------------------------------*/
@media only screen and (min-width:321px) and (max-width:375px){
    .posizione1 {
    position: absolute;
    z-index: 120;
    width: 182px;
    top: -300px;
    left: calc(50% - 33px);
    color: #333;
}
.posizione {
    position: absolute;
    z-index: 120;
    width: 210px;
    top: calc(50% - 330px);
    left: calc(50% - 150px);
    color: #333;
}
.padsx {
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
}
}
/*--------------------------------------------------------------------------------------- MOBILE L -----------------------------------------------------------------------*/
@media only screen and (min-width:376px) and (max-width:425px){
    .posizione1 {
    position: absolute;
    z-index: 120;
    width: 182px;
    top: -300px;
    left: calc(50% - 44px);
    color: #333;
}
.posizione {
    position: absolute;
    z-index: 120;
    width: 210px;
    top: calc(50% - 330px);
    left: calc(50% - 185px);
    color: #333;
}
.padsx {
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
}
}
/*--------------------------------------------------------------------------------------- TABLET -----------------------------------------------------------------------*/
/*start modifica 23/10/2019 - Mack*//*@media only screen and (min-width:426px) and (max-width:768px){*/@media only screen and (min-width:426px) and (max-width:900px){/*end modifica 23/10/2019 - Mack*/
    .posizione1 {
    position: absolute;
    z-index: 120;
    /*start modifica 23/10/2019 - Mack*//*width: 182px;
    top: -300px;
    left: calc(50% - 119px);*//*end modifica 23/10/2019 - Mack*/
    color: #333;
}/*start modifica 23/10/2019 - Mack*/.warning1 .scritta{text-align: center;}/*end modifica 23/10/2019 - Mack*/
.padsx {
    padding-right: 0px;
    text-align: center;
    margin-top: 0px;
}
}
/*start modifica 23/10/2019 - Mack*/
@media screen and (max-width:900px){
    .warning1 .box {
        border: 0;
    }
    .warning1 .posizione1 {
        width: 222px;
        bottom: 59px;
        top: auto;
    }
    .warning1 .paddx{float: left; clear: left; padding-bottom: .7rem;}
    .warning1 .padsx{float: left; padding-left: .3rem;; padding-bottom: .7rem;}
}
 
@media screen and (min-width:901px) {    
    .warning1 .posizione1 {left: calc(50% - 50px);}
    .warning1 .padsx{padding-top: .95rem;}
}
@media screen and (min-width:843px) and (max-width:900px) {    
    .warning1 .posizione1 {left: calc(50% - 97px);}
}
@media screen and (min-width:768px) and (max-width:842px) {    
    .warning1 .posizione1 {left: calc(50% - 103px);}
}
@media screen and (min-width:0px) and (max-width:767px) {    
    .warning1 .posizione1 {left: calc(50% - 90px); width: 200px;}
}
 
@media screen and (min-width:0px) and (max-width:480px) {    
    .warning1 .posizione1 {left: calc(50% - 43px);}
}
.warning1 .scritta{
    background-color: white;
    float: left;
    border: 1px solid black;
    border-radius: 0;
    padding-bottom: .5rem;
    width: 100%;
}    
.warning1 strong.paddx{width: 100%;text-align: center; padding-left: 0; padding-bottom: 0.1rem;}
.warning1 .paddx{float: left; clear: left; padding-bottom: .7rem; font-size: .57rem;}
.warning1 .padsx{float: left; padding-left: .3rem; padding-bottom: .7rem; padding-right: 0; width: 85px; font-size: .57rem;}
.warning1 .posizione1 {width: 200px;}

/*end modifica 23/10/2019 - Mack*/

/*end modifica 29/10/2019 - Mack*/
@media screen and (max-width: 400px){.bottom-container {margin-top: 123px;}}
/*end modifica 29/10/2019 - Mack*/