/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 12, 2016, 5:13:31 PM
    Author     : Ping
*/

@media (max-width:1023px){
    .gridL0 { display: none; }
    .gridL1 { width: 8.333333%; }
    .gridL2 { width: 16.666666%; }
    .gridL3 { width: 25% }
    .gridL4 { width: 33.333333%; }
    .gridL5 { width: 41.666666%; }
    .gridL6 { width: 50% }
    .gridL7 { width: 58.333333%; }
    .gridL8 { width: 66.666666%; }
    .gridL9 { width: 75% }
    .gridL10 { width: 83.333333%; }
    .gridL11 { width: 91.666666%; }
    .gridL12 { width: 100% }

    .removeL { display: none; }

    .pullleft .page { margin-left: -270px; }

    .pullleft .header {
        left: -270px;
        right: 270px;
    }

    .header {
        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
        -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    }

    .header .logo { padding: 4px 15px; }

    .header .underline { display: none; }

    .header .fa-bars { display: block; }

    .header .menu {
        position: fixed;
        right: -270px;
        top: 0;
        bottom: 0;
        width: 269px;
        border-left: 1px #cd2027 solid;
        background: #fff;
        z-index: 1;
        float: none;
        overflow-y: scroll;
    }

    .pullleft .menu { right: 0; }

    .menu > li { float: none; }

    .menu > li > a {
        line-height: 50px;
        height: 50px;
        border-left: 5px #fff solid;
    }

    .menu > li.active > a { border-left: 5px #cd2027 solid; }

    .menu > li+li > a { border-top: 1px #f1f1f1 solid; }

    .menu > li.narrow > a { padding: 0 30px; }

    .menu > li > a img { display: none; }

    .menu > li > a span { display: block; }

    .menu > li > a span i {
        width: 30px;
        color: #cd2027;
    }

    .menu > li > div {
        position: static;
        display: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .menu > li.hover > div { display: block; }

    .menu > li > div span {
        top: 43px;
        right: 50%;
    }

    .menu > li > div ul li {
        width: 100%;
        float: none;
    }

    .menu > li > div ul li a {
        padding: 0 30px;
        line-height: 50px;
        text-align: left;
    }

    .reserved-area { height: 55px; }

    .social-links a { margin-top: 0; }
}

@media (max-width:767px){
    .gridM0 { display: none; }
    .gridM1 { width: 8.333333%; }
    .gridM2 { width: 16.666666%; }
    .gridM3 { width: 25% }
    .gridM4 { width: 33.333333%; }
    .gridM5 { width: 41.666666%; }
    .gridM6 { width: 50% }
    .gridM7 { width: 58.333333%; }
    .gridM8 { width: 66.666666%; }
    .gridM9 { width: 75% }
    .gridM10 { width: 83.333333%; }
    .gridM11 { width: 91.666666%; }
    .gridM12 { width: 100% }

    .removeM { display: none; }

    .copyright {
        float: none;
        text-align: center;
        padding-bottom: 0;
    }

    .social-links { float: left; }

    .social-links a { margin-top: 31px; }

    .how-it-works { margin: 35px 0 -30px; }

    .how-it-works .space { display: none; }
}

@media (max-width:567px){
    .gridS0 { display: none; }
    .gridS1 { width: 8.333333%; }
    .gridS2 { width: 16.666666%; }
    .gridS3 { width: 25% }
    .gridS4 { width: 33.333333%; }
    .gridS5 { width: 41.666666%; }
    .gridS6 { width: 50% }
    .gridS7 { width: 58.333333%; }
    .gridS8 { width: 66.666666%; }
    .gridS9 { width: 75% }
    .gridS10 { width: 83.333333%; }
    .gridS11 { width: 91.666666%; }
    .gridS12 { width: 100% }

    .removeS { display: none; }

    .copyright span { display: none; }
    .copyright a { display: inline-block; }

    .app-links {
        text-align: center;
        float: none;
        margin: 0;
    }
    .app-links a {
        float: none;
        display: inline-block;
        margin: 25px 0;
    }

    .social-links {
        float: none;
        margin: 0;
        text-align: center;
    }

    .social-links a {
        float: none;
        display: inline-block;
        margin: 0 0 31px;
    }

    .how-it-works.active .pointleft {
        transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
    }

    .how-it-works.active .pointright {
        transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
    }

    .signup-link a {
        float: none;
        text-align: center;
    }

    .signup-link img {
        float: none;
        margin: 0 auto;
    }
		
	.checkbox_div{
		float: none;
		margin-right: 0px;
	}
}