/*-- Media Queries --*/

.menu-wrapper,
#mobile-navigation {
	display:none;
}


@media (max-width: 1550px) {
	.container {
		width:100%;
		padding-right:40px;
		padding-left:40px;
		margin:0;
	}

	.white-box .container {
		padding-left:40px;
		padding-right:40px;
	}

	.photo-left .container {
		padding-left:0;
		padding-right:0;
	}

	.photo-left .two-columns .col:nth-child(2) {
		padding-top:75px;
		padding-bottom:75px;
	}

	nav .container {
		padding-right:40px;
		padding-left:40px;
	}

	.logo {
		left:40px;
	}

	nav ul li a {
		padding-left:15px;
		padding-right:15px;
	}

	#home header,
	#subpage header {
		width:100%;
		padding-left:25px;
		padding-right:25px;
	}

	header .container {
		padding-left:40px;
		padding-right:40px;
	}

	#home #intro .col:nth-child(1),
	#subpage #intro .col:nth-child(1) {
		width:-webkit-calc(100% - 500px);
		width:-moz-calc(100% - 500px);
		width:calc(100% - 500px);
		padding:75px 40px;
	}

	#home #intro .col:nth-child(2),
	#subpage #intro .col:nth-child(2) {
		width:500px;
		padding-top:80px;
		padding-left:50px;
		padding-right:25px;
	}

	#stand-by .three-columns:before,
	#contact-info .three-columns:before {
		width:550px;
	}

	#stand-by,
	#our-own,
	#contact-info {
		padding-left:25px;
		padding-right:25px;
	}

	#reliable {
		background-position:top 0 left -700px;
	}

	#reliable .two-columns .col:nth-child(1) {
		padding-left:0;
	}

	.flex-direction-nav {
		right:0;
	}

	#testimonials h3 {
		padding-left:225px;
	}

	#testimonials .flexslider .slides {
		padding-left:225px;
		padding-right:200px;
	}

	#get-appointed {
		padding-left:25px;
		padding-right:25px;
	}

	#subpage header {
		height:auto;
	}

	#subpage header .two-columns .col {
		padding-left:40px;
		padding-right:40px;
	}

	#subpage header .two-columns .col:nth-child(2) {
		height:400px;
	}

	#about-us {
		padding-right:25px;
	}

	#its-personal .two-columns .col:nth-child(1) {
		padding-left:0;
	}

	.photo-left .two-columns .col:nth-child(1) .content {
		height:400px;
	}

	.photo-left .two-columns .col:nth-child(2) {
		padding-right:40px;
		padding-left:40px;
	}

	#team.white-box .container {
		padding-left:25px;
		padding-right:25px;
	}

	footer .five-columns .col:nth-child(1) {
		width:17%;
	}

	footer .five-columns .col:nth-child(2) {
		width:25%;
	}

	footer .five-columns .col:nth-child(3) {
		width:17%;
	}

	footer .five-columns .col:nth-child(4) {
		width:20%;
	}

	footer .five-columns .col:nth-child(5) {
		width:21%;
	}
}

@media (max-width: 1450px) {
	nav ul li a {
		font-size:18px;
		line-height:22px;
		padding-left:10px;
		padding-right:10px;
	}
}

@media (max-width: 1350px) {

	h1 {
		font-size:60px;
		line-height:65px;
	}

	/* Mobile Nav */

	nav ul {
		display:none;
	}

	.menu-wrapper {
		display:block;
		position:absolute;
		top:33px;
		right:40px;
		width:50px;
		height:70px;
		display:flex;
		align-items:center;
		justify-content:right;
		cursor:pointer;
	}

	#nav-button {
		position:relative;
		transform:translateY(0);
		transition:all 0ms 200ms;
	}

	#nav-button span {
		width:40px;
		height:4px;
		display:block;
		border-radius:10px;
		background:rgba(79, 214, 193, 1);
	}

	#nav-button.active .line2 {
		background:rgba(79, 214, 193, 0); 
	}

	#nav-button .line1 {
		position:absolute;
		left:0;
		bottom:11px;
		transition:bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button .line3 {
		position:absolute;
		left:0;
		top:11px;
		transition:top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button.active .line3 {
		top:0;
		transform:rotate(45deg);
		transition:top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#nav-button.active .line1 {
		bottom:0;
		transform:rotate(-45deg);
		transition:bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
	}

	#mobile-navigation {
		width:500px;
		position:fixed;
		right:-600px;
		z-index:998;
		padding:70px 50px 0 50px;
	}

	#navigation-overlay {
		width:500px;
		height:100%;
		background:#4fd6c1;
		position:fixed;
		top:15px;
		right:-600px;
		z-index:997;
		border-top-left-radius:30px;
	}

	#mobile-navigation ul {
		list-style:none;
		text-align:left;
	}

	#mobile-navigation li {
		margin:0;
	}

	#mobile-navigation li a {
		font-family: "corsario-variable",sans-serif;
		font-variation-settings: 'wght' 600, 'opsz' 48;
		font-size:30px;
		line-height:35px;
		color:#fff;
		display:block;
		text-decoration:none;
		background:none !important;
		padding:15px 0;
	}

	#stand-by .three-columns:before,
	#contact-info .three-columns:before {
		width:500px;
	}

	#reliable .two-columns .col:nth-child(1) {
		padding-right:25px;
	}

	#team .col {
		width:33.3%;
	}
}


@media (max-width: 1300px) {
	.popup {
		background-image:none;
		width:100%;
		padding:60px 40px;
	}

	.popup .two-columns .col:nth-child(1) {
		padding-left:0;
	}

	.popup .two-columns .col:nth-child(2) {
		padding-right:25px;
		padding-left:25px;
	}

	#appointed.popup {
		padding-left:40px;
	}
}

@media (max-width: 1200px) {
	.container {
		padding-top:90px;
		padding-bottom:90px;
	}

	#subpage header .two-columns .col {
		width:100%;
	}

	#subpage header h1 br {
		display:none;
	}

	#home #intro {
		padding-right:25px;
		margin-top:0;
		padding-top:0;
	}

	#subpage #intro {
		padding-right:25px;
		margin-top:-150px;
		padding-top:150px;
	}

	#home #intro .container {
		padding-top:0;
	}

	#subpage #intro .container {
		padding-top:40px;
	}

	#home #intro .col:nth-child(1),
	#subpage #intro .col:nth-child(1) {
		width:100%;
		border-radius:30px;
	}

	#home #intro .col:nth-child(2),
	#subpage #intro .col:nth-child(2) {
		width:100%;
		padding:40px 0 40px 25px;
	}

	#subpage #intro .col:nth-child(2) .content {
		width:600px;
		margin:0 auto;
	}

	#stand-by .two-columns {
		display:block;
	}

	#stand-by .two-columns .col:nth-child(1) {
		width:100%;
	}

	#stand-by .three-columns .col:nth-child(1),
	#stand-by .three-columns .col:nth-child(2),
	#stand-by .three-columns .col:nth-child(3),
	#contact-info .three-columns .col:nth-child(1),
	#contact-info .three-columns .col:nth-child(2),
	#contact-info .three-columns .col:nth-child(3) {
		width:33.3% !important;
		padding-top:0 !important;
		padding-bottom:0 !important;
	}

	#stand-by .two-columns .col:nth-child(2) {
		padding-top:50px;
		padding-bottom:50px;
	}

	#stand-by .two-columns .col:nth-child(2) .two-columns {
		display:flex;
	}

	#stand-by .two-columns .col:nth-child(2) {
		width:100%;
	}

	#reliable {
		background-position:top 0 left -840px;
	}

	#reliable h2 {
		text-align:center;
	}

	#reliable .two-columns {
		display:block;
	}

	#reliable .two-columns .col:nth-child(1) {
		width:100%;
		padding:0;
		margin:0 0 40px 0;
	}

	#reliable .two-columns .col:nth-child(1) img {
		width:600px;
		margin:0 auto;
	}

	#reliable .two-columns .col:nth-child(2) {
		width:100%;
		padding-left:75px;
	}

	.flex-direction-nav .flex-prev {
		display:none;
	}

	#testimonials h3 {
		padding-left:200px;
	}

	#testimonials .flexslider .slides {
		padding-left:200px;
		padding-right:100px;
	}

	#testimonials .photo {
		width:140px !important;
		height:140px !important;
		left:-195px !important;
	}

	.photo-left .two-columns {
		display:block;
	}

	.photo-left .two-columns .col:nth-child(1) {
		width:100%;
		padding:0;
	}

	.photo-left .two-columns .col:nth-child(1) .content {
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
	}

	.photo-left .two-columns .col:nth-child(2) {
		width:100%;
		padding:75px 40px;
	}

	#about-us .two-columns {
		margin:0;
	}

	#about-us .two-columns .col {
		width:100%;
		padding:0;
		margin:0 0 50px 0;
	}

	footer .five-columns .col:nth-child(1) {
		display:none;
	}

	footer .five-columns .col:nth-child(2) {
		width:40%;
		margin:0 0 40px 0;
	}

	footer .five-columns .col:nth-child(3) {
		width:30%;
		margin:0 0 40px 0;
	}

	footer .five-columns .col:nth-child(4) {
		width:30%;
	}

	footer .five-columns .col:nth-child(5) {
		width:100%;
		text-align:center;
		margin:0 0 20px 0;
	}
}

@media (max-width: 1050px) {
	#get-appointed h2 br {
		display:none;
	}

	#its-personal .col:nth-child(1),
	#its-personal .col:nth-child(2) {
		width:100%;
	}

	#its-personal .col:nth-child(1) {
		padding:0;
		margin:0 0 40px 0;
	}

	#its-personal .col:nth-child(2) img {
		width:800px;
		margin:0 auto;
	}

	footer .two-columns .col {
		width:100%;
		text-align:center;
	}

	footer .two-columns .col:nth-child(1) {
		margin-bottom:30px;
	}

	footer .two-columns .col:nth-child(2) {
		text-align:center;
	}

	footer .logos img {
		margin:0 12px;
	}

	.popup .two-columns {
		display:block;
	}

	.popup .two-columns .col {
		width:100%;
	}

	.popup .two-columns .col:nth-child(1) {
		display:none;
	}
}

@media (max-width: 850px) {
	h2,
	#get-appointed h2,
	#about-us h2 {
	    font-size:40px;
	    line-height:45px;
	}

	#home header {
		height:600px;
	}

	#home header h1 {
		font-size:70px;
		line-height:75px;
	}

	#stand-by .three-columns,
	#contact-info .three-columns {
		display:block;
	}

	#stand-by .three-columns .col:nth-child(1),
	#stand-by .three-columns .col:nth-child(2),
	#stand-by .three-columns .col:nth-child(3),
	#contact-info .three-columns .col:nth-child(1),
	#contact-info .three-columns .col:nth-child(2),
	#contact-info .three-columns .col:nth-child(3) {
		width:100% !important;
		margin:0 0 30px 0;
	}

	#stand-by .three-columns:before,
	#contact-info .three-columns:before {
		display:none;
	}

	#stand-by .three-columns .col:nth-child(3) {
		margin:0;
	}

	#stand-by .icon {
		display:block;
	}

	#testimonials h3 {
		text-align:center;
		padding:0;
	}

	#testimonials .photo {
		display:none;
	}

	#testimonials .flexslider .slides {
		padding-left:0;
	}

	#team .col {
		width:50%;
	}
}

@media (max-width: 750px) {
	h1 {
		font-size:50px;
        line-height:55px;
	}

	.container,
	.white-box .container {
		padding:70px 25px;
	}

	.photo-left .container {
		padding:0 !important;
	}

	.photo-left .two-columns .col:nth-child(2) {
		padding:70px 25px;
	}

	nav {
		height:200px;
	}

	.logo {
		top:25px;
		left:20px;
	}

	.menu-wrapper {
		top:23px;
		right:20px;
	}

	#home header,
	#subpage header {
		padding-right:10px;
		padding-left:10px;
	}

	header .container {
		padding-right:25px;
		padding-left:25px;
	}

	#subpage header .two-columns .col {
		padding:40px 25px;
	}

	#home #intro,
	#subpage #intro {
		padding-right:10px;
	}

	#home #intro .col:nth-child(1),
	#subpage #intro .col:nth-child(1) {
		padding-right:25px;
		padding-left:25px;
	}

	#home #intro .col:nth-child(2) .content {
		padding-left:25px;
		padding-right:25px;
	}

	#home #intro .col:nth-child(2),
	#subpage #intro .col:nth-child(2) {
		padding-left:10px;
	}

	#subpage #intro .col:nth-child(2) .content {
		padding:40px 25px;
	}

	#stand-by,
	.bg-grey {
		padding-left:10px !important;
        padding-right:10px !important;
	}

	#stand-by .two-columns .col:nth-child(1),
	#contact-info .container {
		padding:50px 25px;
	}

	#stand-by .two-columns .col:nth-child(2) {
		padding-left:25px;
		padding-right:25px;
	}

	#reliable {
		background:none;
	}

	#reliable .two-columns .col:nth-child(1) img {
		width:100%;
	}

	#reliable .two-columns .col:nth-child(2) {
		padding-left:0;
		padding-right:0;
	}

	#get-appointed {
		padding-left:10px;
		padding-right:10px;
	}

	#get-appointed .container {
		padding:40px 25px;
	}

	#subpage #intro .col:nth-child(2) .content {
		width:100%;
	}

	#its-personal .col:nth-child(2) img {
		margin:0 0 0 -40px;
	}

	#about-us {
		padding-right:10px;
	}

	.photo-left .two-columns .col:nth-child(2) {
		padding-top:50px;
		padding-bottom:50px;
	}

	footer .five-columns .col:nth-child(2),
	footer .five-columns .col:nth-child(3),
	footer .five-columns .col:nth-child(4) {
		width:100%;
		text-align:center;
		margin:0 0 30px 0;
	}

	.popup {
		padding:50px 25px;
	}
}

@media (max-width: 600px) {
	#home header h1 {
		display:none;
	}

	#home header {
		height:400px;
	}

	#home #intro .col:nth-child(1) {
		padding-top:60px;
	}

	#its-personal .col:nth-child(2) img {
		width:550px;
	}

	#team .col {
		width:100%;
		padding:0;
	}
}


@media (max-width: 550px) {
	#navigation-overlay {
		width:100%;
	}

	#mobile-navigation {
		width:100%;
		padding:60px 20px 0 20px
	}

	#subpage header .two-columns .col:nth-child(2) {
		height:300px;
	}
}

@media (max-width: 450px) {
	.logo {
		width:200px;
	}

	nav {
		height:180px;
	}

	.menu-wrapper {
		top:13px;
	}

	#home header #background {
		background-position:center right -120px;
	}

	h1 {
		font-size:32px;
        line-height:38px;
	}

	h2,
	#get-appointed h2,
	#about-us h2 {
		font-size:28px;
        line-height:34px;
	}

	h3 {
		font:800 15px/18px "montserrat", sans-serif;
	}

	p {
		font:400 16px/24px "montserrat", sans-serif
	}
	
	.link:before {
		width:35px;
		height:35px;
		background:#4fd6c1 url("../images/link-arrow.svg") no-repeat center center / 17px 17pxs;
		top:10px;
	}

	.container,
	.white-box .container,
	#home #intro .col:nth-child(1),
	#subpage #intro .col:nth-child(1) {
		padding-top:50px;
		padding-bottom:50px;
	}

	#mobile-navigation li a {
		font-size:26px;
		line-height:30px;
		padding:10px 0;
	}

	#home #intro .col:nth-child(2) .content li {
		font-size:23px;
    	line-height:27px;
	}

	#stand-by .two-columns .col:nth-child(2) .two-columns .col {
		width:100%;
	}

	.flex-direction-nav {
		display:none;
	}

	#testimonials .flexslider .slides {
        padding:0;
    }

    #testimonials .container {
    	padding-bottom:150px;
    }

    #team h2 {
    	margin-bottom:30px;
    }

    #team h3 {
    	font-size:25px;
    	line-height:30px;
    }

    #team .col:last-child {
    	margin:0;
    }

    #about-us .two-columns .col {
    	margin-bottom:40px;
    }
}