/* ====================================== */
/* =============[ipad --PRO ] =========== */
/* ====================================== */
@media (min-width: 1024px) 
  and (max-width: 1400px) 
  
  
  {
	 #container { 
		   width: 98%;
		   margin: auto;
	   } 
	
		 .singlepost .main {
		 width: calc(100% - 430px);
		 margin-right: 425px;
	 }
  }
  
  /* ====================================== */
  /* ====================================== */
  /* ====================================== */
  /* ====================================== */
  /* ====================================== */
  
  /* Grid classes for tablet screen widths  */
  /* Landscape phone to portrait tablet */
  @media (max-width: 1080px) {
	  #container { 
		  width: 98%;
		  margin: auto;
	  }
	  #masthead .logo img {
		  height: 50px!important;
		  }
		#masthead .usr {
			width: 100px;
			top:15px;
			left: 5px;
		}
		 #masthead .usr a {
			font-size: 18px;
		  }
	  .singlepost .side {
		  width: 90%;
		  position: relative;
		  float: none;
		  margin: auto;
	  }
	  .singlepost .main {
		 width: 95%;
		   position: relative;
		   float: none;
		   margin: auto; 
	  }
	  .singlepost .main .info .bigger {
		  font-size: 25px;
		  line-height: 30px;
	  }
	  
	  .searchx {
		  width: 90%;
		  margin: 20px auto;
	  }
	  .archiveposts article {
		  width: 47%;
		  display: inline-block;
		  margin: 1%;
	  }
	  .archiveposts .thumbbox {
		  padding: 10px;
	  }
	  .archiveposts ul li {
		  display: block;
		  width: 100%;
		  text-align: right;
		  font-size: 16px;
	  }
	  .main-navigation a {
		  font-size: 16px;
	  }
	  .filters .filterbox {
		  width: 100%;
		  padding: 5px;
	  }
	  .filters .filterbox input[type="text"] {
		  width: 40%;
	  }
  }