@media only screen and (max-width : 767px) 
{

  .hide-xs
  {
    display:none !important;
  }

  .show-xs
  {
    display:block !important;
  }

  /* ---------------------------------------------------------------------
  -- Sticky Footer
  */
  .page-wrap {
    min-height: unset;
    margin-bottom: 10px;
  }

  .page-footer, .page-wrap:after 
  {
    height:unset;
  }

  img
  {
    max-width:100% !important;
  }

  .content
  { 
    padding:10px; 
  }

  /* ---------------------------------------------------------------------
  -- LAYOUT BUILDER
  */
  .panelContainer
  {
    display:block;
    table-layout: unset;
    margin:0;
    padding:0;
    width:100%;
  }

  .panelCell
  {
    display:block;
    margin:0;
    padding:0;
    padding:10px;

    width:100% !important;
  }

  /* ---------------------------------------------------------------------
  -- HEader css
  */
  .topHeaderBar
  {
    position:absolute;
  }

  .topHeaderBar .mainBtn
  {
    padding:0px 10px;
  }

  .topHeaderBar .mainBtn i
  {
    padding:7px 8px;
  }

  .mainMenu
  {
    width:100%;
    max-width: none;
    box-shadow: 0 0 35px rgba(0,0,0,.55);
  }

  .searchForm, .basketCart, .loginRegister
  {
    width:100%;
  }

  .breadcrums
  {
    display:none;
  }

   /* ---------------------------------------------------------------------
  -- Modal
  */

  .modalDialog
  {
    width:94% !important;
    max-height:90%;
    min-width:auto;
    top:5%;
    left:3%;
    -webkit-transform: none;;
    transform: none;

    overflow:auto;
  }

  /* ---------------------------------------------------------------------
   -- H1, H2
   */
   h1 {
    font-family: 'myriadUltraLight',arial, tahoma, sans-serif;
    font-size: 38px;
    letter-spacing: -1px;
    color: #333;
    margin:0 0 10px 0;
  }
  h2 {
    font-family: 'myriadUltraLight',arial, tahoma, sans-serif;
    font-size: 28px;
    font-weight: bold;
    color:#611e7a;
    margin: 0px;
  }


  /* ---------------------------------------------------------------------
  -- Gallery
  */

  .gallery .img 
  {
    margin:3px 3% !important;
    width:94% !important;
  }


  /* -------------------------------------------------------
  -- Page Parts
  */

  .pagePart
  {
    float:none;
    width:100% !important;
    height:auto !important;
  }


  /* ---------------------------------------------------------------------
  -- Dividers
  */

  .dividerRight
  {
    border-right: none !important;
    border-bottom: 1px solid #ffffff;
  }


  /* ---------------------------------------------------------------------
  -- Checkout
  */

  .checkoutAccord
  {
      margin:30px 0;
  }

  .checkoutAccord .accordContent
  {
    padding:12px 0;
  }


   /* ---------------------------------------------------------------------
  -- NEWS TEMPLATE DEFINITION 
  */

  .newsTitle
  {
    font-family: 'myriadUltraLight',arial, tahoma, sans-serif;
    font-size: 28px !important;
    letter-spacing: 1px;
    font-weight: 900;
    margin: 0 0 20px 0;
  }



  /* ---------------------------------------------------------------------
  -- Tabs component
  */

.tabs > ul
{
    display:block;
    height:auto;
    padding:0;
    margin:0;
    list-style: none outside none;
}

.tabs > ul li
{
    width:100%;
    /* custom css */
    padding:10px 24px;
    margin-bottom: 5px;
    margin-right:0;
    border-radius:7px;
    background-color:#652d90;
    color:#FFF;
    font-size:16px;
    cursor:pointer;

    transition: all .3s;
}

.tabs > ul li.active
{
    background-color:#FFF;
    color:#652d90;
    border: 1px solid #652d90;
}

.purchaseItemTable{
	td {
		width: 100%;
		display: table-row;
	}
}


} /* end @media, Sasa slobodno sve stavi iznad ovo taga :)  */