/* Custom Josu
================================================== */																																																																																																																																																																																																																																																																																																																																																																							p {
    font-size: 1.1em;
}
.aligncenter {
  text-align: center;
  font-size: 1.3em;}
.mashsb-container, .wp_rp_content {
    margin: 10px 0 10px 0;
    font-size: 12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 10px 0;
}
.post-tags {
    margin-top: 10px;
    font-size: 12px;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 0 0;
      border-top:none;
}
.sidebar-box li {
    margin: 10px 10px;
  display: inline-block;
padding: 10px;
border-bottom: 1px solid #ddd;
width:15%;}
#mc4wp-form-2 {
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #C4D3EA;
    color: #555555;
  background-color: #EEF3F8;}
.gallery-item {
  width:20% !important;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.entry a {
  font-weight: bold;}

h1 a, h2 a, h3 a, h4 a, .heading {
  color: #3B5998;}
.button {
  color:#FFFFFF;
  padding:9px 30px;
  font-size:22px;
  line-height:33px;
  width:60%;
  border-color:#768bb7;
  border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;text-shadow:none;-moz-text-shadow:none;-webkit-text-shadow:none;}
label {
    font-size:22px;
  line-height:33px;}
.wp_rp_content { width:100%;}
#mce-EMAIL, #mce-FNAME {
  width:60%;
    line-height:33px;
  margin:1em 0;
  }
@media only screen and (max-width: 767px) {
#masternav {
    padding: 0;
    height: 40px;
    line-height: 40px;
    float: none;
    padding: 0 5px;
    margin: 0;
    top: 0;
    right: 0;
    background:#0B2246;
    cursor: pointer;
}
#logo {
    float:none;
    max-width:100%;}
#home-tagline {
  margin-top: 55px;}
#migas {
    margin-top: 170px;}
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100%!important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 94%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 10px!important; top: 10px!important; }


  }
@media screen and (max-width: 480px){
  
    .fb-like {
    width:200px;}
  ul.related_post li {
    width:100% !important;}
  ul.related_post li img {
    width:400px !important;
}
  
  
}

/* This File Contains All Responsive CSS - Sweet! */

/* Custom Drop-Down
================================================== */
#masternav .selector option{ background:#eee; -webkit-appearance:none; padding: 5px; }
#masternav .selector, 
#masternav .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased; }
#masternav .selector, 
#masternav .selector *{ margin:0; padding:0; }
#masternav .selector select{ top:0px; left:0px; }
#masternav .selector{ width: 100%; font-size:12px;  font-weight:bold; }
#masternav .selector span:after { padding-left: 5px; padding-right: 5px; content: "\f078"; font-family: 'FontAwesome'; }
#masternav .selector span{ cursor:pointer; }
#masternav .selector{ height: 30px; line-height: 30px; display:-moz-inline-box;  display:inline-block;  vertical-align:middle;  zoom:1;  *display:inline; }
#masternav .selector select:focus{outline:0; }
#masternav .selector{ position:relative;  padding-left:10px;  overflow:hidden; }
#masternav .selector span{ display:block;  overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap; }
#masternav .selector select{ position:absolute;  height:35px;  background:none;  width:97%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  font-weight:500;  border:0 !important; }


/* General
================================================== */
img{ max-width: 100%; }

/*hide redundant menu*/
#masternav select { display: none; width: 100% !important; }
#masternav .selector { display: none; margin-top: 5px; }


/* Apply To All Responsive Layouts
================================================== */
@media only screen and (device-width: 768px) {

	
}
/* grandes */
@media only screen and (min-width: 1400px) {
	


	#home-tagline, #migas, #home-posts, #home-insta, #main {
    margin: 0 auto;
    width: 1440px;
    box-sizing: border-box;}
    
    #slider-wrap {
    margin: 1em auto;
    width: 1440px;
    box-sizing: border-box;}


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

/* Note: Design for a width of 740px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	#wrap{ width: 100%; }
	.hp-highlight, .portfolio-item, .home-entry, #footer-one,#footer-two,#footer-three,#footer-four{ width: 50%;  }
	#home-tagline{ font-size: 21px; }
	#search { text-indent: -9999px; }
	.loop-entry-thumbnail{width: 50%;}
	img {
    max-width: 100%;
    width: 100%;}

}

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

/* Note: Design for a width of 290px */
@media only screen and (max-width: 767px) {
	
	/*hide*/
	.flexslider .caption{ display: none; }
	#slider-wrap {display:none;}
	#migas {width:100%;}
	#home-posts, #home-insta {width: 100%; box-sizing: border-box;}
	div.wp_rp_content {display: none !important;}
	/*display dropdown nav*/
	#masternav .selector,
	#masternav select { display: inline-block; }
	#masternav ul { display: none; }
	#masternav{ padding: 0; height: 40px; line-height: 40px; float: none; padding: 0 5px; margin: 0; color: #fff; top: 0; right: 0; cursor: pointer; }
	
	#wrap{ width:100%; }
	#main{ width:100%; }
	.hp-highlight, .portfolio-item, .home-entry, #footer-one,#footer-two,#footer-three,#footer-four{ width: 100%; }
	#portfolio-wrap{ margin-right:  0; }
	
#home-tagline {
    font-size: 16px;
    width: 100%;
    margin: 0;
    padding: 1em;
    box-sizing: border-box;
}
img {
    width: 100%; }
	
	.flex-direction-nav li a.next,
	.flex-direction-nav li a.prev {height: 40px;width: 25px; line-height: 40px;margin-top: -20px;}
	
	ul.filter{ position: inherit; margin-top: 10px; margin-bottom: 0px; top: 0; left: 0; }
	ul.filter li{ margin-top: 10px; }
	
	#single-nav a{ font-size: 10px; }
	#single-nav-left, #single-nav-right { margin-left: 5px; }
	
	.post, #sidebar{ width: 100%; }
	.post {padding: 0 0.5em; box-sizing: border-box;}
	
	.loop-entry-meta{ display: none; }
	.loop-entry h2{ margin-bottom: 10px; }
	
	#sidebar{ width:100%; box-sizing: border-box; }
	.sidebar-box{margin: 1em 0 0 0; padding: 0.3em;}
	
	#single-portfolio-left, #single-portfolio-right{float: none;width: 100%; }
	
	#page-heading{ text-align: center; }
	#single-nav{ position: inherit; margin-top: 20px; margin-left: -10px; text-align: center; }
	#single-nav-left, #single-nav-right { display: inline-block; float: none; }
	
	.children li{ margin: 0 !important; }
	
	#copyright,#back-to-top{ float: none; width: 100%; text-align: center; }
	
	.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {width: 100%; float: none;} 

blockquote {margin: 0;}
.caja {
    margin: 0 0 1em 0;
    width: 100%;
}
}
/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#wrap{ width: 100%; }
	.hp-highlight, .portfolio-item, .home-entry, #footer-one, #footer-three{ width: 200px; margin-right: 20px; }
	#footer-two, #footer-four { width: 200px; margin-right: 0; }
	
	.responsive-clear{ clear: both; }
	
	.loop-entry-thumbnail{width: 33%;}
	
	ul.filter{ margin-bottom: 0; }
}