/*
Theme Name: CloudOcean - Responsive Hosting HTML5 & WHMCS7 Template
Theme URI: http://www.whmcsdes.com
Description: awesome and clean Template multi pages .Template is designed to Hosting Companies ,Contains +25 HTML files which have been well organized built using 1170 grid system .
Version: 1.4
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/
/* Smart Phones */
@media only screen and (min-width: 160px) and (max-width: 767px) {

    /* Header */
    .navbar-toggle {
        margin-top: 35px;
    }

    .icon-bar {
        background: #9e9e9e none repeat scroll 0 0;
    }

    ul.menu-header {
        background: #f8f8f8 none repeat scroll 0 0;
        float: left;
        margin: 0 0 40px;
        width: 100%;
        padding: 10px;
    }

    ul.menu-header li {
        display: block;
        margin: 15px;
        padding: 0;
    }

    ul.menu-header a:hover {
        border-top: 0;
        padding-top: 0;
    }

    .custom.dropdown-menu {
        border-color: -moz-use-text-color #e7e7e7 #e7e7e7;
        padding: 10px 0;
    }

    .c-inp {
        width: 100%
    }

    .custom.dropdown-menu>li {
        margin: 0;
    }

    .products-res>ul,
    .company>ul {
        border-right: 0;
    }

    .products-res,
    .company {
        display: block;
        float: left;
        margin: 0 0 20px 0;
    }

    .contact-b {
        width: 100%;
        padding: 30px 0;
    }

    .getin-t {
        border-right: 0 none;
        float: left;
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .followus {
        float: left;
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
    }

    .followus li a {
        margin-bottom: 10px;
    }

    .payment {
        float: left;
        margin-left: 0;
        margin-top: 20px;
        padding: 0;
    }

    .copyr {
        float: none;
        text-align: center;
    }

    .impo-l {
        float: none;
        margin: 30px 0 0 0;
    }

    .server-d {
        height: 100% !important;
        width: 100% !important;
        margin: 30px auto;
    }

    .description-section {
        line-height: 27px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .c-feature {
        display: block;
        margin: 10px auto;
        text-align: left;
    }

    .price-res {
        float: left;
        padding: 12px 20px;
        margin-left: 17%;
    }

    .order {
        float: left;
        padding: 12px 20px !important;
        margin-bottom: 202px;
    }

    .owl-theme .owl-controls {
        margin-top: 30px;
    }

    .block-plan {
        margin-bottom: 30px;
    }

    .feature-block {
        margin-bottom: 30px;
    }

    .custom-tabs a {
        min-width: 100%;
    }

    .effect-goliath {
        display: block;
        width: 100% !important;
        margin: 0 0 30px 0 !important;
    }

    .title-cust-c {
        display: none;
    }

    .clients-rep {
        float: none;
        margin-top: 50px;
        width: 100%;
    }

    .partnet-item {
        display: block;
        margin: 20px auto;
    }

    .partners {
        margin-top: 100px;
        margin-bottom: 0;
        text-align: center;
        ;
    }

    .img-about {
        height: 100%;
        width: 100%;
    }

    .fa-server.custom-f,
    .fa-envelope.custom-f,
    .fa-save.custom-f,
    .fa-database.custom-f,
    .fa-chart-line.custom-f,
    .fa-lock.custom-f,
    .fa-tachometer.custom-f,
    .fa-child.custom-f,
    .fa-tv.custom-f,
    .fa-envelope.custom-f,
    .fa-commenting.custom-f,
    .fa-lock.custom-r,
    .fa-envelope.custom-r,
    .fa-cloud-download.custom-r,
    .fa-laptop.custom-r,
    .fa-code.custom-r,
    .fa-support.custom-r,
    .fa-external-link.custom-r,
    .fa-map-marker.custom-r {
        display: none;
    }

    .text-r,
    .text-f {
        float: left;
        width: 100%;
    }

    .app-img {
        height: 100%;
        width: 100%;
    }

    .app h1 {
        margin-top: -20px;
    }

    .fa-wordpress.app,
    .fa-drupal.app,
    .fa-joomla.app,
    .fa-opencart.app,
    .fa-subway.app,
    .fa-ball-o.app {
        color: #ffffff !important;
        font-size: 48px !important;
        margin: 20px 0 45px 5px;
    }

    .details.custom {
        margin-left: 0;
    }

    .details.s-c>h3 {
        padding-top: 0 !important;
    }

    .details {
        margin-top: 0px;
    }

    .details.s-web-dom>h3 {
        padding-top: 50px;
    }

    .book-d {
        margin-bottom: 30px;
    }

    .search-b {
        margin-bottom: 30px;
    }

    .transfer-b {
        margin-bottom: 30px;
    }

    .table-responsive {
        margin-bottom: 0;
    }

    .details.s-web-sup>h3 {
        padding-top: 40px;
    }

    .block-sq {
        margin-bottom: 30px;
    }

    .format-cust {
        float: left;
        margin-left: 0 !important;
        margin-top: 20px;
    }

    .nav-tabs {
        border-bottom: 0;
    }

    .nav.nav-tabs.custom-tabs-c>li {
        margin: 0;
    }

    .social-icons {
        bottom: 0;
        margin: 14px 0 10px;
    }

    .mail-con,
    .phone-con {
        display: block;
        margin: 20px 0;
    }

    .check-box-c,
    forget-cus,
    .newclient-cus {
        display: block;
        margin: 10px 0;
    }

    .date-user {
        display: block;
    }

    .wid-block {
        float: left;
        margin-left: 0;
        margin-right: 10px;
        margin-top: 10px;
    }

    .format-cust {
        margin-top: 9px;
    }

    .article-item>p {
        clear: both;
    }

    .article-rel {
        margin-bottom: 30px;
    }

    .comment-area>img {
        display: block;
        float: none;
        margin: 0 auto;
    }

    .user-rep {
        display: table;
        margin-top: 25px;
    }

    .tags-blog,
    .author-blog {
        border-bottom: 1px solid #e7e7e7;
        border-left: 0 none;
        border-right: 0 none;
        margin-bottom: 20px;
        padding-bottom: 15px;
    }

    .countdown-show1 .countdown-section {
        width: 100%;
    }

    .countdown-show2 .countdown-section {
        width: 100%;
    }

    .countdown-show3 .countdown-section {
        width: 100%;
    }

    .countdown-show4 .countdown-section {
        width: 100%;
    }

    .countdown-show5 .countdown-section {
        width: 100%;
    }

    .countdown-show6 .countdown-section {
        width: 100%;
    }

    .countdown-show7 .countdown-section {
        width: 100%;
    }

    .countdown-section {
        width: 100%;
    }

    .coming-custom {
        padding-bottom: 80px;
    }

    .impo-l {
        float: none;
        margin: 30px auto 0;
        text-align: center;
    }

    .impo-l>li {
        padding: 0 5px;
    }

    .panel-title>a {
        font-size: 11.3px;
    }

    .inpt-add {
        margin-right: 0;
    }

    a.reply-rep {
        padding: 6px 9px;
    }

    .text-f>h3 {
        text-align: left;
    }

    .text-f>p {
        text-align: left;
    }

    .method-debit {
        margin-bottom: 40px;
    }

    .alert-warning {
        margin-bottom: 0;
    }

    .plan-st2,
    .plan-st3 {
        margin-bottom: 60px;
    }

    .plans-tabs li {
        width: 100%;
        margin: 0;
    }

    .block-ly2 {
        margin: 20px 0;
    }

    .carousel-co .item {
        height: auto;
    }

    .section-title-block h5 {
        line-height: 24px;
        margin: 15px;
    }

    .hide-responsive {
        display: none;
    }

    .img-about-cusz {
        width: 100%;
    }
}

/* iPads (landscape) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    ul.menu-header li {
        padding-left: 16px;
    }

    .products-res>ul,
    .company>ul {
        border: 0;
        padding: 0;
        margin: 0;
    }

    .products-res>ul,
    .company>ul {
        padding: 0 !important;
    }

    .products-res {
        float: left;
        margin-right: 55px width: 50%;
    }

    .products-res {
        margin-left: 25px;
    }

    .contact-b {
        margin-top: 50px;
        width: 100%;
    }

    .payment {
        float: left;
        margin-left: 55px;
        margin-top: 30px;
    }

    .copyr {
        padding-left: 15px;
    }

    .impo-l {
        float: right;
        list-style: outside none none;
        margin: 30px 0 0 0;
        padding: 0 25px 0 0;
    }

    .fea-block {
        max-height: 305px;
        min-height: 305px;
    }

    .custom-tabs a {
        width: 100%;
    }

    .grid figure {
        margin: 0 8px;
        width: 30.9%;
    }

    .clients-rep {
        margin-top: 50px;
    }

    .clients-op h2 {
        margin-left: 11px;
    }

    .title-cus {
        margin-left: 131px;
    }

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

    .contact-b {
        margin-top: 0;
    }

    .getin-t {
        border-right: 0;
    }

    .followus {
        margin-top: 30px;
    }

    .payment {
        margin-left: 0;
    }

    .text-f,
    .text-r {
        float: left;
        width: 100%;
    }

    .fa-server.custom-f,
    .fa-envelope.custom-f,
    .fa-save.custom-f,
    .fa-database.custom-f,
    .fa-chart-line.custom-f,
    .fa-lock.custom-f,
    .fa-tachometer.custom-f,
    .fa-child.custom-f,
    .fa-tv.custom-f,
    .fa-envelope.custom-f,
    .fa-commenting.custom-f,
    .fa-lock.custom-r,
    .fa-envelope.custom-r,
    .fa-cloud-download.custom-r,
    .fa-laptop.custom-r,
    .fa-code.custom-r,
    .fa-support.custom-r,
    .fa-external-link.custom-r,
    .fa-map-marker.custom-r {
        display: none;
    }

    .img-about {
        float: none;
        margin: 50px auto 0;
        display: block;
        width: 100%;
    }

    .details.custom {
        margin-left: 0;
    }

    .img-about.custom {
        float: right;
    }

    .details {
        margin-top: 0px;
    }

    .details.s-c>h3 {
        padding-top: 50px !important;
    }

    .details.s-web-dom>h3 {
        padding-top: 50px;
    }

    .block-sq {
        margin-bottom: 30px;
    }

    .comment-area>img {
        margin-bottom: 20px;
        margin-left: 20px;
    }

    .reply-area,
    .reply-area.cus {
        width: 95%;
    }

    .tags-blog {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #e7e7e7 -moz-use-text-color;
        border-image: none;
        border-style: solid none;
        border-width: 1px 0;
        margin: 20px 0;
        padding: 20px 0 0;
    }

    .partners {
        margin-top: 40px;
        text-align: center;
    }

    .portfolio-page {
        margin-bottom: 0;
    }

    .block-plan>span {
        font-size: 18px;
    }

    .price-m {
        font-size: 30px;
    }

    .text-f>h3 {
        text-align: left;
    }

    .text-f>p {
        text-align: left;
    }

    .custom-rr {
        margin-right: 0px;
    }

    .plan-st2,
    .plan-st3 {
        margin-bottom: 60px;
    }

    .block-ly2 .fa-facebook,
    .block-ly2 .fa-twitter,
    .block-ly2 .fa-instagram,
    .block-ly2 .fa-google-plus {
        margin-bottom: 6px;
    }

    .hide-responsive {
        display: none;
    }

    .img-about-cusz {
        width: 100%;
    }
}