@media (max-width: 1199px) {
    .navbar-default .navbar-nav > li > a {
        font-size: 14px;
    }
    .navbar-nav > li + li {
        margin-left: 5px;
    }
}
@media (max-width: 991px) {
    #typography h1{    
        height: auto;        
        border: none;
        position: relative;    
        background:none;
        color: #000;
        text-shadow: none;
        text-align: left;
        text-indent: 0;
        box-shadow: none;
        margin-top:15px;
        padding-left:0;
        padding-right:0;
      /* Just for presentation */  
        display: inline-block;
    
        
      }
      
      #typography h1:after {
        border:none;
      }
    .navbar-default .navbar-nav > li > a{
        background:none !important;
        padding: 20px 10px 20px 0 !important;
    }
    .elementpage-banner{
        background-size:100%;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 12px;
        padding: 9px;
    }
    .navbar-nav > li + li {
        margin-left: 0px;
    }
    .banner-full-image{
        height: 450px;
        background-attachment: inherit;
    }
    .banner-title p {
        font-size: 13px;
    }
    .banner-title h1 {
        font-size: 34px;
        margin-bottom: 12px;
    }
    .banner-box{
        padding: 30px 0;
    }
    .elementpage-banner{
        
        height:430px;
    }
    section, footer{
        padding: 20px 0 0;
    }
    .text-section{
        margin-bottom: 80px;
    }
    .title-section, .title-section2, .title-section3, .title-section4, .title-section5, .title-section6, .title-section7{
        font-size: 32px;
    }
    .couple-details > h2, .story-item .story-item-title{
        font-size: 26px;
    }
    .couple-details > p, .story-text, .story-text p, .blog-desc > p, .blog-desc > a{
        font-size: 12px;
    }
    .social-team a {
        height: 36px;
        line-height: 38px;
        width: 36px;
        font-size: 14px;
    }
    .story-date .story-time{
        font-size: 24px;
    }
    .venue-title h3 {
        font-size: 26px;
        margin-top: 10px;
    }
    .venue-title > h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .venue-box{
        padding: 25px 10% 35px;
    }
    .venue-bgbanner {
        background-attachment: inherit;
        background-size: cover;
        height: 600px;
        width: 100%;
    }
    .da-thumbs li a div span {
        font-size: 20px;
        margin: 40px 20px 20px;
        padding: 0;
    }
    .bestpeople-detail > h3 {
        font-size: 26px;
    }
    .bestpeople-detail h4 {
        font-size: 14px;
    }
    .blog-img img {
        margin-left: auto;
        margin-right: auto;
    }
    .blog-box li {
        margin-bottom: 50px;
    }
    .blog-box li:last-child {
        margin-bottom: 0px;
    }
    .blog-desc > h3{
        font-size: 22px;
    }
    .footer-content h4{
        font-size: 20px;
        margin-top:15px;
    }
    .contact-info > a, .copyright a{
        font-size: 14px;
    }
    .copyright p{
        font-size: 13px;
    }
    .banner-box h1{
        font-size: 36px;
    }
    .elements-links .dropdown-content {
        left: -60px;
    }
    .page404-content h2 {
        font-size: 60px;
    }
}
@media (max-width: 767px) {
    .navbar-default .navbar-nav > li > a{
        background-position: 35% 50% !important;
    }
    .navbar-default {
        padding: 15px 0;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .navbar-default .navbar-toggle {
        border-color: #FFF;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
        background: transparent;
        border-color: #FFF;
    }
    .navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar{
        background-color: #FFF;
    }
    .navbar-nav {
        background: #ffbd5d;
        margin-top: 10px;
    }
    .navbar-default .navbar-nav > li > a{
        font-size: 14px;
        padding: 10px;
        text-align: center;
    }
    .navbar-header {
        padding-bottom: 10px;
    }
    .banner-title h1{
        font-size: 28px;
    }
    .banner-title p{
        font-size: 12px;
    }
    .banner-full-image{
        height: 380px;
    }
    .story-date .story-time{
        font-size: 18px;
    }
    .couple-details > h2, .story-item .story-item-title{
        font-size: 22px;
    }
    .story-wrap {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .venue-title h3{
        font-size: 22px;
    }
    .venue-title > h2{
        font-size: 20px;
        line-height: 26px;
    }
    .venue-bgbanner{
        height: 500px;
    }
    #clockdiv{
        margin-top: 30px;
    }
    #clockdiv div > span {
        font-size: 20px;
        line-height: 70px;
    }
    .bestpeople-box li:nth-child(n+1){
        margin-bottom: 50px;
    }
    .bestpeople-box li:nth-last-child(-n+2){
        margin-bottom: 0;
    }
    .dropdown-content{
        left:0;
        right: 0;
        text-align: center;
    }
    .elements-links .dropdown-content{
        left:0;
    }
    #myCarousel .carousel-caption {
        left: 20%;
        right: 20%;
        top: 40%;
        transform: translateY(-40%);
    }
    .banner-box h1{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .banner-box p{
        font-size: 12px;
    }
    .page404-content h2 {
        font-size: 40px;
    }
    .error-search {
        width: 400px;
    }
}
@media (max-width: 500px){
    
    
    .elementpage-banner{
        margin-top:30px;
        height:230px;
    }
    .navbar-default .navbar-brand{
        font-size:16px;
    }
    .width-100{
        width:100%;
    }
    .banner-full-image{
        height: 340px;
    }
    .title-section, .title-section2, .title-section3, .title-section4, .title-section5, .title-section6, .title-section7{
        font-size: 28px;
        margin-bottom: 30px;
    }
    section{
        padding: 70px 0 0;
    }
    .text-section{
        margin-bottom: 70px;
    }
    .story-date-wrap {
        position: relative;
        text-align: center;
    }
    .story-date-wrap::before {
        background-image: none;
        width: auto;
    }
    .story-date-wrap-alt .story-date {
        text-align: center;
    }
    .story-wrap .col-xs-push-6{
        left: 0;
    }
    .story-wrap .col-xs-pull-6{
        right: 0;
    }
    .story-wrap::before{
        border: none;
    }
    .story-date .story-time{
        padding: 0 0 10px;
    }
    .venue-bgbanner{
        height: 630px;
    }
    .page404-content h2 {
        font-size: 30px;
    }
    .error-search {
        width: 300px;
    }
}
@media (max-width: 400px){
    #typography h1{
        font-size:36px;
    }

    .elementpage-banner{
        margin-top:30px;
        height:230px;
    }
    .width-100perc{
        width:100%;
    }
    .banner-full-image{
        height: 360px;
    }
    section{
        padding: 20px 0 0;
    }
    footer{
        
    }
    .banner-title h1{
        font-size: 24px;
    }
    .banner-box{
        padding: 25px 0;
    }
    .banner-title{
        top:60%;
    }
    .banner-title p{
        font-size: 10px;
    }
    .title-section::after, .title-section2::after, .title-section3::after, .title-section4::after, .title-section5::after, .title-section6::after, .title-section7::after {
        left: 55%;
        position: absolute;
        top: -68px;
        transform: translateX(-50%);
    }
    .title-section, .title-section2, .title-section3, .title-section4, .title-section5, .title-section6, .title-section7{
        font-size: 26px;
        margin-bottom: 20px;
    }
    .text-section {
        margin-bottom: 60px;
        width: 85%;
    }
    .story-item .story-item-title{
        font-size: 18px;
    }
    .story-date .story-time{
        font-size: 16px;
    }
    .venue-bgbanner{
        height: 740px;
    }
    .footer-content h4{
        font-size: 18px;
    }
    .bg-bubbles{
        width:90%;
    }
    .image-classic .banner-full-image, .image-gradient-classic .banner-full-image {
        height: 300px;
    }
    .elementpage-title h1{
        font-size: 28px;
    }
    .elementpage-title p{
        font-size: 10px;
    }
    .banner-box p{
        display: none;
    }
    .banner-box h1{
        font-size: 20px;
    }
    .banner-box{
        padding: 15px 20px;
    }
    #myCarousel .carousel-caption{
        top:55%;
        transform: translateY(-55%);
    }
}