/* =============================================================================
                      TABLETS, SMARTPHONES
   ========================================================================== */

/* Portrait */
@media screen and (min-width: 320px) and (max-width: 767px) {

	.navbar-toggle, ul[role="tablist"] {
		display: none;
	}
	.navbar-default {
		padding-bottom: 0;
    	padding-top: 0;
    	margin-bottom: 0;
	}
	.navbar-brand {
		height: auto;
		width: 100%;
		padding: 2px 2px;
	}

	.navbar-default .navbar-brand img {
		margin: 5px auto;
		height: auto;
   		width: 160px;
		position: relative;
		top: 8px;
	}

	section {
	    /* padding: 10px 5px 20px !important; */
		padding: 0 0 5px !important;
	}

	.sectionHeading {
	    padding-bottom: 0;
	}
	
	.mobileAfterForm, 
	.mobileAfterForm2 {
		display: inline-block;
		margin-bottom: 11px;
	}
	
	.mobileAfterForm {
		font-size: 17px;
		margin-top: 0 !important;
	}
	
	.mobileAfterForm2 {
		font-size: 30px !important;
	}

	.jumbotron.jumbotron1 {
	    padding-top: 30px !important;
	    padding-bottom: 0;
	}

	.jumbotron.jumbotron1 h1 {
		font-size: 20px;
		margin-top: -5px;
	}

	.jumbotron.jumbotron1 h4 {
		margin-bottom: 0;
	}

	.jumbotron {
		margin-bottom: 10px;
	}

	.jumbotron p {
		font-size: 12px;
	}

	/*.jumbotron1 .container {
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-flex-flow: column-reverse;
	    flex-flow: column-reverse;
	}*/

	#formWrapper {
		width: 93%;
		/*max-width: 620.03px;*/
		max-width: 500px;
		padding: 0 10px;
	}

	.form-group {
		margin-bottom: 0px;
	}
	
	/*.wizard > .content > .body label {
		display: none;
	}*/
	
	.wizard > .content > .body input {
		margin-bottom: 5px;
		box-shadow: none;
	}

	#maincontent, .wizard .content > .body {
		/*padding: 6px 0;
		padding-left: 15px;
		padding-right: 15px;*/
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 6px;
	}
	
	#stepForm-p-0 .col-sm-6, 
	#stepForm-p-1 .col-sm-6, 
	#stepForm-p-1 .col-xs-4,
	#stepForm-p-2 .col-sm-6, 
	#stepForm-p-2 .col-xs-12 {
		padding: 0;
	}
	
	#stepForm-p-2 .col-xs-12 {
		padding-bottom: 15px;
	}
	
	section h1 {
	    font-size: 23px;
	}
	form#stepForm h2 {
		font-size: 19px;
    	margin-top: 7px;
		margin-bottom: 20px;
	}
	.form-control-feedback.glyphicon {
		top: 5px !important;
	}
	h3{
		font-size: 19px;
		margin-bottom: 10px;
	}
	.panel-title{
		font-size:14px;
	}
	
	.jumbotron.jumbotron3 {
		padding-top: 31px;
		padding-bottom: 79px;
	}
	.lead span {
		font-size: 19px !important;
		width: 100%;
		display: inline-block;
		text-align: center;
	}
	
	.jumbotron.jumbotron3 .btn-success {
		max-width: 325px;
    	margin: auto;
	}
	.form-horizontal .control-label {
		font-size: 11px;
	}
	.step-1-select {
		padding-right: 0;
    	padding-left: 0;
	}

	.radio-group1 .col-xs-4 {
		padding-right: 15px;
		margin-bottom: 16px;
	}
	
	.radio-group1 .col-xs-4.winMobile {
		padding-right: 5px;
		margin-bottom: 5px;
	}

	.stage-radio-group .text-center {
		max-width: 184px;
		padding-left: 15px;
	}
	.stage-radio-group .text-center.winMobile {
		padding-left: 5px;
	}

	.aboutus .text-center p, .footer p {
		padding-left: 20px;
    	padding-right: 20px;
    	font-size: 12px;
    	text-align: left;
	}
	.aboutus .text-center p {
		margin-bottom: 28px;
	}
	.aboutus .text-center p:last-child {
		margin-bottom: 55px;
	}
	.circleImg {
	    width: 150px;
	    height: 150px;
	}
	.aboutus .container img {
		margin-top: 10px;
    	max-width: 164px;
	}
	section.aboutus h2 {
		font-size: 25px;
		margin-bottom: 25px;
	}
	.footer {
		padding-left: 0;
    	padding-right: 0;
    	padding-bottom: 30px;
		margin-top: 50px;
	}
	.footer .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}
	#section1, #section2{
		padding-bottom: 0;
	}
	#section1 p, #section2 p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	#section2 h1 {
	    margin-bottom: 15px;
	}
	.wizard > .actions {
		margin-top: 5px;
	}
	#stepForm-p-1 .col-sm-4, .dob {
		padding-right: 0;
		padding-left: 0;
	}
	/*#stepForm-p-2 h2:first-child {
		display: none;
	}*/
	.quicklinks {
		margin-top: 20px;
	}
	.productSelect input[type=checkbox] + label {
		height: 50px;
		width: 50px;
		display: inline-block;
		padding: 10px;
		border-radius: 500px;
		opacity: 0.4;
	}
	.productSelect input[type=checkbox]:checked + label{
		height: 50px;
		width: 50px;
		display:inline-block;
		padding: 10px;
		opacity:0.3;
	}
	#selectMsg{
		font-size:0.8em;
	}
	.counterContainer {
		display: inline-block;
		width: 50%;
		float: left;
		padding-right: 0.5%;
	}
	.spinInputIcon {
		width: 30px;
		height: 30px;
	}
	.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
		height: 32px;
		padding: 10px;
		font-size: 18px;
		line-height: 0;
		border-radius: 6px;
	}
	.countLable {
		font-size: 10px;
		display: block;
    	text-align: center;
	}
	#errorMessage{
    	font-size: 1em;
		line-height: 41px;
	}
	
	.tooltip, 
	#stepForm-p-2 label, 
	#stepForm-p-3 label {
		display: none !important;
	}
	
	#stepForm-p-2 .col-sm-4, 
	#stepForm-p-3 .col-sm-4 {
		padding: 0;
	}
	
	#stepForm-p-2 .form-control, 
	#stepForm-p-3 .form-control {
		height: 44px;
	}
	#stepForm-p-3 select {
		margin-bottom: 5px;
	}
	
}

/* Landscape*/
@media screen and (min-width: 480px) and (max-width: 767px) { 

	.stage-radio-group {
		position: relative;
    	margin-left: 7.5px;
		margin: auto;
    	display: table;
	}

	#stepForm-p-1 .selected {
	    position: relative;
	    left: 24%;
	}
}


/* Income Protection */
@media screen and (min-width: 220px) and (max-width: 767px) {
	.incomeProtec #maincontent {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 3px;
	}
	
	.incomeProtec .body {
		padding-top: 5px !important;
    	padding-bottom: 10px !important;
	}
	
	.incomeProtec .body .col-xs-6, 
	.incomeProtec .body .col-xs-4 {
		padding-left: 7px !important;
		padding-right: 7px !important;
		width: 100%;
	}
	
	.incomeProtec .form-control {
		height: 43px;
	}
	
	.incomeProtec form#stepForm h2 {
		font-size: 16px;
		margin-bottom: 9px;
	}
	
	.incomeProtec .disabled a {
		width: 100%;
		padding: 0;
		padding-top: 23px;
	}
	
	.incomeProtec .desktop {
		display: none !important;
	}
	
	.incomeProtec #stepForm-p-1 .col-xs-4:first-of-type {
		margin-bottom: 5px;
	}
	
	.incomeProtec #stepForm-p-1 .dob {
		padding: 4px !important;
	}
	
	.incomeProtec #stepForm-p-1 .dob .col-xs-4 {
		width: 33.33333333%;
		padding-left: 3px !important;
    	padding-right: 4px !important;
	}
	
	.incomeProtec .stage-radio-group .col-xs-6 {
		width: 50%;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.incomeProtec .radio-group1 label, 
	.incomeProtec .radio-group4 label, 
	.incomeProtec .radio-group5 label {
		height: auto;
	}
	.incomeProtec #stepForm-p-2 .disclaimer {
		padding: 15px !important;
		padding-bottom: 0 !important;
		font-size: 12px;
	}
	
	.incomeProtec #stepForm-p-2 .col-xs-12 {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	
	.incomeProtec .form-control-feedback.glyphicon {
		right: 12px;
		top: 33px !important;
	}
	
	.incomeProtec-section h1 {
		margin: 0;
	}
	
	.incomeProtec-jumbotron2 {
		height: 100px;
	}
	
	.incomeProtec-jumbotron2 img {
		height: 100%;
	}
	
	.incomeProtec-heading h1 {
		margin-top: 5px;
		line-height: 30px;
	}
	
	.incomeProtec-heading p {
		padding-left: 15px;
    	padding-right: 15px;
	}
	
	.incomeProtec-prodLogos {
		margin-bottom: 10px;
    	margin-top: 10px;
	}
	
	.incomeProtec-prodLogos .col-xs-15 {
		width: 33%;
	}
	
	.incomeProtec-prodLogos img {
		height: 44px;
	}
	
	.jumbotron3.incomeProtec-jumbotron3 {
		padding-bottom: 31px;
	}
	
}