@media(min-width:1025px){
.desktop{ display:inline-block;}
.mobile{ display:none;}
}
@media(max-width:1024px){
.desktop{ display:none;}
.mobile{ display:inline-block;}

}


@media(min-width:992px) and (max-width:1024px){ 
.slide1{ background-position:center !important; }
.slide1 .bContainer { padding: 0 0 0 38px; text-align: left; top: 0;}
.navbar-default .navbar-nav > li > a { font-size: 20px; padding: 28px 17px;}
#newslatter span { min-width: 283px;}
#newslatter input[type="text"] { width: 340px;}
#welcome img { width: 48%; margin:0 25px 50px 0;}
#welcome h2,
#welcome p,
#welcome a{ float:right; width:49%;}
#welcome h2 { font-size: 30px;}
#rentals h1 { padding: 0 0 30px;}
#rentals { padding: 30px 0 0;}
#rentals .col-md-12{ text-align:center;}
#rentals h4 { font-size: 24px; padding: 15px 0; margin: 0 auto; text-align: left; width: 70%;}
#rentals ul { margin: 0 auto; text-align: left; width: 70%;}
.time-table { padding: 0 0 25px;}
.bottam-text span { font-size: 26px; padding-bottom:10px;}
.bottam-text span big { font-size: 38px; padding-bottom:15px; display:block;}

header.sticky .navbar-default { margin-left: -110px;}
header.sticky .navbar-default .navbar-nav > li > a { padding: 15px 11px;}
header.sticky a.logo { width: 60%;}

}

@media(min-width:768px) and (max-width:991px){
.slide1{ background-position:center !important; }
header:after{ position:absolute; top:81px; left:0; width:100%; content:"";}
header { min-height: 48px;}
a.logo { padding:0; text-align: center; height:48px; width:140px;}
header .navbar { margin-left:25px;}
header.sticky .navbar-default .navbar-nav > li > a { padding: 15px 10px;}
.navbar-default .navbar-nav > li > a { padding:15px 10px; font-size:18px;}
header.sticky .booknow-btn{ height:50px; padding:11px 0;}
header.sticky .booknow-btn a,
header.sticky .booknow-btn a span{ font-size:20px ; }
header.sticky a.logo { width: 92%;}


.booknow-btn { padding:11px 0; width: 150px;}
.booknow-btn a,
.booknow-btn a span{ font-size:20px ; }
.booknow-btn a br{ display:none;}

.slide1 .bContainer { padding: 0 0 0 28px; text-align: left; top: 20px;}
a.login{ padding:15px 10px; }
#newslatter h3 {  font-size: 20px; line-height: 35px; padding: 0 10px 0 0;}
#newslatter h3 i{ font-size:20px; padding-right:5px;}
#newslatter span { font-size: 15px; line-height: 35px; min-width: inherit;}
#newslatter input[type="text"] { margin: 0 10px 0 0; padding: 0 5px; width: 271px;}
#newslatter { min-height: 54px; padding: 14px 0;}
#welcome img { margin: 0 20px 20px 0; width: 45%;}
#welcome h2 { font-size: 26px; padding: 0 0 9px;}
#welcome a { font-size: 14px;}

#rentals { padding: 30px 0 0;}
#rentals h1 { padding: 0 0 30px;}
#rentals .col-md-12{ text-align:center;}
#rentals h4 { font-size: 24px; padding: 15px 0;}
#rentals ul { margin: 0 auto; width: 80%;}
#rentals ul li{ text-align:left;}
#rentals ul li p{ font-size:16px;}
#rentals ul li p span { font-size: 20px; top: 10px;}
.time-table { padding: 0 0 15px;}
.bottam-text span {  font-size:24px; padding: 0 0 10px;}
.bottam-text span big { font-size: 38px;}
.bottam-text span+span{ padding-bottom:20px;}
.footer-link ul li { margin: 0 6px 0 0;}

}


@media(max-width:767px){
.navbar-header { display: block;}
header{ padding:0;}
.slide1 .bContainer { padding: 0 0 0 17px;}
.text-01,
.text-02,
.text-03,
.text-04{ text-shadow: 1px 1px 1px #000; -moz-text-shadow: 1px 1px 1px #000; -ms-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000;}

.text-01 { font-size:40px; margin:37px 0 10px 0;}
.text-02 { font-size:52px;}
.text-03 { font-size:34px; margin:-10px 0 0 0;}
.text-04 { font-size:16px; margin:0 0 0 5px;}
.royalSlider, .rsOverflow { height: 220px !important;}

#newslatter{ text-align:center; margin:0 0 25px;}
#newslatter h3 { float: none; padding: 0 0 5px;}
#newslatter span { float: none; min-width: inherit;}
#newslatter form { float: none;}
#newslatter input[type="text"] { float: none; margin: 0 auto 10px; width: 96%;}
#newslatter input[type="submit"] { float: none; margin: 0 auto;  width: 96%;}

#welcome { margin: 0 0 25px;}
#welcome h2{ font-size:26px; padding-bottom:10px;}
#welcome img { display: block;float: none; margin: 0 auto 20px 0;}

.time-table{ text-align:center; padding:0;}
.time-table .col-md-6{ margin-bottom:20px; }
#rentals h4 { font-size: 24px; padding: 15px 0;}
#rentals ul { margin: 0 auto; max-width: 280px;}
#rentals ul li p { font-size: 18px; padding: 0 60px 0 38px; text-align: left; background-position:0 0;}
#rentals ul li p small { font-size: 16px;}
#rentals ul li p span { font-size: 22px;}
.bottam-text span { font-size: 22px; padding-bottom:10px;}
.bottam-text span big { font-size: 30px;}
.bottam-text span+span { padding-bottom:20px;}
.bottam-text { padding: 0 0 10px;}
.event{ padding-bottom:25px;}

.ftr-right{ margin:20px 0 25px;}
.ftr-right p i{ float:left;} 
.ftr-right p span a { display:inline-block; padding: 5px 0 0;}
.footer-link > ul { margin: 0;}
footer{ background-position:center 100%; background-size:cover;}


.login-part{ display:none;}
.navbar-default{ z-index:100;}
.navbar-default .navbar-nav > li.last{ display:block;}
.navbar-brand{ display:none;}

.navbar-toggle { margin:0; float:left;}
.navbar-default .navbar-toggle { border-color: #1599cd; background:#1cabe3;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus { background-color: #1599cd;}
.container > .navbar-header, 
.container-fluid > .navbar-header, 
.container > .navbar-collapse, 
.container-fluid > .navbar-collapse { margin-left: 0; margin-right: 0;}
.navbar-header{ position:absolute; top:-41px; right:0;}
a.logo { display: block; padding:0;}
header { min-height: inherit;}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form { background:#deedf0; border: 0 none;}
.navbar-nav { margin: 0; border:1px solid #9ebdc5; border-bottom:1px solid #9ebdc5;}

.navbar-default .navbar-nav > li > a:before{ display:none;}
.navbar-default .navbar-nav > li > a { padding:10px 13px; border-bottom:1px solid #9ebdc5;}
.rsArrow { display:none !important;}
#rentals h1 { padding: 0 0 20px;}

.slider-caption { float: right; margin: 35px 0 0; width: auto;}
.mobile-only{ display:block;}
header.sticky .navbar-default { margin-left: 0;}
.navbar-default .navbar-nav > li { padding: 0;}
header.sticky .navbar-default .navbar-nav > li > a { font-size: 18px; padding: 9px 20px;}
.booknow-btn{ display:none;}
.top-header .pull-left { padding: 0;}

header { min-height: 48px;}
a.logo { display: block; margin: 0; padding: 0;}


}

@media (min-width:640px) and (max-width:767px){
.navbar-header { top: -42px;}
.logo > img { width: 46%;}
header.sticky .logo > img { width:34%;}
.slide1{ background-position:60% !important; }

}



@media (min-width:480px) and (max-width:639px){
.logo > img { width: 46%;}
.slide1{ background-position:60% !important; }

}
@media (min-width:360px) and (max-width:479px){
.slide1{ background-position:60% !important; }
#newslatter input[type="text"], .wpcf7-text{ width:96% !important; margin:6px !important; }
.logo > img { width: 46%;}
.top-header .pull-left a { margin-right:5px;}
.top-header a { font-size: 12px;}

}
@media(max-width:359px){
.slide1{ background-position:60% !important; }
#newslatter input[type="text"], .wpcf7-text{ width:96% !important; margin:6px !important; }
.logo{ overflow:visible !important; }
.logo > img { width: 54%;}
.top-header .pull-left a { margin-right:5px;}
.top-header a { font-size: 10px;}


}