/* 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 a:focus ~ div.dropdown-menu,
    .navbar-nav .dropdown div.dropdown-menu:focus-within,
    .navbar-nav > .dropdown.megamenu > a:focus ~ div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        -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) {

    .dropdown i {
        display: none;
    }
}

/* Small Devices, Tablets */
@media (max-width: 991px) and (min-width : 768px) { /*-------------------------------------------------------*/

    /* 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 a:focus ~ div.dropdown-menu,
    .navbar-nav .dropdown div.dropdown-menu:focus-within,
    .navbar-nav .dropdown.megamenu a:focus ~ div.dropdown-menu {
        opacity: 1;
        visibility: visible;
        -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: 0.75em;
	}*/

    ul.navbar-nav > li:last-child a {
        padding-right: 8px;
    }

    /* Slideshow */

    #main-slide .slider-content h2 {
        font-size: 1.5em;
    }

    #main-slide .slider-content h3 {
        font-size: 1.25em;
        margin-bottom: 20px;
    }

    .slider.btn {
        padding: 5px 25px;
        margin-top: 5px;
        font-size: 1em;
    }

    #main-slide .carousel-indicators {
        bottom: 20px;
    }

    /* Cd Hero Slider */

    .cd-hero-slider .cd-btn {
        margin-top: 15px !important;
        font-size: 0.75em !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: 1em;
    }


    /* Feature */

    .feature-content h3,
    .feature-center-content h3 {
        font-size: 0.875em;
        line-height: normal;
    }

    /* Featured tab */
    .featured-tab .tab-pane img {
        width: 45%;
    }

    .featured-tab .tab-pane i.big {
        font-size: 9.375em;
    }

    .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: 0.75em;
    }

    /*-- Landing ---*/

    .hero-text {
        width: 95%;
    }

    .hero-title {
        font-size: 2.25em;
    }

    .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) {
    .navbar-collapse {
        background: #333333;
        margin: 0 -30px;
        padding: 0 60px;
    }

    /* 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;
    }

    .title-desc {
        line-height: normal;
        /*padding: 6px 55px 0;*/
    }

    .btn.btn-primary {
        padding: 8px 22px;
    }

    /* 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 {
        bottom: 10px;
    }

        #main-slide .slider-content h2 {
            line-height: normal;
        }

        #main-slide .slider-content h3 {
            line-height: normal;
            /*margin-bottom: 20px;*/
        }

    .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: 1em;
    }

    .img-block-head h3 {
        font-size: 1.75em;
    }

    .image-block-content {
        padding: 0;
    }

    /* Featured tab */
    .featured-tab {
        padding: 0 30px;
    }

        .featured-tab .tab-pane i.big {
            font-size: 9.375em;
        }

        .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: 3em;
        margin-top: 20px;
    }

    .facts i {
        font-size: 2em;
    }

    /* 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: 0.813em;
    }

    #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: 2.25em;
    }

    .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: 3em;
        margin-top: 20px;
    }

    .landing_facts .facts i {
        font-size: 1.875em;
    }

    /* 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) {
}