/* #Media Queries
================================================== */
@media screen and (min-width: 320px) and (max-width: 480px) {
.booking-row .form-control{    padding: 3px; }

#header.header-content-1 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-2 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-3 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-4 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-5 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-6 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-7 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-8 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-9 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-10 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-11 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-12 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-13 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-14 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-15 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-16 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-17 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-18 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-19 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-20 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-21 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-22 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-23 {
    background-size: 247% 100%;
    height: 540px;
}
#header.header-content-24 {
    background-size: 247% 100%;
    height: 540px;
}
#header .booking-row {
    bottom: 0;
    max-width: 1440px;
    position: relative !important;
    width: 100%;
    z-index: 1;
}
#logo img {
    transition: none 0s ease 0s ;
}
.text-h2 {
    color: #8c5833;
    font-size: 33px;
    margin: 0 0 39px !important;
    padding: 0;
    text-transform: uppercase;
}
.navi-tabs {
    border-bottom: medium none !important;
    float: left;
    margin: 0 !important;
    padding: 0;
    text-align: center;
    width: 100%;
}
.nav-tabs > li {
    float: none;
    margin-bottom: -1px;
}
.navi-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: inherit !important;
    border-bottom-width: 0;
    border-image: none;
    border-left-color: inherit !important;
    border-left-width: 0;
    border-right: 0 none !important;
    border-style: none !important;
    border-top-color: inherit !important;
    border-top-width: 0;
    color: #dca82e !important;
}
.navi-tabs > li > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-radius: 0;
    border-right: 0 none !important;
    margin: 0 !important;
    padding: 0 9px !important;
}
.accommodation {
    border: 2px solid #eff3f4;
    float: left;
    left: -48px;
    margin: 0 0 0 !important;
    padding: 0;
    position: relative;
    transition: all 500ms ease-in 0s;
    width: 282px;
}
.mg-image {
    margin: 0 auto;
    overflow: hidden;
    transition: all 500ms ease-in 0s;
    width: 278px;
}
.accommodation h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    float: left;
    font-size: 15px;
    margin: 0 !important;
    padding: 6px 9px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}	
#footer .widget {
    text-align: left;
}
#footer {
    background: none repeat scroll 0 0 #ecf0f1;
    color: #667279;
    font-size: 1.2rem;
    padding: 23px 0;
}
p, li, span, div {
    font-size: 14px;
}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	
.accommodation {
    border: 2px solid #eff3f4;
    float: left;
    left: -48px;
    margin: 0 !important;
    padding: 0;
    position: relative;
    transition: all 500ms ease-in 0s;
    width: 118%;
}
.mg-image {
    margin: 0 auto;
    overflow: hidden;
    transition: all 500ms ease-in 0s;
    width: 590px;
}
.accommodation h2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    float: left;
    font-size: 15px;
    margin: 0 !important;
    padding: 6px 9px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}
}
@media screen and (min-width: 641px) and (max-width: 768px) {
#SearchAccomodation .btn{
	margin-top:18px;	
}
#logo {
    float: left;
    padding: 5px 0;
    transition: none 0s ease 0s ;
    width: 21%;
} 
#main-nav .menu > .menu-item {
    margin-left: 9px;
}
.navi-tabs {
    border-bottom: medium none !important;
    float: left;
    margin: 0 0 28px !important;
    padding: 0 11%;
    text-align: center;
    width: 100%;
}
.booking-row {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);*/
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    position: relative !important;
    z-index: 1;
}
.mg-image {
    margin: 0 auto;
    overflow: hidden;
    transition: all 500ms ease-in 0s;
    width: 292px;
}
.col-sm-offset-1 {
    margin-left: 0.333%;
}	 
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
#header {
	min-height:660px;	
}
#logo {
    float: left;
    padding: 5px 0;
    transition: none 0s ease 0s ;
    width: 21%;
}
#main-nav .menu > .menu-item {
    margin-left: 9px;
}
.navi-tabs {
    border-bottom: medium none !important;
    float: left;
    margin: 0 0 28px !important;
    padding: 0 11%;
    text-align: center;
    width: 100%;
}
.booking-row {
   /* background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);*/
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
    position: relative !important;
    z-index: 1;
}
.mg-image {
    margin: 0 auto;
    overflow: hidden;
    transition: all 500ms ease-in 0s;
    width: 292px;
}
.col-sm-offset-1 {
    margin-left: 0.333%;
}
}