/*MAIN-RESPONSIVE.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: EXPOSE.*/
/* Author: Designova.*/
/* Website: http://www.designova.net */
/* Copyright: (C) 2014 */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*==========================*/
/*ALL DEVICE OPTIMIZATION*/
/*===========================*/


/*Huge Displays*/
@media (min-width: 3000px) {
}

/*Projector Screens and Ver Large Monitors*/
@media (min-width: 2561px) {
}

/*iMac 27, HD Screens and Large Monitors*/
@media (min-width: 1921px) and (max-width: 2560px) {

}

/*Large Widescreen Monitors*/
@media (max-width: 1920px) {
}

/*Medium Widescreen Monitors*/
@media (max-width: 1680px) {
}

/*Large Widescreen Laptops*/
@media (max-width: 1440px) {
}

/*Common Widescreen Laptops*/
@media (max-width: 1366px) {
}


/*Very Large Tablets and Medium Laptops*/
@media (max-width: 1280px) {

}

/*Notebooks and Small Laptops*/
@media (max-width: 1199px) {
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
.menu-collapser > img {
	width: 20%;
	padding: 5px 0 5px;
}
	}

.slide-title img {
	width:90%
}

}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px) {
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.sticky-panel{
		display: none;
	}
}

/*Small Desktop and Very Small Notebook */
@media (max-width: 990px) {
	
	.container{
	    max-width: 950px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*Medium Tablets */
@media (max-width: 800px) {

	.container{
	    max-width: 760px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) {
	element {}.master-logo {width: 15%;margin: 10px;}

	.container{
	    max-width: 728px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*iPhone 6Plus Landscape Mode*/
@media screen and (max-width: 736px) {
	
	.container{
	    max-width: 696px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*iPhone 6 Landscape Mode*/
@media screen and (max-width: 667px) {
	
	.container{
	    max-width: 627px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {

	.container{
	    max-width: 600px;
	    padding-left:20px;
	    padding-right:20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}


	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}

	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}
	

/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px)  {
	.container{
	    max-width: 560px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 24px;
	    letter-spacing: 4px;
	    line-height: 31px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 16px;
	    letter-spacing: normal;
	    line-height: 23px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 24px;
	    line-height: 34px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 45% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 36px;
		line-height: 43px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 24px;
	    line-height: 31px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}
	

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {

	.container{
	    max-width: 440px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 14px;
	    letter-spacing: 4px;
	    line-height: 21px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 16px;
	    line-height: 23px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 20px;
	    line-height: 30px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 20px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 50% !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 16px;
	    line-height: 23px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}


/*iPhone 6Plus Portrait Mode*/
@media screen and (max-width: 414px) {
	.menu-collapser > img {
		width: 50%;
		padding: 5px 0 5px;
	}
	.container{
	    max-width: 384px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 320px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}


/*iPhone 6 Portrait Mode*/
@media screen and (max-width: 375px) {

	
	.container{
	    max-width: 355px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2,  #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 280px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) {

.tp-banner>ul>li>div.tp-caption> img{
	max-width:100%

}
	.logo-mobile {
		background: red;
	}

	.container{
	    max-width: 320px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}

	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2, #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1, 
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{ 
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, .main-heading span, .call-to-action h2, .demo-1 .main-title {
		font-size: 12px;
		letter-spacing: 4px;
		line-height: 19px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 240px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}
}

/*iPhone (5S, 5, 4S and 4) Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	.container{
	    max-width: 280px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.add-top-half{
		padding-top: 35px;
	}
	.add-bottom-half{
		padding-bottom: 35px;
	}
	.mob-center{
		text-align: center;
	}
	.mob-add-top{
		margin-top: 30px;
	}
	.mob-add-bottom{
		margin-bottom:30px;
	}
	.text-left, .text-right, p, h1, h2, h3, h4, h5{
		text-align: center;
	}
	.btn{
		width: 100%;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.common-pad{
		padding: 80px 20px;
	}
	.mastwrap{
		padding-top: 48px;
	}
	.mastfoot{
		padding: 100px 10px;
	}
	.foot-social{
		margin: 20px 0 0 0;
	}
	.parallax-slide{
		padding-left: 10%;
		padding-right: 10%;
	}
	.parallax h1, .intro-12 h6 span, .showcase-carousels-overlay h1 > span, 
	.main-heading span, .call-to-action h2, .demo-1 .main-title{
	    font-size: 12px;
	    letter-spacing: 4px;
	    line-height: 19px;
	}
	.main-heading span{
		padding: 15px;
	}
	.intro09-overlay h1 > span, .intro-12 h1 span, .intro-12 h2, #slide-title, .slide-title,
	.intro-12 h5 span, .works-filter li a > span, .works-filter li:after, .intro06 h1,
	.slide-sub-title, .video-title-holder h1 > span,
	.inner-main-heading span, .parallax h2, .agency-feature-text, .shop-mainheading{
	    font-size: 14px;
	    line-height: 21px;
	    font-weight: 200;
	    letter-spacing: 2px;
	}
	.intro-12 h4 {
	    font-size: 10px;
	    letter-spacing: normal;
	    line-height: 17px;
	} 
	.intro-10 h1, .intro-03 h2, .super-heading{ 
	    font-size: 18px;
	    line-height: 28px;
	    letter-spacing: 2px;
	}
	.intro-03-wrap .works-item{
		width: 100% !important;
	}
	.kenburns-title-holder{
		width: 100%;
	}
	.works-filter li, .works-filter li:after{
		line-height: 18px;
		margin-right: 10px;
	}
	.works-item{
		width: 85% !important;
	}
	.aux-icon-btn-wrap a{
		padding: 5px;
	}
	.project-spec-text{
		width: 100%;
	}
	.grid li{
		width: 240px !important;
	}
	.agency-tile .valign{
		top: 0;
	  	-webkit-transform: translateY(1%);
	  	-ms-transform: translateY(1%);
	  	transform: translateY(1%);
	}
	.agency-tile h2{
		font-size: 32px;
		line-height: 39px;
	}
	.client-logo-inner{
		float: left;
		width: 49%;
	}
	.agency-slider-triggers img{
		width: 20%;
	}
	.shop-sidebar{
		text-align: center;
	}
	.checkout-table td, .checkout-table th {
    display: block !important;
	}
	.checkout-table thead, .checkout-table tr {
	    border-bottom: 40px solid #ebebeb;
	}
	.checkout-table tr:last-child {
	    border-bottom: medium none;
	}
	.btn-expose {
	    margin-top: 5px;
	}
	.showcases-overlay h1 > span{
	    font-size: 12px;
	    line-height: 19px;
	    font-weight: 600;
	    letter-spacing: 0px;
	    border: none;
	}
	.team-block{
		padding-bottom: 3px !important;
	}
	.intro02 #demo-canvas{
		display: none;
		visibility: hidden;
	}
	.slide-sub-title{
		margin-top: 70px !important;
	}
	.separator{
		text-align: center;
	}
	.separator img{
		display: inline-block;
	}
	.contact-dual-panel{
		padding:75px 30px; 
	}
	.client-logo-inner, .client-logo-row{
		border: none;
	}

}