/* GLOBAL STYLES



-------------------------------------------------- */



/* Padding below the footer and lighter body text */







body {



  padding-bottom: 0px;



  color: #5a5a5a;



}















/* CUSTOMIZE THE NAVBAR



-------------------------------------------------- */







/* Special class on .container surrounding .navbar, used for positioning it into place. */



.navbar-wrapper {



  position: absolute;



  top: 0;



  right: 0;



  left: 0;



  z-index: 20;



}







/* Flip around the padding for proper display in narrow viewports */



.navbar-wrapper > .container {



  padding-right: 0;



  padding-left: 0;



}



.navbar-wrapper .navbar {



  padding-right: 15px;



  padding-left: 15px;



}



.navbar-wrapper .navbar .container {



  width: auto;



}











/* CUSTOMIZE THE CAROUSEL



-------------------------------------------------- */







/* Carousel base class */



.carousel {



  height: 500px;



  margin-bottom: 60px;



}



/* Since positioning the image, we need to help out the caption */



.carousel-caption {



  z-index: 10;



}







/* Declare heights because of positioning of img element */



.carousel .item {



  height: 500px;



  background-color: #777;



}



.carousel-inner > .item > img {



  position: absolute;



  top: 0;



  left: 0;



  min-width: 100%;



  height: 500px;



}















/* MARKETING CONTENT



-------------------------------------------------- */







/* Center align the text within the three columns below the carousel */



.marketing .col-lg-4 {



  margin-bottom: 20px;



  text-align: center;



}



.marketing h2 {



  font-weight: normal;



}



.marketing .col-lg-4 p {



  margin-right: 10px;



  margin-left: 10px;



}











/* Featurettes



------------------------- */







.featurette-divider {



  margin: 80px 0; /* Space out the Bootstrap <hr> more */



}







/* Thin out the marketing headings */



.featurette-heading {



  font-weight: 300;



  line-height: 1;



  letter-spacing: -1px;



}















/* RESPONSIVE CSS



-------------------------------------------------- */







@media (min-width: 768px) {







  /* Navbar positioning foo */



  .navbar-wrapper {



    margin-top: 20px;



  }



  .navbar-wrapper .container {



    padding-right: 15px;



    padding-left: 15px;



  }



  .navbar-wrapper .navbar {



    padding-right: 0;



    padding-left: 0;



  }







  /* The navbar becomes detached from the top, so we round the corners */



  .navbar-wrapper .navbar {



    border-radius: 4px;



  }







  /* Bump up size of carousel content */



  .carousel-caption p {



    margin-bottom: 20px;



    font-size: 21px;



    line-height: 1.4;



  }







  .featurette-heading {



    font-size: 50px;



  }



}







@media (min-width: 992px) {



  .featurette-heading {



    margin-top: 120px;



  }



.event-home-inner-right.col-md-8 {



    padding-left: 30px;



    padding-right: 0;



}  

.gallery-section-home-inner.col-md-4 IMG {
    height: 217px;
    width: 100%;
}

.container .singlepage {

    padding: 30px 50px;

}

.ie7 .event-home-inner-right.col-md-8 {
	width:63%;
}
.ie7 .gallery-section-home-inner.col-md-4 {
    width: 30%;
}

.ie7 .blog-home-inner-right.col-md-8{
		width:62%;
}

}







@media (min-width: 1200px) {



  .logo-section.col-md-5 {



	  padding-left:0;



    width: 500px;



}

.gallery-section-home-inner.col-md-4 IMG {
    height: 260px;
    width: 100%;
}


  .main-menu-section.col-md-7 {



      padding: 60px 0 0;



    width: 600px;



}



  



}







@media (max-width: 1200px) and (min-width: 992px) {



.main-menu-section .nav.navbar-nav li {



    padding: 0 10px;



}



 .main-menu-section.col-md-7 {



    padding: 60px 0 0;



 }



 .logo-section.col-md-5 {



    padding-top: 18px;



}

.flexslider1 .flex-direction-nav li a.flex-prev {

	  left: -18px;

	  z-index:1000;

}

.flexslider1 .flex-direction-nav li a.flex-next {

right: -18px;

z-index:1000;

}







}







@media (max-width: 1200px) {



.main-menu-section .nav.navbar-nav li {



    padding: 0 10px;



}
.slider {
	min-height:0;
}



  



}







@media (max-width: 992px) {

.navbar.navbar-default.navbar-fixed-top {



    position: relative;



}

.ticket-sec {

    text-align: center;

}

.ticket-but {

    margin-bottom: 10px;

}

body{



	padding-top:0;



}



.headertop {



    padding-bottom: 20px;



    text-align: center;



}



.logo-section.col-md-5 {



    padding-bottom: 20px;



    text-align: center;



}



.collapse.navbar-collapse.navbar-ex1-collapse .nav.navbar-nav {



    float: none;



	text-align:center;



}



.collapse.navbar-collapse.navbar-ex1-collapse .nav.navbar-nav li {



 float: none;



 display:inline-block;



}



.event-home-inner-left.col-md-4 {



    padding-bottom: 20px;



    text-align: center;



}



.blog-home-inner-left.col-md-4 {



    padding-bottom: 20px;



    text-align: center;



}



.gallery-section-home-inner.col-md-4 {



    margin-bottom: 30px;



    text-align: center;



}



.flexslider1 .flex-direction-nav li a.flex-prev {

	  left: 0px;

	    z-index:1000;

}

.flexslider1 .flex-direction-nav li a.flex-next {

right: 0px;

  z-index:1000;

}







}



/*992*/











@media (max-width: 768px) {



.slider {



	min-height:0;



}

.nav > li > a {

    display: inline-block;

}

.button-inner.col-xs-3 {



    text-align: center;



    width: 100%;



}







.buttons-home-section .container a {



    display: inline-block;



    height: auto;



    margin: 0 0 20px;



    padding: 20px;



    width: 100%;



}



.collapse.navbar-collapse.navbar-ex1-collapse .nav.navbar-nav li {



    display: block;



}



.collapse.navbar-collapse.navbar-ex1-collapse .nav.navbar-nav {



    float: none;



    text-align: left;



}







}



/*768px*/















@media (max-width: 640px) {



.mail-section {



    display: inline;



}

.blogpost .attachment-blogimage.wp-post-image {

    float: none;

    height: auto;

    max-width: 100%;

    padding: 10px 0;

}



.social-media {



    display: inline;



}



.top-menu {



    display: inline;



	margin:0;



}



#box {

    right: -150%;

}



}



/*640px*/

@media (max-width: 540px) {



.flexslider1 .flex-direction-nav li a.flex-prev {

    left: 43%;

    top: 101%;

}

.flexslider1 .flex-direction-nav li a.flex-next {

    left: 53%;

    top: 101%;

}

.gallery-home-section {

    padding: 50px 0;

}



}





@media (max-width: 480px) {



.post.blogpost {

    padding: 0;

	box-shadow:0 0 0 0;

}

.col-md-12.innerpage {

    background-color: #dab364;

    padding: 30px 5px;

}

.blogpost h2.blogtitle {

    font-size: 20px;

    line-height: 27px;

	padding-bottom:0;

}

body{

 background-color: #dab364;

}







}



/*480px*/















@media (max-width: 400px) {











}



/*400px*/











@media (max-width: 320px) {



.flexslider1 .flex-direction-nav li a.flex-next {

    left: 60%;

}







}



/*320px*/









.caret {

       border-left: 10px solid rgba(0, 0, 0, 0);

    border-right: 9px solid rgba(0, 0, 0, 0);

    border-top: 11px solid;

    color: #ffffff;

    cursor: pointer;

    display: inline-block;

    height: 0;

    margin-left: 2px;

    position: absolute;

    right: 18px;

    top: 18px;

    vertical-align: middle;

    width: 0;

	  color: #ffffff;

}





@media (min-width: 767px) {

	.menu-item-has-children a{

	width:auto;

}

	.caret {

     border-left: 5px solid rgba(0, 0, 0, 0);

    border-right: 5px solid rgba(0, 0, 0, 0);

    border-top: 5px solid;

    cursor: pointer;

    display: inline-block;

    position: absolute;

    right: 1px;

    top: 24px;

    vertical-align: middle;

}

.sidebar-nav {

    padding: 9px 0;

}

.dropdown-menu .sub-menu {

    left: 100%;

    position: absolute;

    top: 0;

    visibility: hidden;

    margin-top: -1px;

}

.dropdown-menu li:hover .sub-menu {

    visibility: visible;

}

.dropdown:hover .dropdown-menu {

    display: block;

}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {

    margin-top: 0;

}

.navbar .sub-menu:before {

    border-bottom: 7px solid transparent;

    border-left: none;

    border-right: 7px solid rgba(0, 0, 0, 0.2);

    border-top: 7px solid transparent;

    left: -7px;

    top: 10px;

}

.navbar .sub-menu:after {

    border-top: 6px solid transparent;

    border-left: none;

    border-right: 6px solid #fff;

    border-bottom: 6px solid transparent;

    left: 10px;

    top: 11px;

    left: -6px;

}

.dropdown-menu{

   background-color: #5a423e;

}

}