/** 
 *------------------------------------------------------------------------------
 * @package       T3 Framework for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2013 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt, JoomlaBamboo, (contribute to this project at github 
 *                & Google group to become co-author)
 * @Google group: https://groups.google.com/forum/#!forum/t3fw
 * @Link:         http://t3-framework.org 
 *------------------------------------------------------------------------------
 */



//
// TABLET
// -------------------------------------------------------------
@media (min-width: 768px) and (max-width: 979px) {
  #search-form {
    .word a.btn {
      margin-top: @T3globalMargin/2;
    }
  }
}



//
// MOBILE
// -------------------------------------------------------------
@media (max-width: @navbarCollapseWidth) {
  .article-content {
    iframe  {          
      width: 100% !important; 
      height: auto;
    }
  }

  .contact {
    .form-horizontal .control-label {
      &.email_copy {
        float: left;
        margin-right: 5px;
      }
    }

    .thumbnail.pull-right {
      width: 100%; 
      float: none;

      img {
        width: 100%;
      }
    }
    .dl-horizontal dt {
      float: left;
      margin-right: 5px;
    }
  }

  .login-wrap {
    .login_form fieldset, 
    .login fieldset{
      padding-left: @T3globalPadding;
    }
  }
}

//
// MOBILE
// -------------------------------------------------------------
@media (max-width: 599px) {

  //
  // GENERIC ARTICLE STYLES
  // -----------------------------------------------------------

  // Article Images
  // --------------
  article img[align=left], .img_caption.left,
  article img[align=right], .img_caption.right,
  .img-fulltext-left, .img-fulltext-right {
    float: none !important;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }

  a#advanced-search-toggle {
    margin-top:  (@T3globalMargin / 2);
  }

   #search-form {
    .word {
      a.btn {
        margin-top: @T3globalMargin / 2;
      }
    }
  }

}



//
// MOBILE
// -------------------------------------------------------------
@media (max-width: 360px) {
  button.button {
    margin-top:  (@T3globalMargin / 2);
  }

  #search-form {
    .word {
      button.btn,
      a.btn {
        margin-top: @T3globalMargin / 2;
      }
    }
  }
}