@media only screen  and (max-width : 1200px) {
    .container{
        width: 100%;
    }
    .navbar-header{
        float:right;
    }
    .navbar-header button{
        margin-left:30px;
    }
    #bs-example-navbar-collapse-1 {
        
    }
    .divYlaosa{
        padding:0px;
    }
    
    .logo{
        min-width: 361px;
    }
    .viiva_vasen{
        min-width: 250px;
        width: 29.333%;
        height: 130px;
    }
    .divYlaosa .row .col-sm-5, .divYlaosa .row .col-sm-3, .divYlaosa .row .col-sm-4, .divYlaosa .row{
        height: 100px;
    }
     .divFooter .col-sm-12 .col-lg-4{
        float:left;
    }
    .divSuomi div{
        text-align: left !important;
    }
    
 
}
@media only screen  and (max-width : 720px) {
.business-header{
        margin-top: 500px;
    }
}
@media only screen  and (max-width : 1150px) {
    .divYlaosa{
        height: 140px !important;
    }
    .divLogo{
        margin-top: 20px !important;
    }
   .divSuomi div{
        margin-left: 20px;
        margin-top: 19px !important;
   }
   .divSuomi div label{
       color: #fff !important;
   }    
   .viiva_vasen div label{
       font-size: 12px;
   }
   .divSuomi{
       margin-top: 57px !important;
       height: 63px !important;
   }
   .liRadio{
       padding-left:0px;
   }
   .ulLomake li label{
       width: auto;
       display:block;
   }
   .navbar-header{
        margin-right: 10px !important;
        margin-top: 46px !important;
   }
   .viiva_vasen{
        border-top: 1px solid #077baa;
        padding-top: 10px;
        position: absolute;
        top: 73px;
        width: 104% !important;
        height: 30% !important;
   }
   .viiva_vasen div{
       margin-top: 0px !important;
   }
   .sivu{
       margin-top: 0px !important;
   }
   .navbar{
       height: auto !important;
   }
   .divNav{
       z-index: 9999;
      height: auto !important;
   }
   .navbar-static-top .navbar-collapse, .navbar-static-bottom .navbar-collapse{
       max-height: none;
       
   }
       .navbar-collapse {
        background-color: #3b3b3c;
        border-top: 0 solid transparent !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
        color: #fff !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 20px !important;
        overflow-x: visible;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    
    .main_heading{
        clear: both;
        font-size: 26px;
        padding: 0;
    }
    .divNostot{
        margin-top: 20px;
        padding-top: 20px;
       
    }
    .divNosto{
         margin-bottom:30px;
    }
    .ptiedote{
        font-size: 16px;
    }
    
    .divTiedote{
        margin-left:0px !important;
    }
    .divFooter{
        margin-left:0px;

    }
   
    .divFooter .col-sm-12 .col-lg-4 ul{
        padding:0px;
    }
    td{
        display:inline-block;
    }
    table{
        width: 100% !important;
    }
    
    img{
        max-width: 100%;
        height: auto !important;
    }
    .navbar-form div input{
        display:inline-block;
        width: 200px !important;
    }
    .navbar-form button,.navbar-form div{
         display:inline-block;
    }
}    


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
     .ulNavigationFooterSome{
        margin: 0px !important;
        min-height: 100px;
        float:none; 
    }
    
    .dropdown a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    
    .ulRyhmat li{
        background-color: #9b4a97;
        display: inline-block;
        height: 70px;
        list-style-type: none;
        margin-bottom: 15px;
        padding: 15px;
        text-align: center;
        vertical-align: top;
        width: 100%;
         margin-left: 0px;
    }


     .ulRyhmat{
        display:block;
    }
    .business-header{
        height: auto;
    }
    .h1Tuoteryhma{
        float:left;
    }
    .form-search{
        margin-top: 32px;
    }
   .ulTabs li{
        clear: none;
        display: inline-block;
        min-width: 0 !important;
    }
     .container-closed{
        min-height: 250px;
    }
    .navbar-collapse {
        background-color: #3b3b3c;
        border-top: 0 solid transparent !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
        color: #fff !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 20px !important;
        overflow-x: visible;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%;
    }
    .navbar-collapse-lang .navbar-nav li{
        display:inline-block;
    }
    
    .navbar-nav{
        float:none;
        display:block;
    }
    .divCategory{
        width: auto;
    }
    .navbar-inverse .navbar-nav > li > a{
        color: #fff !important;
    }
    .divLabel{
        background: none #873985 !important;
    }
    .ulPainikkeet li{
        width: 95px;
    }
    .ulPainikkeet li a{
        font-size: 16px;
    }
    .divKauppiaille{
        width: auto;
    }
    .aPainikeLinkki{
        padding-left: 125px;
    }
    .divImages img {
        float: left;
        margin-left: 5px;
        margin-top: 20px;
    }
    h1{
        margin-top: 40px;
    }
 #btnLang{
       padding: 3px !important;
    }
    
    .carousel{
        min-height: 200px;
        
    }
    .item a img{
        width: 100%;
        min-height: 220px;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 400px )
and (max-width : 1150px){
     .ulNavigationFooterSome{
        margin: 0px !important;
        min-height: 100px;
        float:none;
    }
     .dropdown a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    .ulRyhmat li{
        background-color: #9b4a97;
        height: 50px;
        list-style-type: none;
        margin-bottom: 15px;
        padding: 15px;
        text-align: center;
        vertical-align: top;
        width: 100%;
        display:table;
         margin-left: 0px;
    }
        .divLabel{
        background: none #873985 !important;
    }
    .ulRyhmat{
        display:block;
    }
    .business-header{
        height: auto;
    }
    .h1Tuoteryhma{
        float:left;
    }
    .form-search{
        margin-top: 32px;
    }
    .ulTuotteet li{
        width: 47%;
        margin-left: 10px;
        min-width: 235px;
    }
     .ulTabs li{
        clear: none;
        display: inline-block;
        min-width: 0 !important;
    }
      .close{
        font-size: 30px;
    }
    .container-closed{
        height: 250px;
    }
    .navbar-toggle{
        background-color: #3b3b3c;
    }
 #btnLang{
       padding: 3px !important;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 399px) {
     .ulNavigationFooterSome{
        margin: 0px !important;
        min-height: 100px;
        float:none;
    }

     .dropdown a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    .ulRyhmat li{
        background-color: #9b4a97;
        display:table;
        height: 50px;
        list-style-type: none;
        margin-bottom: 15px;
        margin-left: 0px;
        padding: 15px;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }
     .ulRyhmat{
        display:block;
    }
    .business-header{
        height: auto;
    }
    .h1Tuoteryhma{
        float:left;
    }
    .form-search{
        margin-top: 32px;
    }
    .ulTuotteet li {
        clear: both;
        display: block;
        margin: 20px auto 0;
        min-width: 235px;
        width: 47%;
        height: auto;
    }
    .divJarjestys{
        margin-left:0px;
    }
    
    .form-search {
    clear: both;
    display: block;
    float: none;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    }
    .form-search .input-append .search-query{
        width: 82%;
        height: 52px;
    }
    .btnHaku{
          padding: 15px 19px;
          position: absolute;
    }
    .ulTabs li{
        clear: none;
        display: inline-block;
        min-width: 0 !important;
    }
    .close{
        font-size: 30px;
    }
     .container-closed{
        height: 250px;
    }
    .navbar-toggle{
        background-color: #3b3b3c;
    }
 #btnLang{
       padding: 3px !important;
    }
}
/* iPads (portrait) ----------- */
@media only screen and (min-width : 500px) and (max-width : 1150px) {

    .navbar-collapse-lang .navbar-nav li{
        display:inline-block;
    }
    
    .navbar-nav{
        float:none;
        display:block;
    }
}   
/* iPads (portrait) ----------- */
@media only screen and (max-width : 1150px){
      .ulNavigationFooterSome{
        margin: 0px !important;
        min-height: 100px;
        float:none;
    }
     .dropdown a {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }
    .ulRyhmat li{
        background-color: #9b4a97;
        display:table;
        height: 50px;
        list-style-type: none;
        margin-bottom: 15px;
        margin-left: 0px;
        padding: 15px;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }
        .divLabel{
        background: none #873985 !important;
    }
     .divImages img {
        float: left;
        margin-left: 5px;
        margin-top: 20px;
    }
      .divCategory{
        width: auto;
    }
        .divKauppiaille{
        width: auto;
    }
     .ulRyhmat{
        display:block;
    }
    .business-header{
        height: auto;
    }
    .h1Tuoteryhma{
        float:left;
    }
    .form-search{
        margin-top: 32px;
    }
      .ulTuotteet li{
        width: 47%;
        margin-left: 10px;
        min-width: 235px;
    }
    .divJarjestys{
        margin-left:0px;
    }
    
    .form-search {
    clear: both;
    display: block;
    float: none;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    }
    .form-search .input-append .search-query{
        width: 82%;
        height: 52px;
    }
    .btnHaku{
          padding: 15px 19px;
          position: absolute;
    }
    .ulTabs li{
        clear: none;
        display: inline-block;
        min-width: 0 !important;
    }
    .close{
        font-size: 30px;
    }
     .container-closed{
        height: 250px;
    }


    .business-header{
        height: auto;
    }
    .h1Tuoteryhma{
        float:left;
    }
    .form-search{
        margin-top: 32px;
    }
   .ulTabs li{
        clear: none;
        display: inline-block;
        min-width: 0 !important;
   }
    .navbar-collapse {
        background-color: #3b3b3c;
        border-top: 0 solid transparent !important;
        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
        color: #fff !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: 0px !important;
        overflow-x: visible;
        padding-left: 30px !important;
        padding-right: 30px !important;
        width: 100%;
    }
    .navbar-collapse-lang .navbar-nav li{
        display:inline-block;
    }
    
    .navbar-nav{
        float:none;
        display:block;
    }
    .navbar-inverse .navbar-nav > li > a{
        color: #fff !important;
    }
    .navbar-toggle{
        background-color: #3b3b3c !important;
        display:block !important;
    }
    
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:table !important;
    }
     #btnLang{
       padding: 3px !important;
    }
}