/*

[Responsive Stylesheet]

Project     : CloudSky - Multipurpose Domain, Hosting and WHMCS Template
Version     : 1.0
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;
    }

    .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 > .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";
    }

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

    /* 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 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: 767px) {
    /* HEADER SECTION */
    .header--navbar:before {
        width: auto;
    }

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

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

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

    /* 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;
    }

    /* 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%;
    }
}

@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;
        line-height: 58px;
        word-break: break-all;
    }

    /* 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) {
}