@charset "utf-8";

@-ms-viewport {
   width: device-width;
}
@-o-viewport { 
   width: device-width;
}
@viewport {
   width: device-width; 
}

/* iPhone, etc portrait ---- */
@media only screen and (max-width: 320px) {

}
@media only screen and (min-width: 320px) and (max-width: 590px) {
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left;}

/* Start Nav */
.normal-menu { display:none;}
.responsive-menu { display:block;}
/* End Nav */
/* End Header */

/* Start General */
.row { width:100%;}
.part-1-box { float:none; width:100%;}
.part-2-box { float:none; width:100%;}
.part-3-box { float1:none; width:100%;}
.part-4-box { float:none; width:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork .margin { margin:0px auto; text-align:center;}
/* ##### End Lets Work ##### */

/* ##### START WORK ##### */	
.work-title { margin-left:0px;}

ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:90%; position:relative;}
ul.work li.full { width:90%;}

.video-player { width:100%; height:180px;}
.back-con { text-align:left !important;}
.back-con a { margin-left:15px;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:none; width:100%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
ul.team li { float:none; width:90%;}
ul.team li a { width:90%;}
/* ##### END ABOUT US ##### */

.banner-main { height:auto;}

.inner-top-tagline { width:100%;}
.inner-top-tagline .title { float:none; width:100%; margin-bottom:15px;}
.inner-top-tagline .tagline { float:none; width:100%; background:url(../images/tagline-image.jpg) 20px bottom no-repeat;}
.inner-top-tagline .tagline .margin { margin:0 0 0 20px;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:none; width:100%; margin-bottom:45px;}

/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%; text-align:left;}
.foo-right { float:none; width:100%; height:auto; text-align:center;}
.foo-right .margin { display:block; width:100%; border-left:0px solid #848484; height:auto; padding:30px 0px;}
.copyright { margin-top:15px; line-height:14px;}

.socials { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px;}
.socials ul li { display:block; text-align:center;}
.socials ul li a { margin-right:0px;}

.fmenu { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px;}
.fmenu ul li { display:block; text-align:center;}
.fmenu ul li a { margin-right:0px;}
/* End Footer */

form div { float:none; width:82.5% !important; margin:15px;}
form div.full { float:none; width:82.5%; margin:15px;}
form textarea {  width:92%;}
form input#submit { float:left;}
}

@media only screen and (min-width: 320px) and (max-width: 590px) and (orientation: landscape) {
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left;}
.logo .margin { margin:0px 15px;}

/* Start Nav */
.normal-menu { display:none;}
.responsive-menu { display:block;}
.icon { top:0px; right:0px;}
/* End Nav */
/* End Header */


/* Start General */
.row { width:100%;}
.part-1-box { float:none; width:100%;}
.part-2-box { float:none; width:100%;}
.part-3-box { float1:none; width:100%;}
.part-4-box { float:none; width:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork .margin { margin:0px auto; text-align:center;}
/* ##### End Lets Work ##### */


/* ##### START WORK ##### */
.work-title { margin-left:0px;}
	
ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:94%; position:relative;}
ul.work li.full { width:94%;}

.video-player { width:100%; height:180px;}
.back-con a { margin-left:15px;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:left; width:50%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
ul.team li { float:left; width:43%;}
/* ##### END ABOUT US ##### */
	

.banner-main { height:auto;}

.inner-top-tagline { width:100%;}
.inner-top-tagline .title { float:none; width:100%; margin-bottom:15px;}
.inner-top-tagline .tagline { float:none; width:100%; background:url(../images/tagline-image.jpg) 20px bottom no-repeat;}
.inner-top-tagline .tagline .margin { margin:0 0 0 20px;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:left; width:50%; margin-bottom:45px;}

/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%; text-align:left;}
.foo-right { float:none; width:100%; height:auto; text-align:center;}
.foo-right .margin { display:block; width:100%; border-left:0px solid #848484; height:auto; padding:30px 0px;}
.copyright { margin-top:15px; line-height:14px;}

.socials { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px;}
.socials ul li { display:block; text-align:center;}
.socials ul li a { margin-right:0px;}

.fmenu { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px;}
.fmenu ul li { display:block; text-align:center;}
.fmenu ul li a { margin-right:0px;}
/* End Footer */

form div { float:none; width:91.5% !important; margin:15px;}
form div.full { float:none; width:91.5%; margin:15px;}
form textarea {  width:92%;}
form input#submit { float:left;}
}

/* iPhone, etc landscape ---- */
@media only screen and (min-width: 590px) and (max-width: 768px) {
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left;}
.logo .margin { margin:0px 15px;}

/* Start Nav */
.normal-menu { display:none;}
.responsive-menu { display:block;}
.icon { top:0px; right:0px;}
/* End Nav */
/* End Header */

/* Start General */
.row { width:100%;}
.part-1-box { float:none; width:100%;}
.part-2-box { float:none; width:100%;}
.part-3-box { float1:none; width:100%;}
.part-4-box { float:none; width:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork .margin { margin:0px auto; text-align:center;}
/* ##### End Lets Work ##### */

/* ##### START WORK ##### */	
.work-title { margin-left:0px;}

ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:45%; position:relative;}
ul.work li:nth-child(3n) { margin-right:15px;}
ul.work li.full { width:95%;}

.video-player { width:100%; height:200px;}
.back-con a { margin-left:15px;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:left; width:50%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
ul.team li { float:left; width:45%;}
/* ##### END ABOUT US ##### */

.banner-main { height:auto;}

.inner-top-tagline { width:100%;}
.inner-top-tagline .title { float:none; width:100%; margin-bottom:15px;}
.inner-top-tagline .tagline { float:none; width:100%; background:url(../images/tagline-image.jpg) 20px bottom no-repeat;}
.inner-top-tagline .tagline .margin { margin:0 0 0 20px;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:left; width:50%; margin-bottom:45px;}

/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%; text-align:left;}
.foo-right { float:none; width:100%; height:auto; text-align:center;}
.foo-right .margin { display:block; width:100%; border-left:0px solid #848484; height:auto; padding:30px 0px;}
.copyright { margin-top:15px; line-height:14px;}

.socials { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px;}
.socials ul li { display:block; text-align:center;}
.socials ul li a { margin-right:0px;}

.fmenu { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px;}
.fmenu ul li { display:block; text-align:center;}
.fmenu ul li a { margin-right:0px;}
/* End Footer */

.row .contact { float:left !important; width:50% !important;}
form div { float:none; width:95.5% !important; margin:15px;}
form div.full { float:none; width:95.5%; margin:15px;}
form textarea {  width:92%;}
form input#submit { float:left;}
}

@media only screen and (min-width: 590px) and (max-width: 768px) and (orientation: landscape) {
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left; padding:0px 20px;}

/* Start Nav */
.normal-menu { display:none;}
.responsive-menu { display:block;}
.icon { top:0px; right:-200px;}
/* End Nav */
/* End Header */

/* Start General */
.row { width:100%;}
.part-1-box { float:none; width:100%;}
.part-2-box { float:none; width:100%;}
.part-3-box { float:none; width:100%;}
.part-4-box { float:none; width:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork .margin { margin:0px auto; text-align:center;}

.video-player { width:100%; height:200px;}
.back-con a { margin-left:15px;}
/* ##### End Lets Work ##### */

/* ##### START WORK ##### */
.work-title { margin-left:0px;}
	
ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:29.3%; position:relative;}
ul.work li:nth-child(3n) { margin-right:15px;}
ul.work li.full { width:95%;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:left; width:50%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
ul.team li { float:left; width:45%;}
/* ##### END ABOUT US ##### */


.banner-main { height:auto;}

.inner-top-tagline { width:100%;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:left; width:50%; margin-bottom:45px;}



/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%; text-align:left;}
.foo-right { float:none; width:100%; height:auto; text-align:center;}
.foo-right .margin { display:block; width:100%; border-left:0px solid #848484; height:auto; padding:30px 0px;}
.copyright { margin-top:15px; line-height:14px;}

.socials { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px;}
.socials ul li { display:block; text-align:center;}
.socials ul li a { margin-right:0px;}

.fmenu { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px;}
.fmenu ul li { display:block; text-align:center;}
.fmenu ul li a { margin-right:0px;}
/* End Footer */

.row .contact { float:left !important; width:50% !important;}
form div { float:none; width:95.5% !important; margin:15px;}
form div.full { float:none; width:95.5%; margin:15px;}
form textarea {  width:92%;}
form input#submit { float:left;}
}

/* iPad, tablets etc portrait ---- */
@media only screen and (min-width: 768px) and (max-width: 900px) {
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left;}

/* Start Nav */
.normal-menu { display:block;}
nav { margin-left:0px; float1:right; margin-right:0px;}
#main-nav ul li a { margin-left:0px; margin-right:35px;}
.responsive-menu { display:none;}
.icon { top:0px; right:-200px;}
/* End Nav */
/* End Header */

/* Start General */
.row { width:100%;}
.part-1-box { float1:none; width1:100%;}
.part-2-box { float1:none; width1:100%;}
.part-3-box { float1:none; width1:100%;}
.part-4-box { float1:none; width1:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork { width:100%;}
.letswork .margin { margin:0px auto; text-align:center;}
/* ##### End Lets Work ##### */

/* ##### START WORK ##### */	
.work-title { margin-left:0px;}

ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:29.3%; position:relative;}
ul.work li:nth-child(3n) { margin-right:15px;}
ul.work li.full { width:96%;}

.video-player { width:100%; height:300px;}
.back-con a { margin-left:15px;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:left; width:25%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px; width:80%;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
.dream-push { margin-left:33.33%;}
ul.team li { float:left; width:29.4%;}
/* ##### END ABOUT US ##### */


.banner-main { height:auto;}

.inner-top-tagline { width:100%;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:left; width:24%; margin-bottom:45px;}



/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%; text-align:left;}
.foo-right { float:none; width:100%; height:auto; text-align:center;}
.foo-right .margin { display:block; width:100%; border-left:0px solid #848484; height:auto; padding:30px 0px;}
.copyright { margin-top:15px; line-height:14px;}

.socials { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px;}
.socials ul li { display:block; text-align:center;}
.socials ul li a { margin-right:0px;}

.fmenu { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px;}
.fmenu ul li { display:block; text-align:center;}
.fmenu ul li a { margin-right:0px;}
/* End Footer */

.row .contact { float:left !important; width:50% !important;}
form div { float:none; width:98% !important; margin:15px;}
form div.full { float:none; width:98%; margin:15px;}
form textarea {  width:92%;}
form input#submit { float:left;}
}

@media only screen and (min-width: 768px) and (max-width: 900px) and (orientation: landscape) {
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left;}

/* Start Nav */
.normal-menu { display:block;}
nav { margin-left:0px; float1:right; margin-right:0px;}
#main-nav ul li a { margin-left:0px; margin-right:40px;}
.responsive-menu { display:none;}
.icon { top:0px; right:-200px;}
/* End Nav */
/* End Header */

/* Start General */
.row { width:100%;}
.part-1-box { float1:none; width1:100%;}
.part-2-box { float1:none; width1:100%;}
.part-3-box { float1:none; width1:100%;}
.part-4-box { float1:none; width1:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork { width:100%;}
.letswork .margin { margin:0px auto; text-align:center;}

.video-player { width:100%; height:300px;}
/* ##### End Lets Work ##### */

/* ##### START WORK ##### */	
ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:29.5%; position:relative;}
ul.work li:nth-child(3n) { margin-right:15px;}
ul.work li.full { width:96%;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:left; width:25%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px; width:80%;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
.dream-push { margin-left:33.33%;}
ul.team li { float:left; width:29.5%;}
/* ##### END ABOUT US ##### */

.banner-main { height:auto;}

.inner-top-tagline { width:100%;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:left; width:24%; margin-bottom:45px;}



/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%; text-align:left;}
.foo-right { float:none; width:100%; height:auto; text-align:center;}
.foo-right .margin { display:block; width:100%; border-left:0px solid #848484; height:auto; padding:30px 0px;}
.copyright { margin-top:15px; line-height:14px;}

.socials { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px;}
.socials ul li { display:block; text-align:center;}
.socials ul li a { margin-right:0px;}

.fmenu { padding:20px 0px; line-height:30px; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px;}
.fmenu ul li { display:block; text-align:center;}
.fmenu ul li a { margin-right:0px;}
/* End Footer */

.row .contact { float:left !important; width:50% !important;}
form div { float:none; width:98% !important; margin:15px;}
form div.full { float:none; width:98%; margin:15px;}
form textarea {  width:92%;}
form input#submit { float:left;}
}

/* Laptops, Desktops, etc ---- */
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
/*	body:before { content: "Between 1024 and 1200";}*/
/* Start Header */
header { padding:0px 0px;}
.header-push { padding-top:100px;}
.logo { float:left;}

/* Start Nav */
.normal-menu { display:block;}
nav { margin-left:0px; float1:right; margin-right:0px;}
#main-nav ul li a { margin-left:0px; margin-right:60px;}
.responsive-menu { display:none;}
.icon { top:0px; right:0px;}
/* End Nav */
/* End Header */

/* Start General */
.row { width:100%;}
.part-1-box { float1:none; width1:100%;}
.part-2-box { float1:none; width1:100%;}
.part-3-box { float1:none; width1:100%;}
.part-4-box { float1:none; width1:100%;}
.push-box-1 { margin-left:0;}
/* End General */

/* ##### START Lets Work ##### */
.lets-work-main h3 { font-size:30px; line-height:30px; text-align:center;}
.lets-work-main a { margin-left:0;}
.letswork { width:100%;}
.letswork .margin { margin:0px auto; text-align:center;}
/* ##### End Lets Work ##### */

/* ##### START WORK ##### */	
ul.work { margin:0px auto; text-align:center;}
ul.work li { float:left; width:30.3%; position:relative;}
ul.work li:nth-child(3n) { margin-right:15px;}
ul.work li.full { width:96.8%;}

.video-player { width:100%; height:500px;}
/* ##### End WORK ##### */

/* ##### START WHAT WE DO ##### */
.design-process { width:100%;}
.design-process-box { margin-left:0px; text-align:center;}
.design-process ul li { float:left; width:25%; margin-bottom:20px;}
.design-process ul li img { margin-bottom:20px; width:80%;}
/* ##### End WHAT WE DO ##### */

/* ##### START ABOUT US ##### */
.dream-push { margin-left:33.33%;}
ul.team li { float:left; width:30.3%;}
/* ##### END ABOUT US ##### */

.inner-top-tagline { width:100%;}

.services-main { width:100%; margin-bottom:0px;}
.services { float:left; width:25%; margin-bottom:45px;}



/* Start Footer */
.footer { width:100%; padding:0px;}
.foo-left { float:none; width:100%;}
.foo-right { float:none; width:100%; height:auto;}
.foo-right .margin { display:block; width:100%; padding:20px 0px 25px 0px; border-left:0px solid #848484; height:auto; vertical-align:middle; text-align:center;}
.copyright { margin-top:20px; line-height:14px;}

.socials { width:100%; padding:20px 0px; line-height:normal; height:auto; border-bottom:1px solid #848484;}
.socials ul { margin:0px auto; padding:0px; list-style-type:none; text-align:center;}
.socials ul li { display:inline;}
.socials ul li a { color:#000; margin-right:55px;}

.fmenu { width:100%; padding:20px 0px; line-height:normal; height:auto; border-bottom:1px solid #848484;}
.fmenu ul { margin:0px auto; text-align:center;}
.fmenu ul li { display:inline;}
.fmenu ul li a { color:#333; margin-right:75px; letter-spacing:0.1em;}
.fmenu ul li a.last { margin-right:0px;}
.fmenu ul li a:hover, .fmenu ul li a.active { color:#EC2029;}
/* End Footer */

.row .contact { float:left !important; width:24.5% !important;}
form div { float:left; width:46.5% !important; margin:15px;}
form div.full { float:left; width:95% !important; margin:15px;}
form textarea {  width:97%;}
form input#submit { float:right;}
}


@media only screen and (min-width: 1200px) and (max-width: 1440px) {

}