/* #Media Queries
================================================== */

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) {
        
    }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {

    }

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {
        .header-mobile-image {
            display: block;
        }
        main.home-page-main{
            margin-top: 185px;
            /*margin-top: 100px;*/
        }
        .home-mobile-big-img{
            display: block;
        }
        .section-header{
            margin-bottom: 0;
        }
        .mobile-section{
            padding: 0 15px;
        }
        .desktop-view{
            display: none !important;
        }
        .mobile-view{
            display: block !important;
        }
        .mobile-view iframe{
            width: 100%;
            height: 300px;
        }
        .mobile-view .devices,
        .mobile-view .mobile-home-image{
            margin-top: 0;
        }
        .mobile-view .devices,
        .mobile-view .mobile-home-image{
            width: 70%;
            height: auto;
            margin: 0 auto;
        }
        .geek-package{
            margin-left: 0;
        }
        .packages{
            padding-top: 20px;
        }
        .cd-faq-group{
            padding: 0;
        }
        .cd-faq-items{
            float: left;
            width: 100%;
        }
        .features .feature .icon-container{
            min-height: 170px
        }
        .sub-content{
            width: 75%;
        }
    }

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
       .header-mobile-image {
            display: block;
        }
        main.home-page-main{
            margin-top: 185px;
            /*margin-top: 100px;*/
        }
        .home-mobile-big-img{
            display: block;
        }
        .section-header{
            margin-bottom: 0;
        }
        .mobile-section{
            padding: 0 15px;
        }
        .desktop-view{
            display: none !important;
        }
        .mobile-view{
            display: block !important;
        }
        .mobile-view iframe{
            width: 100%;
            height: 300px;
        }
        .mobile-view .devices,
        .mobile-view .mobile-home-image{
            margin-top: 0;
        }
        .mobile-view .mobile-home-image{
            width: 70%;
            height: auto;
            margin: 0 auto;
        }
        .geek-package{
            margin-left: 0;
        }
        .packages{
            padding-top: 20px;
        }
        .cd-faq-group{
            padding: 0;
        }
        .cd-faq-items{
            float: left;
            width: 100%;
        }
        .features .feature .icon-container{
            min-height: 170px
        }
        .sub-content{
            width: 75%;
        }
    }
    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {
        .header-mobile-image {
            display: block;
        }
        main.home-page-main{
            margin-top: 185px;
            /*margin-top: 100px;*/
        }
        .home-mobile-big-img{
            display: block;
        }
        .section-header{
            margin-bottom: 0;
        }
        .mobile-section{
            padding: 0 15px;
        }
        .desktop-view{
            display: none !important;
        }
        .mobile-view{
            display: block !important;
        }
        .mobile-view iframe{
            width: 100%;
            height: 300px;
        }
        .mobile-view .devices,
        .mobile-view .mobile-home-image{
            margin-top: 0;
        }
        .mobile-view .mobile-home-image{
            width: 70%;
            height: auto;
            margin: 0 auto;
        }
        .geek-package{
            margin-left: 0;
        }
        .packages{
            padding-top: 20px;
        }
        .cd-faq-group{
            padding: 0;
        }
        .cd-faq-items{
            float: left;
            width: 100%;
        }
        .features .feature .icon-container{
            min-height: 170px
        }
        .sub-content{
            width: 75%;
        }
    }








