.offerDetail{padding:1em}
.pay2p { width: 100%; padding: 2em; border-radius: 15px;display: table;
width: 100%;}
.bg_lightblue{  background: aliceblue;   background: #fff; }
.bg{background: white;}
.fWrap{display:flex; flex-wrap:wrap;}
.pad-1{padding:1em;}
.payoptionBox{wwidth:300px; height:auto; ooutline:1px solid black; flex-basis:33.333%;}
.payoptionBoxLayer{padding:1em;}
.flexonly{display:flex;}
.buttonP{ padding:.5em 1em;   margin-bottom: 10px; font-weight:bold}
.instalAmount{font-size: 1.3em;font-weight: 900;}
.payoptionBoxLayer {  padding: 1em;   box-shadow: 1px 3px 15px rgba(0,0,0,.2);    
box-shadow: 1px 1px 1px rgba(0,0,0,.1);}
.informationHeading{text-align:center;border-top: 5px solid black;padding-top: 1em;padding-bottom: 1em;}
.infoBox p{max-width:800px;}
.taglineBox{padding:15px; bborder:1px solid #555}
.tagline{flex-basis:30%}
.pxtagsbtn{padding: .8em 2em;}
.pinfo{background:#f8f8f8;border-left:3px solid #2e6da4;border-radius:15px;margin:20px 0;padding:1em}
.nextselect {
    color: #000;
    font-weight: bold;
    color: black !important;
    text-decoration: underline;
}
.breadcrumb a{color:gray}

.sw_report {
    border-left: 3px solid;
    padding: 1.5em;
    margin-left: 1em;
    border-radius: 15px;
    margin-bottom: 2em;
}
.swpinfo{padding:3em;border-left: 0px solid #2e6da4;}
.swpresBox{max-width:900px}
.cancel{ 
    padding: 14px 18px; 
    ffont-family: 'Montserrat', sans-serif;
    font-size: .3em;
    lletter-spacing: 3px;
    color: #ddd;
    transition: all 0.2s ease;
    border: 1px solid #ddd ;
    border-top:0px  ;
    background: #545454;
    border-radius: 0px;
    mmax-width: 300px;
    width: 100%;
    display: table;
    margin: auto; border-radius: 0 0 30px 30px;
	background:brown
	}
.cancel:hover{color:#000;}
.wait{
    padding: 14px 18px;
    
    ffont-family: 'Montserrat', sans-serif;
    font-size: .3em;
    lletter-spacing: 3px;
    font-weight:bold;
    transition: all 0.2s ease;
    border: 1px solid #ddd;
	border-bottom:0px  ;
    background: #545454;
    border-radius: 0px;
   color:#337ab7;
    width: 100%;
    display: table;
    margin: auto;
	border-radius: 30px 30px 0 0;
	background:transparent
	}
.wait:hover{color:#000}
.timeoutbox{padding:.3em}
.timeoutbox h4{padding:1em; color:brown}

#sectionBody{display:table;width:100%}
.orderlists{margin-left: 2em;}
.Minfo {  padding: 1em;}
.MinIcon {  height: auto;  background: white;}
.inner_btn {
    padding: 14px 18px;
 
    font-size: 0.8rem;
    letter-spacing: 3px;
    color: #ddd;
    transition: all 0.2s ease;
    border: 1px solid #ddd !important;
    background: #545454;
    border-radius: 0px;
    
    width: 100%;
    display: table;
    margin: auto;
}
.mg_auto{margin:auto}
.inner_btn_ctrl{max-width: 300px;}
.offerImageBox{}
.standardbg{background:#f5f5f5}
.product_info {
    background: #f8f8f8; 
    bborder-radius: 15px;
    mmargin: 20px 0;
    padding: 1em;
}
.pitem, .afhpitem{transition:all .3s; cursor:pointer;flex-basis: 50%;margin-bottom: 1em; text-align:center}
.pitem:hover,.afhpitem:hover{outline:5px solid #000; border-radius:15px}
.pitem img,.afhpitem img{width:80%}
.strongborder{bborder:2px solid;background: azure;}
.MinIcon img{max-width:240px}
.inputfetch { display: inline-block;  wwidth: 100px;}

.pMethodBoxPay {
    overflow: hidden;
    border-radius: 30px;
    background: #f4f4f4;
    text-align: center;
    cursor: pointer;
    box-shadow: 0px 1px 3px rgba(0,0,0,.09);
    transition: all .3s;
    flex-basis: 30%;
    margin: .5em;
}

.pMethodBoxPay:hover{outline:5px solid #337ab7}
.optA_prevBal{}

.pBoxLayer {
    padding: 1em;flex-wrap: wrap;
    bbox-shadow: 1px 3px 15px rgba(0,0,0,.2);
    bbox-shadow: 1px 1px 1px rgba(0,0,0,.1);
}





.offerimagBox{text-align:center;background: #f5f5f5;}
.offerimagBox img{width:50%;}
.col2flex{display:flex;flex-wrap: wrap;}
.col2flex_item {  flex-basis: 50%;margin-top: 50px;}
.newdiv_container{width}
.offer_pContainer {margin: 0 4em;}
.offerimagBox img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.payBoxContainer {  display: table;   width: 100%;  padding: 2em;   margin-top: -7em;padding: 15em 2em 10em 2em;}
.OfferBoardHead{  padding: 0 2em;}
.payBoardHead{padding-bottom:2em;font-weight:normal;text-align:center;margin-top:1em}
.smallnote{font-size:15px}
.steps{color:#007bff; font-size:1.4em}
.hscolor_df{color:#007bff!important;}
.bold{font-weight:900}
.bgdanger p, .bgsuccess p  {
   
    max-width: 600px;
    text-align: center;
    margin: auto;
    padding: 1em 2em;
}


@media screen and (max-width:1100px){
	.offerimagBox img {
    width: 50%;
    position: relative;
    top: 50%;
    left: 25%;
    transform: translate(-50%,-50%);
}

}
@media screen and (max-width:900px){.offer_pContainer {  margin: 0 .1em;display:flex}
	.pad-1 { /* padding: .2em; */   flex-basis: 33%;}
	.payoptionBoxLayer {display:block}
	.product_space {  padding: .2em;  flex-basis: 45%;}
}


@media screen and (max-width:480px){

.offerimagBox{height:100px}
	.pay2p {  padding: 1em;}
	.pMethodBoxPay { flex-basis: 43%;   margin: .5em;}
.offer_pContainer {  margin: 0 .1em;display:flex}
	#sectionBody { display: block;width: 100%; }
	.pitem,.afhpitem{max-width: 300px;padding: 0;margin: .5em;flex-basis: 45%;}
	..pitem img{width:80%}
	.modal-body { padding: 30px 10px; padding: 30px;}
	.form-group {  padding-left: 0px;}
	.modal-content {  padding:30px 0;}
	.Minfo {  padding: .5em;}
	.tagline{flex-basis:50%}
	.mwrap{flex-wrap:wrap}
	.mpadbtm{margin-bottom:1.5em}
	.payBox,.payoptionBoxLayer {display:block}
}

@media screen and (max-width:375px){
	..pitem{max-width: 200px;}
	.swpinfo { padding: 1em; border-left: 0px solid #2e6da4;}
}
@media screen and (max-width:360px){
	.pitem, .afhpitem { flex-basis: 100%; }
		.pMethodBoxPay {  flex-basis: 30%;  margin: .5em;}		
	}
	
@media screen and (max-width:350px){
	
	.col2flex_item { flex-basis: 100%;}
	.grid-item-wrapper { width: auto; margin-left: 2em;  margin-right: 2em;}

	
	}