@CHARSET "UTF-8";

@media only screen and (max-width:767px) {
    div.breadcrumbs {
       height:45px !important;
    	margin-bottom: 5px !important;
    }
    div.breadcrumbs h1.not-article-view,div.breadcrumbs h1.article-view  {
       font-size:17px !important;
       font-family: 'OpenSans-Semibold', Arial, sans-serif;
       padding-left: 10px !important;
    }
    div.small-screen {
       display:block !important;
    	margin-left: 10px !important;
        margin: 0px 10px 15px 10px;
    }
	div.small-screen a{
	    font-family: 'OpenSans-Semibold', Arial, sans-serif;
	    text-decoration: none !important;
	    color: black !important;
	    font-size: 12px !important;
	}

	div.small-screen span{
	    font-family: 'OpenSans-Regular', Arial, sans-serif;
	    font-size: 12px !important;
    }
    div.normal-screen {
	   display:none !important;
    }
}

@media only screen and (min-width: 768px) {
    div.small-screen {
	   display:none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    div.breadcrumbs {
       height:70px !important;
    	margin-bottom: 25px !important;
    }
    div.breadcrumbs h1 {
       font-size:17px !important;
        font-family: 'OpenSans-Semibold', Arial, sans-serif;
        padding-left: 20px !important;
    }
}

@media only screen and (min-width: 1025px) {
	div.breadcrumbs {
	   height:100px !important;
		margin-bottom: 55px !important;
	}
	div.breadcrumbs h1 {
	   font-size:22px !important;
		font-family: 'OpenSans-Bold', Arial, sans-serif;
	}
}

@media only screen and (max-width: 1365px) {
    div.breadcrumbs div {
        padding-right:20px !important;
    }

/*    div.breadcrumbs h1.article-view {
        padding-left:20px !important;
    }

    div.breadcrumbs h1.not-article-view {
        padding-left:18px !important;
    }*/
}

@media only screen and (min-width: 1201px) and (max-width: 1365px) {
    div.breadcrumbs div {
        padding-right:15% !important;
    }

    div.breadcrumbs h1.article-view, div.breadcrumbs h1.not-article-view {
        padding-left:15% !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    div.breadcrumbs div {
        padding-right:7% !important;
    }

    div.breadcrumbs h1.article-view, div.breadcrumbs h1.not-article-view  {
        padding-left:7% !important;
    }
}

@media only screen and (min-width: 1366px) {
    div.breadcrumbs div {
        padding-right:16% !important;
    }

    div.breadcrumbs h1.article-view, div.breadcrumbs h1.not-article-view {
        padding-left:16% !important;
    }
}

@media only screen and (min-width: 1680px) {
    div.breadcrumbs.nosidebar div {
        padding-right:27% !important;
    }

    div.breadcrumbs.nosidebar h1.article-view, div.breadcrumbs.nosidebar h1.not-article-view {
        padding-left:25% !important;
    }
}

@media only screen and (min-width: 1981px) {
    div.breadcrumbs div {
        padding-right:23% !important;
    }

    div.breadcrumbs h1.article-view, div.breadcrumbs h1.not-article-view {
        padding-left:23% !important;
    }
}

div.small-screen {
       display:none;
    }

div.breadcrumbs {
	background-color: #f3f3f3;
	display: table;
	width:100%;
    box-shadow: 0px 5px 9px #d9d9d9 inset;
}

div.breadcrumbs div {
	display:table-cell;
	text-align:right;
	vertical-align:middle;
}

div.breadcrumbs div a{
	font-family: 'OpenSans-Semibold', Arial, sans-serif;
	text-decoration: none;
	color: black;
	font-size: 18px;
}

div.breadcrumbs div span{
	font-family: 'OpenSans-Regular', Arial, sans-serif;
	font-size: 18px;
}

div.breadcrumbs h1 {
	display:table-cell;
	text-align:left;
	vertical-align:middle;
    text-transform: uppercase;
}