/*$$__TEMPLATE_RESOURCE_START__$$*/
/*$$START[block-1390462398*/
/* [Start - Banner Responsive Styles] */
@media (min-width: 1200px) {
    .caption {
        left:4%;
        top:80px;
    }
    div#container {
        margin:29% auto 0;
    }
  
  div.intro{
    position: absolute;
    left: 0;
    top: 84px;
    right: 0;
    width: 100%;
  }
  div.caption{
    position: static;
    margin: 0 auto;
    width: 1171px;
  }
  div#main-banner .bread-crumb-wrapper{
    width:1170px;
  }
  div.my-trip-button{
    width:1100px;
  }

}
@media (min-width: 768px) and (max-width: 979px){
    div#main-banner, .slider, .slider li {
        height:auto;
    }
    .caption {
        width:auto;
        padding:0px 20px 0px 20px;
        
    }
    footer {
        background:#FCB040;
    }
    div#footer-wrapper #footcl-five a.facebook {
        background:url("../images/sprite.png") no-repeat -251px -262px;
    }
    div#footer-wrapper #footcl-one,
    div#footer-wrapper #footcl-two,
    div#footer-wrapper #footcl-three,
    div#footer-wrapper #footcl-four, 
    div#footer-wrapper #footcl-five {
        border-bottom:1px solid #E9A033;
    }
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        background:url("../images/sprite.png") no-repeat -137px -334px;
        left: 92%!important;
    }
    div.intro p {
        font-size:2.5em;
    }
    div.intro h2 {
        font-size:1.2em;
    }
    div#container {
        margin: 210px auto 0;
    }
    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active, 
    .ui-state-default, 
    .ui-widget-content .ui-state-default, 
    .ui-widget-header .ui-state-default {
        background:#FFAE00!important;
    }
    .ui-widget-content {
        background:#fff!important;
    }
    form.ui-widget-content {
        background:#FFAE00!important;
    }
  div.intro{
    top:20%;
  }
  div#main-banner .bread-crumb-wrapper {
    width:auto;
    padding:4px 20px;
  }
  div.my-trip-button {
    width: auto;
  }
  div.my-trip-button .my-trip-wrapper{
    right:20px;
    top: -30px;
  }
  
}
@media (max-width: 767px){
    div#main-banner, 
    .slider,
    .slider li {
        height:auto;
    }
    .caption {
        width:auto;
        padding:0px 20px 0px 20px;
        
    }
    div.intro h2 {
        font-size:1.3em;
    }
    div.intro p {
        font-size:1.8em;
    }
    footer {
        background:#FCB040;
    }
    div#footer-wrapper #footcl-five a.facebook {
        background:url("../images/sprite.png") no-repeat -251px -262px;
    }
    div#footer-wrapper #footcl-one, 
    div#footer-wrapper #footcl-two,
    div#footer-wrapper #footcl-three, 
    div#footer-wrapper #footcl-four,
    div#footer-wrapper #footcl-five {
        border-bottom:1px solid #E9A033;
    }
    .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
        background:url("../images/sprite.png") no-repeat -137px -334px;
    }
  .ui-accordion-header-icon .ui-icon-triangle-1-s{
    background:url("../images/sprite.png") no-repeat -28px -709px;
  }
    div#mobile-menu {
        background:#ffae00;
    }
    div#search-box input {
        color:#e9a033;
    }
    div#search-box button {
        background: url("../images/sprite.png") no-repeat -52px -5px;
    }
    div#search-box {
        border:none;
    }
    div#main-banner {
        top:  218px;
    }
    div#container {
        margin:30% auto 0;
    }
    .ui-state-active, 
    .ui-widget-content .ui-state-active, 
    .ui-widget-header .ui-state-active, 
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        /*background:#fcb040;*/
    }
    .ui-widget-content {
        background:#fff!important;
    }
    form.ui-widget-content {
       background:#FFAE00!important;
    }
    div#footer-wrapper #footcl-one, 
    div#footer-wrapper #footcl-two, 
    div#footer-wrapper #footcl-three {
        padding:0;
    }
    div.breadcrumb-nav {
        top:0.1%;
    }
  .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active, 
    .ui-state-default, 
    .ui-widget-content .ui-state-default, 
    .ui-widget-header .ui-state-default {
        background:#FFAE00!important;
    }
  div.intro{
    top:20%;
  }
  #misc-menu {
    position: relative;
    right: 0;
    top: 0;
    width: auto;
    margin: 32% auto 0;
    left: 0;
  }
  div#container {
    margin: 7% auto 0;
  }
  div.intro {
    display: none;
  }
  div#main-banner .bread-crumb-wrapper {
    width: auto;
    margin: 0 auto;
    padding: 4px 15px;
  }
  div.my-trip-button {
    width: auto;
    padding: 0 15px;
  }
  div.my-trip-button .my-trip-wrapper{
    right:15px;
    top: -30px;
  }
  
}
@media (max-width: 480px){
    div.breadcrumb-nav {
        top:-2px;
    }
    div.intro h2{
        font-size: 1em;
    }
    div.intro p{
        font-size: 1.2em;
    }
  .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active, 
    .ui-state-default, 
    .ui-widget-content .ui-state-default, 
    .ui-widget-header .ui-state-default {
        background:#FFAE00!important;
    }
  div.intro{
    top:20%;
  } 
  .caption {
        width:auto;
        padding:0px 20px 0px 20px;
        
    }
}
@media (max-width: 360px) {
    div#main-banner, .slider, .slider li {
        height:auto;
    }
    .caption {
        left:12px;
    }
    div.intro h2{
        font-size: 0.9em;
    }
    div.intro p{
        font-size: 1em;
    }
    div#container {
        /*margin:30% auto 0;*/
    }
  .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active, 
    .ui-state-default, 
    .ui-widget-content .ui-state-default, 
    .ui-widget-header .ui-state-default {
        background:#FFAE00!important;
    }
  div.intro{
    top:20%;
  }
  .caption {
        width:auto;
        padding:0px 20px 0px 20px;
        
    }
}
/*]END$$*/
/*$$__TEMPLATE_RESOURCE_END__$$*/
body footer{
   background-color: #ffae00!important;
 }
@media (max-width: 479px){
  div#container {
    margin: 10% auto 0;
  }
}