@media only screen
and (min-width: 769px)
and (max-width: 1024px){

    /* hero section */
    .col-1of4{
        width:50%;
    }


    /* frontpage */
    .home .box--frontpage{
        background: transparent;
        box-shadow: none;
    }
    .home .box--frontpage .col-1of4{
        background: #ffffff;
    }
    .home .box--frontpage .col-1of4:first-child,
    .home .box--frontpage .col-1of4:nth-child(2){
        margin-bottom: 20px;
    }
    .home .wpb_single_image img{
        width: 100%;
        height: auto;
    }

    /* contact bar */
    .contactBar .wrapper > .row{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contactBar .contactBar-title{
        width: 100%;
    }
    .contactBar .contactBar-title p{
        text-align: center;
    }
    .contactBar .contactBar-title + .col {
        width: 100%;
    }

    /* blog */
    .page-blog .col-2of3,
    .page-blog .col-1of12,
    .single-post .col-2of3,
    .single-post .col-1of12{
        width: 100%;
    }

}
@media only screen
and (min-width: 769px)
and (max-width: 960px){

    .site-layout{
        display: block;
    }
    /********* page-cloud-servers ***************/
    .page-cloud-servers .pageHeader .col-2of3{
        width: 100%;
    }
    .page-cloud-servers .pageHeader .col-1of3{
        width: 100%;
        text-align: center;
    }
    .page-cloud-servers .pageHeader .col-1of3 .text--center .btn--primary{
        max-width: 320px;
    }
    .page-cloud-servers #features + .section .wpb_wrapper .row:first-child .col-1of3,
    .page-cloud-servers #features + .section .wpb_wrapper .row:first-child .col-2of3{
        width: 100%;
    }
    .page-cloud-servers #features + .section .wpb_wrapper .row:last-child .wpb_single_image img{
        width: 100%;
        height: auto;
    }
    /* microsoft private cloud */
    .page-microsoft-private-cloud .col-1of3 .wpb_single_image img,
    .page-microsoft-private-cloud .col-1of1 .wpb_single_image img{
        width: 100%;
        height: auto;
    }
}
@media only screen
and (min-width: 320px)
and (max-width: 768px){
    .site-layout{
        display: block;
    }
    /* hero section */
    .col-1of4,
    .col-1of2,
    .col-1of3,
    .col-1of6,
    .col-2of3,
    .col-7of12,
    .col-5of12{
        width:100%;
    }

    .section,
    .section.section--alt{
        text-align: center;
    }

    .sectionHeader.text--left,
    .vc_align_left{
        text-align: center !important;
    }

    .blog-view-pagination{
        margin: 0 auto;
    }
    .post-item .post-title{
        text-align: center;
    }

    /* frontpage */
    .home .box--frontpage{
        margin-top: -45px;
        background: transparent;
        box-shadow: none;
        z-index: 9;
    }
    .home .box--frontpage .col-1of4{
        background: #ffffff;
        margin-bottom: 20px;
        text-align: center;
    }
    .home .wpb_single_image img{
        width: 100%;
        height: auto;
    }


    /* contact bar */
    .contactBar .row{
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contactBar .contactBar-title p{
        text-align: center;
    }
    .contactBar .col{
        width: 100%;
    }

    /*Footer*/
    .ubermenu.ubermenu-footer-nav .ubermenu-nav{
        margin-left: 0px;
    }
    .ubermenu.ubermenu-footer-nav .ubermenu-nav .ubermenu-column-1-4{
        width: 50%;
    }

    /********************
    *******Cloud*********
    ********************/
    .page-cloud .box{
        background-color: transparent;
        box-shadow: none;
    }
    .page-cloud .row .row .box{
        background: #ffffff;
    }
    .page-cloud .box .col-1of3{
        background: #ffffff;
        margin-bottom: 20px;
    }
    .page-cloud .row .col-1of3,
    .page-cloud .row .col-1of2{
        text-align: center;
    }

    /********* page-cloud-servers ***************/
    .page-cloud-servers .pageHeader .col-2of3{
        width: 100%;
    }
    .page-cloud-servers .pageHeader .col-1of3{
        width: 100%;
        text-align: center;
    }
    .page-cloud-servers .pageHeader .col-1of3 .text--center .btn--primary{
        max-width: 320px;
    }
    .page-cloud-servers .section.pageHeader + .section .wrapper .col-1of2:last-child {
        margin-top: 20px;
    }
    .page-cloud-servers #offer ul,
    .page-cloud-servers #offer p{
        list-style: none;
        text-align: center;
    }
    .page-cloud-servers #features{
        text-align: center;
    }
    .page-cloud-servers #features .mediaBlock,
    .page-microsoft-private-cloud .mediaBlock,
    .page-cluster .mediaBlock{
        display: block;
    }
    .page-cloud-servers #features .mediaBlock .mediaBlock-img,
    .page-microsoft-private-cloud .mediaBlock .mediaBlock-img,
    .page-cluster .mediaBlock .mediaBlock-img{
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 1em;
    }
    .page-cloud-servers #features .mediaBlock .mediaBlock-content,
    .page-microsoft-private-cloud .mediaBlock .mediaBlock-content,
    .page-cluster .mediaBlock .mediaBlock-content{
        display: block;
        width: 100%;
        flex: none;
    }
    .page-cloud-servers #features + .section .wpb_wrapper .row:first-child .col-1of3,
    .page-cloud-servers #features + .section .wpb_wrapper .row:first-child .col-2of3,
    .page-cloud-servers #features + .section .wpb_wrapper .row:last-child .col-2of3{
        width: 100%;
        text-align: center;
    }
    .page-cloud-servers #features + .section .wpb_wrapper .row:last-child .wpb_single_image img{
        width: 100%;
        height: auto;
    }
    .page-cloud-servers #features + .section .wpb_wrapper .img--p-b,
    .page-cluster .section .img--p-b,
    .page-virtualization .section .img--p-b,
    .page-networked-storage .section .img--p-b,
    .page-hosted-server-backup .section .img--p-b{
        position: relative;
    }
    /* microsoft private cloud */
    .page-microsoft-private-cloud .section .wpb_single_image img{
        display: block;
        margin: 0 auto;
    }
    .page-microsoft-private-cloud .section.pageHeader + .section + .section .col-1of1 .wpb_single_image img,
    .page-virtualization .section.pageHeader + .section + .section .col-1of1 .wpb_single_image img{
        width: 100%;
        height: auto;
    }
    .page-microsoft-private-cloud .img--p-b{
        position: relative;
    }
    .page-microsoft-private-cloud .img--p-b.wpb_single_image img,
    .page-cluster .section .img--p-b.wpb_single_image img{
        /* width: 100%; */
        height: auto;
    }
    .page-microsoft-private-cloud .section{
        text-align: center;
    }
    /*page-hosted-server-backup*/
    .page-hosted-server-backup .section.section--inverted .wpb_video_widget .wpb_video_wrapper iframe{
        width: 100%;
        height: 320px;
    }
    .page-hosted-server-backup #options .box{
        background-color: transparent;
        box-shadow: none;
    }
    .page-hosted-server-backup #options .box .col-1of3{
        background: #ffffff;
        margin-bottom: 20px;
    }
    /* blog */
    .page-blog .section,.page-blog .section.section--alt,
    .single-post .section, .single-post .section.section--alt{
        text-align: left;
    }
    .page-blog .featured-image img{
        width: 100%;
        height: auto;
    }

    /* server pricing */
    /*
    table.table.productsTable td:first-child {
        border-top: 2px solid #ddd;
    }
    table.table.productsTable {
        border: 0;
    }
    table.table.productsTable thead {
        display: none;
    }
    table.table.productsTable tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }
    table.table.productsTable td {
        display: block;
        text-align: left;
        font-size: 13px;
        border-bottom: 1px dotted #ccc !important;
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
        overflow: hidden;
    }
    table.table.productsTable td:last-child {
        border-bottom: 0;
    }
    table.table.productsTable td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        margin-right: 10px;
    }

    .productsView .productsTable tbody td:last-child{
        text-align: center;
    }
    */

    .page-dedicated-server .site-content .secondaryNav,
    .page-features .site-content .secondaryNav,
    .page-faq .site-content .secondaryNav,
    .page-pricing .site-content .secondaryNav{
        height: auto;
    }
    .page-dedicated-server .site-content .secondaryNav .nav-secondary .page_item,
    .page-features .site-content .secondaryNav .nav-secondary .page_item,
    .page-faq .site-content .secondaryNav .nav-secondary .page_item,
    .page-pricing .site-content .secondaryNav .nav-secondary .page_item{
        width: 100%;
    }

    [data-tab="montreal"],
    [data-tab="california"],
    [data-tab="dallas"],
    [data-tab="singapore"],
    [data-tab="amsterdam"],
    [data-tab="new-york"],
    [data-tab="montréal"],
    [data-tab="californie"],
    [data-tab="singapour"],
    [data-tab="singapur"],
    [data-tab="Ámsterdam"],
    [data-tab="nueva-york"]{
        font-size: 0px !important;
    }
    [data-tab="montreal"]:before,
    [data-tab="california"]:before,
    [data-tab="dallas"]:before,
    [data-tab="singapore"]:before,
    [data-tab="amsterdam"]:before,
    [data-tab="new-york"]:before,
    [data-tab="montréal"]:before,
    [data-tab="californie"]:before,
    [data-tab="singapour"]:before,
    [data-tab="singapur"]:before,
    [data-tab="Ámsterdam"]:before,
    [data-tab="nueva-york"]:before{
        font-size: 0.8rem !important;
        display: inline-block;
        line-height: 3;
    }
    [data-tab="montreal"]:before,
    [data-tab="montréal"]:before{
        content: "MTL";
    }
    [data-tab="california"]:before,
    [data-tab="californie"]:before{
        content: "CA";
    }
    [data-tab="dallas"]:before{
        content: "DAL";
    }
    [data-tab="singapore"]:before,
    [data-tab="singapour"]:before,
    [data-tab="singapur"]:before{
        content: "SIN";
    }
    [data-tab="amsterdam"]:before,
    [data-tab="Ámsterdam"]:before{
        content: "AMS";
    }
    [data-tab="new-york"]:before,
    [data-tab="nueva-york"]:before{
        content: "NYC";
    }

    .productsView .productsTable .indicator-smart{
        margin-left: -110px;
    }
}
@media only screen
and (min-width: 320px)
and (max-width: 680px){
    /*Footer*/
    .ubermenu.ubermenu-footer-nav .ubermenu-nav{
        margin-left: 0px;
    }
    .ubermenu.ubermenu-footer-nav .ubermenu-nav .ubermenu-column-1-4{
        width: 100%;
        text-align: center;
    }
    .ubermenu.ubermenu-footer-nav .ubermenu-item{
        text-align: center;
    }
    .ubermenu.ubermenu-footer-nav .social-links{
        display: block;
        text-align: center;
    }
    .ubermenu.ubermenu-footer-nav .social-links li{
        display: inline-block;
    }

    /* pricing page */
    .tabs .tabs-nav a{
        font-size: 0.7rem;
    }

    /* footer */
    .site-footer .ubermenu-nav{
        text-align: center;
    }
    .site-footer .ubermenu li.ubermenu-item-level-0.copyright{
        display: block;
        width: 100%;
        margin-right: 0;
        text-align: center;
    }
    .site-footer .ubermenu-items-align-left.ubermenu-horizontal .ubermenu-item.ubermenu-item-level-0{
        float: none;
        text-align: center;
        display: inline-block;
    }
    .bottom .copyright p{
        font-size: .7375rem;
        line-height: 1.5rem;
    }
    .bottom .branding-details p{
        line-height: 1rem;
    }
    /********************
    *******Cloud*********
    ********************/
}

/*** UBER MENU PLUGIN FIXES ***/
@media screen and (max-width: 959px) {
    .ubermenu-responsive-default.ubermenu-responsive.ubermenu-transition-slide .ubermenu-item.ubermenu-in-transition>.ubermenu-submenu-drop {
        max-height: none;
    }
}
@media screen and (min-width:401px) {
    .navbar-nav .ubermenu.ubermenu-main .ubermenu-has-submenu-drop > .ubermenu-submenu {
        height: auto;
    }

    .navbar-nav .ubermenu.ubermenu-main .main-column {
        height: auto;
    }

    .navbar-nav .ubermenu.ubermenu-main .navigation-content {
        height: auto;
    }
}