﻿.logo-mb	{display: none}

/* MOBILE STYLES */
@media (max-width: 1390px) 
{
    /* HOME PANEL - CLIENTS */
	.our-clients-carousel	{width:calc(100% - 120px);}
}

@media (max-width: 1000px) 
{
    /* NEWS LISTING */
	.news-carousel .slick-arrow	{z-index: 2}
	.news-carousel .slick-next	{right:10px; background-color: #ffffff;}
	.news-carousel .slick-prev	{left:10px; background-color: #ffffff;}
	
	.news-listing	{padding: 0 70px;}
	
	/* CLIENTS PAGE */
	.our-clients-page-section .client-text	{padding: 0}
	
	.our-clients-page-section .cols .col	{width: 33.333%;}
	
}

@media (max-width: 960px) 
{
    /* HEADER */
	header				{padding: 10px 0}
	.logo				{width:90px !important; font-size: 0}
	.logo-dk			{display: none}
	.logo-mb			{display: block}
	.hamburger			{top:36px;}
	.circle-logo		{width:148px; height: 148px; margin-left: -74px; margin-top: -74px;}
	.circle-logo img	{width:90px;}
	
	/* HOME SECTION */
	.home-section .col-text		{padding: 0 90px;}
	.panel-intro h2,
	.home-section .col-text h2	{font-size: 26px;}
	.home-section .col-text p	{font-size: 17px;}
	.text-btn					{font-size: 16px;}
	
	/* NEWS LISTING */
	.news-panel-text h3	{font-size: 20px;}
	.news-panel-text p	{font-size: 16px;}
	
	/* ABOUT */
	main			{margin-top: 91px}
	.content-header	{min-height: 290px;}
	.header-text h1	{font-size: 60px;}
	
	/* TEAM */
	.with-person-image .col-image img	{width:280px;}
	
	/* OUR SERVICES */
	.text-with-lists .inner .cols .col	{padding: 10px}
	
}

@media (max-width: 768px) 
{
	/* HEADER */
	
	/* HOME SECTIONS */
	.home-hero						{height: 100vh;}
	.home-hero p					{font-size: 15px}
	.home-section 					{flex-direction: column-reverse !important; position: relative; height: auto; min-height: unset;}
	.home-section .col				{width:100%;}
	.home-section .col.col-text		{min-height: 50vh; height: auto; padding:50px 30px;}
	.home-section .col				{min-height: 50vh}
	.circle-logo					{display: none}
	
	.home-panels .circle-btn		{bottom: 105px; display: none}
	.home-panels  .home-hero .circle-btn	{bottom: 105px; display: flex}

	/* HOME NEWS */
	.home-latest-news	{padding: 50px 0;}
	.news-listing		{margin-top: 40px; margin-bottom: 40px;}
	
	/* HOME CLIENTS */
	.our-clients				{padding: 50px 0}
	.client-panel h3			{font-size: 20px;}
	.our-clients-carousel		{margin-top: 40px; margin-bottom: 40px;}
	
	/* CONTACT */
	.contact-panel	{padding: 50px 0}
	.contact-form	{margin-top: 40px;}
	
	/* OUR TEAM */
	.with-person-image .col-image	{flex: auto; width: 35%;}
	.with-person-image .col			{flex: auto;}
	
	/* OUR SERVICES */
	.text-with-lists .inner .cols				{flex-direction: column}
	.text-with-lists .inner .cols .col-inner	{width:414px; margin: auto}
	
	/* OUR CLIENTS */
	.our-clients-page-section .cols			{justify-content: center}
	.our-clients-page-section .cols .col	{width: 50%;}
	
	/* FOOTER */
	footer			{padding: 50px 0}
	footer .inner	{flex-direction: column}
	.footer-logo	{text-align: center; width:150px; margin: auto}
	.footer-social	{margin: 45px auto}
	.footer-contact	{text-align: center}
	
}

@media (max-width: 640px) 
{
	/* HOME CLIENTS */
	.our-clients-carousel			{width:100%}
	.slick-next						{right:-10px;}
	.slick-prev						{left:-10px;}
	.our-clients-carousel .slide	{padding: 0 50px;}
	
	/* NEWS LISTING */
	.news-carousel .slick-next	{right:-10px;}
	.news-carousel .slick-prev	{left:-10px;}
	.news-carousel				{padding: 0 30px;}	
	.news-panel-image-outer		{height: 40vw;}
	
	/* ABOUT */
	.content-header			{height: 50vh; min-height: 200px; background-position: center; justify-content: center}
	.content-header:before	{width:100%; background-color: rgba(108,52,95,0.65);}
	.two-col-text			{padding: 50px 0}
	.two-col-text .cols		{flex-direction: column}
	.two-col-text .col		{padding: 0}
	.col-image-inner		{position: relative; width: 100%; height: 60vh; min-height: 400px; right: auto; margin-bottom: 30px;}
	.header-text			{margin-right: 0}
	.header-text p,
	.header-text p span		{font-size: 20px;}
	
	/* MAP */
	.map-section	{padding: 50px 0}
	
	/* TEAM */
	.with-person-image .inner					{padding: 0}
	.with-person-image .cols					{flex-direction: row}
	.with-person-image .col						{padding: 0 20px}
	.two-col-text								{padding: 50px 0}
	.with-person-image .col-image blockquote	{padding-left: 0; padding-right: 0}
	
	/* OUR SERVICES */
	.text-with-lists			{padding: 50px 0 40px}
	.image-with-text-2			{padding: 50px 0 20px}
	.image-with-text-2 .cols	{flex-direction: column}
	.image-with-text-2 .col		{width:100%;}
	.image-with-text-2 .col-image-inner	{margin-bottom: 0}
	
	/* OUR CLIENTS */
	.our-clients-page-section				{padding: 30px 0}
	.our-clients-page-section .inner		{padding: 0 20px;}
	.our-clients-page-section .cols			{width: 100%}
	.our-clients-page-section .cols .col	{padding: 10px;}

	/* CONTACT PAGE */
	.contact-panel.contact-page-panel		{padding-bottom: 30px;}
	.contact-panel.contact-page-panel .cols	{flex-direction: column; align-items: center}
	.contact-page-panel .col				{width:414px; max-width: 100%;}
	.google-map								{height: 300px}
}

@media (max-width: 550px) 
{
	/* TEAM */
	.with-person-image .cols					{flex-direction: column}
	.with-person-image .col						{text-align: center; width: 100%;}
	.with-person-image .col-image				{margin-bottom: 25px;}
	.with-person-image .col-image blockquote	{width:414px;}
}

@media (max-width: 450px) 
{
	p,
	.panel-intro p	{font-size: 18px;}
	
	/* HEADER */
	header .logo	{width:70px}
	.hamburger		{top:27px;}
	
	/* HOME HERO */
	.home-hero p	{font-size: 13px}
	
	/* HOME SECTION */
	.home-section .col-text p	{font-size: 18px;}
	
	/* NEWS CAROUSEL */
	.news-panel-text	{padding-left: 20px; padding-right: 20px;}
	
	/* MAP */
	.key	{flex-direction: column}
	.key-item:last-of-type	{padding-bottom: 0}
	
	/* OUR CLIENTS */
	.our-clients-page-section .inner	{padding: 0 15px;}
	.our-clients-page-section .cols .col	{width: 100%}

	
}

@media (max-width: 375px) 
{
	/* OUR CLIENTS */

}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}