/* Large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {
		.account td{
			padding: 5px 0px 0px 20px;
		}
		.footerContactForm{
			max-width: 75%;
		}
	}

/* Large devices (large desktops, 1200px and less) */
	@media (max-width: 1200px) {
		.slider .page-header {
			
		}
		#webshopService h5{
			font-size: 14px;
		}
		.subMenu ul li {
			padding: 7px 0px;
		}
		#carousel .overview li{
			margin: 0 110px 0 0;
			width: 120px;
		}
		#carousel .viewport{
			width: 120px;
		}
		.account td{
			padding: 5px 0px 0px 20px;
		}
		.wrap-quote	{max-height: 312px;}
	}

/* Medium devices (desktops, between 992px and 1200px) */
	@media (min-width: 992px) and (max-width: 1200px) {
		.navbar #mainNav li a {
			font-size: 16px;
		}
		.navbar .phone {
			font-size: 16px;
		}
		.box-txt i {
			font-size: 22px;
		}
		.box-txt strong, .box-txt b {
			font-size: 30px;
		}
	}

/* Small devices (tablets, between 768px and 992px) */
	@media (min-width: 768px) and (max-width: 992px) {
		
		.slider .visual{
			
		}
		.navbar #mainNav li a {
			font-size: 14px;
			
		}
		#webshopService h5{
			font-size: 12px;
		}
		.account{
			
		}
		.account li a {
			padding: 2px 7px;
		}
		#carousel .buttons {
			border-radius: 0;
			margin: 0;
			width: 12px;
			height: 125px;
			line-height: 112px;
			font-size: 20px;
			padding: 7px 0;
		}
		#carousel .overview li{
			margin: 0 120px 0 0;
			width: 110px;
		}
		#carousel .viewport{
			width: 110px;
		}
		#carousel .overview li {
			height: 125px;
		}

	}

/* Small devices (tablets, less than 992px) */
	@media (max-width: 992px) {
		.navbar-header{
			text-align: center;
		}
		.navbar-brand{
			float: left;
			padding: 0;
		}
		.navbar-brand img{
			margin: 15px 15px; position: relative; z-index: 10;
		}
		.greyblock.maxheight{
			height: auto !important;
		}
		.topfooter h2 {
			font-size: 18px;
		}
		.topfooter .footerContactForm .form > .control-group{
			width: 100%; 
			float: none;
		}
	}
/* Extra small devices (phones, less than 770px) */
	@media (max-width: 768px) {
		body {padding-top: 50px}

		.header{
			min-height: inherit;
		}
		.content_home .paragraph h2{
			font-size: 20px;
		}
		.paragraphImage{
			width: 100% !important;
			text-align: center !important;
			float: none !important;
		}
		.slider-1{
			margin-left: -15px;
		}
		.slider .visual{
			max-height: 350px;
			overflow: hidden;
		}
		.slider .nivoSlider img.nivo-main-image {
			left: 0;
		}
		.navbar .container{
			padding: 0px;
		}
		.navbar-collapse {
			max-height: inherit;
			background-color: #fff;\
		}
		.navbar-nav {
			margin: 0px;
		}
		.navbar #mainNav	{
			position: absolute;
			bottom: inherit;
			z-index: 11;
			width: 100%;
			box-shadow: 0px 5px 10px -5px #000;
			margin: 0px auto;
			left: inherit;
			right: inherit;
			margin-top: 1px;
			border-top: 1px solid rgba(0,0,0,0.2);
			top: 70px;
		}
		.navbar #mainNav li ul{
			position: relative; 
			z-index: 10; 
			list-style: circle; 
			padding: 0px 20px;
			margin-left: 25px;
			box-shadow: 0 0 0 0;
			margin-top: -10px;
			border-radius: 0px;
			border: 0;
			display: block !important;
		}
		.navbar #mainNav li ul li a{
			font-size: 14px;
			padding: 0px 0px 10px 0px;
		}
		.account {
			position: absolute;
			top: initial;
			right: 0;
			left: 0;
			z-index: 1;
			margin: 15px 0px;
			text-align: center;
			padding-bottom: 15px;
		}
		.account a{
			margin: 15px;
		}
		.account a:after {
			height: 0px;
			background-color:transparent !important;
		}
		.account a:hover, .account li.active a {font-weight: 800;}
		.product {
			margin: 15px 10px;
		}
		.footer .foot-left{
			text-align: center;
		}
		.btn.hidden-xs, .btn .hidden-xs{
			display: none !important;
		}
		.paragraph figure{
			width: 100% !important;
		}
		.paragraph figure img{
			width: 100%;
		}
		.footer table{
			margin: 0px auto;
		}
		.footerContactForm{
			width: 50%;
		}
		.topfooter .footerContactForm .form {
			margin-left: 0;
			margin-right: 0;
		}
		.topfooter .footerContactForm .form .submitFormButton{
			padding: 0 0;
			text-align: right;
		}
		.topfooter .footerContactForm .form > .control-group{
			width: 100%; 
			float: none;
			display: inline-block;
			padding: 0 0;
		}
	}
	@media (max-width: 530px) {
		.footerContactForm{
			width: 100%;
		}
	}