/*
  Media Queries
*/

@media only screen and (max-width: 1300px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1300px),
only screen and (min-resolution: 192dpi) and (max-width: 1300px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1300px) {

	.home-logo {
		width: 300px;
	}

}

@media only screen and (max-width: 1200px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px),
only screen and (min-resolution: 192dpi) and (max-width: 1200px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1200px) {

	.big-title {
	    font-size: 80px;
	    line-height: 80px;
	    padding-top: 14px;
	}

}

@media only screen and (max-width: 1144px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1144px),
only screen and (min-resolution: 192dpi) and (max-width: 1144px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1144px) {

	.team-wrapper {
		text-align: center;
	}

	.team-pod,
	.team-wrapper > .team-pod:nth-child(3n+3) {
	    float: none;
	    /*width: 340px;*/
	    margin-left: 3px;
	    margin-right: 3px;
	}

}

@media only screen and (max-width: 1024px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1024px) {

	.category-list ul li {
		height: 24px;
	}

	.big-title {
	    font-size: 60px;
	    line-height: 60px;
	    padding-top: 10px;
	}

}

@media only screen and (max-width: 920px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 920px),
only screen and (min-resolution: 192dpi) and (max-width: 920px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 920px) {

	.footer-logo-horiz {
		text-align: center;
	}

	.address-block-1 {
		width: 25%;
		padding-left: 23.5%;
		text-align: right;
	}

	.address-block-2 {
		width: 25%;
		padding-right: 23.5%;
		margin-right: 0;
		text-align: left;
	}

	.footer-right {
		width: 100%;
		margin: 40px 0 0;
		text-align: center;
	}

	.footer-social-links {
		width: 100%;
	}

}

@media only screen and (max-width: 840px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 840px),
only screen and (min-resolution: 192dpi) and (max-width: 840px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 840px) {

	.logo-area {
	    left: 5%;
	}

	.menu-icon,
	.flags {
    	right: 5%;
    }

	.address-block-1 {
		width: 30%;
		padding-left: 18.5%;
	}

	.address-block-2 {
		width: 30%;
		padding-right:18.5%;
	}

}

@media only screen and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px),
only screen and (min-resolution: 192dpi) and (max-width: 768px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 768px) {

}

@media only screen and (max-width: 707px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 707px),
only screen and (min-resolution: 192dpi) and (max-width: 707px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 707px) {

	.flags-top {
		display: none;
	}

	.address-block-1 {
		width: 35%;
		padding-left: 13.5%;
	}

	.address-block-2 {
		width: 35%;
		padding-right:13.5%;
	}

}

/* iPhone 6+ */

@media only screen and (max-width: 640px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 640px),
only screen and (min-resolution: 192dpi) and (max-width: 640px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 640px) {

	.title-area {
    	padding: 55px 60px;
    }

    .logo-area {
	    top: 30px;
	    height: 90px;
	}

	.menu-icon {
    	/*top: 30px;*/
    }

    #logo {
    	width: 75px;
    }

    .pic-pod .pic-area {
    	width: 100%;
    	right: 0;
    }

    .pic-pod .text-area {
	    left: 5%;
	    right: 5%;
	    margin-left: 0;
	    top: auto;
	    bottom: 30px;
	    margin-top: 0;
	    width: 90%;
	    height: 200px;
	    font-family: Sailec-Bold, "HelveticaNeue", Helvetica, Arial, sans-serif;
	    font-size: 32px;
	    line-height: 32px;
	}

	.news-wrap[data-columns]::before {
		content: '1 .column.size-1of1';
	}

	.lofi-640 {
		display: none;
	}

	.clean-landing-area {
		height: auto;
		min-height: 315px;
	}

	.clean-landing-area .title-area {
		margin-top: 100px;
	}

	.big-title {
	    font-size: 50px;
	    line-height: 50px;
	    padding-top: 10px;
	}

	h2 {
		font-size: 40px;
		line-height: 50px;
	}

	body {
		font-size: 15px;
		line-height: 25px;
	}

	.search-footer input[type="text"] {
		width: 250px;
	}

	.menu-footer-menu-container {
		display: none;
	}

	.small-640 {
		height: 75px;
	}

	#side-menu {
		padding: 30px 40px 40px 40px;
	}

	.contact {
		font-size: 20px;
		line-height: 25px;
	}

	.news-pod {
		padding: 10px;
	}

	.news-pod .news-pod-text {
		padding: 30px;
	}

	.title-area-news {
		padding: 55px 5%;
	}

	.title-area h1 {
		font-size: 40px;
		line-height: 40px;
	}

	.address-block-1 {
		width: 43.5%;
		padding-left: 5%;
	}

	.address-block-2 {
		width: 43.5%;
		padding-right:5%;
	}

	#footer {
		padding-bottom: 50px;
	}

	.home-modal {
		padding: 28px 60px;
	}

	.home-modal .modal-close-icon {
		right: 20px;
	}

}

/* iPhone 6 */

@media only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px),
only screen and (min-resolution: 192dpi) and (max-width: 480px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 480px) {
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12 {
		width:100%;
	}

	.home-logo {
	    width: 200px;
	}

	.contact {
		padding-top: 20px;
	}

	.contact span {
		display: block;
		width: 100%;
		height: 10px;
		opacity: 0;
	}

	.address-block-1 {
		width: 100%;
		padding: 0 0 30px;
		margin-right: 0;
		text-align: center;
	}

	.address-block-2 {
		width: 100%;
		padding: 0;
		margin-right: 0;
		text-align: center;
	}

	.address-block-1 .padder_20,
	.address-block-2 .padder_20 {
		display: none;
	}
		
}

/* iPhone 5 */

@media only screen and (max-width: 400px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 400px),
only screen and (min-resolution: 192dpi) and (max-width: 400px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 400px) {

	.title-area {
    	padding: 55px 40px;
    }

	.title-area-news {
		padding: 55px 5%;
	}

    #side-menu {
	    right: -100%;
	    width: 100%;
	}

	.team-pod {
	    width: 100%;
	}

	.pic-pod .text-area .ablock-text {
		padding: 0 1em;
	}

	.lal-home-making-sure span {
	    display: none;
	}

	.big-title {
	    font-size: 44px;
	    line-height: 44px;
	    padding-top: 10px;
	}

}

@media only screen and (max-height: 900px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 900px),
only screen and (min-resolution: 192dpi) and (max-height: 900px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 900px) {

	body #test-popup {
		max-width: 400px !important;
	}

	/*

	.menu-video-text {
		display: block;
	}

	.menu-video-pic {
		display: none;
	}

	*/

	.menu-video-pic {
	    position: relative;
	    bottom: auto;
	    left: auto;
	    right: auto;
	}

}

@media only screen and (max-height: 700px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 700px),
only screen and (min-resolution: 192dpi) and (max-height: 700px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 700px) {

	body #test-popup {
		max-width: 300px !important;
	}

}

@media only screen and (max-height: 540px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 540px),
only screen and (min-resolution: 192dpi) and (max-height: 540px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 540px) {

	body #test-popup {
		max-width: 250px !important;
	}

}

@media only screen and (max-height: 440px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-height: 440px),
only screen and (min-resolution: 192dpi) and (max-height: 440px),
only screen and (-o-min-device-pixel-ratio: 13/10) and (max-height: 440px) {

	body #test-popup {
		max-width: 200px !important;
	}

}