/* Place Custom Template Edits Below */

/* Adjusting the size of the swatches for smaller screens */
.productOptionViewRectangle .option label { padding: 0 !important;line-height: 60px;height: 60px;width: 60px;}
.productOptionPickListSwatch .textureContainer, .productOptionPickListSwatch .swatchColours {display: block !important;}
.productOptionPickListSwatch .thumbnail, .productOptionPickListSwatch .swatchColour {display: block !important;height: 60px !important;width: 60px !important;}
.productOptionPickListSwatch li {display: inline-block !important;}
.productOptionPickListSwatch .swatchColour, .productOptionViewRectangle .option label{ width:25px !important; height:25px !important;}

#ProductDetails .left-content {
    width: 487px;
    margin: 29px 0 0 0;
    float: left;
    
    min-height: 852px;
}

#ProductDetails .ProductMain {
    width: 501px;
    margin: 29px 0 0 0;
    float: right;
    min-height: 852px;
}

.Panel#ProductTabs {
    padding-top: 0px;
    border-right: 1px solid #F4F4F4;
    margin-right: 10px;
    width: 487px;
    float: left;
}

@media only screen and (max-width: 479px){
.Panel#ProductTabs {
    width: 100%!important;
    float: none;
}

#ProductDetails .left-content {
    width: 100%!important;
    float: none;
        min-height: 720px;
}
#ProductDetails .ProductMain {
    width: 100%;
    padding: 0;
    float: none;
        min-height: auto !important;
           
}
.addto #SideProductAddToWishList {
    margin: 0px 0 0;
}

}

@media only screen and (max-width: 767px) and (min-width: 480px){
.Panel#ProductTabs {
    width: 100%!important;
    float: none;
}

#ProductDetails .left-content {
    width: 100%!important;
    float: none;
    min-height: auto; 
}
#ProductDetails .ProductMain {
    width: 100%;
    padding: 0;
    float: none;
    min-height: auto; 
}
.addto #SideProductAddToWishList {
    margin: 0px 0 0;
}

}

@media only screen and (max-width: 959px) and (min-width: 768px){
.Panel#ProductTabs {
    width: 100%!important;
    float: none;
}

#ProductDetails .left-content {
    width: 100%!important;
    float: none;
    min-height: auto; 
    
}
#ProductDetails .ProductMain {
    width: 100%;
    padding: 0;
    float: none;
    min-height: 600px;
    
}
.addto #SideProductAddToWishList {
    margin: 0px 0 0;
}
.PageMenu>.inner {
    
    width: 98%;
}
}

@media only screen and (max-width: 1024px) and (min-width: 960px){
.Panel#ProductTabs {
    width: 48%!important;
   
}

#ProductDetails .left-content {
    width: 48%!important;
    
}
#ProductDetails .ProductMain {
    width: 49%;
    
}

.PageMenu>.inner {
    
    width: 98%;
}
}