/*
 * Responsive CSS	
 */
 
	/* #Tablet (Portrait)
	================================================== */
    
    /* Note: Design for a width 1024 Desktop
	================================================== */
	@media only screen and (max-width: 1199px) {
	   #top{height:100px;}
	   #primary_menu{display:block;width:1000px;}
	   #primary_menu ul li a{font-size:1.8rem;}  
	   #primary_menu ul li.logo{
			width:100px;
			height:80px;
			margin:0 20px;
		}
		
		.logo a{
			width:100px;
			height:120px;
		}
		.post .thumbnail{
			max-height:400px;
		}
		#popup_window{width:600px;margin-left:-300px;}
		
		.three_columns{width: 30%;}
		
	    .gallery_widget a{width:29%;height:50px;}
	    .masonry{margin-left:10px;}
	    #sidebar #s{width:50%;}
	    #sidebar #searchsubmit{padding:0 20px;}
	    .scrolling_posts .blog-post{width:32.3%;}


	}

    @media only screen and (max-width: 959px) {
        #top{height:120px;}
        #topbar .menu_button.hide{
            display:block;
        }
        #topbar .menu_button_status{
		    display:block;
	    }
	    #topbar .social_icons{
		    display:none;
	    }
       div.logo{display:block;padding-top:65px;}  
       .logo a{
	       width:150px;
	       height:150px;
	       margin:0 auto 10px;
       }
       #primary_menu{display:none;}
       .post .thumbnail{max-height:300px;}
	   #top.shrinked .logo{display:none;}
	   #top.shrinked{height:60px;display:none;}
	   #top.shrinked .css3-selectbox{margin-top:10px;}
	   #topbar{position:relative;display:block;top:0;}

	   #main, #sidebar, .container .twelve.columns {
	   		width: 100%;
	   		float: none;
	   }
	   .container .channel.six.columns {
	   		width: 48%;
	   }
	   
	   #popup_window{width:500px;margin-left:-250px;}
	   #sidebar #s{width:49%;}
	   #sidebar #searchsubmit{padding:0 10px;}
	    
	   .scrolling_posts .blog-post{width:32%;}
	   .entry-content img{
			max-width:100%;
			position: relative;
			z-index: 3;
		}
			    
	   .single .post .entry-title{font-size:2rem;}
	   .masonry_blog .post .entry-title,
	   .post .entry-title{width:90%;}
    }
	
	/*  #Mobile (Landscape)
    ================================================== */

    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
    	.scrolling_posts .post-container {
    		display: block;
    	}
	    .post .thumbnail{
			max-height:400px;
		}
		
		#bottom_widget .widget{margin-top:40px;}
		
		#popup_window h3{font-size:2rem;}
		#popup_window{width:300px;margin-left:-180px;overflow:hidden;}
		#popup_window input[type="text"],#popup_window select{width:73%;margin-bottom:10px;}
		
		.container .channel.six.columns,
		.three_columns,
		.two_columns{width: 100%;}
		#footer .footer_menu{text-align: left;}
		
		#sidebar #s{width:80%;}
	    #sidebar #searchsubmit{padding:0 10px;}
	    
	    .scrolling_posts .blog-post{width:100%;margin-bottom:30px;}
	    
	    .contact_content,
	    #slider.map,
	    #slider.map iframe{height:900px;}
	    
	    .boxed #standard_blog_full > .entry-content,
	    .boxed #standard_blog_full .post{width:85%;margin:0;}
	    
	    .boxed .wpcf7-form-control-wrap input,
        .boxed .wpcf7-form-control-wrap textarea{width:95%;}

    }
    
    /* #Mobile (Portrait)
    ================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (max-width: 480px) {
	    #popup_window input[type="text"],#popup_window select{width:100%;margin-bottom:10px;}
	    .archive_title{font-size:3rem;}
    }