/*

[Responsive Stylesheet]


[TABLE OF CONTENTS]

1. MEDIA QUERIES
    1.1. LARGE DEVICES, WIDE SCREENS
    1.2. MEDIUM DEVICES, DESKTOPS
    1.3. SMALL DEVICES, TABLETS
    1.4. SMALL DEVICES, SMARTPHONES
    1.5. CUSTOM, IPHONE RETINA

*/

/*------------------------------------*\
    1. MEDIA QUERIES
\*------------------------------------*/
/* 1.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1199px) {
    /* HEADER SECTION */
    .header--navbar-wrapper:before {
        width: 940px;
    }

    .header--nav-links > .dropdown.megamenu > .dropdown-menu > .col-md-10 {
        width: 100%;
    }

    /* SERVICES TAB START */
    #servicesTab > .container > .row > .col-md-6 {
        width: 100%;
    }
    .service-tab--nav {
        margin-top: 0;
        margin-bottom: 60px;
    }
    .service--tabs {
        margin-top: 0;
        padding-left: 30px;
        padding-right: 30px;
    }
    .service--tabs:before {
        top: 0;
        left: 15px;
        right: 15px;
    }
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* NAV WIDGET */
    .nav--widget ul li a:before {
        display: none;
    }

    /* DATACENTER TABS WIDGET */
    #datacenter .datacenter-tabs--widget {
        margin-top: 0;
    }

    /* HEADER SECTION */
    .header--navbar {
        padding-bottom: 0;
    }

    .header--navbar-wrapper:before {
        width: 720px;
    }

    .header--navbar .navbar-header {
        float: none;
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .header--navbar .navbar-toggle {
        float: left;
        display: block;
        margin: 3px 4px;
    }

    .header--navbar .navbar-toggle span {
        background-color: #fff;
    }

    .header--nav {
        max-height: 320px;
        padding: 5px 15px;
        border-top: 1px solid rgba(255, 255, 255, 0.35);
    }

    .header--nav.collapse {
        display: none !important;
        overflow-y: auto !important;
    }
    .header--nav.collapsing,
    .header--nav.collapse.in {
        display: block !important;
    }

    .header--nav-links {
        float: none;
    }
    
    .header--nav-links > li {
        float: none;
    }

    .header--nav-links > li.active,
    .header--nav-links > li.open {
        padding-bottom: 5px;
    }

    .header--nav-links > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .header--nav-links > .dropdown > .dropdown-menu {
        float: none;
        position: static;
        box-shadow: none;
    }

    .header--nav-links > .dropdown.megamenu > .dropdown-menu.bg--overlay {
        position: static;
        background-image: none !important;
    }

    .header--nav-links > .dropdown.megamenu .nav {
        float: none;
    }

    .header--nav-links .dropdown-menu .dropdown-menu {
        float: none;
        position: relative;
        left: 0;
        padding: 0 15px;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
        z-index: 0;
    }

    .header--nav-links.cart {
        float: right;
        margin-right: 0;
    }

    /* BANNER SECTION */
    .banner--item {
        text-align: center;
    }
    .banner--content + .banner--img,
    .banner--img + .banner--content {
        margin-top: 60px;
    }

    /* DATACENTER SECTION */
    #datacenter .page--sidebar {
        float: none !important;
    }

    /* STEPS SECTION */
    .step--line ~ .step--item:before,
    .step--line ~ .step--item:after {
        width: 36px;
    }
    .step--line ~ .step--item:nth-child(2):before {
        width: 65px;
        left: -7px;
    }
    .step--line ~ .step--item:last-child:after {
        width: 65px;
        right: -7px;
    }
    .step--line,
    .step--line ~ .step--item:before,
    .step--line ~ .step--item:after,
    .step--line ~ .step--item:last-child:after {
        display: none;
    }

    .step--item .step--before,
    .step--item:last-child .step--after {
        display: none;
    }

    /* FEATURES SECTION */
    .feature--video {
        min-height: 0 !important;
    }

    /* FAQ SECTION */
    #faq .col-md-6 + .col-md-6 .faq--item:first-child {
        margin-top: 15px;
    }

    /* PORTFOLIO SECTION */
    .portfolio--filter-nav ul li {
        display: block;
    }
    .portfolio--filter-nav ul li a {
        display: block;
        border-radius: 20px;
    }
    .portfolio--filter-nav ul li ~ li a {
        margin-top: 10px;
        border-left: 1px solid #999;
    }
    .portfolio--filter-nav ul li:first-child a,
    .portfolio--filter-nav ul li:last-child a {
        border-radius: 20px;
    }
    .portfolio--filter-nav.triangle--on ul li a:before {
        display: none;
    }

    /* PRICING DETAILS SECTION */
    #pricingDetails .reset-gutter {
        margin-left: -15px;
        margin-right: -15px;
    }
    #pricingDetails .reset-gutter > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    #pricingDetails .pricing--item {
        border-left-width: 1px;
    }
    #pricingDetails .pricing--item.first-child {
        display: none;
    }
    #pricingDetails .pricing--header,
    #pricingDetails .pricing--price {
        height: auto !important;
    }
    #pricingDetails .pricing--features ul li:before {
        content: attr(data-title);
        display: block;
        font-weight: 600;
    }

    /* VPS PRICING SECTION */
    .vps-pricing--slider {
        margin-bottom: 160px;
    }

    /* PAGE WRAPPER SECTION */
    .page--content.pull-right {
        float: none !important;
    }

    .affiliate-page .page--content img {
        margin-bottom: 25px;
    }

    /* BLOG SECTION */
    .comment--items ul ul {
        padding-left: 0;
    }

    /* CALL TO ACTION SECTION */
    .call-to-action--content:before {
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: -webkit-linear-gradient(right, transparent -10%, #eeeeee 50%, transparent 110%);
        background: linear-gradient(to left, transparent -10%, #eeeeee 50%, transparent 110%);
    }

    .call-to-action--content {
        padding: 0 15px 50px;
    }
    .subscribe--form {
        padding: 50px 15px 0;
    }

    /* FOOTER SECTION */
    .footer--menu-wrapper {
        margin-left: 0;
        margin-right: 0;
        border: 0;
    }
    .footer--menu-wrapper:before,
    .footer--menu-wrapper:after {
        display: none;
    }
}

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* Section Title */
    .section--title > p {
        display: none;
    }

    .section--title .h2 {
        font-size: 36px;
        line-height: 50px;
    }

    /* HEADER SECTION */
    .header--navbar-wrapper:before {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
        -webkit-transition-property: width, margin;
        transition-property: width, margin;
    }
    .is-sticky .header--navbar-wrapper:before {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .header--nav-links {
        margin: 0;
    }
    .header--nav-links.cart {
        margin: 0;
    }

    .header--nav-links > .dropdown > .dropdown-menu {
        background-color: #fff;
        border: 2px solid #ccc;
    }

    .header--nav-links.cart {
        margin: 0;
    }

    /* BANNER */
    .banner--content .h2 {
        font-size: 70px;
        line-height: 70px;
    }

    /* DOMAIN SEARCH SECTION */
    .domain-search--form form .inline-block {
        display: block;
    }
    .domain-search--form form button[type="submit"] {
        margin: 20px 0 0;
    }
    .owl-item.active + .owl-item.active + .owl-item.active + .owl-item.active .domain-search--ext:before {
        display: none;
    }

    /* PRICING SECTION */
    .pricing--tab-nav ul li {
        display: block;
    }
    .pricing--tab-nav ul li a {
        display: block;
        max-width: 200px;
        margin: 0 auto;
        border-radius: 20px;
    }
    .pricing--tab-nav ul li ~ li a {
        margin-top: 10px;
        border-left: 1px solid #999;
    }
    .pricing--tab-nav ul li a:first-child,
    .pricing--tab-nav ul li a:last-child {
        border-radius: 20px;
    }
    .pricing--tab-nav.triangle--on ul li a:before {
        display: none;
    }

    /* PRICING TABLE SECTION */
    .pricing--table {
        border: 0;
    }
    .pricing--table thead {
        display: none;
    }
    .pricing--table tbody tr {
        display: block;
    }
    .pricing--table tbody tr + tr {
        margin-top: 30px;
    }
    .pricing--table tbody td {
        display: block;
        text-align: right;
    }
    .pricing--table tbody td + td {
        border-top: 0;
    }
    .pricing--table tbody td:before {
        content: attr(data-title) " : ";
        float: left;
        color: #222;
        font-family: "Raleway", sans-serif;
        font-weight: 500;
    }

    /* VPS PRICING SECTION */
    .vps-pricing--plans li {
        display: table-cell;
        width: 1%;
    }

    /* LOGIN SECTION */
    .login--wrapper:before {
        display: none;
    }
    .login--wrapper .row--vc > div {
        display: block;
    }
    .login--content {
        position: relative;
    }
    .login--content:before {
        content: " ";
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 0;
        height: 1px;
        background-color: #eee;
    }

    /* PAGE WRAPPER SECTION */
    .product--single-gallery {
        margin-bottom: 60px;
    }

    .product--details-tab-nav {
        padding-bottom: 21px;
    }
    .product--details-tab-nav ul li {
        float: none;
    }
    .product--details-tab-nav ul li + li {
        float: none;
        margin-left: 0;
    }
    .product--details-tab-nav ul li + li:before {
        display: none;
    }

    .review--form footer .btn,
    .review--form footer .help-block {
        float: none;
    }
    .review--form footer .help-block {
        margin-top: 10px;
    }

    /* CART SECTION */
    .cart--form .table thead {
        display: none;
    }
    .cart--form .table tbody tr {
        display: block;
        border-style: solid;
        border-width: 1px 1px 0;
        border-color: #eee;
        border-radius: 2px;
    }
    .cart--form .table tbody tr + tr {
        margin-top: 30px;
    }
    .cart--form .table tbody td {
        display: block;
        padding: 15px;
        text-align: right;
    }
    .cart--form .table tbody td:first-child {
        text-align: right;
    }
    .cart--form .table tbody td:last-child {
        border-radius: 0 0 2px 2px;
    }
    .cart--form .table tbody td:before {
        content: attr(data-title) " : ";
        float: left;
        margin-top: -5px;
        margin-right: 15px;
        color: #222;
        font-family: "Raleway", sans-serif;
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
    }
    .cart--form .table tbody td[data-title="Quantity"]:before {
        margin-top: 0px;
    }

    .cart--form footer .input-group,
    .cart--form footer .btn {
        float: none !important;
    }
    .cart--form footer .input-group {
        margin-bottom: 30px;
    }

    /* POST */
    .post--footer > div {
        width: 100%;
    }

    .post--footer > div + div {
        margin-top: 10px;
    }
    
    .post--footer > div > .social--widget {
        float: left;
    }

    /* COMMENT FORM */
    .comment-respond footer .btn,
    .comment-respond footer .help-block {
        float: none;
    }
    .comment-respond footer .help-block {
        margin-top: 10px;
    }

    /* CONTACT SECTION */
    .contact--form-wrapper {
        position: relative;
    }

    .comment-respond .form-group:last-child {
        margin-bottom: 30px;
    }

    /* FOOTER SECTION */
    .footer--widget {
        width: 100%;
    }

    .footer--title {
        height: auto !important;
        margin-bottom: 20px;
    }
}

/* 1.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* HEADER SECTION */
    .header--topbar-logo {
        margin-left: 0;
    }

    /* DOMAIN SEARCH SECTION */
    .domain-search--form .input-group-addon:first-child {
        display: none;
    }
    .domain-search--form .input-group .form-control {
        border-radius: 20px 0 0 20px !important;
    }
    .owl-item.active + .owl-item.active + .owl-item.active .domain-search--ext:before {
        display: none;
    }

    /* PORTFOLIO SECTION */
    .portfolio--item {
        width: 100%;
    }

    /* PRICING SECTION */
    #pricing .col-xs-6 {
        float: none;
        width: 100%;
    }

    /* COUNTER SECTION */
    #counter .col-xs-6 {
        float: none;
        width: 100%;
    }

    /* LOGIN SECTION */
    .login--form footer .btn {
        float: none !important;
        display: block;
        width: 100%;
    }

    /* PAGE WRAPPER SECTION */
    .review--item-title .product--rating {
        float: none;
        width: 100%;
        margin: 55px 0 10px;
    }

    .product--item.col-xs-6 {
        float: none;
        width: 100%;
    }

    .products--related .product--item {
        float: none;
        width: 100%;
    }
    .products--related .product--item + .product--item {
        margin-top: 60px;
    }

    .product.col-xs-6 {
        float: none;
        width: 100%;
    }

    /* POST */
    .post-author-metadata {
        display: block;
    }
    .post-author-metadata > .img {
        max-width: 85px;
        margin-bottom: 10px;
    }

    /* CONTACT SECTION */
    .contact--info-item.col-xs-6 {
        float: none;
        width: 100%;
    }

    /* CALL TO ACTION SECTION */
    .subscribe--form .input-group {
        display: block;
    }
    .subscribe--form .form-control,
    .subscribe--form .input-group-addon {
        float: none;
        display: block;
    }
    .subscribe--form .input-group-addon {
        padding-top: 20px;
        padding-left: 0;
    }

    /* COL XXS */
    .col-xxs-12 {
        width: 100%;
    }

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

/* 1.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    
}