/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

      body { margin-top:20px; }
      .logo-responsive {  }
      .col-md-4.mobileBookingHeader { width:100%; }
      .topContact { width:100%; text-align:center; }
      .bookButtonTop { float:none; text-align:center; width:100%; }

    }

    /* Small Devices, Tablets */
    @media only screen and (width : 1024px) {

      .logo { left:12.2%; top:-54%; }

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

      body { margin-top:20px; }
      .navbar { position:inherit; }
      .logo-responsive {  }
      .logo {}
      .col-md-4.logo { padding:20px; }
      .col-md-4.mobileBookingHeader { width:100%; }
      .topContact { width:100%; text-align:center; }
      .bookButtonTop { float:none; text-align:center; width:100%; }
      .theIcons .bookButton { margin-bottom:20px; }
      .site-footer .contactDetails, .copyright { text-align:center; }
      .socialBottom li { float:none; }
      .navbar-nav > li > a { padding:9px; text-align:center; }
      .dropdown-menu { left:25%; text-align:center; }
      .row { margin:0; }
      .navbar-nav>li { margin-top:8px; }
      .packageForm { float:none; }
      .page-template-faq h2 { font-size:20px; }

      /*woo*/
      .woocommerce-message .button { float:none; margin:10px 0!important; text-align:center; }
      .woocommerce td { text-align:left; }
      .subscription-details { text-align:left; }
      .whatInc { }
      .packageForm { }


    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

      body { margin-top:20px; }
      .logo-responsive {  }
      .navbar { position:inherit; }
      .col-md-4.mobileBookingHeader { width:100%; }
      .topContact { width:100%; text-align:center; }
      .bookButtonTop { float:none; text-align:center; width:100%; }
      .theIcons .bookButton { margin-bottom:20px; }
      .site-footer .contactDetails { text-align:center; }
      .packageForm {  }
      .whatInc {  };

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

      body { margin-top:20px; }
      .navbar { position:inherit; }
      .logo-responsive {  }
      .col-md-4.mobileBookingHeader { width:100%; }
      .topContact { width:100%; text-align:center; }
      .bookButtonTop { float:none; text-align:center; width:100%; }

    }