@media (max-width: 1600px){
    .lightBoxWrapper {
        margin-left: 20%;
    }
}

@media (max-width: 1400px){
    .lightBoxWrapper {
       margin-left: 26%;
    }
}
@media (max-width: 1200px){
    .lightBoxWrapper {
        margin-left: 27%;
    }
}
@media (max-width: 1024px) {

    .navbar-nav > li {
        margin-left: 10px;
    }
    
     .signUpCta {
        width: 380px !important;
        height: 200px !important;
        margin-left: 1px !important;
    }
    
    .signUpCta.signUp {
        height: 200px !important;
        right: 20px;
    }
    
    .headingException {
        font-size: 28px !important;
        margin-left: -48px !important;
    }
    
    .loginInput.email{
        width: 100%;
    }
    
    .loginInput {
        text-shadow: none;
        border: 2px solid #fff;
        color: #000;
        background: rgba(255,255,255,0.7);
        border-radius: 12px;
        font-family: Calibri,Arial;
        font-size: 1.1em;
        line-height: 1.6em;
        box-shadow: none;
        filter:none;	
        height: 47px;
        margin-top: 10px;
        width: 100%;
    }
    
     .footerInput{
        width: 240px;
    }
    
    .regNewEmail {
        position: absolute;
        top: 12px !important;
        left: 810px !important;
    }

    .regNewEmailHome{
        top: 8px;
    }
	

}


@media (max-width: 800px) {
	
	.tel{
		text-decoration:underline;
		cursor:pointer;
	}
	
	.tel:hover{
		text-decoration:underline !important;
		cursor:pointer;
	}
	

    .navbar-nav > li {
        margin-left: 0px;
    }
    
    .hide800{
        display: none;
    }
    
    .navbar-nav > li > a.btn {
        padding: 12px 12px;
        width: 130px;
    }
    
  /*  .logoResize{
        width:70%;
        
    }*/
    
    .container .navbar-brand {
        margin-left: -60px !important;
        padding: 30px 0px 11px 8px !important;
        width: 270px !important;
    }
    
    .navbar-nav > li > a {
        padding: 0px 30px 14px 30px;
        font-size: 16px;
        margin: 0px 12px 0px 0px;

    }
    
    .carousel {
        height: 70%;
    }
    
    
    .policy800{
         width: 100%;   
    }
    
    .footerLinks.logo {
        width: 42%;
    }
    
    .contact800{
        width:27%;
    }
    
    .btn-primary.footerBtn {
        width: 140px;
    }
    
    .envelope{
        width:10%;
    }
    
    .submitBtn{
        margin-top: 10px;
    }
    
    .signUpOffSet{
        margin-left:  40%;
    }
    
    .col-md-offset-7 {
        margin-left: 47%;
    }
    
    .footerInput {
        width: 270px;

    }
    
    .panel a.btn {
        margin-bottom: 20px;
    }
    
    .loginInput {
        text-shadow: none;
        border: 2px solid #fff;
        color: #000;
        background: rgba(255,255,255,0.7);
        border-radius: 12px;
        font-family: Calibri,Arial;
        font-size: 1.1em;
        line-height: 1.6em;
        box-shadow: none;
        filter:none;	
        height: 47px;
        margin-top: 10px;
        width: 100%;
    }
    
    .loginInput.email{
        width: 100%;
    }

    .loginInput:focus {
        border: 2px solid #fff;
        background: rgba(255,255,255,0.8);
    }
    
    .padding800Top{
        padding-top: 20px;
    }
    
    .signUpCta {
        width: 380px !important;
        height: 200px !important;
    }
    
    .headingException {
        font-size: 28px !important;
        margin-left: -48px !important;
    }
     
    .footerInput{
        width: 100%;
    }
    
    .regNewEmail {
        position: absolute;
        top: 12px !important;
        left: 590px !important;
    }
	
    /* sign up popup */
    .lightBoxWrapper {
        margin-left: 17%;
    }

}

@media (max-width: 760px) {
	
	

	h1{
		display: none;
	}
    
    h4{
        color: #000;
    }

	p {
		font-size: 14px;
		line-height: 21px;
	}

    h1.signupHeadding {
        display: block !important;
        font-size: 2em;
    }

    .signUpCta {
        width: 130px !important;
    }    
    
    .hide760{
        display: none;
    }
    
    .envelope {
        width: 18%;
    }
    
    .footerLinks.logo {
        width: 100%;
    }
    
	.carousel-indicators{
		display: none;
	}

	.topContactBar {
		padding: 3px 0px;
		font-size: 13px;
		text-align: right;
	}	

	.navbar-brand{
		float: none;
	}

	.navbar-brand img {
		width: 34%;
		margin: -17px 0px 0px 15px;
	}
	
	
	.navbar-toggle span{
		font-size: 33px;
		color: #fff;
	}

	.navbar-nav {
		margin-top: 0px;
	}

	.navbar-nav>li>a {
		font-size: 16px;
		padding: 10px;
        width: 100% !important;
    }


	.loginPanel {
		width: 100%;
		top:0;
		padding-top: 38%;
		height: 100%;
		background: rgba(255,255,255,0.6);
	}
	
		.loginPanel input.form-control{
			font-size: 18px;
            text-align: left !important;
		}


	.carousel{
		min-height: 400px;
	}

	.carousel .item{
		background-position: 80% 50%;
	}

	.featureList span {
		padding: 7px 5px 10px 8px;
		font-size: 18px;
		margin-bottom: 16px;
	}

		.featureList span:after {
			border-width: 18px 0 17px 15px;
		}

	.contact img{
		width: 50%;
		padding-top: 20px;
	}

	.contact a{
		font-size: 12px;
	}
    
    .signUpCta {
        margin-top: 75px !important;
        margin-left: 33px;
        width: 350px !important;
    }
    
    .faq-btn p{
        font-size: 14px !important;
        padding-left: 60px !important;
        padding-top: 20px !important;
    }
    
    .loginInput {
        text-shadow: none;
        border: 2px solid #fff;
        color: #000;
        background: rgba(255,255,255,0.7);
        border-radius: 12px;
        font-family: Calibri,Arial;
        font-size: 1.1em;
        line-height: 1.6em;
        box-shadow: none;
        filter:none;	
        height: 47px;
        margin-top: 10px;
        width: 100%;
    }

    .loginInput:focus {
        border: 2px solid #fff;
        background: rgba(255,255,255,0.8);
    }
    
    .forgotPwdWrapper{
		height: 100px;
	}
    
    
    .footerLinks.borderRight {
        border-right: none;
        width: 100%;
    }
    
    .footerLogo{
        padding-top: 10px;
    }
    
    .footerInput{
        width: 100%;
    }
    
    .btn-primary.footerBtn {
        width: 100%;
    }
    
    .footerLinks h5 {
        padding-top: 10px;
    }
    
    .contact800{
        width:100%;
    }
    
    .policy800 {
        width: 100%;
        text-align: center;
        padding-top: 10px;
    }
    
    .loginMan{
        margin: 0 auto;
        display: none;
    }
    
    .homeDownArrow{
        display: none;
    }
    
    .regNewEmail {

        top: 12px !important;
        left: 215px !important;
    }

    
    .col-md-offset-7 {
        margin-left: -15px;
    }
    
    .navbar .navbar-nav > .active > a {
        border-bottom: none;
    }
    
    .signUpInput{
        width: 100%;
    }
	
	.showHideMobi{
		display: block;
	}
	
	.showHideWeb{
		display: none;
	}

    /* sign up popup */
    .lightBoxWrapper {
        margin-left: 15%;
    }

}

@media (max-width: 640px) {

    /* sign up popup */
    .lightBoxWrapper {
        margin-left: 10%;
        min-height: 650px;
    }
	
	.regNewEmailHome {
	   font-size: 17px;
		padding-top: 4px;
	}

.underMain {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 100;
    background: none repeat scroll 0% 0% rgba(248, 234, 21, 0.8);
    text-align: center;
    padding: 78px 15px;
    height: 90%;
    font-size: 32px;
    text-transform: uppercase;
    border: 1px solid #000;
}


}

@media (max-width: 480px) {

    /* sign up popup */
    .lightBoxWrapper {
        margin-left: 3%;
        width: 363px;
    }

    .signUpCta {
        margin-top: 50px !important;
    }

.underMain {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 100;
    background: none repeat scroll 0% 0% rgba(248, 234, 21, 0.8);
    text-align: center;
    padding: 78px 15px;
    height: 90%;
    font-size: 32px;
    text-transform: uppercase;
    border: 1px solid #000;
}

}

@media (max-width: 400px) {
    /* sign up popup */
    .lightBoxWrapper {
        margin-left: 0;
        width: 291px;
    }

    .signUpCta {
        margin-top: 85px !important;
    }

.underMain {
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0px;
    z-index: 100;
    background: none repeat scroll 0% 0% rgba(248, 234, 21, 0.8);
    text-align: center;
    padding: 78px 15px;
    height: 90%;
    font-size: 32px;
    text-transform: uppercase;
    border: 1px solid #000;
}

}