/* All Responsive

================================================== */    

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

    /*hide things*/

	#navigation ul {

		display: none;

	}
	
	#header-wrap {
        height: 63px;
		position: fixed;
		z-index: 999;
	}
	
	#header { height: 100%; z-index:1;}

	#wrap { padding-top: 63px;}
	
	/*#main-content { position: relative; top: -42px;}*/

	#toplink {

		display: none !important;
	}

	/*logo*/

	#logo {

		text-align: center;
        float: none;
        clear: both;
        width: 100%;
        height: 100%;
        position: relative;
	}



	#logo img {
		display: inline-block;
	}

	#logo h1 a, #logo h2 a {
		display: block;
		float: none;
	}
	
	#lang_sel {
  		float: right;
  		position: absolute;
  		top: 15px;
  		right: 0px;
  	}	
  	
  	#search {display: none;}
  	
  	.announcement {display: none;}	

	/*navigation top menu*/

	#navigation {
		height: 30px;
		width: 95px;
        float:left;
		position: relative;
		top: -45px;
		left: auto;
		right: auto;
		margin-top: 0;

		background: #fff url("../images/responsive-nav_red.png") 8px no-repeat;

	}



	#navigation .selector {
		width: 100%;
		color: #333;
		font-weight: bold;
	/*	line-height: 70px;
		text-indent: 40px;
*/
	}



	#navigation .selector {
		height: 30px;
		width: 100%;
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;
		/*display: inline;*/
		cursor: pointer !important;
	}



	#navigation .selector:hover {
		opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
	}



	#navigation .selector select:focus {
		outline: 0;
	}



	#navigation .selector span {
		display: block;
		/*overflow: hidden;*/
		text-overflow: ellipsis;
		white-space: nowrap;
		position: relative;
		left: 35px;
		top: 4px;
		font-weight: normal;
		font-size: 20px;
		color: #888;
	}



	#navigation .selector select {
		position: absolute;
		top: -17px;
		left: 0;
		height: 60px;
		background: none;
		width: 100%;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 13px;
		font-weight: 500;
		color: #fff !important;
		cursor: pointer;

	}



	#navigation .selector {
		margin: 0;
		padding: 0;
		border: none;
	}



	#navigation .selector option {
		background: #000;
		-webkit-appearance: none;
		padding: 10px 40px;
		border: none;
		border-bottom: 1px solid #222;
	}

		

	/*display dropdown nav*/

	#navigation .selector {
		display: inline-block;
	}

	
    
/* Sub menu */

    /*hide things*/
    #subm ul {
		display: none;
	}
            /*navigation top menu*/

	#subm {
		height: 30px;
		width: 80%;
        float:left;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-top: 0;

	/*background: #e73420 url("../images/responsive-nav_red.png") right center no-repeat;*/

	}



	#subm .selector {
		width: 100%;
		color: #333;
		font-weight: bold;
	/*	line-height: 70px;
		text-indent: 40px;
*/
	}



#subm .selector {
		height: 30px;
		width: 100%;
		display: -moz-inline-box;
		display: inline-block;
		vertical-align: middle;
		zoom: 1;

		/*display: inline;*/
		cursor: pointer !important;

	}

	#subm .selector:hover {
		opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
	}


	#subm .selector select:focus {
		outline: 0;
	}



	#subm .selector span {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}



	#subm .selector select {
		position: absolute;
		top: 0px;
		left: 0;
	/*	height: 70px; */
		background: none;
		width: 100%;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 13px;
		font-weight: 500;
		color: #fff !important;
		cursor: pointer;
	}



	#subm .selector {
		margin: 0;
		padding: 0;
		border: none;
	}



	#subm .selector option {
		background: #000;
		-webkit-appearance: none;
		padding: 10px 40px;
		border: none;
		border-bottom: 1px solid #222;
	}

		

	/*display dropdown nav*/

	#subm .selector {
		display: inline-block;
	}
    
    .cata {width: 100%; float:right;margin-top: 0px;}
}

.home_blk1 {
   width: 279px;
   float: left;
   height: 250px;
   margin-right: 13px;
   overflow: hidden;
   padding: 15px;
  }
.home_blk2 {
   width: 279px;
   float: left;
   height: 250px;
   margin-right: 13px;
   overflow: hidden;
   padding: 15px;
  }
.home_blk3 {
   width: 279px;
   float: left;
   height: 250px;
   overflow: hidden;
   padding: 15px;
  }
.home_blk_inside {
   padding:20px 15px 20px 14px;
   width: 280px;
   margin: 0;
  }
.home_blk{
	position: relative;
   width: 311px;
   float: left;
   margin-right: 13px;
   margin-bottom: 5px;
}
   
.home_blk_l{
	position: relative;
   width: 311px;
   float: left;}

      
    .subm {min-height:20px; position: relative;}


/* Tablet (Portrait) = Design for a width of 730px

================================================== */



@media only screen and (min-width: 768px) and (max-width: 959px) {


	/*main*/
	
    #header { width: 690px;}
    
	#wrap {
		width: 690px;
	}

	#post {
		width: 380px;
	}
    
    article#post.center {
    	width: 380px;
	}
	
	article#post.right{
    	width: 380px;
	}
	
	article#post.left{
    	width: 380px;
	}

	#sidebar {
		width: 190px;
        float:left;
	}

	.sidebar-bg{
	
	}
	
	/*blog*/

	.blog-isotope .blog-entry {
		width: 330px;
	}
	
	#blog-wrap { width: 465px;}

	#author-bio {
		width: 300px;
	}

	.single-post .meta li{
		display: block;
	}

	

	/*commnets*/

	.children li.depth-2,
		.children li.depth-3,
		.children li.depth-4,
		.children li.depth-5,
		.children li.depth-6,
		.children li.depth-7,
		.children li.depth-8,
		.children li.depth-9,
		.children li.depth-10 {
		margin: 0;
	}

		
	/*search*/

	.search-entry-text {
		width: 535px;
	}

		

	/*footer*/

	.footer-box {
		float: left;
		width: 190px;
		margin-right: 20px;
	}

	
.home_blk1 {
   width: 659px;
   float: left;
   height: 100%;
   margin-right: 0;
  }
.home_blk2 {
   width: 659px;
   float: left;
   height: 100%;
   margin-top: 10px;
   margin-right: 0;
  }
.home_blk3 {
   width: 659px;
   float: left;
   height: 100%;
   margin-top: 10px;
  }
.home_blk_inside {
   padding:20px 15px;
   width: 280px;
  }
.home_blk{
   width: 221px;float: left;margin-right: 13px;}
.home_blk_l {width: 221px;}

	h1.boxtitle {
	  font-size: 18px;
	  bottom:-6px;
	  right:2px;	
	}

}

/* Mobile (Portrait) = Design for a width of 280px

================================================== */



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



	/*main*/

    #header { width: 280px;}
	
	#header-social{
		display: none;
	}

	#wrap {
		width: 280px;
	}

	#post {
		width: 100%;
	}
    
    article#post.center {
    	width: 100%;
	}
	
	article#post.right {
    	width: 100%;
	}
	
	article#post.left {
    	width: 100%;
	}



	#sidebar {
		width: 100%;
        float:right;
	}

	.footer-box {
		width: 100%;
	}
	
	.entry blockquote{
		margin-left: 0;
		margin-right: 0;
	}


	.sidebar-bg{
		background-image: none;
		margin-bottom: 0;
	}


	#sidebar{
		width: 100%;
		background: #f9f9f9;
		margin: 0 -30px;
		padding: 0 30px;
		/*border-top: 1px solid #ddd;*/
	}

	

	#error-page-text{
		font-size: 14px;
	}

		

	/*search*/

	.search-entry-image {
		float: none;
		margin-bottom: 25px;
	}



	.search-entry-text {
		float: none;
		width: 100%;
	}

		

	/*blog*/

	.blog-isotope {
		margin-right: 0;
	}
	
	#blog-wrap { width: 100%;}
	

	.blog-isotope .blog-entry {
		width: 280px;
		margin-right: 0;
	}

	.single-post .meta li{
		display: block;
	}

	#author-image {
		margin-bottom: 20px;
	}



	#author-bio {
		width: 100%;
	}


	/*comments*/

	.comment-details {
		margin-left: 0;
	}



	.comment-details:after {
		display: none;
	}



	.comment-avatar {
		display: inline-block;
		margin-bottom: 10px;
		position: inherit;
		top: auto;
		left: auto;
	}


	.comment-date {
		display: block;
	}


	.comment-reply-link {
		display: block;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px solid #ddd;
	}

	

	#commentform input#author, #commentform input#email, #commentform input#url {
		width: 60%;
	}


	.children {
		margin: 30px 0 0;
	}


	.children li.depth-2,
		.children li.depth-3,
		.children li.depth-4,
		.children li.depth-5,
		.children li.depth-6,
		.children li.depth-7,
		.children li.depth-8,
		.children li.depth-9,
		.children li.depth-10 {
		margin: 0;
	}

	

	/* Symple Shortcodes */

	.symple-one-half, .symple-one-third, .symple-two-third, .symple-three-fourth, .symple-one-fourth, .symple-one-fifth, .symple-two-fifth,.symple-three-fifth, .symple-four-fifth, .symple-one-sixth, .symple-five-sixth {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.symple-pricing-table > div{
		 margin-bottom: 25px;
	}

	.symple-box,
	.symple-box.left,
	.symple-box.right{
		float: none;
		width: 100% !important;
	}

.home_blk1 {width: 250px; height: 100%; margin: 5px 0 0 0;}
.home_blk2 {width: 250px; height: 100%; margin: 10px 0 0 0;}
.home_blk3 {width: 250px; height: 100%; margin: 10px 0 0 0;}

.home_blk {width:280px; background: none;}
.home_blk_l {width: 280px; background: none;}
.home_blk_inside {width: 270px; padding:20px 15px;}


.langs {
float: right;
position: relative;
margin:0px;
}

h1.boxtitle {
	  font-size: 20px;
	  bottom:-5px;
	  right:3px;	
	}
	
	.gallery-item {width: 100%!important;}

}





/* Mobile (Landscape)

================================================== */



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



@media only screen and (min-width: 480px) and (max-width: 767px) {

#header { width: 370px;}


	.blog-isotope .blog-entry {
		width: 370px;
	}
	
#blog-wrap { width: 100%;}

.home_blk {width:100%!important; background: none;margin-right: 13px;}
.home_blk_l {width: 100%; background: none;margin-top: 2px;}
.home_blk_l img{width: 100%; }
.home_blk img {width:100%!important;}
.home_blk_inside {width:100%;}

.home_blk1 {width:250px; height: 100%; margin: 5px 0 0 0;}
.home_blk2 {width:250px; height: 100%; margin: 5px 0 0 0;}
.home_blk3 {width:250px; height: 100%; margin: 5px 0 0 0;}

.langs {float: left;
position: relative;
margin:0;}
#sidebar-right {float: left; margin: 10px 0 10px 20px;}

    article#post.center {
    	width: 100%;
	}
	
	article#post.right {
    	width: 100%;
	}
	
	article#post.left {
    	width: 100%;
	}
        
	#sidebar {float: right;}
}

/* Small computer screens

================================================== */


@media only screen and (max-width: 1220px) {
	/*Hide things*/
	
	#h_nav{
		display:none;
	}
}


/* Portrait tablets & Phones

================================================== */


@media only screen and (max-width: 1000px) {
	
	.catalog_leftcol {width: 90%;}
	.catalog_rightcol {width: 90%; float: left;}
}