@charset "utf-8";
/* CSS Document */

/* Extra small devices */
@media (max-width: 320px)  {
	
	.covet-type {
    width: 43% !important;
    margin: 0 8px 16px;
    float: left;
	}
	.t-rel {
    width: 20% !important;
	}
	.t-dob {
    width: 72% !important;
    display: inline-block;
	}
	.lightpick__month{ width: 270PX}
	.m-menu{ display: inline-block}
	.l-menu{display: none}
	.p-wrape{margin-left: 0}
	.inn-box{padding: 16px}.text-center.mar-bot .btn
	.abha-logo img{ height: 32px;}
	.l-menu{ top: 64px; width: 100%}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px)  {
	
	.ab-box .app-plac,.appd-con .clearfix{ display: none}
	.appd-con{margin-left: 0}
	.app-tit{ text-align: center; font-size: 18px; margin-top: 32px}
	.mbtn,.app-icon{display: block}
	.ab-box.success{ padding: 16px;}
	
	.ab-box .app-d-wrape{ margin-top: 70px;}
	
	
	
	.tollfree a span{ display: none} .tollfree a{display: block;} 
	.mainpro{ width: 477px;}
	.checkbox-tools:checked + label, .checkbox-tools:not(:checked) + label{ margin: 0 8px;width: 100px;height: 100px;font-size: 14px;padding-top: 70px;}
	.mainpro-wrap {
    width: 100%;
    overflow-y: scroll;
		height: 120px; margin-top: 20px;
	}
	.subpro-wrape{ margin: 70px 0 110px}
	.subpro-tit{ margin-bottom: 10px; font-size: 16px}
	.banner h1{ font-size: 32px;}
	.banner{padding: 15px 0; background-size: cover;height: 180px;}

	.checkbox-subpro:checked + label, .checkbox-subpro:not(:checked) + label{     padding: 50px 8px 52px 8px;
    font-size: 14px;}
	.logo{ height: 32px}
	.renewal-btn{ display: none}
	.renewal-btn-foot{ display: block}
	.sub-tit{font-size: 16px;}
	
	.step-wizard-chek{     padding: 0;}
	
	.plan-det{ margin: 0 16px}
	.don-pol{ margin: 16px}
	.don-pol .col-md-4{ margin-bottom: 8px}
	.don-pol .col-md-4:last-child{margin: 0}
	.thanks-rating{padding: 88px 0 40px 0}
	.ratimg-message{ width: 90%}
	
	
	.m-back{ display: inline-block; margin-right: 16px;cursor: pointer}
	.page-wrape{ width: 100%; padding-top: 4px;}
	.trvl-bg {
    position: absolute;
    /* display: none; */
    top: 80px;
    text-align: right; padding: 0
	}
	.trvl-bg img{ width: 140px; }
	.pg-back{ display: none}
	.main-wrap{margin: 16px 4px}
	.step-wrap{ margin: 24px 0 40px}
	.trave-list .form-floating{width: 200px;}
	.popcity:checked + label, .popcity:not(:checked) + label{margin: 0 4px 8px 0}
	.main-tit{ font-size: 16px;line-height: 20px;}
	.sum-tit{ font-size: 14px; line-height: 18px; width: 50%}
	.sel-travel .form-check.form-check-inline{ margin-bottom: 8px;}
	.quest{	 margin-right: 64px;}
	.mod-tit{ font-size: 20px;}
	.right-wrape {
    position: relative;
    width: 100%;
    margin-bottom: 112px;}
	.plan-wrap{ width: 100%; margin-right:0; margin-bottom: 0}
	.planpage-tit{ text-align: center; margin-bottom: 24px; line-height: 24px;}
	.sele-plan .irs--round .irs-grid-text{ font-size: 13px; padding-right: 11px;}
	.insur-details {
    display: none;
	}
	.sele-plan .main-tit{ margin-bottom: 16px;}
	

	.plan-box{width: 100%;  margin-bottom: 16px;}
	.plan-box:last-child{margin-bottom: 0}
	.pln-det{top: 24px; width: 100%; padding: 0 60px 0 24px;	}
	.pln-det:after{display: block;clear: both;content: "";}
	.plan-prem{ margin-top: 0; float: right}
	.prm{ font-size: 24px;line-height: 20px;}
	.plans:checked + label, .plans:not(:checked) + label{ height: 90px; padding: 24px 60px 24px  24px; text-align: left}
	.v-cover{bottom: 24px; text-align: left; width: 80px; left: 105px;margin: 0}
	.plan-prem .stage{ height: 21px;}
	.insur-details.insur-details-m {
    display: block;
    padding: 8px;
    border-radius: 0 0 15px 15px;
	}
	.insur-details.insur-details-m .detail-tit {
    margin-bottom: 2px; line-height: 20px; font-size: 14px;
	}
	.insur-details.insur-details-m .edit-det {
    top: 10px; right: 10px
	}
	.accod-wrap {
    margin-bottom: 20px;
	}
	.insur-details.insur-details-m .detail-list li{     display: inline-block;
    margin-bottom: 0px;
    margin-right: 2px;
    padding-right: 6px;
    border-right: 1px solid #B4C7DB;}
	.insur-details.insur-details-m .detail-list li:last-child{ border-right: none;padding-right: 0}

	
	.thanks-wrape{width: 100%}
	.thanks-overll .main-wrap{ margin: 0}
	.thanks-wrape{ border: none;}
	.thank-top{ border-radius: 0;}
	.digi-lock img{ margin-bottom: 0; width: 80%}
	.subscribe-wrape{ margin: 24px 0 24px;padding: 24px 0 24px 0;}
	.insur-details.m-show{ display: block}
	.thank-mod{margin: 24px 0 0 0;}
	
	.thanks-box{ width: 100%; padding: 16px;}
	.pln-page{ background-position: right -300px bottom -120px, left -30px bottom -17px}
	.foot-wrap{ margin: 12px 0;  }
	.helpcon{ width: 70%}
	.editdet .offcanvas-body{padding: 16px;}
	.editdet .offcanvas-header{ padding: 16px 16px 0}
	.offcanvas-header h5{ font-size: 18px;}
	.plans:checked + label::after, .plans:not(:checked) + label::after,.plans:checked + label:after{right: 8px; top: 8px; }
	.com-header{ height: 64px;}
	.polic-detail li.lable{ width: 140px;}
	.modal-content {
    padding: 24px;
	}
	.cover-no{ float: left; margin-top: 24px;}
	
	.covet-type{ width: 45%; margin:0 8px 16px; float: left}
	.covet-type .plans:checked + label, .covet-type .plans:not(:checked) + label{  height: 170px; text-align: center;padding: 20px}
	.covet-type .pln-det {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 20px;
    width: 70px;
    padding: 0;
}
	.covet-type .plans:checked + label:after{ top: 10px; bottom: inherit}
	.covet-type span{ display: block !important; margin: 5px 0 0 0!important;}
	.mainhead{ font-size: 20px; width: 50%; line-height: 24px;}
	.p2p img{height: 20px;}
	.wid100{width: 100%}
	
	
	
	
	
	
	.content-wrape{margin: 16px 0 0 0; min-height: inherit}
	.main-heading{ font-size: 22px; line-height: 26px; padding-bottom: 16px}
	.sub-heading{ font-size: 16px;}
	.step-wizard{margin: 0 0 8px 0; padding: 0;}
	.travellers-option { 
	width: 288px;
    margin: 0 auto;}
	.travellers{ float: left; margin: 0 8px 16px;}
	.travellers-medical{padding-top: 16px;}
	.dob-wrap{width: 100%}
	.card-body{padding: 0 8px}
	.t-rel{ width: 29%}
	.travel-label{ display: block}
	.visaType{display: block}
	.switch-field{width: 282px; margin: 0 auto}
	.tdate-wrape .lightpick__months{margin-top: 48px}
	.step-wizard .caption{padding: 4px 16px; line-height:14px}
	.select-city{ width: 100%;}
	.plan-wrape{margin: 0}
	.borderBox{padding: 16px;}
	.sele-plan{width: 90%}
	.planCardItem{padding: 20px 16px}
	.pass-note{ margin-top: 20px}
	.plan-page {
    background: url(../images/plan-bg.png) no-repeat right -160px bottom -40px;
    margin-bottom: 220px;
	}
	.comp-plan span{ display: none; }
	ul.tCardDetails{margin-top: 0;}
	.t-subheading{ margin-bottom: 10px;}
	.comp-plan{ margin: 12px 20px}
	.d-flex.planCardItem{ display: block !important}
	.plan-tit .t-image,.plan-tit .t-heading{ display: inline-block}
	
	ul.tCardDetails{ padding: 0;}
.more-cov{ margin-left:0 }

.t-image,.t-heading{padding-top: 10px;}
.mostPopularTag {
    margin: 0px;
    left: 0;
    right: 0;
    width: 150px;
    margin: 0 auto;
}
	
	.accod-section{ padding: 16px}
	.accod-tit{ margin-bottom: 16px;}
	.accod-con section{ padding-bottom: 0; margin-bottom: 16px;}
	.covet-type.last{ margin: 0 8px 16px}
	.citybg{ background: none}
	.city-fo{ display: block}

	
	.add-display span{display: block; margin-right: 0}
	.add-display span:after{ content: none;}
	
	.ab-box,.ab-box.pad-fix{ padding: 16px;}
	.sec-btn{ margin: 0 0 16px 0px}
	.box-tit{ margin-bottom: 24px; font-size: 20px; line-height: 26px;}
	
	.ab-box .col-2, .ab-box .col-4, .ab-box .col-3, .ab-box .col-12 {
    padding: 0 8px;
	}
	
	.cont-box{ padding: 32px 0 0 0; text-align: center}
	.abha-mtit {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
	}
	
	.abha-dis {
    font-size: 14px;
    line-height: 24px;
}
	.box-lable{ font-size: 16px;}
	.box-sub-lab{font-size: 12px; margin-bottom: 16px}
	.mar-bot{ margin-bottom: 24px;}
	.tnc-text{ margin-top: 24px;}
	
	.createabha .btn{ width: 100% }
	.sec{ margin-bottom: 24px;}
	.abha-icon img{ width: 200px}
	.maintit{ font-size: 18px}
	.main-btn img{width: 48px;}
	
	.row.mar-bot8, .row.mar-bot{margin-left: -4px; margin-right: -4px;}
	.m-menu{ display: inline-block}
	.l-menu{display: none}
	.p-wrape{margin-left: 0}
	.inn-box{padding: 8px;}
	.l-menu{ top: 64px;width: 100%}
	.gray span{ display: none}
	.suc-top{padding: 0 0 15px}
} 


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px)  {
	
	
	.ab-box .app-plac,.appd-con .clearfix{ display: none}
	.appd-con{margin-left: 0}
	.app-tit{text-align: center; margin-top: 32px;}
	.mbtn,.app-icon{display: block}
	.ab-box .app-d-wrape{ margin-top: 75px;}
	
	
	.mainpro-wrap {
    width: 400px;
    margin: 30px auto 0;
    overflow: scroll;
	}
	.pg-back{ display: none}
	.m-back{ display: inline-block; margin-right: 16px;cursor: pointer}
	.modal-content {
    padding: 24px;
	}
	.m-back{ display: inline-block; margin-right: 16px;cursor: pointer}
	.page-wrape{ width: 100%; padding-top: 4px;}
	.trvl-bg {
    position: relative;
    display: none;
    top: 0;
    text-align: right;
	}
	.trvl-bg img{ width: 500px; }
	.pg-back{ display: none}
	.main-wrap{margin: 16px 4px}
	.step-wrap{ margin: 24px 0 40px}
	.trave-list .form-floating{width: 200px;}
	.popcity:checked + label, .popcity:not(:checked) + label{margin: 0 4px 8px 0}
	.main-tit{ font-size: 16px;line-height: 20px;}
	.sum-tit{ font-size: 14px; line-height: 18px;}
	.sel-travel .form-check.form-check-inline{ margin-bottom: 8px;}
	.quest{	 margin-right: 64px;}
	.mod-tit{ font-size: 20px;}
	.right-wrape {
    position: relative;
    width: 100%;
    margin-bottom: 112px;}
	.plan-wrap{ width: 100%; margin-right:0; margin-bottom: 0}
	.planpage-tit{ text-align: center; margin-bottom: 24px; line-height: 24px;}
	.sele-plan .irs--round .irs-grid-text{ font-size: 13px; padding-left: 8px;}
	.insur-details {
    display: none;
	}
	.sele-plan .main-tit{ margin-bottom: 16px;}
	.detail-val{ font-family:'ProximaNova-Regular'; float: inherit; font-size: 12px;}
	.fix-wth{ display: flex}
	.plan-box{width: 33.33%;  margin-right: 10px;}
	.pln-det{top: 55px; width: 100px}
	.plan-prem{ margin-top: 16px; }
	.prm{ font-size: 24px;line-height: 20px;}
	.plans:checked + label, .plans:not(:checked) + label{ height: 170px; padding: 16px 24px}
	.v-cover{bottom: 10px;}
	.plan-prem .stage{ height: 21px;}
	.insur-details.insur-details-m {
    display: block;
    padding: 8px;
    border-radius: 0 0 15px 15px;
}
	.insur-details.insur-details-m .detail-tit {
    margin-bottom: 2px;
    line-height: 20px;
    font-size: 14px;
	}
	.insur-details.insur-details-m .edit-det {
    top: 10px;
    right: 10px;
	}
	.insur-details.insur-details-m .detail-list li {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 2px;
    padding-right: 6px;
    border-right: 1px solid #B4C7DB;
	}
	.accod-wrap {
    margin-bottom: 24px;
	}
	
	.thanks-wrape{width: 100%}
	.thanks-overll .main-wrap{ margin: 0}
	.thanks-wrape{ border: none;}
	.thank-top{ border-radius: 0;}
	.digi-lock{ margin-bottom: 24px}
	.digi-lock img{ margin-bottom: 0;}
	.subscribe-wrape{ margin: 24px 0 24px;padding: 24px 0 24px 0;}
	.insur-details.m-show{ display: block}
	.thank-mod{margin: 32px 50px;}
	.thanks-box{ width: 380px; padding: 16px;}
	.pln-page{ background-position: right -300px bottom -120px, left -30px bottom -17px}
	.foot-wrap{ margin: 12px 0;  }
	.helpcon{ width: 70%}
	.editdet .offcanvas-body{padding: 16px;}
	.editdet .offcanvas-header{ padding: 16px 16px 0}
	.offcanvas-header h5{ font-size: 18px;}
	.plans:checked + label::after, .plans:not(:checked) + label::after,.plans:checked + label:after{right: 4px; top: 4px;}
	.com-header{ height: 64px;}
	.polic-detail li.lable{ width: 140px;}
	.modal-content {
    padding: 24px;
	}
	.rating-bg{ background-position:inherit}
	.citybg{ background: none}
	
	.m-menu{ display: inline-block}
	.l-menu{display: none}
	.p-wrape{margin-left: 0}
	.l-menu{ top: 64px;width: 100%}
	
	
	.suc-top{padding: 0 0 20px}
	
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px)  {
	
	.ab-box .app-d-link img{height: 32px;}
	
	 .app-subt{ font-size: 16px; line-height: 24px}
                           .app-box{padding: 0 0 0 170px}
                           .app-maintit{ font-size: 24px; line-height: 28px}

                           .app-d-link img {
                margin-right: 10px;
                height: 32px;
                           }
                           .app-d-link{ padding-left: 105px;padding-top: 0;}
                           .app-icon{ margin-right: 16px}
                           .app-icon img{ width: 88px;}
                           .app-d-link span{ font-size: 12px;}
                           .app-d-wrape{padding: 32px 24px;margin: 88px 16px 0 16px;}
                           .app-plac {
                position: absolute;
                bottom: -44px;
                 width: 120px;left: 10px;
                           }
                           .qrcode{width: 120px;margin-top: 10px;}
                           .app-tx{margin: 0;
                padding-right: 140px;}
	
	
	.m-back{ display: inline-block; margin-right: 16px; cursor: pointer}
	.subpro-wrape {margin: 90px 80px 90px;}
	.trvl-bg{ position: relative; top: 0; text-align: right;  display: none}
	.page-wrape{ width: 100%; padding-top: 20px;}
	.trvl-bg img{ width: 400px;}
	.step-wrap{ margin: 32px 0 80px 0;}
	.right-wrape{ position: relative; width: 100%;margin-bottom: 80px}
	.plan-wrap{ width: 100%; margin-right: 0; margin-bottom: 0}
	.pg-back{ display: none}
.main-wrap {
	margin: 20px 30px;}
	.modal-dialog.modal-xl,.modal-dialog.modal-lg{
		max-width: 690px;}
	.insur-details{ display: none}
	.pln-page{ background-position: right -160px bottom 165px, left -55px bottom 300px}
	.helpcon{ width: 500px}
	.helpimg{margin: 8px 16px 8px 0;}
	.insur-details.insur-details-m {display: block; padding: 10px 20px; border-radius: 0 0 20px 20px; }
	.insur-details.insur-details-m .detail-list li,.insur-details.insur-details-m .detail-tit{ margin-bottom: 10px;}
	.insur-details.insur-details-m .edit-det{top: 12px}
	.insur-details.insur-details-m .detail-list li:last-child{margin-bottom: 0}
	.planpage-tit{ text-align: center;}
	.accod-wrap{ margin-bottom: 20px;}
	.thanks-wrape{width: 100%}
	.thanks-overll .main-wrap{ margin: 0}
	.thanks-wrape{ border: none;}
	.thank-top{ border-radius: 0;}
	.digi-lock img{ margin-bottom: 0}
	.subscribe-wrape{ margin: 24px 0 24px}
	.insur-details.m-show{ display: block}
	.plan-page{margin-bottom: 220px; background: url( "../images/plan-bg.png") no-repeat right -140px bottom -40px}
	.content-wrape{margin: 24px 0 0 0; min-height: 630px;}
	.back-btn{display: none}
	.covet-type{ width: 120px;}
	.citybg{ background: none}
	.city-fo{ display: block; height: 190px;}
	.covet-type .plans:checked + label, .covet-type .plans:not(:checked) + label{ height: 170px}
	.sele-plan{width: 90%;}
	.plan-wrape{margin-right: 0}
	
	.insur-details.insur-details-m .detail-list li {
    display: inline-block;
    margin-bottom: 0px;
    margin-right: 2px;
    padding-right: 6px;
    border-right: 1px solid #B4C7DB;
    }
	.pass-note {
    margin-top: 20px;
	}
	
	
	.cont-box{padding: 32px 0; text-align: center}
	.abha-mtit{ font-size: 32px; line-height: 44px; margin-bottom: 16px;}
	.m-menu{ display: inline-block}
	.l-menu{display: none}
	.p-wrape{margin-left: 0}
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px)  { 
	
	
	 .app-d-wrape{padding: 32px;}
                           .app-maintit{ font-size: 26px; line-height: 32px}
                           .app-subt{ font-size: 16px; line-height: 24px}
                           .app-box{padding: 0 0 0 210px}
                           .app-d-link img {
                margin-right: 10px;
                height: 40px;
                           }

                           .app-plac {
                position: absolute;
                left: 0;
                bottom: -44px;width: 180px;}

                .app-d-link{padding-top: 0px;}
	
	
	.trvl-bg img {width: 410px;}
	.page-wrape,.step1, .step2, .step3, .step4{ width: 460px;}
	.plan-box{ width: 152px;}
	.plan-wrap{margin-right: 310px;}
	.plans:checked + label, .plans:not(:checked) + label{ padding: 24px 16px; height: 180px;}
	.plan-prem{ margin-top: 16px;}
	.plans:checked + label::after, .plans:not(:checked) + label::after,.plans:checked + label:after{ right: 4px; top: 4px;}
	.pln-page{ background-position: right -110px bottom 90px, left -40px bottom 230px}
	.form-check-inline{ margin-right: 4px}
	.form-check-input{ margin-right: 4px;}
	.right-wrape{width: 270px}
	.back-btn{left: -40px}
	.content-wrape{margin: 24px 40px 120px}
	.plan-page{ background-position: right -180px top 180px}
	.plan-wrape{margin-right: 16px}
	
	
	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px)  { 
	
}

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1140px;
}
}