.amazon-item > div {
    margin-bottom: 1rem;
}
.amazon-item .text-link {
    font-size: 18px;
    display: inline-block;
}
.amazon-item .button-link , .amazon-data-table .button-link{
    color: #fff;
    background-color: #3c9e1a;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
}
.amazon-item .review {
    position: relative;
}
.amazon-item .review .number-review {
    font-size: 0.8em;
    top: 7px;
    position: absolute;
    left: 110px;
}
.amazon-item img {
    max-width: 100%;
}
.a-icon-alt {
    font-size: 1px;
}
.a-icon-star {
    background-image: url('../images/stars.png');
    width: 101px;
    height: 22px;
    position: relative;
    vertical-align: text-top;
    display: inline-block;
    background-size: 418px 22px;
}
.a-star-5 {
    background-position: 0 0;
}
.a-star-4 {
    background-position: -20px 0;
}
.a-star-3 {
    background-position: -40px 0;
}
.a-star-2 {
    background-position: -60px 0;
}
.a-star-1 {
    background-position: -80px 0;
}
.a-star-0 {
    background-position: -100px 0;
}
.a-star-4-5 {
    background-position: -215px 0;
}
.a-star-3-5 {
    background-position: -235px 0;
}
.a-star-2-5 {
    background-position: -255px 0;
}
.a-star-1-5 {
    background-position: -275px 0;
}
.a-star-0-5 {
    background-position: -295px 0;
}

/* Summary Table */
.amazon-data-table table {
    width: 100%;
    border: 1px solid #006c00;
    margin-bottom: 1.2rem;
    border-collapse: collapse;
    font-size: 0.85em;
}
.amazon-data-table table, .amazon-data-table th, .amazon-data-table td {
    border: 1px solid #006c00;
}
.amazon-data-table th, .amazon-data-table td {
    text-align: center;
    padding: 5px;
}
.amazon-data-table th.table-review-header {
    font-weight: bold;
    font-size: 1.1rem;
    text-transform: uppercase;
}
.amazon-data-table th {
    font-weight: bold;
    font-size: 0.9rem;
    text-transform: uppercase;
}
.amazon-data-table td.td-summary {
    width: 110px;
}
.amazon-data-table .product-title {
    font-size: 1rem;
    color: green;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    margin-left: 30px;
}
.amazon-data-table .image-table {
    width: 60px;
}
.amazon-data-table .product-features{
    text-align: left;
}
.amazon-data-table .product-premium {
    
    text-transform: uppercase;
}
.amazon-data-table .product-premium.our-pick {
    color: mediumvioletred;
    font-weight: bold;
    background: lightgray;
    border: 1px dashed mediumvioletred;
    padding: 2px;
}
.amazon-data-table .product-premium.best-seller {
    color: hotpink;
    font-weight: bold;
}
.amazon-data-table .product-premium.best-value {
    color: indianred;
    font-weight: bold;
}
span.no-reviews {
    font-size: 0.8em;
}
tr.our-pick-cell {
    border: 3px solid rgba(0, 191, 255, 1);
    background: rgba(0, 191, 255, 0.1);
}

/* Table of content */
#table-content {
    margin: 1rem 0;
    background: #eee;
    border: 1px solid #AAA;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display: table;
    padding: 10px;
    position: relative;
    width: auto;
}
.table-content-title {
    display: block;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    font-size: 1.1rem;
}
.table-content-title p {
    float: left;
}
.table-content-title #table-content-toggle {
    float: right;
}
.table-content-title p, .table-content-title #table-content-toggle{
    padding: 0.5rem;
    margin: 0;
    cursor: pointer;
}
#table-content-list {
    padding: 0 0 0 1.5rem;
    display: none;
}
#table-content-list  ul {
    list-style: none;
    padding-left: 0;
}
#table-content-list  ul ul {
    padding-left: 1rem;
}

#table-gallery a {
    overflow: hidden;
    max-width: 300px;
    margin: 0 auto;
    justify-content: space-around;
    display: flex;
}

/*#table-gallery .main-images {
    margin: auto 0;
}*/

#table-gallery .main-images {
    margin: 12px 12px 12px 7px;    
    flex: 1 1 auto;
}

#table-gallery .images-thumbs{ 
    margin-right: 7px;
}

.images-thumbs .item {
    margin: 12px 0;
}
#table-gallery .item {
    border: 1px solid #999;
    /* padding: 10px; */
}
#table-gallery .main-images .item {
    height: 100%;
    display: flex;
    align-items: center;    
    justify-content: center;
}
#table-gallery .main-images .item:hover{
    border-color: transparent;
}
div.amazon-data-table td.image-table a img{
    max-height: 200px;
    width: auto;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 992px), (min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.table-item-header {
        display: none;
    }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
    }
    .amazon-data-table  td.image-table, .amazon-data-table td.td-summary {
        width: auto;
    }
    /*td.image-table img{
        width: 100px;
        height: 100px;
    }*/
    td.product-title .item-name {
        margin-left: 60px;
    }
    td.product-features ul {
        margin-left: 70px;
        text-align: left;
    }
	
	/*
	Label the data
	*/
    .amazon-data-table td:nth-of-type(1):before { content: "IMAGE"; }
	.amazon-data-table td:nth-of-type(2):before { content: "MAKE & MODEL"; color:#212529;font-size: 0.9rem; }
	.amazon-data-table td:nth-of-type(3):before { content: "MANUFACTURER FEATURES/SPECIFICATIONS	"; }
	.amazon-data-table td:nth-of-type(4):before { content: "PRICE"; }
    .amazon-data-table td:nth-of-type(5):before { content: "PRICE"; }
    .amazon-data-table .product-title {
        margin-left: 0;
        top: 10px;
        position: relative;
        padding: 10px 0;
        text-align: left;
    }
    div.amazon-data-table .product-features ul {
        margin-left: 0;
        top: 10px;
        position: relative;
        padding: 10px 0;
        text-align: left;
        overflow: hidden;
    }
    .amazon-product img {
        max-width: 100%;
    }
}
.read-review {
    margin-top: 10px;
}
.read-review a{
    text-decoration: underline;
    font-weight: bold;
}

.button-link{
    color: #fff;
    background-color: #3c9e1a;
    padding: 10px 20px;
    border-radius: 3px;
    font-weight: bold;
    letter-spacing: 1px;
    display: inline-block;
}
.text-link{
		font-size: 18px;
    display: inline-block;
}
.button-link:hover{
    color: #ffffff !important;    
		text-decoration: none;
    background-color: #FFC107;
}
main.main .col-md-8 a:hover{
	color:#FFC107;		
	text-decoration: none;
}

main.main .col-md-8 h4{
	font-size: 1.1rem;
}
main.main .col-md-8 table{
	width: 100%;    
	border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  margin-bottom: 1.2rem;
}
main.main .col-md-8 table td{
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 5px 10px;
}
main.main .col-md-8 p a img:hover{
    opacity: 0.8;	
}

.item-product{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 30px 15px;
    border: 2px solid #f2b941;
    border-radius: 5px;
    margin-bottom: 50px;
}
.item-product .amazon-product,
.item-product .content-product{
    width: 50%;
}
.item-product .content-product{
		display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
		-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
}
.item-product:nth-child(odd) .amazon-product,.item-product:nth-child(even) .content-product
{
    padding-right: 15px;
}
.item-product:nth-child(odd) .content-product,
.item-product:nth-child(even) .amazon-product{
    padding-left: 15px;
}
.item-product:nth-child(even){
		-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.item-product.layout-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.item-product.layout-2 .amazon-product {
    width: 100%;
    text-align: center;
}
.item-product.layout-2 .content-product {
    width: 100%;
}
.item-product.layout-2 .amazon-item .review .number-review {
    font-size: 0.8em;
    top: 0px;
    position: relative;
    left: 0;
}

@media (max-width: 991px){
	.item-product .amazon-product, .item-product .content-product{
			width: 100%;
	}
	.item-product,.item-product:nth-child(even),.item-product.layout-2{
		-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
	}
	.item-product:nth-child(odd) .content-product, .item-product:nth-child(even) .amazon-product,.item-product:nth-child(odd) .amazon-product, .item-product:nth-child(even) .content-product{
		padding: 0;
    }
    #owl-carousel-gallery {
        margin: 0 auto;
        width: 500px;
        max-width: 100%;
    }
}
@media (max-width: 450px){
    #sync2 .owl-carousel .owl-stage {
        width: 320px !important;
    }
    #sync2 .item {
        margin: 0;
        width: 40px !important;
    }
    #table-gallery a{
        margin-top: 10px; 
    }
}
#sync1 .item {
    padding: 20px 0;
    margin: 5px auto;
    color: #fff;
    border-radius: 3px;
    text-align: center;
  }

  #sync2 {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
  }
  #sync2 .item {
    padding: 5px 0;
    margin: 10px;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
  }
  
  .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}
