@media screen and (max-width: 1300px) {
	
}


@media screen and (max-width: 1200px) {
	#header-search{
		right: 15px;
		width: 180px;
	}
}

@media screen and (max-width: 1080px) {
	#cookieWrapper {
        width: auto !important;
        padding: 15px 10px 8px !important;
    }
    #cookieWrapper .cookieLeft {
        width: 72% !important;
        margin: 0 !important;
        padding: 0 2% 0 0 !important;
        height: auto !important;
    }
    #cookieWrapper .cookieRight {
        width: 24% !important;
        margin: 0 !important;
        padding: 0 2% 0 0 !important;
        height: auto !important;
    }
}

@media screen and (max-width: 991px) {
	#headercontacts{
		text-align: right;
	}
	#header-search{
		right: auto;
		left: 190px;
		top: 70px;
		width: 200px;
	}
	#topmenu {
        display: none;
    }
	.slicknav_menu{
    	display: block !important;
    }
    header {
	    min-height: 117px;
	}
	#aaa-holder img{
		top: 10px !important;
		max-width: 50px;
	}
	.slide-item .table-cell{
		height: 318px !important;
	}
	.index-banner-big .slide-item .title{
		font-size: 33px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.index-banner-big .slide-item .text {
	    font-size: 14px;
	    line-height: 18px;
	    margin-bottom: 15px;
	}
	.index-banner-big .slide-item .more{
	    font-size: 15px;
	    line-height: 18px;
	    padding: 7px 20px;
	}
	#index-akcija{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#footer-contact .contact-h2-title{
	    font-size: 30px;
	    line-height: 36px;
	}
	#footer_menu {
	    padding-left: 0;
	}
	#sub-suball-left{
		width: 230px;
	}
	#leftmenu a.leftmenu_item_sub, 
	#leftmenu a.leftmenu_item_sub_sel, 
	#leftmenu a:hover.leftmenu_item_sub{
		padding-left: 15px;
	}
	#leftmenu a.leftmenu_item_suber, 
	#leftmenu a.leftmenu_item_suber_sel, 
	#leftmenu a:hover.leftmenu_item_suber{
		padding-left: 20px;
	}
	#catalogue_list_description_tabs .idx_list_content table tr td{
		padding: 7px 8px;
	}
	#header-search-txt {
		color: #333;
	}
	#header-search-btn{
	}
	#header-search-txt::-webkit-input-placeholder {
	  color: #333 !important;
	  opacity: 1;
	}
	#header-search-txt:-moz-placeholder {
	  color: #333 !important;
	  opacity: 1;
	}
	#header-search-txt::-moz-placeholder {
	  color: #333 !important;
	  opacity: 1;
	}
	#header-search-txt:-ms-input-placeholder {
	  color: #333 !important;
	  opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	#logo a img{
		max-width: 110px;
	}
	#videos-section{ height: 400px; }
  #videowrapper{ height: 400px; }
	#headercontacts .companydata{
		display: none;
	}
	#headercontacts .contact .tel{
		margin-right: 20px;
	}
	#index-akcija{
		padding-right: 0;
	}
	#index-akcija .txt{
	  font-size: 17px;
	  line-height: 24px;
	  margin-bottom: 10px;
	}
	#index-akcija .btn{
	  padding: 8px 30px 8px 20px;
	  font-size: 13px;
	  line-height: 18px;
	  background-position: top 9px right 15px;
	  position: relative;
	  top: 0;
	  right: 0;
	}
	#index-news-list{
	    padding: 30px 0;
	}
	#index-news-list .item{
		padding: 20px 15px 15px 15px;
	}
	#index-news-list .news-h3-title{
	    font-size: 20px;
	    line-height: 26px;
	}
	#index-news-list .excerpt{
	    font-size: 14px;
	    line-height: 21px;
	    margin-bottom: 15px; 
	    max-width: 100%;
	    height: auto;
	}
	#footer-contact{
		padding: 30px 0;
	}
	#footer-contact .contact-excerpt{
		font-size: 14px;
		line-height: 22px;
	}
	#footer-contact .form{
		margin-top: 0;
	}
	#footer-contact .form .flditm{
		float: none;
		width: 100%;
		padding: 0;
	}
	#footer-contact .flditm-fld{
		margin-bottom: 15px;	
	}
	#footer-contact .form .fldbtn{
		margin-left: 0;
	}
	#footercontacts {
		text-align: center;
	}
	#footer-col-newsletter{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.footer-col-menu{
		padding-top: 0;
		padding-bottom: 30px;	
		text-align: center;
	}
	.footer_menu-title{
		margin-bottom: 10px;
	}
	#footer_menu_links UL LI, 
	#footer_menu UL LI{
		margin-bottom: 5px;
	}
	.ft-copy {
		text-align: center;
		padding-bottom: 20px;
	}
	.ft-author-holder{
		text-align: center;
		padding-top: 20px;
	}
	.ft-author{
		display: inline-block;
		float: none;
		margin: 0 5px;
	}
	#sub-suball-holder .cat-image{
		display: none;
	}
	#sub-suball-left{
		display: none;
	}
	#list_pagingtop.list_paging{
		padding-top: 15px;
		clear: both;
	}
	#list_paging .list_paging_numb,
	#list_paging .list_paging_numb_sel,
	#list_paging .list_paging_spacer{
		display: none;
	}
	.catalogue_list_item_content{
		padding: 3px 15px;
	}
	.catalogue_details_description{
		float: none;
		width: 100%;
	}

	.catalogue_details_image_big {
	    min-height: auto !important;
	    padding: 20px 0 0 0;
	}
	.catalogue_details_image {
	    width: 100%;
	    height: auto !important;
	    float: none;
	}
	#catalogue_list_description_tabs_holder{
		padding: 0 0 30px 0;
	}
	#catalogue_list_description_tabs{
		padding: 0 0 18px 0;
	}
	#catalogue_list_description_tabs .idx_list_content{
		padding: 30px 15px 20px 15px;
	}
	#open-povprasevanje-holder{
	    padding: 22px 15px 22px 15px;
	}
	#open-povprasevanje-holder .btn-povprasevanje{
    	padding: 10px 35px 10px 15px;
    	font-size: 15px;
    	background-position: top 14px right 17px;
	}
	#SendRequestPopup{
		width: 400px;
	}
	.popup{
		padding: 30px 15px;
	}
	body#pagekontakt #sub-content-page .form{
	    float: none;
	    width: 100%;
	    padding-right: 0;
	}
	body#pagekontakt #sub-content-page #googlemapContainer{
	    float: none;
	    width: 100%;
	    margin-bottom: 40px;
	}
	body#pagekontakt #sub-content-page #googlemapContainer iframe{
		height: 300px;
	}
}

@media screen and (max-width: 500px) {
  #videos-section{ height: 300px; }
  #videowrapper{ height: 300px; }
  #header-search{
		top: 75px;
		left: 15px;
		width: 170px;
	}
	#headercontacts .contact.contact-email{
		display: none;
	}
	#headercontacts .contact .tel{
		margin-right: 0;
	}
	.catalogue_list_item_image_container{
		float: none;
		width: 100%;
	}
	.catalogue_list_item_content{
		float: none;
		width: 100%;
		padding: 10px 0;
	}
	.catalogue_list_item_content .summary{
		margin-bottom: 15px;
	}
	#SendRequestPopup{
		width: 300px;
	}
	.popup{
		padding: 20px 10px;
	}
	.popup .popup_btnclose{
		right: -6px;
	}
	
  .news_full_item .img, .news_full_item .news_full_content {
      width: 100%;
      margin: 0px auto;
      max-width: 290px;
      display: block;
      float: none;
  }
}



/* sticky menu*/
/*    Mobile Menu Core Style*/

.slicknav_btn {
    display: block;
    vertical-align: middle;
    padding: 22px 12px 20px;
    line-height: 1.125em;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.slicknav_menu .slicknav_no-text {
    margin: 0
}
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 28px;
    height: 5px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 6px;
}
.slicknav_menutxt {
    position: absolute;
    display: block;
    right: 60px;
    top: 30px;
    color: #223f5f;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.slicknav_btn:hover {
    /*background-color: #FFF;*/
}
.slicknav_btn:hover .slicknav_icon-bar {}.slicknav_nav {
    clear: both
}
.slicknav_nav ul,
.slicknav_nav li {
    display: block;
    text-align: left;
    position: relative;
}
.slicknav_nav .slicknav_item {
    cursor: pointer;
}
.slicknav_nav .slicknav_row {
    display: block;
}
.slicknav_nav a {
    display: block
}
.slicknav_nav .slicknav_parent {}.slicknav_nav .slicknav_parent a {}.slicknav_nav .slicknav_parent a a {
    padding-left: 0 !important;
}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a {
    display: inline
}
.slicknav_menu:before,
.slicknav_menu:after {
    content: " ";
    display: table;
}
.slicknav_menu:after {
    clear: both
}
/* IE6/7 support */

.slicknav_menu {
    zoom: 1
}
/*     User Default Style    Change the following styles to modify the appearance of the menu.*/

.slicknav_menu {
    position: absolute;
    top: 48px;
    left: 0;
    width: 100%;
    font-size: 18px;
    background-color: #dadada;
    z-index: 5010;
    display: none;
}

/* Button */

.slicknav_btn {
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #2e2e2e;
    text-transform: uppercase;
    z-index: 5030;
    color: red;
    float: right;
}
/* Button Lines */

.slicknav_menu .slicknav_icon-bar {
    background-color: #223f5f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.slicknav_nav {
    margin: 0;
    padding: 5px 0;
    background-color: #dadada;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
}
.slicknav_nav .slicknav_arrow {
    position: absolute;
    top: 9px;
    right: 20px;
}
.slicknav_nav,
.slicknav_nav ul {
    list-style: none;
    overflow: hidden;
}
.slicknav_nav ul {
    padding: 0;
    margin: 0 0 0 0;
}
.slicknav_nav .slicknav_parent a.slicknav_item {
    padding: 10px 15px;
}
.slicknav_nav .item_sub.slicknav_parent a.slicknav_item{padding-left: 25px !important;}
.slicknav_nav .item_sub a {padding: 6px 15px 7px 25px !important;;}
.slicknav_nav .slicknav_parent a,
.slicknav_nav .item a {
    padding: 10px 25px 10px 15px;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    color: #3b3b3b;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.slicknav_nav .item_sub a {
    padding: 6px 15px 7px 25px;
}
.slicknav_nav .item>a:hover,
.slicknav_nav .item_sel>a {
    background-color: #dadada;
}
.slicknav_nav .itemsub>a:hover,
.slicknav_nav .itemsub_sel>a {
    background-color: #dadada;
}
.slicknav_nav .item_suber>a {
    padding-left: 35px;
}
.slicknav_nav .item_suber>a:hover,
.slicknav_nav .itemsuber_sel>a {
    background-color: #dadada;
}

#mobileMenuReminderBtn {
    height: 36px;
    padding: 16px 39px 0 17px;
    cursor: pointer;
    margin: 12px 11px 12px 11px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    background-color: #5c52bb;
    background-image: url("/static/img/header/reminder.png");
    background-repeat: no-repeat;
    background-position: center right;
}
#mobileMenuReminderBtn:hover {
    text-decoration: underline;
}