/*-------------------------------------------*\
   Responsive CSS
\*-------------------------------------------*/
.babycard_opt figure img { width: 100%; }
h2.col-heading.choose-temp-head,
#mobile-thumb{display: none;}
.blue-line-card-bg{background-size: 100%;}

@media (min-width: 1367px) and (max-width: 11999px) {
	
	/* change */
	 
/* 	.card-style2 .bott-text p.bhospital {
		font-size: 125%;
	}
	.card-style2  .nhosp .bzodiac,
	.card-style2 .bhrs .bhourvalue{
		font-size:120%;
	} */
	
	
	.owl-carousel .owl-item img {
		max-height: 175px;
	}
	.card-style2 .bname, .bname{
		font-size: 12em;
	}
	.dob{
		font-size: 100px;
	}
	.bhdate{
		font-size: 40px;
	}
	.card-style2 .bott-text p {
		font-size: 37px;
	}
	.weight-label   {
		width: 186px;
		height: 202px;
	}
	.weight-label p span.wt,.card-style2 .nhosp,.card-style2 .bhrs,.weight-label p span.un{
		font-size: 30px;
	}
	.weight-label p span.wn {
		font-size: 36px;
	}
	.card-style2 .weight-label p span.wt,.card-style2 .nhosp,.card-style2 .bhrs{
		font-size: 40px;
		line-height: 32px;
	}
	.card-style2 .weight-label p span.wn,.card-style2 .weight-label p span.un {
		font-size: 47px;
		line-height: 40px;
	}
	.card-style2 .bott-text p {
		font-size: 37px;
	}
	.card-style2 .bott-text p.bhospital {
		font-size: 32px;
	}
	.card-style2 .bott-text .txt-hrt span{
		font-size: 65px;
	}
	.card-style2 .bott-text .txt-hrt img {
		max-width: 32px;
	}
	.box-style .bhrs{
		font-size: 48px;
	}
	.box-style .bott-text p{
		font-size: 35px;
	}
	.box-style .bott-text p span {
		font-size: 63px;
	}
	img.vector5.vector-icon{
		top: 273px;
		max-width: 136px;
	}
	
}
@media (min-width: 1500px) and (max-width: 11999px) {
	.style2_cont{
		max-width: 525px;
	}
}
@media screen and (max-width: 1024px) {

	
	.picture-bank .picture-col, .picture-bank h2.col-heading{font-size: 20px;}
	h2.col-heading{padding: 15px 75px 23px 10px}
	.picture-bank h2.col-heading span{ width: 44px; height: 44px; line-height: 44px; font-size: 30px;}

	
	#babyCardForm .form-group .theme-btn a{font-size: 18px; padding: 18px 20px 22px 22px;}
	#babyCardForm .upload-msg{padding: 30px;
    font-size: 20px}
    .picture-bank .first-row{padding-bottom: 30px;}

	.landscap-card .babycard_opt_row{margin-left: -7px; margin-right: -7px;}
	.landscap-card .babycard_opt{padding-left: 7px; padding-right: 7px;}

	/*Card Style 1*/
	.blue-line-card-bg{padding: 24px;}
	.box-style .card_inn_box{min-height: inherit;}
	.bname { font-size: 8.4em; }
	.dob { font-size: 67px; line-height: 41px; }
	.bhdate { font-size: 28px; margin: 7px 0 8px; }
	.bhrs { font-size: 30px; padding: 1px 5px 0px; }
	.bott-text p { font-size: 24px; line-height: 33px; }
	.bott-text p span { font-size: 42px; }
	.bott-text p img { max-width: 30px; }
	img.shirt.vector-icon { left: 45px; top: 37px; max-width: 68px; }
	.weight-label{background-size: 100%; width: 135px; height: 159px; top: 140px;}
	.weight-label p {top: 72px; font-size: 21px;}
	.weight-label p span.wn {font-size: 24px;}

	img.hourse.vector-icon{    max-width: 119px;}
	img.vector5.vector-icon{    max-width: 89px; top: 198px;}
	img.walker.vector-icon{max-width: 94px;}
	img.bear.vector-icon{max-width: 94px;}
	.pink-line-card-bg img.vector5.vector-icon {top: 220px; }
	.pink-line-card-bg .weight-label{top: 162px;}


    
	/*Card Style 2*/
    .card-style2{padding: 25px 25px 20px;}
    .style2_cont {
    padding-top: 80px;}
    .card-style2 .baby-pic img {max-width: 270px;}
    .card-style2 .bname{font-size: 7.5em;}
    .card-style2 .dob{font-size: 71px; line-height: 54px}
    .card-style2 .bhdate{font-size: 30px; margin: 4px 0 6px;} 
    .card-style2 .twh{    padding: 2px 15px 2px;}
    .card-style2 .bhrs{    line-height: 23px;
    font-size: 30px;}
    .card-style2 .nhosp{font-size: 29px; line-height: 21px;}
    .card-style2 .twh .weight-label p{line-height: 23px; font-size: 24px}
	.card-style2 .weight-label p span.wn { font-size: 30px; line-height: 10px; }
	.bott-text { margin: 11px 0 0; }
	.card-style2 .bott-text p { font-size: 22px; line-height: 27px; }
	.card-style2 .bott-text .txt-hrt { margin: 1px 0 2px; }
	.card-style2 .bott-text .txt-hrt span { line-height: 20px; font-size: 39px; }
	.card-style2 img.vector6 { top: -5px; left: -5px; max-width: 65px; }

    .card-style2 img.vector7{max-width: 60px; right: 150px;}
    .card-style2 img.vector8{max-width: 93px;}

   
    #order-summary .theme-btn .form-btn {padding: 15px 45px 23px 45px; font-size: 22px;}
	
	

}

@media screen and (max-width: 860px) {
	#desktop-thumb{display: none;}
	#mobile-thumb{display: block;}
	h2.col-heading.choose-temp-head {padding: 15px 15px 17px 10px; margin-bottom: 25px; display: block;}
	
	.upload-col{margin-bottom: 30px;}
	.photo-bank-contains{padding: 0 0px 15px 0px;}
	.photo-bank-contains, .photo-bank-list {margin-top: 40px; }
	.picture-col h2.col-heading, .upload-col-inn h2.col-heading{text-align: right; padding: 15px 75px 23px 10px;}

	#babyCardForm .upload-msg {padding: 70px 30px; margin: 20px auto 20px;}
	.style2_cont {padding-top: 80px;}
	.price-label.prodlabel .price h3 {font-size: 34px;}

}

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

	.bname { font-size: 7.1em; letter-spacing: -12px; }
	.dob { font-size: 56px; line-height: 35px; }
	.bhdate { font-size: 24px; margin: 7px 0 8px; }
	.bhrs { font-size: 27px; }
	.weight-label { background-size: 100%; width: 116px; height: 129px; top: 130px; }
	.weight-label p { top: 63px; font-size: 18px; }
	.bott-text p { font-size: 20px; line-height: 28px; }
	.bott-text p span { font-size: 31px; }
	.bott-text p img { max-width: 24px; }

	img.shirt.vector-icon { left: 42px; top: 36px; max-width: 61px; }
	img.hourse.vector-icon { max-width: 98px; }
	img.vector5.vector-icon { max-width: 76px; top: 175px; }
	img.walker.vector-icon { max-width: 75px; }
	img.bear.vector-icon { max-width: 75px; }
	.pink-line-card-bg img.vector5.vector-icon { top: 195px; }
	.pink-line-card-bg .weight-label { top: 145px; }


	.card-style2 {padding: 22px 25px 17px; }
	.style2_cont {padding-top: 55px; }
	.card-style2 .baby-pic img {max-width: 218px; border-width: 5px;}
    .card-style2 .bname{font-size: 6.1em;}
    .card-style2 .dob{font-size: 57px; line-height: 48px;}
    .card-style2 .bhdate{font-size: 24px; margin:1px 0 8px;} 
    .card-style2 .bhrs{ line-height: 20px; font-size: 23px;}
    .card-style2 .nhosp{line-height: 17px; font-size: 23px;}
    .card-style2 .weight-label p{font-size: 24px;}
    .card-style2 .twh {padding: 0px 15px 0px; }
    .card-style2 .twh .weight-label p {line-height: 21px; font-size: 20px; }
    .card-style2 .weight-label p span.wn{font-size: 25px;}
    .card-style2 .bott-text .txt-hrt img {max-width: 18px; }
    .card-style2 .bott-text p{font-size: 20px; line-height: 23px;}
    .card-style2 .bott-text .txt-hrt span {line-height: 15px; font-size: 36px;}

    .card-style2 img.vector6 {    top: -10px;
    left: -10px;
    max-width: 53px }
    .card-style2 img.vector7{max-width: 47px; right: 130px;}
    .card-style2 img.vector8{max-width: 72px;}
   

}

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

	.blue-line-card-bg {padding: 16px; }
	.box-style .card_inn_box{padding: 27px 15px 27px;}
	.box-style .card_inn_box:before { left: 15px; right: 15px; top: 15px; bottom: 15px; border-width: 2px;}
	.bhrs:before {left: -15px; right: -15px;}

	.bname { font-size: 6.1em; letter-spacing: -10px; }
	.dob { font-size: 48px; line-height: 31px; }
	.bhdate { font-size: 20px; margin: 5px 0 6px; }
	.weight-label { width: 101px; height: 113px; top: 107px; }
	.weight-label p { top: 56px; font-size: 14px; line-height: 15px; }
	.weight-label p span.wn { font-size: 18px; }
	.bott-text p { font-size: 17px; line-height: 24px; }
	.bott-text p span { font-size: 29px; }
	
	img.hourse.vector-icon { max-width: 88px; }
	img.shirt.vector-icon { left: 32px; top: 27px; max-width: 53px; }
	img.vector5.vector-icon { max-width: 66px; top: 148px; }
	img.walker.vector-icon { max-width: 69px; left: 24px; }
	img.bear.vector-icon { max-width: 69px; right: 28px; bottom: 30px; }

	.pink-line-card-bg img.vector5.vector-icon { top: 166px; }
	.pink-line-card-bg .weight-label { top: 118px; }
	

	.landscap-card .babycard_opt_row{margin-bottom: 5px;}
	.style2_cont {padding-top: 49px; }
	.card-style2 .baby-pic img {max-width: 195px;}
    .card-style2 .bname{font-size: 5.5em; line-height: 0.58em;}
    .card-style2 .dob{font-size: 52px;}
    .card-style2 .bhdate{font-size: 20px; margin: 0px 0 8px;} 
    .card-style2 .bott-text .txt-hrt span {line-height: 15px; font-size: 40px;}
    .card-style2 .twh{border-top-width:  1px; border-bottom-width:1px;}
	.card-style2 .bhrs { line-height: 17px; font-size: 19px; }
	.card-style2 .nhosp { line-height: 16px; font-size: 19px; }
	.card-style2 .twh .weight-label p { line-height: 20px; font-size: 18px; }

	.card-style2 .bott-text p { font-size: 16px; line-height: 21px; }
	.card-style2 .bott-text .txt-hrt span { line-height: 14px; font-size: 30px; }
	.card-style2 .bott-text .txt-hrt img { max-width: 13px; }

	.card-style2 img.vector6{max-width: 45px;}
    .card-style2 img.vector7{max-width: 45px; right: 118px;}
    .card-style2 img.vector8{max-width: 72px;}
   

}

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

	.picture-bank {margin: 10px 0 0; }
	.picture-bank .first-row {padding-bottom: 20px; }
	.landscap-card .babycard_opt_row{margin-bottom: 5px;}

	.picture-bank .picture-col, .picture-bank h2.col-heading {font-size: 17px; }

	.blue-line-card-bg {padding: 12px; }
	.box-style .card_inn_box {padding: 26px 12px 27px; }
	.box-style .card_inn_box:before {left: 13px; right: 13px; top: 13px; bottom: 13px; border-width: 1px; }
	.bname { font-size: 4.9em; letter-spacing: -7px; }
	.dob { font-size: 42px;
    line-height: 29px; }
	.bhdate { font-size: 17px; margin: 3px 0 5px; }
	.bhrs {font-size: 21px; }
	.bhrs:before {left: -13px; right: -13px; }

	.weight-label { width: 85px; height: 93px; top: 87px; left: 15px}
	.weight-label p { top: 45px; font-size: 11px; line-height: 13px; }
	.weight-label p span.wn { font-size: 15px; }
	.bott-text p { font-size: 15px; line-height: 21px; }
	.bott-text p span { font-size: 25px; }
	.bott-text p img {max-width: 18px; }

	img.hourse.vector-icon { max-width: 72px; right: 25px; top: 26px; }
	img.shirt.vector-icon { left: 24px; top: 24px; max-width: 44px; }
	img.vector5.vector-icon { max-width: 58px; top: 115px; right: 22px; }
	img.walker.vector-icon { max-width: 58px; left: 24px; }
	img.bear.vector-icon { max-width: 58px; right: 23px; bottom: 23px; }

	.pink-line-card-bg img.vector5.vector-icon { top: 130px; }
	.pink-line-card-bg .weight-label { top: 98px; }
	.pink-line-card-bg .dob {margin-top: 14px; }


	.style2_cont .baby-pic-col{-ms-flex: 0 0 32.666667%; flex: 0 0 32.666667%; max-width: 32.666667%;}
	.style2_cont .baby-cont-col{-ms-flex: 0 0 67.333333%; flex: 0 0 67.333333%; max-width: 67.333333%;}
	.style2_cont {padding-top: 35px; }
	.card-style2 {padding: 20px 15px 10px 15px; }
	.card-style2 .baby-pic img {max-width: 157px; border-width: 3px;}
    .card-style2 .bname{font-size: 4.5em;}
    .card-style2 .dob{font-size: 40px; line-height: 35px;}
    .card-style2 .bhdate{font-size: 18px; margin: 0px 0 6px;} 
    .bott-text {margin: 7px 0 0; }
    .card-style2 .bott-text p {font-size: 15px; line-height: 19px; }
    .card-style2 .bott-text .txt-hrt {margin: 0px 0 2px; }
    .card-style2 .bott-text .txt-hrt span {line-height: 15px; font-size: 28px;}
    .card-style2 .bott-text .txt-hrt img {max-width: 14px; }
    .card-style2 .twh .weight-label p{line-height: 16px; font-size: 16px}
    .card-style2 .twh{padding: 1px 0px 1px;}
    .card-style2 .bhrs {line-height: 14px; font-size: 17px }
    .card-style2 .nhosp {line-height: 14px; font-size: 20px; }
    .card-style2 .weight-label p {font-size: 22px; line-height: 27px;}
    .card-style2 .weight-label p span.wn {font-size: 22px; line-height: 10px; }


    .card-style2 img.vector6 {top: -10px; left: -5px; max-width: 38px; }
    .card-style2 img.vector7{max-width: 36px; right: 95px;;}
    .card-style2 img.vector8{max-width: 57px; right: -10px;}
   
   .gallery-list .prod-block{margin: 30px 0;}
   .order-summary {margin-bottom: 20px; margin-top: 30px; }
    
   #order-summary .theme-btn .form-btn {padding: 15px 25px 22px 25px; font-size: 19px; }

}

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

	.blue-line-card-bg {padding: 8px; }
	.box-style .card_inn_box {padding: 20px 8px 15px; border-radius: 8px;}
	.box-style .card_inn_box:before {left: 8px; right: 8px; top: 8px; bottom: 8px; border-width: 1px; }
	.bname { font-size: 3.3em; letter-spacing: -5px; text-shadow: 2px -1px 0 #fff, 2px -1px 0 #fff, 2px 1px 0 #fff, 2px 1px 0 #fff;}
	.dob {font-size: 24px; line-height: 20px; }
	.bhdate {font-size: 12px; margin: 1px 0 5px; }
	.bhrs {font-size: 14px; }
	.bhrs:before {left: -8px; right: -8px; }

	.weight-label { width: 54px; height: 65px; top: 63px; left: 15px; }
	.weight-label p { top: 29px; font-size: 8px; line-height: 8px; }
	.weight-label p span.wn { font-size: 11px; }
	.bott-text {margin: 5px 0 0; }
	.bott-text p { font-size: 10px; line-height: 14px; }
	.bott-text p span { font-size: 17px; }
	.bott-text p img { max-width: 11px; }
	img.hourse.vector-icon { max-width: 45px; right: 15px; top: 17px; }
	img.shirt.vector-icon { left: 18px; top: 15px; max-width: 29px; }
	img.vector5.vector-icon { max-width: 37px; top: 80px; right: 17px; }
	img.walker.vector-icon { max-width: 37px; left: 21px; }
	img.bear.vector-icon { max-width: 37px; right: 19px; bottom: 17px; }

	.pink-line-card-bg img.vector5.vector-icon { top: 89px; }
	.pink-line-card-bg .weight-label {top: 66px; left: 12px; }
	.pink-line-card-bg .dob {margin-top: 6px; }


	.card-style2 {padding: 17px 15px 7px 15px; }
	.style2_cont {padding-top: 20px; }
	.card-style2 .baby-pic-col{-ms-flex: 0 0 37.666667%; flex: 0 0 37.666667%; max-width: 37.666667%;}
	.card-style2 .baby-cont-col{-ms-flex: 0 0 62.333333%; flex: 0 0 62.333333%; max-width: 62.333333%;}
	.card-style2 .baby-pic img {max-width: 100px; border-width:2px;}
    .card-style2 .bname{font-size: 2.9em; line-height: 0.51em; letter-spacing: -3px;
     text-shadow: 2px -1px 0 #fff, 2px -1px 0 #fff, 2px 1px 0 #fff, 2px 1px 0 #fff;}
    .card-style2 .dob{font-size: 26px; line-height: 23px}
    .card-style2 .bhdate {font-size: 12px; margin: 0px 0 5px;}
	.card-style2 .bhrs { line-height: 12px; font-size: 14px; }
	.card-style2 .nhosp { line-height: 11px; font-size: 14px; }
	.card-style2 .twh .weight-label p{font-size: 13px;  line-height: 14px;}
	.card-style2 .weight-label p { font-size: 18px; line-height: 22px; }
	.card-style2 .weight-label p span.wn { font-size: 16px; line-height: 8px; }

	.card-style2 .bott-text {margin: 5px 0 0; }
	.card-style2 .bott-text .txt-hrt {margin: 0px 0 0px; }
	.card-style2 .bott-text p {font-size: 11px; line-height: 12px; }
	.card-style2 .bott-text .txt-hrt span {line-height: 13px; font-size: 17px; padding: 0 4px !important; }
	.card-style2 .bott-text .txt-hrt img {max-width: 9px; }
	.card-style2 img.vector6{max-width: 23px}
	.card-style2 img.vector7 {max-width: 23px; right: 57px; }
	.card-style2 img.vector8 {max-width: 38px; right: -10px; }

}