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




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

    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px) {
		.page-heading {
			font-size: 18px !important;
			text-align: center;
		}
		.description{
			display: none;
		}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
        .page-heading {
			font-size: 19px !important;
			text-align: center;
		}
		.description{
			display: none;
		}
    }

    /* 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) {
		.container {
			width: 100%;
		}
		#header{
			max-width: 1200px;
			margin: 0px auto;
		}
		#mainmenu .navbar-default {
			max-width: 100%;
			margin: 0px auto;
		}
		#mainmenu {
			position: sticky;
			top: 0;
			z-index: 1000;
		}
		.navbar-inverse .navbar-nav > li > a {
			color: #fff;
			font-size: 17px;
			text-transform: uppercase;
		}
		.navbar-nav {
			margin: 0px auto !important;
			display: inline-block;
			float: none !important;
		}
		.img-responsive,
		.thumbnail>img,
		.thumbnail a>img,
		.carousel-inner>.item>img,
		.carousel-inner>.item>a>img {
			width:100%;
		}
		.obepaper {
			max-width: 1200px;
			margin: 0px auto;
		}
		.obpager .previous {
			left: 12vw;
		}
		.obpager .next {
			right: 1vw;
		}
		.obpager-container {
			height: 0;
		}
		.ob-border-1 {
			border: 1px solid #E4E4E4;
		}
		.pg_title {
			background: #333;
			color: #fff;
			padding: 4px;
		}
		.rthumb_bar .pagethumb {
			margin-top: 0;
			padding: 0 10px;
		}
		.nav.navbar-nav li a:hover {
			font-size: 17px;
			transition: all .3s ease-in-out;
			color: #ffc0c0;
		}
		.site-logo img {
			max-width: 220px;
		}
		.ob-ep-toolbar {
			width: 70%;
			margin: 0px auto;
			display: inline-block;
		}
		.cal_outer {
			width: 200px;
		}
		#ddlistPage {
			width: 200px;
		}
		#ddlistPage option {
			font-family: 'Roboto', sans-serif;
			font-size: 16px;
		}
		.rthumb_bar {
			scrollbar-width: thin;
		}
		.scrollbar {
			max-width: 200px;
		}
		#linkbtnThumb {
			padding: 5px 6px 1px 6px;
		}
		#datebtn_cal {
			padding: 4px 6px 1px 5px;
		}
		.modal-title {
			text-align: center;
		}
		.modal-header .close{
			opacity: 0.7;
		}
		.modal-header .close:hover{
			opacity: 0.5;
		}
		.edition_date {
			display: block;
			margin: 0px auto;
			font-style: italic;
		}
		.page-title .page-heading {
			padding: 0;
			margin: 0;
		}

    }



    /*==========  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;
        }
        .center-xs{
            text-align: center;
            float:none;            
        }
        #header{
            padding:0px;
        }
        .archive-bar{
            float:left !important;
            padding:10px;
            padding-left:0px;
            margin-left:-5px;
            padding-top:0px;
        }
        #mainmenu .nav  a{
             color:white !important;
        }
        #ddlistPage{
            display:inline-block !important;
            width:auto !important;
        }
        .page-navigation .btn-group{
            margin-top:-8px;
        }
        #page_area{
            margin-top:10px;
        }
        .subcategory-block .image{
            display:none;
        }
        .subcategory-block .description{
            width:auto;
            float:left;
        }
        .navbar-header .navbar-btn2{
            display:inline-block;
        }
		#datebtn_cal {
			padding: 4px 5px 2px 5px;
		}
		#toolbar_area {
			margin-bottom: 0;
		}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		html{
			overflow-x: hidden;
		}
		.nav.navbar-nav {
			margin-top: 26px;
		}
		.navbar-nav li a {
			font-size: 20px;
			line-height: 24px;
			text-transform: uppercase;
		}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
		html{
			overflow-x: hidden;
		}
		.nav.navbar-nav {
			margin-top: 26px;
		}
		.navbar-nav li a {
			font-size: 20px;
			line-height: 24px;
			text-transform: uppercase;
		}
    }