/*
Theme Name: Storm Theme
Theme URI: website link
Author: Storm author
Description: website.com
*/
 

/* Add your custom styles here... */ 
html, body, div, span, applet, object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: 'Open Sans', sans-serif;
	background-color: #13171b;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*{box-sizing:border-box;}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 10px 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a {
	color: #38c2d8;
}
ul, ol {
	margin-left: 20px;
}

/* Custom Style Here */
.content-center {
	max-width: 1200px;
	display: block;
	margin: 0 auto;
}
h1 {
	font-size: 44px;
	color: #38c2d8;
	font-family: 'Josefin Sans', sans-serif;
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: 300;
}
h2, h4 {
	font-size: 44px;
	font-family: 'Josefin Sans', sans-serif;
	color: #38c2d8;
	line-height: 1.4;
	margin-bottom: 10px;
	font-weight: 300;
}
h3 , h5{
	font-size: 18px;
	font-weight: bold;
	color: #38c2d8;
	line-height: 1.4;
	font-family: 'Roboto Condensed', sans-serif;
}
h6 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #38c2d8;
	font-weight: 700;
	text-align: left;
	color: #38c2d8;
	font-family: 'Roboto Condensed', sans-serif;
}
p , ul , ol{
	font-size: 16px;
	text-align: left;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3;
	padding: 10px 0;
}
#primary.simple-page {
	padding: 40px 0;
}
button.vc_btn3 , .vc_general.vc_btn3 , a.button , .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
	font-size: 18px !important;
	text-align: center !important;
	color: #ffffff !important;
	font-family: 'Open Sans', sans-serif;
	background-color: #38c2d8 !important;
	border: 0 !important;
	padding: 7px 16px !important;
	border-radius: 8px !important;
	background-image: unset !important;
	text-decoration: none;
}
.projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {
	width: 180px;
	height: auto !important;
	line-height: 28px;
}
button.vc_btn3:hover , a.button:hover , .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more:hover , .vc_general.vc_btn3:hover{
	background-color: #25819b !important;
}
/* Transition Effect  */
.menu-main-menu-container ul li a , .home .masthead , a.button , .projects--section2 .vc_single_image-wrapper , .vc_general.vc_btn3{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Header Sticky Style*/
.masthead {
	background-color: #000;
}
.logo-wrapper img {
	max-width: 187px;
}
.menu-main-menu-container {
	width: calc(100% - 187px);
	vertical-align: middle;
	display: table-cell;
}
.logo-wrapper {
	width: 187px;
	vertical-align: middle;
	display: table-cell;
}
.menu-main-menu-container ul {
	float: right;
	margin: 0;
}
.menu-main-menu-container ul li {
	display: inline-block;
	margin-right: 50px;
}
.menu-main-menu-container ul li:last-child {
	margin-right: 0;
}
.menu-main-menu-container ul li a {
	color: #38c2d8;
	text-decoration: none;
	font-size: 20px;
	text-align: left;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
}
.menu-main-menu-container ul li.current_page_item {
	font-weight: 700;
}
.header-wrapper {
	display: table;
	width: 100%;
	padding: 15px 0;
	height: 74px;
}
.menu-main-menu-container ul li a:hover {
	color: #b3b3b3;
}

/* Footer */
.site-footer {
	background-color: #252d36;
	border-top: 9px solid #38c2d8;
	overflow: hidden;
}
.footer-wrapper {
	padding: 48px 0 30px;
	color: #fff;
	display: inline-block;
	width: 100%;
	position: relative;
}
.footer-copyright {
	background-color: #0f151c;
	text-align: center;
	padding: 14px 0 22px;
	font-size: 14px;
	color: #707070;
	font-family: 'Open Sans', sans-serif;
	position: relative;
	z-index: 1;
}
.footer-copyright p {
	text-align: center;
	color: #707070;
}
.widgettitle {
	margin: 0;
}
.footer-wrapper h6 {
	text-transform: uppercase;
	border-bottom: 7px solid #38c2d8;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 15px;
	font-size: 20px;
}
.right-footer {
	width: 340px;
	position: absolute;
	right: 0;
	bottom: 70px;
}
.left-footer {
	float: left;
	width: calc( 100% - 340px );
}
.right-footer .logo-wrapper {
	float: right;
	position: relative;
}
.left-footer #text-3 {
	width: 24%;
	margin-right: 7%;
	float: left;
}
.social-infos {
	float: left;
	margin-top: 55px;
	width: 34%;
	margin-right: 2%;
}
.left-footer .instagram--feed {
	width: 24%;
	float: left;
}
.social-infos p {
	color: #38c2d8;
}
.social-infos p a {
	color: #fff;
	text-decoration: none;
}
.social-infos #text-6 {
	margin-bottom: 18px;
}
.social-infos .social-link {
	color: #38c2d8;
	font-size: 30px;
	margin-right: 10px;
}
.social-infos .social-link:last-child {
	margin-right: 0;
}
.social-wrapper {
	margin-bottom: 22px;
}
.social-infos #text-5 {
	font-size: 14px;
	font-weight: 700;
	line-height: normal;
	text-align: left;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
}
.right-footer .logo-wrapper::before {
	content: '';
	width: 430px;
	height: 340px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	background-image: url('images/footer-before.png');
	background-repeat: no-repeat;
	background-size: cover;
}
footer p {
	font-size: 18px;
	padding: 0;
	line-height: 1.3;
}

/* Content Style */

body .vc_row-has-fill > .vc_column_container > .vc_column-inner  , body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner{
	padding-top: 0 ;
}
body .wpb_content_element {
	margin-bottom: 0;
}

.box--image img {
	max-width: 380px;
}
#primary {
	position: relative;
}
.homepage-top-menu .menu-main-menu-container {
	width: 100%;
	vertical-align: unset;
	text-align: center;
	display: inline-block;
}
.homepage-top-menu {
	position: absolute;
	z-index: 1;
	text-align: center;
	width: 100%;
}
.homepage-top-menu ul {
	float: none;
	padding: 25px 0;
	margin: 0;
	text-align: center;
}
.homepage--box {
	background-repeat: no-repeat;
	background-size: 45%;
	background-position: center center;
	display: table;
	width: 100%;
	position: relative;
}
.box--image {
	vertical-align: middle;
	display: table-cell;
	text-align: center;
}
.first--section--arrow {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 23px 20px 0 20px;
	border-color: #38c2d8 transparent transparent transparent;
	position: absolute;
	bottom: 18px;
	left: 50%;
	-webkit-transform: translateX(-50%); /* Saf & Ch */
	-moz-transform: translateX(-50%); /* Firefox */
	-ms-transform: translateX(-50%); /* IE */
	-o-transform: translateX(-50%); /* Opera */
	cursor: pointer;
}

.masthead {
	background-color: #13171b;
	z-index: 99;
	position: fixed;
	left: 0;
	width: 100%;
	top: 0;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
}

.admin-bar .masthead {
	top: 32px;
}
.content-area .homepage--section2 {
	padding: 88px 0 260px;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: right bottom !important;
}
.homepage--section2 .wpb_wrapper p {
	max-width: 280px;
}
.content-area .homepage--section3 {
	padding: 94px 0;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: center center !important;
}
.homepage--section3 p {
	max-width: 510px;
	margin: 0 auto 36px !important;
}
.homepage--section3 h2 {
	margin-bottom: 15px;
}
.homepage--section4::before {
	content: '';
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0.8771709367340687) 0%, rgba(55,55,55,0.591456651019783) 73%, rgba(255,255,255,0) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content-area .homepage--section4 {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 84px 0 78px;
}
.homepage--section4 p {
	max-width: 390px;
	margin-bottom: 48px !important;
}
.content-area .homepage--section5 {
	padding: 122px 0 160px;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: 240px 30px !important;
}
.homepage--section5 p {
	max-width: 390px;
	margin: 0 auto;
}
.homepage--section5 .wpb_text_column .wpb_wrapper {
	float: right;
	margin-right: 50px;
}
.homepage--section3 .wpb_column, .homepage--section4 .wpb_column, .homepage--section5 .wpb_column {
	max-width: 1000px;
	float: none;
	margin: 0 auto;
}
.content-area .homepage--section6 {
	padding: 87px 0 76px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: left -100px !important;
}
.homepage--section6 h2 {
	margin-bottom: 55px !important;
}
.homepage--section6 .wpb_text_column .wpb_wrapper:last-child p {
	margin-bottom: 30px;
	font-size: 17px;
}
.homepage--section6 .wpb_wrapper p {
	max-width: 605px;
	margin: 0 auto;
}
.homepage--section6 .vc_col-sm-4 {
	background-color: #13171b;
	width: 29.333333%;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}
.homepage--section6 .vc_col-sm-4:nth-child(3n+2){
	margin-left:6%;
	margin-right:6%;
}
.homepage--section6 .vc_row {
	margin: 0;
}
.service--box .service--image {
	height: 200px;
	border-radius: 10px 10px 0 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.homepage--section6 .vc_col-sm-12 .vc_column_container > .vc_column-inner {
	padding: 0;
}
.service--infos {
	padding: 23px 16px 45px;
	text-align: center;
}
.service--infos h3 {
	margin-bottom: 12px;
}
.service--infos p {
	font-size: 17px;
}
.service--box {
	position: relative;
}
.service--box a.box--link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.homepage--section7 .vc_col-sm-6:first-child .vc_column-inner {
	height: 300px;
}
.each-image-text-box .box--content {
	width: 50%;
}
.each-image-text-box:nth-child(2n+1) .box--content {
	float: right;
	padding-right: 0;
}
.homepage--section7 .box--background {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
}
.homepage--section7 .each-image-text-box:nth-child(2n) .box--background {
	right: 0;
	left:auto;
}
.each-image-text-box:nth-child(2n) .box--content {
	padding-left: 0;
}
.homepage--section7 .vc_col-sm-12{
	position:static;
}
.homepage--section7 .box--content {
	padding: 80px 75px;
}
.homepage--section7 .each-image-text-box {
	display: inline-block;
	width: 100%;
	position: relative;
}
.homepage--section7.vc_row {
	margin: 0;
}
.homepage--section7 .vc_col-sm-12.vc_column_container > .vc_column-inner {
	padding: 0;
}
.each-image-text-box h4 {
	position: relative;
	margin-bottom: 15px;
	text-transform: uppercase;
	padding-bottom: 0;
}
.each-image-text-box h4::before , .about--section4 h2::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100px;
	height: 8px;
	background-color: #38c2d8;
}
.each-image-text-box .box--content p {
	margin-bottom: 30px;
}
body.admin-bar .first--section--arrow {
	bottom: 50px;
}
.box--background {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/*Inner Pages Menu*/ 

body:not(.home) #primary {
	margin-top: 74px;
}
/* About Page */
.about--section1 {
	padding: 80px 0 85px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.about--section1::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(16,24,33, 0.6) !important;
}
.about--section1::before , .homepage--section4::before{
	display: block !important;
}
.about--people {
	padding: 80px 0 120px;
}
.about--people.about--section2 .vc_col-sm-3 {
	margin-right: 55px;
}
.about--people.about--section3 .vc_col-sm-3 {
	margin-left: 55px;
}
.about--people .vc_col-sm-9 {
	width: calc(72% - 55px);
}
.about--people .vc_col-sm-3 {
	width: 28%;
}
 .about--people .vc_col-sm-9 {
	display: table;
}
.about--people.about--section3 .vc_col-sm-3 {
	float: right;
}
.about--people .vc_col-sm-9 .vc_column-inner {
	display: table-cell;
	vertical-align: middle;
}
.about--people.about--section2 .vc_figure , .about--section4 h2{
	position: relative;
}
.about--people.about--section2 .vc_figure::before, .about--people.about--section3 .vc_figure::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	width: 640px;
	height: 640px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.about--people.about--section2 .vc_figure::before {
	background-image:url('images/about-image1.png');
}
.about--people.about--section3 .vc_figure::before {
	background-image:url('images/about-image2.png');
}
.about--people .vc_col-sm-9 p {
	width: 400px;
}
.about--people .vc_col-sm-9 p:last-child{
	margin-bottom: 0;
}
.about--people.about--section2 .vc_col-sm-9 .wpb_wrapper {
	float: right;
}
.about--section4 {
	padding: 90px 0 80px;
}
.about--section4 h2::before {
	left: 50%;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
}
.about--section4 h2 {
	padding-bottom: 10px;
	margin-bottom: 45px !important;
}
.about--section4 img {
	max-width: 850px !important;
	margin-bottom: 40px;
}
.vc_btn3-container {
	margin-bottom: 0;
}
.about--section4 p:last-child {
	margin-bottom: 30px !important;
}
.about--section4 p {
	max-width: 600px;
	margin: 0 auto;
}
.about--people h2, .about--section4 h2 {
	font-size: 35px;
}
.about--section4 h2::before {
	width: 90px;
}

/* Project Page */
.projects--section2 .vc_single_image-wrapper:hover {
	background-color: rgba(56,194,216,0.2);
	border-radius: 20px !important;
}
.projects--section2 {
	background-repeat: no-repeat;
	padding: 50px 0 120px;
}
.projects--section2 .eui-widget-title {
	display: none !important;
}
.projects--section2 p {
	max-width: 500px;
	margin: 0 auto 40px !important;
}
.projects--section2 .vc_single_image-wrapper {
	margin-bottom: 100px;
	max-width: 310px !important;
}
.projects--section2 .eapps-instagram-feed-posts-item {
	width: 29.333333% !important;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	margin-bottom: 40px !important;
	margin: 0 0 50px 0 !important;
}
.projects--section2 .eapps-instagram-feed {
	overflow: visible !important;
}
.projects--section2 .eapps-instagram-feed-posts-item:nth-child(3n+2) {
	margin-left: 6% !important;
	margin-right: 6% !important;
}
.projects--section2 .eapps-instagram-feed-posts-item-link {
	height: 200px;
	overflow: hidden;
}
.projects--section2 .eapps-instagram-feed-posts-item-content {
	margin: 15px 22px 50px;
}
.projects--section2 .eapps-instagram-feed-posts-item-content {
	margin: 15px 40px 45px 22px !important;
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.4;
}
.projects--section2 .eapps-instagram-feed-posts-inner {
	width: 100% !important;
	display: block !important;
	margin: 0 !important;
}
/* Instagram feed */
.instagram--feed .grid-item .social-feed-element {
	background-color: transparent !important;
	box-shadow: none !important;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #707070;
	position: relative;
}
.instagram--feed .grid-item:last-child .social-feed-element {
		border:none;
}
footer .instagram--feed .social-feed-element:hover{
	box-shadow: none !important;
}
.instagram--feed .author-title {
	display: none;
}
.instagram--feed  .social-feed-element .content {
	float: right;
}
.social-feed-element .content + a {
	float: left;
	width: 40px;
	height: 40px;
}
.instagram--feed .social-feed-element .content {
	float: right;
	width: calc(100% - 40px);
	padding: 0 0 0 10px;
}
.instagram--feed .pull-right , .instagram--feed .social-feed-text{
	margin-left: 0;
	font-size: 12px;
	text-align: left;
	color: #6d6e71;
}
footer .instagram--feed .social-feed-element p.social-feed-text {
	color: #fff !important;
	max-width: 140px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.instagram--feed .read-button {
	display: none !important;
}
.social-feed-element .content + a img {
	height: 100%;
}
.instagram--feed p {
	padding: 0;
	font-size: 12px;
}
.instagram--feed .social-feed-element .media-body > p {
	min-height: unset;
	line-height: unset;
	font-family: 'Open Sans', sans-serif !important;
}
.social-feed-element .pull-right {
	position: absolute;
	bottom: 10px;
	font-family: 'Open Sans', sans-serif !important;
	padding-left: 16px;
}
.social-feed-element .pull-right::before {
	content: "";
	font-weight: 900;
	font-family: 'Font Awesome\ 5 Free';
	font-size: 9px;
	background-image: url("images/footer-clock.png");
	width: 12px;
	height: 12px;
	position: absolute;
	top: 4px;
	left: 0;
}
/*404 Page Not Found*/
.error404-content {
	text-align: center;
	padding: 70px 0;
}
.error404-content h1 {
	font-size: 125px;
	line-height: 1;
	padding: 0;
	margin-bottom: 0;
}
.error404-content h2 {
	padding: 0;
}
.homepage--section6 p {
	font-size: 16px;
}
.about--people.about--section3 .vc_col-sm-3 {
	margin-left: 0;
}
.about--people .vc_figure img {
	position: relative;
	z-index: 1;
}
/*.homepage--box.homepage--section2 .box-content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%); 
	
} */

.homepage--box.homepage--section2 .box-content {
	position: absolute;
	top: 32%;
}
.homepage--box.homepage--section2{
	padding:0;
}
.box--homepage--1 {
	background-repeat: no-repeat !important;
	background-size: auto !important;
	background-position: right bottom !important;
}
.homepage--box.img--sec p {
	max-width: 280px;
}
.homepage--box.img--sec {
	position: static;
}
.homepage--box.img--sec .img--bg {
	position: absolute;
	right: 100px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%); /* Saf & Ch */
	-moz-transform: translateY(-50%); /* Firefox */
	-ms-transform: translateY(-50%); /* IE */
	-o-transform: translateY(-50%); /* Opera */	
}
.home .box--homepage--1 .vc_col-sm-12 {
	position: static;
}

/* Responsive Queries */
@media(max-width:1800px){
	/*Homepage*/
	.content-center {	max-width: 1100px; 	}
	footer p {	font-size: 16px;}
	.instagram--feed .grid-item .social-feed-element {	margin-bottom: 8px !important;	padding-bottom: 8px !important;}
}
@media(max-width:1600px){
	/*Homepage*/
	h3 , h5{	font-size: 17px;}
	.content-center {	max-width: 826px;}
	.menu-main-menu-container ul li a {	font-size: 17px;}
	.menu-main-menu-container ul li {	margin-right: 46px;}
	.box--image img {	max-width: 330px;}
	.homepage--box {	background-size: 50%;}
	.homepage--section2 h1  {	margin-bottom: 0;	padding-bottom: 0;	line-height: 1.2;}
	.homepage--section2 .wpb_wrapper p {	max-width: 250px;}
	.homepage--section3 h2 , .homepage--section4 h2 , .homepage--section5 h2 , .homepage--section6 h2{	margin-bottom: 0;	padding-bottom: 3px;}
	.content-area .homepage--section3 {	padding: 70px 0;	background-size: auto 80% !important;}
	.content-area .homepage--section4 {	padding: 65px 0 55px;}
	.homepage--section5 p {	max-width: 385px;}
	.content-area .homepage--section5 {	padding: 100px 0 150px;}
	.homepage--section6 .vc_empty_space {	height: 50px !important;}
	.homepage--section6 .wpb_wrapper p {	max-width: 630px;}
	.homepage--section6 .wpb_text_column .wpb_wrapper:last-child p {	margin-bottom: 36px;}
	.content-area .homepage--section6 {	padding: 75px 0 55px; }
	footer p {	font-size: 14px; line-height: 1.4;}
	.footer-wrapper h6 {	font-size: 17px;}
	.left-footer #text-3 {	width: 25%;	margin-right: 2%;}
	.left-footer {	width: calc( 100% - 140px );}
	footer .logo-wrapper img {	max-width: 140px;}
	footer .logo-wrapper {	width: 140px;}
	.right-footer .logo-wrapper::before {	width: 280px;	height: 272px;}
	.footer-wrapper {	padding: 38px 0 20px;}
	.social-infos .social-link {	font-size: 27px;}
	.social-infos #text-6 {	margin-bottom: 16px;}
	.social-wrapper {	margin-bottom: 15px;}
	.social-feed-element .content + a {	width: 36px;	height: 36px;}
	.instagram--feed .grid-item .social-feed-element {	margin-bottom: 6px !important;	padding-bottom: 6px !important;}
	.social-feed-element .pull-right {	bottom: 7px;}
	.instagram--feed .pull-right, .instagram--feed .social-feed-text {	font-size: 12px;}
	.right-footer {	width: auto;	bottom: 30px;}
	.footer-copyright {	padding: 11px 0 19px;}
	.service--box .service--image {	height: 140px;}
	.service--infos h3 {	margin-bottom: 10px;	padding: 0;}
	.content-area .homepage--section6 {	background-size: 100% !important;	background-position: left -200px !important;}
	.homepage--section3 .wpb_column, .homepage--section4 .wpb_column, .homepage--section5 .wpb_column {	max-width: 750px;}
	
	/*About Page*/
	.about--people .vc_col-sm-3 {	width: 34%;  float: left;}
	.about--people .vc_col-sm-9 {	width: calc(66% - 40px);}
	.about--people.about--section2 .vc_col-sm-3 {	margin-right: 50px;}
	.about--people h2, .about--section4 h2 {	font-size: 30px;}
	.about--people .vc_col-sm-9 p {	width: 330px;}
	.about--people h2 {	margin-bottom: 0;	padding-bottom: 5px;}
	.about--people.about--section2 .vc_figure::before, .about--people.about--section3 .vc_figure::before {	background-size: 90%;}
	.about--section4 {	padding: 70px 0 50px;}
	.about--section4 img {	max-width: 560px !important;	margin-bottom: 30px;}
	.about--section4 h2::before {	width: 80px;}
	.about--section4 p {	max-width: 460px;}
	.about--section4 p:last-child {	margin-bottom: 25px !important;}
	.about--people.about--section2 .vc_col-sm-9 .wpb_wrapper {	float: left;}
	.about--people.about--section2 .vc_col-sm-3 , .about--people.about--section3 .vc_col-sm-9 {	margin-left: 40px;}
	.about--people.about--section2 .vc_col-sm-9 {	width: calc(66% - 150px);	margin-right: 50px;}
	 .about--people.about--section3 .vc_col-sm-3{ margin-right: 50px; }
	 .about--people .vc_col-sm-9 {	width: calc(66% - 130px);}
	 .about--people.about--section3 .vc_col-sm-9 .wpb_wrapper {	float: left;}
	 
	 /*Projects Page*/
	 .projects--section2 .eapps-instagram-feed-posts-item-link {	height: 150px;}
	 .projects--section2 .eapps-instagram-feed-posts-grid-load-more {	margin: 5px auto !important;}
	 .homepage--box.img--sec .img--bg {	right: 0;}
	 .homepage--box.img--sec .img--bg img {	max-width: 1100px;}

	
}
@media(max-width:1499px){
	.homepage--box.img--sec .img--bg img {	max-width: 1000px;}
	
}
@media(max-width:1399px){
	/*Homepage*/
	.box--image img {	max-width: 320px;}
	.first--section--arrow {	border-width: 20px 18px 0 18px;}
	h1, h2, h4 {	font-size: 42px;}
	p, ul, ol {	padding: 8px 0; font-size: 15px;}
	.content-area .homepage--section2 {	padding: 70px 0 240px;}
	.service--infos {	padding: 18px 16px 40px;}
	.homepage--section7 .box--content {	padding: 50px 80px 78px;}
	.homepage--section5 p {	max-width: 365px;}
	.homepage--box.img--sec p {	max-width: 265px;}
	.homepage--box.img--sec .img--bg {	right: -100px;}
	
	/*About Page*/
	.about--section1 {	padding: 70px 0 75px;}
	.about--section4 {	padding: 60px 0 50px;}
	
	/*Project Page*/
	.projects--section2 {	padding: 40px 0 100px;}
	.projects--section2 p {	margin: 0 auto 30px !important;}
	.projects--section2 .vc_single_image-wrapper {	max-width: 270px !important; margin-bottom: 70px;}
	.projects--section2 .eapps-instagram-feed-posts-item {	margin: 0 0 40px 0 !important;}
	
}
@media(max-width:1279px){
	/*Homepage*/
	.menu-main-menu-container ul li a {	font-size: 16px;}
	.box--image img {	max-width: 310px;}
	h1, h2, h4 {	font-size: 40px;}
	.homepage--section5 .wpb_text_column .wpb_wrapper {	margin-right: 60px;}
	.content-area .homepage--section5 {	background-position: 265px 40px !important;}
	.each-image-text-box .box--content p {	margin-bottom: 30px;}
	button.vc_btn3, .vc_general.vc_btn3, a.button, .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {	font-size: 17px !important;}
	.footer-wrapper {	padding: 20px 0 14px;}
	
	/*About Page*/
	.about--section1 {	padding: 60px 0 65px;}
	
	/*Projects Page*/
	.projects--section2 p {	margin: 0 auto 20px !important;}
	.projects--section2 .vc_single_image-wrapper {	margin-bottom: 50px;	max-width: 270px !important;}
		
}
@media(max-width:1079px){
	/*Homepage*/
	.box--image img {	max-width: 260px;}
	.box--image img {	max-width: 308px;}
	.homepage--box {	background-size: 47%;}
	h1, h2, h4 {	font-size: 39px;}
	p, ul, ol {	padding: 6px 0; font-size: 14px;}
	.homepage--section2 {	padding: 60px 0 220px; }
	.content-area .homepage--section3 {	background-size: auto 80% !important;}
	.content-area .homepage--section4 {	padding: 55px 0 45px;}
	.content-area .homepage--section5 {	padding: 90px 0 140px;}
	.homepage--section5 .wpb_text_column .wpb_wrapper {	margin-right: 85px;}
	.content-area .homepage--section6 {	background-position: left -85px !important;}	
	.homepage--section6 .vc_empty_space {	height: 50px !important;}
	.content-area .homepage--section5 {	background-position: 135px 30px !important;}
	.homepage--section3 p {	max-width: 470px;}
	.homepage--section4 p {	max-width: 360px;}
	.homepage--section5 p {	max-width: 340px;}
	.homepage--section6 p {	font-size: 14px;}
	.homepage--box.img--sec p {	max-width: 250px;}
	.homepage--box.img--sec .img--bg img {	max-width: 910px;}
	.homepage--box.homepage--section2 .box-content {	top: 33%;}
	
	/*About Page*/
	.about--section1 {	padding: 50px 0 55px;}
	.about--people.about--section2 .vc_figure::before, .about--people.about--section3 .vc_figure::before {	background-size: 90%;}

	/*Projects Page*/
	.projects--section2 .vc_single_image-wrapper {	margin-bottom: 30px;	max-width: 250px !important;}
	.projects--section2 .eapps-instagram-feed-posts-item {	margin: 0 0 30px 0 !important;}
	/*404*/
	.error404-content h1 {	font-size: 110px;}
	.error404-content {	padding: 50px 0;}


}
@media(max-width:959px){
	/*Homepage*/
	.content-center , .homepage--section3 .wpb_column, .homepage--section4 .wpb_column, .homepage--section5 .wpb_column{	max-width: 95%;}
	.logo-wrapper img {	max-width: 160px;}
	.menu-main-menu-container ul li {	margin-right: 30px;}
	.header-wrapper {	padding: 16px 0;	height: 74px;}
	.box--image img {	max-width: 240px;}
	.homepage--box {	background-size: 38%;}
	h1, h2, h4 {	font-size: 34px;}
	.content-area .homepage--section2 {	background-size: 90% !important; padding: 50px 0 210px;  background-position: right center !important;}
	.content-area .homepage--section3 {	padding: 50px 0;	background-size: auto 78% !important;}
	button.vc_btn3, .vc_general.vc_btn3, a.button, .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {	font-size: 16px !important;}
	.homepage--section3 p {	margin: 0 auto 20px !important;}
	.content-area .homepage--section4 {	padding: 45px 0 35px;}
	.homepage--section4 p {	margin-bottom: 28px !important;}
	.content-area .homepage--section5 {	background-size: 50% !important; background-position: 90px 40px !important; padding: 80px 0 130px;}
	.content-area .homepage--section6 {	padding: 55px 0 35px;}
	.homepage--section6 h2 {	margin-bottom: 35px !important;}
	h3, h5 {	font-size: 15.5px;}
	.service--infos {	padding: 20px 14px 30px;}
	.homepage--section6 .vc_empty_space {	height: 30px !important;}
	.homepage--section6 .wpb_text_column .wpb_wrapper:last-child p {	margin-bottom: 20px;}
	.each-image-text-box h4 {	margin-bottom: 18px;	padding-bottom: 0;}
	.each-image-text-box h4::before, .about--section4 h2::before {	height: 6px;}
	.homepage--section7 .box--content {	padding: 55px 60px;}
	.footer-wrapper h6 {	border-bottom: 6px solid #38c2d8;	font-size: 16px;}
	.left-footer #text-3 {	width: 26%;	margin-right: 4%;}
	footer .logo-wrapper {	width: 120px;}
	footer .logo-wrapper img {	max-width: 120px;}
	.right-footer .logo-wrapper::before {	width: 230px;	height: 240px;}
	.social-infos .social-link {	font-size: 25px;}
	.social-wrapper {	margin-bottom: 12px;}
	.social-infos #text-6 {	margin-bottom: 14px;}
	.instagram--feed .pull-right, .instagram--feed .social-feed-text {	font-size: 11px;}
	.footer-wrapper {	padding: 22px 0 14px;}
	.footer-copyright {	padding: 10px 0 16px;}
	.homepage--box.img--sec .img--bg img {	max-width: 800px;}
	
	/*About Page*/
	body:not(.home) #primary {	margin-top: 74px;}
	.about--people {	padding: 50px 0 80px;}
	.about--people h2, .about--section4 h2 {	font-size: 26px;}
	.about--people.about--section2 .vc_figure::before, .about--people.about--section3 .vc_figure::before {	background-size: 60%;}
	
	/*Projects Page*/
	.projects--section2 .eapps-instagram-feed-posts-item {	width: 31% !important;}
	.projects--section2 .eapps-instagram-feed-posts-item:nth-child(3n+2) {	margin-left: 3.5% !important;	margin-right: 3.5% !important;}
	.projects--section2 .eapps-instagram-feed-posts-small .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {	font-size: 13px;}
	.projects--section2 .vc_single_image-wrapper {	max-width: 200px !important;}
	/*404*/
	.error404-content h1 {	font-size: 100px;}
	.error404-content {	padding: 40px 0 30px;}
	#primary.simple-page {	padding: 30px 0;}
	.box--homepage--1 {	background-size: 100% !important;}
}
@media(max-width:782px){
	.home.admin-bar .masthead.menu-fixed {	top: 0; }
}
@media(max-width:767px){
	/*Homepage*/
	.homepage--box {	background-size: 44%;}
	h1, h2, h4 {	font-size: 28px;}
	p, ul, ol, .homepage--section6 p {	font-size: 13px;}
	.homepage--section2 .wpb_wrapper p {	max-width: 230px;}
	.homepage--section2 {	background-size: 86% !important;	padding: 40px 0 200px;}
	.homepage--section3 {	padding: 40px 0;	background-size: auto 82% !important;}
	button.vc_btn3, .vc_general.vc_btn3, a.button, .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {	font-size: 15px !important;}
	.content-area .homepage--section4 {	padding: 35px 0 25px;}
	.content-area .homepage--section5 {	padding: 60px 0 110px;}
	.homepage--section4 p {	max-width: 340px; margin-bottom: 18px !important;}
	.homepage--section5 p {	max-width: 315px;}
	.homepage--section6 .vc_col-sm-4 {	max-width: 600px;	margin: 0 auto 30px !important; width: 100%; margin-bottom:30px;}
	.service--box .service--image {	height: 260px;}
	.homepage--section6 h2 {	margin-bottom: 25px !important;}
	.homepage--section6 {	padding: 35px 0 15px;}
	.homepage--section6 .vc_col-sm-4:nth-child(3n+2) {	margin-left: 0;	margin-right: 0;}
	.logo-wrapper img {	max-width: 130px;}
	.header-wrapper {	padding: 10px 0;	height: 58px;}
	#menu-main-menu {	padding: 0;}
	.service--infos {	padding: 20px 14px 20px;}
	.homepage--section6 .vc_empty_space {	display: none;}
	.homepage--section7 .box--content {	padding: 45px 50px 60px;}
	.left-footer {	width: 100%;}
	.social-infos {	width: 36%; margin-right: 4%;}
	.left-footer .instagram--feed {	width: 28%;}
	.left-footer #text-3 {	margin-right: 6%;}
	.right-footer {	width: 100%;	bottom: auto;	display: table;	position: relative;	right: auto;}
	.right-footer .logo-container {	display: table;	float: none;	margin: 120px auto 30px;}
	.right-footer .logo-wrapper::before {	width: 250px; }
	.homepage--section6 .wpb_wrapper p {	height: auto !important;}
	
	/*About Page*/
	.about--section1 {	padding: 40px 0 45px;}
	.about--people h2, .about--section4 h2 {	font-size: 24px;}
	.about--people.about--section2 .vc_col-sm-9 {	width: calc(66% - 20px);	margin-right: 0;}
	.about--people.about--section2 .vc_col-sm-3, .about--people.about--section3 .vc_col-sm-9 {	margin-left: 0;}
	.about--people.about--section2 .vc_col-sm-3 {	margin-right: 20px;}
	.about--people.about--section3 .vc_col-sm-3 {	margin-right: 0; margin-left: 20px !important;}
	.about--people .vc_figure img {	max-width: 150px;}
	.about--people.about--section3 .vc_figure {	margin: 0 auto;	display: table;}
	.about--people.about--section2 .vc_figure::before, .about--people.about--section3 .vc_figure::before {	background-size: 32%;}
	.about--section4 {	padding: 30px 0 10px;}
	.about--section4 img {	max-width: 500px !important;	margin-bottom: 20px;}
	.about--section4 p:last-child {	margin-bottom: 15px !important;}
	body:not(.home) #primary {	margin-top: 58px;}
	.about--people .vc_col-sm-9 {	width: calc(66% - 20px);}
	.about--people.about--section3 .vc_col-sm-9 .wpb_wrapper {	float: left;}
	.about--people .vc_col-sm-9 p {	width: auto;}
	
	/*Project Page*/
	.projects--section2 .eapps-instagram-feed-posts-item {	width: 48% !important;}
	.projects--section2 .eapps-instagram-feed-posts-item:nth-child(3n+2) {	margin-left: 0 !important;	margin-right: 0 !important;}
	.projects--section2 .eapps-instagram-feed-posts-item:nth-child(2n+1) {	margin-right: 4% !important;}
	.projects--section2 .eapps-instagram-feed-posts-item-content {	margin: 15px !important;}
	.projects--section2 .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {	overflow: visible;}

	#primary.simple-page {	padding: 20px 0;}
	.box--homepage--1 {	background-size: 120% !important;}
	
	.homepage--box.homepage--section2 .box-content {	position: absolute;	top: 100px;	width: 100%; text-align: center; 	left: 50%;}
	.homepage--box.homepage--section2 p {	max-width: 400px;	text-align: center;	margin: 0 auto;} 
	.homepage--box.img--sec .img--bg {	position: absolute;	right: auto;	top: auto;	bottom: 0; left:50%;}
	.homepage--box.img--sec .img--bg , .homepage--box.homepage--section2 .box-content  {transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%);	-moz-transform: translateY(0) translateX(-50%);	-ms-transform: translateY(0) translateX(-50%);	-o-transform: translateY(0) translateX(-50%);}
	
}
@media(max-width:639px){
	h1, h2, h4 {	font-size: 26px;}
	.content-area .homepage--section2 {	padding: 30px 0 120px; background-position: 110px center !important;}
	.content-area .homepage--section3 {	padding: 30px 0; background-size: auto 90% !important;}
	.homepage--section4 {	padding: 25px 0 15px;}
	.homepage--section3 .wpb_column, .homepage--section4 .wpb_column, .homepage--section5 .wpb_column {	max-width: 100%;}
	.homepage--section5 .wpb_text_column .wpb_wrapper {	margin-right: 0;	float: none;}
	.content-area .homepage--section5 {	padding: 40px 0;}
	.homepage--section5 p , .homepage--section4 p , .homepage--section3 p{	max-width: unset; text-align: center;}
	button.vc_btn3, .vc_general.vc_btn3, a.button, .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {	font-size: 14px !important;}
	.homepage--section3 h2, .homepage--section4 h2, .homepage--section5 h2, .homepage--section6 h2 {	text-align: center;}
	.vc_general.vc_btn3 {	margin: 0 auto;	display: table !important;}
	.each-image-text-box .box--content {	width: 100%; padding: 20px 0 40px;}
	.homepage--section7 .box--background {	position: relative;	top: auto;	left: auto !important; right: auto !important;	width: 100% !important; height: 300px !important;}
	.left-footer #text-3, .social-infos , .left-footer .instagram--feed{	width: 100%;	margin-right: 0; margin-bottom:20px;}
	.social-infos {	margin-top: 0;}
	.each-image-text-box h4::before, .about--section4 h2::before {	width: 70px;}
	.homepage--box {	background-size: 60%;}
	.content-center {	max-width: 90%;}
	/*About Page*/
	.about--section1 {	padding: 30px 0 35px;}
	.about--people h2, .about--section4 h2 {	font-size: 20px;}
	.about--people .vc_figure img {	max-width: 90%;}
	.about--section4 {	padding: 20px 0 5px;}
	.about--section4 h2 {	padding-bottom: 5px;	margin-bottom: 35px !important;}
	.about--section4 img {	max-width: 100% !important;	margin-bottom: 15px;}
	.about--people .vc_col-sm-3 {	width: 100%; margin-bottom:20px;}
	.about--people .vc_col-sm-9 .wpb_wrapper {	position: relative;	z-index: 1;}
	.about--people .vc_col-sm-3 .vc_figure {	margin: 0 auto;	display: table;}
	.about--people .vc_figure img {	max-width: 60%;	margin: 0 auto;	display: table;}
	.about--people .vc_column_container {	height: auto !important;}
	.about--people .vc_col-sm-9 {	width: 100%;	text-align: center !important;}
	.about--people .vc_col-sm-9 p {text-align: center;}
	.about--people.about--section2 .vc_col-sm-9 {	width: 100%;}
	.projects--section2 .eapps-instagram-feed-posts-item:nth-child(2n+1) {	margin-right: 0 !important;}
	.projects--section2 .eapps-instagram-feed-posts-item {	margin: 0 0 20px 0 !important; width: 100% !important;}
	.projects--section2 .eapps-instagram-feed-posts-item-link {	height: auto;}
	.projects--section2 .eapps-instagram-feed-posts-item-content {	margin: 12px !important;}
	.projects--section2 {	padding: 30px 0;}
	
	.homepage--box.img--sec .img--bg img {	max-width: 600px;}
	

	
}
@media(max-width:600px){
	body:not(.home).admin-bar .masthead {	top: 0;}
}
@media(max-width:479px){
	.projects--section2 {	padding: 20px 0;}
	.first--section--arrow {	border-width: 14px 13px 0 13px;}
	.box--image img {	max-width: 190px;}
	.homepage--box {	background-size: 80%;}
	.logo-wrapper img {	max-width: 110px;}
	.menu-main-menu-container {	width: 100%;	vertical-align: unset;	display: table;}
	.logo-wrapper {	width: 100%;	display: table;	text-align: center;	margin-bottom: 15px;}
	.menu-main-menu-container {	width: 100%;	vertical-align: unset;	display: table;}
	.menu-main-menu-container ul {	float: none;	text-align: center;}
	h1, h2, h4 {	font-size: 25px;}
	p, ul, ol, .homepage--section6 p {	font-size: 13px !important;	line-height: 1.4;}
	.homepage--section2 {	padding: 20px 0 70px;	background-position: 90px bottom !important;}
	.content-area .homepage--section3 {	padding: 20px 0;}
	.content-area .homepage--section4 {	padding: 15px 0 5px;}
	.content-area .homepage--section5 {	padding: 20px 0 25px; background-size: 65% !important;	background-position: 70px 0 !important;}
	.content-area .homepage--section6 {	padding: 20px 0 15px;}
	.homepage--section6 h2 {	margin-bottom: 15px !important;}
	.service--box .service--image {	height: 200px;}
	.homepage--section7 .box--background {	height: 250px !important;}
	.each-image-text-box .box--content {	padding: 15px 0 40px;}
	.each-image-text-box .box--content p {	margin-bottom: 20px;}
	.footer-wrapper {	padding: 25px 0 0;}
	.right-footer .logo-container {	margin: 100px auto 20px;}
	button.vc_btn3, .vc_general.vc_btn3, a.button, .projects--section2 #eapps-instagram-feed-1 .eapps-instagram-feed-posts-grid-load-more {	font-size: 16px !important;}
	.homepage--section4::before {	background: linear-gradient(90deg, rgba(0,0,0,0.8771709367340687) 0%, rgba(55,55,55,0.591456651019783) 85%, rgba(255,255,255,0) 100%);}
	h3, h5 {	font-size: 18px;}
	.footer-wrapper h6 {	font-size: 20px;  padding-top: 0;}
	.instagram--feed .pull-right, .instagram--feed .social-feed-text {	font-size: 13px;}
	.social-feed-element .content + a {	width: 40px;	height: 40px;}
	.error404-content h2 {	font-size: 30px;}
	.service--infos h3 {	font-size: 20px;}
	

	
	/*About Page*/
	body:not(.home) #primary {	margin-top: 82.5px;}
	.about--section1 {	padding: 20px 0 25px;}
	.about--people {	padding: 40px 0 20px;}
	.about--people h2, .about--section4 h2 {	font-size: 22px;}
	.about--people h2 {	padding-top: 15px;	padding-bottom: 0;}
	.projects--section2 .eapps-instagram-feed-posts-item-template-classic .eapps-instagram-feed-posts-item-text {	font-size: 15px;}

	.homepage--box.img--sec .img--bg img {	max-width: 480px;}	
}
@media(max-width:359px){
	.homepage--box.img--sec .img--bg img {	max-width: 400px;}
}
@media(max-height:650px){
	.homepage--box.img--sec .img--bg img {	max-width: 860px;}
	
}
@media(max-height:450px) and (min-width:900px){
	.homepage--box.img--sec .img--bg img {	max-width: 510px;}
	.homepage--box.img--sec {	position: relative;}
	.homepage--box.img--sec .img--bg {	right: 0;}
}
@media(max-width:900px) and (max-height:650px){
	.homepage--box.img--sec .img--bg img {	max-width: 750px;}
}
@media(max-width:900px) and (max-height:400px){
	.homepage--box.img--sec .img--bg img {	max-width: 620px;}
}
@media(max-width:800px) and (max-height:650px){
	.homepage--box.img--sec .img--bg img {	max-width: 650px;}
}
@media(max-width:800px) and (max-height:400px){
	.homepage--box.img--sec .img--bg img {	max-width: 570px;}
}
@media(max-width:640px) and (max-height:650px){
	.homepage--box.img--sec .img--bg img {	max-width: 600px;}
}
@media(max-width:480px) and (max-height:650px){
	.homepage--box.img--sec .img--bg img {	max-width: 500px;}
}

@media(max-width:768px) and (max-height:550px){
	.homepage--box.img--sec .img--bg img {	max-width: 500px;}
}
@media(max-width:768px) and (max-height:430px){
	.homepage--box.homepage--section2 .box-content {	position: absolute;	top: 85px;}
	.homepage--box.img--sec h1 {	font-size: 24px;}
	.homepage--box.img--sec .img--bg img {	max-width: 400px;}
}
@media(max-width:768px) and (max-height:360px){
	.homepage--box.img--sec .img--bg img {	max-width: 340px;}
}
@media(max-width:600px) and (max-height:360px){
	.homepage--box.img--sec .img--bg img {	max-width: 340px;}
}
@media(max-width:360px) and (max-height:650px){
	.homepage--box.img--sec .img--bg img {	max-width: 415px;}
}
@media(max-width:360px) and (max-height:550px){
	.homepage--box.img--sec .img--bg img {	max-width: 415px;}
}