﻿@media (max-height: 850px) {
	nav ul		{font-size: 110px;}

	.page-heading.full .page-heading-text					{padding-top: 10em;}
}
@media (max-height: 850px) {
	nav ul		{font-size: 85px;}

	.case-study-video-section, .case-study-image-section,
	.news-listing												{margin-top:50px !important;}
}
@media (max-height: 650px) {
	nav ul		{font-size: 60px;}

	.page-heading.full .page-heading-text		{padding-top:15em;}
}
@media (max-height: 550px) {
	nav ul		{font-size: 35px;}

	.page-heading.full .page-heading-text						{padding-top:25em;}
	.case-study-video-section, .case-study-image-section,
	.news-listing												{margin-top:125px;}
}
@media (max-height: 500px) {
	.case-study-video-section, .case-study-image-section,
	.news-listing												{margin-top:175px;}
}


/***************************/
/** MIN WIDTH STARTS HERE **/
/***************************/

@media (min-width: 1300px) {
	
	.page-heading-sticky			{top: 275px !important;}
}

/***************************/
/** MAX WIDTH STARTS HERE **/
/***************************/

@media (max-width: 1300px) 
{
	.senior-team-listing .cols		{gap: 8%;}
	
	/* FOOTER */

}

/* MOBILE STYLES */
@media (max-width: 1200px) 
{
    /* NAV */
	nav ul		{font-size: 10vw;}
	nav ul li a	{height: 15vw}
	
	/* HOME HERO */
	.home-hero h1				{font-size: 200px; line-height: 0.45em;}
	.home-hero .nav-hover-top		{transform: translateY(70px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-60px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(70px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(60px) rotateX(-90deg) scale(1.04);}

	/* HOME NEWS */
	.news-views-section h2		{font-size: 20vw;}
	.news-views-section			{padding: 100px 0 120px;}
	.news-views-section .cols	{padding-left: 0; padding-right: 0}
	.listing-card p				{font-size: 22px;}
	
	/* WORK LISTING */
	.case-studies-listing .cols			{flex-wrap: wrap; padding-left: 4px; padding-right: 4px;}
	.case-studies-listing .col.col-half	{width: 100%;}
	
	.case-studies-listing .col.col-stacked		{width: 100%; flex-direction: row}
	.case-studies-listing .col.col-stacked .col	{width: calc(50% - 26px);}
	
	/* PAGE HEADING */
	.for-the-curious h2,
	.join-the-team h2,
	.meet-the-team h2,
	.page-heading .page-heading-text h1,
	.footer-top h3	{font-size: 18vw}
	
	.footer-left-col	{max-width: 100%;}
	
	.contact .page-heading h1	{font-size: 15vw;}
	
	.intro-text-centre h2	{font-size: 8vw}
	
	/* CASE STUDY */
	.case-study-cats ul		{justify-content: center; padding: 0 30px;gap: 1em;}
	.case-study-cats ul li	{margin: 0 5px;}
	
	/* ABOUT */
	.accordion-expanded .inner	{padding-right: 30px;}
	.skill-set .col				{padding: 0 30px;}
	
	.ftc-text 	{width: 50%;}
	.ftc-row	{margin-bottom: 20px;}
	.ftc-intro	{margin-bottom: 70px;}
	
	/* CONTACT */
	.contact-intro-section p	{font-size: 22px;}

	/* MEDIA PPC */
	.media-ppc-enquiry-section .cracking-right .arrow		{display:none;}
	.media-ppc-form					{margin-top:0;}

	.media-ppc .page-heading-sticky h1			{font-size: 15vw;}
}

@media (max-width: 1150px) {
	/* WHAT WE DO */
	.cracking-section			{padding: 100px 0;}
	.cracking-cols				{flex-direction:column;}
	.cracking-right				{width:100%;}
	.cracking-right .arrow		{transform:none;margin-top:-5px;}
	.cracking-right ul			{left:30px;}
}

@media (max-width: 1100px) {

	.sc-text h3	{font-size: 50px;}
	.sc-text h4	{font-size: 25px;}
	.sc-text p	{font-size: 17px;}
	
	.footer-top .cols	{flex-direction: column}
	.footer-right-col	{width: 100%;}
}

@media (max-width: 1024px) 
{
    /* IPAD (LANDSCAPE) */

	/* PROJECT */
	.next-project-section .btn		{width:350px;}
	.next-project-section .btn p		{font-size:30px;}
	.next-project-section .btn span		{font-size:33px;}
}

@media (max-width: 1000px) 
{
    /* HEADER */
	.hamburger	{right: 30px;}
	
	/* HOME INTRO */
	.hit-left	{width: 50%; padding-right: 20px;}
	.hit-right	{width: 50%}
	
	/* HOME LISTING CARD */
	.home-listing-card-inner	{height: 50vw; min-height: 200px; margin-bottom: 50px;}
	
	/* HOME NEWS */
	.news-views-section .cols	{flex-direction: column; width: 414px; max-width: 100%;}	
	.news-views-section .col	{width: 100%; padding: 0; margin: 0 0 40px 0}
	
	/* WORK LISTING */
	.case-studies-listing .col.col-third	{width: 100%;}
	
	/* CASE STUDY */
	.csit-left	{width: 50%; padding-right: 30px;}
	.csit-right	{width: 50%;}
	
	/* WHAT WE DO */
	.our-brands h2,
	.stan-text h2	{font-size: 70px;}
	
	.stan-left	{width: 50%; padding-right: 20px;}
	.stan-right	{width: 50%}
	
	/* ABOUT */
	.accordion-item h3		{font-size: 30px;}
	.accordion-item h3 svg	{width: 40px;}
	
	/* CONTACT */
	.contact-intro-section .cols	{flex-direction: column}
	.contact-intro-section .col		{width: 100%;}
}

@media (max-width: 880px) {
	/* HOME HERO */
	.home-hero h1				{font-size: 160px; line-height: 0.45em;}
	.home-hero .nav-hover-top		{transform: translateY(50px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-55px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(55px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(50px) rotateX(-90deg) scale(1.04);}

	/* WHAT WE DO */
	.our-brands .brands-listing .brand-item				{width:110px;padding:0;}
	.our-brands .brands-listing .brand-item	img			{height:auto;}

	/* ATTIC */
	.attic-grid				{justify-content:center;}

	/* CASE STUDY */
	.case-study-video-video .cols .col			{height:550px;}
}

@media (max-width: 800px) 
{
	/* HOME INTRO TEXT */
	.home-intro-text	{padding-top: 50px}
	header				{position:absolute;}
	.home-video-section	{margin-top:0px; padding-top: 0px !important;}
	
	.contact-form h2,
	.hit-text h2		{font-size:70px;}

	/* NAV */
	nav ul				{gap:.5em;justify-content: flex-start;}
	
	/* BUTTON */
	.btn p 		{font-size:25px}
	.btn p span	{font-size:27px}
	
	/* WWD NAV */
	.case-study-cats						{overflow: hidden; padding: 40px 0; margin-bottom: 100px;}
	.case-study-cats ul						{align-items: center; overflow-x: auto; padding-left: 17px;}
	.case-study-cats ul li					{flex-shrink: 0; text-align:center; padding: 5px}
	.case-study-cats ul li:first-child		{margin-left: 0; padding-left: 0}
	.case-study-cats ul::-webkit-scrollbar {display: none;}

	.case-study-one-media, 
	.case-study-two-media,
	.case-study-text-section,
	.case-study-video-section-2	{margin-bottom: 100px;}
	
	.blockquote-section blockquote p	{font-size: 30px;}
	.blockquote-section blockquote cite	{font-size: 63px;}
	
	/* ABOUT */
	.skill-set		{flex-direction: column;}
	.skill-set .col	{padding: 0; width: 100%; border-right: none; border-bottom: 0.2px solid #ffffff; padding-bottom: 40px; margin-bottom: 40px;}
	.skill-set .col:last-child	{margin-bottom: 0}
	.apply-actions				{margin: 20px 0 10px}
	.ftc-text 		{width: 70%;}

	
	/* FOOTER */
	.footer-bottom ul	{font-size: 16px;}

	/* WHAT WE DO */
	.our-brands .brands-listing	{row-gap:1em;}

	/* ATTIC */
	/*.attic-carousel-text						{left:50%;bottom:-10px;transform: translateX(-50%);width:auto;gap:1em;flex-direction: column;text-align:center;}
	.attic-carousel-text .attic-client-text-right	{max-width:unset;}*/

	.attic-carousel .slick-arrow img			{width:45px;}
	.attic-carousel .slick-arrow.slick-prev		{width: 30px; min-width: 30px; left: -20px; display: block !important; 
							background-image: url(/_uploads/_assets/arrow-cursor-red-left.png);background-repeat: no-repeat;background-size: contain;background-position: center; }
	.attic-carousel .slick-arrow.slick-next 	{width: 30px; min-width: 30px; right: -20px; display: block !important; 
							background-image: url(/_uploads/_assets/arrow-cursor-red.png);background-repeat: no-repeat;background-size: contain;background-position: center; }
}

@media (max-width: 767px) 
{
	/* FOOTER BOTTOM */
	.footer-bottom .cols				{flex-wrap: wrap}
	.footer-bottom .col					{flex: auto}
	.footer-bottom .col:nth-child(1)	{order: 2; width: 50%}
	.footer-bottom .col:nth-child(2)	{order: 1; width: 100%; flex-shrink: 0; margin-bottom: 40px;}
	.footer-bottom .col:nth-child(3)	{order: 3; width: 50%; justify-content: space-between}
	
	/* ABOUT */
	.for-the-curious	{padding: 100px 0 60px}
	.for-the-curious h3	{font-size: 60px;}
	.ftc-text 			{width: 100%;}
	.ftc-row:nth-child(odd)	{justify-content: flex-start;}

	/* PROJECT */
	.case-study-stats-section				{padding: 60px 0 30px 0;}
	.case-study-stats-section .cols			{flex-direction:column;align-items: center;gap: 2em;}
	.case-study-stats-section .cols .col	{width: 100%;}
	.next-project-section .buttons		{flex-direction:column;justify-content:center;align-items:center;gap: 1em;}

	.case-study-carousel .carousel .slick-arrow				{opacity:1;visibility:visible;}

	/* NEWS */
	.news-listing																{padding-bottom: 40px !important;padding-top:0;}
	.news-listing .news-listing-item:not(.news-listing-item-v2)					{border: 1px solid #e1e1e1;border-radius: 25px;display: flex;flex-direction: column-reverse;align-items: center;padding-top: 2em;margin-bottom: 50px;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) h2				{font-size:55px;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) img				{position:relative;top:unset !important;left: unset !important;right:unset !important;opacity:1;width:100%;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) img.image-dk	{display:none;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) img.image-mb	{display:block;max-width:unset;}
	.news-listing .news-listing-item:not(.news-listing-item-v2) a.cover			{display:block;}

	.news-listing .news-listing-item.news-listing-item-v2						{margin-bottom: 30px;}
	.news-listing .news-listing-item.news-listing-item-v2 img					{max-height: 450px;}

	/* CAROUSELS */
	.mtt-carousel .slick-arrow,
	.case-study-carousel .slick-arrow				{display:none !important;}

	/* WHAT WE DO */
	.cracking-section h2		{font-size: 80px;}
	.cracking-right .arrow		{transform:scale(0.75);margin-top:-8px;}
	.cracking-right ul			{font-size: 25px;padding-right: 10px;}
	.brands-intro				{margin-left:0;}

	/* ATTIC */
	.attic-carousel					{height:unset;width:100%;}
	.attic-carousel .attic-carousel-slide video				{width:100%;}

	/* MEDIA PPC STYLES */
	.media-ppc .page-heading-sticky h1 br			{display: none;}

	/* CASE STUDY */
	.case-study-video-video .cols .col			{height:375px;}
}

@media (max-width: 640px) 
{
	
	/* mobile video */
	.box.box-video {height: 103dvh !important; overflow: hidden;}
	
	.box.box-video .vimeo-container.video-mb iframe { position: absolute;top: 50%!important;left: 50%!important;width: 100vw!important;height: 56.25vw!important;min-height: 100dvh!important;min-width: 177.78dvh!important;transform: translate(-50%, -50%)!important;}
	
	
	
	.btn		{border-radius: 15px !important;}

	/* HOME HERO */
	.home-hero h1				{font-size: 130px; line-height: 0.45em;}
	.home-hero .nav-item-box		{margin-top: 75px;}
	.home-hero .nav-hover-top		{transform: translateY(40px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-45px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(45px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(40px) rotateX(-90deg) scale(1.04);}

	/* PAGE HEADER */
	.home-hero					{margin-top: -150px;}
	.page-heading:not(.page-heading-sticky)				{/*margin-top: -150px !important;*/padding-top:0;}
	
	/* temp fix */
	#page88 .home-hero {margin-top: 0px;}
	
	

	.video-dk				{display:none !important;}
	.video-mb				{display:block !important;}

	.full-width-image					{min-height:unset;}

	.home-listing-card-inner					{width: 100%;}

	/* HOME INTRO TEXT */
	.hit-text	{flex-direction: column}
	.hit-left	{width: 100%; margin-bottom: 20px; padding: 0}
	.hit-right	{width: 100%;}
	
	.case-studies-listing .col.col-stacked		{flex-wrap: wrap}
	.case-studies-listing .col.col-stacked .col	{width: 100%; flex-shrink: 0}
	.case-studies-listing .col.col-stacked .col:first-child	{margin-bottom: 40px;}
	
	.case-studies-listing .col.col-half .listing-card-image-container,	
	.case-studies-listing .col.col-third .listing-card-image-container	{padding-top: 73%;}
	
	/* CASE STUDY */
	.csit-text	{flex-direction: column;}
	.csit-left	{width: 100%; margin-bottom: 20px;}
	.csit-right	{width: 100%;}
	
	.case-study-one-media .cols,
	.case-study-two-media .cols,
	.case-study-text-section .cols	{flex-direction: column;}
	
	.case-study-two-media .col,
	.case-study-text-section .col	{width: 100%;}
	
	.case-study-cats,
	.case-study-one-media,
	.case-study-two-media,
	.case-study-text-section,
	.case-study-video-section-2,
	.case-study-two-media .col		{margin-bottom: 0;}
	
	.case-study-two-media .col:last-child	{margin-bottom: 0}
	
	.case-study-intro-text	{padding-bottom: 60px;}

	.case-study-page-heading			{margin-top:-150px;}

	/* 2/11/23 */
	/*.page-heading.full				{height: 65vh; min-height: 539px;}*/
	.case-study-video-section		{padding-bottom: 0}
	.case-study-intro-text			{padding-top: 52px; padding-bottom: 70px;}
	.csit-text h2					{font-size: 50px;}
	.case-study-section .inner,
	.case-study-one-media .inner,
	.case-study-intro-text .inner	{padding-left: 17px; padding-right: 17px;}
	.case-study-section.case-study-carousel	{padding: 0 0 77px}
	.case-study-cats						{margin-bottom: 77px;}
	.case-study-carousel .carousel .slick-slide	{margin: 0 8.5px; width: calc(100vw - 70px) !important}
	.case-study-carousel .carousel .slick-arrow	{display: none !important}
	
	.case-study-two-media	{padding: 0}
	
	.case-study-one-media,
	.case-study-section.full-width-image,
	.case-study-video-section.case-study-video-section-2	{padding: 10px 0}

	.case-study-two-media .col:nth-of-type(even),
	.case-study-two-media .col	{padding:10px 0 !important}
	
	.media-panel	{margin-bottom: 0}
	.case-study-section .cols .col-flex .media-panel		{padding-bottom:25px;}

	.case-study-video-section.case-study-video-section-2	{height: auto}
	
	.next-project-section	{margin-top: 70px}
	.blockquote-section blockquote cite p	{font-size: 50px;}

	.case-study-section.full-width-image		{padding-bottom: 5em;margin-top: 5em;min-height:unset;}
	
	.blockquote-section	{padding: 100px 0 180px}
	
	/* WHAT WE DO */
	.cracking-section,
	.standard-intro-text			{padding: 50px 0;}


	.stan-text	{flex-direction: column}
	.stan-left	{width: 100%; margin-bottom: 20px; padding: 0}
	.stan-right	{width: 100% !important}

	.banner-header-section.banner-header-section-sticky		{padding-top:360px;}

	.banner-header-section .banner-image img.banner-dk				{display:none;}
	.banner-header-section .banner-image img.banner-mb				{display:block;}

	/* ABOUT */
	.meet-the-team			{padding-top: 70px;padding-bottom: 20px;}
	.meet-the-team h2		{margin-bottom: -35px;}
	.join-the-team			{padding-bottom: 100px}
	.for-the-curious h3		{font-size: 45px;}
	.for-the-curious h3 br	{content:"";width:5px;display:inline-block;}
	
	/* NEWS ARTICLE */
	.news-article .btn			{border-radius: 20px; padding-left: 15px; padding-right: 15px; margin: 0}
	.news-article .btn p		{font-size: 14px;}
	.news-article .btn p span	{font-size: 16px;}
	.news-article .buttons		{justify-content: center; gap:20px; padding: 0 30px;}
	.news-inner					{width:100%;    word-wrap: break-word;}

	.news-listing-item h2											{padding:0;}
	.news-listing .news-listing-item.news-listing-item-v2 ul.tags				{margin-top:20px;margin-bottom:20px;}
	.news-listing .news-listing-item.news-listing-item-v2 img					{max-height: 350px;}
	.news-listing .news-listing-item.news-listing-item-v2:first-of-type			{margin-top:0;}

	/* FORM STYLES */
	.form-text-box .form-field-error			{position:relative;right:unset;padding-top:30px;}

	.icon-heart			{display: none !important;}

	/* FOOTER */
	.footer-bottom .col:nth-child(1)		{order:1;}
	.footer-bottom .col:nth-child(2)		{order:3;padding-top: 2.5em;margin-bottom: 0;}
	.footer-bottom .col:nth-child(3)		{order:2;}
	
	.footer-right-col h2	{font-size: 70px;}
	
	.footer-top	{padding: 60px 0}
	
	/* ATTIC */
	.attic-section						{padding-top:100px;}

	/* MEDIA PAGE */
	.intro-text-centre h2		{font-size: 50px}
	.senior-team-listing .cols	{flex-direction: column; gap: 80px;}
	.snr-card					{text-align: center}
	.sc-text p					{margin-bottom: 0}
	.sc-text h4					{margin-bottom: 0.5em}
	.senior-team-listing .cols	{margin-top: 60px;}




	/* MEDIA PPC STYLES */
	.media-ppc .banner-header-section-sticky		{padding-top: 460px !important;}
	.media-ppc .page-heading-sticky					{width:100% !important;}

	.media-ppc .home-hero.cracking-section			{padding-top:0 !important;padding-bottom:0 !important;margin-bottom: 175px;}

}

@media (max-width: 600px) {
	/* ATTIC */
	.attic-grid .attic-item .attic-image img			{width:100%;}
}

@media (max-width: 550px) 
{
    /* HEADER */
	.logo		{width: 130px;}
	.hamburger	{width: 60px;}

	/* HOME HERO */
	.home-hero h1				{font-size: 90px; line-height: 0.45em;}
	.home-hero .nav-item-box		{margin-top: 50px;}
	.home-hero .nav-hover-top		{transform: translateY(25px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-35px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(25px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(30px) rotateX(-90deg) scale(1.04);}
	
	
	#page88 .home-hero {margin-top: 40px;}

	
	/* FOOTER */
	.footer-top h3	{margin-bottom: 25px; font-size: 100px;}
	.footer-top p	{font-size: 20px;}
	
	.footer-bottom ul	{column-count: 1}
	.footer-bottom .col:nth-child(2)	{text-align: left;}
	.footer-bottom .col:nth-child(3)	{flex-direction: column}
	
	.footer-bottom ul.social		{display:flex; flex-direction: row; margin: 20px 0 0 0}
	.footer-bottom ul.social li		{margin-right: 10px;}
	
	/* CASE STUDY */
	.blockquote-section blockquote p	{font-size: 25px;}
	.blockquote-section blockquote cite	{margin-top: 30px; font-size: 50px;}

	.case-study-subtitle h2			{font-size: 35px;}
	
	/* ABOUT */
	.accordion-item h3	{font-size: 24px;}
	
	/* NEWS */
	ul.tags						{flex-wrap: wrap; font-size: 12px;}
	ul.tags li					{margin: 5px}
	.news-listing .news-listing-item h2					{font-size:40px;}
	.news-listing-item ul.tags	{margin-top: 30px;}

	.page-heading.full ul.tags	{flex-direction: column}

	.page-heading.page-heading-sticky		{width:unset;}
	.contact .page-heading.page-heading-sticky			{width:75%;}
	
	/* CONTACT */
	.contact-intro-section .inner		{padding: 0;}
	.contact-intro-section .col	p		{width: 100%; font-size: 15px;}
	.contact-intro-section .col	p br	{display: none}
	.form-text-box label				{font-size: 24px;}
	.form-text-box input				{font-size: 24px;}

	/* ABOUT US */
	.mtt-carousel ul.slick-dots				{gap:.5em;}
	.mtt-carousel ul.slick-dots li			{width:7px;height:7px;}
}

@media (max-width: 480px) {
	
	/* CASE STUDY */
	.case-study-carousel .carousel .slick-arrow img			{width:30px;}
	.case-study-carousel .carousel .slick-arrow.slick-prev	{left:40px;}
	.case-study-carousel .carousel .slick-arrow.slick-next	{left:calc(100% - 70px);}

	.case-study-cats ul					{padding-left:30px;}
	.case-study-cats ul li				{margin:0;padding:0;}

	/* WHAT WE DO */
	.our-brands .brands-listing .brand-item				{width:75px;}
	.cracking-right .arrow		{transform:scale(0.75);margin-top:1px;}

	/* ABOUT US */
	.mtt-carousel .slick-list				{width: 100%;}
	.mtt-carousel .slick-list img			{width: 250px}
	
	#page88 .home-hero {margin-top: 40px;}

}

@media (max-width: 413px) 
{
	
	#page88 .home-hero {margin-top: 60px;}
    /* HEADER */
	.logo		{width: 110px;}
	.hamburger	{width: 45px;}

	/* PAGE HEADER */
	.page-heading				{padding-top:200px;padding-bottom:75px;}
	
	/* FOOTER */
	.footer-top p	{font-size: 16px;}
	
	.footer-bottom ul	{font-size: 14px;}

	/* PROJECT */
	.next-project-section .btn		{width: 220px;padding: 20px 25px 15px}
	.next-project-section .btn p		{font-size: 20px;}
	.next-project-section .btn span		{font-size: 22px;}
	
}

@media (max-width: 375px) 
{
		#page88 .home-hero {margin-top: 110px;}

	/* HOME HERO */
	.home-hero h1				{font-size: 60px; line-height: 0.45em;}
	.home-hero .nav-item-box		{margin-top: 30px;}
	.home-hero .nav-hover-top		{transform: translateY(15px) rotateX(-90deg) scale(1.04);}
	.home-hero .nav-text-up			{transform: translateZ(-25px) rotateX(180deg)}

	.home-hero .nav-item-box.reverse .nav-text-up	{transform: translateZ(15px) rotateX(0deg);}
	.home-hero .nav-item-box.reverse .nav-hover-top {transform: translateY(25px) rotateX(-90deg) scale(1.04);}
}

@media (max-width: 360px) 
{
    /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) 
{
    /* IPHONE 5 */
}