@viewport{
    width:device-width;
    initial-scale:1;
    maximum-scale:1;
    user-scalable:no;
}

/***********************
*** SMARTPHONE ******
************************/

@media (max-width: 767px) {

	/* reset */
	#main,
	#page,
	#sidebar,
	.form-help,
	#comment-form fieldset .form-help,
	#comment-form p.remember,
	#comment-form p.buttons
	{
		float: none !important;
		margin:0 !important;
		width:auto !important;
	}


  #switchnav, #push, #large-ban-container, #lrec, #nav, #tags-results,
  #blognav iframe,
/*   #blognav .feed, */
  #blognav .categories,
  #blognav .lastposts,
  #blognav .links,
  #blognav .selected,
  #footer,
  #topnav,
  .disclaimer,
  .desktop
  {
    display:none;
  }
  #main, #page, #wrapper, #footer, #footer p, #nav
  {
    width: auto;
  }

  #wrapper
  {
	  margin:0 10px;
  }

  #logo
  {
	  left:5px;
	  top:6px;
  }

  p#navlinks
  {
	  font-size:12px;
  }
  p#navlinks a
  {
	  display:block;
	  margin:5px 0;
  }

  p#navlinks span
  {
	  display:none;
  }

  #sidebar ul
  {
	  visibility: visible !important;
	  border: none !important;
	  border-bottom: 20px;
  }

  #sidebar ul li
  {
	  border-right: none !important;
  }

  #sidebar ul li ul
  {
	  border: none !important;
	  margin-bottom: 10px;
  }

  #sidebar ul li ul li
  {
	  padding-left: 30px !important;
	  border: none !important;
  }

  #sidebar ul li a
  {
	  border: none !important;
  }

    #sidebar ul#jsddm
  {
	  margin-top:10px;
  }




  #sidebar #xsMenuContent li {
  line-height:200%;
  border-bottom:1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
  }

  #sidebar li.label{
	width: 100%;
	border-right: none;
	padding-bottom: 6px;
	font-weight: bold;
  }

  #sidebar #blognav h2{
	  display: none;
  }

   #sidebar #blognav .feed h2{
	  display: block;
	  font-weight: bold;
	  font-size: 20px;
  }

   #sidebar #blognav .feed ul li{
	  padding: 5px;
	  border: none;
  }


   #sidebar #blognav .feed ul li:nth-child(odd){
	  background-color: #f3f3f3;
  }

   #sidebar #blognav .feed ul li a{
	  font-size: 16px;
	  line-height: 150%;
  }

  #top
  {
	  height:113px;
  }

  #comment-form fieldset p.field input[type="text"]
  {
	  width: 50%;
  }

  #comment-form fieldset p.field textarea{
	  width: 260px;
  }

  .post-content{
	  padding: 0px;
  }

  #follow img{
	  max-width: 100%;
  }



.post .post-info, .post .post-tags{
  display:none;
}

body.dc-post .post-info,
body.dc-post .post-tags,
body.dc-post .post-info-co
{
	display:block !important;
	font-size:12px;
}


.post
{
  border-top:solid 1px black;
}


	.behind
	{
		opacity: 0.1;
	}


	#xsMenu
	{
		position: absolute;
		z-index: 9999;
		right:10px;
		top:5px;
		cursor: pointer;
	}

	#xsMenu div {
		position: absolute;
		right: 0;
		top: 64%;
		padding-right: 8px;
		margin-top: -0.50em;
		line-height: 1.2;
		font-size: 18px;
		font-weight: 200;
		vertical-align: middle;
		z-index: 9999;
	}

	#xsMenu span {
		display: block;
		width: 25px;
		height: 4px;
		margin: 6px 0;
		background: rgb(0,0,0);
		z-index: 99;
	}

	#xsMenuContainer #xsMenuContent{
		display: none;
		background-color:white;
		padding:10px;
		position:absolute;
		z-index:9998;
		box-shadow: 4px 4px 10px gray;
		top:0;
		width: 100%;
		left:0;
		box-sizing: border-box;
	}

	#xsMenuContainer #xsMenuContent.active {
		display: block !important;
	}
	#xsMenuContent ul a
	{
		display: block;
	}

	#xsSearch
	{
		position: absolute;
		z-index: 9998;
		right:35px;
		top:5px;
		cursor: pointer;
	}

	#xsSearch img
	{
		width: 80%;
	}

	#search{
		position: relative;
		margin: 32px 0 0 10px;
		z-index: 9998;
		display: none;
	}

	#search input[type=submit], #comment-form fieldset input[type=submit]{
		width: 80px;
	}

	.search_active_top{
		height: 150px !important;
		transition:ease-in 0.2s;
	}

	.search_active_search{
		margin-top: 92px !important;
	}

	.destock{
		display: none !important;
	}

	.xs-visible, .mobile{
		display: block !important;
	}

	/*********** 	VIPAD 	***********/
	#taboola-below-article-thumbs-mix, .bg-on, #aswift_1_expand, #aswift_1_anchor, #lrec{
		display : none
	}

}




.active, .destock{
	display: block !important;
}

.xs-visible, .mobile{
	display: none;
}