/* Medium Layout: 1367px. */

@media only screen and (min-width: 1025px) and (max-width: 1367px) {
    /* Recent Case Section */
    .browser-head {
        padding: 10px 13px;
    }
    .browser-head span {
        width: 12px;
        height: 12px;
    }
}

/* Tablet Layout: 992px. */

@media only screen and (min-width: 992px) and (max-width: 1024px) {
    /* Nav Section */
    .search-box {
        margin-top: 5px;
    }
    .search-box a {
        padding-right: 25px;
    }
    .navbar-header,
    .navbar-nav {
        width: 100%;
        float: left;
    }
    .navbar> .container .navbar-brand {
        padding: 0 10px;
    }
    .navbar-nav > li {
        width: 100%;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 18px 22px;
    }
    .dropdown-menu {
        width: 100%;
    }
    .dropdown:hover > .dropdown-menu,
    .open > .dropdown-menu,
    .open > .sub-menu {
        display: block;
        position: static;
        width: 100%;
    }
    .dropdown-menu .dropdown:hover > .sub-menu {
        -webkit-transform: rotateY(0deg) translate(0);
        -moz-transform: rotateY(0deg) translate(0);
        -ms-transform: rotateY(0deg) translate(0);
        -o-transform: rotateY(0deg) translate(0);
        transform: rotateY(0deg) translate(0);
    }
    .mega-dropdown-menu {
        width: 100%;
        left: 0;
    }
    .navbar-toggle {
        display: block;
        margin-top: 12px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
        border-top: 1px solid #fff;
    }
    /* Hero Section */
    .tree,
    .coffee,
    .phone,
    .draw,
    .frame,
    .laptop {
        display: none;
    }
    /* Hero Section 2 */
    .home-2,
    .hero-slider-inner .item {
        height: 100vh;
    }
    .hero-content-holder {
        width: 70%;
        top: 25%;
    }
    .home-2 .owl-dots,
    .hero-slide-holder {
        width: 100%;
        bottom: 16%;
    }
    .home-2 .owl-dots {
        bottom: 14%;
    }
    .banner-bg {
        width: auto!important;
        height: 100%!important;
    }
    /* Hero Section 3 */
    .home-3 {
        height: 850px;
    }
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 1020px) {
    /* Utility Clesses */
    .inner-padding {
        padding: 60px 0px;
    }
    /* Nav Section */
    .nav-area {
        padding: 15px 0px;
    }
    .navbar-header,
    .navbar-nav {
        width: 100%;
        float: left;
    }
    .navbar> .container .navbar-brand {
        padding: 0 25px;
    }
    .navbar-nav > li {
        width: 100%;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 18px 22px;
    }
    .dropdown-menu {
        width: 100%;
    }
    .dropdown:hover > .dropdown-menu,
    .open > .dropdown-menu,
    .open > .sub-menu {
        display: block;
        position: static;
        width: 100%;
    }
    .dropdown-menu .dropdown:hover > .sub-menu {
        -webkit-transform: rotateY(0deg) translate(0);
        -moz-transform: rotateY(0deg) translate(0);
        -ms-transform: rotateY(0deg) translate(0);
        -o-transform: rotateY(0deg) translate(0);
        transform: rotateY(0deg) translate(0);
    }
    .mega-dropdown-menu {
        width: 100%;
        left: 0;
    }
    .navbar-toggle {
        display: block;
        margin-top: 12px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
        border-top: 1px solid #fff;
    }
    /* Hero Section */
    .tree,
    .coffee,
    .phone,
    .draw,
    .frame,
    .laptop {
        display: none;
    }
    /* Hero Section 2 */
    .home-2,
    .hero-slider-inner .item {
        height: 100vh;
    }
    .hero-content-holder {
        width: 75%;
        top: 27%;
    }
    .hero-slide-holder {
        width: 80%;
        bottom: 16%;
        left: 10%;
    }
    .home-2 .owl-dots {
        width: 100%;
        bottom: 14%;
    }
    .banner-bg {
        width: auto!important;
        height: 100%!important;
    }
    /* Hero Section 3 */
    .hero-content {
        margin-bottom: 40px;
    }
    /* About Section */
    .about-content {
        margin-bottom: 30px;
    }
    /* Feature Section */
    .single-tab .right {
        position: relative;
        margin-top: 15px;
    }
    /* Video Section */
    .video-content {
        margin-bottom: 30px;
    }
    /* Pricing Section */
    .price-content {
        margin-bottom: 30px;
    }
    /* Blog Section */
    .post-row {
        margin-bottom: 30px;
    }
    .blog-area .col-sm-12:last-child .post-row {
        margin-bottom: 0;
    }
    .post-right {
        bottom: 30px;
    }
    /* Contact Section */
    .address-content h4 {
        position: relative;
        width: 100%;
        bottom: 0;
        margin: 15px 0;
        text-align: left;
        -webkit-transform: rotate(0deg) translateY(0px);
        -moz-transform: rotate(0deg) translateY(0px);
        -ms-transform: rotate(0deg) translateY(0px);
        -o-transform: rotate(0deg) translateY(0px);
        transform: rotate(0deg) translateY(0px);
    }
}

/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    /* Utility Classes */
    .inner-padding {
        padding: 50px 0px;
    }
    /* Custom Typography */
    .section-title-2 {
        padding-left: 40px;
    }
    .section-title-2:after {
        top: 53%;
    }
    .title-1,
    .title-2 {
        font-size: 40px;
        line-height: 47px;
    }
    .title-2 {
        margin-bottom: 10px;
    }
    .subtitle-2 {
        font-size: 22px;
    }
    /* Nav Section */
    .navbar-nav {
        width: 100%;
        float: left;
    }
    .navbar> .container .navbar-brand {
        padding: 0px 15px;
        margin: 0;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px;
    }
    .dropdown:hover > .dropdown-menu {
        position: static;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 0;
        margin-top: 10px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 12px;
    }
    .navbar-nav > li {
        width: 100%;
    }
    .navbar-nav > li:last-child {
        border-bottom: 0px;
    }
    .dropdown-menu {
        width: 100%;
        left: 0;
    }
    .open > .dropdown-menu {
        display: block;
        position: static;
        width: 100%;
    }
    .sub-menu {
        display: none;
        position: absolute;
        -webkit-transform: rotateY(0deg) translate(0);
        -moz-transform: rotateY(0deg) translate(0);
        -ms-transform: rotateY(0deg) translate(0);
        -o-transform: rotateY(0deg) translate(0);
        transform: rotateY(0deg) translate(0);
    }
    .open > .sub-menu,
    .dropdown-menu .dropdown:hover > .sub-menu {
        display: block;
        position: static;
        width: 80%;
        -webkit-transform: rotateY(0deg) translateX(20%);
        -moz-transform: rotateY(0deg) translateX(20%);
        -ms-transform: rotateY(0deg) translateX(20%);
        -o-transform: rotateY(0deg) translateX(20%);
        transform: rotateY(0deg) translateX(20%);
    }
    .mega-dropdown-menu {
        width: 100%;
        padding: 0px 0px;
    }
    .megamenu-tabs-nav,
    .news-tab {
        width: 100%;
        float: none;
    }
    .megamenu-tabs-nav ul {
        text-align: center;
    }
    .megamenu-tabs li {
        width: auto;
        display: inline-block;
    }
    .navbar-toggle {
        margin-top: 12px;
    }
    /* Hero Section */
    .hero-area {
        height: 100vh;
    }
    .hero-area.home-3 {
        min-height: 0;
    }
    .hero-area:before {
        height: 30px;
    }
    .tree,
    .coffee,
    .phone,
    .draw,
    .frame,
    .laptop {
        display: none;
    }
    .hero-area .title {
        font-size: 55px;
        line-height: 55px;
    }
    .hero-area .subtitle {
        font-size: 32px;
        line-height: 32px;
    }
    .hero-area .after-subtitle {
        font-size: 26px;
        margin-bottom: 0;
    }
    /* Hero Section 2 */
    .home-2,
    .hero-slider-inner .item {
        height: 100vh;
    }
    .hero-content-holder {
        width: 95%;
        top: 33%;
    }
    .hero-slide-holder {
        width: 90%;
        bottom: 18%;
        left: 5%;
    }
    .home-2 .owl-dots {
        width: 100%;
        bottom: 14%;
    }
    .banner-bg {
        width: auto!important;
        height: 100%!important;
    }
    /* About Section */
    .about-content {
        margin-bottom: 30px;
    }
    .social-link {
        padding: 30px;
    }
    .social-link li a {
        margin: 5px;
    }
    /* Testimonials Section */
    .testimonial-carousel .owl-item .client-details,
    .testimonial-carousel .owl-item.active .client-details,
    .testimonial-carousel .owl-item.center .client-details {
        width: 100%;
        margin-left: 0;
    }
    .client-widget blockquote {
        font-size: 18px;
        line-height: 28px;
    }
    /* Feature Section */
    .single-tab .right {
        position: relative;
        margin-top: 15px;
    }
    /* Video Section */
    .video-content {
        margin-bottom: 30px;
    }
    /* Recent Section */
    .project-name {
        font-size: 23px;
        line-height: 28px;
    }
    .project-info p {
        font-size: 14px;
        line-height: 24px;
    }
    /* Pricing Section */
    .price-content {
        margin-bottom: 30px;
    }
    .pricing-tab li {
        padding: 8px 28px;
    }
    .single-pricing-table {
        width: 100%;
        margin-bottom: 30px;
    }
    .pricing-table .single-pricing-table:last-child {
        margin-bottom: 0px;
    }
    /* Fun Fact Section */
    .fun-fact-item {
        margin-bottom: 30px;
    }
    .col-xs-12:last-child .fun-fact-item {
        margin-bottom: 0px;
    }
    /* Blog Section */
    .post-row {
        display: inline-block;
        margin-bottom: 30px;
    }
    .blog-area .col-sm-12:last-child .post-row {
        margin-bottom: 0;
    }
    .post-left,
    .post-right {
        width: 100%;
        right: 0;
        float: left;
    }
    .post-right {
        position: initial;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
    }
    /* Contact Section */
    .address-content {
        padding-left: 40px;
    }
    .address-content h4 {
        position: relative;
        width: 100%;
        bottom: 0;
        margin: 15px 0;
        text-align: left;
        -webkit-transform: rotate(0deg) translateY(0px);
        -moz-transform: rotate(0deg) translateY(0px);
        -ms-transform: rotate(0deg) translateY(0px);
        -o-transform: rotate(0deg) translateY(0px);
        transform: rotate(0deg) translateY(0px);
    }
    .map-widget {
        margin: 0 auto 30px;
    }
}

/* Wide Mobile Layout: 640px. */

@media only screen and (min-width: 630px) and (max-width: 640px) {
    /* Hero Section 2*/
    .home-2,
    .hero-slider-inner .item {
        height: 100vh;
        min-height: 810px;
    }
    .hero-content-holder {
        top: 25%;
    }
    .home-3 .download-brand,
    .home-3 .btn-field {
        display: none;
    }
}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 375px) and (max-width: 414px) {}

/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 320px) and (max-width: 374px) {
    /* Custom Typography */
    .title-1,
    .title-2 {
        font-size: 34px;
        line-height: 30px;
    }
    .subtitle-1 {
        font-size: 16px;
    }
    .subtitle-2 {
        font-size: 18px;
    }
}