/*  -------------------------------------------------------------

    MEDIA QUERIES - CLEAR PIXEL 2016

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



    @media screen and (max-width: 1200px) {



        /* Progress Bar */



        #progress_bar .step .step_name br {

            display: block;

        }



    }









    @media screen and (max-width: 900px) {



        /* Care Package */



        table#care_packages thead tr td.package_table_h1 {

            font-size: .7em;

            line-height: 1.5em;

        }



        table#care_packages thead tr td.package_table_h1 h1 {

            display: inline-block;

            margin: 0;

            padding: 0;

            font-size: 1.1em;

            font-weight: 700;

        }



        table#care_packages + p {

            font-size: 0.7em;

        }





        /* Arrangements Planner */



        #arrangement_planner .options .option_container{

            width: 50%;

        }



        #arrangement_planner .planner_nxt_btn {

              width: 30%;

              padding-left: 20px;

        }



        #arrangement_planner .planner_nxt_btn:hover {

            width: 30%;

            padding-left: 20px;

            color: #618ecc;

            background: #d8e3f3;

        }



        #arrangement_planner .options input[type=radio] + label,

        #arrangement_planner .options input[type=radio] + label:hover,

        #arrangement_planner .options input[type=checkbox] + label,

        #arrangement_planner .options input[type=checkbox] + label:hover {

            background: #618ecc;

        }



        #review input[type="submit"],

        #review input[type="submit"]:hover {

            background: #618ecc;

        }









        /* Progress Bar */



        #progress_bar .step-i {

            padding: 0;

            text-align: center;

        }



        #progress_bar .step .step_number {

            border: none;

        }



        #progress_bar .step .step_name {

            display: none;

        }









        /* Personal Details */



        #personal_details input[type="submit"],

        #personal_details input[type="submit"]:hover {

            background: #618ecc;

        }









        /* Review Your Package Option Selection */



        #review a.print_btn:link,

        #review a.print_btn:visited,

        #review a.print_btn:hover {

            display: none;

        }



    }









    @media screen and (max-width: 779px) {



        /* Care Packages */



        table#care_packages thead tr td.package_table_h1 span.package_table_h1_triangle {

            display: none;

        }



        table#care_packages thead tr td img {

            margin: 0 auto;

            text-align: center;

        }



        table#care_packages tbody tr td {

            border-right: 1px solid #fff;

            border-bottom: 2px solid #eceff6;

        }





        /* Main */



        #main .left_content {

            margin: 0;

        }



        #main .package_details_btn {

            display: none

        }



        .confirm_selection {

            margin: 0;

            width: 50%;

            -webkit-box-sizing: border-box;

            -moz-box-sizing: border-box;

            box-sizing: border-box;

        }





        /* Arrangements Package */



        #arrangement_planner .package_details_mobile_btn {

            float: right;



        }



        #arrangement_planner .planner_nxt_btn {

            float: left;

        }



        #arrangement_planner .planner_nxt_btn,

        #arrangement_planner .planner_nxt_btn:hover,

        #arrangement_planner .package_details_mobile_btn {

            display: block;

            margin: 0;

            padding: 20px 10px;

            width: 50%;

            font: 14px "PT Sans", Arial, Sans-serif;

            font-weight: 700;

            color: #fff;

            text-transform: uppercase;

            cursor: pointer;

            text-align: center;

            border: 1px solid #fff;

            background: #618ecc;

            -webkit-box-sizing: border-box;

            -moz-box-sizing: border-box;

            box-sizing: border-box;

        }

    }









    @media screen and (max-width: 750px){



        /* Main */



        #main .home_boxes .box {

            float: left;

            margin-top: 20px;

            margin-right: 2.1%;

            width: 47.4%;

            text-align: center;

        }



        #main .home_boxes .box.green {

            clear:both;

        }



        #main .home_boxes .box img {

            margin:0 auto;

        }





        /* Columns */



        #main .columns .column,

        #main .columns .column.last,

        #main .columns.singular .column,

        #main .columns.singular .column.last,

        #main .columns.side_right .column,

        #main .columns.side_right .column.last,

        #main .columns.half_width .column,

        #main .columns.half_width .column.last,

        #main .columns.three .column,

        #main .columns.three .column.first,

        #main .columns.three .column.last {

            float: none;

            margin: 0 auto 20px auto;

            width: auto;

        }



        #main .columns .column.last,

        #main .columns.singular .column.last,

        #main .columns.side_right .column.last,

        #main .columns.half_width .column.last,

        #main .columns.three .column.last {

            margin-bottom: 0;

        }



        #main .columns .column {

            text-align: center;

        }



        #main .columns .column img {

            display: none;

        }



        #main .columns .menu_left-i,

        #main .columns .column.last {

               text-align: left;

        }



        #main .menu_left ul {

            margin: 0;

        }



        #main .content_right {

            float:none;

            clear:both;

            margin: 0 10px;

            padding:0;

            width:100%;

        }



        #main .columns .column.last table#care_packages thead tr td img,

        #main .columns .column.last table#care_packages tbody tr td img {

            display: block;

        }





        /* Personal Details */



        #personal_details .personal_details-i p {

             width: 50%;

        }



        #personal_details .personal_details-i p.double_width {

            width: 100%;

        }

    }









    @media screen and (max-width: 700px) {



        /* Side Menu */



        #main .right_content {

            top: 0;

            right: -84.2%;

            z-index: 9999999;

            width: 90%;

        }



        #wrapper.show_package .right_content {

            right: 0;

            z-index: 10000;

            overflow-y: auto;

            width: 90%;

        }

    }









    @media screen and (max-width: 650px) {



        /* Main */



        #main .page_heading .your_package {

            display: none;

        }



        #main .page_heading h1{

            float: none;

        }





        /* Arrangement Planner */



        #arrangement_planner h2 {

            text-align: center;

        }



        #arrangement_planner .options .option_container {

            width: 100%;

        }


        

        /* Footer */

        #footer {
            padding: 10px 0;
        }

        #footer .logos,
        #footer .copyright {
            display: block;
            padding: 5px 0;
            float: none;
            width: auto;
            text-align: center;
        }



    }







    @media screen and (max-width: 600px) {



        /* Menu */



        #wrapper.show_menu #menu_bar {

             width: 75%;

        }





        /* Banner */



        #home_banner {

            padding: 0;

        }



    }











    @media screen and (max-width: 510px) {



        /* Header */



        #header .logo {

            float: none;

            text-align: center;

        }



        #header .header_right {

            float: none;

            margin-top: 30px;

            text-align: center;

        }



        #header .header_right {

            float:none;

            width:100%;

            clear:both;

        }



        #header .btn_show_menu {

            float: none;

            margin: -20px auto 0 auto;

            width: 50%;

            text-align: center;

        }



        #header .btn_show_menu .show_text {

            display: none;

        }



        #header .header_right .header_phone {

            float:none;

            padding:20px 0 0 0;

            text-align: center;

        }





        /* Menu */



        #wrapper.show_menu #menu_bar {

            width: 95%;

        }

    }











    @media screen and (max-width: 450px) {



        /* Banner */



        #home_banner {

            padding: 0;

        }





        /* Main */



        #main .home_boxes .box {

            float: none;

            margin-top: 20px;

            margin-right: 0;

            width: 100%;

            text-align:center;

        }



        #main .home_boxes .box.blue,

        #main .home_boxes .box.pink,

        #main .home_boxes .box.green {

            float: none;

            clear:both;

            text-align:center;

        }



        #main .home_boxes .box img {

            margin:0 auto;

        }



        #main .menu_left {

            text-align:center;

        }



        #main .menu_left img {

            float: none;

            max-width: 75%;

            text-align: center;

        }



        #main .menu_left .menu_left-i {

            float:none;

            margin: 20px 0 0 0;

            width: 100%;

            text-align: left;

        }



        #main h1 {

            margin: 10px 0 0 0;

        }





        /* Arrangement Planner */



        #arrangement_planner .planner_nxt_btn,

        #arrangement_planner .planner_nxt_btn:hover,

        #arrangement_planner .package_details_mobile_btn {

            margin-right: 0;

            width:100%;

        }





        /* Personal Details */

        #personal_details .personal_details-i p input[type="text"],

        #personal_details .personal_details-i p textarea,

        #personal_details .personal_details-i p {

            width: 100%;

        }









        /* Review Your Package Option Selection */



        #review h1 {

            margin: 0;

            padding-top: 40px;

        }



        #review .service_price {

            padding-bottom: 10px;

        }



    }