@media only screen and (min-width : 411px) and (max-width : 700px) {
    .FWRenewalMain .breakinInspcetion {
        width: 44% !important;
    }
}

@media only screen and (min-width : 300px) and (max-width : 700px) {
    .FWRenewalMain .card {
        width: 100%;
        margin: 0;
    }
.ap-comparePlan-card
{
	width:100% !important;
	margin-bottom:25px;
}
    .FWRenewalMain .tab-content {
        display: none;
    }

    .FWRenewalMain .card-header {
        width: 100%;
        float: none;
        margin: 0;
        border: none;
        padding: 20px 15px 50px !important;
    }

    .FWRenewalMain .scrollbar {
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
    }

    .FWRenewalMain .heading li {
        font-size: 14px;
        line-height: 18px;
    }

        .FWRenewalMain .heading li:last-child {
            line-height: 20px;
            font-weight: 500;
        }

        .FWRenewalMain .heading li span {
            display: initial;
        }

    .FWRenewalMain .regNumber li {
        font-size: 15px;
    }

        .FWRenewalMain .regNumber li:first-child {
            width: 100%;
        }

        .FWRenewalMain .regNumber li:last-child {
            width: 100%;
            text-align: left;
        }

    .FWRenewalMain .nav-tabs .nav-item {
        margin: 5px 0px !important;
    }

    .FWRenewalMain ul.block-price li:nth-child(2) {
        display: none;
    }

    .FWRenewalMain ul.block-price li:first-child {
        width: 60%;
        font-size: 16px;
    }

    .FWRenewalMain ul.block-price li:last-child {
        width: 40%;
        font-size: 14px;
    }

    .FWRenewalMain ul.block-price li:first-child span {
        font-size: 12px;
        line-height: 16px;
    }

    .FWRenewalMain .details h2 {
        font-size: 16px;
        padding-top: 5px;
    }

    .FWRenewalMain .regNumber .togglename {
        width: 100%;
    }

    .FWRenewalMain .togglename {
        width: 70%;
        font-size: 13px;
        padding: 5px 0 0 45px;
    }

    .FWRenewalMain .doneButton {
        width: 12%;
        text-align: center;
    }

    .FWRenewalMain a.editBtn, .FWRenewalMain a.editBtn1 {
        font-size: 13px;
    }

    .FWRenewalMain .mobileNo {
        width: 100%;
    }

    .FWRenewalMain .switchToggle {
        width: 16%;
    }

        .FWRenewalMain .switchToggle label {
            width: 50px;
            height: 22px;
            float: right;
        }

        .FWRenewalMain .switchToggle input + label:before, .FWRenewalMain .switchToggle input + input + label:before {
            top: 2px;
            left: 25px;
            font-size: 12px;
        }

        .FWRenewalMain .switchToggle label:after {
            width: 18px;
            height: 18px;
        }

    .FWRenewalMain .togglename.driving-license::before, .FWRenewalMain .togglename.accident-cover::before,
    .FWRenewalMain .togglename.address::before, .FWRenewalMain .togglename.inspection-address::before {
        width: 30px;
        height: 30px;
    }

    .FWRenewalMain .togglename.nominee::before {
        width: 35px;
        height: 35px;
    }

    .FWRenewalMain .check {
        font-size: 12px;
    }

    .FWRenewalMain .footer {
        background: rgba(48, 48, 48, 0.81);
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
    }

        .FWRenewalMain .footer .container {
            padding: 10px 1rem 0px;
        }

    .FWRenewalMain .final-value, .renew {
        float: left;
        max-width: 50%;
    }

    .FWRenewalMain .footer li {
        margin: 5px 0px;
    }

        .FWRenewalMain .footer li:first-child {
            padding: 3px 10px;
            width: 85px;
        }

        .FWRenewalMain .footer li:last-child {
            /*display:none;*/
        }

    .FWRenewalMain .box {
        padding: 0 25px 15px;
    }

    .FWRenewalMain .footer h5 {
        font-size: 14px;
        line-height: 16px;
    }

        .FWRenewalMain .footer h5 span {
            font-size: 18px;
            line-height: 20px;
        }

            .FWRenewalMain .footer h5 span::before {
                width: 14px;
                height: 18px;
                left: 0px;
            }

    .FWRenewalMain ul.benefit {
        display: inline-block;
        list-style: none;
        padding: 0;
        width: 100%;
    }

        .FWRenewalMain ul.benefit li {
            width: calc(100%/2);
            float: left;
            font-size: 13px;
            color: #034694;
        }

            .FWRenewalMain ul.benefit li:last-child {
                text-align: right;
            }

    .FWRenewalMain span.recommended img {
        width: 85%;
    }

    .FWRenewalMain .breakinInspcetion {
        width: 48%;
    }

    .FWRenewalMain .popup {
        width: 100%;
        height: 100%;
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.65);
        z-index: 9999999;
    }

    /* Inner */
    .FWRenewalMain .popup-inner {
        width: 80%;
       padding: 110px 5px 10px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 10px;
        background: #fff;
        text-align: center;
    }

        .FWRenewalMain .popup-inner::before {
            content: "";
            position: absolute;
            display: block;
            background-size: 100% !important;
            background-repeat: no-repeat;
           background: url(../images/main.jpg);
           width: 175px;
          height: 110px;
            left: 50%;
            transform: translateX(-50%);
            top: 10px;
        }

        /*Popup*/
        .FWRenewalMain  .renews .popup-inner::before 
			 {
				 content:inherit !important;
			 }
			 .FWRenewalMain .renews .popup-inner {
				  width: 80%;
			 }
			 .renews .button_carry
			 {
				 display:flex;
			 }

    /* Close Button */
    .FWRenewalMain .popup-close {
        width: 30px;
        height: 30px;
        padding-top: 16px;
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 18px;
        transition: ease 0.25s all;
        -webkit-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
        border-radius: 1000px;
        font-family: Arial, Sans-Serif;
        font-size: 20px;
        text-align: center;
        line-height: 100%;
        color: #595959;
    }

        .FWRenewalMain .popup-close:hover {
            text-decoration: none;
            color: #48a842;
        }

    .FWRenewalMain .popup-inner h3 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
    }

    .FWRenewalMain .popup-inner p {
        margin: 0;
    }

    .FWRenewalMain .popup-inner span {
        font-size: 14px;
        
    }

    .FWRenewalMain .popup-inner table {
        width: 92%;
        font-size: 14px;
        margin: 10px 10px 0!important;
    }

        .FWRenewalMain .popup-inner table td {
            padding: 3px 0;
        }

            .FWRenewalMain .popup-inner table td:first-child {
                text-align: left;
            }

            .FWRenewalMain .popup-inner table td:last-child {
                text-align: right;
				flex: 1;
            }

    .FWRenewalMain ul.benefit .nav-tabs .nav-link {
        border: none !important;
    }

    .FWRenewalMain .row .col-md-5 {
        width: 100%;
    }

    .FWRenewalMain .row .col-md-7 {
        width: 100%;
    }
    div[id*="paymentControl_payment"] .row .col-md-7, div[id*="paymentControl_payment"] .col-md-7 {
        width: 100% !important;
    }

    div[id*="paymentControl_payment"] .radio-group .radio
    { 
        float:none;
    }
    div[id*="paymentControl_payment"] div[id*="divWalletPaytm"]
    {
        width:100%
    }
    div[id*="paymentControl_payment"] .foot-Temp-MobDropDown h3
    {
        font-size:18px;
    }
    div[id*="paymentControl_payment"] .p-small-right
    {
    float:left !important;
    }



    div[id*="divPaymentOptions"] .row .col-md-7, div[id*="divPaymentOptions"] .col-md-7 {
        width: 100% !important;
    }

    div[id*="divPaymentOptions"] .radio-group .radio
    { 
        float:none;
    }
    div[id*="divPaymentOptions"] div[id*="divWalletPaytm"]
    {
        width:100%
    }
    div[id*="divPaymentOptions"] .foot-Temp-MobDropDown h3
    {
        font-size:18px;
    }
    div[id*="divPaymentOptions"] .p-small-right
    {
    float:left !important;
    }
	#odPolicyDetails-form
    {
	padding-top:5rem;
    }
    .FWRenewalMain  .checkboxDeclare .form-group i.fa
    {
	 right: 0px;
    }

    #preLoader .modal-sm img
    {
    width:4%
    }

    .FWRenewalMain .footer {
        z-index: 991;
    }
    .FWRenewalMain .card-header {
        padding: 20px 15px 20px !important;
    }
    .FWRenewalMain .regNumber li:last-child {
        padding-top: 10px;
    }
    .card-header{
        padding: 20px 15px 20px !important;
    }
    .ap-chooseCarPlan-inner .ap-comparePlan-card{
        margin-right: 0px;
        padding: 2px 0 2px;
    }
    .ap-chooseCarPlan-inner .ap-comparePlan-card:last-child {
        margin-bottom: 10px;
    }
}



@media only screen and (min-width : 0px) and (max-width : 299px)
{
    .FWRenewalMain .card-header {
	    padding: 20px 5px 50px !important;
	}
}
@media only screen and (min-width : 701px) and (max-width : 768px) {
    .FWRenewalMain .card {
        width: 100%;
    }

    .FWRenewalMain .tab-content {
        width: 28%;
        margin: 5px;
    }

    .FWRenewalMain .card-header {
        width: 69%;
        margin: 5px;
        /*padding: 5px 5px !important;*/
    }

    .FWRenewalMain .scrollbar {
        height: 386px;
        padding: 5px 10px;
    }

    .FWRenewalMain .heading li {
        font-size: 16px;
        line-height: 18px;
    }

    .FWRenewalMain .mobileNo {
        width: 78%;
    }

    .FWRenewalMain .regNumber li:first-child {
        width: 100%;
    }

    .FWRenewalMain .regNumber li:last-child {
        width: 100%;
        text-align: left;
    }

    .FWRenewalMain .breakinInspcetion {
        width: 34% !important;
    }

    .FWRenewalMain ul.block-price li:first-child {
        width: 36%;
        font-size: 16px;
    }

    .FWRenewalMain ul.block-price li:nth-child(2) {
        width: 38%;
        font-size: 12px;
        line-height: 14px;
        margin-top: 9px;
    }

    .FWRenewalMain ul.block-price li:last-child {
        width: 24%;
        font-size: 12px;
        margin: 13px 3px 0px 3px;
    }

    .FWRenewalMain span.recommended img {
        width: 80%;
    }

    .FWRenewalMain ul.block-price li:first-child span {
        font-size: 12px;
        line-height: 14px;
    }

    .FWRenewalMain .details h2 {
        font-size: 16px;
    }

    .FWRenewalMain .togglename {
        width: 70%;
        padding: 4px 0 0 45px;
        font-size: 14px;
    }

    .FWRenewalMain a.editBtn {
        font-size: 14px;
    }

    .FWRenewalMain .switchToggle {
        margin-right: 20px !important;
    }

        .FWRenewalMain .switchToggle label {
            width: 55px;
            height: 22px;
        }

        .FWRenewalMain .switchToggle input + label:before, .FWRenewalMain .switchToggle input + input + label:before {
            top: 0px;
            left: 25px;
        }

        .FWRenewalMain .switchToggle label:after {
            width: 18px;
            height: 18px;
        }

    .FWRenewalMain .box {
        padding: 0 30px 15px;
    }

    .FWRenewalMain .tab-pane {
        padding: 5px 16px !important;
    }

    .FWRenewalMain .main_image {
        padding-bottom: 10px;
    }

    .FWRenewalMain .tab-content h3 {
        font-size: 16px;
        line-height: 0px;
        margin-top: 0 !important;
    }

    .FWRenewalMain .footer .container {
        padding: 10px 1rem 0px;
    }

    .FWRenewalMain .footer h5 {
        font-size: 14px;
        line-height: 18px;
    }

        .FWRenewalMain .footer h5 span {
            /*padding-left: 15px;*/
            font-size: 18px;
            line-height: 20px;
        }

            .FWRenewalMain .footer h5 span::before {
                width: 14px;
                height: 16px;
            }

    .FWRenewalMain .footer li {
        margin: 4px 10px;
    }

        .FWRenewalMain .footer li:first-child {
            padding: 2px 10px;
            width: 100px;
        }

        .FWRenewalMain .footer li:last-child {
            padding-top: 0;
        }

        div[id*="paymentControl_payment"] .row .col-md-7, div[id*="paymentControl_payment"] .col-md-7 {
        width: 100% !important;
    }

    div[id*="paymentControl_payment"] .radio-group .radio
    { 
        float:none;
    }
    div[id*="paymentControl_payment"] div[id*="divWalletPaytm"]
    {
        width:100%
    }
    div[id*="paymentControl_payment"] .foot-Temp-MobDropDown h3
    {
        font-size:18px;
    }



    div[id*="divPaymentOptions"] .row .col-md-7, div[id*="divPaymentOptions"] .col-md-7 {
        width: 100% !important;
    }

    div[id*="divPaymentOptions"] .radio-group .radio
    { 
        float:none;
    }
    div[id*="divPaymentOptions"] div[id*="divWalletPaytm"]
    {
        width:100%
    }
    div[id*="divPaymentOptions"] .foot-Temp-MobDropDown h3
    {
        font-size:18px;
    }
}

@media only screen and (min-width : 770px) and (max-width : 1023px) {
    div[id*="paymentControl_payment"] .row .col-md-7, div[id*="paymentControl_payment"] .col-md-7 {
        width: 100% !important;
    }

    div[id*="paymentControl_payment"] .radio-group .radio
    { 
        float:none;
    }
    div[id*="paymentControl_payment"] div[id*="divWalletPaytm"]
    {
        width:100%
    }
    div[id*="paymentControl_payment"] .foot-Temp-MobDropDown h3
    {
        font-size:18px;
    }


    div[id*="divPaymentOptions"] .row .col-md-7, div[id*="divPaymentOptions"] .col-md-7 {
        width: 100% !important;
    }

    div[id*="divPaymentOptions"] .radio-group .radio
    { 
        float:none;
    }
    div[id*="divPaymentOptions"] div[id*="divWalletPaytm"]
    {
        width:100%
    }
    div[id*="divPaymentOptions"] .foot-Temp-MobDropDown h3
    {
        font-size:18px;
    }
}

@media only screen and (min-width : 1023px) and (max-width : 1025px) {
    div[id*="paymentControl_payment"] .radio-group .radio:nth-child(3n+1) {
        width: 50%;
    }
    div[id*="divPaymentOptions"] .radio-group .radio:nth-child(3n+1) {
        width: 50%;
    }
}

@media only screen and (min-width : 769px) and (max-width : 1199px) {
    .FWRenewalMain .card {
        width: 100%;
    }

    .FWRenewalMain .tab-content {
        width: 28%;
        margin: 5px;
    }

    .FWRenewalMain .card-header {
        width: 69%;
        margin: 5px;
        /*padding: 5px 5px !important;*/
    }

    .FWRenewalMain .scrollbar {
        height: 365px;
        padding: 5px 10px;
    }

    .FWRenewalMain .heading li {
        font-size: 16px;
        line-height: 18px;
    }

    .FWRenewalMain .regNumber li:first-child {
        width: 56%;
    }

    .FWRenewalMain .regNumber li:last-child {
        width: 44%;
    }

    .FWRenewalMain ul.block-price li:first-child {
        width: 30%;
        font-size: 16px;
    }

    .FWRenewalMain ul.block-price li:nth-child(2) {
        width: 48%;
        font-size: 12px;
        line-height: 14px;
        margin-top: 9px;
    }

    .FWRenewalMain ul.block-price li:last-child {
        width: 20%;
        font-size: 12px;
        margin: 13px 3px 0px 3px;
    }

    .FWRenewalMain span.recommended img {
        width: 80%;
    }

    .FWRenewalMain ul.block-price li:first-child span {
        font-size: 12px;
        line-height: 14px;
    }

    .FWRenewalMain .details h2 {
        font-size: 16px;
    }

    .FWRenewalMain .togglename {
        width: 70%;
        padding: 4px 0 0 45px;
        font-size: 14px;
    }

    .FWRenewalMain a.editBtn {
        font-size: 14px;
    }

    .FWRenewalMain .switchToggle {
        margin-right: 20px !important;
    }

        .FWRenewalMain .switchToggle label {
            width: 55px;
            height: 22px;
        }

        .FWRenewalMain .switchToggle input + label:before, .FWRenewalMain .switchToggle input + input + label:before {
            top: 0px;
            left: 25px;
        }

        .FWRenewalMain .switchToggle label:after {
            width: 18px;
            height: 18px;
        }

    .FWRenewalMain .box {
        padding: 0 30px 15px;
    }

    .FWRenewalMain .tab-pane {
        padding: 5px 16px !important;
    }

    .FWRenewalMain .main_image {
        padding-bottom: 10px;
    }

    .FWRenewalMain .tab-content h3 {
        font-size: 16px;
        line-height: 0px;
    }

    .FWRenewalMain .footer .container {
        padding: 10px 1rem 0px;
    }

    .FWRenewalMain .footer h5 {
        font-size: 14px;
        line-height: 18px;
    }

        .FWRenewalMain .footer h5 span {
            /*padding-left: 15px;*/
            font-size: 18px;
            line-height: 20px;
        }

            .FWRenewalMain .footer h5 span::before {
                width: 14px;
                height: 16px;
            }

    .FWRenewalMain .footer li {
        margin: 4px 10px;
    }

        .FWRenewalMain .footer li:first-child {
            padding: 2px 10px;
            width: 100px;
        }

        .FWRenewalMain .footer li:last-child {
            padding-top: 0;
        }
        div[id*="paymentControl_payment"] .p-small-right
        {
            float:left !important;
        }
        div[id*="divPaymentOptions"] .p-small-right
        {
            float:left !important;
        }
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
    .FWRenewalMain .scrollbar {
        height: 429px;
    }
}

@media only screen and (max-width : 700px) and (min-width:501px) {
    .FWRenewalMain .popup-inner {
        width: 50%;
    }

    .FWRenewalMain span.recommended img {
        width: 60%;
    }
}

@media (min-width: 1200px){
    header .container{
        width: 1170px !important;
    } 
}

@media(max-width: 550px){
    .ap-carPlanFeatures li img {
        width: 20px;
    }
    .ap-comparePlanInner{
        height: auto;
        padding: 10px 0 0px;
    }
    .ap-chooseCarPlan-main {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .ap-carPlanFeatures li p {
        font-size: 13px;
    }
    #opydDetails h6{
        font-size: 13px;
    }
    .selfi-app-sec .breakinInspcetion:first-child{
        margin-right: 5px;
    }
}

@media only screen and (max-width : 500px) and (min-width:426px) {
    .FWRenewalMain .popup-inner {
       width: 80%;
    }

    .FWRenewalMain span.recommended img {
        width: 60%;
    }

    .FWRenewalMain .togglename {
        padding: 5px 0 0 45px;
    }
	.FWRenewalMain .togglename
	{
		width:80%;
	}
}



@media only screen and (min-device-width : 500px) and (max-device-width : 700px) {
    .FWRenewalMain .togglename {
        padding: 5px 0 0 30px;
    }
}
@media only screen and (min-width: 300px) and (max-width: 700px)
.popover table tr td .ff-roboto {
    font-size: 12px;
}
}