@media only screen and (min-width : 411px) and (max-width : 700px){
.breakinInspcetion{
	width:44% !important;
	}
}
@media only screen and (min-width : 300px) and (max-width : 700px)
{
	.card {
	    width: 100%;
	    margin: 0;
	}
	.tab-content {
	    display: none;
	}
	.card-header {
	    width: 100%;
	    float: none;
	    margin: 0;
	    border: none;
	    padding: 20px 15px 50px !important;
	}
	.scrollbar {
	    height: auto;
	    overflow-y: auto;
	    overflow-x: hidden;
	    padding: 0;
	}
	.heading li {
	    font-size: 14px;
	    line-height: 18px;
	}
	.heading li:last-child {
	    line-height: 20px;
	    font-weight: 500;
	}
	.heading li span {
	    display: initial;
	}
	.regNumber li {
    font-size: 15px;}
	
	.regNumber li:first-child {
    width: 100%;}
	
	.regNumber li:last-child {
    width: 100%;
    text-align: left;
    display: grid;
	}

   .regNumber li:last-child .checkbox{
		margin-left:-2px !important;
	}

	.nav-tabs .nav-item {
	    margin: 5px 0px !important;
	}
	ul.block-price li:nth-child(2) {
	    display: none;
	}
	ul.block-price li:first-child {
	    width: 60%;
	    font-size: 16px;
	}
	ul.block-price li:last-child {
	    width: 40%;
	    font-size: 14px;
	}
	ul.block-price li:first-child span {
	    font-size: 12px;
	    line-height: 16px;
	}
	.details h2 {
	    font-size: 16px;
		padding-top: 5px;
	}
	.regNumber .togglename {
	    width: 100%;
	}
	.togglename {
		width: 70%;
		font-size: 13px;
	    padding: 0 0 0 30px;
	}
	.doneButton {
	    width: 12%;
	    text-align: center;
	}
	a.editBtn, a.editBtn1
	{
		font-size: 13px;
	}
	.mobileNo	{
	width:100%;
	}
	.switchToggle {
	    width: 16%;
	}
	.switchToggle label {
	    width: 50px;
	    height: 22px;
	    float:right;
	}
	.switchToggle input+label:before, .switchToggle input+input+label:before {
	    top: 2px;
	    left: 25px;
	    font-size: 12px;
	}
	.switchToggle label:after {
	    width: 18px;
	    height: 18px;
	}
	.togglename.driving-license::before, .togglename.accident-cover::before,
	.togglename.address::before, .togglename.inspection-address::before, .togglename.payasyoudrive::before {
	    width: 30px;
	    height: 30px;
	}
	.togglename.nominee::before
	{
		width:35px;
		height:35px;
	}
	.check {
	    font-size: 12px;
	}
	.footer {
	    background: rgba(48, 48, 48, 0.81);
	    position: fixed;
	    left: 0;
	    bottom: 0;
	    width: 100%;
        z-index: 999;
	}
	.footer .container {
	    padding: 10px 1rem 0px;
	}
	.final-value, .renew {
	    float: left;
	    max-width: 50%;
	}
	.footer li {
	    margin: 5px 0px;
	}
	.footer li:first-child {
	    padding: 3px 10px;
	    width: 85px;
	}
	.footer li:last-child
	{
		/*display:none;*/
	}
	.box {
	    padding: 0 25px 15px;
	}
	.footer h5 {
	    font-size: 14px;
	    line-height: 16px;
	}
	.footer h5 span {
	    font-size: 18px;
	    line-height: 20px;
	}
	.footer h5 span::before {
	    width: 14px;
	    height: 18px;
	    left: 0px;
	}
	ul.benefit {
	    display: inline-block;
	    list-style: none;
	    padding: 0;
	    width: 100%;
	}
	ul.benefit li {
	    width: calc(100%/2);
	    float: left;
	    font-size: 13px;
	    color: #034694;
	}
	ul.benefit li:last-child {
	    text-align: right;
	}
	span.recommended img {
	    width: 85%;
	}
.ap-comparePlan-card
{
	width:100%;
	margin:15px 0;
}
.ap-chooseCarPlan-inner .ap-comparePlan-card:first-child {
    margin-top: 5px;
}
.breakinInspcetion{
	width:48%;
	}

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

	/* Inner */
	.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;
	}
	.popup-inner::before {
	    content: "";
	    position: absolute;
	    display: block;
	    background: url(../images/main.jpg);
	    background-size: 100% !important;
	    background-repeat: no-repeat;
	    width: 175px;
        height: 110px;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 10px;
	}
    .popup-innerTW {
	    width: 80%;
	    padding: 120px 5px 10px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    border-radius: 10px;
	    background: #fff;
	    text-align: center;
	}
    .popup-innerTW::before {
	    content: "";
	    position: absolute;
	    display: block;
	    background: url(../images/smallTW.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
	    width: 125px;
	    height: 110px;
	    left: 50%;
	    transform: translateX(-50%);
	    top: 10px;
	}
	/* Close Button */
	.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;
	}

	.popup-close:hover {
	    text-decoration: none;
	    color: #48a842;
	}
	.popup-inner h3 {
	    font-size: 18px;
	    line-height: 22px;
	    font-weight: 600;
	}
	.popup-inner p
	{
		margin:0;
	}
	.popup-inner span {
	    font-size: 14px;
	    display: inline-block;
	}
	.popup-inner table {
	    width: 92%;
	    font-size: 14px;
	    margin: 10px 10px 0!important;
	}
	.popup-inner table td {
	    padding: 3px 0;
	}
	.popup-inner table td:first-child
	{
		text-align:left;
	}
	.popup-inner table td:last-child
	{
		text-align:right;
		/* flex: 1; */
	}
    /*for two wheeler*/
    .popup-innerTW h3 {
	    font-size: 18px;
	    line-height: 22px;
	    font-weight: 600;
	}
	.popup-innerTW p
	{
		margin:0;
	}
	.popup-innerTW span {
	    font-size: 14px;
	    display: block;
	}
	.popup-innerTW table {
	    width: 92%;
	    font-size: 14px;
	    margin: 10px 10px 0!important;
	}
	.popup-innerTW table td {
	    padding: 3px 0;
	}
	.popup-innerTW table td:first-child
	{
		text-align:left;
	}
	.popup-innerTW table td:last-child
	{
		text-align:right;
	}
    /*for two wheeler*/
	ul.benefit .nav-tabs .nav-link
	{
		border:none !important;
	}
	.row .col-md-5{
		width:100%;
		}
	.row .col-md-7{
		width:100%;
	}

	.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{
        padding: 2px 0 2px;
    }
	ul#li_carPlanFeatures_OD {
		margin-bottom: 0;
	}
}

@media only screen and (min-width : 701px) and (max-width : 768px) {
.card {
	    width: 100%;
	}
	.tab-content {
	    width: 28%;
	    margin: 5px;
	}
	.card-header {
	    width: 69%;
	    margin: 5px;
	    /*padding: 5px 5px !important;*/
	}
	.scrollbar {
	    height: 386px;
	    padding: 5px 10px;
	}
	.heading li {
	    font-size: 16px;
	    line-height: 18px;
	}
	.mobileNo {
    width: 78%;
    }
	.regNumber li:first-child {
    width: 100%;
    }
	.regNumber li:last-child {
    width: 100%;
    text-align: left;
    display: grid;
    }
    
   .regNumber li:last-child .checkbox{
		margin-left:-2px !important;
	}

.breakinInspcetion{
	width:34% !important;
	}
		
	ul.block-price li:first-child {
	    width: 36%;
	    font-size: 16px;
	}
	ul.block-price li:nth-child(2) {
	    width: 38%;
	    font-size: 12px;
	    line-height: 14px;
	    margin-top: 9px;
	}
	ul.block-price li:last-child {
	    width: 24%;
	    font-size: 12px;
	    margin: 13px 3px 0px 3px;
	}
	span.recommended img {
	    width: 80%;
	}
	ul.block-price li:first-child span {
	    font-size: 12px;
	    line-height: 14px;
	}
	.details h2 {
	    font-size: 16px;
	}
	.togglename {
		width:70%;
	    padding: 4px 0 0 45px;
	    font-size: 14px;
	}
	a.editBtn {
	    font-size: 14px;
	}
	.switchToggle {
	    margin-right: 20px !important;
	}
	.switchToggle label {
	    width: 55px;
	    height: 22px;
	}
	.switchToggle input+label:before, .switchToggle input+input+label:before {
	    top: 0px;
	    left: 25px;
	}
	.switchToggle label:after {
	    width: 18px;
	    height: 18px;
	}
	.box {
	    padding: 0 30px 15px;
	}
	.tab-pane {
	    padding: 5px 16px !important;
	}
	.main_image {
	    padding-bottom: 10px;
	}
	.tab-content h3 {
	    font-size: 16px;
	    line-height: 0px;
		margin-top:0 !important;
	}
	.footer .container {
	    padding: 10px 1rem 0px;
	}
	.footer h5 {
	    font-size: 14px;
	    line-height: 18px;
	}
	.footer h5 span {
	    /*padding-left: 15px;*/
	    font-size: 18px;
	    line-height: 20px;
	}
	.footer h5 span::before {
	    width: 14px;
	    height: 16px;
	}
	.footer li {
	    margin: 4px 10px;
	}
	.footer li:first-child {
	    padding: 2px 10px;
	    width: 100px;
	}
	.footer li:last-child {
	    padding-top: 0;
	}
}
@media only screen and (min-width : 769px) and (max-width : 1199px) {
	.card {
	    width: 100%;
	}
	.tab-content {
	    width: 28%;
	    margin: 5px;
	}
	.card-header {
	    width: 69%;
	    margin: 5px;
	    /*padding: 5px 5px !important;*/
	}
	.scrollbar {
	    height: 375px;
	    padding: 5px 10px;
	}
	.heading li {
	    font-size: 16px;
	    line-height: 18px;
	}
	
	.regNumber li:first-child {
    width: 56%;
    }
	.regNumber li:last-child {
    width: 44%;}
	
   .regNumber li:last-child .checkbox{
		margin-left:-2px !important;
	}

	ul.block-price li:first-child {
	    width: 30%;
	    font-size: 16px;
	}
	ul.block-price li:nth-child(2) {
	    width: 48%;
	    font-size: 12px;
	    line-height: 14px;
	    margin-top: 9px;
	}
	ul.block-price li:last-child {
	    width: 20%;
	    font-size: 12px;
	    margin: 13px 3px 0px 3px;
	}
	span.recommended img {
	    width: 80%;
	}
	ul.block-price li:first-child span {
	    font-size: 12px;
	    line-height: 14px;
	}
	.details h2 {
	    font-size: 16px;
	}
	.togglename {
		width:70%;
	    padding: 4px 0 0 45px;
	    font-size: 14px;
	}
	a.editBtn {
	    font-size: 14px;
	}
	.switchToggle {
	    margin-right: 20px !important;
	}
	.switchToggle label {
	    width: 55px;
	    height: 22px;
	}
	.switchToggle input+label:before, .switchToggle input+input+label:before {
	    top: 0px;
	    left: 25px;
	}
	.switchToggle label:after {
	    width: 18px;
	    height: 18px;
	}
	.box {
	    padding: 0 30px 15px;
	}
	.tab-pane {
    padding: 5px 16px !important;
}
	.main_image {
	    padding-bottom: 10px;
	}
	.tab-content h3 {
	    font-size: 16px;
	    line-height: 0px;
	}
	.footer .container {
	    padding: 10px 1rem 0px;
	}
	.footer h5 {
	    font-size: 14px;
	    line-height: 18px;
	}
	.footer h5 span {
	    /*padding-left: 15px;*/
	    font-size: 18px;
	    line-height: 20px;
	}
	.footer h5 span::before {
	    width: 14px;
	    height: 16px;
	}
	.footer li {
	    margin: 4px 10px;
	}
	.footer li:first-child {
	    padding: 2px 10px;
	    width: 100px;
	}
	.footer li:last-child {
	    padding-top: 0;
	}
}	

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

@media only screen and (max-width : 700px) and (min-width:501px)
{
	.popup-inner {
	    width: 50%;
	}
    .popup-innerTW {
	    width: 50%;
	}
	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 10px;
    }
    .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)
{
	
    .popup-innerTW {
	    width: 50%;
	}
	span.recommended img {
	    width: 60%;
	}
	.togglename {
	    padding: 5px 0 0 30px;
	}
}
@media only screen and (max-width : 425px) and (min-width:376px)
{
	.popup-inner {
	    width: 60%;
	}
    .popup-innerTW {
	    width: 60%;
	}
	.togglename {
	    padding: 5px 0 0 30px;
	}
}
@media only screen and (min-device-width : 500px) and (max-device-width : 700px) {
	.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;
}
}