@media (max-width: 730px) {html {
    width: 100%; }
}

body {
    background-image: url('pozadina.jpg');
    background-repeat: no-repeat;
    margin-top: -5.5%;
    background-size: 100% 100%;
    width: 100%;
}

.new_m {
    margin-right: -22%;
}

@media (max-width: 988px) {
    .media_style {
        display: block;
        z-index: 1;
        width: 74%;
        position:fixed;
        left: 11%;
        overflow: hidden;
    }
  }

@media (max-width: 730px) {
    .media_new {
        display: contents;
    }
}

@media (max-width: 730px) {
    .media_contact {
       left: -6%;
    }
}

@media (max-width: 730px) {
    .media_h2 {
        margin-right:3%;
    }
}

@media (max-width: 730px) {
    .media_p{
        margin-right: 1%;
    }
}

@media (max-width: 730px) {
    .media_form{
        margin-right: 1%;
    }
}

@media (max-width: 730px) {
    #server_img {
        width: 100%;
    }
}

@media only screen and (max-width: 730px) {
    .media_nav {
        height: 9%;
    }
}

@media only screen and (max-width: 730px) {
    .logo {
        height: 12vh;
        width:16vh !important;
    }
}

.custom {
    color: white;
}

#logo {
    width: 25%;
    margin-bottom: -7%;
    margin-left: -4.9%;
}

.wh-col {
    color:black;
}

.cart-style {
    margin-top: 7%;
    position: fixed;
    margin-left: 42%;
}


@media screen 
 and (min-device-width: 1200px) 
 and (max-device-width: 1600px) 
 and (-webkit-min-device-pixel-ratio: 1) { 
    .cart-style{
        margin-top: 7%;
        position: fixed;
        margin-left: 50%;

     }
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
        .cart-style{
        margin-top: 7%;
        position: fixed;
        margin-left: 50%;

     }
}

.custom:hover {
    color:white;
}

.spec_details {
    border-bottom: 1px solid black;
   
}

textarea {
    font-size: 25px;
}

.names{
    opacity: 0.5;
    font-weight: 800;
    padding-bottom:1%;
}

.det {
    font-size: 20px;
   display: inline-block;
}

.light {
    font-weight: 400;
}

.para {
    padding-top: 7%;
    font-size: 20px;
    line-height: 1.5;
    text-align: justify;
}

#quantity {
    border: 0;
    background-color:#94bdd1;
}

.cart {
    margin-top: 7%;
    position: fixed;
    margin-left: 60%;
}

.custom-table {
    border: 3px solid darkgray;
    border-radius: 4px;
}

.specs {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    display: block;
    width: auto;
    margin-top: 4%;
    font-size: 20px;
    color: #fff;
}

#feature {
    color: #08134c;
    margin-top: 3%;
}

@media (max-width: 730px) {
    .set {
        padding: 1px;

    }
}

#hr {
   border: 2px solid #616161;
}

.is_checked {
    display: block;
}

.option-list {
    display: block;
    font-size: 20px;
}

@media (max-width: 730px) {
    .category {
        margin: 0px;
    }
}

@media (max-width: 730px) {
    .col-md-8 {
        margin: 0px !important;
        width: 98% !important;
    }
}

.category {
    margin: 5px 0px;
    font-weight: bold;
    font-size: 20px;
}

.options-table {
    width: 100%;
}

.chapter-like {
    display: inline;
}

.custom-radio-text {
    position: relative;
}

.custom-td {
    position: relative;
    vertical-align:bottom;
    padding-bottom: 7px;
    padding-top: 7px;
}

.custom-radio-text:before {
    content: '';
    display: block;
    width: 15px;
    height: 4px;
    position: absolute;
    left: -15px;
    bottom: 0;
}

.listNone {
    list-style-type: none;
}

tr:nth-child(even) {background-color: none;}