/* Responsive styles
================================================== */

/* Large Devices, Wide Screens */

@media (min-width: 1200px) {
    /* Dropdown animation */
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: none;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
        -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
        -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
        -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
        transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
    }
    .navbar-nav .dropdown:hover div.dropdown-menu,
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden;
    }
}

/* Medium Devices, Desktops */

@media (min-width: 992px) {
    .flexslider .slides img,
    .ts-flex-slider .flexSlideshow {
        height: 750px;
    }
    .dropdown i {
        display: none;
    }
}

/* Small Devices, Tablets */

@media (min-width: 768px) and (max-width: 991px) {
    /* Dropdown animation */
    .navbar-nav .dropdown-menu,
    .navbar-nav .dropdown.megamenu div.dropdown-menu {
        background: none;
        border: 0;
        box-shadow: none;
        display: block;
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
        -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
        -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
        -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
        -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
        transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
    }
    .navbar-nav .dropdown:hover div.dropdown-menu,
    .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        color: #777;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .navbar-nav .dropdown-backdrop {
        visibility: hidden;
    }
    /* Common */
    .parallax {
        padding: 60px 0;
    }
    /* Logo */
    .navbar-brand {
        width: auto;
    }
    .navbar-brand.navbar-bg {
        width: 25%;
    }
    .header2 .navbar-brand,
    .header3 .navbar-brand,
    .header4 .navbar-brand {
        padding-right: 0;
        padding-left: 0;
    }
    /* Navigation */
    ul.navbar-nav>li>a {
        padding: 21px 8px;
        font-size: 12px;
    }
    ul.navbar-nav>li:last-child a {
        padding-right: 8px;
    }
    /* Slideshow */
    #main-slide .slider-content h2 {
        font-size: 36px;
    }
    #main-slide .slider-content h3 {
        font-size: 22px;
        margin: 20px 0;
    }
    .slider.btn {
        padding: 5px 25px;
        margin-top: 5px;
        font-size: 16px;
    }
    #main-slide .carousel-indicators {
        bottom: 20px;
    }
    /* Cd Hero Slider */
    .cd-hero-slider .cd-btn {
        margin-top: 15px !important;
        font-size: 12px !important;
    }
    .cd-slider-nav ul li.video {
        display: none;
    }
    .cd-slider-nav {
        bottom: 40px !important;
    }
    /* Portfolio */
    .isotope-nav {
        margin: 0 auto 40px;
    }
    figure.effect-oscar figcaption {
        padding: 1.5em;
    }
    figure.effect-oscar figcaption::before {
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
    }
    figure.effect-oscar h3 {
        margin-top: 0;
        font-size: 16px;
    }
    /* Feature */
    .feature-content h3,
    .feature-center-content h3 {
        font-size: 14px;
        line-height: normal;
    }
    /* Featured tab */
    .featured-tab .tab-pane img {
        width: 45%;
    }
    .featured-tab .tab-pane i.big {
        font-size: 150px;
    }
    .featured-tab .tab-pane,
    .landing-tab .tab-pane {
        text-align: left;
    }
    /* Team */
    .team {
        padding-bottom: 50px;
    }
    /* Pricing */
    .plan {
        margin-bottom: 60px;
    }
    /* Testimonial */
    .testimonial-content {
        padding: 0 30px;
    }
    /* Recent post */
    .recent-post {
        padding-bottom: 40px;
    }
    /* Back to top */
    #back-to-top.affix {
        bottom: 35px;
    }
    /* Video block */
    .video-block-head {
        margin-top: 30px;
    }
    /* Call to action */
    .call-to-action .btn.btn-primary {
        font-size: 12px;
    }
    /*-- Landing ---*/
    .hero-text {
        width: 95%;
    }
    .hero-title {
        font-size: 36px;
    }
    .hero-buttons a.btn {
        padding: 10px 20px;
    }
    .app-gallery figure.effect-oscar a {
        margin-top: 105px;
    }
    /* Blog single */
    .blog-post {
        padding-bottom: 40px;
    }
}

/* Small Devices Potrait */

@media (max-width: 767px) {
    /* Common */
    .parallax {
        padding: 60px 0;
    }
    .style-switch-button {
        display: none;
    }
    .heading {
        text-align: center;
    }
    .heading .title-icon {
        float: none !important;
        margin: 0 0 20px;
        display: inline-block;
    }
    h2.title {
        font-size: 28px;
        border-left: 0;
    }
    .title-desc {
        line-height: normal;
        padding: 6px 55px 0;
    }
    .btn.btn-primary {
        padding: 8px 22px;
    }
    h2 {
        font-size: 28px;
    }
    /* Logo */
    .navbar-brand.navbar-bg {
        height: 50px;
        line-height: 50px;
        width: auto;
    }
    .navbar-brand.navbar-bg img {
        background-size: contain;
        width: 160px;
    }
    /* Navigation */
    ul.navbar-nav>li>a {
        padding: 21px 10px;
    }
    .navbar-collapse {
        background: #333333;
    }
    .navbar-collapse ul.navbar-nav>li>a {
        color: #fff;
    }
    .navbar-collapse ul.navbar-nav>li.active>a,
    .navbar-collapse ul.navbar-nav>li:hover>a {
        color: #ee3b24;
    }
    /* Slideshow */
    #main-slide .slider-content {
        margin-top: -35px;
    }
    #main-slide .slider-content h2 {
        font-size: 18px;
        line-height: normal;
    }
    #main-slide .slider-content h3 {
        font-size: 12px;
        line-height: normal;
        margin: 0;
    }
    .slider.btn {
        display: none;
    }
    #main-slide .carousel-control {
        display: none;
    }
    #main-slide .carousel-indicators {
        bottom: 0;
    }
    /* About */
    .about {
        padding-top: 40px;
    }
    .about.angle:before {
        position: relative;
    }
    /* Service */
    .service-content {
        display: inline-block;
        margin-bottom: 30px;
    }
    /* Portfolio */
    .isotope-nav {
        margin: 0 auto 40px;
    }
    .isotope-nav ul li a {
        padding: 5px 10px;
        margin-bottom: 10px;
        display: inline-block;
    }
    figure.effect-oscar h3 {
        margin-top: 25%;
    }
    #isotope .isotope-item .grid {
        padding-left: 10px;
        padding-right: 10px;
    }
    /* Image block */
    .img-block-right {
        padding-right: 50px;
    }
    .img-block-head h2 {
        font-size: 16px;
    }
    .img-block-head h3 {
        font-size: 28px;
    }
    .image-block-content {
        padding: 0;
    }
    /* Featured tab */
    .featured-tab {
        padding: 0 30px;
    }
    .featured-tab .tab-pane i.big {
        font-size: 150px;
    }
    .featured-tab .tab-pane,
    .landing-tab .tab-pane {
        text-align: left;
        padding-left: 0;
        padding-top: 30px;
    }
    /* Facts */
    .facts {
        padding-bottom: 20px;
    }
    .facts-num span {
        font-size: 48px;
        margin-top: 20px;
    }
    .facts i {
        font-size: 32px;
    }
    /* Team */
    .team {
        padding-bottom: 50px;
    }
    /* Pricing */
    .plan {
        margin-bottom: 60px;
    }
    /* Testimonial */
    .testimonial-content {
        padding: 0 30px;
    }
    /* Recent post */
    .recent-post {
        padding-bottom: 40px;
    }
    /* Footer */
    .footer-widget {
        display: inline-block;
    }
    /* Copyright */
    .copyright-info {
        font-size: 13px;
    }
    #back-to-top {
        right: 20px;
    }
    #back-to-top.affix {
        bottom: 20px;
    }
    /* Call action */
    .call-to-action .btn.btn-primary {
        float: none !important;
        margin-top: 20px;
    }
    /*-- Landing ---*/
    .hero-section {
        padding-top: 90px;
    }
    .hero-text {
        width: 100%;
        padding-right: 0;
    }
    .hero-title {
        font-size: 36px;
    }
    .hero-buttons a.btn {
        padding: 10px 20px;
    }
    .app-gallery figure.effect-oscar a {
        margin-top: 105px;
    }
    .hero-images img {
        display: none;
    }
    .landing_facts .facts-num span {
        font-size: 48px;
        margin-top: 20px;
    }
    .landing_facts .facts i {
        font-size: 30px;
    }
    /* Blog single */
    .blog-post {
        padding-bottom: 40px;
    }
}

/* Extra Small Devices, Phones */

@media (max-width: 479px) {
    /* Slideshow */
    #main-slide .slides img {
        height: 230px;
    }
    #main-slide .item img {
        height: 250px;
    }
}

/* Custom, iPhone Retina */

@media (max-width: 320px) and (max-width: 478px) {}