﻿/* Large desktop */
@media (max-width: 1200px) { 
	.container {
		width: 960px;
		padding: 0 15px;
	}
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) { 
	.container {
		width: 100%;
	}

	.logo {
		margin: 0 0px -24px 0;
	}

	.main-nav > ul > li a, .main-nav > ul > li a:link, .main-nav > ul > li a:visited {
		padding: 27px 10px;
	}

	.nav-toggler {
		display: block;
	}

	.main-nav {
		position: relative;
	}

	.main-nav ul {
		position: fixed;
		width: 250px;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		background: rgba(0, 0, 0, 1);
		transform: translateX(100%);
		transition: 0.2s;
	}

	.main-nav > ul > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}

	.main-nav > ul > li:first-of-type {
		display: block;
	}

	.main-nav > ul > li a, .main-nav > ul > li a:link, .main-nav > ul > li a:visited {
		padding: 10px 15px 10px 25px;
	}

	.main-nav > ul > li a:hover, .main-nav > ul > li.active a {
		background: rgba(255, 255, 255, 0.1);
	}

	.main-nav ul.show-nav {
		transform: translateX(0);
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		width: auto;
		float: none;
	}

	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		float: left;
	}

	.col-sm-1 {width: 8.3333333333%;}
	.col-sm-2 {width: 16.6666666666%;}
	.col-sm-3 {width: 25%;}
	.col-sm-4 {width: 33.3333333333%;}
	.col-sm-5 {width: 41.6666666666%;}
	.col-sm-6 {width: 50%;}
	.col-sm-7 {width: 58.3333333333%;}
	.col-sm-8 {width: 66.6666666666%;}
	.col-sm-9 {width: 75%;}
	.col-sm-10 {width: 83.3333333333%;}
	.col-sm-11 {width: 91.6666666666%;}
	.col-sm-12 {width: 100%;}

	.slider > span {
		display: none;
	}

	.section-text {
		font-size: 20px;
		line-height: 30px;
	}

	h2 {
		font-size: 32px;
		line-height: 25px;
	}

	h3 {
		font-size: 25px;
		line-height: 19px;
	}

	.contact-panel .section-text {
		text-align: center;
	}

	.contact-panel .section-text .form-holder {
		text-align: left;
	}

	.contact-panel .section-text .form-holder:first-of-type {
		margin-top: 30px;
	}

	footer {
		padding: 15px 0;
	}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
		width: auto;
		float: none;
	}

	.logo {
    margin: 0 0px -15px 0;
	}

	.logo img {
    min-width: 205px;
	}

	.slider {
		display: none;
	}

	.welcome-panel {
		margin-top: 32px;
	}
}