PageSourceSearch

https://comicstoresubscriptions.com/store/ipd.asp?spid=1860

html comicstoresubscriptions.com collected 2026-10-07 21:20:21 UTC 75,179 bytes, 2,205 lines download raw bytes

1
2
3
4<!DOCTYPE html>
5<html lang="en">
6<head>
7    <meta name="google-site-verification" content="7trKtEBYYi71PY-CBNe2b3Sazce6kYZjurzZ1OM1xBo" />
8    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
9    <title>Comic Subscriptions :: Never miss an issue of Avengers, Spider-Man, X-Men & more Comics</title>
10
11    
12<script type="text/javascript" src="https://comicstoresubscriptions.com/script/htmlhttprequest.js"></script>
vendor: 2 bytes, line 12
12
13<script type="text/javascript">//<![CDATA[
14
15// Welcome to the HTMLHttpRequest demonstration!
16//
17// This script allows you to make background asynchronous GET and POST requests to a
18// server in an accessible manner that is backwards-compatible with older browsers,
19// mobile devices, screenreaders and search engines.
20//
21// The overall architecture is assembled in 3 layers:
22//
23// 1) A "Transport" object ('HTMLHttpRequest') that makes a request to the server.
24// 2) A "Threading" object ('RemoteFileLoader') that creates and allocates Transports
25//    and provides an easy way of loading content into your existing page.
26// 3) An "Interface" layer of code that captures clicks/submissions on the document.
27//
28// Layers (1) and (2) are objects included in the external .JS file above.
29// Both contain documentation if you are interested in customising the implementation.
30// Otherwise, the code below is the "Interface" layer that will process our document.
31
32
33// First, we create an example object for our document click handler.
34var docClickLoader = new RemoteFileLoader('docClickLoader');
35var docClickLoader2 = new RemoteFileLoader('docClickLoader2');
36
37// At any stage you can call docClickLoader.loadInto('file.html', 'IDOfTarget') to trigger
38// a content load into an element from your script.
39// The example below does this when suitable links in the document are clicked.
40function showPreLoader()
41{
42
43	var browser=navigator.userAgent;
44	if(browser.indexOf("Firefox") > 0)
45	{
46	//	var scrolly = typeof window.pageYOffset != 'undefined' ? window.pageYOffset : document.documentElement.scrollTop;
47	//	var destimg =document.getElementById("PreLoaderLayer");
48	//	destimg.style.top  = scrolly;
49//		destimg.style.display = 'block';
50		//window.scrollTo(0,0);
51	}
52}
53
54function showheaderimage(val)
55{
56//alert(val)
57 var destimg = document.getElementById("mainheader");
58  if (destimg != null)
59  {
60 	destimg.innerHTML = "";
61 	destimg.style.display = 'none';
62 }
63 var destimg = document.getElementById("mainheaderimages");
64  if (destimg != null)
65  {
66 	destimg.style.display = 'block';
67  	window.location="#"+val;
68   }
69
70 
71 
72 
73}
74
75function loadInto(src, destId, evt)
76{
77
78
79document.getElementById("mainheader").innerHTML = ""
80
81 // Called to when a link with class="loadinto-IdOfTarget" is clicked.
82 // Parameters: src = reference to link, destId = ID of target element, evt = event object.
83 showPreLoader();
84 var ok = docClickLoader.loadInto(src.href || src.getAttribute('href'), destId);
85 if (ok) cancelEvent(evt);
86
87 document.location.href = '#';
88 
89 var destimg = document.getElementById("mainheaderimages");
90 if (destimg != null)
91 	destimg.style.display = 'none';
92 var destimg = document.getElementById("mainheader");
93 if (destimg != null)
94 	destimg.style.display = 'block';
95//alert("hello")
96
97 
98};
99
100var qsParm = new Array();
101qsParm['sp_id'] = null;
102qsParm['Rem'] = null;
103
104function qs(qry) {
105	var query = qry;
106	var spliturl = qry.split('?');
107	query = spliturl[1];
108	var parms = query.split('&');
109	for (var i=0; i<parms.length; i++) {
110		var pos = parms[i].indexOf('=');
111		if (pos > 0) {
112			var key = parms[i].substring(0,pos);
113			var val = parms[i].substring(pos+1);
114			qsParm[key] = val;
115		}
116	}
117} 
118
119function toggleInto(src, destId, evt)
120{
121
122 	//alert("1");
123	showPreLoader();	
124	qs(src.href); 
125 	var ok = docClickLoader.loadInto(src.href || src.getAttribute('href'), destId);
126  	//var blankurl = src.href 
127 	//var ok = docClickLoader.loadInto(blankurl || src.getAttribute('href'), 'navcartbottom');
128 	if (ok) cancelEvent(evt);
129
130 if (qsParm['Rem'] == 'Y'){
131		
132		
133		
134		
135		
136	/*var elements=document.getElementsByTagName("*")
137	for (var i=0;i<elements.length;i++)
138	{
139		//alert(elements[i].id)
140		if (elements[i].id=="addtocart" + qsParm['sp_id'] )
141		{
142			elements[i].style.display="block";
143		}
144		if (elements[i].id=="outofstock" + qsParm['sp_id'] )
145		{
146			elements[i].style.display="none";
147		}
148	}	
149		
150		
151	 var destimg = document.getElementById("addtocart" + qsParm['sp_id']);
152	 if (destimg != null)
153	 	destimg.style.display = 'block';	 
154	 var destimg = document.getElementById("outofstock" + qsParm['sp_id']);
155	 if (destimg != null)
156	 	destimg.style.display = 'none';*/
157		
158 }
159
160 else if (qsParm['CBID']!=null && parseInt(qsParm['CBID'])>0)
161{
162		var elements=document.getElementsByTagName("*")
163		for (var i=0;i<elements.length;i++)
164		{
165			if (elements[i].id=="addtocart" + qsParm['CBID'] )
166			{
167				elements[i].style.display="none";
168			}
169			if (elements[i].id=="outofstock" + qsParm['CBID'] )
170			{
171				elements[i].style.display="block";
172			}
173		}
174}
175else{
176 
177	//alert(qsParm['sp_id']);
178	var elements=document.getElementsByTagName("*")
179	for (var i=0;i<elements.length;i++)
180	{
181		var SPIDs=qsParm['sp_id'] + ",";
182		var parmsArray = SPIDs.split(',');
183		for (var j=0; j<parmsArray.length; j++) {
184			var ID = parmsArray[j];
185			if (parseInt(ID)>0)
186			{
187				if (elements[i].id=="addtocart" + ID )
188				{
189					elements[i].style.display="none";
190				}
191				if (elements[i].id=="outofstock" + ID )
192				{
193					elements[i].style.display="block";
194				}
195			}
196		}
197	}
198
199	 
200 }
201 
202
203};
204
205
206// addEvent is defined within htmlhttprequest.js, feel free to reuse :).
207addEvent(document, 'click', function(evt)
208{
209 // Here we capture all clicks on the document, scanning for links with a CLASS
210 // attribute of "loadinto-IdOfTarget" and routing them to loadInto() above.
211 evt = evt || window.event;
212 // Only process left clicks.
213 if (evt.which > 1 || evt.button > 1) return;
214 var src = evt.target || evt.srcElement;
215 if (src.nodeType && src.nodeType != 1) src = src.parentNode;
216 // Loop up the DOM tree scanning all elements to find a matching one.
217 while (src)
218 {
219  var srcName = (src.nodeName||src.tagName||'').toLowerCase();
220  if (srcName == 'a' && src.className && src.className.match(/^(load|toggle)into-(.+)$/))
221  {
222   // Call our load handlers if we have a match; they'll cancel the normal action.
223   if (RegExp.$1 == 'load') return loadInto(src, RegExp.$2, evt);
224   if (RegExp.$1 == 'toggle') return toggleInto(src, RegExp.$2, evt);
225  }
226  src = src.parentNode;
227 }
228}, 1);
229
230
231//]]></script>
231
232
233    <meta charset="utf-8">
234    <meta name="theme-color" content="#00365a">
235    <meta http-equiv="X-UA-Compatible" content="IE=edge">
236    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes">
237    <link rel="icon" href="https://www.comicstoresubscriptions.com/images/favicon.ico">
238    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
239    <link rel="shortcut icon" href="https://www.midtowncomics.com/images/midtown%20logo.png">
240	
241  	<link href="https://comicstoresubscriptions.com/css_files/content-ref.css" rel="stylesheet"/>
242	<link href="https://comicstoresubscriptions.com/css_files/content.css" rel="stylesheet">
243	
244    
244<script src="https://comicstoresubscriptions.com/js_files/script2.js"></script>
244
245    
246    <!-- Bootstrap icons-->
247    <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
248    <!---OTHER STYLESHEETS--->
249		
250	 <!--<link href="https://www.midtowncomics.com/css/bootstrap.min.css" rel="stylesheet">-->
251	
252	
252<script src="https://www.midtowncomics.com/js/popper.min.js"></script>
252
253	 
253<script src="https://www.midtowncomics.com/js/jquery-migrate-3.1.0.min.js"></script>
253
254	    <!--Mobile Menu Dependencies-->
255    <link rel="stylesheet" type="text/css" href="https://www.midtowncomics.com/css/component.css" />
256    
256<script src="https://www.midtowncomics.com/js/modernizr.custom.js"></script>
256
257	
258
259	
260	<!-- Unicons CSS -->
261    <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css" />
262	
263	<!-- FONTS-->
264	<link rel="preconnect" href="https://fonts.googleapis.com">
265	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
266	<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
267	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Righteous&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
268	
269    
269<script type="text/javascript" src="https://comicstoresubscriptions.com/script/common.js"></script>
269
270
271<script>
272    
273    var comicStore = {		
274			common:{
275					base_url: "https://comicstoresubscriptions.com/",
276					save_cart: function () { },
277					load_mb: function () { },
278					load_quick_cart: function () { }			
279			}	
280	}  
281	
282	comicStore.common.save_cart = function(sp_id, sc_qty) {
283								//alert(sp_id);
284								//alert(sc_qty);
285								var form = $("<form/>", { method: 'post' });
286								form.append(
287									$("<input>",
288										 {
289											 type: 'hidden',
290											 name: 'sp_id',
291											 id: 'sp_id',
292											 value: sp_id
293										 }
294									 )
295								);
296								form.append(
297									$("<input>",
298										 {
299											 type: 'hidden',
300											 name: 'sc_qty',
301											 id: 'sc_qty',
302											 value: sc_qty
303										 }
304									 )
305								);
306								//alert(comicStore.common.base_url + "store/CartSave.asp");
307								//*****************************
308								$.ajax({
309									type: 'POST',
310									url:comicStore.common.base_url + "store/CartSave.asp",
311									data: form.serialize(),
312									error: function () {
313										// $('#sp_address_msg').html('An error has occurred');
314									},
315									success: function (data) {
316										//alert(data.code);
317										if(data.code=="0"){
318											//alert("hi");
319											$("[id='addtocart" + sp_id + "']").hide();
320											$("[id='outofstock" + sp_id + "']").show();
321											//********************************
322											var str = "<button class='btn btn-outline-dark' type='button' onclick=\"location.href='" 
323														+ comicStore.common.base_url + "store/checkout.asp';\">View Cart " +
324														"<span class='badge'>" + data.cartCount +"</span> " +
325														"<span class='hidden'>items in Cart</span></button>" +
326														"<div aria-hidden='false' class='hidden' role='alert'>" + data.cartCount + " items in Cart</div>";
327											$("#viewCart_Container").html(str);
328											//**************Mobile *************************************
329											var strMobile = "<button onclick=\"location.href='" + comicStore.common.base_url + "store/checkout.asp' class='btn box-btn tabindex' type='button'>VIEW CART <span class='badge'>" + data.cartCount + "</span> <span class='hidden'>items in Cart</span></button>" +
330                											"<div aria-hidden='false' class='hidden' role='alert'>" + data.cartCount + " items in Cart</div>";
331											$("#viewCartMobile_Container").html(strMobile);
332											
333											
334											
335											//comicStore.common.load_quick_cart();
336										}										
337									}
338								});	
339		
340							}
341                        </script>
341    
342
343
344
345
346
347
348</head>
349<style type="text/css">
350         .char-text a:hover{  color: #e31c3d; }
351    
352        /*** HOVER **/    
353        @media all and (min-width: 992px) {
354	        .navbar .nav-item .dropdown-menu{ display: none; }
355	        .navbar .nav-item:hover .nav-link{ color: #e31c3d; }
356	        .navbar .nav-link:hover .dropdown-menu{ display: block; color: #e31c3d; } /*CHANGED*/
357			.navbar .nav-item:hover .dropdown-menu .dropdown-submenu{ display: block; color: #e31c3d; }/*CHANGED*/
358	        .navbar .nav-item .dropdown-menu{ margin-top:0; }
359		
360        }
361         /*****/
362    
363		#stickyNav {
364    	-webkit-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.24);
365    	-moz-box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.24);
366   	 	box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.24);
367   	 	top: 0px;
368   	 	position: fixed;
369    	z-index: 99999;
370   		 width: 100%;
371		}
372    
373        body { font-family: "Roboto", sans-serif;}
374		
375		nav{
376			
377 		font-family: "Poppins", sans-serif;
378  		font-weight: 600;
379  		font-style: normal;
380		}
381		
382		footer{
383			
384 		font-family: "Poppins", sans-serif;
385  		font-weight: 600;
386  		font-style: normal;
387			
388		}*/
389    
390        main {top:-60px }    
391
392    
393        /* === STYLES BAK === */
394          /*  body {
395            background: #fff no-repeat; 
396            color: #000;
397            font-size: 1.125rem;
398            line-height: 1.5rem;
399            overflow-x: hidden!important;
400            font-weight: 400;
401	        }*/
402
403          
404            a {color:#000}    
405            a:hover {color: #e31c3d;text-decoration:none}
406
407            h5 {font-size:2rem;line-height:1.5rem}    
408    
409            /* NAVBAR */
410			
411			.top-banner {
412    		text-align: center;
413    		z-index: 20;
414   		 	position: relative;
415    		background-color: #e31c3d;
416    		overflow: hidden;
417		}
418		
419		
420    
421           .navbar-default {
422            background-color: #ffffff;
423            border-color: #ffffff;
424            }
425            .navbar-default .navbar-brand {
426            color: #000000;
427            }
428            .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
429            color: #e31c3d;
430            }
431            .navbar-default .navbar-text {
432            color: #000000;
433            }
434            .navbar-default .navbar-nav > li > a {
435            color: #000000;
436            }
437            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
438            color: #e31c3d;
439            }
440            .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
441            color: #e31c3d;
442            background-color: #ffffff;
443            }
444            .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
445            color: #e31c3d;
446            background-color: #ffffff;
447         
448            }
449
450           body {
451    padding-top: 70px;
452        /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
453}
454
455.dropdown-submenu {
456    position: relative;
457}
458
459.dropdown-submenu>.dropdown-menu {
460    top: 0;
461    left: 100%;
462    margin-top: -6px;
463    margin-left: -1px;
464    -webkit-border-radius: 0 6px 6px 6px;
465    -moz-border-radius: 0 6px 6px;
466    border-radius: 0 6px 6px 6px;
467}
468
469.dropdown:hover>.dropdown-menu {
470    display: block;
471}
472
473.dropdown-submenu:hover>.dropdown-menu {
474    display: block;
475}
476
477.dropdown-submenu>a:after {
478    display: block;
479    content: " ";
480    float: right;
481    width: 0;
482    height: 0;
483    border-color: transparent;
484    border-style: solid;
485    border-width: 5px 0 5px 5px;
486    border-left-color: #ccc;
487    margin-top: 5px;
488    margin-right: -10px;
489}
490
491.dropdown-submenu:hover>a:after {
492    border-left-color: #fff;
493}
494
495			
496	/********************HOVER*************************/		
497
498        
499/* CAROUSEL */
500	
501.pcarousel{
502		max-width:1064px;
503	}
504
505	/**COMIC TITLE**/
506.jp-title
507{
508	font-size: 25px;
509	font-weight: 600;
510	overflow: hidden;
511	 text-overflow: ellipsis;
512   display: -webkit-box;
513   -webkit-line-clamp: 2;
513 /* number of lines to show */
514   -webkit-box-orient: vertical;
515	line-height: 1.75rem;
516	height: 66px;
517}
518	
519.jp-title a:link{
520		text-decoration: none;
521	}
522    
523.jp-title a:hover{
524		color:#e31c3d;
525		transition: all .4s;
526}
527
528.jprod-img {max-height:305px; min-height:280px; object-fit: contain; overflow:hidden; width: auto;} /*UPDATED JUNE-12-2024*/ 
529 
530	
531 
532	/************/
533
534	
535.c-title
536	{
537		font-family: "Poppins", sans-serif;
538		font-size: 35px;
539		line-height: 1;
540		font-weight: 600;
541	}
542.c-subtext
543	{ font-family: "Roboto", sans-serif;
544	font-size:23px;
545	font-weight: 300;
546	line-height: 1;}
547	
548.c-btn {
549    z-index: 2 !important;
550    width: 100%;
551	font-size: 38px !important;
552}
553
554.c-btn button { /*UPDATED*/
555    width: 100%;
556    padding: .563rem 1.938rem;
557    background-color: none;
558    border-radius: 1.406rem !important;
559    color: #000;
560    border-style: solid;
561    font-weight: 600;
562	
563}
564	
565.c-btn button:hover{ /*UPDATED*/
566		transition: all .4s;
567		color:#fff;
568		background-color: #e31c3d;
569		
570}	
571	
572.product {text-align:center;}
573.card-body {text-align:center;}
574.prod-prices {text-align:center;margin-bottom:10px; margin-top: 15px;}    
575.prod-cover {color:#666;text-decoration:line-through; font-family: 'Poppins'; }
576.prod-saved {color:#e31c3d; font-weight:600}
577.add-cart {border-color: #000; font-family: "Poppins", sans-serif; }
578		
579    
580.container-header {
581	font-family: "Poppins", sans-serif;
582	font-weight: 600;
583	font-size: 2rem;
584    margin: 0;
585    margin-bottom: .5rem;
586    width: 100%;
587}
588.item-showcase .carousel-inner {
589    overflow-x: hidden !important;
590}
591
592.item-showcase .carousel-control-prev,
593.item-showcase .carousel-control-next {
594    width: 1rem;
595    margin: -10px;
596    color: #e31c3d;
597    font-size: 2rem;
598    height: auto;
599}
600
601#series-carousel .carousel-indicators {
602    display: none;
603}
604
605.item-showcase .carousel-indicators {
606    bottom: -2rem;
607}
608
609.MultiCarousel .carousel-indicators {
610    bottom: -1rem;
611}
612
613.item-showcase .carousel-indicators li {
614    background-color: #747474;
615}
616
617.item-showcase .carousel-indicators .active {
618    background-color: #cacaca;
619}
620
621.price-details,
622.comic-title {
623    margin: 0 !important;
624    padding-left: 0 !important;
625}
626
627.product {
628    margin: auto;
629    padding: .8rem;
630}
631
632.item .product a{
633    display: block;
634}
635
636.product-container {
637    width: 100%;
638    margin: auto;
639    padding-top: 0;
640    padding-bottom: 0;
641}
642
643.product-image img {
644    max-width: 100%;
645    max-height: 100%;
646    margin: auto;
647    border-radius: 0;
648}
649
650.cart-button {
651    z-index: 2 !important;
652    width: 100%;
653}
654
655.cart-button button { /*UPDATED*/
656    width: 100%;
657    ppadding: .563rem 1.938rem;
658    font-size: 1vw !important;
659    background-color: none;
660    border-radius: 1.406rem !important;
661    color: #000;
662    border-style: solid;
663    font-weight: 600;
664	
665}
666	
667.cart-button button:hover{ /*UPDATED*/
668		transition: all .4s;
669		color:#fff;
670		background-color: #e31c3d;
671		
672}
673
674        
675
676/**Tablet css**/
677
678@media only screen and (max-width: 1500px) {
679    .item-showcase {
680        width: inherit;
681		margin: 10px;
682    }
683    .viewmore-btn {
684        padding: 0 0 0 1.5rem;
685        margin: auto;
686        background-color: #d7d7d7;
687        width: 100%;
688        height: 100%;
689    }
690    .viewmore-btn button {
691        margin: auto;
692    }
693    .stack {
694        height: 60px;
695        padding-top: 0;
696    }
697    .stack .col-sm-6 {
698        -ms-flex: 0 0 50%;
699        flex: 0 0 50%;
700        max-width: 50%;
701    }
702    .stack p {
703        margin: 0;
704        margin-bottom: 2px;
705    }
706    .stack .col-sm-6 {
707        padding: 0
708    }
709    .stack .discount-price p {
710        font-size: 17px !important;
711    }
712    .discount-price {
713        width: 33%;
714    }
715    .discount-price p {
716        position: relative;
717        font-weight: 900;
718    }
719    .discount-label {
720        color: #da0e0e;
721        font-size: .8rem;
722        position: relative;
723        float: right;
724        padding: .1rem .1rem;
725    }
726    .cart-button input {
727        border-radius: 5px 0 0 5px;
728		
729    }
730    .cart-button button {
731        font-size: 1vw;
732		
733    }
734	
735	
736
737}
738
739@media only screen and (max-width: 1230px) {
740    .discount-label {
741        width: 100%;
742        text-align: center;
743    }
744    .standard-price,
745    .discount-price {
746        width: 50%;
747    }
748    .price-details {
749        display: flex;
750        align-items: center;
751        height: 70px;
752    }
753}
754
755
756/**Tablet css**/
757
758@media only screen and (max-width: 1038px) {
759	
760		
761.c-title
762	{
763		
764		font-size: 28px;
765		
766	}
767.c-subtext
768	{
769	font-size:22px;
770	}
771}
772
773@media only screen and (max-width: 1008px) {
774    .item-showcase .carousel-indicators li.mobile {
775        display: hidden !important;
776    }
777}
778        
779/**Mobile css**/
780
781		@media only screen and (max-width: 937px) {
782	
783
784.c-subtext
785	{
786	font-size:19px; line-height: 1.25; 
787	
788	}
789			.box-btn button {font-size:14px;}
790			
791}
792	
793@media only screen and (min-width: 769px) /*UPDATED FOR CART PAGE*/
794{.show-mobile{display:none;}
795	
796	}
797@media only screen and (max-width: 768px) {
798
799
800	.pad-left{margin-left: 2rem;}
801	.hide-big {display: none;}
802    .leftLst,
803    .rightLst {
804        opacity: 1; /*UPDATED JUNE-12-2024*/
805    }
806   .item-showcase {
807        margin-top: 1.5vw;
808        padding: 5vw;
809        margin-bottom: 15px !important;
810    }
811   
812    .discount-price {
813        margin-right: 0vw;
814    }
815    .product .cart-button {
816        padding-top: 0 !important;
817        margin-top: 0 !important;
818			
819    }
820    .cart-button button {
821        font-size: 3vw !important;
822	
823    }
824	
825	 
826    .cart-label {
827        font-weight: 700;
828        font-size: 3vw;
829    }
830  .mp-standard-price {
831        float: left;
832        text-decoration: line-through;
833        padding-top: 1vw;
834        font-size: 3vw;
835        color: #545454;
836    }
837    .mp-discount-price {
838        font-weight: 600;
839        font-size: 3vw;
840        color: #3b3b3b;
841        text-align: center;
842    }
843    .mp-discount {
844        font-size: 4vw;
845        color: #da0e0e;
846        border-color: #da0e0e;
847        border-style: solid;
848        border-width: .5vw;
849        text-align: center;
850        font-weight: 900;
851        border-radius: 5px;
852    }
853    .discount-label {
854        right: 0rem;
855        font-size: 12px;
856        font-weight: 800;
857    }
858    .qty-container label {
859        width: 10%;
860    }
861    .m-item-showcase {
862        display: block !important;
863        border: 0;
864        overflow: hidden;
865    }
866    .m-item-showcase .featured-header {
867        position: relative;
868        background: none;
869        color: #000;
870        padding: 0;
871        margin: 0 auto;header
872    }
873	
874	
875    .m-item-showcase .featured-header h3,
876	.m-item-showcase .featured-header h2 {
877        font-size: 8vw;
878        font-weight: 900;
879    }
880    #m-preorder-carousel button {
881        background-color: #9048c4;
882    }
883    #m-preorder-carousel button:hover {
884        background-color: #8410c1 !important;
885    }
886    .additions-item {
887        margin: 2.3vw;
888        height: 45vw;
889        width: 45vw !important;
890    }
891    .new-additons-container div div {
892        margin: 1vw auto;
893    }
894    .additions-item img {
895        padding: 0;
896        margin: 0;
897    }
898    .additions-item h3 {
899        font-size: 5vw;
900    }
901    .pl-banner {
902        top: 0rem;
903    }
904    .pl-banner p {
905        font-size: 0.6rem;
906    }
907}
908
909		
910		
911@media only screen and (max-width: 420px) {
912    .qty-container label {
913        width: 20%;
914    }
915    .price-details {
916        padding-top: 0 !important;
917    }
918    .pl-banner {
919        margin-left: -5.5px;
920        margin-top: 11px;
921    }
922    .row.product-image {
923        padding: 0;
924        height: 235px;
925    }
926    .pl-banner p {
927        margin: 0.1rem 0.5rem 0.1rem .5rem;
928    }
929
930
931
932}
933
934@media only screen and (max-width: 375px) {
935    .discount-price {
936        margin-right: -9vw;
937    }
938    .comic-title h3 {
939        font-size: 12px;
940    }
941    .price-details {
942        min-height: 17vw;
943    }
944    .discount-label {
945        width: 100%;
946    }
947    .discount-price,
948    .standard-price {
949        width: 50%;
950    }
951    .pl-banner p {
952        margin: 0.1rem 1rem 0.1rem .5rem;
953    }
954    .product {
955        padding: 1rem .5rem;
956    }
957    .price-details {
958        min-height: 5vw;
959    }
960    .row.product-image {
961        height: 200px;
962    }
963}
964
965@media only screen and (max-width: 320px) {
966    .price-details {
967        min-height: 20vw;
968    }
969}    
970
971@media (max-width: 767px) {
972	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
973		color: #000000;
974	}
975	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
976		color: #e31c3d;
977	}
978	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
979	color: #e31c3d;
980	background-color: #000;
981	}
982}
983
984/**************End of Mobile CSS****************************************************/
985
986
987/***************************SLIDER-TOP**********************/
988#slider-top .carousel-indicators li {background-color: #FF8082; opacity: 100%;}
989.carousel-indicators li.active {background-color: #BF181B; opacity: 100%;}
990
991
992	
993.carousel-item .img-fluid {
994 			 width:100%;
995  			height:100%;
996	
997			}
998				
999 .carousel-indicators li, .carousel-indicators li.active {
1000  width: 10px;
1001  height: 10px;
1002	border-color: transparent;
1003		border-radius: 100%;
1004		
1005		}
1006	
1007 	#signing-arrow-prev  .carousel-control-prev-icon
1008	{background-color: #fff;
1009    background-size: 90%, 90%;
1010    border-radius: 70%;
1011	padding: 1.3rem 1.3rem;
1012	background-image: url("https://comicstoresubscriptions.com/img_files/left-arrow.jpg");
1013	}
1014	#signing-arrow-next .carousel-control-next-icon
1015	{background-color: #fff;
1016    background-size: 90%, 90%;
1017    border-radius: 70%;
1018	padding: 1.3rem 1.3rem;
1019	background-image: url("https://comicstoresubscriptions.com/img_files/right-arrow.jpg");
1020	
1021	}
1022	
1023	/******************************************************************/
1024
1025/**************************FOOTER****************************************/
1026	
1027	.footer-logo img{ /*updated*/
1028		width:323px;
1029		height:auto;
1030		
1031	}
1032	
1033	footer .btn-link:not(:last-child) {
1034        border-right: .125rem solid #fff;
1035    }
1036
1037
1038footer .btn-link {
1039    font-size: 14px!important;
1040    border-radius: 0;
1041    font-weight: 300;
1042    text-transform: uppercase;
1043    transition-duration: .3s;
1044    opacity: 1!important;
1045    color: #fff;
1046    letter-spacing: 0;
1047    font-style: normal;
1048    line-height: 1;
1049    padding: 0 .875rem;
1050    border-left: none!important;
1051    border-top: none!important;
1052    border-bottom: none!important;
1053    border-right: none;
1054	text-decoration: none;
1055}
1056
1057.footer a:link {
1058    text-decoration: none;
1059}
1060		
1061	footer .btn-link:hover {
1062    color:#e31c3d;
1063}
1064@media only screen and (max-width: 500px) {		
1065footer .btn-link {
1066    font-size: 10px;
1067	padding: 0 .55rem;;
1068}
1069		}
1070		
1071		
1072.legal {
1073    text-transform: none;
1074    padding: 0.55em 1.5em 0.65em;
1075    margin: 0px 0px 0.25rem;
1076    line-height: 1.25;
1077	font-size: 14px!important;
1078}
1079
1080
1081.d-inline-block {
1082    display: inline-block!important;
1083}
1084.small, small {
1085    font-size: .875em;
1086}
1087
1088	footer .btn-legal, footer .legal {
1089   
1090    text-transform: none;
1091    color: #fff;
1092    font-weight: 100;
1093    font-size: 1.2rem;
1094    text-transform: uppercase;
1095    margin-top: .5rem!important;
1096    padding: 0!important;
1097}
1098	
1099.container1440 {text-align:center;max-width:1200px}
1100.container1660 {text-align:center;max-width:1660px}
1101.amz4 { min-height:360px;border:1px solid #ccc}
1102.amz4 img { max-height:150px} 
1103	
1104	
1105/****SEARCH BAR***/
1106		
1107		
1108	.search-button {
1109	border-radius: 0 5px 5px 0 !important;
1110	}
1111	
1112		
1113		
1114	
1115	/*******BOX BUTTON********/
1116
1117	.box-btn {border-color: #000; }
1118	.box-button {
1119    z-index: 2 !important;
1120    width: 100%;
1121}
1122	.box-button button  { /*UPDATED*/
1123	font-family: "Poppins", sans-serif;
1124    width: 100%; 
1125    font-size: 24px !important;
1126    background-color: none;
1127    border-radius: 1.406rem !important;
1128    color: #000;
1129    border-style: solid;
1130    font-weight: 600;
1131	text-decoration: none;
1132	}
1133	.box-button button:hover { /*UPDATED*/
1134	transition: all .4s;
1135	background-color: #e31c3d;
1136		color: #fff;
1137	}
1138	
1139		/*******NAV BUTTON********/
1140	.nav-button {
1141    z-index: 2 !important;
1142    width: 100%;
1143}
1144	.nav-button button  { /*UPDATED*/
1145    width: 100%; 
1146    font-size: 18px !important;
1147    background-color: none;
1148    border-radius: 1.406rem !important;
1149    color: #000;
1150    border-style: solid;
1151    font-weight: 600;
1152	text-decoration: none;
1153	}
1154	.nav-button button:hover { /*UPDATED*/
1155	transition: all .4s;
1156	background-color: #e31c3d;
1157		color: #fff;
1158	}
1159		
1160	.cart-nav button  { /*UPDATED*/
1161    width: 100%; 
1162    font-size: 13px !important;
1163    background-color: none;
1164    border-radius:.5rem !important;
1165    color: #000;
1166    border-style: solid #000;
1167    font-weight: 600;
1168	text-decoration: none;
1169		
1170	}
1171	.cart-nav button:hover { /*UPDATED*/
1172	transition: all .4s;
1173	background-color: #e31c3d;
1174		color: #fff;
1175	}
1176	
1177	.dropdown-menu li {
1178			font-size: 15px !important;
1179			color: #000;
1180		}
1181		.dropdown-menu li a:hover {
1182			transition: all .4s;	
1183			color: #fff;
1184			background-color: #e31c3d;
1185		}
1186	/*******MERCH SHOP BUTTON********/
1187
1188	.mshop-btn {border-color: #fff; }
1189	.mshop-button {
1190    z-index: 2 !important;
1191    width: 75%;
1192		padding: -2rem 0 -2rem 0;
1193}
1194	.mshop-button button  { /*UPDATED*/
1195    width: 75%; 
1196    font-size: 24px !important;
1197    background-color: none;
1198    border-radius: 1.406rem !important;
1199    color: #fff;
1200    border-style: solid;
1201    font-weight: 600;
1202	text-decoration: none;
1203	
1204	
1205	}
1206	.mshop-button button:hover { /*UPDATED*/
1207	transition: all .4s;
1208	background-color: #fff;
1209		color: #000;
1210	}
1211	
1212	/***** MERCH SECTION***/
1213.midtown-logo {
1214  height:15rem;
1215}
1216
1217
1218
1219.merch-sub
1220{
1221	font-size: 24px;font-family: inherit;text-align: left;
1222	
1223}
1224.merch-header
1225{
1226        font-size: 54px; padding-bottom: 0; line-height: 50px; text-align: left;
1227}
1228/*.merch-container
1229        {
1230        background-image: url(");
1231}
1232*/
1233
1234@media only screen and (max-width: 720px)
1235        {
1236            .merch-header{font-size: 38px; line-height: 35px;}
1237            .merch-sub {font-size: 20px;}
1238            .midtown-logo {height:8rem;}
1239            
1240        }
1241
1242	
1243
1244    </style>
1245
1246    <style>
1247		.sign-BG
1248		{background-image: url("https://comicstoresubscriptions.com/img_files/marvel-bg.png");background-repeat: repeat-y; }
1249		
1250        .added-cart-show {
1251            display: block;
1252        }
1253
1254        .added-cart-hide {
1255            display: none;
1256        }
1257
1258        .add-cart-show {
1259            display: block;
1260        }
1261
1262        .add-cart-hide {
1263            display: none;
1264        }
1265		
1266		@media only screen and (max-width:980px)
1267		
1268		{.add-cart button {font-size: 10vwpx;}}
1269		
1270    </style>
1271	
1272			
1273 <!---------ADDED-----------SCROLLING FIX----------------->
1274	
1275<style>	 
1276 .content-container { /*ADDED*/
1277    position: absolute;
1278    left: 0;
1279    top: 0px;
1280    bottom: 0px;
1281    width: 100%;
1282    z-index: 11;
1283    overflow-x: hidden;
1284    overflow-y: scroll;
1285    -webkit-overflow-scrolling: touch;
1286}
1287	
1288</style>
1289 
1290<!--------------------End of SCROLLING FIX----------------->
1291
1292    
1293<body>
1294    
1295    <!-----IMAGE------>
1296    <div class="modal fade" id="enlargeImageModal" tabindex="-1" aria-labelledby="enlargeImageModal" aria-hidden="true" style="">
1297        <div class="modal-dialog modal-dialog-centered" role="dialog" aria-modal="true" aria-label="Enlarged Image">
1298            <div class="modal-content ">
1299                <div class="modal-body p-0">
1300                    
1301                    <img src="https://www.comicstoresubscriptions.com/images/PRODUCT/FUL/12882_ful.jpg" alt="Midnight: X-Men" />
1302                    
1303                </div>
1304            </div>
1305        </div>
1306    </div>
1307        <!-- Modal Ratings -->
1308    <div class="modal fade" id="ratings" role="dialog">
1309        <div class="modal-dialog">
1310
1311            <!-- Modal content-->
1312            <div class="modal-content">
1313                <div class="modal-header">
1314                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1315                    
1316                    
1317                </div>
1318                <div class="modal-body">
1319                    <p><h4 class="modal-title" style="text-align:left; font-size: 20px; font-weight: bold;">MARVEL RATING SYSTEM</h4></p>
1320
1321                    <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">E - Everyone</span> - Appropriate for readers of all ages. May contain cartoon violence and/or some comic mischief.</p>
1322                    <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">T - TEEN</span> - Appropriate for readers age 12 and older. May contain mild violence, language and/or suggestive themes.</p>
1323                    <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">T+ - TEEN PLUS</span> - Appropriate for readers age 15 and older. May contain moderate violence, mild profanity, graphic imagery and/or suggestive themes.</p>
1324                    <p style="text-align:left; font-size: 13px;"><span style="font-weight:bold;color:#203c62">M - MATURE</span> - Appropriate for readers age 17 and older. May contain intense violence, extensive profanity, nudity, sexual themes and other content suitable only for older readers.</p>
1325                    <p style="color:red; text-align:left; font-size: 13px;">Please note, ratings across all digital platforms may vary slightly. The above ratings are meant solely as a guideline.</p>
1326                </div>
1327
1328            </div>
1329
1330        </div>
1331    </div>
1332    <!-- Modal Shipping Alert -->
1333    <div class="modal fade" id="ship-alert" role="dialog">
1334        <div class="modal-dialog">
1335
1336            <!-- Modal content-->
1337            <div class="modal-content">
1338                <div class="modal-header">
1339                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1340                </div>
1341                <div class="modal-body">
1342                    <p><h4 class="modal-title" style="text-align:left; font-size: 20px; font-weight: bold;">SHIPPING NOTICE</h4></p>
1343                    <p style="text-align:left; font-size: 13px;">You may need to wait 6-8 weeks for the arrival of your first issue. The issues depicted below are the next ones to be released, but depending on the release schedule they may have already come and gone by the time your first issue arrives.</p>
1344
1345                </div>
1346
1347            </div>
1348
1349        </div>
1350    </div>
1351
1352    <!-- Modal Discount -->
1353    <div class="modal fade" id="discount" role="dialog">
1354        <div class="modal-dialog">
1355
1356            <!-- Modal content-->
1357            <div class="modal-content">
1358                <div class="modal-header">
1359                    <button type="button" class="close" data-dismiss="modal">&times;</button>
1360                    <h4 class="modal-title"></h4>
1361                </div>
1362                <div class="modal-body">
1363                    <p><h4 class="modal-title" style="text-align:left; font-size: 20px; font-weight: bold;">DISCOUNT ALERT</h4></p>
1364                    <p style="font-weight:bold;  font-size: 13px; text-align:left;">The more you buy, the more you save!</p>
1365                    <p style="text-align:left; font-size: 13px;">One subscription: <span style="color:#b2000e;font-weight:bold;">
1365Up 40% off!</span></p>
1366                    <p style="text-align:left; font-size: 13px;">Two or more subscriptions: <span style="color:#b2000e;font-weight:bold;">Up to 45% off!</span></p>
1367                    <p style="text-align:left; font-size: 13px;"><strong>Free shipping in the U.S.!</strong></p>
1368
1369                </div>
1370
1371            </div>
1372
1373        </div>
1374    </div>
1375    <div class="modal fade" id="activeTitles" role="dialog">
1376    <p style="font-weight:bold;font-size:18px">SUBSCRIPTION SHIPMENT STATUS</p>
1377    <p><span style="font-weight:bold;color:#203c62">Total issues</span> - This number is the total number of issues you will receive over the course of your subscription. It's usually twelve for a year's subscription.</p>
1378    <p><span style="font-weight:bold;color:#203c62">Shipped issues</span> -  This number is the number of issues that have hit the mail stream, and you should be receiving them soon if you haven't already!</p>
1379    <p><span style="font-weight:bold;color:#203c62">Issues in process</span> - This number is  the number of issues currently at the printer, or being transported from the printer to our shipping facility. Because we print issues to match subscription demand, we need to lock in issue numbers ahead of time, so these are issues we can't modify or cancel.</p>
1380    <p><span style="font-weight:bold;color:#203c62">Remaining issues</span> - This is the number of issues that will be coming in the future. This number, plus the number of issues in process, plus the number of shipped issues, will equal your total number of issues for the subscription.</p>
1381    <a class="close-reveal-modal">&#215;</a>
1382    </div>
1383
1384    <!--<div class="modal" id="shipping_myModal" role="dialog">
1385    <div class="modal-dialog" style="width:800px;">
1386        <!-- Modal content-->
1387       <!-- <div class="modal-content">
1388            <div class="modal-header">
1389                <h4 class="modal-title">Save Address Information</h4>
1390                <div class="alert" id="dv_modal_msg"></div>
1391                <button type="button" class="close" data-bs-dismiss="modal">&times;</button>
1392            </div>
1393            <div class="modal-body">
1394                <form id="frmAddress" name="frmAddress" method="post">
1395                    <input type="hidden" id="ad_process" name="ad_process" />
1396                    <input type="hidden" id="ca_id" name="ca_id" value="@ca_id" />
1397                    <input type="hidden" id="isSubsExists" name="isSubsExists" value="@isSubsExists" />
1398
1399                    <div class="row">
1400                        <div class="col-sm-4">
1401                            <div>First Name <span style="color:red">** </span></div>
1402                            <input title="Provide First Name" Class="form-control" type="text" id="txtFName" name="txtFName" value="@txtFName" placeholder="First Name" />
1403                        </div>
1404                        <div class="col-sm-4">
1405                            <div>Middle Intial</div>
1406                            <input title="Provide Middle Name" Class="form-control" type="text" id="txtMName" name="txtMName" value="@txtMName" placeholder="Middle Name" />
1407                        </div>
1408                        <div class="col-sm-4">
1409                            <div>Last Name <span style="color:red">**</span></div>
1410                            <input title="Provide Last Name" Class="form-control" type="text" id="txtLName" name="txtLName" value="@txtLName" placeholder="Last Name" />
1411                        </div>
1412                    </div>
1413                    <div class="row">
1414                        <div class="col-sm-12">
1415                            <div>Care of / Company Name</div>
1416                            <input title="Provide Company Name" Class="form-control" type="text" id="txtCompnyName" name="txtCompnyName" value="@txtCompnyName" placeholder="Care of / Company Name" />
1417                        </div>
1418                    </div>
1419                    <div class="row">
1420
1421                        <div class="col-sm-12">
1422                            <div>Address 1 (Street address, P.O. Box)<span style="color:red">**</span></div>
1423                            <input title="Provide Address 1" Class="form-control" type="text" id="txtAddress1" name="txtAddress1" value="@txtAddress1" placeholder="Address 1" />
1424                        </div>
1425
1426                    </div>
1427                    <div class="row">
1428
1429                        <div class="col-sm-12">
1430                            <div>Address 2 (Apartment, suite, unit, building, floor, etc.)</div>
1431                            <input title="Provide Address 2" Class="form-control" type="text" id="txtAddress2" name="txtAddress2" value="@txtAddress2" placeholder="Address 2" />
1432                        </div>
1433                    </div>
1434                    <div class="row">
1435                        <div class="col-sm-12">
1436                            <div>Address 3</div>
1437                            <input title="Provide Address 3" Class="form-control" type="text" id="txtAddress3" name="txtAddress3" value="@txtAddress3" placeholder="Address 3" />
1438                        </div>
1439                    </div>
1440                    <div class="row">
1441
1442                        <div class="col-sm-4">
1443                            <div>City <span style="color:red">**</span></div>
1444                            <input title="Provide City" Class="form-control" type="text" id="txtCity" name="txtCity" value="@txtCity" placeholder="City" />
1445                        </div>
1446                        <div class="col-sm-4">
1447                            <div>Phone</div>
1448                            <input title="Provide Phone" Class="form-control" type="text" id="txtPhoneNo" name="txtPhoneNo" value="@txtPhoneNo" placeholder="Phone #" />
1449                        </div>
1450                        <div class="col-sm-4">
1451                            <div>Fax</div>
1452                            <input title="Provide Fax" Class="form-control" type="text" id="txtFaxNo" name="txtFaxNo" value="@txtFa
1452xNo" placeholder="Fax #" />
1453                        </div>
1454                    </div>
1455                    <div class="row">
1456
1457                        <div class="col-sm-4">
1458                            <div>Zip/Postal <span style="color:red">**</span></div>
1459                            <input title="Provide Zip/Postal" Class="form-control" type="text" id="txtZipCode" name="txtZipCode" value="@txtZipCode" placeholder="Zip/Postal" />
1460                        </div>
1461                        <div class="col-sm-4">
1462                            <div>Ext</div>
1463                            <input title="Provide Ext." Class="form-control" type="text" id="txtZipPlus4" name="txtZipPlus4" value="@txtZipPlus4" placeholder="Ext." />
1464                        </div>
1465                        <div class="col-sm-4">
1466                            &nbsp;
1467                        </div>
1468                    </div>
1469                    <div class="row">
1470                        <div class="col-sm-12">
1471                            <div>Country <span style="color:red">**</span></div>
1472                            <div id="dv_@(section_name)_country_container"></div>
1473                        </div>
1474                    </div>
1475                    <div class="row">
1476                        <div class="col-sm-12">
1477                            <div>State</div>
1478                            <div id="dv_@(section_name)_state_container"></div>
1479                        </div>
1480                    </div>
1481                </form>
1482            </div>
1483            <div class="modal-footer">
1484                <button type="button" id="btnSaveAddress" name="btnSaveAddress" class="btn btn-default" title="Click to Submitt Information">Save</button>
1485                <button type="button" class="btn btn-default" data-bs-dismiss="modal" title="Click to Close">Close</button>
1486                <!--<button type="button" class="btn btn-default" data-dismiss="modal">Save</button>-->
1487           <!--<!-- </div>
1488        </div>
1489
1490    </div>
1491</div>-->
1492    <div id="page" class="content-container">
1493        <!--ADDED FOR SCROLLING-->
1494        
1495
1496
1497<!---------HEADER--------------------------------------------------->
1498
1499<style>
1500
1501.cart-nav .badge{
1502 background-color: #da0e0e;
1503    font-size: 14px;
1504    position:inherit;
1505    top: 0;
1506    font-weight: 700;
1507    left: 3rem;
1508    border-radius: 20px;
1509    border-bottom-left-radius: 0;
1510	margin-left: .25rem;
1511}
1512
1513.nav-button .badge {
1514 background-color: #da0e0e;
1515    font-size: 14px;
1516    position:relative;
1517    top:0px;
1518    font-weight: 700;
1519    left: .5rem;
1520    border-radius: 20px;
1521    border-bottom-left-radius: 0;
1522	
1523}
1524
1525
1526
1527/**Mobile css**/
1528
1529@media only screen and (max-width: 768px) {
1530	 .cart-nav .badge {
1531        background-color: #da0e0e;
1532        font-size: 18px;
1533        position: inherit;
1534        top: -2vw;
1535        font-weight: 700;
1536        left: 7vw;
1537        border-radius: 15px;
1538       border-bottom-left-radius: 0;
1539    }
1540}
1541
1542@media only screen and (max-width: 500px) {
1543	    .cart-nav .badge, {
1544        font-size: 14px;
1545        top: -3vw;
1546        left: 7vw;
1547    }
1548    
1549}
1550
1551@media only screen and (max-width: 320px){
1552	  .cart-nav .badge,{
1553        font-size: 10px;/*UPDATED*/
1554        top: -4vw;/*UPDATED*/
1555        left: 5vw;/*UPDATED*/
1556    }
1557}
1558
1559
1560
1561
1562</style>
1563<header>
1564    <div id="stickyNav">
1565        <a id="skipToMain" href="#pageName" class="hidden tabindex" tabindex="0">Skip to Main Content</a>
1566        <!--Text Slider-->
1567        
1568
1569        <nav class="navbar navbar-expand-lg " id="mainNav">
1570
1571            <div class="container">                
1572                 
1573
1574                <a class="navbar-brand fw-bold ml-2 mt-1" href="https://comicstoresubscriptions.com/">
1575                    <img src="https://comicstoresubscriptions.com/img_files/marvel-subs_logo-b.png" alt="" style="margin: -2rem 0rem -rem -1rem;" class="hide-big-logo">
1576                    <img src="https://comicstoresubscriptions.com/img_files/marvel-subs_logo-b_MOBILE.png" alt="" style="margin: -2rem 0rem -rem -1rem;" class="show-m-logo">
1577                </a>
1578                
1579                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <!--UPDATED JUNE-12-2024 -->
1580                    <span class="material-symbols-outlined" style="">menu</span>
1581                </button>
1582                <div class="row w-100 ">
1583                    <div class="container-fluid collapse navbar-collapse text-left" id="navbarResponsive">
1584                        <ul class="navbar-nav mr-auto my-2 my-lg-0 " style="">                         
1585
1586                            <li class="nav-item dropdown" id="shopMenu">
1587                                <span class="nav-link"><a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Shop <b class="caret"></b></a></span>
1588
1589                                <ul class="dropdown-menu" data-bs-target="shopMenu" aria-controls="shopMenu">
1590                                    <li><span><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp">All Series</a></span></li>
1591                                    <!-- By Rating -->
1592                                    <li class="dropdown-submenu" id="rateResponsive2"><a class="dropdown-item" href="#">By Rating</a>
1593
1594                                        <ul class="dropdown-menu" data-bs-target="rateResponsive2" aria-controls="rateResponsive2" aria-expanded="true">
1595                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Kids&q=kids">Kids</a></li>
1596                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=T&q=t">T</a></li>
1597                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=TPlus&q=plus">T+</a></li>
1598                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=PA&q=pa">PA</a></li>
1599                                        </ul>
1600                                    </li>
1601
1602                                    <!-- By Character -->
1603                                    <li class="dropdown-submenu" id="charMenu"><a class="dropdown-item" href="#">By Character</a>
1604
1605                                        <ul class="dropdown-menu" data-bs-target="charMenu" aria-controls="charMenu" aria-expanded="true">
1606                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Most%20Popular&q=pop">Most Popular</a></li>
1607                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Avengers&q=avengers">Avengers</a></li>
1608                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Marvel%20Icons&q=icons">Marvel Icons</a></li>
1609                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Marvel%20Heroes&q=heroes">Marvel Superheroes</a></li>
1610                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=Spider-Man&q=spidey">Spider-Man</a></li>
1611                                            <li><a class="dropdown-item" href="https://comicstoresubscriptions.com/store/search.asp?val=X-Men&q=xmen">X-Men</a></li>
1612
1613                                        </ul>
1614                                    </li>
1615                                </ul>
1616                            </li>
1617                            <li class="nav-item">
1618                                
1619                                <a class="nav-link" href="https://comicstoresubscriptions.com/login.asp">Renew</a>
1620
1621                                
1622                            </li>
1623                            <li class="nav-item">
1624                                 <a class="nav-link" href="https://comicstoresubscriptions.com/faq.asp">FAQ</a>
1625                            </li>
1626                        </ul>
1627
1628                        <div class="ms-auto my-2 hide-big" style="background: #fff;">
1629                            <ul class="navbar-nav ">
1630
1631                                <li id="Search_Nav" class="nav-item " style="">
1632                                    <form class="form-inline">
1633                                        <input id="txtMarvelSearch" name="txtMarvelSearch" type="text" class="form-control " placeholder="Search here..." style="font-size: 12px;">
1634                                        <button type="button" class="btn " onclick="return MakeMarvelSearch();" aria-label="Search">
1635                                            <i class="fas fa-search"></i>
1636                                        </button>
1637                                    </form>
1638                                </li>
1639
1640                                 
1641                                <li class="nav-item ">
1642                                    <a class="nav-link" href="https://comicstoresubscriptions.com/register.asp">Sign Up</a>
1643                                </li>
1644                                <li class="nav-item  ">
1645                                    <a class="nav-link" href="https://comicstoresubscriptions.com/login.asp">Log In</a>
1646                                </li>
1647                                
1648                                <li class="nav-item pl-3 cart-nav" style="padding-top: .15rem;" id="viewCart_Container">
1649                                    <button class="btn btn-outline-dark " type="button" onclick="location.href='https://comicstoresubscriptions.com/store/checkout.asp';">View Cart
1650                                    
1651                                    </button>
1652                                     	
1653                                </li>
1654                            </ul>
1655                        </div>
1656
1657                        <!-------MOBILE-------------->
1658
1659                        <div class="row show-mobile mx-auto" style="background: #fff;">
1660                            <div class=" row mx-auto">
1661                                <!-- Search form -->
1662                                <div class="nav-item input-group mb-3" style="margin-left: .5rem;">
1663                                    <input id="txtMarvelSearchMobile" name="txtMarvelSearchMobile" type="text" class="form-control" placeholder="Search" aria-label="Search" aria-describedby="search-bar">
1664                                    <div class="input-group-prepend">
1665                                        <button onclick="return MakeMarvelSearchMobile();"><span class="input-group-text" id="search-bar"><i class="fas fa-search"></i></span></button>
1666                                    </div>
1667                                </div>
1668                                <hr class="text-muted" style="margin-left: -.2rem;">
1669                                <div class="row" style="margin-left: .5rem;">
1670                                    <div class="col-12 mb-2 mt-1">
1671                                        <div class="btn-group nav-button" id="viewCartMobile_Container">
1672                                            <button onclick="location.href='https://comicstoresubscriptions.com/store/checkout.asp" class="btn box-btn tabindex" type="button">VIEW CART 
1673                                            
1674                                            </button>
1675                                            	
1676                                        </div>
1677                                    </div>
1678                                </div>
1679                                <div class="row" style="margin-left: .5rem;">
1680                                    <div class="col-6 pt-2 pb-3 ">
1681                                         
1682                                        <div class="btn-group nav-button">
1683                                            <button onclick="location.href='https://comicstoresubscriptions.com/register.asp';" class="btn box-btn tabindex" type="button">SIGN UP </button>
1684                                        </div>
1685                                        
1686                                    </div>
1687
1688                                    <div class="col-6 pt-2 pb-3">
1689                                        
1690                                        <div class="btn-group nav-button">
1691                                            <button onclick="location.href='https://comicstoresubscriptions.com/login.asp';" class="btn box-btn tabindex" type="button">LOG IN </button>
1692                                        </div>
1693                                        
1694                                    </div>
1695                                </div>
1696                            </div>
1697
1698
1699                        </div>
1700
1701
1702                    </div>
1703                </div>
1704            </div>
1705        </nav>
1706
1707    </div>
1708
1709    <!--------------------------------------- /NAV -------------------------------------------------->
1710</header>
1711
1712
1713<!---------/HEADER--------------------------------------------------->
1714
1715<script type="text/javascript">
1716
1717    $(document).ready(function () {
1718        $('#txtMarvelSearch').keypress(function (event) {
1719            var keycode = (event.keyCode ? event.keyCode : event.which);
1720            if (keycode == '13') {
1721                debugger
1722                var searchStr = $("#txtMarvelSearch").val();
1723
1724                if (searchStr.length > 3) {
1725                    var searchURL = 'https://comicstoresubscriptions.com/store/search.asp?val=' + searchStr;
1726                    window.location.href = searchURL;
1727                    return false;
1728                }
1729                else {
1730                    return false;
1731                }
1732            }
1733        });
1734
1735        $('#txtMarvelSearchMobile').keypress(function (event) {
1736            var keycode = (event.keyCode ? event.keyCode : event.which);
1737            if (keycode == '13') {
1738                debugger
1739                var searchStr = $("#txtMarvelSearchMobile").val();
1740
1741                if (searchStr.length > 3) {
1742                    var searchURL = 'https://comicstoresubscriptions.com/store/search.asp?val=' + searchStr;
1743                    window.location.href = searchURL;
1744                    return false;
1745                }
1746                else {
1747                    return false;
1748                }
1749            }
1750        });
1751
1752    });
1753
1754
1755    function MakeMarvelSearch() {
1756        var txtSearch = $("#txtMarvelSearch").val();
1757
1758
1759        if (txtSearch.length > 3) {
1760            location.href = 'https://comicstoresubscriptions.com/store/search.asp?val=' + txtSearch;
1761        }
1762    }
1763
1764    function MakeMarvelSearchMobile() {
1765        var txtSearch = $("#txtMarvelSearchMobile").val();
1766
1767
1768        if (txtSearch.length > 3) {
1769            location.href = 'https://comicstoresubscriptions.com/store/search.asp?val=' + txtSearch;
1770        }
1771    }
1772</script>
1772
1773
1774        <main class="text-pad">
1775		
1776
1777		
1778
1779			
1780<style>
1781#enlargeImageModal .modal-dialog{
1782    max-width: 50%;
1783    overflow: hidden;
1784    border-radius: 5px;
1785}
1786
1787#enlargeImageModal .modal-body{
1788    margin: auto;
1789    height: auto;
1790    width: auto;
1791    overflow: hidden;
1792}
1793
1794#enlargeImageModal .modal-body img{
1795    display: flex;
1796    margin: auto;
1797    max-width: 100%;
1798}
1799	
1800
1801</style>
1802<link href="https://comicstoresubscriptions.com/css_files/ipd.css" rel="stylesheet" />
1803   <!-------------TEXT SLIDER------------------->
1804            <div class="row d-block py-1 top-banner mt-3">
1805                <div id="marquee-slider" class="carousel slide text-center" data-ride="carousel" style=" ">
1806                    <div class="carousel-inner " role="listbox">
1807                        <div class="carousel-item active text-center">
1808                            <a href="https://comicstoresubscriptions.com/store/search.asp">UP TO 45% OFF THE NEXT 12 ISSUES OF YOUR FAVORITE COMICS!</a>
1809                        </div>
1810                        <div class="carousel-item text-center ">
1811                            <a href="https://comicstoresubscriptions.com/register.asp">FREE SHIPPING FOR ALL DOMESTIC SUBSCRIPTIONS</a>
1812                        </div>
1813                       <!-- <div class="carousel-item text-center ">
1814                            <a href="https://comicstoresubscriptions.com/newsletter.asp">SIGN UP OF THE MARVEL SUBSCRIPTION NEWSLETTER</a>
1815                        </div>-->
1816                    </div>
1817                    <a id="marquee-iconPR" class="carousel-control-prev hide-big" href="#marquee-slider" role="button" data-slide="prev"
1818                       style="xposition:relative;top:0%;yposition:relative;">
1819                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
1820                        <span class="sr-only">Previous</span>
1821                    </a>
1822                    <a id="nxt-marq" class="carousel-control-next hide-big" href="#marquee-slider" role="button" data-slide="next"
1823                       style="xposition:relative;top:0%;yposition:relative;">
1824                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
1825                        <span class="sr-only">Next</span>
1826                    </a>
1827                </div>
1828
1829            </div>
1830 <!-------------TEXT SLIDER------------------->
1831
1832
1833<div id="top-section" class="row w-100  mx-auto m-1 " style="padding-top: 1.75rem;">
1834	<div id="main-image" class="col-5 text-center" role="region" aria-label="Product images">
1835		<div class="ipd-img" data-toggle="modal" data-target="#enlargeImageModal" style="">
1836			
1837			<img src="https://www.comicstoresubscriptions.com/images/PRODUCT/FUL/12882_ful.jpg" alt="Midnight: X-Men" />
1838		  
1839		</div>
1840	</div>
1841	<!-----/IMAGE------>
1842
1843	<!-----PRODUCT INFO------>
1844	<div id="product-info" class="col-7 p-2">
1845		<!--<div class="row pb2 text-left pl-1"><span><a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Batman">Batman</a> / <a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Gotham City">Gotham City</a> / <a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Justice League">Justice League</a> / <a class="tabindex" href="https://subscriptions.dccomics.com/subs-search?val=Most Popular">Most Popular</a> </span></div>-->
1846		
1847        <div id="comictitle" class="row text-left pl-1" aria-label="">
1848			<h1>Midnight: X-Men</h1>
1849		</div>
1850		<!---PRICE-->
1851		<div id="" class="row ">
1852
1853			<div Class="card-body text-left">
1854				
1855				<div Class="prod-cover">
1856					Cover Price: $59.88
1857				</div>
1858            	
1859               
1860				<div Class="discount-txt">Your Price: $35.93</div>
1861
1862				
1863				<div Class="discount-saved "> YOU SAVE 40% OFF</div>
1864				
1865
1866				
1867			</div>
1868
1869
1870		</div>
1871		<!---ADD TO CART BUTTON-->
1872		<div id="product-purchase" Class="row" style="margin-top: -2rem;">
1873			<div id="price-info" Class="row" style="text-align:left;"></div>
1874			     <div style="text-align:left;" class="btn-group  pcart-button add-cart-show"  id = "addtocart1860">     		<a href="javascript:comicStore.common.save_cart(1860,1)"><button class="btn p-add-cart tabindex" type="button">ADD TO CART</button></a>     	</div>     <div style="text-align:left;display:none;" class="btn-group  pcart-button add-cart-show" id="outofstock1860">     		<a href="https://comicstoresubscriptions.com/store/checkout.asp"><button style="background-color: rgb(0, 197, 96);"  class="btn p-add-cart tabindex" type="button">ADDED</button></a>     	</div>			
1875		</div>
1876
1877		<!---/ADD TO CART BUTTON-->
1878
1879
1880		<!--Other Info-->
1881		<div class="row col-12 pt-2 pb-2">
1882			<div id="other-info" class="card-body text-left">
1883				<ul>
1884					
1885					<li>12 issue subscription</li>
1886					
1887					
1888					<br />
1889
1890					    <li>FREE U.S. Shipping</li>
1891					    <p> Please allow 6-8 weeks for delivery of your first issue. </p>
1892						
1893					    <li><span>Get this subscription for 44% OFF!</span>
1893<p>
1894							<a href="#discount" data-toggle="modal"><span class="bi bi-caret-right"></span> Find out how!</a></p>
1895                        </li>
1896						
1897                            
1898
1899                            <li><span>Rating : T  <a href="#ratings" data-toggle="modal"><img src="https://www.comicstoresubscriptions.com//i/icon_info.png"></a></span></li>
1900					        <br />
1901
1902							
1903                            			<li><span>Class</span><p><a href="https://comicstoresubscriptions.com/store/search.asp?val=New+Titles">New Titles</a></p> </li>
1904									
1905										<li><span>Rating</span><p>Parental Advisory</p> </li>
1906									
1907										<li><span><font style="color:red">Last Issue Processed</font></span><p>Midnight X-Men #1 Cover A Regular Dike Ruan Cover</p> </li>
1908									
1909
1910
1911				</ul>
1912				<span class="names-text pl-2 "> Recent Talent</span>
1913                <ul class="pt-2">
1914					      
1915					<li><span>Writer: <span class="names-textb">Jonathan Hickman</span></span> </li>
1916					      
1917					<li><span>Artist: <span class="names-textb">Matteo Della Fonte</span></span> </li>
1918					
1919                    <li><span>Release Date: <span class="names-textb">11/18/2026</span></span> </li>
1920
1921                </ul>
1922
1923			</div>
1924		</div>
1925
1926
1927		<!--END-->
1928
1929
1930	</div>
1931</div>
1932
1933
1934<div id="main-section" class="container-fluid text-left">
1935	<div class="card" style="margin-top: -3rem; border:none;">
1936		<div id="prod-description" class="row">
1937			<h2 class="">Description</h2>
1938		</div>
1939
1940		<div style="background-color:#f8f8f8;">
1941			<div id="" class="row  mx-2 pt-4">
1942
1943				<div id="desc-text" class="row mx-auto ">
1944					<p class="text-justify">AN ALL-NEW, ALL-DISTURBING UNIVERSE BEGINS HERE! The clock strikes midnight, and it''''''''''''''''''''''''''''''''s the dark dawn of a new era. The shadows of New York City are stalked by vampires and the mutant empyres. The sword of Damocles hangs over the peace between these two species and the factions within them. An outright war is brewing and the unturned will be caught in the crossfire. Blockbuster comic book writer Jonathan Hickman returns to the X-Men with a hunger for blood as this new world of terror reimagines the heroes of the Marvel Universe!</p>
1945
1946				</div>
1947
1948
1949
1950			</div>
1951
1952
1953
1954		</div>
1955
1956	</div>
1957
1958
1959	
1959<script>
1960$(document).ready(function(){
1961		 // popovers initialization - on hover
1962	$('[data-toggle="popover-hover"]').popover({
1963	  html: true,
1964	  trigger: 'hover',
1965	  placement: 'bottom',
1966	  content: function () { return '<img src="' + $(this).data('img') + '" />'; }
1967	});
1968
1969	// popovers initialization - on click
1970	$('[data-toggle="popover-click"]').popover({
1971	  html: true,
1972	  trigger: 'click',
1973	  placement: 'bottom',
1974	  content: function () { return '<img src="' + $(this).data('img') + '" />'; }
1975	});
1976});
1977	</script>
1977
1978
1979       
1980
1981
1982<script type="application/javascript" language="javascript">
1983	function setAction(action,marvel_pr_id,midtown_pr_id)
1984	{
1985		
1986		//alert(marvel_pr_id);
1987		//alert(midtown_pr_id);
1988		//alert(action);
1989		//return false;
1990		
1991		//alert(document.getElementById("imgFile").value);
1992		if (action == 'refresh')
1993		{	
1994			document.getElementById("wht").value='refresh';
1995		
1996			document.getElementById("marvel_pr_id").value = marvel_pr_id;
1997			document.getElementById("midtown_pr_id").value = midtown_pr_id;
1998			
1999			document.frmUpcomming.submit();
2000		}
2001		else if (action == 'update')
2002		{
2003			document.getElementById("marvel_pr_id").value = marvel_pr_id;
2004			document.getElementById("midtown_pr_id").value = midtown_pr_id;
2005			
2006			 var x = screen.width/2 - 700/2;
2007	
2008				var y = screen.height/2 - 450/2;
2009		   
2010			
2011			window.open("upload.asp?prid=" + marvel_pr_id,"Upload Product Image","height=485,width=700,left=" +x+ ",top="+y)
2012		}
2013		
2014	//	alert(action);
2015		
2016		
2017	}
2018	</script>
2018
2019
2020
2021
2022<form id="frmUpcomming" name="frmUpcomming" method="POST">
2023	<input type="hidden" id="wht" name="wht" />
2024	<input type="hidden" id="marvel_pr_id" name="marvel_pr_id" />
2025	<input type="hidden" id="midtown_pr_id" name="midtown_pr_id" />
2026	<!------UPCOMING ISSUES---->
2027	<div class="card" style="margin-top: 0rem; border: none;">
2028		<div id="prod-description" class="row" style="width:100%;border-bottom:solid 1px #fff;">
2029			<span class=""> <h2 style="float:left">Upcoming Issues</h2> </span>
2030			<span style="margin-top:-.5rem; s"><a class="text-muted" href="#ship-alert" data-toggle="modal">Please note that if you subscribe now, your first issue may not necessarily be one of these. <img style="margin-top:-.4rem; margin-left: .2rem;" src="https://subscriptions.dccomics.com/images/icon_info.png"></a></span>
2031
2032
2033		</div>
2034
2035		<div class="container1660 container-fluid mt-2">
2036			<div class="row justify-content-left">
2037
2038				
2039
2040                                <div class="col-auto mb-3 mt-2" style="margin: 0px -20px;">
2041					                <div class="card h-100 c-issue" style="background-color:transparent; border:none;">
2042						                <div class="card-img-top pl-3 ">
2043											
2044                                            <img class="img-fluid float-left" style="border:solid 1px #ccc;margin-bottom:10px;" src="https://www.comicstoresubscriptions.com/images/PRODUCT/FUL/12882_ful.jpg" alt='Midnight X-Men #2 Cover A Regular Dike Ruan Cover' width="250" height="350" />
2045					  						   
2046                                        </div>
2047						                <div class="card-body text-left">
2048							                <span class="up-title pb-2">Midnight X-Men #2 Cover A Regular Dike Ruan Cover</span>
2049                                             <p Class="issue-text card-text text-justify pt-2">Eat.<br>Prey.<br>Love.<p>PARENTAL ADVISORY</p>
2050						                </div>
2051					                </div>
2052				                </div>
2053
2054								
2055                            
2056
2057
2058			</div>
2059		</div>
2060
2061	</div>
2062
2063</form>
2064	
2065
2066    <!------ Upcoming Section----------------------->
2067
2068
2069
2070</div>
2071
2072
2073
2074 
2075<br/><br/>
2076
2077<!--
2077<script>
2078$(document).ready(function(){
2079    $("#imgIPD").click(function(){
2080        // Change src attribute of image
2081        $("#enlargeImageModal").attr("src", "images/card-front.jpg");
2082    });    
2083});
2084</script>
2084-->
2085		<div style="margin-bottom: 8rem; "></div> <!---UPDATED-->
2086		<!-- App badge section-------->
2087<div class="row mx-auto text-center hide-big " style="background-color: #a40404;margin-top:-5rem;">
2088        <a target="_blank" href="https://www.midtowncomics.com"><img class="img-fluid " src="https://comicstoresubscriptions.com/img_files/m-footer.png" alt="Shop at Midtown Comics Banner"></a>
2089
2090
2091
2092    </div>
2093
2094    <div class="row  w-100 show-mobile mx-auto text-center" style="background-color: #a40404; margin-top:-5rem;">
2095        <a  target="_blank" href="https://www.midtowncomics.com"><img class="img-fluid " src="https://comicstoresubscriptions.com/img_files/m-footer_mobile.png" alt="Shop at Midtown Comics Banner mobile"></a>
2096    </div>
2097   <!-- Footer-->
2098<footer class="bg-black text-center pt-4 w-100">
2099    <div class="container px-2">
2100        <div class="justify-content-md-center col-12 footer-logo ">
2101            <img class="img-fluid" src="https://comicstoresubscriptions.com/img_files/marvel_subs-log_footer.png" alt="Comics Subscriptions Logo">
2102        </div>
2103        <div class="col-12 text-center pt-2">
2104            <a class="btn btn-link" href="https://comicstoresubscriptions.com/privacy-policy.asp" rel="noopener">Privacy Policy</a>
2105 <!--           <a class="btn btn-link" href="https://comicstoresubscriptions.com/privacy-policy.asp" target="_blank" rel="noopener">Terms</a>
2106            <a class="btn btn-link" href="https://comicstoresubscriptions.com/privacy-policy.asp" target="_blank" rel="noopener">Ad Choices</a>-->
2107            <a class="btn btn-link" href="https://comicstoresubscriptions.com/accessibility.asp" rel="noopener">Accessibility Information</a>
2108           <!-- <a class="btn btn-link ot-sdk-show-settings d-inline-block"  href="https://comicstoresubscriptions.com/privacy-policy.asp#cookie-text">Cookies Settings</a>-->
2109        </div>
2110		
2111		
2112		<style>
2113			.ada-txt{font-size: 12pt; font-family: Roboto; font-weight: normal;}
2114			.ada-header {font-size: 22px; font-family: Roboto; font-weight: 600;}
2115			@media only screen and (max-width: 550px) {.ada-txt{ font-size: 10pt; }
2116			.ada-header {font-size: 19px; }}
2117				
2118		</style>
2119		
2120		
2121		
2122		<div class="container-fluid mx-auto pt-2 pb-2"><div id="ada-disclaimer" class=" mx-auto"  style="border: solid 1px #fff;
2123		border-radius: 8px; background-color: black; color: white; padding: 0px 3px;">
2124	<div class="card-body  row  mx-2">  
2125	<div class="text-left" >
2126		<p class="pt-3"><span class="fa fa-universal-access fa-3x" ></span>  <span class="ada-header"> ADA Compliance Notice</span></p>
2127		<p class="ada-txt">We are committed to ensure digital accessibility for everyone. We're constantly improving the user experience by applying relevant accessibility standards to make our website compliant with the World Wide Web Consortium's "Web Content Accessibility Guidelines 2.1" (WCAG 2.1), a set of guidelines adopted by a private group designed to maximize accessibility of web content. </p>
2128		<p><a class="ada-txt" style="color: #FFF844;" href="https://www.comicstoresubscriptions.com/accessibility.asp">Accessibility Information <span class="fa fa-link"></span></a></p>
2129		
2130	</div></div>
2131		
2132	</div></div>	
2133		
2134		
2135		
2136		
2137		
2138		
2139        <div class="col-12 text-center d-inline-block"><div class="small legal d-inline-block"><div>&trade; & &copy; <span id="currentYear"></span> COMICS STORE SUBSCRIPTIONS. ALL RIGHTS RESERVED</div></div></div>
2140    </div>
2141</footer>
2142
2143
2144
2145<script>
2146        const year = new Date().getFullYear();
2147        document.getElementById('currentYear').textContent = year;
2148</script>
2148
2149
2150<script type="text/javascript">
2151  (function() {
2152    var sa = document.createElement('script'); sa.type = 'text/javascript'; sa.async = true;
2153    sa.src = ('https:' == document.location.protocol ? 'https://cdn' : 'http://cdn') + '.ywxi.net/js/1.js';
2154    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sa, s);
2155  })();
2156</script>
vendor: 2 bytes, line 2156
2156
2157<script type="text/javascript">
2158    (function () {
2159        if (!localStorage.getItem('cookieconsent')) {
2160            document.body.innerHTML += '\
2161		<div class="cookieconsent p-2 text-center" style="padding:0.5rem !important; text-align: center!important; font-size: 12px;position:fixed;left:0;bottom:0;background-color:#000;color:#FFF;width:100%;z-index: 9999999999;">\
2162			<h6>We Use Cookies</h6>This site uses cookies, including from third parties, to guarantee the best browsing experience on our website. We do not use any cookies for advertisement or marketing. By using our website and services, you agree to our use of cookies. &nbsp;&nbsp;&nbsp;&nbsp; <a href="#"><button type="button" id="btnCookie" class="btn btn-primary btn-sm">OK</button></a>\
2163			<!--<div style="text-align:center; padding-top: 5px; padding-bottom: 5px;"><a href="#"><button type="button" id="btnCookie" class="btn btn-primary btn-sm">I Agree</button></a></div>-->\
2164		</div>\
2165		';
2166            document.querySelector('.cookieconsent a').onclick = function (e) {
2167                e.preventDefault();
2168               
2169                document.querySelector('.cookieconsent').style.display = 'none';
2170                localStorage.setItem('cookieconsent', true);
2171            };
2172
2173            //document.querySelector('.cookieconsent #btnCookie').onclick = function (e) {
2174            //    e.preventDefault();
2175            //    document.querySelector('.cookieconsent').style.display = 'none';
2176            //    localStorage.setItem('cookieconsent', true);
2177            //};
2178
2179        }
2180    })();
2181    </script>
2181 
2182
2183<!-- Start of midtowncomicshelp Zendesk Widget script -->
2184<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=fc204480-5951-42d4-8452-b3d0d122f51c"> </script>
2184
2185<!-- End of midtowncomicshelp Zendesk Widget script -->
2186
2187
2188
2189 
2190
2191
2192
2193
2194	
2195		</main>
2196
2197    </div>
2198    <!-- id=page -->
2199
2200
2201    
2202
2203<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"e5c5bc576d9f44d2823e407194670372","r":1,"spa":2}' crossorigin="anonymous"></script>
2203
2204</body>
2205</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.