@media only screen and (max-width:1440px) {
  body{height: 900px;}
  body.modal-open {width: 100% !important;padding-right: 0 !important;overflow-y: scroll !important;}
  .hmsection{overflow: hidden;}
  .hmsection .leftbox .leftobject{width: 260px;left: 130px;}
  .hmsection .rightbox .rightboxtop{width: 160px;right: -80px;}
  .hmsection .rightbox .rightboxbot{width: 240px;right: -120px;top: 70%;}

  .centerbox .centertop .prizesbox{top: 44%;}
  .centerbox .centertop .prizesbox .pizzabox img{width: 320px;}
  .centerbox .centertop .prizesbox .pizzabox .backglow{top: 50%;}
  .centerbox .centertop .prizesbox .pizzabox .backglow img{max-width: 80%;}
  .centerbox .centertop .prizesbox .pizzabox::after {bottom: 75px;left: 93px;width: 456px;height: 760px;}
  .centerbox .centertop .prizesbox .pizzabox::before {bottom: 163px;left: 32px;background-size: 70%;}

  .centerbox .centertop .boxfood .foodtop{bottom: 380px;left: 105px;width: 233px;height: auto;}
  .centerbox .centertop .boxfood .foodmid{bottom: 325px;left: 300px;width: 233px;height: auto;}
  .centerbox .centertop .boxfood .foodbot{bottom: 185px;left: 154px;width: 285px;height: auto;}

  .centerbox .centertop .big_object{top: 37%;}
  .centerbox .centertop .big_object .bigobj_a{top: 6px;right: 150px;width: 97px;height: auto;}
  .centerbox .centertop .big_object .bigobj_b{bottom: 182px;left: 116px;width: 170px;height: auto;}
  .centerbox .centertop .big_object .bigobj_c{bottom: 140px;right: 118px;width: 132px;height: auto;}

  .centerbox .centertop .emojibox{top: 29%;width: 500px;height: 320px;}
  .centerbox .centertop .emojibox .emoji_a{top: -10px;left: 83px;width: 47px;height: auto;}
  .centerbox .centertop .emojibox .emoji_b{bottom: 118px;right: 13px;width: 32px;height: auto;}
  .centerbox .centertop .emojibox .emoji_c{bottom: 21px;left: 13px;width: 34px;height: auto;}

  .centerbox .centertop .small_object{top: 28%;left: 52%;width: 546px;height: 201px;}
  .centerbox .centertop .small_object .smobj_a{top: 20px;left: 30px;width: 31px;height: auto;}
  .centerbox .centertop .small_object .smobj_b{bottom: 100px;right: 20px;width: 35px;height: auto;}
  .centerbox .centertop .small_object .smobj_c{top: 14px;right: 190px;width: 35px;height: auto;}
  .centerbox .centertop .small_object .smobj_d{bottom: 18px;left: 134px;width: 27px;height: auto;}

  .centerbox .centerbot .centerbot_wrap{bottom: 320px;}
  .centerbox .centerbot .centerbot_wrap .cwimg_box img{width: 400px;}
  .centerbox .centerbot .centerbot_wrap .content_bot{margin-bottom: 30px;}

  .prizesModal .modal-dialog .modal-content .modal-body{padding: 30px 38px 23px;}
  .prizesModal .modal-dialog .modal-content .modal-body .bodywrap{height: 324px;}
  .prizesModal .modal-dialog .modal-content .modal-footer{padding-bottom: 30px;}

  .logmodal .modal-dialog .modal-content .modal-body{padding: 30px 38px 23px;}
  .logmodal .modal-dialog .modal-content .modal-body .bodywrap{height: 324px;}
  .logmodal .modal-dialog .modal-content .modal-footer{padding-bottom: 30px;}

  .palymodal .modal-dialog .modal-content .modal-body{padding: 30px 38px 23px;}
  .palymodal .modal-dialog .modal-content .modal-body .bodywrap{height: 324px;}
  .palymodal .modal-dialog .modal-content .modal-footer{padding-bottom: 30px;}

  .termsmodal .modal-dialog .modal-content .modal-body{padding: 30px 38px 23px;}
  .termsmodal .modal-dialog .modal-content .modal-body .cont_box{height: 324px;}
  .termsmodal .modal-dialog .modal-content .modal-footer{padding-bottom: 30px;}

  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg{min-height: 440px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg img{max-width: 80%;}
  
}

@media only screen and (max-width: 1199px) {
  .hmsection .leftbox .leftobject{width: 200px;left: 100px;top: 58%;}  
  .hmsection .rightbox .rightboxbot{width: 210px;right: -105px;top: 80%;}

  .gmsection .gm_mid .pizza_wrap.card-selected .pizza_box a .pizza_img::after, .gmsection .gm_mid .pizza_wrap .pizza_box a:hover .pizza_img::after {width: 380px;height: 220px;}
}
    
@media only screen and (max-width: 991px)  {
  body{height: 1280px;}
  .modal-open .modal{padding: 0 15px;}
  .modal-body > .container{max-width: 100%;}
  .mainhome #header .head .head_menubg{display: flex;align-items: center;width: 100%;max-width: 679px;height: 87px;background: url(../images/mobmenubg.png) no-repeat center center;    background-size: 100%;margin: 0 auto;}
  .mainhome #header .head .head_menubg .navmenu li a{max-width: 102px;}
  .mainhome #header .head .head_menubg .navmenu li .cclogo{max-width: 100%;}
  
  .hmsection .leftbox .leftobject{width: 289px;top: 95%;left: 144px;}
  .hmsection .rightbox .rightboxtop{width: 153px;right: -77px;top: 14%;}
  .hmsection .rightbox .rightboxbot{width: 250px;right: -125px;top: 97%;}

  .centerbox .centertop{min-height: 1280px;}
  .centerbox .centertop .prizesbox{top: 47%;left: 46%;}
  .centerbox .centertop .prizesbox .pizzabox img{width: 320px;}
  .centerbox .centertop .prizesbox .pizzabox .backglow{top: 50%;}
  .centerbox .centertop .prizesbox .pizzabox::after {bottom: 75px;left: 93px;width: 456px;height: 760px;}
  .centerbox .centertop .prizesbox .pizzabox::before {bottom: 166px;left: 38px;background-size: 70%;}

  .centerbox .centertop .object_box .papercuts .papercut_left{top: 0px;left: 190px;}
  .centerbox .centertop .object_box .papercuts .papercut_right{top: -20px;right: 173px;}

  .centerbox .centertop .boxfood{top: 46.9%;}  
  .centerbox .centertop .big_object{top: 43%;}  
  .centerbox .centertop .emojibox{top: 35%;left: 54%;width: 500px;height: 320px;}      
  .centerbox .centertop .small_object{top: 35%;left: 54%;width: 546px;height: 201px;}    

  .centerbox .centerbot .centerbot_wrap{bottom: 65px;}
  .centerbox .centerbot .centerbot_wrap .cwimg_box img{width: 320px;}
  .centerbox .centerbot .centerbot_wrap .content_bot{max-width: 560px;margin: 25px auto 120px;}
  .centerbox .centerbot .centerbot_wrap .content_bot p{font-size: 28px;}
  .centerbox .centerbot .centerbot_wrap .button_box{flex-direction: column-reverse;}
  .centerbox .centerbot .centerbot_wrap .button_box .pad .button_prim, .centerbox .centerbot .centerbot_wrap .button_box .pad .button_second{font-size: 45px;padding: 21px 20px 19px;min-width: 450px;}

  .prizesModal .modal-dialog .modal-content .modal-body{padding: 30px 15px 14px;}
  .prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox{padding: 30px;}

  .logmodal .modal-dialog .modal-content .modal-body{padding: 30px 15px 14px;}
  .logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox{padding: 30px;}

  .palymodal .modal-dialog .modal-content .modal-body{padding: 30px 15px 14px;}
  .palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox{padding: 30px;}

  .gmsection .gm_mid .gm_midcontainer .gm_midrow .gm_mid_col{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;position: relative;width: 50%;min-height: 1px;padding-right: 25px;padding-left: 25px;}

  .gmsection .gm_mid .pizza_wrap.card-selected .pizza_box a .pizza_img::after, .gmsection .gm_mid .pizza_wrap .pizza_box a:hover .pizza_img::after {width: 438px;height: 260px;}

  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg{min-height: 360px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg img{max-width: 70%;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg::after {width: 460px;height: 500px;}  
}
    
@media only screen and (max-width: 767px)  {
  body{height: 1000px;}
  .mainhome #header .head .head_menubg{display: flex;align-items: center;width: 100%;max-width: 100%;height: 87px;background: url(../images/mobmenubg.png) no-repeat center center;    background-size: 100%;margin: 0 auto;}
  .mainhome #header .head .head_menubg .navmenu li a{max-width: 75px;font-size: 16px;}
  .mainhome #header .head .head_menubg .navmenu li .cclogo{max-width: 80%;margin: 0 auto;}
  
  .hmsection .leftbox .leftobject{left: 100px;top: 100%;}

  .centerbox .centertop{min-height: 1000px;}

  .centerbox .centertop .prizesbox{top: 51%;left: 50%;width: 100%;max-width: 568px;}
  .centerbox .centertop .prizesbox .pizzabox img{width: 320px;}
  .centerbox .centertop .prizesbox .pizzabox .backglow{top: 50%;}
  .centerbox .centertop .prizesbox .pizzabox::after {bottom: 75px;left: 93px;width: 456px;height: 760px;}
  .centerbox .centertop .prizesbox .pizzabox::before {bottom: 166px;left: 38px;background-size: 70%;}

  .centerbox .centertop .object_box{width: 100%;max-width: 568px;}

  .centerbox .centertop .boxfood{top: 51%;left: 50.9%;width: 100%;max-width: 568px;}

  .centerbox .centertop .big_object{top: 43%;width: 100%;max-width: 568px;}  
  .centerbox .centertop .big_object .bigobj_a{top: 14px;right: 20px;width: 97px;height: auto;}
  .centerbox .centertop .big_object .bigobj_b{bottom: 190px;left: 15px;width: 130px;height: auto;}
  .centerbox .centertop .big_object .bigobj_c{bottom: 148px;right: 11px;width: 100px;height: auto;}

  .centerbox .centertop .emojibox{top: 35%;left: 50%;width: 100%;height: 320px;max-width: 568px;}
  .centerbox .centertop .emojibox .emoji_a{top: -8px;left: 148px;width: 47px;height: auto;}
  .centerbox .centertop .emojibox .emoji_b{bottom: 120px;right: 18px;width: 32px;height: auto;}
  .centerbox .centertop .emojibox .emoji_c{bottom: 31px;left: 83px;width: 34px;height: auto;}

  .centerbox .centertop .small_object{top: 34%;left: 55%;width: 546px;height: 201px;}
  .centerbox .centertop .small_object .smobj_a{top: 20px;left: 30px;width: 31px;height: auto;}
  .centerbox .centertop .small_object .smobj_b{bottom: 100px;right: 20px;width: 35px;height: auto;}
  .centerbox .centertop .small_object .smobj_c{top: 14px;right: 190px;width: 35px;height: auto;}
  .centerbox .centertop .small_object .smobj_d{bottom: 18px;left: 134px;width: 27px;height: auto;}

  .hmsection .rightbox .rightboxtop{width: 160px;right: -80px;}
  .hmsection .rightbox .rightboxbot{top: 102%;}

  .centerbox .centerbot .centerbot_wrap{bottom: 65px;}
  .centerbox .centerbot .centerbot_wrap .cwimg_box img{width: 320px;}
  .centerbox .centerbot .centerbot_wrap .content_bot{max-width: 470px;margin: 0 auto 80px;}
  .centerbox .centerbot .centerbot_wrap .content_bot p{font-size: 18px;line-height: 20px;}
  .centerbox .centerbot .centerbot_wrap .button_box{flex-direction: column-reverse;}
  .centerbox .centerbot .centerbot_wrap .button_box .pad .button_prim, .centerbox .centerbot .centerbot_wrap .button_box .pad .button_second{font-size: 30px;padding: 12px 20px 14px;min-width: 300px;}

  .prizesModal .modal-dialog .modal-content .modal-body,
  .logmodal .modal-dialog .modal-content .modal-body,
  .palymodal .modal-dialog .modal-content .modal-body,
  .termsmodal .modal-dialog .modal-content .modal-body{padding: 30px 20px;}

  .palymodal .modal-dialog .modal-content .modal-body .cont_box,
  .logmodal .modal-dialog .modal-content .modal-body .cont_box,
  .palymodal .modal-dialog .modal-content .modal-body .cont_box{padding: 0 0 30px 0;}

  .prizesModal .modal-dialog .modal-content .modal-body .cont_box h2,
  .logmodal .modal-dialog .modal-content .modal-body .cont_box h2,
  .palymodal .modal-dialog .modal-content .modal-body .cont_box h2,
  .termsmodal .modal-dialog .modal-content .modal-body .cont_box h2{font-size: 22px;}

  .prizesModal .modal-dialog .modal-content .modal-body .cont_box p,
  .logmodal .modal-dialog .modal-content .modal-body .cont_box p,
  .palymodal .modal-dialog .modal-content .modal-body .cont_box p,
  .termsmodal .modal-dialog .modal-content .modal-body .cont_box p,
  .termsmodal .modal-dialog .modal-content .modal-body .cont_box ul li{font-size: 14px;line-height: 1.2;}

  .prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p{font-size: 14px;line-height: 1.2;}

  .prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox span,
  .logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p,
  .palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox p{font-size: 12px;line-height: 1.2;}

  .prizesModal .modal-dialog .modal-content .modal-footer,
  .logmodal .modal-dialog .modal-content .modal-footer,
  .palymodal .modal-dialog .modal-content .modal-footer,
  .termsmodal .modal-dialog .modal-content .modal-footer{padding-bottom: 30px;}

  .prizesModal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox img, 
  .logmodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox img,
  .palymodal .modal-dialog .modal-content .modal-body .bodywrap .contbox .imgbox img{margin-bottom: 10px;}

  .termsmodal .modal-dialog .modal-content .modal-body .cont_box{padding: 0 10px 0 0;}
  .termsmodal .modal-dialog .modal-content .modal-body .cont_box h3{font-size: 16px;margin: 24px 0 13px;}
  
  .prizesModal .modal-dialog .modal-content .modal-body .bodywrap .head h3, 
  .logmodal .modal-dialog .modal-content .modal-body .bodywrap .head h3,
  .palymodal .modal-dialog .modal-content .modal-body .bodywrap .head h3{font-size: 16px;}

  .logmodal .modal-dialog .modal-content .modal-footer{flex-direction: column;}
  .logmodal .modal-dialog .modal-content .modal-footer a{margin-bottom: 20px;}

  .maingame #header .head .head_menubg{max-width: 126px;height: 56px;}
  .maingame #header .head .head_menubg .navmenu li.back_link a{font-size: 18px;left: 50px;top: 50px;}
  .maingame #header .head .head_menubg .navmenu li.back_link a::before {top: 1px;}  

  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg{min-height: inherit;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg img{max-width: 60%;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont h2, .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont h2::after{font-size: 34px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont p, .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont p{font-size: 16px;line-height: 20px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont .button_prim{font-size: 20px;padding: 12px 50px 14px;min-width: auto;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode{max-width: 300px;height: 43px;background-size: 70%;margin: 10px auto;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode span{font-size: 20px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .top_cont .couponcode .copy_btn{top: 13px;right: 63px;background-size: 80%;}

  .gmsection .gm_mid .pizza_wrap.card-selected .boxglow{transform: translate(-50%, -40%);}
  .gmsection .gm_mid .pizza_wrap.card-selected .boxglow img{max-width: 80%;}
  .gmsection .gm_mid .pizza_wrap .pizza_box a .pizza_img img{width: 283px;margin: 0 auto;}
  .gmsection .gm_mid .pizza_wrap.card-selected .pizza_box a .pizza_img::after, .gmsection .gm_mid .pizza_wrap .pizza_box a:hover .pizza_img::after {width: 350px;height: 220px;}
  .gmsection .gm_bot .btnpad{padding: 20px 100px 80px 100px;}
}
    
@media only screen and (max-width: 479px)  {
  body{height: 900px;}
  .modal-open .modal{padding: 0;}
  #sd-container{right: 2%;top: 43%;}
  .mainhome #header .head .head_menubg{display: flex;align-items: center;width: 100%;max-width: 100%;height: 55px;background: url(../images/mobmenubg.png) no-repeat center center;    background-size: 100%;margin: 0 auto;}
  .mainhome #header .head .head_menubg .navmenu li{width: 20%;}
  .mainhome #header .head .head_menubg .navmenu li a{max-width: 55px;font-size: 12px;margin: 0 auto;}
  .mainhome #header .head .head_menubg .navmenu li .cclogo{max-width: 100%;margin: 0 auto;}

  .hmsection .leftbox .leftobject{left: 50px;top: 93%;width: 170px;}

  .centerbox .centertop{min-height: 900px;}

  .centerbox .centertop .prizesbox{top: 52%;left: 50%;width: 100%;max-width: 375px;}
  .centerbox .centertop .prizesbox .pizzabox{width: 375px;height: auto;}
  .centerbox .centertop .prizesbox .pizzabox img{width: 200px;}
  .centerbox .centertop .prizesbox .pizzabox .backglow{top: 50%;width: 600px;height: 485px;}
  .centerbox .centertop .prizesbox .pizzabox::after {bottom: -211px;left: 73px;width: 286px;height: 760px;}
  .centerbox .centertop .prizesbox .pizzabox::before {bottom: -44px;left: -57px;background-size: 46%;}

  .centerbox .centertop .object_box{width: 100%;max-width: 100%;}
  .centerbox .centertop .object_box .papercuts .papercut_left{top: 110px;left: 0;width: 100%;}
  .centerbox .centertop .object_box .papercuts .papercut_right{top: 70px;right: 0;width: 100%;}
  
  .centerbox .centertop .boxfood{top: 40%;left: 50%;width: 100%;max-width: 320px;}
  .centerbox .centertop .boxfood .foodtop{bottom: 356px;left: 53px;width: 123px;height: auto;}
  .centerbox .centertop .boxfood .foodmid{bottom: 314px;left: 166px;width: 150px;height: auto;}
  .centerbox .centertop .boxfood .foodbot{bottom: 230px;left: 84px;width: 169px;height: auto;}

  .centerbox .centertop .big_object{top: 36%;width: 100%;max-width: 375px;}  
  .centerbox .centertop .big_object .bigobj_a{top: 47px;right: 14px;width: 70px;height: auto;}
  .centerbox .centertop .big_object .bigobj_b{bottom: 231px;left: 11px;width: 90px;height: auto;}
  .centerbox .centertop .big_object .bigobj_c{bottom: 204px;right: 7px;width: 70px;height: auto;}

  .centerbox .centertop .emojibox{top: 28%;left: 50%;width: 100%;height: 246px;max-width: 375px;}
  .centerbox .centertop .emojibox .emoji_a{top: 14px;left: 105px;width: 30px;height: auto;}
  .centerbox .centertop .emojibox .emoji_b{bottom: 100px;right: 20px;width: 22px;height: auto;}
  .centerbox .centertop .emojibox .emoji_c{bottom: 46px;left: 57px;width: 24px;height: auto;}

  .centerbox .centertop .small_object{top: 26%;left: 50%;width: 375px;height: 201px;}
  .centerbox .centertop .small_object .smobj_a{top: 46px;left: 43px;width: 31px;height: auto;}
  .centerbox .centertop .small_object .smobj_b{bottom: 95px;right: 23px;width: 25px;height: auto;}
  .centerbox .centertop .small_object .smobj_c{top: 54px;right: 118px;width: 25px;height: auto;}
  .centerbox .centertop .small_object .smobj_d{bottom: 34px;left: 131px;width: 17px;height: auto;}  

  .hmsection .rightbox .rightboxtop{width: 130px;right: -80px;}
  .hmsection .rightbox .rightboxbot{top: 92%;width: 198px;}

  .centerbox .centerbot .centerbot_wrap{bottom: 153px;}
  .centerbox .centerbot .centerbot_wrap .cwimg_box img{width: 210px;}
  .centerbox .centerbot .centerbot_wrap .content_bot{max-width: 290px;margin: 0 auto 80px;}
  .centerbox .centerbot .centerbot_wrap .content_bot p{font-size: 14px;line-height: 20px;}
  .centerbox .centerbot .centerbot_wrap .button_box{flex-direction: column-reverse;}
  .centerbox .centerbot .centerbot_wrap .button_box .pad .button_prim, .centerbox .centerbot .centerbot_wrap .button_box .pad .button_second{font-size: 30px;padding: 12px 20px 14px;min-width: 300px;}

  .mb-80{margin-bottom: 60px;}  
  .gmsection .gm_mid .gm_midcontainer{padding-right: 15px;padding-left: 15px;}
  .gmsection .gm_mid .gm_midcontainer .gm_midrow{margin-right: -15px;margin-left: -15px;}
  .gmsection .gm_mid .gm_midcontainer .gm_midrow .gm_mid_col{padding-right: 15px;padding-left: 15px;}

  /* .gmsection .gm_mid .pizza_wrap.card-selected .boxglow::before {width: 320px;height: 320px;} */  
  .gmsection .gm_mid .pizza_wrap.card-selected .boxglow{transform: translate(-50%, -24%);}
  .gmsection .gm_mid .pizza_wrap.card-selected .boxglow img{max-width: 50%;}
  .gmsection .gm_mid .pizza_wrap .pizza_box a .pizza_img img{width: 157px;margin: 0 auto;}
  .gmsection .gm_mid .pizza_wrap.card-selected .pizza_box a .pizza_img::after, .gmsection .gm_mid .pizza_wrap .pizza_box a:hover .pizza_img::after {width: 196px;height: 120px;}
  .gmsection .gm_bot .btnpad{padding: 20px 10px 80px 10px;}

  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .prize_bg img{max-width: 100%;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont .button_prim{font-size: 18px;padding: 12px 35px 14px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont .gapy{gap: 10px;}
  .goodiesmodal .modal-dialog .modal-content .modal-body .cont_box .bot_cont p{margin-top: 20px;}

}