/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/




    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
         
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
         
    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
        
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
         
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
         
    }



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

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        
    }

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

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .pbox, .pbox-title{
            margin-top:10px;
        }
        .container{
            padding-left:5px;
            padding-right:5px;
        }
        .responsive-arc{
            padding-bottom:10px;
            margin-left: -3px;
        }
        .imgCanvas {
    position: relative;
    overflow: hidden;
    margin-top: 0;
}
.site-logo1{
    margin: 66px 0px 32px 0px;
}
        .center-xs{
            text-align: center;
            float:none;            
        }
        .headingrise1{
            display:block;
        margin-top: -54px;
        }
        .headingrise{
            display:none;
        }
.navbar-btn2 {
    margin-top: 6px;
}
.mobile-logo{
margin-top: 13px;
        margin-left: 10px;
        width: 20px;
    
}
.sider-viewer{
    display: none;
}
.bannerad{
    display: inline
}
#header img {
    width: 64%;
    margin-top: 17px;
}
        #header{
            padding:0px;
        }
        .site-logo{
                position: fixed;
                background-color:#ffffff;
    top: -34px;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding-top: 10px;
    padding-bottom: 10px;
        }
        .archive-bar{
            float:left !important;
            padding:10px;
            padding-left:0px;
            margin-left:-5px;
            padding-top:0px;
        }
        .toolbar_area, .page-heading{
            margin-bottom:10px;
        }
        #mainmenu {
    position: static;
    top: 345px;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.site-logo1{
          margin-top: 198px;
        width: 100%;
        margin-left: 0;
    }

    #header {
    position: static; /* Remove sticky behavior for header */
  }
  
  #mainmenu {
    position: static; /* Make main menu non-sticky in mobile view */
  }
  
  .navbar-brand {
    font-size: 16px; /* Optional: Adjust logo font size for mobile */
  }

        #mainmenu .nav  a{
             color:white !important;
        }
        #ddlistPage{
            display: inline-block !important;
            width: auto !important;
            padding: 0px 1px;
            height: 28px;

        }
        .cal_outer{
            width: 112px;
        }
        #btnAddHolder{
            width: 43px !important;
        }
        #btnZoomHolder{
            width: 40px !important;
            padding: 1px !important;
        }
        #dropdownMenuButton{
            padding: 1px 8px !important
        }

        .page-navigation .btn-group{
            margin-top:-8px;
        }
        .btnCut{
            padding: 5px 6px;
        }
        .epost{margin-top:0px;}


        #datetext_cal{
            padding: 2px 4px;
            font-size: 11px;
        }
        .input-group{
            padding: 0px;
        }
        #page_area{
            margin-top:10px;
        }
        .subcategory-block .image{
            display:none;
        }
        .subcategory-block .description{
            width:auto;
            float:left;
        }
        .navbar-header .navbar-btn2{
            display:inline-block;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .site-logo1{
          margin-top: 94px;
        width: 100%;
        margin-left: 0;
    }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }