@media (max-width: 1199px) {
  #topsearch .form-control{
  	width: 76%;
  }

  div.polaroid {
  		height: 295px;
  	}
}


/*burger menu collapse*/
@media (min-width: 320px) and (max-width: 991px) {
   @media (max-width: 991px) {
	  .navbar-header {
	      float: none;
	  }
	  .navbar-left,.navbar-right {
	      float: none !important;
	  }
	  .navbar-toggle {
	      display: block;
	  }
	  .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:block !important;
	  }

	  .navbar-default .navbar-toggle{
	  	border: none;
	  }

	  .navbar-default .navbar-toggle .icon-bar{
	  	background-color: #fff;
	  }

	  .navbar-default .navbar-toggle:focus{
	  	background-color: transparent;
	  }

	  div#arkMix img {
	    margin: 0 auto;
	  }

	  .infopanelsmall{
	  	margin-bottom: 40px;
	  }
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: white;
	}

	#logo{
		margin: 0 auto;
	}

	#social{
		text-align: center;
		margin-bottom: 20px;
	}

	#login_icon{
		margin-top: 25px;
	}

	div.polaroid,
	div.modal-polaroid {
  		max-width: 47%;
  		height: 330px;
  	}
	#ark.active{
		display: inline-block;
	}
}

@media (max-width: 767px) {
	#topsearch .form-control{
		width: 100%;
		margin-bottom: 10px;
	}

	#topsearch .btn-outline-black{
		font-size: 18px;
	}

	.forsideContent{
		padding: 0px 20px;
	}

	footer .text-box{
		text-align: center;
	}

	#billeder h4 {
    	margin-bottom: 100px;
	}

	.mobilePreview{
		margin-bottom: 100px;
	}

	.polaroidMixPhone .img-responsive, 
	.polaroidMixPhone .thumbnail a>img, 
	.polaroidMixPhone .thumbnail>img,
	.modal-polaroid .img-responsive, 
	.modal-polaroid .thumbnail a>img, 
	.modal-polaroid .thumbnail>img{
		min-width: 103px;
		max-width: 144px;
	}
	div.polaroid,
	div.modal-polaroid {
  		max-width: 22%;
  		min-width: 145px;
  		height: 322px;
  	}

  	#ark.active{
		display: inline-block;
	}

	#ark.active img{
		margin: 0 auto;
	}
	
	.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
		 border: 3px solid #5CB85C;
		 outline: initial;
	}
}

@media (max-width: 715px) {
	.mix-wrapper-box.col-sm-3{
		/*width: 50%;*/
	}
}

@media (max-width: 605px) {
	#forside .headerContent h1{
		font-size: 30px;
	}

	#billeder h4 {
    	margin-bottom: 100px;
	}

	.polaroidMixPhone .img-responsive, 
	.polaroidMixPhone .thumbnail a>img, 
	.polaroidMixPhone .thumbnail>img,
	.modal-polaroid .img-responsive, 
	.modal-polaroid .thumbnail a>img, 
	.modal-polaroid .thumbnail>img{
		min-width: 103px;
		max-width: 145px;
	}
	div.polaroid {
  		max-width: 25%;
  		min-width: 145px;
  		height: 322px;
  	}
	
	.mix-text{
		clear:both;
	}

	.onlinePackage .polaroidMix img{
		float: none;
		margin: 0 auto;
	}

}

@media (max-width: 450px) {
	.col-xs-6.polaroidMixPhone {
		width: 100% !important;
	}
}

@media (max-width: 375px) {
	#ark.active .col-xs-6{
		width: 100%;
	}
}

@media (max-width: 397px) {
	#tabMenu li a{
		font-size: 13px;
	}
}

@media (max-width: 350px) {
	.button-wrapper .btn{

	}

	#menuButtons{
		max-width: 60% !important;
		
	}

	#billeder1Btn{
		max-width: 40% !important;
	}

	#ark1Btn a,
	#packages1Btn a{
		font-weight: normal;
	}
}