body, html {
  height: 100%;
}

.container-fluid{
    margin: auto;
    //padding: 0 1%;
}

#main-logo{
    width: 200px;
    height: 60px;
    margin: 10px 25px;
}

.navbar-default{
    background-color: #000000;
    background-image: none;
    padding: 5px 10px 0 10px;    
    min-height: 60px;
}

.navbar-brand{
    padding: 0;
}

.navbar-default .navbar-nav > li > a{
    font-size: 18px;
    //font-family: "Comic Sans MS", cursive, sans-serif;
    text-align: center;
    color: #cccccc;
}

#logo{
    width: 120px;
}

#main-slider{
    height: 600px;
    background-color: transparent;
}

#about_sec{
    background-color: #FFF;
    padding: 0 30px 50px;
    border-top: 2px solid #333333;
}

.about_h1{
    font-family: "Roboto",arial,helvetica,sans-serif;
    font-size: 300%;
    margin: 15px 0 0;    
    color: #565656;
}

.sub-h4{
    color: #fff;
    font-family: "Roboto",arial,helvetica,sans-serif;
    //margin: 15px 0 0;    
}

#sub-h4-div{
    background-color: #333333;
    padding: 2px 10px;
    opacity: 0.8;
    margin-top: 20px;
    margin-bottom: 20px;
}

.p-vill-exp{
    font-size: 13px;
    font-family: "Roboto",arial,helvetica,sans-serif;
    padding: 2px 20px;
}

#gl-fort{
    //background-color: #666;
}

#gallery_sec{
    background-color: #FFFFFF;
    padding: 0 0 90px 0;
}

.gallery_h1{
    font-family: "Roboto",arial,helvetica,sans-serif;
    font-size: 300%;
    margin: 80px 0;
    color: #565656;
}

.slide-img{
    height: 200px;
    border-radius: 8px;
}

#contact_sec{
    background-color: #FFFFFF; 
    opacity: 0.97;
    padding: 20px 0 50px 0;
}

.contact_h1{
    font-family: "Roboto",arial,helvetica,sans-serif;
    font-size: 300%;
    color: #565656;
    margin: 40px 0 20px 0;    
}

.form-div{
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    padding: 50px;
    margin: 30px 0;
}

.form-control{
    padding: 5px 18px;
    border-radius: 5px;
    height: 35px;
}

#footer{
    background-color: #000;
    padding: 20px 30px;
}

#foot-cloumn1{
    padding: 20px;
}

#foot-cloumn1 h3{
    font-family: courier;
    color: #f1b433;
    font-size: 17px;
}

/* Wrapper */
.icon-button {
  background-color: white;
  border-radius: 3.6rem;
  cursor: pointer;
  display: inline-block;
  font-size: 2.0rem;
  height: 3.6rem;
  line-height: 3.6rem;
  margin: 0 5px;
  position: relative;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 3.6rem;
        color: #fff;
}

/* Circle */
.icon-button span {
  border-radius: 0;
  display: block;
  height: 0;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
  width: 0;
}
.icon-button:hover span {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 3.6rem;
  margin: -1.8rem;
}
.twitter span {
  background-color: #4099ff;
}
.facebook span {
  background-color: #3B5998;
}
.google-plus span {
  background-color: #db5a3c;
}

/* Icons */
.icon-button i {
  background: none;
  color: white;
  height: 3.6rem;
  left: 0;
  line-height: 3.6rem;
  position: absolute;
  top: 0;
  -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
       -o-transition: all 0.3s;
          transition: all 0.3s;
  width: 3.6rem;
  z-index: 10;
}
.icon-button .icon-twitter {
  color: #4099ff;
}
.icon-button .icon-facebook {
  color: #3B5998;
}
.icon-button .icon-google-plus {
  color: #db5a3c;
}
.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus {
  color: #fff;
}

.cycle-slideshow { 
    -webkit-perspective: 1000;
    -webkit-transform-style: preserve-3d;
    -moz-perspective: 1000;
    -moz-transform-style: preserve-3d;
    -o-perspective: 1000;
    -o-transform-style: preserve-3d;
    perspective: 1000;
    transform-style: preserve-3d;  
}


/* gallery */

.gal-h3{
    margin-left: 30px;
}

.hvr-pulse-grow {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    transform: translateZ(0px);
    vertical-align: middle;
}


/* media */

@media only screen and (min-width : 320px)
{

            
                                
}



@media only screen and (max-width : 320px)
{



}


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



}