.elnur-font {
    font-family: "Arial", sans-serif;
    font-style: normal;
    color: #4b3323;
}

.italic {
    font-style: italic;
}

.elnur-bold {
  font-weight: 700;
}

.eggline{
  background-image: url('../images/vacation/palm_on_beach.png');
  background-repeat: repeat-x;
  background-size: 60px;
  height: 60px;
}


.thumbnail img:hover{
  filter: grayscale(100%);
}

.elnur-font-4 {
    font-family: "Arial", sans-serif;
    font-style: normal;
    color: #4b3323;
    font-size: 1.4rem;
}

.elnur-font-5 {
    font-family: "Arial", sans-serif;
    font-style: normal;
    color: #4b3323;
    font-size: 1.25rem;
}

.elnur-font-6 {
    font-family: "Arial", sans-serif;
    font-style: normal;
    color: #4b3323;
    font-size: 1.15rem;
}

.nav-masthead .nav-link {
    /*padding: .25rem 0;*/
    color: rgba(75, 51, 35, .5);
    border-bottom: .25rem solid transparent;
}

.nav-link {
    color: #4b3323;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
    color: rgba(75, 51, 35, .9) !important;
    border-bottom-color: rgba(75, 51, 35, .25);
}

.nav-masthead .nav-link+.nav-link {
    /*margin-left: 1rem;*/
}

.nav-masthead .active {
    color: #4b3323 !important;
    border-bottom-color: rgba(75, 51, 35, .9);
}


#logo {
    height: 90px;
}

.nav-item {
    padding-left: 10px;
    padding-right: 10px;
}

.navbar {
    background: #ffffff;
    border-bottom: .15rem solid transparent;
    border-bottom-color: rgba(75, 51, 35, .4);
}

.mobile{
  display: none;
}

.fixed-table{
  table-layout: fixed;
}

.row.highlight:hover > * {
  background-color: #4b3323;
  color: white;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1367px) {
    #logo {
        height: 80px;
    }

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1366px) {



    #logo {
        height: 70px;
    }

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {


    #logo {
        height: 70px;
    }

}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {


    #logo {
        height: 60px;
    }

}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {

    #logo {
        height: 50px;
    }
    .mobile{
  display: block;
}
.desktop{
  display:none ;
}

}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {

    #logo {
        height: 40px;
    }
    .mobile{
  display: block;
}
.desktop{
  display:none ;
}
}

@media (max-width: 319px) {


    #logo {
        height: 40px;
    }
    .mobile{
  display: block;
}
.desktop{
  display:none ;
}

}