#intranet {
  float: right;
  width: 239px !important;
  margin: 0 auto;
  margin-top: -39px !important;
 
}
  @media screen and (max-width: 768px)
 {
  #intranet {
  float: right;
  width: 239px !important;
  margin-top: 0px !important;
 
}
    .sidebarBox li a {
      display: block;
      color: #555;
      padding: 10px 10px 10px 48px!important;
      background: url(../images/sidebarItem.gif) no-repeat 28px !important;
    }
    .postContent li {
      width: auto;
    }
    .categoryRss {
      width: 39px;
      height: 13px;
      order: 1;
      position: unset;
      top: 0px;
    }

    #gradeNews H2 {
      font-size: 1.5em;
      font-weight: normal;
      padding: 0px 0px 21px;
      text-align: center;
      order: 0;
    }

    .flexbox{
      justify-content: center;
      gap: 10px;
      display: flex;
      align-items: stretch;
      flex-direction: row-reverse;
      margin-top: 7px;
    }


    #gradeNews .postImage IMG {
      clip: rect(0px 51px 47px 0px);
    }

    .wrap {
      width: 100% !important;
      padding: 0 10px;
      box-sizing: border-box;
      padding-left: 10px;
      padding-right: 10px;
    }

    #main{
      padding-left: 10px;
      padding-right: 10px;
      padding-top: 10px;
    }
   
    html, body {
      max-width: 100%;
      overflow-x: hidden;
    }

   
    #logo {
      float: none;
      width: 100%;
      text-align: center;
      margin: 5px 0;
    }
    #search{
      text-align: center;
      margin-bottom: 8px;
      margin-top: -18px;
      margin-right: 8px;
    }


    #subscribeRss{
      font-size: 10px!important;
      margin-left: 47px;
    }
    #subscribeEmail{
      font-size: 10px!important;
      margin-left: 47px;
    }
   
    #logo h1 a {
      width: 474px;
      height: 37px;
      background-size: contain;
      display: block;
      margin: 0 auto;
    }

  
    #subscribe li {
        display: inline-block;    
    }

    #subscribe{
      width: 215px;
      margin:5px 0;
    }

    #menu-sections li {
      float: none;
      display: block;
      width: 100%;
    }

    .col-6{
      width:50%;
    }

    .row{
      width: 100%;
      display: inline-flex;
      align-content: center;
      /* align-items: center; */
    }


    #footer {
      text-align: center;
      padding: 10px;
    }

  
    #up {
      float: none!important;
      width: 100%;
      margin: 5px 0;
      margin-left: -107px;
    }

    #up a{
      margin-right: 19px!important;
    }
   
    #footer #up a {
      float: right;
      margin-left: 20px;
    }

    #copy {
      float: none;
      width: 100%;
      margin: 5px 0;
      white-space: normal;
      word-break: break-word;
      margin-left: -18px;
    }

   
    #copy br {
      display: block;
    }

/* newwww */
    #content{
      width: 100%;
      padding-left: 0px;
      margin-left: auto;
      margin-right: auto;

    }

    .postTitle {
      margin-top: 0px;
    }

   .relatedNews {
      float: left;
      width: 100%;
    }

    .postCommentCount {
      margin-right: 10px;
    }

    #respond .fieldLine {
      width: 100%;
    }

    #respond input {
      width: 100%;
    }

    #respond textarea {
      width: 114%;
    }

    .postNav {
      width: 100%;
      
    }

    .postShare, .postNav {
      float: none;
      width: 100%;
    }

    #sidebar{
      margin-top: 28px;
      float: inline-start;
      width:100%;
    }

    .sidebarBox li {
      list-style: none !important; 
    }

    .sidebarBox li::before {
      content: none !important; 
    }

    #respond {    
      padding: 0px 88px 0 68px;
    }
    
    .sectionTitle {
      font-size: unset;
      margin-left: 0px;
    }

    .postContent p {
      width: 100%;
    }


    .postContent img{
      /* padding-right: 36px; */
      text-align: center;

    }

    #featured #featuredSlider{
      width:100%;
      height: 100% !important;
    }

    #featuredSlider{
      padding-left: 0px;
    }

    #featured{
      float: left;
      width: 100%;
      padding: 25px 0;
      clear: both;
      position: relative;
    }

    .mobilerow {
        display: flex;
        flex-direction: column; 
    }
    .mobilerow .mobilecolumn {
        width: 100%; 
    }
    .mobilecolumn .postImage img {
        width: 100%;
        height: auto;
        display: block; 
        position: unset!important;
    }

    #featured #featuredSlider li{
        height:auto;
        width:100%;
    }
    #featuredSlider UL{
        width: 100% !important;;
    }



    #calendar{
      float: inline-start;
      width: 100%;
      min-height: 300px;
      font-size: 0.7em;
      padding: 0%;
      background: #F2F2F2;
      border-left: 1px solid #E1E1DD;
    
    }

    #lastNews LI {
      float: left;
      width: 100%;
      margin-left: 0px;
    }

    /* https://dev.colegioyapeyu.edu.ar/?m=202508 */
    .postInfo{
        width:100%;
        padding:0;
        margin-top: 24px;
    }

    #gradeNews .postInfo {
      float: right;
      width: 100%;
    }

    #featuredNav{
      position: unset;
    }

    .postImage img{
        height:auto!important;
      position: absolute!important;
    }

    .postContent p img {
      width: -moz-available;
      padding: 20px;
      margin: 10px;
    }

    .postContent p {
      padding-bottom: 0px;
    }

    #main #content #respond{
      padding: 40px 70px 0 18px!important;
    }


    /* captcha */
    .g-recaptcha{
     margin-top: 10px !important;
    }


      /* gallery in single */
    #gallery-1 .gallery-item {
      float: left;
      margin-top: 10px;
      text-align: center;
      width: 100%;
    }


    /* listing in home page sidebar */
    .gradeBox .list{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 6px;
    }

    #gradeNews .gradeBox{
      margin-left: 0px;
      width: 100%;
    }

    #gradeNews .gradeBox LI.last {
      border-bottom: 1px solid #EEE;;
    }
    #lastNews .postImage {
      width: 100%;
      height: 253px;
    }

    #lastNews .postImage IMG {
    
      clip: auto;
    
    }

    .archive .postImage{
      width: 100%;
    
    }
    .archive .postImage img{
      clip: auto;
      height: 162px!important;
    }


    .postContent img{
      margin: auto;
    }

    #lastNews .postImage img {
      height: inherit !important;
      position: absolute;
      
    }

    #featuredSlider .postImage{
      width: 100%!important;
    
    }

    #featuredSlider .postInfo{
      width: 100%!important;
      padding: 0px!important;
    }

    #featuredNav P{
      margin-left: 0px;
    }
      #calendar{
    display: none !important;;
  }
}



.postTitle {
  margin-top: 0px!important;
}

.g-recaptcha{
  margin-top: 10px !important;
}


  	

 @media screen and (min-width: 1919px)
 { 
  .wrap {
  width: 1200px!important;
  } 

  #main ,.sidebarBox h3{
    padding: 60px 0 35px;
    background: none;
  }

  /* singlepost page */
  #sidebar {
    float: right;
    width: 239px;
    background: #f2f2f2;
    padding: 10px;
  }

  #content {
    float: left;
    width: 870px;
    padding: 11px 20px 0;
  }

  #sidebar ,.sidebarBox h3{
    padding: 10px 0 10px;
   
  }

  #respond .fieldLine {
    float: right;
    width: 382px;
    padding: 7px 0 10px;
  }

  #respond input {
    width: 291px;
  }

  #respond input,#respond textarea{
    border: 2px solid #DDD;
  }

  #respond textarea{
    width: 609px;
  }

  #facebookConnect{
    width: 216px;
  }

  #calendar {
    float: right;
    width: 285px;
  }

  #calender{
    padding: 26px 32px;
    width: 232px!important;
  }

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 
      cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, 
      ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button
      {margin:0; padding:0; border:0; outline:0; font-size: 104%; vertical-align: baseline; background:transparent;} 
  
  #subscribe {
    width: 20%;
  }
  
  #search {
    border: 2px solid #CACACA;
  }

  #menu-sections {
    float: inherit;
    width: 100%;
  }
 
  #intranet {
    float: right;
    width: 279px!important;
    margin: 0 auto;
	  margin-top: 0px !important;
	  
  }

  .my-calendar-date-switcher{
    font-size: 104%!important;
  }
  
  .mc-main .my-calendar-navigation select{
    padding-left: 10px!important;
  }

  #lastNews LI {
    float: left;
    width: 280px;
    margin-left: 20px;
  }

  #lastNews .postContent {
    font-size: 104%;  
  }

  #gradeNews .gradeBox {
    float: left;
    width: 280px;
  }

  h4{
    font-size: 104%;
  }

  #gradeNews .postInfo {
    float: right;
    width: 190px;
  }

  /* archive */
  .postContent p{
    font-size:104% ;
  }

  .archive .post .postInfo {
    width: 600px;
  }

  .single .postContent p { 
     width: 100%;
  }

  .post .postContent p{
    width: 100%;
  }

  #sidebar ,.sidebarBox h3 ,li{
    font-size: 15px;
  }
  #sidebar .sidebarBox li{
    font-size: 15px;
  }


  .sidebarBox h3 {
    padding-left: 15px!important;
    background: #FFF url(../images/sidebarTitle.png) no-repeat 100% 100% !important;
  }

  #respond button {
    padding: 0;
    float: left!important;
    font-size: 1.3em;
    cursor: pointer;
  }

  
}