/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* https://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
 .slider ul {
 height: auto;
}
 .slider ul li {
 height: auto;
}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        
		/**
            * Left Side Fix
            */
           .container .left-side.columns {
 float: left;
 width: 448px;
}
 .container .right-side.columns {
 width:280px;
}


           /**
            * Box145
            */
           .box145 .posts .single-post {
 width: 97px;
 overflow: hidden;
}


           /**
            * Box145 Carousel Slider tinyscroll
            */
           .tinyscroll.box145 .posts .single-post {
 width: 145px;
}


           /**
            * box310
            */
           .box310 .single-column {
 width: 200px;
}


           /**
            * .box200
            */
          	.box200 .grids .single-post {
 width: 135px;
 overflow: hidden;
}
 .box200 .grids .single-post:nth-child(3n) {
 margin-right: 0px;
}




           /**
            * box53
            */
            .box53 .posts .single-post:nth-child(9n) {
 margin-right: 20px;
}
 .box53 .posts .single-post:nth-child(6n) {
 margin-right: 0px;
}


                 /**
                  * Footer
                  */ 
      			.col300 {
 width: 235px;
 display: block;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
}
 .col300:nth-child(3n) {
 margin-right: 0px;
}
 .flickr-widget .photo {
 float: left;
 width: 48px;
 height: 48px;
}
 .flickr-widget .photo:nth-child(4n) {
 margin-right: 0px;
}


             /**
             * Scroll slider fix
             */

            .tinyscroll .thumb .arrow {
 left: 45%;
}
 section.navigation-section .container {
 width: 752px;
}
}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {


          /**
           * Responsive Menu
           */
          
           section.navigation-section nav {
 float: left;
 clear: both;
 width: 100%;
}
 section.navigation-section ul {
 float: left;
 clear: both;
 width: 100%;
}
 section.navigation-section ul li {
 float: left;
 clear: both;
 width: 92.8%;
 padding: 0px;
 display: none;
}
 section.navigation-section ul li:first-child, section.navigation-section ul li.first {
 display: block;
}
 section.navigation-section ul li a {
 float: left;
 clear: both;
 width: 100%;
 text-align: center;
}
.posts-tab {
 overflow-x: scroll;
 overflow-y: hidden;
}


/* FONT SLIDER*/
h3, h3 a {
 font-size: 12px;
}
.slider .desc h3 {
 font-size: 100%;
 padding: 2px 3px;
}
.slider .desc .p {
 padding: 2px 0;
}
          /**
           * Fix page content
           */
          .page-content .page-content {
 margin-left: 0px;
}
 .page-content .page-content .columns {
 margin-bottom: 20px;
}
 .page-content .page-content .columns:last-child {
 margin-bottom: 0px;
}
 section.navigation-section .container {
 width: 418px;
}
footer.footer {
 text-align: center;
}
.copyrights .right p {
 text-align: center;
}
 section.logo .advertise {
 display: none;
}
 footer .widgets {
 display: none;
}
}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
 .advertise {
 display:none !important;
}
      			/**
      			 * Header and Logo fix
      			 */
      			
      			section.logo .logo-wrapper {
 margin-left: 15px;
 width:100%;
}
 section.logo .advertise {
 max-width: 390px;
 margin-left: 15px;
 float: left;
 clear: both;
 margin-top: 10px;
 overflow: hidden;
}
 section.logo .advertise img {
 max-width: 390px;
}
            
            /**
            * Left Side Fix
            */
           .container .left-side.columns {
 float: left;
 width: 100%;
}
 .container .left-side.columns .slider {
 overflow: hidden;
}



            /**
            * Box145
            */
           .box145 .posts .single-post {
 width: 126px;
 overflow: hidden;
}
 .box145 .posts .single-post:nth-child(3n) {
 margin-right: 0px;
}

           /**
            * Box145 Carousel Slider tinyscroll
            */
           .tinyscroll.box145 .posts .single-post {
 width: 145px;
}
 .tinyscroll.box145 .posts .single-post:nth-child(3n) {
 margin-right: 20px;
}

             /**
             * Scroll slider fix
             */

            .tinyscroll .thumb .arrow {
 left: 35%;
}


           /**
            * Sidebar
            */
           .container .right-side.columns {
 float: left;
 clear: both;
 width: 100%;
margin-left: 0px;
}
 .right-side .widget {
 float: left;
 clear: both;
 width: 100%;
}
 .tabs .links a {
 width: 98px;
 text-align: center;
}
 .widget .ads-widget-content a {
 margin-right: 20px;
}
 .widget .ads-widget-content a:nth-child(2n) {
 margin-right: 20px;
}
 .widget .ads-widget-content a:nth-child(3n) {
 margin-right: 0px;
}





           /**
            * box310
            */
           .box310 .single-column {
 width: 200px;
}


           /**
            * .box200
            */
          	.box200 .grids .single-post {
 width: 126px;
 overflow: hidden;
}
 .box200 .grids {
 margin-bottom: -27px;
}
 .box200 .grids .single-post:nth-child(3n) {
 margin-right: 0px;
}




           /**
            * box53
            */
            .box53 .posts .single-post:nth-child(9n) {
 margin-right: 20px;
}
 .box53 .posts .single-post:nth-child(6n) {
 margin-right: 0px;
}
 .left-side .pagination {
 margin-bottom: 40px;
}


           /**
            * contact form
            */
           .contact-form.omega {
 margin-top: 40px;
}


           /**
            * Footer
            */

           footer .widget {
 float: left;
 clear: both;
 width: 100%;
 margin-bottom: 30px;
}
 .col300 {
 width: 100%;
 display: block;
 float: left;
 clear: both;
 margin-right: 20px;
 max-width: none;
}
 .flickr-widget .photo {
 float: left;
 width: 48px;
 height: 48px;
}
 .flickr-widget .photo:nth-child(4n) {
 margin-right: 8px;
}
#social {
 display:none;
}
}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
 .advertise, #social {
 display:none !important;
}

          /**
           * Header and Logo fix
           */
          
          section.logo .logo-wrapper {
 margin: 15px;
 width:100%;
}
 section.logo .advertise {
 display:none;
}
 section.logo .advertise img {
 max-width: 270px;
}
 section.top-section .lang {
 margin-top: 10px;
 clear: both;
}
 section.top-section a.toggle {
 right: -60px;
}
            
            /**
            * Left Side Fix
            */
           .container .left-side.columns {
 float: left;
 width: 100%;
}
 .container .left-side.columns .slider {
 overflow: hidden;
}



            /**
            * Box145
            */
           .box145 .posts .single-post {
 width: 140px;
 overflow: hidden;
}
 .box145 .posts .single-post:nth-child(3n) {
 margin-right: 20px;
}
 .box145 .posts .single-post:nth-child(2n) {
 margin-right: 0px;
}

           /**
            * Box145 Carousel Slider tinyscroll
            */
           .tinyscroll.box145 .posts .single-post {
 width: 145px;
}
 .tinyscroll.box145 .posts .single-post:nth-child(2n) {
 margin-right: 20px;
}
 .tinyscroll.box145 .posts .single-post:last-child {
 margin-right: 0px;
}


           /**
            * Sidebar
            */
           .container .right-side.columns {
 float: left;
 clear: both;
 width: 100%;
margin-left: 0px;
}
 .right-side .widget {
 float: left;
 clear: both;
 width: 100%;
}
 .tabs .links a {
 width: 58px;
 text-align: center;
}
 .widget .ads-widget-content a {
 margin-right: 20px;
}
 .widget .ads-widget-content a:nth-child(2n) {
 margin-right: 0px;
}
 .widget .ads-widget-content a:nth-child(3n) {
 margin-right: 20px;
}





           /**
            * box310
            */
           .box310 .single-column {
 width: 100%;
 margin-bottom: 30px;
}
 .box310 .single-column:last-child {
 margin-bottom: 0px;
}



           /**
            * .box200
            */
            .box200 .grids .single-post {
 width: 140px;
 overflow: hidden;
 max-width: 140px;
}
 .box200 .grids {
 margin-bottom: -27px;
}
 .box200 .grids .single-post:nth-child(3n) {
 margin-right: 20px;
}
 .box200 .grids .single-post:nth-child(2n) {
 margin-right: 0px;
}




            /**
             * Scroll slider fix
             */

            .tinyscroll .thumb .arrow {
 left: 30%;
}


           /**
            * box53
            */
            .box53 .posts .single-post {
 margin-right: 8px;
 margin-bottom: 8px;
}
 .box53 .posts .single-post:nth-child(9n) {
 margin-right: 8px;
}
 .box53 .posts .single-post:nth-child(6n) {
 margin-right: 8px;
}
 .box53 .posts .single-post:nth-child(5n) {
 margin-right: 0px;
}
 .left-side .pagination {
 margin-bottom: 40px;
}


           /**
            * contact form
            */
           .contact-form.omega {
 margin-top: 40px;
}


           /**
            * Footer
            */

           footer .widget {
 float: left;
 clear: both;
 width: 100%;
 margin-bottom: 30px;
}
 .col300 {
 width: 100%;
 display: block;
 float: left;
 clear: both;
 margin-right: 20px;
 max-width: none;
}
 .flickr-widget .photo {
 float: left;
 width: 48px;
 height: 48px;
}
 .flickr-widget .photo:nth-child(4n) {
 margin-right: 8px;
}
 section.navigation-section ul li {
 float: left;
 clear: both;
 width: 100%;
 padding: 0px;
 display: none;
}
 .classic-blog {
 padding-bottom: 20px;
 border-bottom: none;
}
 .classic-blog .posts .single-post .meta {
 margin-left: 170px;
}
 .classic-blog .posts .single-post .image {
 width: 150px;
 max-width: 150px;
 overflow: hidden;
 height: 100px;
 float: left;
 clear: both;
}
 section.navigation-section .container {
 width: 302px;
}
}