/* Extra small devices */
@media (max-width: 767px) {
    /*=======================================
    GLOBALS
    ========================================*/
	.container {
	    width: 90%;
	}
		
    .supportDetails {
        margin-top: 15px; 
        margin-bottom: 20px;
    }  

	/* to make the mobile nav full width */
	header .container{
		width: 100%;
		margin:0;
		padding:0;
	}
	.mainNav{
		padding-left: 6%;
	    padding-right: 6%;
	    border-bottom: 0px solid #efefef;
	}
	.menuBackground.open {
	    z-index: 10;
	    background: rgba(0,0,0,0.6);
	}
	/*end mobi nav full width*/
	
	.general, .infoSection {
	    padding: 35px 0% 40px 0%;
	}

	.modal .btn{
		margin-top:5px;
		width:100%;
	}

	.stepContainer {
	    max-width: 292px;
	    margin-top: 15px;
	}
	.stepContainer .howtoText{
		min-height:auto;
	}

	/* HOME */
	.ratesBar.container{
		width:100%;
	}

	/*header*/
    .topNav span.filler {
        display: none;
    }

	header .logo{
	    width:60px;
	}

	header .logo h3{
		display: none;
	}

	.mainNav{
		height: 75px;
	}

	header nav {
		position: absolute !important;
	    background: white;
	    width: 100%;
    	top: 35%;
	    left: 0;
	    height: 0px;
	    overflow: hidden;
	    display: block;
	    z-index: -2;
	    transition: height 350ms ease-out, top 450ms ease, border 250ms ease;
	    /*border-top: 2px solid #efefef !important;*/
	}

	header nav.open{
	    top: 100%;
	    height: 340px;
	    border: 0;
	}
	header nav a, header nav button{
		display: block;
		width: 100%;
	    text-align: center;
	    margin:0;
	    padding: 18px 0px;
	}
    header nav a.active{
        color:inherit;
        border-bottom-color: #f8ee4d;
		border-bottom-width:4px;
		border-bottom-style:solid;
    }

	/*footer*/
	footer .logo {
		display: none;
	}

    /*=======================================
    HOME
    ========================================*/
	.carousel-inner {
	    height: 295px;
	}

    .carousel .carouselCopy {
        top: 45%;
    }

    .carousel .carouselCopy h1 {
        font-size: 30px;
    }

	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	    position: absolute;
	    width: auto;
	    height: 300px;
	    max-width: initial;
	    right: 0px;
	    opacity: 0.5;
	}

	.rate {
	    border-right: 0px;
	}

	.howtoWrapper {
	    margin-top: 0;
	    margin-bottom: 0;
	}

	.stepContainer {
	    margin-top: 40px;
	    margin-bottom: 5px;
	}

    /*=======================================
    PRODUCTS
    ========================================*/
	.fullLeftImageLayout,
	.fullLeftImageLayout1,
	.fullLeftImageLayout2,
	.fullLeftImageLayout3 {
	    background-image: none;
	}

	/*========================================
	=======    NEWSLETTER SIGN UP    =========
	=========================================*/
	.newsletterTextLeft {
		margin-bottom: 10px;		
	}	

	.newsletterSignupBar .submit {
	    margin-top: 15px;
	}	
	
	.textLeft {
		text-align: left;
	}

	
}

@media (max-width: 616px) {
    /*=======================================
    HOME
    ========================================*/
	.stepContainer .howtoText:before {
		content: none;
	}
}

@media (max-width: 560px) {
    /*=======================================
    HOME
    ========================================*/
	.carousel .carouselCopy {
	    position: relative;
	    width: 100%;
	    top: 40.1%;
	}

	#home .btn-secondary-shadow strong {
	    font-size: 50px;
	    padding: 0 30px;
	}

    .bannerOne .mobileBanner{
        left: -180px;
    }
    /*=======================================
    404 PAGE
    ========================================*/
	.errorContainer h1 {
	    font-size: 136px;
	}

	.errorContainer h1 span {
	    right: 40px;
	    bottom: 15px;
	}
}

/* Landscape phones and smaller */
@media (max-width: 480px) {

	.bottomLinkWrapper a:nth-child(odd){
    	padding-bottom: 5px; 
	}
	/* footer nav a:nth-child(2) {
        border:0px;
    } */
    /*=======================================
    HOME
    ========================================*/
    .carousel .carouselCopy h1 {
        font-size: 30px;
    }

	#home .btn-secondary-shadow strong {
	    font-size: 35px;
	}

	#home .signUpBar .btn-secondary-shadow small {
	    font-size: 15px;
	}

	.signUpPrice .btn-secondary-shadow {
	    width: 86%;
	}
	.signUpPrice .btn-secondary-shadow h2 {
	    font-size: 22px;
	}
	.signUpPrice .btn-secondary-shadow strong {
	    font-size: 61px;
	}

	.newsletterSignupBar input{
	    margin-bottom: 10px;
	}

	.newsletterSignupBar .submit {
	    margin-top: 5px;
	}		

	/* GENERAL */
	.textLeft {
		text-align: center;
	}

	.supportDetails {
	    text-align: center;
    	margin-bottom: 0px;
	}

	header{
    	position: fixed;
	    top:initial!important;
	}
	.topNav{
		display:none;
		visibility:hidden;
	}

	.howtoIcon img {
		width:40%;
	}

	.bottomLinkWrapper a {
	    display: block;
		width: 100%;
		padding-left:initial;
	}

	/* HOME */

	
}

/* Landscape phones and smaller */
@media (max-width: 480px) and (orientation: landscape){

}