/*-------------------------------------------MOBILE ------------------------------------------------*/
@media only screen and (max-width:750px) {

	.col-width { width: 300px; overflow: hidden; }
	.fullwidth #primary, #primary, #secondary { width: 300px; }
	.side-right #secondary, .side-left #primary, .side-left #secondary, .side-right #primary { float: none; }
	#secondary { margin-top: 60px;}

	header .site-logo, header .site-name { float: none; text-align: center; }
	header #menu-topmenu { display: none; }
	header #top-menu, .site-search { float: none; }
    .select-menu { width: 250px; margin: 20px 0 30px 5px; }
	.select-menu { display: block; }
	.site-search input[type="text"] { width: 249px; }

	#slides-home,
	#slides-home .slides_container .slide, #slides-home .slides_container .slide img { width: 300px; height: 236px; }
	#slides-home .slide-caption { display: none; }
	.home-slider-pagination { position: absolute; left: 36%; top: 210px; height: 9px; z-index: 20; }
	.home-slider-next, .home-slider-prev { top: 100px; }
	.home-slider-next { right: 20px; }

	.post-portfolio-list-slider, .post-portfolio-single-slider,
	.post-portfolio-list-slider .slides_container .slide, .post-portfolio-single-slider .slides_container .slide,
	.post-portfolio-list-slider .slides_container .slide img, .post-portfolio-single-slider .slides_container .slide img,
	.portfolio-lists-1 .post-thumb img, .post-portfolio-single .post-thumb img { width: 300px; height: 236px; }
	.post-portfolio-list-slider .slider-next, .post-portfolio-list-slider .slider-prev, .post-portfolio-single-slider .slider-next, .post-portfolio-single-slider .slider-prev { top: 105px; }

	.post-blog-list-slider, .post-blog-single-slider,
	.post-blog-list-slider .slides_container .slide, .post-blog-single-slider .slides_container .slide,
	.post-blog-list-slider .slides_container .slide img, .post-blog-single-slider .slides_container .slide img,
	.blog-lists .post-entry .post-thumb img, .post-blog-single .post-thumb img { width: 300px; height: 208px; }
	.post-blog-list-slider .slider-next, .post-blog-list-slider .slider-prev, .post-blog-single-slider .slider-next, .post-blog-single-slider .slider-prev { top: 90px; }
	.slider-pagination { display: none; }

	.home-latest-works .title h3 { text-align: center;  }
	.home-latest-works .title p { display: none; }
	.home-latest-works ul { margin-top: 10px; }
	.home-latest-works ul li.col-4-1 { float: none; margin: 20px auto 0;}

	.blog-lists .post-meta,
    .post-blog-single .post-meta { float: none; text-align: left; width: 100%;}
	.blog-lists .post-entry,
	.post-blog-single .post-entry { float: none;  width: 100%; }

	#comments-title span, .author-info h3 span, #respond #reply-title span { width: 120px; text-align: left; padding-right: 0; }
	.author-info dl, .commentlist, .commentlist ul.children, #respond form { padding-left: 0;}
	.comment-form-file, .comment-form-comment { width: 280px;}

	.sortable-menu li { float: none; margin: 5px 0 0 0;}
	.portfolio-lists-1 .post .post-portfolio-list-slider,
	.portfolio-lists-1 .post .post-portfolio-info, 
	.post-portfolio-single .post-project-main, .post-portfolio-single .post-project-info { float: none; width: 300px; }
	.post-portfolio-single .post-project-info { margin-top: 40px; }
	.portfolio-lists-2 { margin-top: 0; }
	.portfolio-lists-2 li.col-4-1 { float: none; margin-left: auto;  margin-right: auto; }
	.portfolio-sortable-grid { width: 300px; margin-left: auto;  margin-right: auto; }

	.related-post-lists .title p { display: none; }
	.related-post-lists .title h3 { text-align: center; }
	.related-post-lists ul { margin-top: 0; }
	.related-post-lists ul li.col-4-1 { float: none; margin-left: auto;  margin-right: auto; }

	.contact-form-wrap .contact-file input[type="text"],
	.contact-form-wrap .contact-form-content { width: 280px; }

	.sc-col-2-1, .sc-col-3-1, .sc-col-3-2, .sc-col-4-1, .sc-col-4-3, .sc-col-5-1, .sc-col-5-2, .sc-col-5-3, .sc-col-5-4 { float: none; width: 300px; margin-right: 0; }
	
	.footer-custom-message { display: none; }
	.footer-widgets-area .col-footer-1-1,
	.footer-widgets-area .col-footer-2-1, 
	.footer-widgets-area .col-footer-3-1, 
	.footer-widgets-area .col-footer-3-1-last,
	.footer-widgets-area .col-footer-4-1 { float: none; width: 300px; margin-left: 0; }
	.footer-widgets-area .col-footer-1-1 #flickr_badge_wrapper,
	.footer-widgets-area .col-footer-2-1 #flickr_badge_wrapper,
	.footer-widgets-area .col-footer-3-1 #flickr_badge_wrapper,
	.footer-widgets-area .col-footer-4-1 #flickr_badge_wrapper { width: 265px;  margin-top: 15px; margin-left: -5px; }
	.footer-widgets-area .col-footer-1-1 .flickr_badge_image,
	.footer-widgets-area .col-footer-2-1 .flickr_badge_image,
    .footer-widgets-area .col-footer-3-1 .flickr_badge_image,
	.footer-widgets-area .col-footer-4-1 .flickr_badge_image { float: left;  margin: 5px 0 0 5px; }

}


/*-------------------------------------------TABLET ------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:970px) {

	.col-width { width: 750px; }
	#main  { overflow: hidden; }
	.fullwidth #primary, #primary, #secondary { width: 750px; }
	.side-right #secondary, .side-left #primary, .side-left #secondary, .side-right #primary { float: none; }
	#secondary { margin-top: 60px;}

	header .site-logo, header .site-name { float: none; text-align: center; }
	header #menu-topmenu { float: none; margin-left: 120px; }
	header #top-menu, .site-search { float: none; }
	.site-search input[type="text"] { width: 699px; }

	#slides-home { width: 750px; height: 393px; }
	#slides-home .slides_container .slide, #slides-home .slides_container .slide img { width: 500px; height: 393px; }
	#slides-home .slide-caption { top: 60px;  left: 520px; width: 200px; }
	.home-slider-pagination { position: absolute; left: 520px; top: 20px; height: 9px; z-index: 20; }
	.home-slider-next, .home-slider-prev { top: 195px; }
	.home-slider-next { right: 270px; }

	.post-portfolio-list-slider, .post-portfolio-single-slider,
	.post-portfolio-list-slider .slides_container .slide, .post-portfolio-single-slider .slides_container .slide,
	.post-portfolio-list-slider .slides_container .slide img, .post-portfolio-single-slider .slides_container .slide img,
	.portfolio-lists-1 .post-thumb img, .post-portfolio-single .post-thumb img { width: 520px; height: 393px; }
	.post-portfolio-list-slider .slider-next, .post-portfolio-list-slider .slider-prev, .post-portfolio-single-slider .slider-next, .post-portfolio-single-slider .slider-prev { top: 195px; }


	.home-latest-works ul { margin-top: 10px; width: 770px; margin-left: -20px; }
	.home-latest-works ul li.col-first { margin-left: 20px; clear: none; }

	.blog-lists .post-entry,
	.post-blog-single .post-entry {  width: 520px; margin-right: 50px; }

	#comments-title span, .author-info h3 span, #respond #reply-title span { width: 120px; text-align: left; padding-right: 0; }
	.author-info dl, .commentlist, .commentlist ul.children, #respond form { padding-left: 0;}
	.comment-form-file { width: 350px;}
	.comment-form-comment { width: 500px;}

	.portfolio-lists-1 .post .post-portfolio-list-slider,
	.post-portfolio-single .post-project-main { width: 520px; }
	.portfolio-lists-1 .post .post-portfolio-info,
	.post-portfolio-single .post-project-info { width: 200px; padding-right: 10px; }
	.portfolio-lists-2,
	.portfolio-sortable-grid { margin-top: 10px; width: 770px; margin-left: -20px; }
	.portfolio-lists-2 li.col-first { margin-left: 20px; clear: none; }

	.related-post-lists ul { margin-top: 10px; width: 770px; margin-left: -20px; }
	.related-post-lists ul li.col-first { margin-left: 20px; clear: none; }

	.contact-form-wrap .contact-file input[type="text"] { width: 280px; }
	.contact-form-wrap .contact-form-content { width: 350px; }

	.sc-col-2-1, .sc-col-3-1, .sc-col-3-2, .sc-col-4-1, .sc-col-4-3, .sc-col-5-1, .sc-col-5-2, .sc-col-5-3, .sc-col-5-4 { float: none; width: 750px; margin-right: 0; }
	
	.footer-custom-message { display: none; }
	.footer-widgets-area .col-footer-1-1,
	.footer-widgets-area .col-footer-2-1, 
	.footer-widgets-area .col-footer-3-1, 
	.footer-widgets-area .col-footer-3-1-last,
	.footer-widgets-area .col-footer-4-1 { float: none; width: 750px; margin-left: 0; }
	.footer-widgets-area .col-footer-1-1 #flickr_badge_wrapper,
	.footer-widgets-area .col-footer-2-1 #flickr_badge_wrapper,
	.footer-widgets-area .col-footer-3-1 #flickr_badge_wrapper,
	.footer-widgets-area .col-footer-4-1 #flickr_badge_wrapper { width: 265px;  margin-top: 15px; margin-left: -5px; }
	.footer-widgets-area .col-footer-1-1 .flickr_badge_image,
	.footer-widgets-area .col-footer-2-1 .flickr_badge_image,
    .footer-widgets-area .col-footer-3-1 .flickr_badge_image,
	.footer-widgets-area .col-footer-4-1 .flickr_badge_image { float: left;  margin: 5px 0 0 5px; }

}