﻿#StoreThumbHolder
{    
     width: 100%;
     margin-top: 15px;
     margin-bottom: 15px;
     text-align: center;
     overflow: hidden;
     height: 77px;
     padding-top: 10px; 
}
#StoreHeading
{
    color:#ba9338;
    font-weight:300;
}
#StoreTextHolder
{
    /*border:1px solid #eee;
    background-color:#f7f7f7;*/
    padding:0px 10px 10px 10px;
    width:510px;   
    float:left;
    height:450px;
    overflow:auto;
    font-size:13px;
}
#StoreImagesHolder
{
    border:0px solid red;
    width:727px;
    height:auto;
    float:right;
    margin-right:-11px;
}
#StoreMatterHolder
{    
    float:left;
    width:100%;
    border:0px solid green;
    margin-bottom:20px;
    margin-top:4px;
    clear:both;
    color:#404040;    
}
.StoreTileSquare
{
    width:240px;
    padding:4px 8px 10px 8px;
}
.StoreTileSquareFirst
{
    width:233px;
    padding:1px 8px 12px 2px;
}
.StoreTileSquare1
{
    width:238px;
    padding:0px 7px 10px 8px;
}
.StoreTileRectangle
{
    width:483px;
    padding:0px 10px 10px 8px;
}
#VideoHolder
{
    width:463px;
    height:217px;
    position:absolute;
    margin-top:0px;
    margin-left:10px;
    background-color:#000;
    border:1px solid #000;    
}
.VideoContainer 
{   
    width: 360px;
    max-width: 360px;         
    height:195px;
    border:0px solid green;   
    margin-left:auto;
    margin-right:auto;    
    margin-top:7px;
}
.VideoClose
{
    width:16px;
    height:16px;
    float:right;
    cursor:pointer;
    margin-top:-1px;
    margin-right:-1px;
    display:none;
}
.VideoImg_Holder
{
    width:486px;
    padding:0px;
    border:0px solid red;
    height:223px;
    float:left;
    overflow:hidden;
}
 #youtubeWrapper {
    
    clear: both;
    width: 100%;
   background:#000000;
}

iframe {
  width: 100%;
}
.aspect-ratio {
  position: relative;
  width: 100%;
  margin:0 auto;
  height: 0;
  padding-bottom: 51%;
}
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}
.RoundImg
{
    width:190px;
    height:190px;
}
.bg
{
    min-height:520px;
}
.AbtUs
{
    padding-top:47px;
}
.prd
{
    padding-top:20px;
}
/* Tabs Start */
#StoreMatterHolder .nav > li > a
{
    padding:0px;
}
#StoreMatterHolder .nav-pills > li > a {
    border-radius:0px;
    background-color:#f0f0f0;    
    color:#333;
    height: 30px;
    font-size: 14px;
    padding-top: 5px;
    text-decoration: none;
}
#StoreMatterHolder .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color:#662046;    
    color:#fff;
    height: 30px;
    font-size: 14px;
    padding-top: 5px;
    text-decoration: none;
}
/* Tabs End */


/*p:first-child:first-letter { float: left; color: #903; font-size: 55px; line-height:60px;padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }*/

/*@media screen and (min-width:50px) and (max-width:599px)
{
    #VideoHolder
    {          
        width:75%;             
        margin-right:10px;
        border:1px solid blue;
    } 
}

@media screen and (min-width:600px) and (max-width:750px)
{
    #VideoHolder
    {          
        width:96%;             
        margin-right:10px;
        border:1px solid red;
    } 
}*/

.dvPrev, .dvNext { 
	width:100px;
	height:inherit;		
	background-color:#fff;	
	position:absolute;
	background:rgba(255,255,255,0.5);
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 40px;
    height: 60px;
    margin-top: -55px;
    font-size: 35px;
}
.carousel-control
{
    width:4%;
}
.carousel-control.right, .carousel-control.left
{
    background-image:none;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
{
    left:41%;
}
.TopPicName
{
    font-size:13px;
    width:190px;
    margin-left:auto;
    margin-right:auto;
    height:60px;    
}
.TopPicHolder1
{
    cursor:pointer;
}


@media screen and (min-width:50px) and (max-width:991px)
{
    .StoreBanner
    {
        width:100%;
    }
    #StoreThumbHolder
    {
         width:99%;
    }
    #StoreTextHolder
    {        
        width:100%;   
        float:left;
        height:auto;        
    }
    #StoreImagesHolder
    {        
        margin-top:10px;        
        width:100%;        
        float:left;
        margin-right:0px;        
    }
    .StoreTileSquare, .StoreTileSquare1, .StoreTileSquareFirst    
    {
        padding:0px;
        margin:0px;
        margin-left: auto;
        margin-right: auto;
        display: block;        
        margin-top:10px;
    }
    .StoreTileSquareFirst    
    {
        width:240px;
    }
    .StoreTileRectangle
    {
        width:90%;
        padding:0px 0px 10px 0px;        
        margin:0px;
        margin-left: auto;
        margin-right: auto;
        display: block;          
    }
    #VideoHolder
    {
        padding:0px;
        margin:0px;        
        width:100%;
        height:auto;
        position:relative;
        float:none;
        margin-bottom:10px;        
    }
    .VideoContainer 
    {   
        padding:0px;        
        width: 90%;
        height:auto;
        max-width: 900px;
        margin-top:20px;                         
        margin-bottom:20px;
    }
    .VideoImg_Holder
    {
        width:100%;      
        height:auto;
        float:none;
        overflow:visible;        
    }

    .carousel-control
    {
        width:15%;
    }
    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
    {
        left:28%;
    } 
    .AbtUs
    {
        padding-top:20px;
    }
    .RoundImg
    {
        width:auto;
        height:auto;
    }
    .prd
    {
        padding-top:0px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px)
{
    .StoreBanner
    {
        width:984px
    }
    #StoreTextHolder
    {   
        width:390px;      
        height:367px;        
    }
    #StoreImagesHolder
    {
        border:0px solid red;
        width:582px;           
    }
    .StoreTileSquare
    {
        width:190px;
        padding:4px 2px 5px 5px;
    }
    .StoreTileSquareFirst
    {
        width:183px;
        padding:0px 2px 5px 0px;
    }
    .StoreTileSquare1
    {
        width:191px;
        padding:3px 3px 5px 6px;
    }
    .StoreTileRectangle
    {
        width:383px;
        padding:0px 5px 5px 5px;
    }   
    #VideoHolder
    {
        width:373px;
        height:177px;
        position:absolute;
        margin-top:0px;
        margin-left:5px;
        background-color:#000;
        border:1px solid #000;    
    }
    .VideoContainer 
    {   
        width: 277px;
        max-width: 277px;         
        height:150px;
        border:0px solid green;   
        margin-left:auto;
        margin-right:auto;    
        margin-top:7px;
    }
    .VideoImg_Holder
    {
        width:386px;      
        height:179px;        
    }


    .carousel-control
    {
        width:5%;
    }
    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
    {
        left:45%;
    } 
    .RoundImg
    {
        width:160px;
        height:160px;
    }
    .bg
    {
        min-height:450px;
    }
    .AbtUs
    {
        padding-top:55px;
    }
    .TopPicName 
    {
        font-size: 13px;
        width: 160px;
    }
}

@media screen and (min-width:1200px)
{
    .StoreBanner
    {
        width:1244px
    }
    .TopAdjust
    {
        margin-top:-5px;
    }   
    
   
    .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left
    {
        left:42%;
    } 

}