/**********************
# THEME
**********************/

/* Responsive
-------------------------------------------------- */

@media (max-width: 1199px){
    div.slide div.banner-mark{
        margin-top: 0px;
    }
    
    div.slider{
        min-width: 100%;
        margin: 0px 0px;
        display: block;
        overflow: hidden;
        background: #fff;
    }
    div.slider-wrapper{
       width: 100%;
       margin: 0px 0px 0px 0px; 
       min-height: 100px;
       display: block;
       overflow: hidden;
       background: red;
   }
   
    ul.top-main-menu li > a{
        padding: 19px 5px;
        font-size: 18px;
        margin-left: 3px;
    }
    
    div.slide div.banner-mark{
        margin-top: 40px;
    }

    div.slide div.banner-mark mark{
        background: rgba(0, 0, 0, 0.65) !important;
        font-size: 30px;
        font-weight: 100;
        color: #fff;
        padding: 5px;
        line-height: 1.68;
        font-weight: bold;
    }
   
}

/* Large desktop */
@media (min-width: 1200px){
   
}

@media (max-width: 1150px){
   

    
}

@media (min-width: 980px){
     div.catalog-attribute-filter-mini
    div.catalog-filter-item{
    max-width: 100%;
  }
  
}

@media (min-width: 992px) and (max-width: 1199px )
{
    
		
}

@media (min-width: 980px) and (max-width: 991px ){
   
    div.slide div.banner-mark{
        margin-top: 0px;
    }
    
    div.contentSection {
        margin-top: 10px;
    }
    
    div.logotype {
        position: relative;
        margin: 0px auto;
    }
    
    div.top-nav{
        position: relative;
    }
    
    div.banner-extender{
        margin-top: 0px;
    }
    
    div.top-banner{
        margin-top: 0px;
        
    }
    
    ul.top-main-menu{
        float: left;
        margin-top: 20px;
    }
    
    div.slide{
        height: 300px;
        padding-top: 40px;
        overflow: hidden;
    }    
    div.main-slider-nav{
    
    margin-top: 250px;
    
    }
    
    
}

@media (max-width: 979px) {
   
}

@media (max-width: 990px) {
    
    ul.page-submenu li a {
        font-size: 16px;
    }
    
    div.col-left{
         padding-right: 15px;
    }
    
    div.slide div.banner-mark{
        margin-top: 0px;
    }
    
    div#top-banner{
        max-height: 300px;
    }
    
    div.slide{
        height: 300px;
        padding-top: 40px;
        overflow: hidden;
    }   
    
    div.main-slider-nav{
    
    margin-top: 250px;
    
    }
    
    div.contentSection{
        margin-top: 10px;
    }

       
    div.logotype{
        position: relative;
        margin: 0px auto;
    }
    
    
    ul.top-main-menu li > a{
        padding: 10px 5px;
        font-size: 15px;
        margin-left: 3px;
    }
    
    div#top-menu-containter{
        margin-top: 0px;
    }
    
    div.top-nav{
        position: relative;
    }
    
    div.top-banner{
        margin-top: 0px;
    }
    
    ul.top-main-menu{
        float: left;
        margin-top: 20px;
    }
    
    div.banner-extender{
        margin-top: 0px;
    }
    
     .poll-input-label{
        text-align: left;
    }
        
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
		/* Force table to not be like tables anymore */
		table.table-responsive-css, table.table-responsive-css thead, table.table-responsive-csst tbody, table.table-responsive-css th, table.table-responsive-css td, table.table-responsive-css tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		
		table.table-responsive-css tr { border: 1px solid #ccc; }
		
		table.table-responsive-css td { 
			/* Behave  like a "row" */
 		position: relative;
		
		}
  
    div.catalog-filter-item{
        max-width: 100%;
        float: left;
        margin: 5px auto;
        margin-right: 10px;
        overflow: hidden;
    }
    
    div.catalog-filter-item select{
        max-width: 220px;
        display: inline-block;
    }
    
    .poll-input-label{
        text-align: left;
    }
    
  
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
    
    /* Force table to not be like tables anymore */
		table.table-responsive-css, table.table-responsive-css thead, table.table-responsive-csst tbody, table.table-responsive-css th, table.table-responsive-css td, table.table-responsive-css tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		
		
		table.table-responsive-css tr { border: 1px solid #ccc; }
		
		table.table-responsive-css td { 
			/* Behave  like a "row" */
 		position: relative;
		
		}
    
    .poll-input-label{
        text-align: left;
    }
    
    div#gotop{
         opacity: 0.6;
         bottom: 30px;
         top: auto;
         width: 32px;
         height: 29px;
         background: transparent url('/bundles/website/images/layout/gotopsmart.gif') no-repeat top right;
    }
    
    div.logotype img{
        float: none;
        margin: 10px auto;
    }
    
    a.index-goto-catalog{
        float: none;
        display: block;
        margin: 10px auto;
    }
    
    div.top-line-menu-alt{
        text-align: center;
}

    div.top-line-menu-alt-cont{
        margin: 0 auto;
        overflow: hidden;
        text-align: center;
        width: 200px;
    }

    div.top-line-menu-alt div.change-lang,
    div.top-line-menu-alt div.shop-link{
                margin: 0px auto;
        
    }
    
    div.top-line-menu-alt div.change-lang{
        width: auto;
        text-align: center;
        float: none;
    }
}


/* Landscape phones and down */
@media (max-width: 600px) {
 
   
    
}

/* Landscape phones and down */
@media (max-width: 480px) {
    div.catalog-filter-item{
        max-width: 280px;
        float: left;
        margin: 5px auto;
        overflow: hidden;
    }
    
    div.catalog-filter-item select{
        max-width: 220px;
        display: inline-block;
    }
    
    
}

/* Landscape oldier phone*/
@media (max-width: 320px) {

}


@media (max-height: 600px) {
	
}

