#my-extra{width: 100%;display: inline-block;background-color: rgba(64,1,2,0.4);}
        .mygift_flex{display: flex;flex-direction: row; padding-top: 5%;}
        .myflex_item01{width: 60%;}
         .myflex_item02{width: 40%;}
        .gcbox-w{width: 30%;float: left;}
        .gcbox{display: block;border: 1px solid #FF0000;width: 90%;height: auto;padding: 0px;text-align: center; vertical-align: top;background: #FF0000;padding: 5px;border-radius: 5px 5px 0px 0px;}
        .gcbox-price{display: block;border: 1px solid #FF0000;width: 90%;height: auto;padding: 0px;text-align: center; vertical-align: top;background: #000;padding: 10px;}
        .box001{margin-bottom: 10%;display: inline-flex; width: 100%;}
       h5.gc-t{display:inline;color: #FFF;width: 100%;font-size: 21px; font-weight: 800;}
      #my-extra  .price{font-size: 21px; line-height: 21px;}
        #my-extra .mytxt{width: 70%;float: left;}
        ul.optix-t{display: block;list-style: none; margin-top:20px; padding-left: 0px;}
        ul.optix-t > li{display: inline-block;width: 50%;color: #FFF;float: left;font-size: 21px;line-height: 21px; list-style:none;padding-bottom: 15px;padding-left: 0px;}
        ul.optix-t > li:before {content: "•";color: #FFF;}
        ul.optix-t > li a {color: #FFF; }
        @media(max-width:1023px){ 
        
            .mygift_flex{flex-direction: column; justify-content: center;margin: 0 auto;}
            .myflex_item01, .myflex_item02{width: 100%;}
            
          
        }
        
        @media(max-width:480px){
            .box001{display:inline-block;}
            .gcbox-w ,#my-extra .mytxt{width: 100%;float: none;}
              .gcbox,  .gcbox-price{width: 100%;}
            ul.optix-t > li{display: inline-block;width: 100%;}
        
        }