/* 
    Document   : responsive
    Created on : Dec 21, 2013, 11:35:01 AM
    Author     : iNoesis
    Description:
        Purpose of the stylesheet follows.
*/

@media only screen and (max-width: 767px)
{
    body 
    { 
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
        width: 100%;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .row 
    { 
        width: auto;
        min-width: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .column
    {
        width: auto !important;
        float: none;
        padding: 0 15px;
    }
    .column:last-child, .phone-con, .phone-con span, .header-right-bottom, .header-right-bottom ul, .select-box, .styled-select
    {
        float: none;
    }
    [class*="column"] + [class*="column"]:last-child
    { 
        float: none;
    }
    header
    {
        text-align: center;
    }
    a.logo img 
    {
        margin-top: 4%;
        margin-bottom: 4%;
    }
    .phone-con img, h1.find img, a img.footer-logo, .social-menu,  .border-line-white, .border-line-green
    {
        display: none;
    }
    .phone-con
    {
        width: auto;
        margin-top: 0px;
        margin-bottom: 4%;
        display: none;
    }
    .phone-con span, .find-bg h1, .find-bg, h1.test-head, footer
    {
        text-align: center;
    }
    .header-right-bottom, .select-box
    {
        margin-bottom: 4%;
    }
    .find-bg h1
    {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .select-box
    {
        background-position: 216px 2px;
    }
    h1.test-head
    {
        margin-top: 8%;
        margin-bottom: 0px;
    }
    .test-name, .test-position
    {
        margin-top: 2%;
    }
    .testimonial
    {
        background-image: none;
        background-color: #BDFF55;
        width: 100%;
        border-radius: 15px;
        margin-bottom: 0;
        height: auto;
    }
    .testimonial p
    {
        margin-left: 8%;
    }
    h1.find span
    {
        margin-left: 0px;
    }
    .footer-menu
    {
        padding: 0;
    }
    .mobile-menu, .mobile-menu ul
    {
        display: block;
    }
    .header-right-bottom ul li
    {
        margin-top: 2%;
        margin-bottom: 2%;
    }
    .styled-select
    {
        margin: 0 auto;
    }
    .find-bg
    {
        padding-bottom: 4%;
    }
/*    .menu li#menu-item-1230, .menu li#menu-item-1010
    {
        width: 100%;
        padding-left: 0px;
    }
    .menu li
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .menu li ul.sub-menu
    {
        max-width: 100%;
    }*/
    .sub-menu li a, .sub-menu li.current-menu-item a
    {
        background: none;
    }
    h2.page-title, .page-content p, h1.product_title, h1.page-title, .woocommerce-ordering select.orderby, #breadcrumbs, .latest-course li, .latest-course span
    {
        text-align: center;
    }
    .entry-summary, .images
    {
        float: none;
        width: auto;
        text-align: center;
    }
    .customSelect
    {
        float: none;
        margin: 0 auto;
        padding-bottom: 6%;
    }
    .products
    {
        text-align: center;
        margin-top: 6%;
    }
    h1.find-course
    {
        background: none;
        height: auto;
        text-align: center;
        margin-left: 0;
        padding-left: 0;
        margin-top: 0%;
        padding-top: 4%;
    }
    h2.inner-content-h2, .page-content p
    {
        text-align: center;
        margin-left: 0px;
    }
    .offered-courses
    {
        float: left;
    }
    .multi-button, .latest-course
    {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }
    .multi-button li, .latest-course li, .latest-course li img, .latest-course li a
    {
        float: none;
    }
    a.view-all
    {
        float: none;
        text-align: center;
        display: block;
        margin-top: 5%;
        padding-bottom: 5%;
    }
    .latest-course li a, .latest-course span
    {
        margin-left: 0px;
    }
    .latest-course li p, .border-line-grey
    {
        float: none;
        margin-left: 0px;
        margin: 0 auto;
    }
    .multi-button li.last-btn
    {
        margin-left: 50px;
    }
    .multi-button li.cart-btn
    {
        position: absolute;
        margin-left: -5px;
    }
    .multi-button
    {
        margin-top: 3%;
        margin-bottom: 5%;
    }
    .latest-course li
    {
        background: none;
    }
    #select-selectbox-scroll
    {
        float: none;
        margin-right: 0;
        margin: 0 auto;
    }
    #select-selectbox-home
    {
        float: none;
        margin-top: 2%;
        margin-right: 0px;
        text-align: left;
        margin: 0 auto;
    }
    .view-detail-btn
    {
        float: left;
    }
    .page-content p.bottom-space {
        margin-bottom: 4%;
        margin-left: 0px;
    }
    .state-cat li
    {
        padding-left: 0px;        
    }
    .state-cat li.location, .state-cat li.globe, .state-cat li.clock
    {
        height: auto;
        background: none;
    }
    .state-cat
    {
        margin-left: 0px;
        text-align: center;
        padding-bottom: 4%;
    }
    .addcart-single
    {
        float: none;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 4%;
    }
    .center
    {
        text-align: center;
    }
/*    .menu li.menu-item-1907 ul.sub-menu, .menu li.menu-item-1924 ul.sub-menu, .menu li.menu-item-1944 ul.sub-menu
    {
        max-width: 100%;
    }*/
}

@media only screen and (max-width: 979px) and (min-width: 768px)
{
    .phone-con
    {
        width: 270px;
    }
    a.logo img
    {
        margin-left: 4%;
    }
    .phone-con, .header-right-bottom
    {
        margin-right: 4%;
    }
    .float-none
    {
        float: none;
        width: auto !important;
    }
    h1.test-head
    {
        text-align: center;
        margin-top: 4%;
    }
    .test-name, .test-position
    {
        margin-top: 2%;
    }
    .testimonial
    {
        margin: 0 auto;
    }
    .float-none .testimonial
    {
        margin-top: 4%;
    }
    .content-middle p
    {
        margin-left: 4%;
        margin-right: 4%;
    }
    .testimonial p
    {
        text-align: center;
        margin-left: 10%;
    }
    h1.find img
    {
        display: none;
    }
    h1.find span
    {
        margin-left: 0px;
    }
    h2.carousel-head
    {
        text-align: center;
    }
/*    .menu
    {
        display: none;
    }*/
    .mobile-menu, .mobile-menu ul
    {
        display: block;
    }
    .column
    {
        min-height: 0;
        padding: 0;
    }
    .styled-select
    {
        margin-right: 4%;
    }
    .border-line-white
    {
        float: none;
        margin: 0 auto;
        margin-top: 0px;
        width: 95%;
        margin-bottom: 3%;
    }
/*    .menu li#menu-item-1230, .menu li#menu-item-1010
    {
        width: 100%;
        padding-left: 0px;
    }
    .menu li
    {
        padding-left: 0px;
        padding-right: 0px;
    }
    .menu li ul.sub-menu
    {
        max-width: 100%;
    }*/
    .sub-menu li a, .sub-menu li.current-menu-item a
    {
        background: none;
    }
    h2.page-title, .page-content p, .content-middle h1
    {
        /*text-align: center;*/
    }
    #breadcrumbs
    {
        margin-left: 2%;
    }
    .offered-courses h1
    {
        margin-bottom: 0;
        text-align: center;
    }
    .multi-button
    {
        padding: 0;
    }
    .border-line-grey
    {
        margin-top: 1%;
        margin-bottom: 1%;
    }
    a.view-all
    {
        margin-top: 20px;
    }
}