/*------------------------------------*\
    1. MEDIA QUERIES
\*------------------------------------*/
/* 1.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (min-width: 993px) and (max-width: 1200px) {
    /* HEADER AREA */
    .header-img .header-img-slider {
        left: 100.3px;
    }
    .header-img .header-img-inner {
        left: 101.3px;
    }
}
@media screen and (max-width: 1200px) {
    /* DOMAIN SEARCH AREA */
    #domainSearch form .mdl-textfield {
        max-width: 225px;
    }
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* NAVIGATION AREA */
    .navigation--navbar .navbar-header {
        float: none;
        margin-right: 118px;
    }

    .navigation--navbar .navbar-toggle {
        display: block;
        margin-top: 12px;
    }

    .navigation--custom-btn {
        float: none;
        position: absolute;
        top: 32px;
        right: 0;
        margin: 0;
    }

    .navigation--nav {
        float: none;
        max-height: 520px;
        margin-top: 23px;
        padding: 0;
        background-color: #303030;
        border-top-color: #e9e9e9;
    }

    .navigation--nav.collapse {
        display: none !important;
    }

    .navigation--nav.collapsing {
        display: block !important;
    }

    .navigation--nav.in {
        display: block !important;
        overflow-y: auto !important;
    }

    .navigation--nav .nav {
        float: none;
    }

    .navigation--nav .nav > li {
        float: none;
    }

    .navigation--nav .nav > li:before {
        margin-left: 15px;
    }

    .navigation--nav .nav > .dropdown:hover > .dropdown-menu {
        display: none;
    }
    .navigation--nav .nav > .dropdown.open > .dropdown-menu {
        position: relative;
        float: none;
        display: block;
        padding: 10px 0;
        background-color: #fff;
    }

    /* HEADER AREA */
    .header-img .header-img-slider {
        left: 46.3px;
    }

    /* DOMAIN SEARCH AREA */
    #domainSearch form .mdl-textfield {
        max-width: 494px;
        width: 100%;
    }
    #domainSearch form .select-box {
        max-width: 140px;
    }

    /* CALL TO ACTION AREA */
    #callToAction {
        text-align: center;
    }
    #callToAction a {
        margin-top: 30px;
    }

    /* ABOUT ARAE */
    #about:before,
    #about:after {
        display: none;
    }
    .about-page-team:before {
        display: none;
    }
    .team-item {
        margin: 0;
    }
    .section-title.team-title {
        color: #222;
        margin-right: 0;
        text-align: center;
    }
    .section-title.team-title:before {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    /* APP FEATURES AREA */
    .app-features-img,
    .dev-img {
        text-align: center;
    }
    .app-features-img .section-title,
    .dev-img .section-title {
        float: none;
        -webkit-transform: none;
                transform: none;
        margin: 0 0 70px;
        text-align: center;
    }

    /* TEAM AREA */
    .about-description {
        margin-top: 50px;
    }
    .team-skills {
        padding-left: 15px;
    }
    .team-skills .progress {
        margin-right: 15px;
    }

    /* FEEDBACK AREA */
    .feedback-item {
        margin-bottom: 20px;
    }

    /* DOMAIN PRICING AREA */
    #domainPricing table {
        border: 0;
    }
    #domainPricing table thead {
        display: none;
    }
    #domainPricing table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
        background-color: #fff;
    }
    #domainPricing table tbody tr:nth-child(even) td {
        background-color: #fff;
    }
    #domainPricing table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }
    #domainPricing table td:last-child {
        border-bottom: 0;
    }
    #domainPricing table td span.labelText {
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }

    /* FEATURES AREA */
    .feature--img {
        display: none;
    }
    .feature--item.text-right {
        text-align: left;
    }

    .feature--content h3:before,
    .feature--content h3:after {
        display: none;
    }

    .features--img {
        height: 0;
        overflow: hidden;
    }

    /* FAQ AREA */
    .faq--categories {
        padding: 0;
    }
    .faq--categories ul {
        float: none;
    }
    .faq--categories li {
        display: block;
    }
    .faq--custom-btn {
        float: none;
        width: 100%;
        margin-top: 15px;
        margin-right: 0;
        border-radius: 0 0 4px 4px;
    }

    /* BLOG AREA */
    .blog-page-content + .blog-page-sidebar,
    .blog-page-sidebar + .blog-page-content {
        position: relative;
        margin-top: 60px;
        padding-top: 60px;
        z-index: 0;
    }

    .blog-page-content + .blog-page-sidebar:before,
    .blog-page-sidebar + .blog-page-content:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: #e9e9e9;
    }

    .post-item {
        margin-bottom: 30px;
    }

    /* CONTACT AREA */
    #contact {
        padding-bottom: 65px;
    }

    /* CONTACT PAGE */
    #contact.page {
        padding-bottom: 65px !important;
    }

    /* BLOG PAGE */
    .eq-height-left:before, .eq-height-right:before {
        display: none;
    }

    .categories-widget .nav-tabs > li {
        display: table-cell;
        width: 1%;
    }

    /* COLOR SWICTHER */
    #open-switcher,
    #close-switcher,
    #demo-colors {
        display: none;
    }

    /* FOOTER AREA */
    #footer {
        padding-top: 40px;
    }

    .footer-title {
        margin-top: 0;
    }

    /* ROW MD VC */
    .row-md-vc > div {
        display: block;
    }
}

@media screen and (max-height: 700px) {
    /* HEADER AREA */
    .header-img > img {
        max-height: 85%;
    }
    .header-img .header-img-slider,
    .header-img .header-img-inner {
        top: 8%;
        height: 100%;
    }
    .header-img-slider .owl-controls {
        bottom: 33%;
    }
}

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* NAVIGATION AREA */
    .navigation--nav {
        padding: 0 15px;
        border: 0;
    }

    /* DOMAIN SEARCH AREA */
    #domainSearch form .mdl-textfield {
        max-width: none;
    }
    #domainSearch form .select-box {
        margin-top: 0;
        padding: 0;
    }
    #domainSearch form .mdl-button {
        display: block;
        margin: 30px 0 40px;
    }

    /* APP FEATURES */
    #appFeatures {
        border-bottom: 1px solid #e9e9e9;
    }
    .app-features-content ul {
        padding-left: 0;
    }
    .dev-content ul {
        padding-right: 0;
    }
    #appFeatures .bg-image,
    #devSteps .bg-image {
        display: none;
    }
    .app-features-img figure,
    .dev-img figure {
        display: none;
    }
    .app-features-img,
    .dev-img {
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
    }
    .app-features-content,
    .dev-content {
        padding-top: 120px;
    }
    .app-features-img .section-title,
    .dev-img .section-title {
        color: #737373;
    }
    .app-features-content ul li:before,
    .app-features-content ul li:after,
    .app-features-content ul li .arrow:before {
        display: none;
    }
    .dev-content ul li:before,
    .dev-content ul li:after,
    .dev-content ul li .arrow:before {
        display: none;
    }

    /* BLOG DETAILS PAGE */
    .post-navigation a {
        margin-bottom: 5px;
    }
}

/* 1-4 EXTRA SMALL DEVICES, PHONES */
@media screen and (max-width: 480px) {
    /* NAVIGATION AREA */
    .navigation--custom-btn {
        display: none;
    }

    .navigation--navbar .navbar-header {
        margin-right: 0;
    }

    .navigation--navbar .navbar-toggle {
        margin-right: 0;
        padding-right: 0;
    }

    /* HEADER SLIDER */
    .header-content ul li {
        width: 100%;
    }

    /* DOMAIN SEARCH AREA */
    #domainSearch .domain-ext {
        overflow: hidden;
    }
    #domainSearch .extension {
        float: left;
        display: block;
        width: 50%;
        margin-bottom: 20px;
        padding-left: 0;
        border: 0;
    }
    #domainSearch .extension:first-child {
        padding-left: 0;
    }
    #domainSearch .extension:last-child {
        margin-bottom: 0;
    }

    /* TESTIMONIAL AREA */
    .feedback-items {
        width:100vw;
    }

    /* GENERAL PAGE HEADER */
    .page-title h2 {
        margin-bottom: 40px;
    }

    #pageHeader .breadcrumb {
        display: block;
    }

    /* HIDDEN XXS */
    .hidden-xxs {
        display: none;
    }
}

/* 1.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    /* HEADER AREA */
    .header-item h2 {
        font-size: 21px;
        line-height: 25px;
    }

    .header-item a.mdl-button {
        padding: 5px 15px;
    }

    .header-item a.mdl-button img {
        height: 30px;
    }

    /* TEAM AREA */
    .team-item > div:last-child {
        margin-bottom: 0;
    }

    .team-item > div {
        width: 100%;
        margin-bottom: 30px;
        float: none;
    }

    /* BLOG PAGE */
    .categories-widget .nav-tabs > li {
        display: block;
        width: 100%;
    }
    .categories-widget .nav-tabs > li > a:before {
        display: none;
    }
}