
@media only screen and (min-width : 1490px){

  body{
    background-color: #ECEFF1;
  }

  section{
    max-width: 1700px;
    margin: 0 auto;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    float: none;
  }

  nav .wrapper{
    max-width: 1700px;
    margin: 0 auto;
  }

  .menu-bar{
    max-width: 1490px;
    left: 0;
    right: 0;
    margin-left:auto;
    margin-right:auto;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
  }

  footer{
    max-width: 1700px;
    margin: 0 auto;
    float: none;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
  }

  .section-half{
    height: 700px;
    padding: 100px 0;
  }

  .img-half-left{
    height: 350px;
  }

  .img-half-right{
    height: 700px;
  }
}


@media only screen and (max-width : 1199px) {
  #section-link .col-md-6{
    margin-bottom: 30px
  }

  #section-specifiche.specifiche-new .row-spec{
    padding: 0
  }

  #section-specifiche.specifiche-new .text-specifiche{
    padding-bottom: 20px;
  }

  #section-specifiche.specifiche-new p.description-specifiche {
    font-size: 14px;
    margin-top: 10px
  }
}

@media only screen and (min-width : 1250px) {
  .menu-bar ul, a.acquista{
    display: block;
  }

  .icon-menu-mob{
    display: none;
  }
}

@media only screen and (min-width : 1251px) {
  .menu-bar ul, a.acquista{
    display: block;
  }

  .icon-menu-mob{
    display: none;
  }

  .img-half-mob{
    display: none;
  }
}

@media only screen and (max-width : 1250px) {
  .section-half {
    height: auto;
    padding: 70px 0 0;
  }

  .img-half-right{
    display: none;
  }

  .img-half-left{
    width: 100%;
    position: relative;
    min-height: 500px;
    height: 500px;
    margin-top: 70px
  }

  .img-half-mob{
    width: 100%;
    position: relative;
    min-height: 500px;
    height: 500px;
    margin-top: 0px !important;
    margin-bottom: 70px;
    display: block;
  }

  #section-half-comandi{
    padding-top: 0
  }

  .menu-bar ul, a.acquista{
    display: none;
  }

  .menu-bar ul.ul-navbar-shop, .menu-bar ul.ul-navbar-cart{
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-bar ul.ul-navbar-shop .navshop-mobnone{
    display: none;
  }

  .menu-bar ul.ul-navbar-shop li#button-buy, .menu-bar ul.ul-navbar-cart li#button-buy{
    display: none;
  }

  .menu-bar ul a li#button-buy.button-cart-mobile, .menu-bar ul a li#button-buy.button-back-mobile{
    display: block;
  }

  a.acquista.carica{
    display: block;
  }

  .menu-bar ul.landing-buy{
    display: block;
  }

  .menu-bar ul a li#button-buy {
    margin-right: 0;
  }

  .icon-menu-mob{
    display: block;
  }
  
}

@media only screen and (max-width : 1150px) {
  .video-radiocomando iframe{
    width: 560px;
    height: 315px;
  }

  #cont-video-adwords iframe{
    margin-left: -280px
  }
}

@media only screen and (max-width : 1200px) {
  #section-prodotti ul {
    padding: 0 30px;
  }
}

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

  .no-smartphone {
    min-height: auto;
  }

  .no-smartphone .radiocomando {
    position: relative;
    text-align: right;
    margin-top: -100px;
  }

  .no-smartphone .text {
    margin-top: 0px;
  }

  .section-videosolo .col-sm-4, .section-videosolo .col-sm-7{
    display: none;
  }

  .section-videosolo .hidden-smp{
    display: block;
    margin-top: 40px
  }
 
  .section-videosolo .hidden-smp img{
    max-width: 100%;
  }
  
  .section-videosolo .hidden-smm{
    display: none;
  }

  .section-videosolo {
    padding: 90px 0px 70px;
  }

  .section-videosolo .testo {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0 70px;
  }

  .section-videosolo .title, .section-videosolo .description {
    margin-left: 0;
  }

  #section-prodotti ul{
    padding: 0 10px;
  }

  .col-half-text.col-half-text-B2B .text, .col-half-text.col-half-text-DORY .text {
    margin: 0 20px
  }
  
}


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

  .small-footer .col-md-3{
    text-align: left;
  }

  #section-link .image-link, #section-link.section-link-soluzioni .image-link{
    height: 450px
  }

  .section-app .desc-app{
    padding-bottom: 40px
  }

  .section-app {
    height: auto;
  }

  section .col-md-6, section .col-md-4, section .col-md-3, section .col-md-5, section .col-md-7 {
    margin-bottom: 50px
  }

  section#news .col-md-6, section#news .col-md-4, section#news .col-md-3, section#news .col-md-5, section#news .col-md-7{
    margin-bottom: 10px
  }

  section#news .row-articles{
    margin-top: 50px
  }

  section#news a.button-product{
    margin-top: 20px
  }

  section#section-specifiche .col-md-6, section#section-specifiche.specifiche-new{
    margin-bottom: 0
  }

  section .form-cont .col-md-6{
    margin-bottom: 0
  }

  section .col-md-6:last-child, section .col-md-4:last-child, section .col-md-3:last-child, section .col-md-5:last-child, section .col-md-7:last-child {
    margin-bottom: 0px
  }

  .col-kit{
    max-width: 100%;
  }

  .no-smartphone .radiocomando {
    margin-top: -50px;
  }

  .text-prodotti{
    margin: 0 0px
  }

  .col-kit{
    text-align: left;
    margin-top: 30px
  }

  .col-kit p.description{
    margin-top: 10px
  }

  .expire{
    display: inline-block;
    font-size: 17px;
  }

  .row-spec{
    padding: 0
  }

  #section-specifiche .col-md-6{
    padding: 10px 0
  }

  p.description-specifiche{
    margin-top: 10px
  }

  #section-specifiche .icon-specifiche img{
    max-width: 90px
  }

  #section-specifiche .text-specifiche{
    width: calc(100% - 90px);
    padding-right: 0 
  }

  .webadmin h2.title{
    margin-top: 0
  }

  #section-link .row:nth-child(2){
    margin-top: 0px
  }

  .section-app .title{
    margin-top: 20px
  }

  .section-app .align-right{
    text-align: center;
    margin-bottom: 20px;
  }

  .section-app p.description {
    margin: 20px 0;
  }

  .slider-pagination{
    position: absolute;
    top: 0;
    margin-top: 0;
    left: 50%;
    margin-left: -33px;
  }

  .modal-lg {
    width: 95%;
  }

  .desc-column{
    padding: 0 3%
  }

  .videoBg-container{
    height: 500px;
  }

  .videoBg-container {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
  }

  .videoBg-container video{
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    min-height: auto;
  }

}

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

  .space-webadmin{
    display: none;
  }

  .img-telecomandi img{
    width: 120%;
    margin-left: -21%;
  }

  .section-half-small, .section-half-medium {
    height: auto;
  }

  .col-half-left, .col-half-right, .section-half-medium .col-half-left, .section-half-medium .col-half-right{
    width: 100%;
    min-height: 150px;
    height: auto;
    position: relative;
  }

  .col-half-image, .section-half-medium .col-half-image{
    min-height: 500px
  }

  .col-half-text .text{
    padding: 80px 15px
  }

}

@media only screen and (max-width: 800px) {
  .img-half-left, .img-half-mob{
    min-height: 350px;
    height: 350px;
  }

  .img-half-left-solo1{
    background: url(../images/gate-left.jpg) center top no-repeat;
    background-size: cover;
  }

}

@media only screen and (min-width : 768px) {
  .remote-item{
    padding: 15px
  }
  .remote-card{
    padding: 20px
  }
}


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

  #section-home{
    height: 600px;
    background-position: 70% 50%;
  }

  footer {
    padding: 60px;
  }

  .text, .section-videosolo .testo {
    margin: 0 50px;
  }

  .menu-bar .logo{
    padding-left: 0
  }

  .menu-bar ul.landing-buy{
    padding-right: 0;
    padding-left: 0;
  }

  .menu-bar ul a li#button-buy{
    margin-left: 5px
  }

  .img-telecomandi img{
    width: 130%;
    margin-left: -33%;
  }

  .no-smartphone .radiocomando {
    margin-top: 30px;
    padding-left: 20px
  }

  .no-smartphone .radiocomando img{
    max-width: 100%;
  }

  /*
  .col-half-text .text, .section-half-installatori .col-half-text .text {
    margin: 10% 30px;
  }

  .col-half-left, .col-half-right {
    height: 350px;
    width: 60%;
  }
  }*/

  .team h6, .advisory h6{
    margin: 0
  }

  .small-footer{
    font-size: 11px;
  }

  p.intro-big{
    font-size: 19px
  }

  .img-bigger-mobile{
    width: 160%;
    max-width: none;
    margin-left: -40%;
  }

}


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

  .hidden-sm{
    display: none
  }

  .show-sm{
    display: block
  }

  #section-home, #section-home.section-home-OfferteFlash, #section-home.section-home-OfferteHalloween, #section-home.section-home-OfferteHalloweenSOLO2, #section-home.section-home-OfferteBF, #section-home.section-home-OfferteCM, #section-home.section-home-Saldi, #section-home.section-home-SanValentino, #section-home.section-home-FestaPapa, #section-home.section-home-AppleWatch{
    height: auto;
    background-image: none;
    background-color: #f7f7f7
  }

  #section-home .swiper-slide{
    background: none
  }

  #section-home .swiper-slide p.description br:first-child, #section-home .swiper-slide h4.description br:first-child{
    display: none;
  }

  .landing-loop #section-home .bg-responsive {
    height: 190px;
  }

  .landing-loop .menu-bar ul a li#button-buy, .landing-loop #section-home .text{
    display: none;
  }

  .landing-loop #launcher{
    top: 0 !important;
    bottom: auto !important
  }

  .landing-loop #section-home .content-sm{
    display: block;
  }

  .landing-loop #section-home.white{
    background-color: #fdfdfd
  }

  .landing-loop .title-big{
    font-size: 30px
  }

  #section-home .bg-responsive{
    display: block;
  }

  .hidden-section-sm{
    display: none;
  }

  #section-home .overlay-text{
    position: relative;
    bottom: auto;
    left: auto;
    padding: 50px 0;
    background-color: #f7f7f7 !important;
  }

  #section-home.home-landing .overlay-text{
    padding: 40px 0;
  }

  p.description-BF, p.description-BF-FR{
    max-width: 100%
  }

  #section-prodotti .text-prodotti{
    margin: 0 50px;
  }

  #section-prodotti .col-sm-6 {
    margin-bottom: 80px
  }

  #ssection-prodotti {
    padding-bottom: 20px;
  }

  .col-kit{
    display: none;
  }

  .col-kit-mobile{
    display: block;
  }

  /*
  .col-half-left, .col-half-right{
    width: 100%;
    min-height: 200px;
    height: auto;
    position: relative;
  }

  .col-half-installatori, .col-half-installatori1, .col-half-installatori2, .col-half-webadmin1, .col-half-webadmin2, .col-half-link1{
    min-height: 400px
  }

  .col-half-text{
    min-height: 100px
  }
*/

  #section-prodotti ul {
    width: 300px;
    position: relative;
    left: 50%;
    margin-left: -150px;
  }

  #section-prodotti ul.ul-expire{
    width: 100%;
    left: 0;
    margin-left: 0;
    padding: 0
  } 

  #section-prodotti .col-md-4 {
    margin-bottom: 50px;
  }

  .mappa-puntivendita #map {
    height: 500px;
  }

  #section-specifiche .col-sm-2 img{
    max-width: 100px
  }
  /*
  .col-half-text .text, .section-half-installatori .col-half-text .text {
    margin: 70px 30px;
  }*/

  .lista-installatori{
    padding: 0 40px
  }

  .webadmin h2.title{
    margin-top: 20px;
  }

  .expire{
    display: inline-block;
    font-size: 19px;
  }

  #section-home .expire{
    margin-top: 15px
  }

  .hidden-br-s{
    display: none;
  }

  section a.button-BF{
    padding: 15px 23px;
  }

  .col-half-image{
    min-height: 380px
  }

  footer .col-md-9 .col-sm-4:nth-child(1){
    display: none;
  }

  footer .col-md-9 .col-sm-4:nth-child(2){
    margin-bottom: 20px
  }

  #results img{
    padding-top: 10px;
    max-width: 100%;
    height: 150px;
  }

  .row-spec-B2B .col-md-3{
    margin-bottom: 10px;
    padding: 2px 5px;
  }

  #section-specifiche .row-spec-B2B .text-specifiche {
    padding: 0 0 0 7px;
  }

  #section-specifiche .row-spec-B2B p.description-specifiche {
    font-size: 14px;
  }

  .img-s{
    max-width: 100%;
  }

}

@media only screen and (max-width : 690px) {
  .video-radiocomando iframe{
    width: 320px;
    height: 180px;
  }

  #cont-video-adwords iframe{
    margin-left: -160px
  }

  .review-box p {
    font-size: 14px
  }

}

@media only screen and (max-width: 600px) {
  section {
    padding: 50px 0;
    min-height: 170px;
  }

  #section-home .bg-responsive{
    height: 400px;
    background-position: 70% 50%;
  }

  #section-home .bg-responsive-slide2{
    background-position: 50% 50%;
  }

  #section-home .bg-responsive-slide3, #section-home .bg-responsive-slide3-FR, #section-home .bg-responsive-slide3-EN, #section-home .bg-responsive-slide3-DE{
    background-position: 35% 50%;
  }

  #section-home .bg-responsive-BF, #section-home .bg-responsive-CM, #section-home .bg-responsive-Natale, #section-home .bg-responsive-Saldi {
    background-position: 70% 90%;
  }

  #section-home .bg-responsive-slide0{
    background-position: 35% 50%;
  }

  #section-specifiche.specifiche-new {
    padding: 60px 15px
  }

  .menu-bar {
    padding: 0px 15px;
  }

  .icon-menu-mob {
    right: 17px;
  }

  .section-videosolo {
    padding: 70px 15px 70px;
  }

  .call-to-action {
    min-height: 200px;
    padding: 70px 0 80px;
  }

  .call-to-action h2.numbers {
    font-size: 55px;
  }

  .call-to-action h2.description {
    font-size: 23px;
  }

  .text, .section-videosolo .testo, #section-prodotti .text-prodotti {   
    margin: 0 15px;
  }

  #ecommerce-info .col-sm-6{
    padding: 0
  }

  body.landing .text, body.landing #section-prodotti .text-prodotti{
    margin: 0 15px
  }

  .section-half .text, #section-home .text{
    margin: 0 30px
  }
  /*
  .col-half-text .text, .section-half-installatori .col-half-text .text {
    margin: 60px 30px !important;
  }*/

  .press-loghi {
    padding: 30px 10px 0;
  }

  div.icon img {
    max-width: 80px;
  }

  footer {
    padding: 30px;
  }

  .img-half-left {
    min-height: 300px;
    height: 300px;
    margin-top: 50px
  }

  .img-half-left-solo2 {
    background: url(../images/ragazza-smartphone.jpg) left center no-repeat;
    background-size: cover;
  }

  .img-telecomandi img{
    width: 147%;
    margin-left: -50%;
  }

  #section-prodotti ul.ul-expire .chart, .desc-group ul.ul-expire .chart, .cart-sections ul.ul-expire .chart{
    width: 76px;
    height: 76px;
    margin: 0 0px;
    padding-top: 7px !important;
    font-size: 12px
  }

  #section-prodotti ul.ul-expire .chart span, .desc-group ul.ul-expire .chart span, .cart-sections ul.ul-expire .chart span {
    font-size: 23px;
    height: 25px
  }

  .row-spec {
    padding: 0 20px;
  }

  .lista-installatori{
    padding: 0 30px
  }

  #section-link .image-link, #section-link.section-link-soluzioni .image-link{
    height: 350px
  }

  .section-bigphoto-full img{
    max-width: none;
    width: 150%;
    margin-left: -17%
  }

  .section-bigphoto-full img.raggio{
    max-width: none;
    width: 108%;
    margin-left: -4%;
  }

  .prodotti-B2B-desc {
    padding: 20px;
  }

  .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 6px;
  }
}

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

  #section-home .bg-responsive{
    height: 300px;
  }

  .section-videosolo .hidden-smp img {
    max-width: 130%;
  }

  #section-link .image-link, #section-link.section-link-soluzioni .image-link{
    height: 300px
  }
}

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

  h2.title {
    font-size: 30px;
  }

  #section-home h2.title br{
    display: none;
  }

  .rassegna-stampa .section-basic-page h2{
    font-size: 22px
  }

  .question-faq h2.title{
    font-size: 22px
  }

  #section-specifiche .col-md-6 {
    padding: 0;
  }

  p.description, h4.description {
    margin-top: 30px;
    font-size: 17px;
  }

  p.description-specifiche{
    margin-top: 10px;
    font-size: 15px;
  }

  #section-specifiche .text-specifiche h3 {
    font-size: 21px;
  }

  #section-specifiche .icon-specifiche img{
    max-width: 70px
  }

  #section-specifiche .text-specifiche{
    width: calc(100% - 70px);
    padding-left: 10px;
  }

  section .col-md-6, section .col-md-4, section .col-md-3, section .col-md-5, section .col-md-7 {
    margin-bottom: 40px
  }

  section#news .col-md-6, section#news .col-md-4, section#news .col-md-3, section#news .col-md-5, section#news .col-md-7{
    padding: 2px 10px
  }

  .remote-item {
    padding-bottom: 0px;
  }

  section#news h3{
    font-size: 18px;
  }

  section#news .col-lg-8 p.description{
    font-size: 14px;
    margin-top: 10px;
  }

  section#news .row-articles{
    margin-top: 30px
  }

  section#news a.button-product{
    margin-top: 10px
  }

  #results{
    min-height: 5px
  }

  footer p{
    font-size: 12px
  }

  footer .col-md-8 img{
    max-width: 100px;
  }

  footer .col-md-4 {
    padding-top: 20px;
  }

  footer a.social img{
    max-width: 23px;
  }

  footer .mail {
    font-size: 16px;
    margin-right: 6px;
  }

  .negozi img{
    max-width: 100%
  }

  .img-telecomandi img {
    width: 164%;
    margin-left: -53%;
  }

  .col-kit .col-xs-3 {
    width: 35%;
  }

  .col-kit .col-xs-9 {
    width: 65%;
    padding: 0 0;
  }

  .col-kit p.description{
    font-size: 14px;
  }

  #section-link .image-link, #section-link.section-link-soluzioni .image-link{
    height: 250px
  }

  #section-link .text-link {
    padding: 25px;
  }

  .icon-comandi-small{
    width: 90px
  }

}


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

  .menu-bar .logo img{
    width: 90px;
    height: 30px;
  }

  .menu-bar .logo {
    padding: 19px 0;
  }

  #cont-video h2{
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 20px
  }
 
  .video-radiocomando iframe{
    width: 320px;
    height: 179px;
  }

  #cont-video-adwords iframe{
    margin-left: -160px
  }
}

@media only screen and (max-width : 390px) {
 
  .video-radiocomando iframe{
    width: 310px;
    height: 175px;
  }

  #cont-video-adwords iframe{
    margin-left: -170px
  }

  .icon-comandi-small {
    width: 85px;
  }
}


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

  #section-home .bg-responsive{
    height: 250px;
  }

  a.acquista.carica > .button-buy{
    width: 140px
  }
  h2.title {
    font-size: 25px;
  }

  #section-solopro1b p.description{
    font-size: 20px;
  }

  body {
    font-size: 13px;
  }

  p.description, h4.description {
    margin-top: 25px;
    font-size: 16px;
  }

  p.description-specifiche{
    margin-top: 10px;
    font-size: 14px;
  }

  div.icon img {
    max-width: 70px;
  }

  .menu-mobile ul {
    margin-top: -220px;
  }

  .menu-mobile li {
    padding: 11px;
    font-size: 17px;
  }

  .video-radiocomando iframe{
    width: 260px;
    height: 147px;
  }

  #cont-video-adwords iframe{
    margin-left: -140px
  }

  .col-kit p.description{
    margin-top: 0
  }

  #section-prodotti ul.ul-expire .chart, .desc-group ul.ul-expire .chart, .cart-sections ul.ul-expire .chart{
    width: 70px;
    height: 70px;
    margin: 0 0px;
    padding-top: 6px !important;
  }

  #section-prodotti ul.ul-expire .chart span, .desc-group ul.ul-expire .chart span, .cart-sections ul.ul-expire .chart span {
    font-size: 20px;
    height: 23px
  }

  #section-link .image-link, #section-link.section-link-soluzioni .image-link{
    height: 200px
  }

}

@media only screen and (max-width: 350px) {
  .expire {
    font-size: 15px;
  }

  .landing-loop #section-home .bg-responsive {
    height: 140px;
  }

  .desc-sm img{
    width: 180px
  }
}

@media only screen and (max-width: 319px) {
  .video-radiocomando iframe{
    max-width: 100%
  }
}


