/*-------------------------------
 RESPONSIVE LAYOUT
---------------------------------*/
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { #cssmenu{
	display:none;
} }

/*Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {  #cssmenu{
	display:none;
} }

/*Medium devices (tablets, 768px and up)*/
@media only screen and (max-width: 991.98px) { #cssmenu{
	display:none;
}  }

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
	#cssmenu{
	display:none;
}
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 905px) {
.container_12 .grid_1 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 8.333333%;
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%
}
.container_12 .grid_2 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 16.666667%;
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%
}
.container_12 .grid_3 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 25%;
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}
.container_12 .grid_4 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 33.333333%;
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}
.container_12 .grid_5 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 41.666667%;
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%
}
.container_12 .grid_6 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 50%;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.container_12 .grid_7 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 58.333333%;
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%
}
.container_12 .grid_8 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 66.666667%;
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}
.container_12 .grid_9 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 75%;
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%
}
.container_12 .grid_10 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 83.333333%;
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%
}
.container_12 .grid_11 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 91.666667%;
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%
}
.container_12 .grid_12 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 100%;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}
.headmain
{
	display:none;
}
#cssmenu{
	display:block;
}
footer nav {
    margin:0 auto;
	width:98%;
}
footer nav ul {
    overflow: hidden;
    padding-left: 0px;
	width:70%;
	margin:0 auto;
}
footer nav ul li {
    text-align: right;
    line-height: 20px;
    float: none;
    display: inline-block;
}
.indent {
    padding: 20px 20px 20px 20px;
}
.fleft
{
	margin-bottom:15px;
}	
.fright {
    float: left;
}
.aboutleft,.aboutright
{
	width:95% !important;
	-webkit-box-flex:0;
	-webkit-flex:0 0 100% !important;
	-ms-flex:0 0 100% !important;
	flex:0 0 100% !important;
	max-width:100% !important;
}
.pp_pic_holder
{
	max-width: 100% !important;
	width: 95% !important;
}
.pp_details
{
	/*max-width: 100% !important;*/
	width:693px !important;
}
.gallerybox
{
	text-align: center;
}
#form-contact
{
	position:relative;width:100%;
	margin-top:5px;
	max-width:100%;
}
.pp_content
{
	max-width: 100% !important;
	width: 100% !important;
}
.pp_pic_holder
{
	top:97px;
}
.about {
    font-size: 34px;
    margin-top: 12px;
}
.aboutright
{
	display:none;
}
.aboutbg
{
	background:url(../images/about_right.jpg) repeat-y right top !important;
}
.aboutbg p
{
	padding:5px;
}
.workbg-res
{
	background:url(../images/work_bg.jpg) repeat-y right 105px !important;
	padding:5px;
	padding-top:7px;
	padding-bottom:2px;
}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
.container_12 .grid_1 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 8.333333%;
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%
}
.container_12 .grid_2 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 16.666667%;
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%
}
.container_12 .grid_3 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 25%;
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}
.container_12 .grid_4 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 33.333333%;
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}
.container_12 .grid_5 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 41.666667%;
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%
}
.container_12 .grid_6 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 50%;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.container_12 .grid_7 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 58.333333%;
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%
}
.container_12 .grid_8 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 66.666667%;
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}
.container_12 .grid_9 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 75%;
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%
}
.container_12 .grid_10 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 83.333333%;
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%
}
.container_12 .grid_11 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 91.666667%;
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%
}
.container_12 .grid_12 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 100%;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}
.headmain
{
	display:none;
}
#cssmenu{
	display:block;
}
footer nav ul {
    overflow: hidden;
    padding-left: 0px;
}
footer nav ul li
{
	display:block;
	width:100%;
	text-align:left;
	line-height:20px;
	padding-left:20px;
}
.indent {
    padding: 20px 20px 20px 20px;
}
.fleft
{
	margin-bottom:15px;
}
.aboutleft,.aboutright
{
	width:95% !important;
	-webkit-box-flex:0;
	-webkit-flex:0 0 100% !important;
	-ms-flex:0 0 100% !important;
	flex:0 0 100% !important;
	max-width:100% !important;
}
.pp_details
{
	/*max-width: 100% !important;*/
	width:287px !important;
}
.gallerybox
{
	text-align: center;
}
#form-contact
{
	position:relative;width:100%;
	margin-top:5px;
	max-width:100%;
}
.pp_content
{
	max-width: 100% !important;
	width: 100% !important;
}
.pp_pic_holder
{
	top:97px;
}
.about {
    font-size: 34px;
    margin-top: 12px;
}
.aboutright
{
	display:none;
}
.aboutbg
{
	background:url(../images/about_right.jpg) repeat-y right top !important;
}
.aboutbg p
{
	padding:5px;
}
.workbg
{
	background:none !important;
}
.workbg-res
{
	background:url(../images/work_bg.jpg) repeat-y right 105px !important;
	padding:5px;
	padding-top:7px;
	padding-bottom:2px;
}
}

@media (max-width: 400px) { 
.container_12 .grid_1 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 8.333333%;
	-ms-flex:0 0 8.333333%;
	flex:0 0 8.333333%;
	max-width:8.333333%
}
.container_12 .grid_2 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 16.666667%;
	-ms-flex:0 0 16.666667%;
	flex:0 0 16.666667%;
	max-width:16.666667%
}
.container_12 .grid_3 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 25%;
	-ms-flex:0 0 25%;
	flex:0 0 25%;
	max-width:25%
}
.container_12 .grid_4 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 33.333333%;
	-ms-flex:0 0 33.333333%;
	flex:0 0 33.333333%;
	max-width:33.333333%
}
.container_12 .grid_5 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 41.666667%;
	-ms-flex:0 0 41.666667%;
	flex:0 0 41.666667%;
	max-width:41.666667%
}
.container_12 .grid_6 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 50%;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	max-width:50%
}
.container_12 .grid_7 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 58.333333%;
	-ms-flex:0 0 58.333333%;
	flex:0 0 58.333333%;
	max-width:58.333333%
}
.container_12 .grid_8 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 66.666667%;
	-ms-flex:0 0 66.666667%;
	flex:0 0 66.666667%;
	max-width:66.666667%
}
.container_12 .grid_9 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 75%;
	-ms-flex:0 0 75%;
	flex:0 0 75%;
	max-width:75%
}
.container_12 .grid_10 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 83.333333%;
	-ms-flex:0 0 83.333333%;
	flex:0 0 83.333333%;
	max-width:83.333333%
}
.container_12 .grid_11 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 91.666667%;
	-ms-flex:0 0 91.666667%;
	flex:0 0 91.666667%;
	max-width:91.666667%
}
.container_12 .grid_12 {
	-webkit-box-flex:0;
	-webkit-flex:0 0 100%;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:100%
}
.headmain
{
	display:none;
}
#cssmenu{
	display:block;
}
footer nav ul {
    overflow: hidden;
    padding-left: 0px;
}
footer nav ul li
{
	display:block;
	width:100%;
	text-align:left;
	line-height:20px;
	padding-left:20px;
}
.indent {
    padding: 20px 20px 20px 20px;
}
.fleft
{
	margin-bottom:15px;
}
.aboutleft,.aboutright
{
	width:95% !important;
	-webkit-box-flex:0;
	-webkit-flex:0 0 100% !important;
	-ms-flex:0 0 100% !important;
	flex:0 0 100% !important;
	max-width:100% !important;
}
.pp_pic_holder
{
	max-width: 100% !important;
	width: 90% !important;
}
.pp_details
{
	/*max-width: 100% !important;*/
	width:287px !important;
}
.gallerybox
{
	text-align: center;
}
#form-contact
{
	position:relative;width:100%;
	margin-top:5px;
	max-width:100%;
}
.pp_content
{
	max-width: 100% !important;
	width: 100% !important;
}
.pp_pic_holder
{
	top:97px;
}
.about {
    font-size: 34px;
    margin-top: 12px;
}
.aboutright
{
	display:none;
}
.aboutbg
{
	background:url(../images/about_right.jpg) repeat-y right top !important;
}
.aboutbg p
{
	padding:5px;
}
.workbg
{
	background:none !important;
}
.workbg-res
{
	background:url(../images/work_bg.jpg) repeat-y right 105px !important;
	padding:5px;
	padding-top:7px;
	padding-bottom:2px;
}
}