/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	.header-left img {width: 95%;}
	.header-middle {font-size: 23px;}
	.header-right {font-size: 12px;}
	h3 {font-size: 13px;}
	.sticky-menu ul {margin: 0 0 0 12px;padding: 0 16px 0 0;}	
	h1 {font-size: 17px;}
	h2 {font-size: 14px;}
	.right-block ul li a { font-size: 14px;}
	.bottom-block {min-width: 523px;}
	.bottom-block ol {max-width: 261px;}	
	.bottom-block ol li a {font-size: 14px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.bottom-block { overflow-x: scroll; }
}
@media only screen and (max-width: 767px) {
.bottom-block { overflow-x: scroll; }
}
@media only screen and (max-width: 340px) {
.right-block { overflow-x: scroll; }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	.header-top {min-height: 20px;}
/* right align	.menu-title {color: #ffffff;font-size: 14px;font-weight: 700; margin: 13px 40px 0 10px; text-align:right;} */

	.menu-title {color: #ffffff;font-size: 14px;font-weight: 700; margin: 13px 0 0 45px;}
	.mean-container .mean-nav {margin-top: 15px;}
	.logo-outer {padding: 15px;}
	.header-left {text-align: center; width: 100%;}
	.header-left a {position: relative;left: 0;top: 0;}
	.header-left img { width: 24%;}
	.header-middle {font-size: 22px;text-align: center;width: 100%;margin: 5px 0;}
	.header-right {font-size: 12px;text-align: center;width: 100%;margin: 5px 0;}
	.mean-nav a { font-size: 11px;font-weight: bold;}
	.pull-right {float: unset !important;}
	.content-right {padding: 15px 15px 0px 15px;}
	h1 { font-size: 15px;padding: 0;}
	.right-block { margin: 10px 0 0; max-width: none; padding: 5px 5px 0px 5px;}
	.right-block ul li a { font-size: 12px;line-height: 26px;}
	h2 { font-size: 13px;padding: 0 0 12px;}
	p { margin: 0 0 12px;}
	.center-image {padding: 8px 0 18px;}
	.right-box ul li { margin-bottom: 8px;}
	.center-image > img {width:75%;}
	.right-position {margin: 12px 15px; width: 45%;}
	.bottom-block {margin: 12px 5px; min-width: 100%;padding: 0;}
	.bottom-block ol {max-width: 100%;}
	.bottom-block ol + ol li:first-child {border-top: 2px solid #7f785e;}
	.bottom-block ol li a {font-size: 13px;}
	.bottom-block ol li {padding: 12px 0 12px 25px;background-size: 6% 60%;}
	.bottom-block ol li:hover {background-size: 6% 60%;}
	.bottom-block > ol:first-child {border-right: medium none;}
	.content-left {padding: 0 15px 15px;border-right: none;}
	h3 { font-size: 13px;padding: 10px 0 8px;}
	.sticky {max-width: 100%;position: relative;}
	.sticky-menu {margin: 12px 0 0;}
	.sticky-menu ul {margin: 0;padding: 0 24px 0 0;}
	.sticky-menu ul li {height: 35px;}
	.sticky-menu ul li a {line-height: 22px;padding: 6px;}
	.footer-outer ul li a {font-size: 12px;}
	
}

@media only screen and (max-width: 479px) {
    .right-block {
        max-width: 280px;
        overflow: scroll;
        margin: 12px 0px
    }
}

@media only screen and (max-width: 479px) {
    .bottom-block {
        max-width: 280px;
        overflow-x: scroll;
        margin: 12px 0px
    }
}

@media only screen and (max-width: 479px) {
.right-box img { height: auto; width: 100%;    }
}


@media only screen and (min-width: 480px) {
	
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 479px) {
	
	.header-left img {width: 38%;}
	.breadcrumbs li {font-size: 9px;}
	.bottom-block ol li, .bottom-block ol li:hover {background-size: 6% 45%;}
	.footer-outer ul {float: none;margin: 10px auto;width: 85%;}
	.footer-outer ul li {border-left: none;}
	.footer-outer {padding: 4px 0 15px;}
	
}

@media only screen and (max-width : 319px) {
	
}