/* For 1280 or Up to 1365 */
@media only screen and (max-width:1365px){

}

/* For 1024 or Up to 1279 */
@media only screen and (max-width:1279px){

}

@media only screen and (max-width:1080px){
.home .post-area {
margin-top: 0px;
}
.page #header-kontakt {
height: auto;
}
.page #header-kontakt #header-bg {
float: none;
margin: 0 auto;
width: 100%;
height: 160px;
clear: both;
background-position: center center;
background-size: auto 100%;
}
.page #header-kontakt #header-kontakt-desc {
float: none;
margin: 0 auto;
width: auto;
clear: both;
}
.auto-area {
margin: 0;
max-width: 1180px;
padding: 0;
position: relative;
width: 100%;
}
.top-footer .auto-area {
padding: 0;
}
.top-footer {	
padding: 45px 20px 40px;
background: #f4f4f4;
}
.middle-footer {
padding: 40px 20px 0 20px;
}
.copyright-text {
padding: 15px 20px;
}
.bottom-footer {
border-bottom: 1px solid #e6e6e6;
padding: 20px 20px 20px;
}
.site-header	
{
padding:0 20px;
width:auto;
}
.actions {
width: 80%;
}
.primary-navigation {
width: 74%;
}
.site-navigation a {
padding: 2px 12px;
}
.post-box {
margin: 0 34px 50px 0;
}
.right-posts .post-img {
width: 250px;
}
.page-left .post-area {
width: 94%;
}
.page-right .post-area {
width: 94%;
}
.newsletter.newsletter-widget p {
margin-bottom: 10px;
}
.archive .auth {
margin: 0 30px 50px 0;
}
.single-avtor .auth .post-content {
bottom: 0;
}
}
@media only screen and (max-width:1080px){
.middle-footer .simple-image, .middle-footer .widget_text {
width: 100%;
float: left;
margin: 15px 0 0;
padding: 0;
}
.middle-footer .simple-image {
margin-left: -15px;
}
.middle-footer .textwidget {
padding: 0;
}
.bottom-footer .footer-bottom-box, .top-footer .widget_nav_menu {
width: 100%;
}
.widget_nav_menu {
margin: 15px 0 0;
}
.page-template-homepage .post-area, .category .post-area {
padding-top: 24px;
}
.page .banner-area {
height: auto;
}
.footer-middle-right h3 {
line-height: 32px;
font-size: 24px;
}
.actions {
width: 79%;
}
.primary-navigation {
width: 72%;
}
.site-navigation a {
padding: 2px 8px;
}
.post-box {
margin: 0 32px 50px 0;
}
.latest-featured-post .post-content h3 {
font-size: 45px;
line-height: 50px;
}
.latest-featured-post .post-content {
max-width: 45%;
}
.right-posts .single-post-area .post-content {
width: 55%;
}
.footer-middle-left {
width: 60%;
}
.middle-footer {
padding-bottom: 0px;
}
.bottom-post-box {
margin-right: 22px;
}
.single-avtor .banner-area .post-content {
max-width: 60%;
}
}
@media only screen and (max-width:1080px){
.post-box {
width: 29%;
}
.right-posts .single-post-area .post-content {
width: 52%;
}
.single-post-area .post-content h3 {
font-size: 24px;
line-height: 26px;
}
.right-posts .single-post-area .post-content h3 {
line-height: 25px;
}
.right-posts .post-content .desc p {
line-height: 20px;
font-size: 16px;
}
#secondary {
background-color: transparent;
}
.next-prev-post-area .nav-links > a {
max-width: 83%;
}
.bottom-post-box {
margin-right: 20px;
}
.post-box img {
height: auto;
}
.actions {
width: 77%;
}
.primary-navigation {
width: 70%;
}
.site-navigation a {
font-size: 13px;
padding: 2px 5px;
}
.banner-area .auth-archive h3 {
font-size: 35px;
line-height: 40px;
}
}
@media only screen and (max-width:1080px){

.latest-featured-post .post-content h3.long-title {
font-size: 22px;
line-height: 24px;
}
.single-avtor .banner-area, .error404 .banner-area, .search .banner-area {
padding: 130px 0 0;
}
.error404 .banner-area, .search .banner-area {
min-height: auto;
}
.related-post ul li img {
height: auto;
}
.latest-featured-post .post-content {
max-width: 60%;
}
.post-box {
width: 45%;
}
.right-posts .single-post-area .post-content h3 {
padding-right: 0;
}
.right-posts .single-post-area .post-content {
width: 50%;
}
.right-posts .post-img {
width: 220px;
}
.footer-middle-right h3 {
font-size: 24px;
line-height: 30px;
}
.footer-top-box {
width: 33%;
}
.footer-top-box.sec-row.widget_nav_menu {
margin-top: 0;
vertical-align:top;
}
#secondary {
border:none;
}
.single-avtor .banner-area .post-content {
max-width: 85%;
}
.bottom-post-box {
width: 29%;
margin-bottom:20px;
}
.logo {
float: none;
text-align: center;
}
.logo a {
z-index: 100;
position: relative;
}
.actions {
float: none;
position: absolute;
top: 6px;
width: 100%;
}
.primary-navigation {
margin: 0 0px 0;
float:none;
width:auto;
}
.header-search-area {
background: #5DC1A6 none repeat scroll 0 0;
float: none;
margin-right: 20px;
width: 47px;
margin: 0 auto;
}
.screen-reader-text {
display: none;
}
.header-search-area .search-box .search-field {
background: #fff none repeat scroll 0 0;
border-radius: 0;
padding: 20px 20px;
position: absolute;
right: 0;
top: 60px;
width: 100%;
display: none;
}
.site-navigation a {
padding: 2px 25px;
}
.content-area {
padding-top: 0;
}
.main-page .post-area {
margin-top: 0;
}
.comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata {
padding-left: 0;
}
.archive .auth {
margin: 0 20px 50px 0;
}
}
@media only screen and (max-width:1080px){
.ajax-form .content-form .half-form {
width: 100%;
margin-right: 0px;
}
.site-header {
background: #5DC1A6;
}
.header-search-area .search-submit {
background: rgba(0, 0, 0, 0) url("../images/search-icon-2.png") no-repeat scroll center center;
}
.right-posts {
float: none;
width: auto;
padding: 0;
}
.left-sidebar {
float: none;
margin: 0 0 40px;
width:265px;
}
.bottom-content {
padding: 0;
}
.right-posts .single-post-area .post-content {
width: 60%;
}
.right-posts .post-img {
width: 35%;
}
.page-right {
border-top: 1px solid #f4f4f4;
float: none;
margin: 0 20px;
width: auto;
}
.page-left {
float: none;
width: 100%;
}
.bottom-content {
padding: 0 20px;
}
.menu-toggle {
background-color: #5dc1a6;
left: -15px;
top: -1px;
}
.menu-zgornja-navigacija-container {
background: #5dc1a6;
position: absolute;
top: 47px;
z-index: 999;
}
.site-navigation a {
color: #fff;
display: block;
line-height: 16px;
padding-bottom: 12px;
padding-top: 12px;
}
.header-search-area .search-box {
padding: 11px 12px;
}
.header-search-area {
float: right;
margin: 0 0 0 20px;
}
.menu-toggle:active, .menu-toggle:focus, .menu-toggle:hover {
background-color: #499a83;
}
.primary-navigation {
padding: 0;
position:relative;
}
.logo {
}
.primary-navigation.toggled-on {
padding: 0;
}
.site-navigation .menu-top-menu-si-container, .site-navigation .menu-top-menu-hr-container {
position: absolute;
top: 54px;
background: #fff;
z-index: 99;
width: 100vw;
left: -20px;
text-align: center;
}
header .auto-area .actions {
width: 100%;
}
.header-search-area .search-submit {
background-size: cover !important;
}
.primary-navigation .nav-menu {
height: 100vh;
max-height: 100vh;
}
.site-navigation li {
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.site-navigation li ul {
background: #F4F4F4;
text-align: left;
}
.site-navigation li ul li {
border-bottom: none;
}
.site-navigation li ul li a {
color: #414141;
font-size: 14px;
}
.site-navigation a {
color: #333;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.site-navigation .current_page_item > a, .site-navigation .current_page_ancestor > a, .site-navigation .current-menu-item > a, .site-navigation .current-menu-ancestor > a {
color: #5e5e5e;
font-weight: 900;
}
.site-navigation a {
position: relative;
}
.site-navigation a:hover {
color: #5e5e5e;
}
.site-navigation a:focus:after {
content: "✕";
position: absolute;
right: 15px;
top: 12px;
font-size: 28px;
font-weight: lighter;
}
.site-navigation ul ul {
margin-left:0; 
display: none;
}
.post-navigation, .image-navigation {
max-width: 96%;
}
.next-prev-post-area .nav-links > a {
max-width: 99%;
}
.full-width .site-content .entry-content {
max-width: 100%;
padding: 0;
}
.page-left .post-area {
padding: 20px;
width: auto;
}
.related-post {
width: 100%;
}
#secondary {
width: 335px;
}
.related-post {
width: auto;
}
.page-right .post-area {
width: 100%;
}	
}
@media only screen and (max-width:1080px){
.author {
padding-top: 5px;
}
.list-view .site-content .post-thumbnail {
width: 100%;
height: auto;
}
.post-thumb {
width: 100%;
height: auto;
}
.btn-download a {
font-size: 14px;
letter-spacing: 1.2px;
margin: 0;
text-align: center;
white-space: nowrap;
display: block;
}
.popup-overlay .popup .btn-download a {
width: 80%;
}
.right-social {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 100;
overflow: hidden;
height: 0px;
}
.right-social a {
height: 50px;
width: 25%;
line-height: 50px;
font-size: 22px;
display: block;
}
.right-social .twt2 {
background: #55acee;
}
.right-social .fb2 {
background: #3b5998;
}
.right-social .pin2 {
background: #bd081c;
}
.right-social .email2 {
background: #BDBEC0;
display: block;
}
.postpage .post-thumbnail {
width: 45%;
}
.postpage .post-area .post-content {
width: 49%;
}
.single-avtor .banner-area {
padding: 60px 0 0 0;
background-size: auto 100%;
}
.latest-featured-post .post-content, .category .latest-featured-post .post-content, .single-post .latest-featured-post .post-content {
max-width: calc(100% - 40px);
width: calc(100% - 40px);
bottom: 20px;
padding-left: 20px;
}
.category .banner-area .post-content {
bottom: 20px;
padding-left: 20px;
}
.middle-footer {
padding-bottom: 20px;
}
.footer-middle-left > img {
margin: 0 auto;
float: none;
}
.footer-middle-right a {
width: calc(100% - 40px);
text-align: center;
}
.right-posts .single-post-area {
margin-bottom: 48px;
}
.banner-area {
min-height: auto;
}
/*
.banner-area > img, .banner-area > a > img, .latest-featured-post img {
height: 100%;
margin-left: -25%;
max-width: 175% !important;
width: 175%;
}
*/
.home img.size-full,
.home img.size-large,
.home .wp-post-image,
.home .post-thumbnail img {
height: auto;
width: 150%;
max-width: 150%;
}
.single-post .banner-area > img, .single-post .banner-area > a > img, .single-post .latest-featured-post img {
min-height: 195px;
height: auto;
width: auto;
min-width: 100%;
}
.page-template-homepage .post-area {
padding: 24px;
}
.post-box {
margin: 0 25px 50px 0;
}
.latest-featured-post .post-content {
max-width: 90%;
}
.latest-featured-post .post-content h3 {
font-size: 40px;
line-height: 40px;
}
.footer-top-box {
width: 50%;
}
.footer-middle-left {
width: 100%;
float:none;
margin-bottom:20px;
}
.footer-middle-right {
float: none;
max-width: 100%;
width: 100%;
margin: 0 auto;
}
.footer-middle-right br {
display: none;
}
.footer-middle-right h3 {
max-width: 100%;
width: 100%;
text-align: center;
}
.footer-middle-right p {
text-align: center;
}
.auth-left {
width: 90%;
}
.auth-right {
margin-right: 40px;
width: 90%;
}
.bottom-post-box {	
width: 45%;
}
.post-box {
width: calc(50% - 15px);
}
.post-box:nth-child(even) {
margin-right: 0px !important;
} 
.bottom-footer .footer-bottom-box {
width: 50%;
margin-bottom:20px;
}
.related-post ul li {
width: 45.5%;
margin-bottom:20px;
}
.related-post li:nth-child(3n) {
margin-right: 25px;
}
.next-prev-post-area .nav-links > a {
max-width: 96%;
}
.archive .auth {
width: 44%;
}
.author-content {
width: 90%;
}
.latest-featured-post .post-content h3 {
font-size: 33px;
line-height: 35px;
}
.single-avtor .post-area {
padding: 20px;
}
.auth-left {
padding-bottom: 20px;
}
.auth-right {
margin-right: 0;
width: 100%;
}
}
@media only screen and (max-width:639px) {
.page-id-18 .postpage .post-thumbnail {
width: 100%;
}
.page-id-18 .postpage .post-cat {
display: none;
}
.page-id-18 .postpage .post-area .post-content {
padding-top: 20px;
width: 100%;
margin: 0;
}
.page-id-18 .postpage .post-area .post-content h3 {
margin-bottom: 10px;
}
.mobileVisible {
display: inline-block !important;
width: 100%;
}
.mobileHidden {
display: none !important;
}
.bottom-content {
margin-top: 25px;
}
.post-box {
width: 92%;
}
.latest-featured-post .post-content {
bottom: 20px;
}
.bottom-post-box {
width: 41%;
}
.latest-featured-post .post-content h3 {
font-size: 36px;
line-height: 36px;
}
.single-avtor .post-content > p {
font-size: 30px;
}
.right-posts .post-img {
float: none;
margin-bottom: 20px;
width: 100%;
}
.right-posts .single-post-area .post-content {
float: none;
margin-top: 15px;
width: 100%;
}
.right-posts .post-img img {
height: auto;
width: 100%;
}
.left-sidebar {
width: 100%;
}
.post-box img {
height: auto;
}
.post-area {
padding: 20px 20px 0;
width:auto;
}
.post-box {
width: 100%;
margin-right: 0;
}	
#secondary {
width: 100%;
}
.related-post ul li {
width: 44.5%;
}
.latest-featured-post .post-content h3 {
font-size: 30px;
line-height: 30px;
}
.auth-top-content {
width: 100%;
}
}
@media only screen and (max-width:1080px){
.post-area {
margin-top: 0;
}
.latest-featured-post .post-content {
bottom: 20px;
}
.related-post ul li {
width: 43.5%;
}
.latest-featured-post .post-content h3 {
font-size: 31px;
}
.single-post-area .post-content h3 {
padding-right: 0;
}

}
@media only screen and (max-width:479px){
.footer-top-box {
text-align: center;
width: 100%;
}
.bottom-footer .footer-bottom-box {
text-align: center;
width: 100%;
}
.latest-featured-post .post-content {
padding-left: 20px;
}
.latest-featured-post .post-content h3 {
font-size: 30px;
line-height: 32px;
}
.post-box {
margin: 0 0px 50px 0;
width:100%;
}
.full-width .site-content .entry-content {
padding: 0 10px 20px 0;
}
.bottom-post-box {
width: 100%;
margin-right: 0;
}
.bottom-post-box img {
height: 170px;
width: 99%;
}
.single-avtor .banner-area .post-content {
max-width: 100%;
}
.latest-featured-post .post-content h3 {
font-size: 28px;
}
.single-avtor .post-content > p {
font-size: 25px;
line-height: 30px;
}
.auth-left {
width: 100%;
}
.auth-right {
width: 100%;
margin-right:0;	
}
.list-view .site-content .hentry {
border-bottom: none;
padding: 0;
}
.list-view .content-area {
padding: 0;
}
.related-post {
width: 100%;
}
.related-post ul li, .related-post li:nth-child(3n) {
float: left;
margin-right: 4%;
width: 48%;
}
.related-post li:nth-child(2n) {
margin-right: 0;
}
.next-prev-post-area .nav-links > a {
max-width: 90%;
}
.archive .auth {
margin: 0 0 20px !important;
width: 100%;
}
.author-content {
width: 100%;
}
.author-img a {
width: 125px !important;
}
.footer-top-heading .footer-top-title {
text-align: center;
font-size: 25px;
}
}
@media only screen and (max-width:379px){
.latest-featured-post .post-content h3 {
font-size: 28px;
line-height: 30px;
overflow: hidden;
}
.post-type-archive-auth .latest-featured-post .post-content {
bottom: 0;
}
.footer-top-heading .footer-top-title {
font-size: 22px;
}
.sidebar-title {
font-size: 28px;
}
.latest-featured-post .post-content {
bottom: 20px;
}
.footer-middle-right {
width: 100%;
}
.copyright-text {
font-size: 14px;
}
.next-prev-post-area .nav-links > a {
max-width: 87%;
}
}
@media only screen and (max-width:319px){

}
@media all and (orientation:landscape) {
  .single-post .banner-area > img, .single-post .banner-area > a > img, .single-post .latest-featured-post img, .home img.size-full, .home img.size-large, .home .wp-post-image, .home .post-thumbnail img {
    width: 100%;
    margin: 0;
  }
}
.submit-form {
  font-weight: bold;
  text-transform: uppercase;
}