@media (max-width: 1450px) {
	.cirkel-homepage {
		right: 25%;
	}	
}
@media (max-width: 1100px) {
	.cirkel-homepage {
		right: 5%;
	}	
}
@media (max-width: 1000px) {
	.cirkel-homepage {
		right: 25%;
	}		
	.hidden-s{
		display:none;	
	}
	
	.visible-s{
		display:block;	
	}
   
    .wrapper{
		overflow-x:hidden;	
	}
   
   .c-hamburger {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 24px!important;
	  height: 36px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  cursor: pointer;
	  background:none;
	  border:0;
	  margin: 17px 20px 0 0;
	  /* transition: background 0.3s; */
	}
	
	.c-hamburger span {
	  display: block;
	  position: absolute;
	  top: 16px;
	  left: 0px;
	  right: 0px;
	  height: 2px;
	  background: #ffffff;
	}
	
	.c-hamburger span::before,
	.c-hamburger span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background-color: #ffffff;
	  content: "";
	}
	
	.btn-stroke:hover.c-hamburger span,
	.btn-stroke:hover.c-hamburger span::before,
	.btn-stroke:hover.c-hamburger span::after{
		background-color:#A72072	
	}
	
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;	
	}
	
	.c-hamburger span::before {
	  top: -7px;
	}
	
	.c-hamburger span::after {
	  bottom: -7px;
	}

	
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}
	
	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {
	  
	}
	
	.c-hamburger--htx.is-active span {
	  background: none;
	}
	
	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}
	
	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}
	
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}	
	

	
	#mobilemenu{
		list-style:none;
		padding:0;
		margin:0;	
	}
	
	#mobilemenu li{
		line-height: 40px;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
	}
	#mobilemenu li a{
		color:#fff;
		font-size:14px;
		display:block;
	}
	
	#mobilemenu li.haschild > a:after{
		content: '\f105';
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		margin: 0 10px 0 0;
		float: right;
	}
	
	#mobilemenu li a:hover{
		/*color:#999;*/	
	}
	
	#mobilemenu li.current > a{
		color: #d79342;
	}
	
	#mobilemenu .child{
		display:none;
		list-style:none;
		margin:0;
		padding: 0;
	}
	
	#mobilemenu .haschild.active .child{
		display:block;	
		
	}
	
	#mobilemenu .haschild{
		left:-81%;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */	
	}
	
	#mobilemenu .haschild.active{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding:0;
		margin:0;
		background-color:rgba(21,21,21,1);
		border-bottom:0;
		padding-top: 0px;
		z-index: 2;
	}
	
	#mobilemenu .haschild.active > a{
		/* margin-left:20px; */
		color: #d79342;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		/* background-color: white; */
		font-weight: bold;
	}
	#mobilemenu .haschild.active > a:before{
		display:none;
	}
	
	#mobilemenu .first-child .mobile-exit,
	#mobilemenu .haschild.active .mobile-close{
		position: absolute;
		z-index:2;
		float:right;
		font-size: 30px;
		right: 0;
		top: 9px;
		background: #d79342;
		top: 0;
		right: -1px;
		height: 40px;
		width: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
	}
	
	#mobilemenu .mobile-exit .c-hamburger{
		margin-left: 9px;
		margin-top: 4px;
	}
	#mobilemenu .mobile-exit .c-hamburger span::before,
	#mobilemenu .mobile-exit .c-hamburger span::after{
		background-color: #ffffff;
	}
	
	#mobilemenu .haschild.active .mobile-close i{
		pointer-events:None;	
	}
	
	#mobilemenu .child li a{text-transform:none;/* color:#d2d2d2 */}
	
	
	
	.container-wrapper{
		-webkit-transition: -webkit-transform 0.3s ease;
		-moz-transition: -moz-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
		transition: transform 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

	}
	
	.mobile-menu-container{
		background-color:rgba(21,21,21,1);
		padding:91px 0 20px 20px;
		position: fixed;
		top: 0;
		left:-71%;
		bottom: 0;
		z-index: 101;
		display: block!important;
		width: 71%!important;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	.portal .mobile-menu-container{
		padding:110px 0 0 0;	
	}
	
	.off-screen{
		left:0;
	}
	
	.off-screen+* {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		width: 100%;
		overflow: hidden;
		-webkit-transform: translate3d(70%,0,0);
		transform: translate3d(70%,0,0);
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0.1s; /* Safari */
   		transition-delay: 0.1s;
	}
    .wrap {
		padding: 0 40px;
	}
}

@media only screen 
and (min-width : 670px) 
and (max-width : 1500px) {
	  .wrap {
		padding: 0 40px 0 340px;
	}
	
	/* FOOTER */
	.footer .widget{
		width:33.33%;
		min-height: 250px;	
	}
	
	
	/* GALLERY */
	.gallery .image{
		width: 25%;
		float: left;	
	}
	.heading .title{
		font-size:42px;	
		line-height:90%;
	}

}

@media only screen 
and (min-width : 670px) 
and (max-width : 1000px) {
	
	/* GENERAL */
	.visible-s{
		display:block!important;
	}
	
	.hidden-s{
		display:none;	
	}
	
	.wrap{
		padding:0 30px;	
	}
	.banner-contact{
		left:0;	
	}
	
	.mobile-menu-container{
		left:-36%;
		width: 35%!important;
	}

	.off-screen {
		left: 0;
	}
	
	.off-screen+* {
		-webkit-transform: translate3d(35%,0,0);
		transform: translate3d(35%,0,0);
	}
	
	.c-hamburger{
		margin-top:30px;	
	}
	
	.header .logo{
		padding:10px;
	}
	.header .logo img{
		height:70px;	
	}
	.header{
	
		background: rgba(21,21,21,.9);
		border: 0;
	}
	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
	.wrap{
		padding:0 30px;	
	}
	.banner-contact{
		left:0;	
	}
	
}

@media (max-width: 670px) {
	.cirkel-homepage {
		right: 5%;
	}		
	.hidden-xs{
		display:none;	
	}
	
	.visible-xs{
		display:block;	
	}
	
	.wrap{
		padding:0 20px;	
	}
	
	/* HEADER */
	.header .flags{
		padding: 20px 0;
	}
	.header .flags li{
		width:28px;
		height:28px;
		line-height:26px;
		font-size:12px;
		margin-right:10px;	
	}

	.header{
		height: 66px;
		background: rgba(21,21,21,.9);
		border: 0;
	}
	.header .btn-contact{
		line-height:60px;	
	}
	
	.header .logo{
		padding:5px;
	}
	.header .logo img{
		height: 56px;
	}
	
	/* GALLERY */
	.gallery .image{
		width: 50%;
		float: left;	
	}
	
	/* BANNER */
	.slider{
		height:275px!Important	
	}
	
	.bg-image,
	.slider .slide{
		background-position:center!important;
		background-size:cover	
	}
	.slider .slide .slide-content {
		padding-top: 44%;
	}
	.slider .slide .slide-title{
		font-size:48px;	
	}
	.slider .slide .slide-description{
		width:100%;	
	}
	
	.banner-contact img{
		max-width:40%	
	}
	
	.arrow-bottom:before {
		position: absolute;
		width: 20px;
		left: 0;
		bottom: 0;
		border-bottom: 10px solid #252424;
		border-right: 10px solid transparent;
		display: block;
		content:" ";
	}
	.arrow-bottom:after {
		position: absolute;
		left: 20px;
		bottom: 0;
		right: 0;
		border-bottom: 10px solid #252424;
		border-left: 10px solid transparent;
		display: block;
		content:" ";
	}
	
	/* FORMS */
	.form-list td{
		padding:0;
		width:100%!important;
		display:block;	
	}
	
	.btn{
		width:100%	
	}
	
	/* SECTION */
	.section .section-image {
    	height: 40vh;
	}
	
	.mobile-menu-container{
		padding-top: 66px;
	}
	
	/* CONTENT */
	.content{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		-webkit-column-gap: 0; /* Chrome, Safari, Opera */
		-moz-column-gap: 0; /* Firefox */
		column-gap: 0;	
	}
	
	/* HEADING */
	.heading .title{
		font-size:32px;	
	}
	.heading .subtitle {
		font-size: 70px;
		left: -10px;
		top: -25px;
	}
	
	.banner-contact{
		left:0	
	}
	
	/* FOOTER */
	.footer .widget{
		width:50%;	
    	min-height: 270px;
	}
	.footer-bottom{
		text-align:center;	
	}
	.footer-bottom .links,
	.footer-bottom .copyright{
		float:none;	
	}
	
	.footer-bottom ul li{
		padding:20px 10px 0 10px;	
	}
	
	.filter-button-group > div{
		margin:0 5px	
	}
	/* COLUMNS */
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
		width:100%;
		float:none;
	}
	
	
}
@media (max-width: 480px) {
	.cirkel-homepage {
		right: inherit;
		left: 20px;
		top: 110%;
	}
}