/* SMALL SCREENS */
@media only screen and (max-width: 1200px) {
	
#page-content { min-width: 940px; }
.wrapper { width: 940px; }
.main-content { width: 640px; }
aside {	width: 190px; padding: 30px; }

.blog-masonry .blog-entry {	width: 305px; margin-right: 30px; }	
.blog-masonry.masonry-col-3 .masonry-item { width: 293px; }
.blog-masonry.masonry-col-2 .masonry-item { width: 455px; }
.main-content .blog-masonry.masonry-col-3 .masonry-item { width: 305px !important; }
.main-content .blog-masonry.masonry-col-2 .masonry-item { width: 305px !important; }
.blog-author .author-bio { width: 490px; }

.portfolio-entry { width: 212px  !important; margin-right: 30px; }
.masonry-col-3 .masonry-item { width: 293px  !important; }
.masonry-col-2 .masonry-item { width: 455px  !important; }

.search-entry { width: 212px; margin-right: 30px; }

#leavecomment form .form-row {  width: 200px; }
.single-portfolio #leavecomment form .form-row, .page #leavecomment form .form-row { width: 293px; margin-left: 30px; }
#leavecomment form .form-row input[type=text] { width: 186px ; max-width: 186px ; }
.single-portfolio #leavecomment form .form-row input[type=text], .page #leavecomment form .form-row input[type=text] { width: 279px ; max-width: 279px ; }
#leavecomment form .form-row textarea { width: 626px ; max-width: 626px; height: 200px }
.single-portfolio #leavecomment form .form-row textarea, .page #leavecomment form .form-row textarea { width: 926px; max-width: 926px; }

.column {  margin-right: 30px; }
.one-half  { width: 455px; }
.one-third { width: 293px; }
.two-third { width: 617px; }
.one-fourth { width: 212px; }
.two-fourth { width: 455px; }
.three-fourth { width: 697px; }
.one-fifth { width: 164px; }
.two-fifth { width: 358px; }
.three-fifth { width: 552px; }
.four-fifth { width: 746px; }

.main-content .one-half  { width: 300px; }
.main-content .one-third { width: 193px; }
.main-content .two-third { width: 417px; }
.main-content .one-fourth { width: 137px; }
.main-content .two-fourth { width: 305px; }
.main-content .three-fourth { width: 471px; }
.main-content .one-fifth { width: 104px; }
.main-content .two-fifth { width: 238px; }
.main-content .three-fifth { width: 372px; }
.main-content .four-fifth { width: 506px; }

#searchform input[type="text"] { width: 176px ; }
footer #searchform input[type="text"] { width: 279px; }

.widget .tp_recent_tweets  li {  max-width: 223px; }

.carousel-blog .carousel_container ul, .carousel-portfolio .carousel_container ul  { height: 108px;}
.carousel-blog .carousel_container ul li, .carousel-portfolio .carousel_container ul li { width: 190px; height: 108px; }

}

	
/* QUERIES FOR IPAD/TABLETPC */
@media only screen and (max-width: 1024px), only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {	

h1 { font-size: 47px !important; line-height: 54px !important; }
h2 { font-size: 28px !important; line-height: 34px !important; }
h3 { font-size: 22px !important; line-height: 26px !important; }
h4 { font-size: 18px !important; line-height: 22px !important; }
h5 { font-size: 16px !important; line-height: 19px !important; }
h6 { font-size: 14px !important; line-height: 17px !important; }

#page-content { min-width: 640px; }
.wrapper { width: 640px; }
.main-content { width: 100%; float: none; }
aside {	width: 84%; margin-bottom: 80px; float: none; margin-top: 40px; padding: 8%; }

nav#main-nav { display: none; }
#searchbox-header { display: none; }
a.open-responsive-nav { display: block; }

.blog-masonry .blog-entry {	width: 310px; margin-right: 20px; }	
.blog-masonry.masonry-col-3 .masonry-item { width: 200px; }
.blog-masonry.masonry-col-2 .masonry-item { width: 310px; }
.main-content .blog-masonry.masonry-col-3 .masonry-item { width: 310px !important; }
.main-content .blog-masonry.masonry-col-2 .masonry-item { width: 310px !important; }
.blog-author .author-bio { width: 490px; }

.portfolio-entry { width: 310px  !important; margin-right: 20px; }	
.masonry-col-3 .masonry-item { width: 200px  !important; }
.masonry-col-2 .masonry-item { width: 310px  !important; }

.search-entry { width: 200px; margin-right: 20px; }

#leavecomment form .form-row {  width: 200px; }
.single-portfolio #leavecomment form .form-row, .page #leavecomment form .form-row { width: 200px; margin-left: 20px; }
#leavecomment form .form-row textarea { width: 626px ; max-width: 626px; height: 200px }
.single-portfolio #leavecomment form .form-row textarea, .page #leavecomment form .form-row textarea { width: 626px; max-width: 626px; }

.column {  margin-right: 20px; }
.one-full { width: 100%; }
.one-half  { width: 310px; }
.one-third { width: 200px; }
.two-third { width: 420px; }
.one-fourth { width: 640px; }
.two-fourth { width: 640px; margin-right: 0px; }
.three-fourth { width: 640px; margin-right: 0px; }
.one-fifth { width: 640px; margin-right: 0px; }
.two-fifth { width: 640px; margin-right: 0px; }
.three-fifth { width: 640px; margin-right: 0px; }
.four-fifth { width: 640px; margin-right: 0px; }

aside .flickr-widget .flickr-list li, aside .dribbble-widget .dribbble-list li {width: 14.7%;margin: 0 1% 1% 0;}

#searchform input[type="text"] { width: 523px ; }
footer #searchform input[type="text"] { width: 186px; }

.widget .tp_recent_tweets  li {  max-width: 130px; }

#notfound-404 h2 { font-size: 200px !important; line-height: 220px !important; }

.carousel-gallery .carousel_container ul li { width: 112px; height: 112px; margin: 0 20px 0 0; }
.carousel-gallery .carousel_next, .carousel-gallery .carousel_prev { width: 20px; height: 20px; margin-top: -10px; text-indent: -9999px; border: 2px solid #000000;	}
.carousel-gallery .carousel_prev { left: 10px; background-position: -360px -60px; }
.carousel-gallery .carousel_next { right: 10px;	background-position: -340px -60px; }
.carousel-blog .carousel_container ul, .carousel-portfolio .carousel_container ul  { height: 146px;}
.carousel-blog .carousel_container ul li, .carousel-portfolio .carousel_container ul li { width: 258px; height: 146px; }

	
}





@media only screen and (max-width: 680px) {

h1 { font-size: 40px !important; line-height: 48px !important; }
h2 { font-size: 28px !important; line-height: 34px !important; }
h3 { font-size: 22px !important; line-height: 26px !important; }
h4 { font-size: 18px !important; line-height: 22px !important; }
h5 { font-size: 16px !important; line-height: 19px !important; }
h6 { font-size: 14px !important; line-height: 17px !important; }

#page-content { min-width: 90%; }
.wrapper { width: 90%; }
.main-content { width: 100%; float: none; }
aside {	width: 84%; margin-bottom: 60px; float: none; margin-top: 30px; padding: 8%; }

.copyright .left-float, .copyright .right-float { float: none; text-align:center; }
.copyright .right-float { margin-top: 20px; }

.blog-masonry {	width: 100%; }
.blog-masonry .blog-entry {	width: 100%; margin-right: 0px; }	
.blog-masonry.masonry-col-3 .masonry-item { width: 100%; }
.blog-masonry.masonry-col-2 .masonry-item { width: 100%; }
.main-content .blog-masonry.masonry-col-3 .masonry-item { width: 100% !important; }
.main-content .blog-masonry.masonry-col-2 .masonry-item { width: 100% !important; }
.blog-author { padding: 20px; }
.blog-author .author-image { width: 100%; height: 50px; float: none; text-align: center; margin-bottom: 20px; }
.blog-author .author-bio { width: 100%; float: none; }
.blog-author .author-bio h5 { text-align: center; }

#portfolio-grid { width: 100%; }
.portfolio-entry { width: 100% !important; margin-right: 0px; }	
.masonry-col-3 .masonry-item { width: 100% !important; }
.masonry-col-2 .masonry-item { width: 100% !important; }

#search-grid { width: 100%; }
.search-entry { width: 100%; margin-right: 0px; }

.meta-and-share li { padding: 0 6px 0 7px ; }

#single-pagination li a, #entries-pagination li a { text-indent: -9999px; height: 46px;	width: 46px; }

#comments .children { padding-left: 20px; }
	
#leavecomment form .form-row {  width: 100%; margin-left: 0px; float: none; margin-top: 20px;  }
#leavecomment form .form-row:first-child { margin-top: 0px;  }
.single-portfolio #leavecomment form .form-row, .page #leavecomment form .form-row { width: 100%; margin-left: 0px; }
#leavecomment form .form-row .form-value {  width: 100%; }
#leavecomment form .form-row input[type=text] { width: 96%; max-width: 96%; }
.single-portfolio #leavecomment form .form-row input[type=text], .page #leavecomment form .form-row input[type=text] { width: 96% ; max-width: 96%; }
#leavecomment form .form-row.textbox { margin-top: 20px; float: none; width: 100%; }
.single-portfolio #leavecomment form .form-row.textbox, .page #leavecomment form .form-row.textbox { width: 100%; }
#leavecomment form .form-row textarea { width: 96% ; max-width: 96%; height: 120px; }
.single-portfolio #leavecomment form .form-row textarea, .page #leavecomment form .form-row textarea { width: 96%; max-width: 96%; }

.column {  margin-right: 0px; }
.one-full { width: 100%; }
.one-half  { width: 100%; }
.one-third { width: 100%; }
.two-third { width: 100%; }
.one-fourth { width: 100%; }
.two-fourth { width: 100%; }
.three-fourth { width: 100%; }
.one-fifth { width: 100%; }
.two-fifth { width: 100%; }
.three-fifth { width: 100%; }
.four-fifth { width: 100%; }

.main-content .one-half  { width: 100%; }
.main-content .one-third { width: 100%; }
.main-content .two-third { width: 100%; }
.main-content .one-fourth { width: 100%; }
.main-content .two-fourth { width: 100%; }
.main-content .three-fourth { width: 100%; }
.main-content .one-fifth { width: 100%; }
.main-content .two-fifth { width: 100%; }
.main-content .three-fifth { width: 100%; }
.main-content .four-fifth { width: 100%; }

.spacer-1x { height: 30px; }
.spacer-2x { height: 60px; }

.tabs ul.tab_nav li { float: none; display: block; margin: 0 0 1px 0 !important; }

.flickr-widget .flickr-list li, .dribbble-widget .dribbble-list li { width: 29% !important; margin: 0 3% 3% 0 !important; }

#searchform input[type="text"] { width: 94%; }
footer #searchform input[type="text"] { width: 95%; }

#notfound-404 h2 { font-size: 150px !important; line-height: 160px !important; }

.carousel-gallery .carousel_container ul li { width: 140px; height: 140px; margin: 0 20px 0 0; }

.tp-leftarrow.default, .tp-rightarrow.default {	width:40px;	height:40px; }
.tp-rightarrow.default { background-position: 0px -60px;	}
.tp-leftarrow.default { background-position: -40px -60px;	}

.flex-direction-nav li { margin-top: -20px !important; }
.flex-direction-nav li a { width: 40px; height: 40px; }
.flex-direction-nav li .flex-next {background-position: 0px -60px; }
.flex-direction-nav li .flex-prev {  background-position: -40px -60px; }
.single-caption { display: none; }

.tp-leftarrow.default, .tp-rightarrow.default { display: none !important; }
.tp-caption .sr-button { display: none; }





footer .footer-inner { padding-top: 60px; }
#page-title { padding-top: 60px; }
#page-title.withbackground { padding: 80px 0; }
#main-slider { margin-top: 60px; }
.main-inner { margin-top: 60px; }
.blog-entry { margin-bottom: 60px; }
	div .blog-entry:first-child { padding-top: 0px; }
#entries-pagination { margin-bottom: 60px; }
#single-pagination { margin-bottom: 60px; }
#blog-single #single-pagination { margin-top: 60px; }
.main-content #blog-single #single-pagination:last-child { margin-top: 60px; }
#comments { margin-top: 60px; }
#leavecomment { margin-top: 60px; margin-bottom: 60px; }
#portfolio-single .portfolio-content p:last-child { margin-bottom: 60px; }
.column { padding-bottom: 60px; }
.highlight-field { margin-bottom: 60px; }
.gallery-grid { margin: 0 0 60px 0 !important; }
.horizontalsection { padding-top: 60px; margin-bottom: 60px; }
.main-inner .horizontalsection:last-child { margin-bottom: 0px; }
.widget { margin-top: 60px; }
footer .widget { margin-top: 60px; }
#load-more { margin-bottom: 60px; }
#notfound-404 {margin-bottom: 60px; }	
#notfound-404 .subtitle { margin-top: 60px; }

#portfolio-single .portfolio-media { margin-bottom: 40px; }

div h1, div h2, div h3, div h4, div h5, div h6 { margin-top: 30px; }
.title { margin-bottom: 30px; padding-bottom: 10px; }
.title .subtitle { margin-top: 5px; }
#form-note { margin-top: 30px; }
.copyright { padding: 30px 0; }
#blog-single .blog-media { margin-top: 30px; }
.blog-masonry { padding-bottom: 30px; }
.blog-masonry .blog-entry { margin-bottom: 30px; padding-bottom: 30px; }
.blog-tags { margin-top: 30px; }
.blog-author { margin-top: 30px; }
#portfolio-grid { padding-bottom: 30px; }
.portfolio-entry { margin-bottom: 30px; }
.entry-media-item { margin-top: 30px; }
#search-grid { margin-bottom: 30px; }
.search-entry { margin-bottom: 30px; padding-bottom: 30px; }
.filter { margin-top: 30px; }
#comments .comment { margin-top: 30px; padding-top: 30px; }
#comments .children .comment { margin-top: 30px !important;	}
.comment #respond { margin-top: 30px; }
.highlight-field { padding: 30px; }
.accordion { margin-top: 30px; }
.toggle .toggle-inner { padding: 0px 30px 20px 60px; }
	.small-toggle .toggle-inner { padding: 0px 20px 20px 30px; }

.blog-quote, .blog-masonry .blog-quote, .blog-link, .blog-masonry .blog-link { padding: 20px; }

}