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

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .featured.page img {
            left:-50%;
        }
    	
      #homepage_feed .bilet_section {
          height: auto;
          overflow: hidden;
        }


    }

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

    /* Note: Design for a width of 320px */

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

        #header nav {
            position: static;
            text-align: center;
        }

        #header nav ul {
            display: none;
        }

    	#header nav ul li {
            float: none;
            text-align: center;
            margin-left: 0;
            margin-bottom: 5px;

        }

        .responsive-nav-btn {
            position: relative;
            top:5px;
        }

        .featured.page img {
            left:-725px;
        }

        .flex-control-nav {
        bottom: 0;
        }

        /****** Dropdown navigacija ******/

        ul.sub-menu {
          position:absolute;
          z-index: 9999;
          left:0;
          width:265px;
          padding:0px 0px;
          display:none;
        }

        ul.sub-menu li {
          width:100%;
          padding:0 !important;
          background: #FFFFFF;
        }

        ul.sub-menu li:first-of-type {
          
          padding-top: 15px !important; 
        }

        ul.sub-menu li:first-of-type a {
          border-top: 2px solid #E6C41D;
        }

        ul.sub-menu li:last-of-type {
          padding-bottom: 15px !important;
        }

        ul.sub-menu li:last-of-type a {
          border-bottom: 2px solid #E6C41D;
        }

        ul.sub-menu li a {
          display:block;
          padding:4px 10px;
          text-decoration: none !important;
        }

        ul.sub-menu li a:hover {
          background:#FFFFFF;
          color: #000000 !important;
        }

        ul.sub-menu li a:before {
          content:'» ';
        }

        .menu-item-has-children:hover {
          background: #FFFFFF;
          color: #000000;
        }

        .menu-item-has-children:hover > a {
          color: #000000 !important;
        }

        ul.sub-menu {
            box-shadow: none !important;
        }

        #header nav ul li ul {
            margin: 0 !important;
        }

        #homepage_feed .bilet_section {
          height: auto;
          overflow: hidden;
        }

        .page_title h1 {
          font-size: 24px;
          position: relative;
          top: -20px;
        }

    }

    

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .featured.page img {
            left:-680px;
        }
    }