.w3-striped tbody tr:nth-child(even) { background-color: #f1f1f1}
.w3-table-all tr:nth-child(odd) { background-color: #fff}
.w3-table-all tr:nth-child(even) { background-color: #f1f1f1}
.w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover { background-color: #ccc}
.w3-centered tr th, .w3-centered tr td { text-align: center}
.w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th { padding: 6px 8px;
display: table-cell;
text-align: left;
vertical-align: top}
.w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child { padding-left: 16px}
.w3-btn, .w3-btn-block { border: none;
display: inline-block;
outline: 0;
padding: 6px 16px;
vertical-align: middle;
overflow: hidden;
text-decoration: none !important;
color: #fff;
background-color: red;
text-align: center;
cursor: pointer;
white-space: nowrap}
.w3-btn-group .w3-btn { float: left}
.w3-btn-bar .w3-btn { box-shadow: none;
background-color: inherit;
color: inherit;
float: left}
.w3-btn-bar .w3-btn:hover { background-color: #ccc}
.w3-ripple { position: relative;
overflow: hidden}
.w3-ripple:after { content: "";
background: #ccc;
position: absolute;
padding: 300%;
bottom: 0;
left: 0;
opacity: 0;
transition: 0.8s}
.w3-ripple:active:after { padding: 0;
opacity: 1;
transition: 0s}
.w3-badge, .w3-tag, .w3-sign { background-color: #000;
color: #fff;
display: inline-block;
padding-left: 8px;
padding-right: 8px;
text-align: center}
.w3-badge { border-radius: 50%}
ul.w3-ul { list-style-type: none;
padding: 0;
margin: 0}
ul.w3-ul li { padding: 6px 2px 6px 16px;
border-bottom: 1px solid #ddd}
ul.w3-ul li:last-child { border-bottom: none}
.w3-tooltip, .w3-display-container { position: relative}
.w3-fluid { max-width: 100%;
height: auto}
.w3-tooltip .w3-text { display: none}
.w3-tooltip:hover .w3-text { display: inline-block}
.w3-navbar { list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden}
.w3-navbar li { float: left}
.w3-navbar li a { display: block;
padding: 8px 16px}
.w3-navbar li a:hover { color: #000;
background-color: #ccc}
.w3-navbar .w3-dropdown-hover, .w3-navbar .w3-dropdown-click { position: static}
.w3-navbar .w3-dropdown-hover:hover, .w3-navbar .w3-dropdown-hover:first-child, .w3-navbar .w3-dropdown-click:hover { background-color: #ccc;
color: #000}
.w3-navbar a, .w3-topnav a, .w3-sidenav a, .w3-dropdown-content a, .w3-accordion-content a, .w3-dropnav a { text-decoration: none !important}
.w3-navbar .w3-opennav.w3-right { float: right !important}
.w3-topnav { padding: 8px 8px}
.w3-topnav a { padding: 0 8px;
border-bottom: 3px solid transparent;
-webkit-transition: border-bottom .3s;
transition: border-bottom .3s}
.w3-topnav a:hover { border-bottom: 3px solid #fff}
.w3-topnav .w3-dropdown-hover a { border-bottom: 0}
.w3-opennav, .w3-closenav { color: inherit}
.w3-opennav:hover, .w3-closenav:hover { cursor: pointer;
opacity: 0.8}
.w3-sidenav { height: 100%;
width: 200px;
background-color: #fff;
position: fixed !important;
z-index: 1;
overflow: auto}
.w3-sidenav a { padding: 4px 2px 4px 16px}
.w3-sidenav a:hover { background-color: #ccc}
.w3-sidenav a, .w3-dropnav a { display: block}
.w3-sidenav .w3-dropdown-hover:hover, .w3-sidenav .w3-dropdown-hover:first-child, .w3-sidenav .w3-dropdown-click:hover, .w3-dropnav a:hover { background-color: #ccc;
color: #000}
.w3-sidenav .w3-dropdown-hover, .w3-sidenav .w3-dropdown-click { width: 100%}
.w3-sidenav .w3-dropdown-hover .w3-dropdown-content, .w3-sidenav .w3-dropdown-click .w3-dropdown-content { min-width: 100%}
.w3-main, #main { transition: margin-left .4s}
.w3-modal { z-index: 3;
display: none;
padding-top: 100px;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4)}
.w3-modal-content { margin: auto;
background-color: #fff;
position: relative;
padding: 10px;
outline: 0;
width: 600px}
.w3-closebtn { text-decoration: none;
float: right;
font-size: 24px;
font-weight: bold;
color: inherit;
position: absolute;
right: 0px;
top: 10px;
line-height: 0px;
}
.relPos:last-child { border: 0px !important;
}
.w3-closebtn:hover, .w3-closebtn:focus { color: #000;
text-decoration: none;
cursor: pointer}
.w3-pagination { display: inline-block;
padding: 0;
margin: 0}
.w3-pagination li { display: inline}
.w3-pagination li a { text-decoration: none;
color: #000;
float: left;
padding: 8px 16px}
.w3-pagination li a:hover { background-color: #ccc}
.w3-input-group, .w3-group { margin-top: 24px;
margin-bottom: 24px}
.w3-input { padding: 8px;
display: block;
border: none;
border-bottom: 1px solid #808080;
width: 100%}
.w3-label { color: #009688}
.w3-input:not(:valid) ~ .w3-validate { color: #f44336}
.w3-select { padding: 9px 0;
width: 100%;
color: #000;
border: 1px solid transparent;
border-bottom: 1px solid #009688}
.w3-select select:focus { color: #000;
border: 1px solid #009688}
.w3-select option[disabled] { color: #009688}
.w3-dropdown-click, .w3-dropdown-hover { position: relative;
display: inline-block;
cursor: pointer}
.w3-dropdown-hover:hover .w3-dropdown-content { display: block;
z-index: 1}
.w3-dropdown-content { cursor: auto;
color: #000;
background-color: #fff;
display: none;
position: absolute;
min-width: 160px;
margin: 0;
padding: 0}
.w3-dropdown-content a { padding: 6px 16px;
display: block}
.w3-dropdown-content a:hover { background-color: #ccc}
.w3-accordion { width: 100%;
cursor: pointer}
.w3-accordion-content { cursor: auto;
display: none;
position: relative;
width: 100%;
margin: 0;
padding: 0}
.w3-accordion-content a { padding: 6px 16px;
display: block}
.w3-accordion-content a:hover { background-color: #ccc}
.w3-progress-container { width: 100%;
height: 1.5em;
position: relative;
background-color: #f1f1f1}
.w3-progressbar { background-color: #757575;
height: 100%;
position: absolute;
line-height: inherit}
input[type=checkbox].w3-check, input[type=radio].w3-radio { width: 24px;
height: 24px;
position: relative;
top: 6px}
input[type=checkbox].w3-check:checked + .w3-validate, input[type=radio].w3-radio:checked + .w3-validate { color: #009688}
input[type=checkbox].w3-check:disabled + .w3-validate, input[type=radio].w3-radio:disabled + .w3-validate { color: #aaa}
.w3-responsive { overflow-x: auto}
.w3-content { max-width: 980px;
margin: auto}
.w3-rest { overflow: hidden}
.w3-hide { display: none !important}
.w3-show-block, .w3-show { display: block !important}
.w3-show-inline-block { display: inline-block !important}
@media (max-width: 600px) { .w3-modal-content { margin: 0 10px;
width: auto !important }
.w3-modal { padding-top: 30px }
}
@media (max-width: 768px) { .w3-modal-content { width: 500px }
.w3-modal { padding-top: 50px }
}
@media (min-width: 993px) { .w3-modal-content { width: 900px }
}
@media screen and (max-width: 600px) { .w3-topnav a { display: block }
.w3-navbar li:not(.w3-opennav) { float: none;
width: 100% !important }
.w3-navbar li.w3-right { float: none !important }
}
@media screen and (max-width: 600px) { .w3-topnav .w3-dropdown-hover .w3-dropdown-content, .w3-navbar .w3-dropdown-click .w3-dropdown-content, .w3-navbar .w3-dropdown-hover .w3-dropdown-content { position: relative }
}
@media screen and (max-width: 600px) { .w3-topnav, .w3-navbar { text-align: center }
}
@media (max-width: 600px) { .w3-hide-small { display: none !important }
}
@media (max-width: 992px) and (min-width: 601px) { .w3-hide-medium { display: none !important }
}
@media (min-width: 993px) { .w3-hide-large { display: none !important }
}
@media screen and (max-width: 992px) { .w3-sidenav.w3-collapse { display: none }
.w3-main { margin-left: 0 !important;
margin-right: 0 !important }
}
@media screen and (min-width: 992px) { .w3-sidenav.w3-collapse { display: block !important }
}
.w3-top, .w3-bottom { position: fixed;
width: 100%;
z-index: 1}
.w3-top { top: 0}
.w3-bottom { bottom: 0}
.w3-overlay { position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2}
.w3-left { float: left !important}
.w3-right { float: right !important}
.w3-tiny { font-size: 10px !important}
.w3-small { font-size: 12px !important}
.w3-medium { font-size: 15px !important}
.w3-large { font-size: 18px !important}
.w3-xlarge { font-size: 24px !important}
.w3-xxlarge { font-size: 36px !important}
.w3-xxxlarge { font-size: 48px !important}
.w3-jumbo { font-size: 64px !important}
.w3-vertical { word-break: break-all;
line-height: 1;
text-align: center;
width: 0.6em}
.w3-left-align { text-align: left !important}
.w3-right-align { text-align: right !important}
.w3-justify { text-align: justify !important}
.w3-center { text-align: center !important}
.w3-display-topleft { position: absolute;
left: 0;
top: 0}
.w3-display-topright { position: absolute;
right: 0;
top: 0}
.w3-display-bottomleft { position: absolute;
left: 0;
bottom: 0}
.w3-display-bottomright { position: absolute;
right: 0;
bottom: 0}
.w3-display-middle { position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%)}
.w3-display-topmiddle { position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center}
.w3-display-bottommiddle { position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center}
.w3-circle { border-radius: 50% !important}
.w3-round-small { border-radius: 4px !important;
position: absolute;
top: 35%;
transform: translateY(-50%);
}
.w3-round, .w3-round-medium { border-radius: 4px !important}
.w3-round-xxlarge { border-radius: 32px !important}
.w3-round-jumbo { border-radius: 64px !important}
.w3-margin { margin: 16px !important}
.w3-margin-0 { margin: 0 !important}
.w3-margin-top { margin-top: 16px !important}
.w3-margin-bottom { margin-bottom: 16px !important}
.w3-margin-left { margin-left: 16px !important}
.w3-margin-right { margin-right: 16px !important}
.w3-section { margin-top: 16px !important;
margin-bottom: 16px !important}
.w3-padding-tiny { padding: 2px 4px !important}
.w3-padding-small { padding: 4px 8px !important}
.w3-padding-medium, .w3-padding, .w3-form { padding: 8px 16px !important}
.w3-padding-large { padding: 12px 24px !important}
.w3-padding-xlarge { padding: 16px 32px !important}
.w3-padding-xxlarge { padding: 24px 48px !important}
.w3-padding-jumbo { padding: 32px 64px !important}
.w3-padding-4, .w3-padding-hor-4 { padding-top: 4px !important;
padding-bottom: 4px !important}
.w3-padding-8, .w3-padding-hor-8 { padding-top: 8px !important;
padding-bottom: 8px !important}
.w3-padding-12, .w3-padding-hor-12 { padding-top: 12px !important;
padding-bottom: 12px !important}
.w3-padding-16, .w3-padding-hor-16 { padding-top: 16px !important;
padding-bottom: 16px !important}
.w3-padding-24, .w3-padding-hor-24 { padding-top: 24px !important;
padding-bottom: 24px !important}
.w3-padding-32, .w3-padding-hor-32 { padding-top: 32px !important;
padding-bottom: 32px !important}
.w3-padding-48, .w3-padding-hor-48 { padding-top: 48px !important;
padding-bottom: 48px !important}
.w3-padding-64, .w3-padding-hor-64 { padding-top: 64px !important;
padding-bottom: 64px !important}
.w3-padding-128, .w3-padding-hor-128 { padding-top: 128px !important;
padding-bottom: 128px !important}
.w3-padding-0 { padding: 0 !important}
.w3-padding-top { padding-top: 8px !important}
.w3-padding-bottom { padding-bottom: 8px !important}
.w3-padding-left { padding-left: 16px !important}
.w3-padding-right { padding-right: 16px !important}
.w3-topbar { border-top: 6px solid #ccc !important}
.w3-bottombar { border-bottom: 6px solid #ccc !important}
.w3-leftbar { border-left: 6px solid #ccc !important}
.w3-rightbar { border-right: 6px solid #ccc !important}
.w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col { padding: 0 8px}
.w3-spin { animation: w3-spin 2s infinite linear;
-webkit-animation: w3-spin 2s infinite linear}
@-webkit-keyframes w3-spin { 0% { -webkit-transform: rotate(0deg);
transform: rotate(0deg) }
100% { -webkit-transform: rotate(359deg);
transform: rotate(359deg) }
}
@keyframes w3-spin { 0% { -webkit-transform: rotate(0deg);
transform: rotate(0deg) }
100% { -webkit-transform: rotate(359deg);
transform: rotate(359deg) }
}
.w3-animate-fading { -webkit-animation: fading 10s infinite;
animation: fading 10s infinite}
@-webkit-keyframes fading { 0% { opacity: 0 }
50% { opacity: 1 }
100% { opacity: 0 }
}
@keyframes fading { 0% { opacity: 0 }
50% { opacity: 1 }
100% { opacity: 0 }
}
.w3-animate-opacity { -webkit-animation: opac 1.5s;
animation: opac 1.5s}
@-webkit-keyframes opac { from { opacity: 0 }
to { opacity: 1 }
}
@keyframes opac { from { opacity: 0 }
to { opacity: 1 }
}
@-webkit-keyframes animatetop { from { top: -300px;
opacity: 0 }
to { top: 0;
opacity: 1 }
}
@keyframes animatetop { from { top: -300px;
opacity: 0 }
to { top: 0;
opacity: 1 }
}
@-webkit-keyframes animateleft { from { left: -300px;
opacity: 0 }
to { left: 0;
opacity: 1 }
}
@keyframes animateleft { from { left: -300px;
opacity: 0 }
to { left: 0;
opacity: 1 }
}
@-webkit-keyframes animateright { from { right: -300px;
opacity: 0 }
to { right: 0;
opacity: 1 }
}
@keyframes animateright { from { right: -300px;
opacity: 0 }
to { right: 0;
opacity: 1 }
}
@-webkit-keyframes animatebottom { from { bottom: -300px;
opacity: 0 }
to { bottom: 0px;
opacity: 1 }
}
@keyframes animatebottom { from { bottom: -300px;
opacity: 0 }
to { bottom: 0;
opacity: 1 }
}
.w3-animate-zoom { -webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom { from { -webkit-transform: scale(0) }
to { -webkit-transform: scale(1) }
}
@keyframes animatezoom { from { transform: scale(0) }
to { transform: scale(1) }
}
.titleMargin img { float: left;
width: 65px;
height: 65px !important;
margin: 0 10px;
}
}
.imgFill1 { width: 100%;
}
.panwidth { width: 80%;
}
.relPos { position: relative;
border-right: 1px solid red;
padding: 20px 0;
}
.addButtonCircular { width: 30px;
height: 30px;
line-height: 30px;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.rotateBtn { /*-webkit-transform: rotate(45deg);
*/ /*-moz-transform: rotate(45deg);
*/ /*-ms-transform: rotate(45deg);
*/ /*-o-transform: rotate(45deg);
*/ /*transform: rotate(45deg);
*/ display: inline-block !important;
}
.comparePanle { position: fixed;
bottom: 10px;
width: 90%;
left: 50%;
transform: translateX(-50%);
display: none;
z-index: 3;
background: #fff;
}
.product { list-style-type: none;
border: 1px solid #B5B4B7;
margin: 0;
padding: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.product:hover { box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2)}
.product .header { background-color: #111;
color: white;
font-size: 25px;
}
.product li { border-bottom: 1px solid #B5B4B7;
padding: 10px;
text-align: center;
}
.product .grey { background-color: #eee;
font-size: 20px;
}
.modPos { padding-top: 25px;
}
.contentPop { width: 80%;
margin-left: 10%;
height: 80%;
}
.compHeader { min-height: 200px;
}
.compareThumb { height: 150px;
}
.cpu { min-height: 115px;
}
.titleMargin1 { padding: 0px 0px 0px 4px;
margin-top: 0px !important;
margin-bottom: 0px !important;
font-weight: bold;
}
@media only screen and (max-width: 992px) and (min-width: 600px) { li { font-size: 12px;
}
}
@media only screen and (max-width: 992px) { .titleMargin { padding: 4px 0px 0px 4px;
}
.titleMargin1 { padding: 0px 0px 0px 4px;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 600px) { 


	.main-child .top-category-ads {
    display: none;
}
.content-child {
    margin-top: 7px;
}
	li { 
}
.comparePanle h4 { font-size: 15px;
}
.compareThumb { height: 100px;
}
.compHeader { min-height: 150px;
}
}
@media only screen and (min-width: 993px) { .comparePanle { position: fixed;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
display: none;
z-index: 3;
float: left;
background: #fff;
border: 1px solid red;
box-shadow: 0 -1px 4px 1px rgba(0, 0, 0, .2);
}
}
.w3-disabled, .w3-btn:disabled, .w3-btn-floating:disabled, .w3-btn-floating-large:disabled { cursor: not-allowed;
opacity: 0.3;
}