/*-----------------------------------------------------
Screen < 960px
-----------------------------------------------------*/
@media screen and (max-width: 960px) {

	/* -- 1. Global Body -- */
	.cover {width:100%;margin:0;overflow:hidden;}
	.container {width:100%; background:none;}
	.outer-wrapper {width:520px;margin-left:auto;margin-right:auto;}
	#BackToTop {display:none!important}
	
	/* -- 2. Header -- */
	header.pxp_header-wrapper {width:100%; padding:40px 0px 0px 0px;}
	#row3 .tagline {width:520px;margin-left:auto;margin-right:auto;}
	
	/* -- 3. Navigation -- */
	nav.pxp_navigation {width:100%;}
	
	/* -- 4. Slider -- */
	.slider {width:100%;}
	
	/* -- 5. Sideblog -- */
	#homepage .main-sideblog .sb_headline {width:100%}
	
	/* -- 6. Footer -- */
	.footer-wrapper .footer_widget {width:520px;margin-left:auto;margin-right:auto;}
	.footer-wrapper .footer, .primary-tagline {width:520px;margin:0 auto;}
	
	/* -- 7. Sidebar -- */
	.sidebar {display:none}
	
	/* -- 8. Single Page -- */
	#innerpage .content-wrapper {width:100%; margin:0px 0px 0px 0px;}
	#innerpage #singlepage {width:520px;margin-left:auto;margin-right:auto;}
	#innerpage #singlepage .post-header {float:none;text-align:left;width:100%;padding-right:0;margin-right:0;}
	#innerpage #singlepage .post-header h2 {background-position:left bottom;margin-bottom:10px;padding-bottom:10px;}
	#innerpage #singlepage .post-header ul li {float:left;margin-right:10px;padding-right:10px;}
	#innerpage #singlepage .post-header ul {display:none}
	#innerpage #singlepage .post-header ul.divider {display:block;background:none}
	
	#innerpage #singlepage .post-body, #innerpage #singlepage .wide {width:520px;}
	#innerpage #singlepage .post-body img, #innerpage #singlepage .wide .post-body img {max-width:100%;height:auto;}
	
	nav.pxp_navigation {margin:0px 0px 0px 0px;}
	
	html body.home div.cover{background:#FFFCEC;}
	html body.page div.cover{background:#FFFCEC;}
    html body.single div.cover{background:#FFFCEC;}
	div.cover div.leftcontent{width:100%; background-image:url(../images/th-logo.png); background-position:center 0/*68px*/; background-repeat:no-repeat;}
	div.cover div.leftcontent{float:none; margin-top:0px;}
	
	/* -- 9. Related Posts --*/
	#relatedposts div.left {width:100%;text-align:left;}
	#relatedposts div.right {width:100%;}
	#relatedposts h4 {background-position:left bottom}
	#relatedposts ul li {float:left;margin-left:0;margin-right:20px;}
	
	/* -- 10. Comments -- */
	.comments-wrapper .fleft {float:none;width:100%;text-align:left;padding-right:0;margin-right:0;}
	.comments-wrapper .fleft h4 {background-position:left}
	.comments-wrapper .fright {float:none;width:100%}
	.comments-wrapper ul li .content, #innerpage #singlepage .wide .comments-wrapper ul li .content {width:540px;}
	.comments-wrapper ul li ul.children .content, #innerpage #singlepage .wide .comments-wrapper ul li ul.children .content {width:500px}
	.comments-wrapper form#commentform ul li textarea {width:298px}
	
	/* -- 11. Portfolio -- */
	#portfolio #withsidebar {width:100%;margin:0 auto}
	#portfolio #withsidebar .post, #portfolio #fourcolumns .post {width:300px;}
	#portfolio #withsidebar .post img, #portfolio #fourcolumns .post img {max-width:100%!important;}
	
    .flexslider {height:auto; margin-bottom:10px;}
	  
	#colophon {
	   margin-top:30px;
    }
	  
    .size-full {
        max-width:100%;
        height:auto;
    }
    .followMeBar.fixed {padding: 19px 0 }
   .wp-caption {width: 100% !important;}
}
/*-----------------------------------------------------
Screen < 640px
-----------------------------------------------------*/
@media screen and (max-width: 640px) {

	/* -- 1. Global Body -- */
	.outer-wrapper {width:320px;margin-left:auto;margin-right:auto; margin-bottom:0px; padding-bottom:0px;}
	
	/* -- 3. Navigation -- */
	#row3 .tagline {width:320px;}
	nav.pxp_navigation ul { display: none; }
	nav.pxp_navigation select { display: inline-block;width:320px;margin:0 auto;display: table;border:1px solid #ddd;;padding:10px;}
	nav.pxp_navigation select option {border:none;border-radius:0;}
	
	/* -- 4. Slider -- */
	.slider .flex-caption {display:none}
	
	/* -- 6. Footer -- */
	.footer-wrapper .footer_widget, .primary-tagline {width:320px;}
	.footer_widget ul li.left {width:90%;padding:0 5%}
	.footer-wrapper .footer {width:320px}
	.footer-wrapper .footer .left {width:100%}
	.footer-wrapper .footer .right {display:none}
	
	/* -- 8. Single Page -- */
	#innerpage #singlepage {width:320px;}
	#innerpage #singlepage .post-header {width:320px;}
	#innerpage #singlepage .post-body, #innerpage #singlepage .wide {width:320px;float:none;}
	#innerpage #singlepage .wide .post-body img {width:100%}
	
	/* -- 9. Related Posts --*/
	#relatedposts {display:none}
	
	/* -- 10. Comments -- */
	.comments-wrapper ul li .content, #innerpage #singlepage .wide .comments-wrapper ul li .content {width:100%;}
	.comments-wrapper ul li ul.children .content {width:100%;}
	.comments-wrapper .avatar {display:none}
	.comments-wrapper ul li ul.children, #innerpage #singlepage .wide .comments-wrapper ul li ul.children .content {width:100%;margin-left:0;padding-left:0;background:none;border-left:none;}
	
	/* -- 12. Columns -- */
	.onehalf, .onethird, .onequarter, .onefifth, .onesixth, .twothird,
	.zilla-one-half, .zilla-one-third, .zilla-two-third, .zilla-one-fourth, .zilla-three-fourth, .zilla-one-fifth, .zilla-two-fifth, .zilla-three-fifth, .zilla-four-fifth, .zilla-one-sixth, .zilla-five-sixth {width:100%;padding:0;height: auto !important;}

	.zilla-column-last {border-top: 1px solid #A2A360;border-left:none;}
	
	nav.pxp_navigation {border:none;}
	.flexslider {height:auto; margin-bottom:10px;}
    .home #containerFlexDiv {max-width: 311px !important;/*height: 300px !important*/}
	#themenu img{display:none;}
	
	header.pxp_header-wrapper {padding:0px;}
		 
	.leftcontent{padding-bottom:150px;}
		 
   div.leftcontent div.order-button,
   div.leftcontent div.specials-button,
   div.leftcontent div.blog-button,
   div.leftcontent div.specials-button.gallery,
   div.leftcontent div.specials-button.msquare {
		float:left;
		margin-top:0px;
		width:50%;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}
   
   div.cover div.leftcontent{
      background-position:center 48px;
   }
   
    .followMeBar.fixed {padding: 25px 0 }		
	.followMeBar.fixed {width: 320px}
	#innerpage .post-body h1 {line-height: 40px}
    #innerpage .post-body #longmenu h1{font-size: 36px}
}

/*-----------------------------------------------------
Screen < 479
-----------------------------------------------------*/
@media screen and (max-width: 479px) {
    html body.home div.cover {padding-bottom:92px}
}