/* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
 .can {
    zoom: 36%;
}
           
.column33 h2 {
    padding: 10px;
    margin: 0 0 0px 0;
    display: block;
    border-bottom: 0px;
    border-bottom-style: dashed;
    font-size: 17px;
    font-weight: normal;
    display: none;
}
    }




    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
           .can {
    zoom: 70%;
}

.column33 h2 {
    padding: 10px;
    margin: 0 0 0px 0;
    display: block;
    border-bottom: 0px;
    border-bottom-style: dashed;
    font-size: 17px;
    font-weight: normal;
    display: none;
}
    }






    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
            .can {
        zoom: 100%;
    }
        
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
         .mainContent {
    width: 1200px;
    padding-top: 5px;
    margin: 0px auto;
}
    }





    /*==========  Non-Mobile First Method  ==========*/


    
    

    
    /* Small Devices, Tablets */
    @media only screen and (max-width : 991px) and (min-width:769px ) {
        
      .container
        .center-sm{
            text-align: center;
            float:none;            
        } 
        
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        
        
        .mainContent {
    width: 100%;
    padding-top: 5px;
    margin: 0px auto;
}

        
          div#next-pa {
    display: block;
    position: fixed;
    top: 5px;
    right: 10px;
    z-index: 99999999;
    background: #fff0;
    border-radius: 10px;
}
div#next-pa a img {
    width: 100px !important;
}
        
        .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 0px;
    padding-left: 2px;
    padding-right: 2px;
}
        div#share-buttonss {
    margin-top: 8px;
}
        

        
        .pbox, .pbox-title{
            margin-top:10px;
        }
        #st-1 .st-btn {
    
    padding: 0 20px;
  
}
        .page-navigation {
   padding: 0px;
        padding-top: 4px;
        padding-bottom: 3px;
    
}
.page-navigation {
    border-radius: 0px 0px 0 0 !important;
}
        .navbar-inverse {

    overflow: scroll;
    width: max-content;
}
        .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
        .container{
            padding-left:5px;
            padding-right:5px;
            
        }
        .responsive-arc{
            padding-bottom:10px;
            margin-left: -3px;
        }
        .navbar-nav {
    margin: 0px 0px;
}
        .nav>li {
    position: relative;
    display: inline-flex;
    padding-top: 0px;
}
        .collapse {
    display: block;
}
        .center-xs{
            text-align: center;
            float:none;            
        }
        #header{
            padding:11px;
        }
        .site-logo img {
    max-width: 90%;
    height: auto;
}
        .archive-bar{
            float:left !important;
            padding:0px;
            padding-left:0px;
            margin-left:-5px;
            padding-top:0px;
        }
        .toolbar_area, .page-heading{
            margin-bottom:0px;
        }
        
        ::-webkit-scrollbar-thumb {
    background: #67181800;
}
        
        marquee {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    width: 100%;
    padding: 2px 2px 7px 0px;
}
        .page-navigation {
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #F6F6F6;
    margin-left: -8px !important;
    margin-right: -8px !important;
     border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c3c3c3;
}
        #mainmenu .nav  a{
             color:white !important;
             border-right: 1px solid #8f0c0c;
        }
        .navbar {
    width: 100%;
    display: table;
            display: inline-flex;
        white-space: nowrap;
        overflow-x: auto;
}
        #ddlistPage{
            display:inline-block !important;
            width:auto !important;
        }
        .page-navigation .btn-group{
            margin-top:-8px;
        }
     
        .subcategory-block .image{
            display:none;
        }
        .subcategory-block .description{
            width:auto;
            float:left;
        }
        .navbar-header .navbar-btn2{
            display:inline-block;
        }
    }

    .navbar-default.navbar-fixed-bottom
{
       background: radial-gradient(circle at 10% 20%, rgb(221, 49, 49) 0%, rgb(119, 0, 0) 90%);
    background-color: #a61717;
    border-radius: 84px !important;
    width: 95%;
    margin: 0px auto;
    margin-bottom: 10px;
}

    .navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
}
#st-1.st-has-labels .st-btn.st-remove-label {
    min-width: 55px !important;
}