/*------------------------------------*\
    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: 50px;
        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;
    }
    
    .nopadd{
        padding-right: 0px !important;
    }
    .res-table{
        width: 800px;
    }

    /* BANNER SECTION */
    .banner--section{
        height: 430px !important;
    }
    .banner--slider,
    .banner--item {
        height: 420px;
        background-color: #222;
    }
    .bigonly{
        visibility: hidden;
    }
    .banner--item.bg--overlay{
        background-size: contain;
        background-position: top center;
        margin-top: 75px;
    }
    .banner--content .title .h1 {
        font-size: 34px;
        line-height: 38px;
        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) {
}