/* Responsive - SS */

@import 'http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css';
/*mobile menu css */

.uk-offcanvas-page {
	position: fixed;
	/* 2 */
  -webkit-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
}
.uk-navbar-toggle {
	margin: 0px auto;
     font-size:22px;
	 width: 100px;
	color:#0056A8;
	float:right;
	padding: 30px 0 10px;
}
.uk-offcanvas {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}
.uk-offcanvas-bar:after {
	bottom: 0;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}
.uk-offcanvas-bar .uk-search:before {
	left: 5px;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.uk-offcanvas-bar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 1001;
	/* 2 */
    width: 270px;
	max-width: 100%;
	background: #F3F3F3;
	/* 3 */
    overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	/* 4 */
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
     transition: transform 0.3s ease-in-out;
}
.uk-offcanvas.uk-active {
	display: block;
}
.uk-offcanvas .uk-panel {
	margin: 20px 15px;
	color: #777777;
}
.uk-offcanvas .uk-panel-title {
	color: rgba(255, 255, 255, 0.5);
}
.uk-offcanvas .uk-panel a:not([class]) {
    color: rgba(255, 255, 255, 0.5);
}
.uk-offcanvas .uk-panel a:not([class]):hover {
    color: #ffffff;
}
.uk-offcanvas-bar:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.uk-offcanvas-bar-flip:after {
	right: auto;
	left: 0;
	width: 1px;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
	color: #FFF;
	background:#B91622;

}
.uk-nav-offcanvas li.parent ul {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}
.uk-nav, .uk-nav ul {
	list-style: outside none none none !important;
	margin: 0;
	padding: 0;
}
html .uk-nav.uk-nav-offcanvas > li.active > a:before, uk-nav-offcanvas ul a:hover {
	/*background: linear-gradient(to bottom, #5477A2, #5477A2) repeat scroll 0 0 #5477A2;
	border: 1px solid rgba(0, 0, 0, 0.06);*/
	content: "";
	display: block;
	height: 46px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px;
}
.uk-nav-offcanvas > li > a:hover, .uk-nav-offcanvas ul a:hover, .uk-nav li.active ul li.active a {
	background: #0056A8;
	color: #FFF !important;
	outline: medium none;/*border-left:4px solid #5477A2;*/
}
html .uk-nav.uk-nav-offcanvas > li.active > a, .uk-nav li.active ul li.active a {
	background: #0056A8 ;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	color: #FFF !important;
}

#rt-offcanvas{ display:none;}

/* end moblie menu css */

@media screen and (max-width: 1200px){
	
	
	body{ min-width:100% !important;}
   .rt-container{ width:95% !important;}
   .rt-container .rt-grid-12{ width:100% !important; margin:0 auto !important;}
   
   #rt-header .rt-container .rt-grid-8{ width:68% !important;}
   #rt-header .rt-container .rt-grid-4{ width:27% !important;}
   #rt-header .bestbeef{ width:10% !important;}
   #rt-header .mainmenujs{ width:90% !important;}
	#forside #rt-mainbody{ width:100% !important;}
	
	.symboler{ width:24% !important; margin:0 auto !important;}	
	
	.box{ width:30% !important;}
	
	.box img{ width:100% !important;}
	.box2{ margin:40px 30px 0px!important;}
	
	#rt-footer .rt-grid-6.rt-alpha{ width:67% !important;}
	#rt-footer .rt-grid-6.rt-omega{ width:27% !important;}
	
	#rt-main .rt-container .rt-grid-8{ width:60% !important;}
	#rt-main .rt-container .rt-grid-4{ width:34% !important;}
	.customkontaktos > a{ width:100% !important; background-position:95% !important;}
	
	.produkt-kasse{ width:31% !important;}
	a[href^=tel] {
				text-decoration:inherit;
				color: inherit;
				}
	
	}
	
@media screen and (max-width: 1060px){
	 #rt-header .rt-container .rt-grid-8{ width:74% !important;}
   	 #rt-header .rt-container .rt-grid-4{ width:21% !important;}
	#rt-logo{ width:100% !important; background-size:100%!important ;}
	#rt-header .bestbeef{ width:7% !important;}
   #rt-header .mainmenujs{ width:93% !important;}
	
	}	

@media screen and (max-width: 960px){
	 #js-mainnav.megamenu.simpledefault ul.level0 li.mega a.mega{ padding:36px 9px 12px !important;}
	#rt-header .bestbeef img{ padding: 10px 5px 4px !important;}
	#rt-logo{ height:45px !important; margin:15px 0px 0px !important;}
	
	#rt-footer .rt-grid-6.rt-alpha{ width:55% !important;}
	#rt-footer .rt-grid-6.rt-omega{ width:37% !important;}
}
@media screen and (max-width: 865px){
	.mainmenujs{ display:none ;}
	#rt-header .rt-container .rt-grid-4{ width:250px !important;}
	#rt-header .rt-container .rt-grid-8{ width:60% !important; float:right;}
	#rt-logo { background-size: 100% 100% !important;}
	#rt-header .bestbeef{ width:29% !important;}	
	#rt-header .mobliemenu{ width:54% !important; float:right;}
	
	/*moblie menu css */
	
	#rt-offcanvas{ display:block !important;}
	.uk-navbar-toggle::before {
			content: "";
			font-family: FontAwesome;
			vertical-align: middle;
			display:inline-block;
			padding-right:10px;
			line-height:31px;
}
		
#rt-offcanvas{
    display: block;
    z-index: 99999;
	text-align:center;
}



/*........................................................... Moblie Menu Css ............................................................................*/

#offcanvas .uk-nav-offcanvas > li > a, li.parent ul li >a {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
	color: #0056A8;
	font:400 16px/20px "oswald"!important;
	
	padding: 13px 15px;
	position: relative;
	font-weight:normal;
	text-transform: uppercase;
}
#offcanvas li.parent ul li >a {
	padding: 11px 10px 11px 25px;
	font-weight:normal;
}
.uk-nav li > a {
	display: block;
	text-decoration: none;
}
.uk-offcanvas-bar-show ul {
	list-style:none !important;
}

/* ................................End Moblie Menu Css .....................................*/
.box{ height:365px !important;}	
.box-text p{ height:100px !important;}	

.customkontaktos > a{ font-size:20px !important;}
	
	}
@media screen and (max-width: 768px){
#rt-header .rt-container .rt-grid-8{ width:50% !important;}
.item-pagekontakt p img{ width:95% !important; padding:7px !important;}
.formKontaktinfo{ width:95% !important; margin:0 auto !important; padding:10px !important;}
.adresse{ width:48% !important;}
.afdelinger{ width:100% !important; float:none !important;}
.afdelinger > p{ width:48% !important;}
#forside #rt-showcase{ height:200PX !important}
.slideshowck.camera_wrap.camera_black_skin{ height:200px !important;}
.camera_wrap img{ height:250px !important;}

.customslidetext{ height:150px !important; margin-top:30px !important; background-position:center 109px !important;}
.slider-omrode{ width:80% !important; height:auto !important;}



	}

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

	.box{ height:380px !important;}	
	.box-text p{ height:120px !important;}	

	#rt-footer .rt-grid-6.rt-alpha{ width:50% !important;}
	#rt-footer .rt-grid-6.rt-omega{ width:40% !important;}
	#rt-main .rt-container .rt-grid-8 , #rt-main .rt-container .rt-grid-4{ width:100% !important; margin:6px auto !important;}

	


}

@media screen and (max-width: 640px){
#rt-header .rt-container .rt-grid-8{ width:40% !important;}

.symboler{ width:48% !important; margin:12px auto !important;}
#forside #rt-mainbody{ height:auto !important;}

.box{ height: auto !important; width:300px !important; float:none !important; margin:20px auto !important; padding-bottom:15px !important;}	
.box{ margin:20px auto !important}

.box-text p{ height:50px !important;}

#rt-footer .rt-grid-6.rt-alpha , #rt-footer .rt-grid-6.rt-omega{ width:100% !important; margin:0 auto !important;}
.footer-right{ text-align:center;}	

.produkt-kasse{ width:30% !important; height:auto !important;}
#forside #rt-feature{ height:auto !important;}
#forside #rt-feature p{ width:192px !important; margin:0 auto !important; text-align:left !important;}	

.customslidetext {
    background-position: center 136px !important;
    height: 183px !important;
    margin-top: 17px !important;

	}
	
@media screen and (max-width: 520px){
#rt-header .rt-container .rt-grid-8{ width:100% !important; margin:0 auto !important;}
#rt-header .rt-container .rt-grid-4{ width:100% !important; margin:0 auto !important;}
#rt-logo{ width:240px !important; margin:14px auto 0!important}	

#rt-header .mobliemenu{ width:35% !important;}
#rt-header .bestbeef{ text-align: right;
    width: 41% !important;}
	
.uk-navbar-toggle { float:left !important; padding:10px !important; margin-top:20px !important;}	

#rt-top{ height:105px !important;}
.sprog-menu{ width:100% !important; float:none !important;}
.customsprog-menu .sprog-menu{ width:100px !important; margin:0 auto !important;}

.customtopinfo a, .customtopinfo p{ width:100% !important; margin:0 auto !important; text-align:center !important}
.customtopinfo{ width:100% !important; margin:0 auto !important;}
.topinfo{ float:none !important; width:100% !important;}
#top-tlf{ float:none !important; width:250px !important; text-align:right !important;}
#toplink{ width:100px !important; float:none !important; margin:0 auto !important;}
	
}	
	
@media screen and (max-width: 480px){
	
	#kontakt #rt-showcase, #underside #rt-showcase{ height:130px !important;}
	.custombanner img{ height:130px !important;}	
	
	#rt-footer .rt-grid-6.rt-alpha .rt-block{ width:270px !important ; margin:0 auto !important;}
	
	.footer-right{ text-align:left; margin:0 auto !important; width:275px !important;}
	.produkt-kasse{ width:280px !important ; float:none; margin:5px auto !important;}
	.p-child{ margin:32px auto !important;}
	
	
	
	.adresse{ width:240px !important; float:none !important; margin:0 auto !important;}
	.afdelinger{ width:245px !important; float:none !important; margin:0 auto !important;}
	.afdelinger > p{ width:100% !important;}	
	
	}
@media screen and (max-width: 380px){
.produkt-kasse{ width:100% !important;}
	 
	 }