/* Add you own css styling here to override the template css */

.attributes_image {
    margin: 0 auto;
    display: block!important;
    width: 96%;
}

.attributes_image li a {
    width: 100%;
    height: 100%;
}

.attribImg {
    display: block;
    width: 100%;
}


@media (min-width: 1200px) and (max-width: 1769px) {
    .attribImg {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .attribImg {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .attribImg {
        width: 100%;
    }
}

@media (max-width: 449px) {
    .attribImg {
        width: 100%;
    }
}

.main_product_image {
    padding-bottom: 0!important;
    margin-top: 10px;
}
li.additionalImages.centeredContent.back {
    margin: 10px 0;
}

@media (max-width: 991px) {
    li.additionalImages.centeredContent.back {
        margin: 10px;
    }
    #productAdditionalImages {
        margin-left: -11px;
    }
}