/*Carousel 3d tympanus*/
/*-------------------------------------------------------------------------------*/
.dg-container{
    width: 100%;
    height: 395px;
    position: relative;
    margin-top: 2%;
}
.dg-wrapper{
    width: 481px;
    height: 316px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
}
.dg-wrapper a{
    width: 770px;
    height: 292px
    display: block;
    position: absolute;
    left: -138px;
    top: 0;
    background: transparent url(../img/browser.png) no-repeat top left;
    background-size: cover;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
}
.dg-wrapper a.dg-transition{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
    display: block;
    width: 769px;
    height: 294px;
    padding: 1px 1px 1px 1px;
}
.dg-wrapper a div{
    font-style: italic;
    text-align: center;
    line-height: 50px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    color: #333;
    font-size: 16px;
    width: 100%;
    bottom: -55px;
    display: none;
    position: absolute;
}
.dg-wrapper a.dg-center div{
    display: block;
}
.dg-container nav{
    width: 58px;
    position: absolute;
    z-index: 1000;
    bottom: 45px;
    left: 50%;
    margin-left: -30px;
}
.dg-container nav span{
    text-indent: -9000px;
    float: left;
    cursor:pointer;
    width: 24px;
    height: 25px;
    opacity: 0.8;
    background: transparent url(../img/arrows.png) no-repeat top left;
}
.dg-container nav span:hover{
    opacity: 1;
}
.dg-container nav span.dg-next{
    background-position: top right;
    margin-left: 10px;
}

/*-------------------------------------------------------------------------------*/
/*End Carousel 3d tympanus*/

.dateDiv {
    width: 12%;
    height: 35px;
    margin-left: 15px;
    padding-left: 0;
    padding-bottom: 12%;
    background-color: #000000;
}

.dateDiv2 {
    width: 23%;
    height: 35px;
    margin-left: 15px;
    padding-left: 0;
    padding-bottom: 23%;
    background-color: #000000;
}

.textCenterDay {
    padding-left: 35% !important;
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
}

.textCenterDay2 {
    padding-left: 35% !important;
    font-size: 19px;
    font-weight: bold;
    color: #ffffff;
}

.textCenterMonth {
    margin-top: -15%;
    padding-left: 40% !important;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
}

.marginTopRow {
    margin-top: 1%;
}

.marginTopRow2 {
    margin-top: 2.5%;
}

.actorStyle {
    text-align: left;
    font-size: 10px;
    font-weight: bolder;
    max-width: 100%;
    width: 100%;
    /*max-height: 15px;*/
    /*height: 15px;*/
    /*overflow: hidden;*/
}

.actorStyle2 {
    text-align: left;
    font-size: 10px;
    font-weight: bolder;
    max-width: 100%;
    width: 100%;
    max-height: 15px;
    height: 15px;
    overflow: hidden;
}

.orasStyle {
    text-align: left;
    font-size: 9px;
}

.locStyle {
    text-align: left;
    font-size: 9px;
}

.divText {
    padding-left: 4px;
}

.divText2 {
    padding-left: 4px;
}

.divCol3A {
    padding-right: 10px;
}

.divCol3B {
    padding-right: 10px;
    padding-left: 10px;
}

.divCol3C {
    padding-left: 10px;
}


.div6A {
    padding-left: 0;
    padding-right: 10px;
}

.div6B {
    padding-left: 10px;
    padding-right: 0;
}

.div6B2 {
    padding-left: 10px;
    padding-right: 10px;
}

.div6B3 {
    padding-left: 10px;
    padding-right: 0;
}

.imgHeight {
    width: 150px;
    height: 222px;
}

.imgLara {
    width: 150px;
    height: 113px;
}

.imgLarFas {
    width: 323px;
    height: 166px;
}

.imgSaliSpect {
    width: 323px;
    height: 166px;
}

.positionRow8Img {
    margin-top: 1.5%;
}

.positionRowTopEven {
    margin-top: 1%;
}

.positionRowRecomandariCulturale {
    margin-top: 1%;
}

.positionRowSaliSpect {
    margin-top: 1%;
}

.imgRecCult  {
    width: 664px;
    height: 222px;
}

.hrStyle {
    border-top: 2px solid grey;
    margin-top: 1%;
    margin-bottom: 1%;
}

.backgroundContFld {
    background-color: #cce5ff;
}

.divElem {
    background-color: #ffffff;
    margin-top: -1.05%;
    margin-bottom: -1.5%;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
    padding-left: 105px;
    padding-right: 105px;
}

.colorGreen {
    background-color: #739900;
    color: #ffffff;
    font-size: 28px;
    margin-top: 2%;
    padding-left: 3%;
    padding-right: 3%;
}


/* Slider 2D */
/*------------------------------------------------------*/
.slide{
    margin-top: 30px;
}

.details {
    margin: 50px 0;
}

.details h1 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 3px;
}

.details .back-link {
    text-align: center;
}

.details .back-link a {
    display: inline-block;
    margin: 20px 0;
    padding: 15px 30px;
    background: #333;
    color: #fff;
    border-radius: 24px;
}

.details .back-link a svg {
    margin-right: 10px;
    vertical-align: text-top;
    display: inline-block;
}

.faPozLeft {
    margin-top: 145%;
    margin-left: -45%;
}

.faPozRight {
    margin-top: 145%;
    margin-left: 45%;
}

.carousel-indicators {
    visibility: hidden;
}

/*#carousel-example-generic > div {*/
    /*width: 664px;*/
    /*height: 267px;*/
/*}*/

/*------------------------------------------------------*/
/* End Slider 2D */

.tmag {
    font-size: 25px;
    font-weight: bold;
    color: #739900;
}

.trends {
    font-size: 25px;
    font-weight: 100;
    color: #739900;
}

.numberGreen {
    background-color: #739900;
    color: #ffffff;
    font-size: 12px;
    padding: 1px 4px;
}

.positionRowTmagTrends {
    margin-top: -3%;
    margin-bottom: 3%;
    margin-left: 0;
}

.positionNumber {
    margin-top: 1.6%;
    margin-left: 0;
}

.rowStiri {
    margin-bottom: 3%;
}

.navbarBrand {
    font-size: 28px;
}

.navbarFooter {
    text-decoration: none;
    color: #a6a6a6;
    font-size: 11px;
    position: relative;
    top: -15px;
}

.navbarFooter:link{
    text-decoration: none;
    color: #a6a6a6;
}

.navbarFooter:visited {
    text-decoration: none;
    color: #a6a6a6;
}

.navbarFooter:hover {
    text-decoration: none;
    color: #ffffff;
}

.navbarFooter:active {
    text-decoration: none;
    color: #ffffff;
}


.navbarLink {
    text-decoration: none;
    color: #a6a6a6;
    font-size: 15px;
    position: relative;
    top: 3px;
    display: block;
    text-align: left;
}

.navbarLink:link{
    text-decoration: none;
    color: #a6a6a6;
}

.navbarLink:visited {
    text-decoration: none;
    color: #a6a6a6;
}

.navbarLink:hover {
    text-decoration: none;
    color: #ffffff;
}

.navbarLink:active {
    text-decoration: none;
    color: #ffffff;
}

body > div.container-fluid.backgroundContFld > div:nth-child(3) > div > nav > div > div:nth-child(1) > div > form > div > div > button {
    padding: 1.6px 0;
}

.navbarForm {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.navbarIcons {
    font-size: 25px;
    color: #a6a6a6;
    margin-top: 5%;
}

.navbarIcons:hover {
    color: #ffffff;
}

.colorIcons {
    color: #000000;
}

.navbarIcons, .liIcons {
    display: inline-flex;
}

.circleColor {
    color: #a6a6a6;
}

.circleColor:hover {
    color: #ffffff!important;
}

.liPosition {
    margin-left: 3%;
}

.navbarTmag {
    font-size: 35px;
    font-weight: bold;
    color: #a6a6a6;
    position: relative;
    margin-top: 105%;
    margin-left: -55%;
}

.classRow {
    padding-bottom: 3%;
}

.rowFotterPOZ {
    position: relative;
    bottom: -20px;
}

.positionRowTmagSlider {
    position: relative;
    margin-left: 3%;
    margin-top: 3%;
}

.dateSlider {
    background-color: #739900;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 4px;
    width: 35px;
    height: 35px;
}

.artist {
    margin-left: -3%;
}

.mesaj {
    width: 100%;
    height: 15px;
    margin-left: -3%;
    overflow: hidden;
}

.positionNumber {
    margin-top: 2%;
    margin-bottom: 2%;
}

.hrStyleSlider {
    border-top: 2px solid grey;
    margin-top: 2%;
    margin-bottom: 2%;
}

.liMeniuStyle {
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    position: relative;
    margin-left: 15px;
    border-radius: 0 !important;

}

.pagMeniu {
    font-size: 14px;
    font-weight: bold;
}

.navbar-nav > li > a {
    line-height: 15px !important;
}

.listGroupUl {
    margin-top: 5.5%;
    margin-bottom: -1px;

}

.styleAmeniu {
    padding: 5px 5px !important;
    color: #000000 !important;
}

.styleAmeniu:hover {
    font-weight: bold !important;
}

.cont {
    color: #a6a6a6;
    margin-left: 10px;
}

.imgOmulet {
    width: 16%;
    height: auto;
}

.cont, .imgOmulet {
    display: inline-block;
}

.btnCont {
    margin-top: 2px;
    margin-bottom: -1px;
}

.EN {
    color: #a6a6a6;
}

.formSearchMeniu {
    width: 100%;
}

.homeTopImg {
    width: 100%;
    height: 90px;
}

.btnFooter {
    padding: 1.6px 0;
}

.headEventImg {
    width: 100%;
    height: auto;
}

.rowPozImgHead {
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}

.divDateConcert {
    width: 60px;
    height: 60px;
    color: #ffffff;
    background-color: #000000;
    padding: 5px;
}

.divDateConcert, .divDetaliiConcert {
    position: relative;
    display: inline-block;
}

.btnBilete {
    color: #ffffff;
    background-color: #739900;
}

.concertDay {
    font-size: 20px;
    font-weight: bold;

}

.concertLuna {
    font-size: 14px;
    position: relative;
    top: -6px;
}

.concertAn {
    font-size: 12px;
    position: relative;
    top: -12px;
}

.nameConcert {
    font-size: 15px;
    position: relative;
    left: 3px;
}

.textConcert {
    font-size: 12px;
    position: relative;
    left: 3px;
    top: -4px;
}

.concertLoc  {
    font-size: 12px;
    position: relative;
    left: 3px;
    top: -9px;
}

.concertData {
    font-size: 12px;
    position: relative;
    left: 3px;
    top: -14px;
}

.hrStyleEventPage {
    border-top: 2px solid grey;
    margin-top: -0.5%;
    margin-bottom: 1%;
}

.colorGreenEventPage {
    color: #739900;
    font-size: 20px;
    margin-top: 2%;
    padding-right: 3%;
}

.textAlign {
    text-align: left;
}

.marginTopDiv {
    margin-top: 2%;
}

.textSpecial {
    text-align: left;
}

.mesajEventPage {
    text-align: left;
    font-size: 10px;
}

.artistEventPage {
    text-align: left;
    font-size: 11px;
}

.positionRowInfo {
    margin-top: 1%;
    margin-bottom: 2%;
}

.pozRowNavbar {
    margin-top: -1%;
}

.textNavbarAlign {
    font-size: 13px;
    position: relative;
    left: -2%;
}

.navbarIconsGroupPage {
    font-size: 15px;
    color: #a6a6a6;
    margin-top: 5%;
}

.navbarIconsGroupPage:hover {
    color: #ffffff;
}

.colorIconsGroupePage {
    color: #000000;
    font-size: 15px;
}

.navbarIconsGroupPage, .liIconsGroupPage {
    display: inline-flex;
}

.circleColorGroupPage {
    color: #a6a6a6;
}

.circleColorGroupPage:hover {
    color: #ffffff!important;
}

.liPositionGP {
    margin-left: 0;
    margin-right: -2%;
    padding-left: 0;
    padding-right: 0;
}

.list-inline > li {
    display: inline-block;
     padding-right: 0;
     padding-left: 0;
}

.divDateConcertGroupPage {
    width: 50px;
    height: 50px;
    color: #ffffff;
    background-color: #000000;
    padding: 5px;
}

.nameConcertGP {
    font-size: 20px;
    position: relative;
    left: 3px;
}

.hrStyleGP {
    border-top: 2px solid #cccccc;
    margin-top: 1.5%;
    margin-bottom: 1%;
}

.concertLocGP {
    font-size: 15px;
    font-weight: bold;
    position: relative;
    left: 3px;
    top: 3px;
}

.colorGreenGP {
    color: #739900;
    font-size: 15px;
    margin-top: 2%;
    padding-right: 3%;
}

.colorGP {
    color: #000000;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
}

.colorGPa {
    color: #000000;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    margin-top: -5px;
}

.colorGPb {
    color: #000000;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    position: relative;
    margin-top: -10px;
}

.divColTmag {
    padding-left: 0;
    padding-right: 0;
}

.divColBtnMen {
    padding-left: 0;
    padding-right: 0;
}

.divColSearch {
    padding-left: 0;
    padding-right: 0;
}

.divColCont {
    padding-left: 0;
    padding-right: 0;
}

.divColEn {
    padding-left: 0;
    padding-right: 0;
}

/*SMARTPHONE*/
/*--------------------------------------------------------*/

@media only screen and (max-width: 320px) and (max-height: 500px) and (orientation: portrait) {
    .homeTopImg {
        height: 20px;
    }

    .navbar-form {
        margin-left: 0;
    }

    .liMeniuStyle {
        margin-left: 10%;
        margin-right: 10%;
    }

    .tmagStyle {
        margin-left: 38%;
    }

    .btnCont {
        margin-left: 10%;
    }

    .btnEN {
        margin-right: 10%;
    }

    .styleAmeniu {
        text-align: center;
    }


    .navbarBrand {
        font-size: 18px;
        padding-left: 0;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 14px;
    }

    .liPosition {
        margin-left: 2%;
    }

    .navbarTmag {
        font-size: 25px;
        margin-top: 2%;
        margin-left: 74%;
    }

    .container {
        text-align: left !important;
    }

    .navbarLink {
        font-size: 11px;
    }

    .navbarFooter {
        top: 3px;
    }



    /*.dateDiv {*/
        /*width: 12%;*/
        /*height: 37px;*/
    /*}*/

    .divCol3A {
        padding-right: 5%;
        margin-bottom: 3%;
    }

    .divCol3B {
        padding-right: 5%;
        padding-left: 5%;
        margin-bottom: 3%;
    }

    .divCol3C {
        padding-right: 5%;
        padding-left: 5%;
        margin-bottom: 3%;
    }


    .divElem {
        margin-top: -8.85%;
        padding-left: 2%;
        padding-right: 2%;
    }

    .dg-container{
        width: 100%;
        height: 290px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 225px;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 240px;
        height: 175px;
        left: 1px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 175px;
        padding: 10px 1px 1px 1px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px)
and (min-height: 485px) and (max-height: 600px) and (orientation: portrait) {
    .homeTopImg {
        height: 20px;
    }

    .navbar-form {
        margin-left: 0;
    }

    .liMeniuStyle {
        margin-left: 10%;
        margin-right: 10%;
    }

    .tmagStyle {
        margin-left: 38%;
    }

    .btnCont {
        margin-left: 10%;
    }

    .btnEN {
        margin-right: 10%;
    }

    .styleAmeniu {
        text-align: center;
    }


    .navbarBrand {
        font-size: 18px;
        padding-left: 0;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 14px;
    }

    .liPosition {
        margin-left: 2%;
    }

    .navbarTmag {
        font-size: 25px;
        margin-top: 2%;
        margin-left: 74%;
    }

    .container {
        text-align: left !important;
    }

    .navbarLink {
        font-size: 11px;
    }

    .navbarFooter {
        top: 3px;
    }


    .divElem {
        margin-top: -8.85%;
    }

    .dg-container{
        width: 100%;
        height: 290px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 225px;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 240px;
        height: 175px;
        left: 1px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 175px;
        padding: 10px 1px 1px 1px;
    }
}

/*TABLET*/
/*--------------------------------------------------------*/

@media only screen and (min-width: 580px) and (max-width: 760px) and (orientation: portrait) {
    .homeTopImg {
        height: 25px;
    }

    .navbar-form {
        margin-left: 0;
    }

    .liMeniuStyle {
        margin-left: 5%;
        margin-right: 5%;
    }

    .tmagStyle {
        margin-left: 44%;
    }

    .btnCont {
        margin-left: 5%;
    }

    .btnEN {
        margin-right: 5%;
    }

    .styleAmeniu {
        text-align: center;
    }


    .navbarBrand {
        font-size: 18px;
        padding-left: 0;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 14px;
    }

    .liPosition {
        margin-left: 5%;
    }

    .navbarTmag {
        font-size: 25px;
        margin-top: 2%;
        margin-left: 87%;
    }

    .container {
        text-align: left !important;
    }

    .navbarLink {
        font-size: 11px;
    }

    .navbarFooter {
        top: -18px;
    }

    .divElem {
        margin-top: -5.85%;
    }

    .dg-container{
        width: 100%;
        height: 340px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 280px
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 34px;
    }

    .dg-wrapper a {
        width: 470px;
        height: 220px;
        left: -115px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 221px;
        padding: 18px 1px 1px 1px;
    }
}

@media only screen and (min-width: 761px) and (min-height: 1024px) and (orientation: portrait) {
    .homeTopImg {
        height: 30px;
    }

    .pagMeniu {
        font-size: 7.5px;
    }

    .listGroupUl {
        margin-top: 17%;
        margin-bottom: -1px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .navbar-btn {
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        line-height: 7px !important;
    }

    .btnEN {
        margin-top: 15%;
    }

    .divElem {
        margin-top: -2.6%;
    }

    .liMeniuStyle {
        margin-left: 6px;
    }



    .navbarBrand {
        font-size: 20px;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 18px;
    }

    .liPosition {
        margin-left: 3.5%;
    }

    .navbarTmag {
        margin-top: 70%;
        margin-left: -35%;
    }

    .container {
        text-align: left !important;
    }

    .navbarFooter {
        top: 3px;
    }


    .dg-container{
        width: 100%;
        height: 360px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 243px;
        height: 310px
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 400px;
        height: 240px;
        left: -75px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 241px;
        padding: 16px 1px 1px 1px;
    }
}

@media only screen and (min-width: 780px) and (max-width: 1549px) and (orientation: portrait) {
    .navbarTmag {
        margin-top: 43%;
        margin-left: -35%;
    }


    .dg-container{
        width: 100%;
        height: 360px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 243px;
        height: 310px
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 90px;
    }

    .dg-wrapper a {
        width: 400px;
        height: 240px;
        left: -75px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 241px;
        padding: 16px 1px 1px 1px;
    }
}

@media only screen and (min-width: 1550px) and (orientation: portrait) {
    .homeTopImg {
        height: 55px;
    }

    .pagMeniu {
        font-size: 16px;
    }

    .listGroupUl {
        margin-top: 7%;
        margin-bottom: -1px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .navbar-btn {
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        line-height: 16px !important;
    }

    .btnEN {
        margin-top: 7%;
    }

    .divElem {
        margin-top: -1.3%;
    }

    .liMeniuStyle {
        margin-left: 6px;
    }



    .navbarBrand {
        font-size: 28px;
    }

    .navbarFooter {
        top: -15px;
    }

    .liPosition {
        margin-left: 5%;
    }

    .navbarTmag {
        margin-top: 100%;
        margin-left: -35%;
    }


    .dg-container{
        width: 100%;
        height: 410px;
        position: relative;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 481px;
        height: 316px;
        margin: 0 auto;
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }

    .dg-wrapper a{
        width: 708px;
        height: 316px;
        display: block;
        position: absolute;
        left: -113px;
        top: 0;
        background: transparent url(../img/browser.png) no-repeat top left;
        background-size: cover;
        box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    }

    .dg-wrapper a img{
        display: block;
        width: 100%;
        height: 318px;
        padding: 30px 2px 2px 2px;
    }


}



/*SMARTPHONE*/
/*--------------------------------------------------------*/

@media only screen and (max-width: 500px) and (max-height: 500px) and (orientation: landscape) {
    .liMeniuStyle {
        margin-left: 7%;
        margin-right: 7%;
    }

    .navbar-form {
        margin-left: 0;
    }

    .tmagStyle {
        margin-left: 41%;
    }

    .btnCont {
        margin-left: 7%;
    }

    .btnEN {
        margin-right: 7%;
    }

    .styleAmeniu {
        text-align: center;
    }

    .homeTopImg {
        height: 30px;
    }


    .navbarBrand {
        font-size: 18px;
        padding-left: 0;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 14px;
    }

    .liPosition {
        margin-left: 2.5%;
    }

    .navbarTmag {
        font-size: 25px;
        margin-top: 2%;
        margin-left: 83%;
    }

    .container {
        text-align: left !important;
    }

    .navbarLink {
        font-size: 11px;
    }


    .divElem {
        margin-top: -6.85%;
    }

    .dg-container{
        width: 100%;
        height: 290px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 225px;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 285px;
        height: 175px;
        left: -22px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 175px;
        padding: 10px 1px 1px 1px;
    }
}


@media only screen and (min-width: 500px) and (max-width: 767px) and (min-height: 300px) and (orientation: landscape) {
    .liMeniuStyle {
        margin-left: 6%;
        margin-right: 6%;
    }

    .navbar-form {
        margin-left: 0;
    }

    .tmagStyle {
        margin-left: 43%;
    }

    .btnCont {
        margin-left: 6%;
    }

    .btnEN {
        margin-right: 6%;
    }

    .styleAmeniu {
        text-align: center;
    }

    .homeTopImg {
        height: 33px;
    }


    .navbarBrand {
        font-size: 22px;
        padding-left: 0;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 14px;
    }

    .liPosition {
        margin-left: 4%;
    }

    .navbarTmag {
        font-size: 25px;
        margin-top: -1%;
        margin-left: 86%;
    }

    .container {
        text-align: left !important;
    }

    .navbarLink {
        font-size: 11px;
    }


    .divElem {
        margin-top: -5.85%;
    }

    .dg-container{
        width: 100%;
        height: 290px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 225px;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 352px;
        height: 175px;
        left: -54px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 175px;
        padding: 10px 1px 1px 1px;
    }
}

/*TABLET*/
/*--------------------------------------------------------*/

@media only screen and (min-width: 768px) and (max-width: 990px) and (orientation: landscape) {
    .pagMeniu {
        font-size: 9px;
    }

    .listGroupUl {
        margin-top: 16%;
        margin-bottom: -1px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .navbar-btn {
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        line-height: 7px !important;
    }

    .btnEN {
        margin-top: 15%;
    }

    .liMeniuStyle {
        margin-left: 6px;
    }

    .homeTopImg {
        height: 35px;
    }


    .navbarIcons {
        margin-left: 0;
    }

    .liPosition {
        margin-left: 1%;
    }

    .navbarTmag {
        margin-top: 30%;
        margin-left: -45%;
    }


    .navbarBrand {
        font-size: 16px;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 14px;
    }

    .liPosition {
        margin-left: 1%;
    }

    .navbarTmag {
        font-size: 25px;
        margin-top: -1%;
        margin-left: -35%;
    }

    .container {
        text-align: left !important;
    }

    .navbarLink {
        font-size: 11px;
    }

    .divElem {
        margin-top: -2.6%;
    }

    .dg-container{
        width: 100%;
        height: 325px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 225px;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 416px;
        height: 205px;
        left: -88px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 206px;
        padding: 16px 1px 1px 1px;
    }
}

@media only screen and (min-width: 990px) and (max-width: 1199px) and (orientation: landscape) {
    .pagMeniu {
        font-size: 9px;
    }

    .listGroupUl {
        margin-top: 11%;
        margin-bottom: -1px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .navbar-btn {
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        line-height: 15px !important;
    }

    .btnEN {
        margin-top: 18%;
    }

    .divElem {
        margin-top: -2%;
    }

    .homeTopImg {
        height: 45px;
    }


    .navbarIcons {
        margin-left: 0;
    }

    .liPosition {
        margin-left: 4%;
    }

    .navbarTmag {
        margin-top: 30%;
        margin-left: -45%;
    }


    .navbarBrand {
        font-size: 22px;
    }

    .navbarIcons {
        margin-left: 0 !important;
        font-size: 18px;
    }

    .liPosition {
        margin-left: 1%;
    }

    .navbarTmag {
        margin-top: 20%;
        margin-left: -35%;
    }

    .container {
        text-align: left !important;
    }

    .dg-container{
        width: 100%;
        height: 360px;
        margin-top: 2%;
    }

    .dg-wrapper{
        width: 242px;
        height: 290px;
        margin: 0 auto;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 80px;
        -moz-perspective: 80px;
        perspective: 80px;
    }

    .dg-wrapper a {
        width: 490px;
        height: 245px;
        left: -123px;
        top: 25px;
    }

    .dg-wrapper a img{
        width: 100%;
        height: 246px;
        padding: 16px 1px 1px 1px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) and (orientation: landscape) {
    .pagMeniu {
        font-size: 9px;
    }

    .listGroupUl {
        margin-top: 8.5%;
        margin-bottom: -2px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0;
    }

    .navbar-btn {
        margin-top: 6px;
        margin-bottom: 0;
    }

    .navbar-nav > li > a {
        line-height: 15px !important;
    }

    .btnEN {
        margin-top: 11%;
    }

    .divElem {
        margin-top: -1.6%;
    }

    .homeTopImg {
        height: 55px;
    }


    .navbarIcons {
        margin-left: 0;
    }

    .liPosition {
        margin-left: 1%;
    }

    .navbarTmag {
        margin-top: 30%;
        margin-left: -45%;
    }

    .dg-container {
        width: 100%;
        height: 365px;
        margin-top: 2%;
    }

    .dg-wrapper a {
        width: 467px;
        height: 270px;
        display: block;
        position: absolute;
        left: 8px;
    }

    .dg-wrapper a img {
        width: 100%;
        height: 271px;
        padding: 18px 1px 1px 1px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1649px) and (orientation: landscape) {
    .pagMeniu {
        font-size: 15px;
    }

    .listGroupUl {
        margin-top: 6.6%;
        margin-bottom: -2px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0;
    }

    .navbar-btn {
        margin-top: 6px;
        margin-bottom: 0;
    }

    .navbar-nav > li > a {
        line-height: 15px !important;
    }

    .btnEN {
        margin-top: 8%;
    }

    .divElem {
        margin-top: -1.3%;
    }

    .homeTopImg {
        height: 80px;
    }

    .dg-wrapper a {
        width: 706px;
        height: 400px;
        display: block;
        position: absolute;
        left: -112px;
    }
}

@media only screen and (min-width: 1650px) and (max-width: 2299px) and (orientation: landscape) {
    .navbarBrand {
        font-size: 30px;
    }

    .navbarFooter {
        font-size: 14px;
        top: -11px;
    }

    .liPosition {
        margin-left: 5%;
    }

    .navbarTmag {
        font-size: 35px;
        margin-top: 105%;
        margin-left: -55%;
    }

    .divElem {
        margin-top: -1%;
    }


}

@media only screen and (min-width: 2300px) and (max-width: 2499px) and (orientation: landscape) {
    .navbarBrand {
        font-size: 30px;
    }

    .navbarFooter {
        font-size: 14px;
        top: -11px;
    }

    .liPosition {
        margin-left: 5%;
    }

    .navbarTmag {
        font-size: 35px;
        margin-top: 105%;
        margin-left: -55%;
    }

    .divElem {
        margin-top: -0.85%;
    }
}

@media only screen and (min-width: 2500px) and (orientation: landscape) {
    .pagMeniu {
        font-size: 20px;
    }

    .listGroupUl {
        margin-top: 4%;
        margin-bottom: -1px;
    }

    .btnCont {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    .navbar-btn {
        margin-top: 3px;
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        line-height: 15px !important;
    }

    .btnEN {
        margin-top: 5%;
    }

    .divElem {
        margin-top: -0.8%;
    }

    .homeTopImg {
        height: 120px;
    }



    .navbarBrand {
        font-size: 40px;
    }

    .navbarFooter {
        font-size: 14px;
        top: -5px;
    }

    .liPosition {
        margin-left: 7%;
    }

    .dg-container{
        width: 100%;
        height: 495px;
        position: relative;
        margin-top: 2%;
    }
    .dg-wrapper{
        width: 481px;
        height: 316px;
        margin: 0 auto;
        position: relative;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-perspective: 1000px;
        -moz-perspective: 1000px;
        perspective: 1000px;
    }

    .dg-wrapper a{
        width: 910px;
        height: 400px;
        display: block;
        position: absolute;
        left: -214px;
        top: 0;
        background: transparent url(../img/browser.png) no-repeat top left;
        background-size: cover;
        box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
    }

    .dg-wrapper a img{
        display: block;
        width: 100%;
        height: 402px;
        padding: 30px 2px 2px 2px;
    }

}