/*
*   For Extra Large Desktop
*   Resolation 1920px
*/
@media only screen and (min-width: 1920px) {
    video {
        width: 100%;
        height: auto;
    }
}

/* end extra large desktop responsive media query */
/*
*   For Large Desktop
*   Resolation 1366px
*/
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    video {
        width: auto;
        height: 100%;
    }
}

/* end large desktop responsive media query */
/*
*   For Medium Desktop
*   Resolation 970px
*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    video {
        width: auto;
        height: 100%;
    }

    .mainmenu-area ul.nav.navbar-nav>li {
        margin-left: 20px;
    }

    .purchase-text {
        margin-top: 30px;
    }

    /* Portfolio CSS */
    .portfolio-content>.portfolio-meta h3 {
        font-size: 20px;
        line-height: 51px;
    }

    .portfolio-content>.portfolio-study h3 {
        margin-bottom: 10px;
    }

    .index-layout-2 .purchase-text {
        margin-top: 100px;
        text-align: center;
    }

    .index-layout-2 .purchase-text blockquote {
        text-align: left;
        width: 100%;
    }

    .single-items {
        padding-bottom: 60px;
        padding-top: 70px;
    }

    .single-items>.icon {
        font-size: 50px;
        width: 80px;
    }

    .single-items>.details {
        padding-left: 100px;
    }

    .single-work-item {
        margin-left: 126px;
    }

    .single-facts>.icon {
        font-size: 19px;
        height: 50px;
        line-height: 50px;
        width: 50px;
    }

    .single-facts>h2 {
        padding-left: 65px;
    }

    .single-facts>h2 span {
        margin-top: 0;
    }

    .single-price>div.price-head h1 {
        font-size: 30px;
    }
}

/* end medium desktop responsive media query */
/*
*   For Tablet
*   Resolation 768px
*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
    header+#fullscreen-banner {
        margin-top: -170px;
    }

    .navbar-header {
        width: 100%;
    }

    a.navbar-brand {
        float: none;
        display: block;
        text-align: center;
        ;
        width: 100%;
    }

    a.navbar-brand img {
        display: initial;
    }

    .mainmenu-area ul.nav.navbar-nav {
        margin-left: -15px;
    }

    .mainmenu-area ul.nav.navbar-nav>li {
        margin-left: 17px;
    }

    .mainmenu-area ul.nav.navbar-nav>li:first-of-type {
        margin-left: 0px;
    }

    .videoPlayer-wrapper.showcontrols {
        height: 100%;
    }

    video {
        width: auto;
        height: 100%;
    }

    .purchase-text {
        margin-top: 0px;
    }

    .purchase-text h3 {
        font-size: 18px;
        padding-right: 0;
    }

    .purchase-text a.btn {
        margin-top: 0px;
    }

    .single-facts {
        overflow: hidden;
    }

    .single-facts, .single-price, .single-service {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .author-details {
        overflow: hidden;
        padding: 0 15%;
    }

    .single-hw-content {
        padding: 0px;
    }

    .hw-work-menu>ul>li>a>i.hw-icon::before {
        right: -150%;
        width: 150%;
    }

    .single-member .member-img>.member-links a {
        padding: 15px 4px;
    }

    .header-area {
        height: 170px;
    }

    header+#homeSliderArea {
        top: -170px;
    }

    header+#homeSliderArea .displayTable {
        padding-top: 170px;
    }

    #homeSlider .slick-arrow {
        top: calc(50% + 85px);
    }

    /* Index Layout 2 CSS */
    .index-layout-2 header+#homeSliderArea {
        top: 0px;
    }

    .index-layout-2 .mainmenu-area {
        z-index: 999;
    }

    .index-layout-2 #navMenu.collapse.navbar-collapse {
        padding: 0px 15px;
    }

    .index-layout-2 .mainmenu-area ul.nav.navbar-nav>li {
        margin-left: 11px;
    }

    header.header-two-area p.text-left, header.header-two-area p.text-right {
        line-height: 70px;
    }

    .single-work-item {
        margin-left: 65px;
    }

    .index-layout-2 .single-work {
        width: 33.3333%;
    }

    .index-layout-2 .purchase-text {
        margin-top: 100px;
        text-align: center;
    }

    .index-layout-2 .purchase-text blockquote {
        text-align: left;
        width: 100%;
    }

    .single-items {
        width: 50%;
        border-right: 1px solid #ddd;
    }

    .list-items div:nth-child(3n+3) {
        border-right: 1px solid #ddd;
    }

    .list-items div:nth-child(even) {
        border-right: none;
    }

    /* Portfolio CSS */
    .light-theme .header-area {
        height: 170px;
    }

    .portfolio-content>.portfolio-meta h3 {
        font-size: 16px;
        line-height: 51px;
    }

    .portfolio-content>.portfolio-study h3 {
        margin-bottom: 10px;
    }

    .single .post-meta ul li {
        margin-right: 10px;
    }

    .about-us-skill {
        display: none;
    }

    .index-layout-2 .purchase-text {
        margin-top: 50px;
    }

    .index-layout-2 .video-area .videoPlayer-wrapper {
        height: 100%;
    }

    .index-layout-2 .video-area video {
        width: auto;
    }
}

/* end tablet responsive media query */
/*
*   For Mobile
*   Resolation 0 to 768px
*/
@media only screen and (max-width: 767px) {
    .mainmenu-area ul.nav.navbar-nav>li {
        margin-left: 15px;
        margin-right: 15px;
    }

    video {
        height: 100%;
        width: auto;
    }

    .videoPlayer-wrapper {
        height: 100%;
    }

    .hw-work-menu>ul>li>a>i.hw-icon::before, .accordion-img {
        display: none;
    }

    .hw-work-menu>ul>li {
        width: 50%;
    }

    .welcome-text h1 {
        padding-top: 25px;
    }

    .welcome-text h1 span {
        display: block;
        margin-left: -25px;
        margin-top: 25px;
    }

    .single-service, .hw-work-menu>ul>li, .single-member, .single-facts, .single-price {
        margin-bottom: 30px;
    }

    .purchase-text {
        margin-bottom: 60px;
    }

    .hw-work-content {
        padding-bottom: 0px;
    }

    .about-img, .special-img {
        height: 300px;
        position: static;
        width: 100%;
        margin-bottom: 30px;
    }

    .special-area::before {
        width: 100%;
        z-index: -1;
    }

    .about-area, .special-area {
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .about-area::after, .single-work>img, .member-img img {
        width: 100%;
    }

    .single-hw-content {
        padding: 0px;
    }

    /* Index Layout 2 CSS */
    .index-layout-2 #homeSlider, .index-layout-2 .banner-area {
        height: 100%;
    }

    .index-layout-2 .about-area {
        padding-top: 115px;
    }

    .about-us-skill {
        bottom: 65px;
        position: relative;
    }

    .chart-trigger {
        width: 50%;
        margin-bottom: 30px;
    }

    .chart-trigger:last-of-type {
        width: 100%;
        margin-bottom: 0px;
    }

    .chart {
        margin: 0 auto;
    }

    .index-layout-2 .purchase-text {
        margin-top: 100px;
        text-align: center;
    }

    .index-layout-2 .purchase-text blockquote {
        text-align: left;
        width: 100%;
    }

    .single-items {
        padding: 50px 25px 40px;
        width: 100%;
        border-right: 0px none;
    }

    .single-items>.icon {
        font-size: 36px;
        width: 50px;
    }

    .single-items>.details {
        padding-left: 70px;
    }

    .list-items div:nth-child(3n+3) {
        border-right: 0px none;
    }

    .list-items div:nth-child(even) {
        border-right: none;
    }

    .index-layout-2 .video-area video {
        width: auto;
    }

    .index-layout-2 .how-we-work::before {
        display: none;
    }

    .single-work-item {
        margin-left: 6px;
    }

    .index-layout-2 .single-work {
        width: 100%;
    }

    .single-creative-member {
        margin-bottom: 70px;
        width: 100%;
    }

    .single-creative-member:last-of-type {
        margin-bottom: 0px;
    }

    .fun-facts-area.section-padding {
        padding-bottom: 65px;
    }

    /* BLOG POST CSS */
    .recent-post-img img {
        width: 100%;
    }

    .blog .pagination-list {
        margin-bottom: 40px;
    }

    .widgets {
        margin-bottom: 70px;
    }

    .single .widgets {
        margin-bottom: 0px;
    }

    .single .post-meta ul li {
        display: block;
        margin-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /* PORTOFOLIO CSS */
    .portfolio-content>.portfolio-meta a.live-work, .social-links, .social-links>a, .quick-contact>p {
        float: none;
    }

    .portfolio-content>.portfolio-meta a.live-work {
        margin-top: 10px;
    }

    .quick-contact, .social-links {
        text-align: center;
    }

    .social-links {
        border-left: 0px none;
    }

    .social-links>a {
        display: inline-block;
        border: none;
    }

    .quick-contact>p {
        display: inline-block;
    }

    .index-layout-2 #homeSlider .slick-arrow, #homeSlider .slick-arrow {
        top: auto;
        bottom: 30px;
        opacity: 1;
    }

    #homeSlider .slick-arrow.PrevArrow {
        left: 50%;
        margin-left: -46px;
    }

    #homeSlider .slick-arrow.NextArrow {
        right: 50%;
        margin-right: -46px;
    }

    .slide-text h1 {
        font-size: 40px;
    }

    a.learn-more {
        padding: 18px 32px;
    }

    .quick-contact>p:first-of-type {
        padding-right: 0px;
        border-right: 0px;
    }

    .quick-contact>p {
        margin-left: 0px;
    }

    .index-layout-2 .video-area .videoPlayer-wrapper {
        height: 100%;
    }

    .index-layout-2 .video-area video {
        width: auto;
    }

    .mobile-menu-area {
        display: block;
    }
}

/* end small mobile responsive media query */
/*
*   For Wide Mobile
*   Resolation 480px to 768px
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 450px;
        margin: 0 auto;
    }

    /* Index Layout 2 CSS */
    .index-layout-2 .single-work {
        width: 50%;
    }

    .single-items {
        width: 50%;
        border-right: 1px solid #ddd;
    }

    .list-items div:nth-child(3n+3) {
        border-right: 1px solid #ddd;
    }

    .list-items div:nth-child(even) {
        border-right: none;
    }
}

/* end wide mobile responsive media query */