/*

[Responsive Stylesheet]

Project     : Skyler - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.5
Author      : ThemeLooks
Author URI  : https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[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:before {
        width: 940px;
    }
}

@media screen and (min-width: 992px) {
    /* HELPER CLASSES */
    .row--vc-md > div {
        float: none;
        display: table-cell;
        vertical-align: middle;
    }
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* HELPER CLASSES */
    .float--md-none {
        float: none !important;
    }

    /* TAB NAV WIDGET */
    .tab-nav--widget .nav > li > a:after {
        display: none;
    }

    /* COMMENT LIST */
    .comment--items .comment--items {
        margin-left: 0;
        margin-right: 0;
    }

    /* HEADER SECTION */
    .header--navbar:before {
        width: 720px;
    }

    .header--navbar > .container {
        position: relative;
    }

    .header--navbar .navbar-header {
        float: none;
    }

    .header--cart-btn {
        float: none;
        position: absolute;
        top: 1px;
        right: 85px;
        margin-left: 0;
    }

    .header--navbar .navbar-toggle {
        display: block;
    }

    .is-sticky .header--navbar .navbar-toggle {
        border-color: #393939;
    }

    .is-sticky .header--navbar .navbar-toggle .icon-bar {
        background-color: #393939;
    }

    .header--navbar .navbar-collapse {
        float: none;
        display: none !important;
        position: absolute;
        left: 15px;
        right: 15px;
        max-height: 320px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, .085);
        overflow: auto !important;
    }

    .header--navbar .navbar-collapse.collapsing,
    .header--navbar .navbar-collapse.in {
        display: block !important;
    }

    .header--nav-links {
        margin-top: 12px;
        margin-left: 0;
        margin-right: 0;
        color: #222;
        background-color: #fff;
    }

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

    .header--nav-links > li > a {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }

    .header--nav-links > li.nav-item > a:hover, .header--nav-links > li.nav-item > a:focus, .header--nav-links > li.open > a:focus, .header--nav-links > li.open > a:focus, .nav li.current-menu-ancestor > a, .nav li.current-menu-ancestor > a:focus, .current-menu-item {
        color: #222;
    }

    .header--nav-links > .dropdown > .dropdown-menu {
        float: none;
        position: relative;
        margin-top: 0;
        padding: 0;
        box-shadow: none;
    }

    .header--nav-links > .dropdown > .dropdown-menu a {
        padding-left: 30px;
        padding-right: 30px;
    }

    .dropdown-menu .dropdown-menu {
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
        padding: 0;
        box-shadow: none;
    }

    .dropdown-menu .dropdown-toggle:before {
        content: "\f107" !important;
    }

    .header--nav-links > .dropdown > .dropdown-menu .dropdown-menu > li > a {
        padding-left: 40px;
        padding-right: 40px;
    }

    .banner--content.style--n1 h2.h1 {
        font-size: 80px;
    }

    /* PRICING SECTION */
    .pricing--nav .nav > li > a:after {
        display: none;
    }

    .pricing--table:before {
        border-width: 0;
    }

    .pricing--table .table thead {
        display: none;
    }

    .pricing--table .table tbody tr {
        display: block;
    }

    .pricing--table .table tbody tr + tr {
        margin-top: 30px;
    }

    .pricing--table .table tr.spacer {
        display: none;
    }

    .pricing--table .table tbody tr th,
    .pricing--table .table tbody tr td {
        display: block;
        padding-left: 140px;
        text-align: right;
    }

    .pricing--table.text-center .table tbody tr th,
    .pricing--table.text-center .table tbody tr td {
        text-align: right;
    }

    .pricing--table .table tbody tr th:before,
    .pricing--table .table tbody tr td:before {
        border-width: 1px 1px 0 1px;
        opacity: 0.1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    }

    .pricing--table .table tbody tr th:last-child:before,
    .pricing--table .table tbody tr td:last-child:before {
        border-bottom-width: 1px;
    }

    .pricing--table .table tbody tr td:after,
    .pricing--table .table tbody tr th:after {
        content: attr(data-label);
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        font-weight: 600;
        text-transform: uppercase;
    }

    /* PORTFOLIO SECTION */
    .portfolio--filter-menu .nav > li:after {
        display: none;
    }

    /* AFFILIATE SECTION */
    .affiliate--info-item:after {
        display: none;
    }

    /* PRODUCTS SECTION */
    .product--details-nav .nav > li > a:after {
        display: none;
    }

    /* COMING SOON */
    .coming--soon--section.bg--overlay:before {
        width: 70%;
    }
}

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 768px) {
    .woocommerce-cart-form tbody tr td,
    .woocommerce-page tbody tr th {
        position: relative;
        min-height: 40px;
        padding: 8px 0px;
    }
    
    .woocommerce-cart-form tbody tr td:before,
    .woocommerce-page tbody tr th:before{
        position: absolute;
        left: 0;
        top: 50%;
        right: auto;
        height: 36px;
        line-height: 36px;
        padding: 0px 15px;
        transform: translateY(-50%);
        display: block !important;
    }
    .woocommerce table tr.woocommerce-shipping-totals.shipping th:before,
    .woocommerce table tr.order-total th:before {
        position: absolute;
        top: 0;
        transform: translateY(0%);
        height: 100%;
    }
    .woocommerce-cart-form tfoot tr td:before {
        display: none;
    }
    .woocommerce-cart-form tbody tr td.product-remove {
        height: 60px;
    }
    .woocommerce-cart-form tbody tr td.product-remove .remove{
        top: 10px;
        right: 15px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        width: 40px;
        background-color: #eee !important;
        border-radius: 100px;
    }
    .woocommerce-cart-form table.shop_table_responsive tr td a,
    .woocommerce-page table.shop_table_responsive tr td > span {
        position: absolute;
        right: 15px;
    }
    .woocommerce-cart-form table.shop_table_responsive tr td a.shipping-calculator-button,
    .woocommerce-page table.shop_table_responsive tr td a.btn-default,
    .woocommerce-page table.shop_table_responsive tr.cart-subtotal td > span.woocommerce-Price-amount{
        position: relative;
        right: 0;
    }
    .woocommerce-cart-form table.shop_table_responsive tr,
    .woocommerce-page table.shop_table_responsive tr {
        margin-top: 30px;
    }
    .woocommerce-cart-form table.shop_table_responsive tr:nth-child(1),
    .woocommerce-page table.shop_table_responsive tr:nth-child(1) {
        margin-top: 0px;
    }
    .woocommerce-cart-form table.shop_table_responsive tbody tr:first-child td:first-child,
    .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child {
        border-top: 1px solid #eee;
        display: none;
    }
    .woocommerce-cart-form table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        background-color: #f9f9f9;
    }
    .quantity.product--quantity {
        text-align: right;
        margin-right: 15px;
    }
    .quantity.product--quantity i {
        text-align: center;
        margin-right: 20px;
    }
    .quantity.product--quantity input.form-control {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    /* HEADER SECTION */
    .header--navbar:before {
        width: auto;
    }

    .header--navbar .navbar-toggle {
        margin-right: 15px;
    }

    .header--nav-links > li {
        float: none;
    }
    .is-sticky .header--navbar .sticky-logo,
    .header--navbar .default-logo {
        margin-left: 15px;
    }

    /* BANNER SECTION */
    .banner--content .title .h1 {
        font-size: 58px;
    }

    /* VPS PRICING SECTION */
    .vps--pricing-slider-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }

    .vps--pricing-slider-wrapper .ui-slider-prev,
    .vps--pricing-slider-wrapper .ui-slider-next {
        display: none;
    }

    .cta--content {
        display: block;
    }
    .cta--content .title  {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }
    .cta--content .action {
        text-align: center;
		margin-left:0px;
    }

    /* CART SECTION */
    .cart--items > form > .table thead {
        display: none;
    }

    .cart--items > form > .table tbody tr {
        display: block;
    }

    .cart--items > form > .table tbody tr + tr {
        margin-top: 30px;
    }

    .cart--items > form > .table tbody tr td,
    .cart--items > form > .table tbody tr th {
        display: block;
        padding: 10px 20px 10px 140px;
        text-align: right;
    }

    .cart--items > form > .table tbody tr td:before {
        top: 0;
        bottom: 0;
    }

    .cart--items > form > .table tbody tr td:after {
        content: attr(data-label);
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        color: #393939;
        font-weight: 600;
    }

    /* COMING SOON */
    .coming--soon--section.bg--overlay:before {
        width: 100%;
    }

    /* NEW */
    .pricing--nav .nav > li {
        margin-top: 6px;
    }
    .banner--content.style--n1 h1.h1 {
        font-size: 36px;
    }
    .comment-respond .comment-form {
        padding: 34px 15px 34px;
    }
    .footer--copyright .social {
        float: none;
        display: flex;
        justify-content: center;
    }
    .footer--copyright .copyright--text {
        float: none;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    /* HELPER CLASSES */
    .col-xxs-12 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* DOMAIN SEARCH FORM */
    .domain-search--form .input-group {
        display: block;
    }
    
    .domain-search--form .input-group .form-control {
        float: none;
    }
    
    .domain-search--form .input-group-addon {
        display: block;
        width: 100%;
    }

    .domain-search--form .input-group-addon .btn-default {
        display: inline-block;
        width: 50%;
    }

    .domain-search--form .input-group select {
        min-width: 0;
    }

    /* CART SECTION */
    .coupon--code.float--left {
        float: none;
        max-width: none;
    }

    .cart--update-btn.float--right {
        float: none;
        margin-top: 30px;
        text-align: center;
    }
}

/* 1.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* HELPER CLASSES */
    .col-xss-5 {
        width: 41.66666667%;
    }

    .col-xss-7 {
        width: 58.33333333%;
    }

    .col-xss-12 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* SECTION TITLE */
    .section--title .h1 {
        font-size: 30px;
    }

    /* BANNER SECTION */
    .banner--content .title .h1 {
        font-size: 48px;
        word-break: break-all;
    }
    .banner--content.style--n1 h2.h1 {
        font-size: 60px;
    }

    /* TESTIMONIAL SECTION */
    .testimonial--item .content {
        padding-left: 30px;
        padding-right: 30px;
    }

    /* BLOG SECTION */
    .post--author .img {
        float: none;
        margin-bottom: 18px;
    }
}

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