/*
PLDT Data Privacy Act
Author: Ace Miranda
*/

.security-mobile {
    display: none;
}
.btn-bk:before {
    display: none;
}


@media only screen and (max-width: 600px) and (min-width: 0px){
	.update-section h2{
	    font: 19px 'lato-regular';
	}
	.update-section p {
	    font: 13px 'lato-regular';
	}
	.form-left,
	.form-right {
	    float: none;
	    width: 100%;
	}
	.form-section ul li input[type="text"], .form-section ul li input[type="number"], .form-section ul li input[type="email"], .form-section ul li textarea{
		width: 65%;
		max-width: 65%;
	}
	.form-section {
	    padding: 20px 10px 0 10px;
	}
	.form-section ul li label {
	    font: 11px 'lato-semibold';
	}
	.add-action{
		margin-right: 0;
	}	

    .sc-important-notice {
        background-color: white;
        font-size: 11px;
        font-style: italic;
        line-height: 15px;
        margin-right: 15px;
    }

    .main-content-thank-you {
        margin: auto;
        width: 100%;
        /*border: 3px solid green;*/
    }

    .center {
        margin: auto;
        /*border: 3px solid green;*/
        padding: 10px;
    }

    .img1 {
	    float: left;
        width: 280px;
        margin-top: -40px;
        margin-left: 74px;
        margin-right: 54px;
    }

    .contentfix {
      margin: auto;
      margin-left: 38px;
      margin-bottom: 55px;
    }

    .img2 {
      float: left;
      width: 58px;
    }

    .clearfix {
      margin: auto;
      width: 117% !important;
      padding: 10px !important;
      font-family: sans-serif !important;
    }

    .clearfix::after {
      content: "";
      clear: both;
      display: table;
    }

    .tipsDetails{
	    padding: 1px 90px !important;
        margin-top: 7px !important;
	    font-size: 12px !important;
        font-family: sans-serif !important;
    }

    .tipsDetails strong {
	    font-size: 12px !important;
        font-family: sans-serif !important;
        font-weight: bold !important;
    }

    .tipsDetails p {
        text-align: left !important;
    }


    .thank-you-fix {
        color: red !important;
        font-weight: bold !important;
        font-size: 56px !important;
        font-family: sans-serif !important;
        margin: auto;
        margin-top: 66px;
        margin-left: 69px;
    }

    .parag-fix {
        font-family: sans-serif !important;
	    font-size: 13px !important;
	    font-weight: bold !important;
        margin-bottom: 36px !important;
        margin-left: 9px !important;
    }

    .quick-fix {
	    margin: auto;
        font-weight: bold !important;
        font-size: 16px !important;
        font-family: sans-serif !important;
    }

    .sr-details{
	    font-family: sans-serif !important;
	    font-size: 13px !important;
	    margin:3px !important;
	    font-weight: bold !important;
        margin-left: 9px !important;
    }

    .sr-details-srnum {
        margin-left: 82px;
    }

    .sr-details-acctnum {
        margin-left: 115px;
    }

    .sr-details-mobile {
        margin-left: 123px;
    }

    .sr-details-email {
        margin-left: 184px;
    }

    .img-wallet {
        margin-top: 0px;
    }

    .img-write {
        margin-top: 2px;
    }

    .img-sms {
        margin-top: 2px;
    }

    .img-wire {
        margin-top: 13px;
    }
}

@media only screen and (max-width: 500px) and (min-width: 0px){
    * {
        zoom: 0;
    }
      .col-sm-12 {
        width: 100%;
      }
      .col-sm-11{
        width: 91.66666667%;
      }
      .col-sm-10{
        width: 83.33333333%;
      }
      .col-sm-9 {
        width: 75%;
      }
      .col-sm-8 {
        width: 66.66666667%;
      }
      .col-sm-7 {
        width: 58.33333333%;
      }
      .col-sm-6 {
        width: 50%;
      }
      .col-sm-5 {
        width: 41.66666667%;
      }
      .col-sm-4{
        width: 33.33333333%;
      }
      .col-sm-3 {
        width: 25%;
      }
      .col-sm-2 {
        width: 16.66666667%;
      }
      .col-sm-1 {
        width: 8.33333333%;
      }
	.container{
		width: auto;
		padding: 0 10px;
	}
	header{
		padding: 5px 0;
	}
	.logo{
		text-align: center;
	}
	.logo img{
		width: 160px !important;
	}
	main {
	    padding: 10px 0 20px 0;
	}
	section.wizard-section,
	section.update-section{
		padding: 20px 0 0 0;
	}
	.wizard-section h2 {
	    font: 20px 'lato-regular';
	}
	.wizard-section p {
	    font: 13px 'lato-light';
	}
	.wizard-step-icon{
		width: 40px;
    	height: 40px;
    	margin: 0 auto !important;
	}
	.wizard-step-authenticate,
	.wizard-step-accept,
	.wizard-step-update{
		zoom: 0.7;
		margin: 9px auto 0 auto !important;
	}
	ul.wizard-step {
	    margin: 20px 0 10px 0;
	}
	ul.wizard-step li:before,
	ul.wizard-step li:after{
		top: 20px !important;
	}
	ul.wizard-step li p {
	    font: 14px 'lato-regular';
	}
	ul.wizard-step li.step-update p {
	    text-align: center;
	}
	.authenticate-cta{
		width: auto;
	}
	ul.wizard-step li.step-authenticate:after,
	ul.wizard-step li.step-authenticate:before{
		width: 50%;
		text-align: center;
	}
	ul.wizard-step li  p{
		text-align: center !important;
		padding: 7px 0 0 0 !important;
	}
	section.authenticate-section{
	    padding: 10px 0 20px 0;	
	}
	.authenticate-cta{
		padding: 15px;
	}
	.authenticate-cta p.a-heading {
	    font: 16px 'lato-semibold';
	    margin: 0px 0 15px 0;
	}
	.authenticate-cta > ul li a > span.label{
		width: 240px;
    	font-size: 13px;
	}
	.or-sep{
	    margin: 8px 0 6px 0
	}
	.authenticate-cta > ul li > p{
	    font: 11px 'lato-regular';
	}
	.authenticate-cta > ul li a > span.label{
	    padding: 15px 12px 15px 12px;
	}
	.authenticate-cta > ul li.acctnum-srvcnum a > span.icon {
	    height: 63px;
	    padding: 28px 0 15px 0;
	}
	.popup-inner > h3{
    	font: 16px 'lato-regular';
	}
	.popup-inner > h3 > span {
	    font: 16px 'lato-regular';
	}
	.btn_grey,
	.btn_default{
		padding: 9px 20px 9px 20px;
		font: 11px 'lato-regular';
	}

	main h2 {
	    font-size: 16px;
	    line-height: 16px;
	    margin-bottom: 10px;
	}
	main h3 {
	    font-size: 16px;
	    line-height: 16px;
	    margin-bottom: 10px;
	}
	main p {
	    font-weight: normal;
	    font-size: 14px;
	    font-family: 'lato-regular';
	    color: #505050;
	    line-height: 17px;
	    margin-bottom: 10px;
	}
	main h4 {
    	font-size: 15px;
	    line-height: 30px;
	}
	ol.orderedlist li,
	ul.bullet li,
	ul.bullet li span,
	ol.orderedlist span {
	    font: 14px "lato-regular" !important;
	    font-weight: 300;
	}

	.message{
		height: auto;
	}
	.thankyou-section p {
	    font: 13px 'lato-regular';
	}
	.thankyou-section h2 {
	    font: 25px 'lato-regular';
	    color: #303030;
	    margin-bottom: 5px;
	}

    .wizard-sec ul li p {
        font: 11px 'lato-regular';
    }
    .wizard-sec ul li i {
        width: 35px;
        height: 35px;
        font-size: 16px;
        padding: 9px 0 0 0;
    }
    li.active:before {
        width: calc(100% - 28px);
        top: 18px;
        left: -35%;
        height: 3px;
    }
    .wizard-sec {
        margin: 0 0 15px 0;
    }
    .section-content h5, .widget-summary h5 {
        font: 15px 'lato-bold';
    }
    .section-content {
        float: none;
        width: 100%;
    }
    .field-section {
        margin: 15px 0 0 0;
    }
    .field-section ul li p {
        font: 11px 'lato-semibold';
    }
    .col {
        margin: 0 0 10px 0
    }
    .widget-summary {
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .tofix h5 {
        display: none;
    }
    .tofix-fixed {
        width: 100%;
        top: 0;
        left: 0
    }

    .widget-header {
        display: none;
    }
    .widget-plan-name {
        padding: 8px 17px;
        min-height: 46px;
    }
    .widget-plan-name p, .widget-plan-name > span {
        padding-right: 19px;
        display: inline-block;
        font-size: 13px;
        line-height: 15px;  
    }
    .widget-plan-breakdown {
        padding: 5px 10px;
        max-height: 150px;
    }
    .widget-plan-breakdown ul li{
        padding: 5px 0;
    }
    .componentdesc, .componentamount {
        font-size: 11px;
    }
    .widget-plan-name i {
        font-size: 20px;
        right: 0;
        top: 0;
        background: #696969;
        padding: 18px 9px 0 9px;
        height: 100%;
        vertical-align: middle;
        cursor: pointer;
    }
    .m10 {
        font-size: 13px !important;
        margin: 0 0 5px 0 !important;
    }
    .widget-plan-soc {
        padding: 8px 0 0 0;
    }
    .widget-plan-soc p{
        font-size: 12px !important;
        line-height: 11px;
        padding: 0 10px;
    }
    .widget-plan-soc p.m10{
        display: none;
    }
    p.component_item {
        float: left;
        width: 50%;
        margin: 0 0 5px 0;
        font-style: italic;
        font-size: 10px !important;
        color: #ffb3b5 !important;
    }
    p.component_item .tot{
        float:none;
        display: block;
        font-style: normal;
        font-size: 12px !important;
        color: #fff !important;
    }
    .components {
        overflow: hidden;
    }
    .efb {
        display: block;
        background: #b3080b;
        padding: 7px 12px;
        margin-top: 2px;
    }
    .btn-next {
        padding: 7px 30px 9px 30px !important;
    }
    .btn {
        font: 12px 'FontAwesome', 'lato-regular' !important;
        margin: 0 5px 20px 0 !important;
    }
    .user-wrap {
        position: relative;
        top: 0;
        right: 0;
        background: #eee;
        border-radius: 0;
        text-align: center;
        line-height: 15px;
        padding: 5px 18px 5px 18px;
    }
    .user-wrap span,
    .user-wrap strong{
        font-size: 11px;
    }
    header .container {
        padding: 0;
    }
    header {
        padding-bottom: 0 !important;
    }
    .id-list-item-filename {
        font-size: 12px;
    }

    /* LOGIN */
    .login-container-before {
        height: 20px;
    }
    .login-container {
        width: 95%;
        padding: 10px;
    }
    .login-security-wrap {
        display: none;
    }
    .security-mobile {
        display: block;
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .login-form-wrap {
        width: 100%;
        display: block;
        float: none;
    }
    .form-header h5 {
        font-size: 13px;
    }
    .login-form {
        padding: 5px 10px 10px 10px;
        margin-bottom: 15px;
    }
    .login-form label {
        font: 10px 'lato-semibold';
    }
    .login-form input[type="text"], .login-form input[type="password"], .login-form select{
        height: 30px;
        font-family: 'lato-bold';
        font-size: 13px;
    }
    .login-form ul li {
        list-style-type: none;
        margin: 10px 0 10px 0;
    }
    .login-form input[type="submit"]{
        width: 100%;
        font-size: 12px;
        padding: 9px 35px 9px 35px;
    }
    .login-security-wrap h4 {
        text-align: center;
        font-size: 13px;
    }
    .security p, .security-mobile p {
        font: 11px 'lato-regular';
    }

    /* inner */
    .field-section ul li a {
        font: 11px 'lato-semibold';
    }
    .input-street, .input-subd, .input-bldg, .input-cs, .input-rel, .input-switcher {
        top: 16px;
    }
    .tooltip {
        right: 0;
    }
    .btn-tooltip {
        top: 21px;
    }
    .tooltip > i.fa-caret-down{
       right: 18px;
    }
    .zindex1 {
        z-index: 9;
    }
    .section-content h2, .widget-summary h2 {
        font: 16px 'lato-bold';
    }
    .proceed-sec {
        width: 100%;
        padding: 10px;
    }
    .proceed-sec input[type="submit"] {
        padding: 10px 30px 10px 30px !important;
        margin: 5px 0 5px 0 !important;
    }
    .err-sec{
        line-height: 19px;
        font-size: 16px;
    }
    .proceed-sec p {
        line-height: 16px !important;
        text-align: left;
        font-size: 13px;
    }
    .proceed-sec {
        margin: 5px auto 0 auto;
    }
    .plan-suggestion-item {
        padding: 0 5px;
        margin-bottom: 5px;
    }
    ul.plan-overview-field-section-list li p, .adons-sec p {
        font-size: 13px;
    }
    .btn-skip {
        float: none;
        margin: 5px 0 0 0;
    }
    .plan-overview-field-section > p {
        font: 15px 'lato-regular';
    }
    .choose-toolkit {
        width: 90%;
    }
    .choose-toolkit h3 {
        font: 22px 'lato-regular';
    }
    .choose-toolkit h3 > span {
        font-size: 22px;
    }
    .btn-bk {
        width: 100%;
    }
    .btnBilisKabit {
        background-size: 260px auto;
        margin: 0 auto;
        display: block;
        background-position: top center;
        width: 100% !important;
    }

    .sc-important-notice {
        background-color: white;
        font-size: 11px;
        font-style: italic;
        line-height: 15px;
        margin-right: 15px;
    }

    .main-content-thank-you {
        margin: auto;
        width: 100%;
        /*border: 3px solid green;*/
    }

    .center {
        margin: auto;
        /*border: 3px solid green;*/
        padding: 10px;
        padding-left: 27px !important;
    }

    .img1 {
	    float: left;
        width: 280px;
        margin-top: -40px;
        margin-left: 50px;
        margin-right: 54px;
    }

    .contentfix {
      margin: auto;
      margin-left: 37px;
      margin-bottom: 55px;
    }

    .img2 {
      float: left;
      width: 55px;
    }

    .clearfix {
      margin: auto;
      width: 114% !important;
      padding: 7px !important;
      font-family: sans-serif !important;
    }

    .clearfix::after {
      content: "";
      clear: both;
      display: table;
    }

    .tipsDetails{
	    padding: 1px 85px !important;
        margin-top: 7px !important;
	    font-size: 12px !important;
        font-family: sans-serif !important;
    }

    .tipsDetails strong {
	    font-size: 12px !important;
        font-family: sans-serif !important;
        font-weight: bold !important;
    }

    .tipsDetails p {
        text-align: left !important;
    }


    .thank-you-fix {
        color: red !important;
        font-weight: bold !important;
        font-size: 56px !important;
        font-family: sans-serif !important;
        margin: auto;
        margin-top: 66px;
        margin-left: 44px;
    }

    .parag-fix {
        font-family: sans-serif !important;
	    font-size: 12px !important;
	    font-weight: bold !important;
        margin-bottom: 36px !important;
    }

    .quick-fix {
	    margin: auto;
        font-weight: bold !important;
        font-size: 15px !important;
        font-family: sans-serif !important;
    }

    .sr-details{
	    font-family: sans-serif !important;
	    font-size: 12px !important;
	    margin:3px !important;
	    font-weight: bold !important;
        margin-left: 10px !important;
    }

    .sr-details-srnum {
        margin-left: 72px;
    }

    .sr-details-acctnum {
        margin-left: 100px;
    }

    .sr-details-mobile {
        margin-left: 110px;
    }

    .sr-details-email {
        margin-left: 166px;
    }

    .img-wallet {
        margin-top: 0px;
    }

    .img-write {
        margin-top: 2px;
    }

    .img-sms {
        margin-top: 2px;
    }

    .img-wire {
        margin-top: 13px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 601px){
	.update-section h2{
	    font: 19px 'lato-regular';
	}
	.update-section p {
	    font: 13px 'lato-regular';
	}
	.form-section ul li input[type="text"], .form-section ul li input[type="number"], .form-section ul li input[type="email"], .form-section ul li textarea{
		width: 60%;
		max-width: 60%;
	}
	.form-section {
	    padding: 20px 10px 0 10px;
	}
	.form-section ul li label {
	    font: 11px 'lato-semibold';
	}
	.add-action{
		margin-right: 0;
	}	

    .sc-important-notice {
        background-color: white;
        font-size: 11px;
        font-style: italic;
        line-height: 15px;
        margin-right: 15px;
    }

    .main-content-thank-you {
        margin: auto;
        width: 100%;
        /*border: 3px solid green;*/
    }

    .center {
        margin: auto;
        /*border: 3px solid green;*/
    }

    .img1 {
	    float: left;
        width: 280px;
        margin-top: 29px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .contentfix {
      margin: auto;
      /*margin-left: 58px;*/
      margin-bottom: 55px;
    }

    .img2 {
      float: left;
      width: 58px;
    }

    .clearfix {
      margin: auto;
      width: 81% !important;
      padding: 10px !important;
      font-family: sans-serif !important;
      margin-left: 100px;
    }

    .clearfix::after {
      content: "";
      clear: both;
      display: table;
    }

    .tipsDetails{
	    padding: 1px 90px !important;
        margin-top: 7px !important;
	    font-size: 12px !important;
        font-family: sans-serif !important;
    }

    .tipsDetails strong {
	    font-size: 12px !important;
        font-family: sans-serif !important;
        font-weight: bold !important;
    }

    .tipsDetails p {
        text-align: left !important;
    }


    .thank-you-fix {
        color: red !important;
        font-weight: bold !important;
        font-size: 53px !important;
        font-family: sans-serif !important;
        margin: auto;
        margin-top: 26px;
        margin-left: 79px;
    }

    .parag-fix {
        font-family: sans-serif !important;
	    font-size: 12px !important;
	    font-weight: bold !important;
        margin-bottom: 36px !important;
    }

    .quick-fix {
	    margin: auto;
        font-weight: bold !important;
        font-size: 16px !important;
        font-family: sans-serif !important;
    }

    .sr-details{
	    font-family: sans-serif !important;
	    font-size: 12px !important;
	    margin:3px !important;
	    font-weight: bold !important;
    }

    .sr-details-srnum {
        margin-left: 50px;
    }

    .sr-details-acctnum {
        margin-left: 78px;
    }

    .sr-details-mobile {
        margin-left: 88px;
    }

    .sr-details-email {
        margin-left: 144px;
    }

    .img-wallet {
        margin-top: 0px;
    }

    .img-write {
        margin-top: 2px;
    }

    .img-sms {
        margin-top: 2px;
    }

    .img-wire {
        margin-top: 20px;
    }
}


@media only screen and (max-width: 390px) and (min-width: 0px){
	.authenticate-cta > ul li a > span.label{
		width: 208px;
    	font-size: 13px;
	}
	.authenticate-cta > ul li.acctnum-srvcnum a > span.icon {
	    height: 76px;
	    padding: 28px 0 15px 0;
	}

    .sc-important-notice {
        background-color: white;
        font-size: 11px;
        font-style: italic;
        line-height: 15px;
        margin-right: 1px;
    }

    .main-content-thank-you {
        margin: auto;
        width: 100%;
        /*border: 3px solid green;*/
    }

    .center {
        margin: auto;
        /*border: 3px solid green;*/
        padding: 0 0 !important;
    }

    .img1 {
	    float: left;
        width: 256px;
        margin-top: -40px;
        margin-left: 50px;
        margin-right: 54px;
    }

    .contentfix {
      margin: auto;
      /*margin-left: 37px;*/
      margin-bottom: 55px;
    }

    .img2 {
        float: left;
        width: 56px;
        margin-left: 29px;
    }

    .clearfix {
      margin: auto;
      width: 125% !important;
      padding: 7px !important;
      font-family: sans-serif !important;
    }

    .clearfix::after {
      content: "";
      clear: both;
      display: table;
    }

    .tipsDetails{
	    padding: 1px 109px !important;
        margin-top: 7px !important;
	    font-size: 12px !important;
        font-family: sans-serif !important;
    }

    .tipsDetails strong {
	    font-size: 11px !important;
        font-family: sans-serif !important;
        font-weight: bold !important;
    }

    .tipsDetails p {
        text-align: left !important;
    }


    .thank-you-fix {
        color: red !important;
        font-weight: bold !important;
        font-size: 51px !important;
        font-family: sans-serif !important;
        margin: auto;
        margin-top: 66px;
        margin-left: 44px;
    }

    .parag-fix {
        font-family: sans-serif !important;
	    font-size: 11px !important;
	    font-weight: bold !important;
        margin-bottom: 36px !important;
        margin-left: 7px !important;
    }

    .quick-fix {
	    margin: auto;
        font-weight: bold !important;
        font-size: 12px !important;
        font-family: sans-serif !important;
        padding-left: 13px !important;
        
    }

    .sr-details{
	    font-family: sans-serif !important;
	    font-size: 11px !important;
	    margin:3px !important;
	    font-weight: bold !important;
        margin-left: 7px !important;
    }

    .sr-details-srnum {
        margin-left: 40px;
    }

    .sr-details-acctnum {
        margin-left: 66px;
    }

    .sr-details-mobile {
        margin-left: 74px;
    }

    .sr-details-email {
        margin-left: 131px;
    }


    .img-wallet {
        margin-top: 14px;
    }

    .img-write {
        margin-top: 10px;
    }

    .img-sms {
        margin-top: 10px;
    }

    .img-wire {
        margin-top: 28px;
    }
}


@media only screen and (max-width: 1024px) and (min-width: 501px){
    #displayimgsrc {
        visibility: hidden;
    }
	.container{
		width: auto;
		padding: 0 10px;
	}
	header{
		padding: 5px 0;
	}
	/*.logo{
		text-align: center;
	}*/
    body.login .logo{
		text-align: center;
	}
	.logo img{
		width: 230px;
	}
	main {
	    padding: 10px 0 20px 0;
	}
	section.wizard-section,
	section.update-section{
		padding: 20px 0 0 0;
	}
	.wizard-section h2 {
	    font: 23px 'lato-regular';
	}
	.wizard-section p {
	    font: 16px 'lato-light';
	}
	.wizard-step-icon{
		width: 60px;
    	height: 60px;
    	margin: 0 auto !important;
	}
	ul.wizard-step {
	    margin: 20px 0 10px 0;
	}
	ul.wizard-step li:before,
	ul.wizard-step li:after{
		top: 29px !important;
	}
	ul.wizard-step li p {
	    font: 17px 'lato-regular';
	}
	ul.wizard-step li.step-update p {
	    text-align: center;
	}
	.authenticate-cta{
		width: 450px;
	}
	ul.wizard-step li.step-authenticate:after,
	ul.wizard-step li.step-authenticate:before{
		width: 50%;
		text-align: center;
	}
	ul.wizard-step li  p{
		text-align: center !important;
		padding: 7px 0 0 0 !important;
	}
	section.authenticate-section{
	    padding: 10px 0 20px 0;	
	}
	.authenticate-cta{
		padding: 20px;
	}
	.authenticate-cta p.a-heading {
	    font: 19px 'lato-semibold';
	    margin: 0px 0 15px 0;
	}
	.authenticate-cta > ul li a > span.label {
	    width: 310px;
	    font-size: 16px;
	}
	.or-sep{
	    margin: 8px 0 6px 0
	}
	.authenticate-cta > ul li a > span.label{
	    padding: 15px 12px 15px 12px;
	}
	.authenticate-cta > ul li.acctnum-srvcnum a > span.icon {
	    height: 66px;
	    padding: 24px 0 15px 0;
	}
	main h2 {
	    font-size: 16px;
	    line-height: 16px;
	    margin-bottom: 10px;
	}
	main h3 {
	    font-size: 16px;
	    line-height: 16px;
	    margin-bottom: 10px;
	}
	main p {
	    font-weight: normal;
	    font-size: 14px;
	    font-family: 'lato-regular';
	    color: #505050;
	    line-height: 17px;
	    margin-bottom: 10px;
	}
	main h4 {
    	font-size: 15px;
	    line-height: 30px;
	}
	ol.orderedlist li,
	ul.bullet li,
	ul.bullet li span,
	ol.orderedlist span {
	    font: 14px "lato-regular" !important;
	    font-weight: 300;
	}
	.message{
		height: auto;
	}
	.thankyou-section p {
	    font: 15px 'lato-regular';
	}
	.thankyou-section h2 {
	    font: 20px 'lato-regular';
	    color: #303030;
	    margin-bottom: 5px;
	}
    
    /* LOGIN */
	.login-container,
    .lbl-error{
		width: 85%;
        margin: 10px auto 0 auto;
	}
    .login-security-wrap {
       width: 100%;
       display: none;
       float: none;
       margin: 0 auto;
    }
    .login-form-wrap {
       width: 100%;
       float: none;
       margin: 0 auto;
    }
    .login-container-before{
       height: 30px;
    }
    .security-mobile {
        display: block;
        margin: 30px 0 0 0;
    }

    .footer-fixed {
        position: relative;
    }
    .login-security-wrap h4 {
        text-align: center;
    }

    .col-md-12 {
    width: 100%;
      }
      .col-md-11{
        width: 91.66666667%;
      }
      .col-md-10{
        width: 83.33333333%;
      }
      .col-md-9 {
        width: 75%;
      }
      .col-md-8 {
        width: 66.66666667%;
      }
      .col-md-7 {
        width: 58.33333333%;
      }
      .col-md-6 {
        width: 50%;
      }
      .col-md-5 {
        width: 41.66666667%;
      }
      .col-md-4{
        width: 33.33333333%;
      }
      .col-md-3 {
        width: 25%;
      }
      .col-md-2 {
        width: 16.66666667%;
      }
      .col-md-1 {
        width: 8.33333333%;
      }
      .col-md-custom-5{
        width: 20%;
      }

    .wizard-sec ul li p {
        font: 13px 'lato-bold';
    }
    .wizard-sec ul li i {
        width: 50px;
        height: 50px;
        font-size: 19px;
        padding: 16px 0 0 0;
    }
    li.active:before {
        width: calc(100% - 42px);
        top: 25px;
    }
    .wizard-sec {
        margin: 15px 0 55px 0;
    }
    .widget-summary {
        padding-left: 15px;
    }
    .user-wrap span {
        font-size: 10px;
    }
    .user-wrap {
        top: 6px;
        right: 5px;
    }
    .widget-plan-soc p {
        margin: 0 0 2px 0;
        font-size: 11px !important;
        line-height: 17px;
    }
    .widget-plan-breakdown {
        max-height: 80px
    }
    .widget-plan-name i {
        font-size: 19px;
        top: 9px;
        right: 7px;
    }
    .section-content h5, .widget-summary h5 {
        font: 17px 'lato-bold';
    }
    .input-street, .input-subd, .input-bldg, .input-cs, .input-rel, .input-switcher {
       top: 19px;
    }
    .details-sec p,
    .details-sec .ds-val {
        font-size: 13px;
    }
    .popsign .popup-inner {
        width: 92%;
        height: 97%;
        overflow: auto;
        padding: 30px;
    }
    .digi-sign .accept-btn {
        font: 14px 'lato-regular';    
    }
    .popsign .popup-close {
        top: 19px;
        right: 34px;
        background: #dedede !important;
    }
    input#btnNext {
        float: left;
    }
    .btn-skip {
        margin: 9px 0 0 0;
        float: none;
    }
    .full-width,
    .full-width-100 {
        width: 92%;
    }
    .banner-content h2 {
        font-size: 23px;
    }
    .banner-content p {
        font: 14px 'lato-regular';
    }
    .tofix {
        max-width: 218px;
    }


    /*Start Here 102417*/
    .choose-toolkit {
        width: 90%;
    }
    .choose-toolkit h3 {
        font: 25px 'lato-regular';
    }
    .choose-toolkit h3 > span {
        font-size: 25px;
    }
    .mobilenum-accesscode {
        padding: 6px 8px !important;
    }
    .planlist-item-wrap {
        max-height: 310px;
    }
    .planlist-item.col-2 {
        display:none;
    }

    .widget-plan-name p, .widget-plan-name > span {
        font-size: 13px;
    }
    .widget-header,
    .widget-plan-name {
        padding: 5px 9px;
    }
    .widget-plan-breakdown ul li {
        padding: 3px 0;
    }
    .m10 {
        margin: 0 0 6px 0 !important;
        font-size: 14px !important;
    }
    .widget-plan-breakdown {
        max-height: 70px;
        padding: 7px 9px;
    }
    .componentdesc {
        font-size: 11px;
    }
    .plan-overview-field-section > p {
        font: 14px 'lato-bold';
    }
    .section-content h2, .widget-summary h2 {
        font: 20px 'lato-bold';
    }
    .btn-next {
        padding: 7px 40px 9px 40px !important;
    }


    .proceed-sec {
        width: 100%;
        padding: 10px;
    }
    .proceed-sec input[type="submit"] {
        padding: 11px 30px 11px 30px !important;
        margin: 10px 5px 30px 0 !important;
        font-size: 12px;
    }
    .proceed-sec p {
        font-size: 13px;
        line-height: 18px !important;
        text-align: left;
    }

    .main-content-thank-you {
        margin: auto;
        width: 90%;
        /*border: 3px solid green;*/
    }
}


@media only screen and (max-width: 1300px){
	.container{
		width: auto;
		padding: 0 10px;
	}
	header{
		padding: 5px 0;
        border-radius: 0;
	}
    .login main {
        padding-bottom: 40px !important;
    }
    .logo img {
        width: 120px;
    }
    .footer-fixed {
        position: relative;
        margin-top: 10px;
    }
    .tofix-fixed {
        /*position: relative;
        top: 20px;*/
    }
}

@media (max-height: 500px) {

    footer {
        position: relative !important;
        clear:both;
        margin-top: 60px;
    }
    .landingpage-wrap {
        padding: 0;
    }

}

@media only screen and (max-width: 1200px) and (min-width: 992px) {
    .tofix {
        max-width: 350px;
    }
    
    .widget-plan-name p, .widget-plan-name > span {
        font-size: 13px;
    }
    .widget-header,
    .widget-plan-name {
        padding: 5px 9px;
    }
    .widget-plan-breakdown ul li {
        padding: 3px 0;
    }
    .m10 {
        margin: 0 0 6px 0 !important;
        font-size: 14px !important;
    }
    .widget-plan-breakdown {
        max-height: 70px;
        padding: 7px 9px;
    }
    .componentdesc {
        font-size: 11px;
    }
    .plan-overview-field-section > p {
        font: 14px 'lato-bold';
    }
    .section-content h2, .widget-summary h2 {
        font: 20px 'lato-bold';
    }
    .btn-next {
        padding: 7px 40px 9px 40px !important;
    }
}

@media (min-height: 600px) {
    .popsign .popup-inner {
        height: auto;
    }

}