gma/*MAIN.CSS*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*This is main CSS file that contains custom style rules used in this template*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Template Name: polo.*/
/* 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) {
	
	.grid-filters{margin:20px auto;padding:0;list-style:none;position:relative; text-align:center; width:550px; }
}

/*.grid-filters-gn{ width:550px; 
	} */



/*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) {
	.about_subs_mobile {
	font-size:17px !important;
	letter-spacing:1px !important; 
}




}

/*Notebooks and Small Laptops*/
@media (max-width: 1199px) {
	
	.db_logo
{
	z-index:9999;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fbc9f+50,057fc0+50 */
background: #5fbc9f; /* Old browsers */
background: -moz-linear-gradient(left,  #5fbc9f 50%, #057fc0 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#5fbc9f), color-stop(50%,#057fc0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* IE10+ */
background: linear-gradient(to right,  #5fbc9f 50%,#057fc0 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbc9f', endColorstr='#057fc0',GradientType=1 ); /* IE6-9 */
	
	
}
}

/*iPad Landscape Mode and Large Tablets */
@media (max-width: 1024px) {
	
	
	
}
	
	
	
.db_logo
{
	z-index:9999;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fbc9f+50,057fc0+50 */
background: #5fbc9f; /* Old browsers */
background: -moz-linear-gradient(left,  #5fbc9f 50%, #057fc0 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#5fbc9f), color-stop(50%,#057fc0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* IE10+ */
background: linear-gradient(to right,  #5fbc9f 50%,#057fc0 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbc9f', endColorstr='#057fc0',GradientType=1 ); /* IE6-9 */
	
	
}
}

/*Small Desktop and Very Small Notebook */
@media (max-width: 980px) {
	/*==about page==*/	
.about-head{
	background: url('../images/head/about_head.jpg') 0 0 no-repeat fixed;
	background-size: 200%;
}

.sub-about{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 25px;
    margin-bottom: 20px;
}
.about_subs_mobile {
	font-size:20px !important;
}

.mobile-about{

}
.db_logo
{
	z-index:9999;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fbc9f+50,057fc0+50 */
background: #5fbc9f; /* Old browsers */
background: -moz-linear-gradient(left,  #5fbc9f 50%, #057fc0 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#5fbc9f), color-stop(50%,#057fc0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* IE10+ */
background: linear-gradient(to right,  #5fbc9f 50%,#057fc0 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbc9f', endColorstr='#057fc0',GradientType=1 ); /* IE6-9 */
	
	
} 
	
}



/*Medium Tablets */
@media (max-width: 800px) {
	
	
	
	
	.container{
		max-width: 800px;
		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;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	
		.inner-pad{
		padding: 40px 20px;
	}
	
	
		
	
	
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 80px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 20px;
		line-height: 27px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 20px;
		line-height: 25px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 28px;
		line-height: 35px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 50% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 20px;
		line-height: 27px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
		height: 500px !important;
	}
	
	/*==about page==*/	
.about-head{
	background: url('../images/head/about_head.jpg') 0 0 no-repeat fixed;
	background-size: 120%;
}

.sub-about{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 25px;
    margin-bottom: 20px;
}
.about_subs_mobile {
	font-size:20px !important;
}

.mobile-about{

} 
.db_logo
{
	z-index:9999;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5fbc9f+50,057fc0+50 */
background: #5fbc9f; /* Old browsers */
background: -moz-linear-gradient(left,  #5fbc9f 50%, #057fc0 50%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(50%,#5fbc9f), color-stop(50%,#057fc0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #5fbc9f 50%,#057fc0 50%); /* IE10+ */
background: linear-gradient(to right,  #5fbc9f 50%,#057fc0 50%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fbc9f', endColorstr='#057fc0',GradientType=1 ); /* IE6-9 */
	
	
}



}


/*iPad Portrait Mode, iPad Mini and Small Tablets */
@media (max-width: 768px) and (min-width: 641px) {

	.container{
		max-width: 768px;
		padding-left: 0px;
		padding-right: 0px;
	}
	.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;
	}*/
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 76px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 20px;
		line-height: 27px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 20px;
		line-height: 24px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 28px;
		line-height: 35px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 50% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 20px;
		line-height: 24px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	
	.about-content-inner-new{
		padding-left:150px !important;
		text-align:left !important;
	}
	
	/*==about page==*/	
.about-head{
	background: url('../images/head/about_head.jpg') 0 0 no-repeat fixed;
	background-size: 120%;
}

.sub-about{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 25px;
    margin-bottom: 20px;
}
.about_subs_mobile {
	font-size:20px !important;
}

.mobile-about{

} 
	
}

/*Medium Smart Phones v2*/
@media screen and (max-width: 640px) {
	
	
	.container{
		max-width: 640px;
		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;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 60px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 20px;
		line-height: 27px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 14px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 20px;
		line-height: 27px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 28px;
		line-height: 35px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 50% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 24px;
		line-height: 31px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 20px;
		line-height: 25px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 100px;
	} 
	.agency-head img{
		width: 125px;
	}
	
}
	

/*Google Nexus and Other Large Smart Phones v1*/
@media screen and (max-width: 600px) {
	
	.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;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 60px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 50% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
height: 500px !important;
	}
	.main-logo{
		width: 100px;
	} 
	.agency-head img{
		width: 125px;
	}
	
}
	

/*iPhone Landscape Mode and Mediium Smart Phones*/
@media screen and (max-width: 480px) {
	
	
	.container{
		max-width: 480px;
		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;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 48px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 100% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner {
			float: left;
			height: 100%!important;
	}
	.about-content{
			height: 100%!important;		
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 75px;
	} 
	.agency-head img{
		width: 100px;
	}
	#location_list_accordion {
		width: 100%;
		margin: 0 0%;
	}	
	#location_list_accordion h4 a {
		margin-left: 5px;
		font-size: 14px;
}
	#location_list_accordion .collapsed h4:after,#location_list_accordion h4:after{
		right: -5px;
	}
	.disclamer_note{
		margin: 15px 0;
		text-align:center;
	}
}

/*Other Major Small Smart Phones*/
@media screen and (max-width: 360px) and (min-width: 321px) {
	
	
	.container{
		max-width: 360px;
		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;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 36px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 100% !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 75px;
	} 
	.agency-head img{
		width: 100px;
	}
	
	
/*==about page==*/	
.about-head{
	background: url('../images/head/about_head.jpg') 0 0 no-repeat fixed;
	background-size: 290%;
}

.sub-about{
    font-family: "Montserrat",Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 20px;
}
.about_subs_mobile {
	font-size:20px !important;
}

.mobile-about{
	alignment-adjust:central;
	margin:0 auto !important;
	float:none;

}

/*iPhone Portrait Mode and Very Small Mobile Phones*/
@media screen and (max-width: 320px) {
	
	.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;
	}
	.page-section, .separator-section{
		padding: 40px 0;
	}
	img.img-responsive{
		display: inline-block;
	}
	.inner-pad{
		padding: 40px 20px;
	}
	.page-head{
		margin-top: 48px;
	}
	.split-home-panel .inner-pad{
		padding: 32px;
	}
	.split-home-panel .ms-right{
		opacity: 0;
	}
	.split-home-panel .ms-left{
		width:50% !important;
	}
	.ms-static-title{
		padding-left: 30px;
		padding-right: 30px;
		text-align: left;
	}
	.ms-static-title h1, .ms-section h1{
		font-size: 16px;
		line-height: 23px;
	}
	.news-item p > span, .ms-static-title h3 > span, .ms-section h3 > span, .agency-head h3 > span, .works-filter li a > span{
		font-size: 10px;
		line-height: 17px;
		letter-spacing: 1px;
	}
	.ms-overlay{
		padding: 10px;
	}
	.credits-ticker h3, .sp-container h2, .master-footer h3, .main-heading, .works-item-inner h3, .news-item h1{
		font-size: 16px;
		line-height: 21px;
	}
	.sp-container h2.frame-4, .ticker-container h2, .news-post-inner h2, .error-content-inner h2{
		font-size: 24px;
		line-height: 31px;
	}
	.footer-column{
		padding: 30px;
	}
	#works-container, .news-container{
		padding: 0 !important;
	}
	.works-item, .news-item{
		width: 320px !important;
	}
	.home-06-container h2 > span{
		background-color: transparent;
		font-size: 20px;
		line-height: 27px;
		color: #fff;
	} .page-head h1 > span{
		font-size: 16px;
		line-height: 21px;
		letter-spacing: 1px;
	}
	.works-filter li{
		display: block;
		width: 100%;
		line-height: 20px;
	}
	.works-filter li:after{
		display: none;
	}
	.works-filter li a.active > span, .news-item p > span{
		padding-left: 7px;
	}
	.page-head h1 > span{
		padding: 7px;
	}
	.about-bg{
		background-size: cover;
	}
	.about-content-inner, .service-details, .team-job {
		padding-left: 40px;
		padding-right: 40px;
	}
	.credits-ticker li{
		padding: 20px !important;
	}
	.main-logo{
		width: 75px;
	} 
	.agency-head img{
		width: 100px;
	}

}