/* #Tablet (Portrait)
================================================== */

	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#header {
			background-position: left top;
		}
		#menu {
			font-size: 13px;
		}
		
		
		form.filter label {
			font-size: 100%;
		}
		form.filter input[type="text"] {
			width: 90px;
		}
		#content .provider_single {
			width: 100%;
			margin-right: 0;
			margin-left: 0;
		}
		
		.pagecontent table.gallery td img {
			max-width: 206px\0;
		}
		/* fix only firefox */
		@-moz-document url-prefix() {
		    .pagecontent table.gallery td img {
				max-width: 206px;
			}
		}
	}



/*  #Mobile (Portrait)
================================================== */

    @media only screen and (max-width: 767px) {
    	#header {
			background-position: left top;
			padding-top: 170px;
			min-height: 300px;
		}
		#header-brand {
			width: 100px;
			height: 100px;
			background-size: contain;
			right: 10px;
		}
		#header h1 {
    		padding-top: 0;
    		font-size: 36px;
    		padding: 0 45px;
    	}
    	
    	.mobile_nav {
    		display: block;
    		text-align: center;
    		position: relative;
    		margin-bottom: 20px;
    	}
    	.mobile_nav i {
    		font-size: 30px;
    		cursor: pointer;
    	}
    	.mobile_nav #mobil_menu {
    		display: none;
    		padding: 10px 0;
    		position: absolute;
    		z-index: 100;
    		left: 50%;
    		width: 420px;
    		margin-left: -210px;
    	}
    	.mobile_nav #mobil_menu li {
    		width: 100%;
    		color: #fff;
			background: #f29c43;
			background: -moz-linear-gradient(top, #f29c43 0%, #d2710e 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29c43), color-stop(100%,#d2710e));
			background: -webkit-linear-gradient(top, #f29c43 0%,#d2710e 100%);
			background: -o-linear-gradient(top, #f29c43 0%,#d2710e 100%);
			background: -ms-linear-gradient(top, #f29c43 0%,#d2710e 100%);
			background: linear-gradient(to bottom, #f29c43 0%,#d2710e 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29c43', endColorstr='#d2710e',GradientType=0 );
    	}
    	.mobile_nav #mobil_menu li a {
    		display: block;
    		color: #fff;
    		font-weight: bold;
    		line-height: 40px;
    	}
    	
    	#menu {
    		display: none;
    	}
    	
    	.pagecontent {
    		font-size: 14px;
    	}
		
		.pagecontent table.gallery {
			width: 100%;
		}
		.pagecontent table.gallery tr {
			display: block;
		}
		.pagecontent table.gallery td {
			display: block;
			padding: 0;
			max-width: 300px;
			margin: 0 auto;
		}
		
		form.filter .columns {
			width: 100% !important;
			margin-bottom: 20px;
		}
		form.filter .columns.respo_left {
			width: calc(50% - 10px) !important;
			margin-right: 10px;
		}
		form.filter .columns.respo_right {
			width: calc(50% - 10px) !important;
			margin-left: 10px;
		}
		form.filter label {
			font-size: 100%;
		}
		form.filter input[type="text"] {
			width: 90px;
		}
		
		#content .provider_single {
			width: 100%;
			margin-right: 0;
			margin-left: 0;
		}
		
		.contact_form .columns.six {
			width: 100%;
		}
		
		.pagecontent table.gallery td img {
			max-width: 300px\0;
		}
		/* fix only firefox */
		@-moz-document url-prefix() {
		    .pagecontent table.gallery td img {
				max-width: 300px;
			}
		}

	}
	


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (max-width: 480px) {
    	#header {
    		background-position: -20px top;
    		min-height: 300px;
    	}
    	#header-logo {
    		left: 25px;
    	}
    	#header-brand {
    		top: 100px;
    	}
    	#header h1 {
    		padding: 0 20px;
    		font-size: 28px;
    	}
    	
    	#menu {
    		display: none;
    	}
    	.mobile_nav #mobil_menu {
    		width: 300px;
    		margin-left: -150px;
    	}

		form.filter .columns.respo_left {
			width: 100% !important;
			margin-right: 0;
			text-align: center;
		}
		form.filter .columns.respo_right {
			width: 100% !important;
			margin-left: 0;
		}
		form.filter label {
			font-size: 100%;
		}
		form.filter input[type="text"] {
			width: 90px;
		}
		
		#content .provider_single {
			width: 100%;
			margin-right: 0;
			margin-left: 0;
		}
		
		.contact_form .columns.six {
			width: 100%;
		}
		footer p {
			max-width: 250px;
			margin: 0 auto;
		}
		
		.pagecontent table.gallery td img {
			max-width: 260px\0;
		}
		/* fix only firefox */
		@-moz-document url-prefix() {
		    .pagecontent table.gallery td img {
				max-width: 260px;
			}
		}
	}