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

This is main responsive CSS file that contains custom style rules used in this template
---------------------------------------------------------------------------------------------------------------------------------
Template Name: "Kesis"
Version: 1.0 Initial Release
Build Date: 04/22/2017
Author: DesignHouse
Website: http://kesis.designhouse.rs
Copyright: (C) 2017
---------------------------------------------------------------------------------------------------------------------------------*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    header .navbar-brand img {
        height: 40px;
    }
    .navbar-brand {
        padding: 5px 15px;
    }
    header .navbar-brand > p {
        padding: 5px 0px 5px 20px;
    }
    nav.navbar.bootsnav .navbar-toggle {
        margin-top: 12px;
    }
    nav.navbar.bootsnav.no-full .navbar-collapse {
        max-height: none;
        overflow-y: visible !important;
    }
    nav.navbar.bootsnav .navbar-nav {
        background-color: #fff
    }
    .gallery .container {
        width: 970px;
    }
    .services .service-img-left {
        left: -30vw;
    }
    .services .service-img-right {
        right: -30vw;
        bottom: -25%;
    }
    .video-bg img {
        padding-top: 60px;
        width: 98%;
    }
    .contact-content i {
        font-size: 30px;
    }
    .blog-img {
        height: 293.33px;
    }
    .blog-text span.posted_on {
        top: -63%;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    .cta h4,
    .cta a {
        display: block;
        float: none;
        text-align: center
    }
    .cta a {
        margin-top: 0px;
    }
    .cta {
        padding-bottom: 60px;
    }
    .gallery .container {
        width: 100%;
    }
    .video-embed iframe {
        top: 20%;
        left: 7%;
        width: 84%;
        height: 55%;
    }
    .img-static-video img {
        width: 120%;
    }
    #about .img-static img,
    #testimonials .img-static img {
        width: 60%;
        margin: 0 auto;
    }
    #testimonials .img-static {
        width: 100%;
    }
    .img-up .owl-carousel {
        width: 40%;
        left: 50%;
    }
    .blog-text span.posted_on {
        top: -85%;
    }
    #contact .section-title,
    .contact-content {
        text-align: center !important
    }
    .testimonial-img {
        position: relative;
        top: 0;
        left: 0;
        margin: 40px auto;
        transform: none;
    }
    .testimonial-quote p {
        text-align: center
    }
    .cta .btn-white {
        max-width: 50vw;
        margin: 0 auto;
    }
    .services .service-img-right {
        bottom: 0%;
    }
    img.resp-shadow {
        top: 47vw;
        left: 4vw;
    }
    .blog-img {
        height: 80vw;
    }
    .blog-text span.posted_on {
        top: -75vw;
    }
    .post-img {
        width: 90vw;
        margin: 40px auto 0 auto;
    }
    #post p {
        margin: 20px 15px 0px 15px
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .dh-owl-item {
        height: 75vh;
    }
    .dh-owl-content {
        transform: translate(5%, -50%);
    }
    h1 {
        font-size: 10vw
    }
    .dh-owl-content p {
        width: 80vw;
    }
    .about-content {
        text-align: center;
    }
    .section-title,
    .about-content {
        text-align: center !important
    }
    .mobile-ready .img-static {
        position: relative;
        transform: none;
        margin-right: 0;
        left: 0;
    }
    .mobile-ready .img-static .static-mobile {
        width: 60%;
        margin: 40px auto 0 auto;
    }
    img.resp-phone {
        left: 35%;
        height: 60vw;
        width: auto;
    }
    img.resp-shadow {
        left: 23vw;
        top: 55vw;
        width: 50vw;
    }
    .team-img {
        margin-top: 30px
    }
    .steps {
        display: block
    }
    .timeline-step:after {
        content: "";
        height: 0px;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .testimonial-img {
        height: 60vw;
        width: 60vw;
    }
    .dh-btn-def-group {
        margin: 0 auto;
        text-align: center;
    }
    .gallery .dh-btn-def {
        display: block;
        margin: 0 auto 10px auto;
        text-align: center;
    }
    .grid-item {
        width: 100%
    }
    .services .service-img-left {
        left: -70vw;
        top: 30vw;
    }
    .services .service-img-right {
        bottom: -10%;
        right: -70vw;
    }
    .video-embed iframe {
        top: 23%;
        left: 9%;
        width: 80%;
        height: 50%;
    }
    header .navbar-brand > p {
        font-size: 8px;
        padding-left: 5px;
        margin-left: 5px;
    }
    .dh-owl-item {
        height: 100vh;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    header .navbar-brand > p {
        display: none;
    }
    .dh-owl-content {
        width: 100vw;
    }
    h2 {
        font-size: 8vw;
    }
    p {
        font-size: 14px
    }
    .divider {
        font-size: 8px;
    }
    .dh-btn-def {
        font-size: 14px
    }
    .service-item > h5 {
        font-size: 14px
    }
    .video-embed iframe {
        top: 28%;
    }
}