#img_canvas{position:relative;}
#base_img{z-index:1}
#img_canvas img{position:absolute;}
.trans_png_overlays{z-index:2}
.swing_overlay{z-index:7}

#l_1633_overlay{z-index:6}/*bball hoop */
#s_1633_overlay{z-index:6}/*bball hoop */
#m_1633_overlay{z-index:6}/*bball hoop */

#m_1616_overlay{z-index:3}  /* ninja grips long */
#m_1614_overlay{z-index:3}  /* roman rings */
#m_698_overlay{z-index:3} /* mister */

#xl_1610_overlay{z-index:3} /* flying fox */
#xl_1615_overlay{z-index:3} /* ninja grips */
#xl_1326_overlay{z-index:3} /* punching ball */

#l_1610_overlay{z-index:5} /* flying fox */
#l_1616_overlay{z-index:5}  ninja grips */
/* #l_1699_overlay{z-index:5} /* ninja rings */
#l_1615_overlay{z-index:4} /* ninja round */ 

#loading_graphic_container{background-color:#ffffff;position:absolute;z-index:12;width:100%;padding-bottom:50vh;} 

.builder_btn_mobile{height:64px;white-space: nowrap;cursor:pointer;border:1px solid #cccccc;padding:8px;font-size:14px;font-weight:bold;text-align:left;vertical-align:middle}
.builder_btn_mobile img{max-height:45px;margin-right: 15px;vertical-align:middle}
.builder_btn_mobile .material-icons{float:right;font-size: 35px;margin-top:6px;} 

.builder_btn{height: 74px;white-space: nowrap;cursor:pointer;border:1px solid #cccccc;padding:10px;font-size:14px;font-weight:bold;text-align:left;vertical-align:middle;margin-bottom:40px}
.builder_btn img{max-height: 53px;margin-right: 15px;vertical-align:middle}
.builder_btn .material-icons{float:right;font-size: 35px;margin-top: 9px;} 
.grand_total{height:60px;font-size:25px;font-weight:bold;}
.mbar_menus{z-index: 5;background-color: #ffffff;display:none}
.mbar_menus_mobile{z-index: 5;background-color: #ffffff;display:none}

.cursor_point{cursor:pointer;}
.mb_choose_btn{position:relative;line-height:25px;height:74px;white-space: nowrap;border:1px solid #cccccc;border-top: 0px;padding:10px;font-size:14px;font-weight:bold;text-align:left;vertical-align:middle;margin-bottom:0px}
.mb_choose_first{border-top:1px solid #cccccc}
.mb_choose_btn a{font-weight:normal;font-size:12px}
.mb_choose_btn img{float:left;max-height: 53px;margin-right: 15px;vertical-align:middle}

#attachments{margin-top:-33px}
#swings{margin-top:-27px;}
#accessories{margin-top:7px;}
.grand_mobile{font-size: 20px}
.grand_total_mobile{padding: 0px 5px;position: absolute;bottom:13px;left: 0px;z-index: 3;font-size: 29px;line-height: 33px;}

#swing_holder{position: absolute;top:120px;right:0px;z-index:11;width:100px;height:100px}
#swing_holder_img{display:none} 
				 
				 
.tick_icon{color:#e1e1e1;font-size:30px;float:right;margin-top: 5px;margin-right: 5px;}
#total_mobile{font-weight:bold}
.not_available{text-align:right;opacity:0.8;background-color:#ffffff;width:96%;position:absolute;display:none;color:#CCCCCC;font-weight:bold;font-size: 14px;line-height:54px;padding-left: 7px;}
.not_available .material-icons{font-size: 30px;margin-top: -11px;margin-right: 8px;color: #999999;}

@media only screen and (max-width:1400px){
#swing_holder{top:100px;width:80px;height:80px}
.tick_icon{display:none;}
}


@media only screen and (max-width: 1200px){
#swing_holder{top:80px;}
.builder_btn{height:60px;margin-bottom:20px;padding:7px;font-size:13px;}  
.mb_choose_btn{line-height: 20px;height:60px;padding:7px;font-size:13px;}
.builder_btn img{height: 40px;margin-right:8px;}
.mb_choose_btn img{height: 40px;margin-right:8px;} 
.mb_choose_btn a{font-size:10px}
.builder_btn .material-icons{margin-top: 4px;}
.grand_total{font-size:19px}

#attachments{margin-top:-39px}
#swings{margin-top:1px;}
#accessories{margin-top:-19px;}
}

@media only screen and (max-width: 1000px){
#swing_holder{top:60px;width:70px;height:70px;}
.builder_btn{height:44px;margin-bottom:15px;padding:5px;font-size:12px;} 
.mb_choose_btn{line-height: 15px;height:44px;padding:5px;font-size:12px;}
.builder_btn img{height:30px;margin-right:2px;}
.mb_choose_btn img{height:30px;margin-right:2px;} 
.builder_btn .material-icons{font-size:31px;margin-top:0px;}
.mb_choose_btn a{font-size:9px}
.grand_total{font-size:16px}

#attachments{margin-top:-28px}
#swings{margin-top:2px;}
#accessories{margin-top:-13px;}
}



@media only screen and (max-width: 850px){
.tick_icon{display:block;}
#loading_graphic_container{padding-bottom:100vh;} 
nav{position:absolute !important}
#promo_bar_new{margin-top:70px !important;}
.not_available{width:98%;}
#swing_holder{position: absolute;top:unset;top:-15px;right:0px;width:100px;height:100px}
#img_canvas{margin-top:30px;margin-bottom:20px;height: 575px;}
.mb_choose_btn{line-height:21px;height:64px;padding:8px;font-size:14px;}
.mb_choose_btn a{font-size:10px}
.mb_choose_btn img{height:45px;margin-right: 15px}
}

@media only screen and (max-width:800px){
#img_canvas{height:550px;}
}

@media only screen and (max-width:750px){ 
#img_canvas{height:500px;}
}

@media only screen and (max-width:700px){
#img_canvas{height:470px;}
}

@media only screen and (max-width:650px){ 
#img_canvas{height:430px;}
}

@media only screen and (max-width:600px){
#img_canvas{height:400px;}
}

@media only screen and (max-width:550px){ 
#promo_bar_new{margin-top:50px !important;}
.not_available{width:96%;}
#img_canvas{height:360px;}
.grand_total_mobile{bottom:-5px;font-size:19px;line-height:25px;}
#swing_holder {top: -15px;width: 80px;height: 80px;}

.builder_btn_mobile{height:54px;padding:6px 8px;}
.builder_btn_mobile img{max-height:40px}

.mb_choose_btn{line-height:19px;height:54px;padding:6px 8px;}
.mb_choose_btn img{height:40px;}
.tick_icon{margin-top:3px;}
.not_available{line-height: 45px;}
}

@media only screen and (max-width:500px){
#img_canvas{height:330px;}
}

@media only screen and (max-width:450px){
/* .grand_total_mobile{font-size: 20px;line-height:25px;} */
#img_canvas{height:300px;}
}

@media only screen and (max-width:400px){
#img_canvas{height:260px;}
.grand_total_mobile{bottom:-17px;font-size:16px;line-height:16px;}
#promo_bar_new{margin-top:46px !important;}
}

@media only screen and (max-width:350px){
#img_canvas{height:220px;}
/* .grand_total_mobile{font-size:18px;line-height:22px;} */
#swing_holder {top: -23px;width: 75px;height: 75px;}
}