/* Extra small devices */

@media(max-width: 768px){
	.formInputs {
    padding: 15px 10px;
	}

}

@media (max-width: 769px) {
	/* ============ HEADER =============*/
.formBtn{
	width: 100%;
	padding: 10px 10px;
}

.roadCure {
    display: none !important;
}

.icon-cancel:before {
	content: '\e803';

	color: #fff;

}
span.glyphicon.icon-cancel {
	right: -7px;
	top: 7px;
	font-size: 25px;
	float: right;
   }

/* NAV SIDE */
    .navSide{
        position:fixed;
        width:320px;
        height:100%;
        right:0;
        top:0;
        z-index:999;

        text-transform: uppercase;
        font-weight: 500;
        color:#000000;
        background: #0F0F0F;

        transition: right 700ms;
    }

    .navSideClosed{
        overflow: hidden;
        right: -360px;
    }

    .navSide .dropdown-menu{
        float: none;
        top:initial;
        left:initial;
        position: relative;
        padding: 0;
        margin:0;
        border:0;
        box-shadow: none;
    }

    .navSide .nav .dropdown-menu li a {
        background-color: white !important;
        color: #fff !important;
        padding: 20px 40px;
        width: 100%;
        border-left: 5px solid #e81e75;
        text-transform: inherit;
    }

    .navSide .dropdown.open > a{
        background: black;
        color:white;
    }

    .navSide .dropdown-menu li:hover {
        background: #ebebeb;
    }

    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }

    .navbar-header {
        position: absolute;
        display: block;
        width: 70%;
        float: none;
        z-index: 2;
        bottom: 50%;
        margin-top: -9px;
        right: 0px;
    }

	.loaderNews {
	    width: 32px;
	    position: absolute;
	    left: 118px;
	    top: 22px;
	    margin-left: -16px;
	    margin-top: -16px;
	}

    .menuResponsBreak {
        display: block;
    }

	.navPosition{
		margin: 0px;
	}

	.content-wrap h1 {
	    font-size: 3.5em;
	}

	.accidentCureContainer {
	    background-position: 48%;
	}

	.topHeaderNav{
		padding-left: 120px;
		padding-right: 0px;
	}


	.content-wrap .about{
		height: auto;
	}

	ul.faqLinkAlign {
		margin-left: 18px;
	}

	.newsletterWrap {
		height: 100% !important;
	}

	.newsletterWrap .subscribeBtn {
		margin-left: 0px;
	    margin-top: 8px;
	    margin-bottom: 20px;
	}

	.newsletterWrap .inputCheck {
	    margin-top: 8px;
		margin-right: 15px;
	}

	.navPosition{
		margin: 0px;
	}

	.headerWidthMobi img {
	    width: 13%;
	    top: 20px;
	    left: 0px !important;
	    margin-bottom: 40px;
}

	#signUp .signupWrap .leftSpacer {
	    margin-bottom: 40px;
	}

	.topHeaderNav{
		padding-left: 120px;
		padding-right: 0px;
	}

	.content-wrap .about{
		height: auto !important;
	}
	.alert-msg {
	    margin: 20px 0 0 0px;
	    text-align: center;
	    font-weight: bold;
	}

	.successMessage,
	.failMessage {
	    display: inline-block;
	    margin-left: 10px;
	}
}
@media (max-width: 560px) {
	.marginLeft25 {
	    margin-left: 20px;
	}

	.signupBlanket .signupPopup{
		width: 85%;
	}
	.closeBtn {
		left: 90%;
	}

	.panel-group {
	    margin-top: 20px;
	}

    #signUp .signupWrap h1 {
        margin-top: 30px;
    }

    #signUp .signupWrap .paymentSwitcherWrapper {
        padding-top: 20px;
    }

    #signUp .signupWrap .paygateIcons {
        float: left !important;
    }
}


@media (max-width: 480px) {
	/*GENERAL RESPONSIVE*/
	.headerWidthMobi img {
	    width: 17%;
	    top: -20px;
	    left: 0px !important;
	    margin-top: 46px;
	}

	.faqsCarCure {
	    padding-bottom: 260px;
	}

    .roadCure {
        margin-left: 75px;
    }

	.faqsAccidentCure{
	    padding-bottom: 235px;
	}

	.faqsFinesCure{
	    padding-bottom: 235px;
	}

	.updateSubscription {
	    display: block;
	    margin: 0 auto;
	}

	.mobiHide{
		display: none;
	}

	.panel-group {
	    margin-top: -60px;
	}

	.infoHeading {
	    width: auto;
	}

	.cures{
		padding-left: 40px;
	}

	.logoNav {
		margin-bottom: -30px;
	}

	.signUp{
		position: relative;
		padding-bottom: 100px;
		top: 0px;
	}

	.panelOverRides{
		border: none;
		border-radius: 0px;
		background: none;
		color: #fff;
	}

	.panelBodyOverRide{
		border: none !important;
		background-color: rgba(0,0,0,0.8);
	}

	.panelBodyOverRide a{
		color: #fff;
	}
	.popi label {
     	width: 100% ;
	}
	/* ============ HEADER =============*/
	.navPosition{
		margin: 0px;
	}
	.headerWidthMobi{
		padding-left: 40px;
		text-align: center;
	}

	.topHeaderNav{
		padding-left: 40px;
		padding-right: 0px;
	}

	/* =========== FOOTER ============*/
	.footerWidthSub{
		width: 50%;
	}

	.footerWidthWhole{
		width: 85%;
	}

	.footerWidthMini{
		width: 35%;
	}

	.padding-left{
	    padding-left: 15px;
	}

	.newsletterWrap .inputCheck{
		background: #000;
		border: #2e2e2e 1px solid;
		padding: 5px 5px 0 10px;
		padding-left: 13px;
	}

	.topHeaderNav {
		padding-left: 6px;
		padding-right: 0px;
		font-size: 11px;
	}

	.newsletterWrap {
		height: 171px;
	}

	.footerLogo {
		margin-top: -150px;
		padding: 20px;
	}



	.uploadAlign{
		margin-top: 30px;
	}

	.footerWidthSub {
		width: 50%;
		margin-top: 30px;
		margin-left: 0px;
	}
}

@media (max-width: 400px) {
	.mobiTopHeadings a {
	    color: #428bca;
	    display: inline-block;
	    margin: 5px 6px;
	}


	.signupBlanket .signupPopup {
	    width: 90%;
	}
	.content-wrap h1 {
		font-size: 2.2em;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.marginLeft25 {
	    margin-left: 5px;
	}

	#signUp .signupWrap h1 {
	    font-size: 2.2em !important;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #383838;
	}

	.contactTel, .contactFax, .contactEmail {
	    margin-bottom: 20px;
	}

	.leftSpacing {
    	padding-left: 15px;
	}

	.footerLogo {
	    margin-top: -101px;
	    padding: 10px;
	}

	.footerWidthSub {
		width: 50%;
		margin-top: 10px !important;
	}

	.panel-group {
	    margin-top: -80px;
	}

	.roadCure {
	    margin-left: 75px;
	    margin-top: -48px;
	}
.headerWidthMobi img {
    width: 22%;
    top: -20px;
    left: 0px !important;
    margin-top: 40px;
    margin-bottom: 32px;
}


}

@media (max-width: 330px) {
	.tickBox {
		width: 20px !important;
	}

	.comCheckbox {
	    width: 18px;
	}

	.headerWidthMobi img {
	    width: 24%;
	}

	.roadCure {
	    margin-bottom: 28px;
	    margin-left: 75px;
	    margin-top: -45px;
	}

}