/* MOBILE VERTICAL  */

@media only screen and (max-width: 460px) {
	
.rmp-container .rmp-menu-title .rmp-menu-title-image {
    max-width: 100%;
    margin-bottom: 10px;
    width: 100%;
}	
	
#masthead { height: auto; }	
	
.header-top { padding: 0; }	
	
.header-top-inner {  padding: 0; }	
	
.header-image {
    height: auto;
    padding-bottom: 80px;
}	
	
.header-image img { height: auto; }	
	
.home .entry-header {     padding-top: 30px; }	
	
.home h1 { font-size: 3.5vw; }	
	
.home h1 em {   font-size: 8vw; }	
	
.home-intro p { 
    font-size: 4vw; 
    max-width: 90%; 
    margin-bottom: 30px;
}	
	
.more-button {
    font-size: 3.2vw;
    line-height: 1;
}	
	
.home-intro .more-button {     margin-top: 30px; }	
	
.home-practices { 
    padding: 30px 5%;
    margin-top: 30px;
}	
	
.home-practices h2 { 
    font-size: 5.5vw; 
    line-height: 1;
    margin-bottom: 20px;
}	
	
.home-practices-intro { 
    font-size: 3.7vw; 
    margin-bottom: 30px;
}	
	
.practice {
    width: 100%; 
    padding: 0 2.5%;
    margin-bottom: 20px;
}	
	
.practice h3 { 
    font-size: 4.2vw; 
    line-height: 1.2;
}	
	
.practice h3 span {  font-size: 3.5vw; }	
	
.practice-left h3::after {     float: left; }	
	
.practice p { font-size: 3.2vw; }	
	

.practice-left {     text-align: left; }
	
.home-novosti {
    padding-bottom: 30px;
    padding-top: 30px;
    margin: 0 5%;
	background: transparent;
}	
	
.home-novosti h3 { 
    font-size: 5.5vw; 
    margin-bottom: 5px;
}	
	
.home-novosti ul {     margin: 0; }	
	
.home-novosti ul .wp-block-group {  padding: 0 !important; }
	
.home-novosti h2 a { font-size: 4.2vw;     text-align: left; }	
	
.home-novosti .wp-block-post-date {   font-size: 2.8vw; text-align: left; }	
	
.home-novosti .wp-block-post-excerpt__excerpt {  font-size: 3.5vw; }	
	
.home-novosti .more-button {  margin-top: 30px;     }	
	
.home-contact { padding: 30px 5%; }
	
.home-contact h3 {      font-size: 5.5vw;      margin-bottom: 20px; }	
	
.home-contact-intro { 
    font-size: 3.7vw; 
    max-width: 100%; 
    margin-bottom: 30px;
}	
	
.home-contact-left, .home-contact-right { 
    width: 100%;
    margin: 0; 
}	
	
.home-contact-right {  margin-top: 30px;     }	
	
.home-contact-left img {  max-width: 130px;     margin-top: 0px; }	
	
.home-contact-left h2 { 
    font-size: 3vw; 
    margin-top: 30px;
    margin-bottom: 10px;
}	
	
.home-contact-left h2 span {  font-size: 7vw;      line-height: 1.1; }	
	
.home-contact-left h2 i { font-size: 3.5vw; }	
	
.home-contact-left ul { font-size: 3.8vw; }	
	
.form-wrapper p {  font-size: 3.5vw; margin-bottom: 10px; }	
	
.form-wrapper input[type="text"], .form-wrapper input[type="email"], .form-wrapper textarea {  font-size: 3.5vw; }	

.submit-button input[type="submit"] {   font-size: 3.2vw; }	
	
body:not(.home) .entry-header {   display: block; }	
	
body:not(.home) .entry-header img {     height: auto; }	
	
body:not(.home) .entry-header h1 {
        text-align: center;
        font-size: 7vw;
        margin: 0 auto;
        padding: 20px 5%;
    }
	
.subpage-about-intro-inner {
    max-width: 90%; 
    padding-top: 30px;
    padding-bottom: 10px;
}	
	
.subpage-about-intro-inner h2 { 
    font-size: 3.3vw; 
    margin-bottom: 10px;
}	
	
.subpage-about-intro-inner h2 em { font-size: 7.8vw; }	
	
.subpage-about-intro-inner h2 i { font-size: 3.6vw; }	
	
.subpage-about-intro-inner p { font-size: 3.5vw;  margin-bottom: 20px; }	
	
.subpage-about-lawyers-wrapper { padding: 30px 5%; }	
	
.subpage-about-lawyers-inner h2 {  font-size: 6vw; }
	
.lawyer-wrapper {  display: block; margin-bottom: 60px; }	
	
.lawyer-wrapper-alt {
    width: 100%;
    margin: 0;
	margin-bottom: 40px;
}	
	
.lawyer-image {     width: 100%; }	
	
.lawyer-image img { max-width: 60% ; margin: 0 auto; margin-bottom: -40px;    position: relative; box-shadow: 0px 0px 20px -4px #898989; }	
	
.lawyer-description {
    width: 90%; 
    padding: 60px 20px 1px 20px; 
    margin: 0 auto;
	box-shadow: none;
}	
	
.lawyer-wrapper-alt .lawyer-description {
    width: 80%;
    padding: 35px 10px 20px 10px;
    margin-top: 20px;
    position: initial;
}	
	
.lawyer-description h3 {  font-size: 5vw;     line-height: 1.2; }	
	
.lawyer-wrapper-alt .lawyer-description h3 { font-size: 5vw; }	
	
.lawyer-description h3 span {   font-size: 3vw; }	
	
.lawyer-wrapper-alt .lawyer-description h3 span {   font-size: 3vw; }	
	
.lawyer-description p {
    font-size: 3.5vw;
    margin-top: 0;
    margin-bottom: 20px;
}	
	
.contact-wrapper .home-contact-intro {     margin-bottom: 30px;     font-size: 4vw; }	
	
.pravna-podrucja-content {
    padding: 30px 5%;
    max-width: 100%;
    font-size: 3.5vw;
}	
	
.pravna-podrucja-content h2 {     font-size: 4.5vw;      line-height: 1.2; }	
	
.pravna-podrucja-content h3 {     font-size: 4vw;      line-height: 1.2; }	
	
.archive .page-header {  display: block; }	
	
.archive .page-header img {     height: auto; }	
	
.archive .page-header h1 {
        text-align: center;
        font-size: 7vw;
        margin: 0 auto;
        padding: 20px 5%;
    }	
	
.archive-loop {
    max-width: 100%;
    margin: 0 auto;
    padding: 30px 0; 
}	
	
.archive-loop article { 
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px; 
}	
	
.archive-loop article .entry-header h2 a {  font-size: 4.2vw; }	
	
.archive-loop article .entry-content p { font-size: 4vw; }
	
	
.single-post .entry-header h1 {     font-size: 7vw !important; padding: 20px 5% 80px 5% !important; }		
	
.single-post .post-thumbnail img { 
    max-width: 80%;
    margin: 30px auto; 
	margin-top: -50px;
}	
	
.single-post .entry-content h2 { 
    font-size: 5vw;
    margin-bottom: 10px;
}	
	
.single-post .entry-content h3 { 
    font-size: 4.5vw;
    margin-bottom: 10px;
}		
	
.single-post .entry-content { max-width: 90%; font-size: 4vw; }	
	
.post-navigation {   padding: 30px 5%; }	
	
.post-navigation .nav-links .nav-subtitle { font-size: 3.5vw; }	
	
.post-navigation .nav-links a { font-size: 4vw;  }	
	
	
.site-footer { padding: 30px 0 0 0; }
	
.site-footer-inner { max-width: 90%;  padding-bottom: 30px; }	
	
.site-footer-col {  width: 100%;  margin: 0; }	
	
.site-footer-col1 img {     max-width: 250px; }	
	
.site-footer-col ul {  font-size: 3.5vw; }	
	
.site-footer-col h3 {  font-size: 4vw; }	
	
.site-footer-col h4 {  font-size: 4vw;     margin-bottom: 15px; }	

.site-footer-copyrights { padding: 30px 5%; }	
	
.site-footer-copyrights p {   font-size: 3.3vw; }	
	
	
	
}



/* MOBILE HORIZONTAL  */

@media only screen and (min-width: 461px) and (max-width: 767px) {
	
.rmp-container .rmp-menu-title .rmp-menu-title-image {
    max-width: 100%;
    margin-bottom: 10px;
    width: 100%;
}		
	
.home .entry-header {     padding-top: 30px; }	
	
.home h1 {  font-size: 2vw; }
	
.home h1 em {  font-size: 4.5vw; }	
	
.home-intro p {
    font-size: 2.5vw;
    max-width: 90%;
    margin-bottom: 20px;
}

.home-intro .more-button {     margin-top: 20px; }	
	
.home-practices { 
    padding: 30px 0;
    margin-top: 30px;
}
	
	
	
}