/* 
    Document   : countdown
    Created on : Jan 29, 2016, 3:11:50 PM
    Author     : Rehana  Zaheer
    Description:
        Purpose of the stylesheet follows.
*/

 
.catalog-category-view .clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
}

.catalog-category-view .clockdiv > div{
    font-size: 20px;
    font-weight: normal;
    /* padding: 5px;
    border-radius: 3px;
    background: grey; */
    display: inline-block;
}

.catalog-category-view .clockdiv div > span{
    background:  #363636 none repeat scroll 0 0;
    padding: 0 5px;
    border-radius: 2px;
    /*padding: 3px;
    border-radius: 3px;
    background: black;*/
    display: inline-block;
}

.catalog-category-view .smalltext{
    color: #636363;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;;
}



.catalog-product-view .countdown-block{
    margin-bottom: 10px;
}

.catalog-product-view #clockdiv{
    font-family: sans-serif;
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 16px;
}

.catalog-product-view #clockdiv > div{
    font-size: 35px;
    font-weight: normal;
   /* padding: 5px;
    border-radius: 3px;
    background: grey; */
    display: inline-block;
}

.catalog-product-view #clockdiv div > span{
    background:  #363636 none repeat scroll 0 0;
    padding: 0 15px;
    border-radius: 3px;
    /*padding: 3px;
    border-radius: 3px;
    background: black;*/
    display: inline-block;
}

.catalog-product-view .smalltext{
   color: #636363;
   font-size: 15px;
   font-weight: bold;
   padding-top: 5px;;
}
.countdown-block{
    clear: both;
    padding-top: 12px;
}
@media only screen and (min-width:1000px) and (max-width:1220px){
   .catalog-product-view .col3-layout .countdown-block #clockdiv > div{ font-size: 28px; }
    .catalog-product-view .col3-layout .countdown-block #clockdiv div > span{ padding: 0 8px; }
   .catalog-product-view .col3-layout .countdown-block .smalltext{ font-size: 12px; }
}
@media only screen and (min-width:770px) and (max-width:960px){
   .catalog-product-view  .col3-layout .countdown-block #clockdiv > div , 
    .catalog-product-view .col2-right-layout .countdown-block #clockdiv > div,
   .catalog-product-view  .col2-left-layout .countdown-block #clockdiv > div { font-size: 28px; }

    .catalog-product-view .col3-layout .countdown-block #clockdiv div > span , 
    .catalog-product-view .col2-right-layout .countdown-block #clockdiv div > span ,
    .catalog-product-view .col2-left-layout .countdown-block #clockdiv div > span { padding: 0 8px; }

    .catalog-product-view .col3-layout .countdown-block .smalltext , 
    .catalog-product-view .col2-right-layout .countdown-block .smalltext ,
    .catalog-product-view .col2-left-layout .countdown-block .smalltext { font-size: 12px; }
}
@media only screen and (max-width:350px){
    .catalog-product-view .countdown-block #clockdiv > div{ font-size: 28px; }
    .catalog-product-view .countdown-block #clockdiv div > span{ padding: 0 8px; }
    .catalog-product-view .countdown-block .smalltext{ font-size: 12px; }  
}