/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 320px) and (max-width:768px) {
    /*#sticky-menu{
        height: auto;
    }*/
      .home  .mfp-iframe-holder .mfp-content {
            max-width: 100%;
        }
    .main-nav ul.dropdown {
        display: block;
        position: relative;
        width: auto;
        display: block !important;
        border: none;
        box-shadow: none;
        padding-left: 10px;
    }

        .main-nav ul.dropdown li {
            width: auto;
        }

    .main-nav > ul > li > a {
        padding: 10px 12px;
        border: none !important;
    }

    .main-nav > ul > li {
        width: 100%;
    }

    .intro-content {
        padding-top: 25px;
        font-size: 0.5em;
    }

    hr {
        margin: 20px 0;
    }

    .text-left,
    .text-right {
        text-align: center;
    }

    .config-row {
        margin-bottom: 10px;
    }

    #calcolatore .form-group {
        margin-bottom: 10px;
    }

    #calcolatore .config-row:last-child:before {
        display: none;
    }

    .team-members-one li,
    .config-row .row-actions {
        text-align: center;
    }

      #menu-inferriate {
        width: 100%;
        z-index: 100;
        position: relative;
        top :0 !important;
    }
      #menu-inferriate > .mt20 {
         margin: 0 !important;
         height: 0 !important;
     }
       #menu-inferriate #sidebar-actions {
        margin-top: -46px;
        position: absolute;
        right: 49px;
        left: auto
    }

    #menu-inferriate a[data-toggle]{
        display: none;
    }

        #menu-inferriate p {
            background: #fff;
            margin-bottom: 0;
        }

    #configuratore .fancy-heading:before {
        display: none;
    }

    #menu-inferriate.fixed {
        top: 40px;
        z-index: 100;
        width: 100%;
        padding: 0;
        left: 0;
    }

    #menu-inferriate .navbar-collapse {
        padding-left: 0;
    }

    #menu-inferriate {
        width: 100%;
        background: transparent;
        overflow-y: visible;
    }

        #menu-inferriate .navbar-header {
            background: #179CD9;
            color: #fff;
        }

            #menu-inferriate .navbar-header .current-item,
            #menu-inferriate .navbar-header .current-item:hover,
            #menu-inferriate .navbar-header .current-item:active,
            #menu-inferriate .navbar-header .current-item:visited {
                text-transform: uppercase;
                display: block;
                margin: 4px 12px;
                opacity: 1;
                color: #fff;
                background: #179CD9;
                text-decoration: none;
                font-size: 22px;
                padding: 12px 0;
                font-weight: bold;
            }

    #btnAddItem {
        position: absolute;
        top: 23px;
        right: 52px;
    }
        /*.fixed  #btnAddItem{
        right: 70px;
    }*/
        #btnAddItem .btn-content {
            display: none;
        }

    .item-anchor {
        /*display: none;*/
    }

    figure.logo img {
    }

    .save-box .btn {
        max-width: 100%;
        white-space: normal;
    }

    #section-prods .fancy-heading {
        text-align: center;
    }

    #section-prods .fancy-heading {
    }

        #section-prods .fancy-heading:before {
            display: none;
        }

    .intro-content h1 {
        font-size: 26px;
    }

    .intro-content .border-double {
        display: none;
    }

    .intro-content {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .intro-content .intro-button {
            font-size: 20px;
        }

    #section-prods h3 {
        text-align: center;
    }

    #calcolatore .config-row {
        /*border-bottom: 20px solid #fff;
        padding-bottom: 20px;*/
    }

    #config-area .config-select, #config-area .config-boolean {
        width: 100%;
        padding-bottom: 24px;
    }

    #calcolatore .config-row b {
        padding-top: 10px;
        padding-bottom: 5px;
        width: 30%;
        line-height: 30px;
    }

    .config-row.help-image:before {
        display: none;
    }

    #btnAddConfigRow {
        width: 100%;
        display: block;
        margin-top: 30px;
    }

        #btnAddConfigRow:before {
            content: 'Aggiungi un infisso';
        }

    #testimonials img {
        float: none;
        margin: auto;
    }

    #testimonials p {
        text-align: left;
    }

    #example_video_1,
    #example_video_2 {
        width: 80vw !important;
        height: 80vw !important;
        max-width: 100%;
    }

    .is-sticky .logo img {
        /*height: auto;*/
    }

    .is-sticky .navbar-toggle {
        padding: 0 10px;
    }

    #calcolatore .config-row:first-child .col-md-1:last-child {
        /*display: none;*/
    }

    #calcolatore .config-row .col-md-1:last-child {
        clear: both;
    }

    .navbar-collapse {
        background-color: #fff;
        width: 100%;
        position: absolute;
        overflow-y: visible !important;
        left: 0;
        padding-bottom: 20px;
    }

    table {
        max-width: 90vw !important;
    }

    iframe {
        max-width: 100% !important;
    }

    #social-like {
        display: none !important;
    }

    .row.config-field {
        margin: 0;
    }

    .row.config-field .input-group-addon:last-child {
        margin: 0;
        padding: 2px;
    }

    #config-area .selectDiv, #config-area .booleanDiv {
        width: 100%;
        margin: 0 !important;
    }

    .config-field.border {
        border: none;
    }

    #discountCode {
        width: 54%;
        margin: 10px auto;
        float: left;
    }

    #discount .form-group {
        margin-bottom: 0;
    }

    #payment .col-md-6 {
        margin: 20px 0;
    }

    .loghi-footer {
        margin-top: 30px;
        margin-right: 50px;
    }

    h3.headline {
        font-size: 2em;
        text-align: center;
    }

    .landing-intro h1 {
        font-size: 4em;
        margin-top: 30px;
    }

    .landing-intro h2 {
        font-size: 3em;
    }

    .landing-top {
        margin-top: 0;
        height: auto;
        margin;
    }

    .landing-intro .intro-content {
        position: relative;
        top: 0;
        transform: none;
    }

    .landing-top .main-photo {
        background-image: none !important;
    }

    .intro-thumbs a:nth-child(2n) {
        margin-right: 0;
    }

    .landing-top .intro-content p {
        display: none;
    }

    .landing-video {
        width: 100%;
        float: none;
        margin: auto;
    }


        .landing-video #example_video_1,
        .landing-video #example_video_2 {
            margin: auto;
        }


    #blogcat-menu {
        z-index: 10;
        padding-left: 15px;
    }

    .section-tab .nav-tabs li {
        width: 100%;
        padding: 0;
    }

        .section-tab .nav-tabs li a {
            padding: 0 0 0 10px;
            text-align: left;
            font-size: 1em;
            height: 3.5em;
            background: #fff;
        }

    .blog-item embed,
    .blog-item img {
        max-width: 100%;
    }


    .blog-content td, .blog-content td th{
        /*float: left;*/
    }
    .wf-formTpl {
        max-width: 100%;
    }

    .select2-drop.double-col {
        min-width: 80% !important;
    }

    .select2-drop.double-col {
        min-width: 80% !important;
    }

        .select2-drop.double-col .select2-results li {
            width: 100%;
            float: none;
        }

        .select2-drop.double-col.no-first .select2-results li:first-child {
            width: 100%;
        }

        .select2-drop.double-col .select2-results li:first-child {
            width: 50%;
        }

    .nav-bar {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-bottom: 3px solid #ffe338;
        position: relative !important;        

    }

    #config-area .select-option {
        width: 100%;
    }

    #payment .btn-info, #payment .btn-success {
        width: 210px;
        font-size: 14px;
        padding-left: 4px !important;
        padding-right: 4px !important;
        float: left !important;
        margin-left: 12px;
    }

    .copyright .credits {
        position: relative;
        display: block;
        margin: 20px 0;
        top: 0;
        bottom: 0;
        clear: both;
        padding: 15px 0;
    }

    

    .social-links {
        display: block;
        margin-top: 40px;
        text-align: center;
    }
        .social-links > li {
            float: none;
        }
        footer span.address{
            display: block;
            width: 70%;
            margin: auto;
        }


    #cookie-info {
        height: auto;
    }


    #config-area .config-row.small-list{
        width: 100%;
    }
    #config-area .halfColDiv{
        margin-right: 0 !important;
    }
    .config-size .col-md-3:nth-child(2){
        width: 100%;
    }
    #select2-drop.big-drop{
        width: 100%;
        left: 0 !important;
    }
    #select2-drop.big-drop .select-label{
        font-size: 15px;
    }

    #config-area .config-size label{
        width: 40%;
    }

    #config-area .quantity-field{
        margin-bottom: 15px;
        width: 100%;
    }
    #config-area .config-size .col-md-4{
        width: 100%;
    }
    .btn-lg,
    #btnCalc {
        max-width: 100%;
        white-space:normal;
    }

    .anchor {
        height: 0;
    }
     #calcolatore h3 {
        margin-bottom: 0.2em;
    }
     #calcolatore {
         padding-top: 0;
     }

    #comparatore p.icons img {
        width: 48px;
    }

     #calcolatore .input-group-addon,
     #calcolatore input {
         padding: 4px 6px;
     }
     .blog-content ul {
        padding: 0;
     }
    .blog-content ol{
        margin-left: 0em;
        padding-left: 30px;
    }

    .team-members-one > li > div figure a.transition-short,
    .team-members-one > li > div figure img{
        pointer-events: none;
    }

    /**** migliorie carrello ******/
    #config-area  .config-row.big-mode .select-option {       
        width: 48%;
        margin: 0 1%;
        min-height: 280px;
    }
    #menu-inferriate {
        position: relative !important;
    }
    #menu-inferriate.fixed {
        position: fixed!important;
    }

    #menu-inferriate #sidebar-actions {
        display: none; 
    }
    #config-area .select-option {
        min-height: 0;
    }
    #config-area .config-accessori .config-number, #config-area .config-accessori .config-select, #config-area .config-accessori .config-boolean {
        height: 0;
    }
    #config-area .config-accessori .col-acc-option {
       
    }
    #config-area .config-accessori .config-boolean .config-field {
        padding-top: 0;
    }
     #config-area .select-option {
         width: 48%;
         margin-right: 2%;
     }
     #config-area .config-accessori .col-acc-option {
         width: 100%;
     }
     #menu-inferriate p {
         display: none;
     }
     #currentRow {
         font-size: 13px;
     }
      #config-area .config-number {
          width: 100%;
      }
    /**** fine migliorie carrello ******/

    
    /**** migliorie pag prodotto *****/
    #prod-sticky, #prod-sticky-content {
        display: none;
    }
    #prod-mobile-actions {
        display: none;    
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 2;
        height: 138px;
        padding: 4px;
    }
    .scrolledUp #prod-mobile-actions {
        display: block;
        position: fixed;
        bottom: 0;
    }
      #prod-mobile-actions  .btn {
        margin-bottom: 4px;
        height: 58px;
        line-height: 38px;
      }
    /**** fine migliorie pag prodotto *****/

        /****  migliorie pag prodotto #1026 *****/
    #config-area .config-size label {
        text-align: center;
    }
    .tooltip {
        display: none !important;
    }
     #summary  .col-xs-12  > .title-row  {
        width: 100%  !important;
        margin: 0;

   }
     #paymentsModal .modal-content{
         min-width: 0;
         width: 100%;
     }
     #paymentsModal .modal-content  .btn{
        min-width: 0;
        width: calc(100% - 65px);
     }
     h4.modal-title  {
         font-size: 16px;
     }
      #payment .btn-warning {
          margin: auto;
      }
       #config-area .isAccessorio .config-header span {
          margin-bottom: 10px;
          display: inline-block;
          font-size: 20px;    
      }
       #summary .border-right {
           min-height:0;
       }
    /**** fine migliorie carrello #1026 *****/

     /****  ticket  #1516 ***********/
     #cart-mobile-actions {
        display: none;    
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 2;
        height: auto;
        padding: 4px;
    }
    #cart-mobile-actions .btn{
        font-size: 24px;
    }
        

    .scrolledUp #cart-mobile-actions {
        display: block;
        position: fixed;
        bottom: 0;
    }
      #cart-mobile-actions  .btn {
        margin-bottom: 4px;
        height: 58px;
        line-height: 38px;
      }
      #help-actions {
        padding: 20px;
        width: 100%;
        position: fixed;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 1000;
        background: #fff;
      }
       #help-actions .btn {
           font-size: 26px;
       }
       #alert-info {
           display:none !important;
       }

       #quoteModalWithHelp input, label {
           font-size: 16px;
       }
    /***** fine ticket #1516 ******/

    .blockUI  {
        width: 100% !important;
        left: 0 !important;
    }

}

/** iphone 4 ***/

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) {
    #payment .btn-info, #payment .btn-success {
        width: 208px;
        font-size: 14px;
        padding-left: 4px !important;
        padding-right: 4px !important;
        float: left !important;
        margin-left: 8px;
    }
}

/***tablet landscape*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1100px) 
{ 
    .main-nav > ul > li > a {
        padding: 18px 7px;
        font-size:15px;
    }
    .intro-thumbs a {
        margin-right: 9px;
    }
    .landing-top{
        margin-top:0;
    }
    .is-sticky .main-nav > ul > li > a {
        padding: 8px 7px;
    }
      #config-area .config-select, #config-area .config-boolean {
        width: 296px;
    }
    #menu-inferriate{
        width: 310px;
    }
    #calcolatore .config-row b{
       width: 100%;
    }
    #calcolatore .config-row .col-md-1:last-child,
    #calcolatore .config-row:first-child .col-md-1:last-child {
        padding-top: 46px!important;
    }
    #comparatore p.icons img {
        width: 24%;
    }
    #summary span.title{
        font-size: 15px;
    }
    .payment .btn-info, .payment .btn-success, .payment .btn-warning, #payment .btn-info, #payment .btn-success, #payment .btn-warning {
        width: 235px;
        font-size: 14px;
    }

     #calcolatore .config-row:last-child:before {  
        right: -29px;
        bottom: 120px;
    }
    #calcolatore .config-row .col-md-1:last-child, #calcolatore .config-row:first-child .col-md-1:last-child {
        padding-top: 31px!important;
        padding-left: 20px;
    }
    #calcolatore input.form-control {
        padding: 2px 11px;
    }
    .config-size .col-md-3:nth-child(2) {
        width: 205px;
    }
    #config-area .config-row.small-list {
        width: 296px;
    }
    #config-area .small-list .select-option {
        max-width: 50%;
        margin-right: 0;
    }
    #config-area .select-option {
        margin-right: 10px;
        max-width: 188px;
    }
    #config-area .config-select, #config-area .config-boolean, #config-area .config-number {
        width: 296px;
    }
      #config-area .config-size label{
        width: 100%;
    }
}