@media only screen and (max-width: 1780px) {
    .smart-program-body .dzs-head .left-text {
        width: 27%;
    }
    .select-program-body .dzs-head {
        background-position: right -100px center;
        padding: 130px 0;
    }
    .vanbolnicko-lecenje-section.zastita-trudnica-section {
        background-position: top right -100px;
    }
}
@media only screen and (max-width: 1580px) {
    .dzs-blue-left-section-with-girl .numbers-content {
        padding-left: 13%;
    }
    .dzs-body .bordered-text .second-row {
        padding-left: 3.5%;
    }
    .smart-program-body .dzs-head {
        background-position: right -200px center;
    }
    .select-program-body .dzs-head {
        background-position: right -200px center;
        padding: 120px 0;
    }
    .vanbolnicko-lecenje-section.zastita-trudnica-section {
        background-position: top right -300px;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section .right-text .content-text .border-text {
        font-size: 30px;
        line-height: 35px;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section {
        background-position: right -390px top;
    }
    .kasko .kasko-lista-pokrica:after {
        width: 16%;
    }
}
@media only screen and (max-width: 1480px)
{
    .dzs-head .left-text {
        width: 48%;
    }
    .dzs-head {
        background-position: right -450px center;
    }
    .dzs-white-content .content-text {
        padding: 50px 100px 100px;
    }
    .dzs-blue-left-section-with-girl .numbers-content {
        padding-left: 16%;
    }
    .dzs-body .bordered-text .second-row {
        padding-left: 7%;
    }
    .select-program-body .dzs-head {
        background-position: right -300px center;
        padding: 100px 0;
    }
    .vanbolnicko-lecenje-section {
        background-position: right -380px center;
    }
    .osiguranje-msp .vanbolnicko-lecenje-section {
        background-position: left -260px center;
    }
}

@media only screen and (max-width: 1300px)
{
    .dzs-third-section .flex-content .left-text {
        padding-right: 30px;
        padding-left: 20px;
    }
    .dzs-blue-left-section-with-girl .numbers-content {
        padding-left: 18%;
    }
    .dzs-body .bordered-text .second-row {
        padding-left: 10%;
    }
    .smart-program-body .dzs-head {
        background-position: right -300px center;
    }
    .smart-program-body .dzs-head {
        padding: 90px 0;
    }
    .select-program-body .dzs-head .left-text .first-row-text {
        font-size: 60px;
        line-height: 45px;
    }
    .select-program-body .dzs-head .left-text .third-row-text {
        font-size: 38px;
        line-height: 36px;
    }
    .select-program-body .dzs-head {
        background-position: right -400px center;
    }
    .vanbolnicko-lecenje-section .content-text {
        padding: 0;
    }
    .optima-norma-program-body .dzs-head {
        padding: 100px 0;
        background-position: right -550px center;
    }
    .optima-norma-program-body .dzs-head .left-text .first-row-text {
        font-size: 60px;
        line-height: 64px;
    }
    .optima-norma-program-body .dzs-head .left-text .second-row-text {
        font-size: 60px;
    }
    .optima-norma-program-body .dzs-head .left-text .third-row-text {
        font-size: 38px;
        line-height: 38px;
    }
    .putno-osiguranje .dzs-third-section .flex-content .left-text {
        margin-left:100px;
    }
}

@media only screen and (max-width: 1250px)
{
    .dzs-ninth-section .flex-content .left-text .content-text {
        font-size: 27px;
        line-height: 35px;
    }
    .dzs-fifth-section .right-text .content-text .border-text {
        font-size: 18px;
    }
    .dzs-fifth-section .right-text .content-title-text {
        font-size: 35px;
    }
    .select-program-body .dzs-head {
        background-position: right -450px center;
    }
    .putno-osiguranje .dzs-third-section .flex-content .left-text {
        margin-left:60px;
    }
}

@media only screen and (max-width: 1199px)
{
    .smart-program-body .dzs-head .left-text .fourth-row-text  {
        margin-left: 100px;
    }

    .select-program-body .dzs-head {
        background-position: right -500px center;
    }
    .select-program-body .dzs-head {
        padding: 50px 0;
    }
    .select-program-body .dzs-head .left-text {
        width: 100%;
    }
    .select-program-body .dzs-head .left-text br {
        display: none;
    }
    .select-program-body .dzs-head .left-text .first-row-text {
        font-size: 50px;
        line-height: 38px;
    }
    .select-program-body .dzs-head .left-text .third-row-text {
        font-size: 32px;
        line-height: 32px;
    }
    .smart-program-body .dzs-white-content .content-text {
        padding-left: 0;
        padding-right: 0;
    }
    .dzs-body .bordered-text .second-row {
        padding-left: 18%;
    }
    .dzs-white-content .content-text {
        font-size: 20px;
    }
    .dzs-white-content .content-text li{
        font-size: 18px;
    }
    .dzs-white-content .content-text p  {
        margin-bottom: 15px;
    }
    .smart-program-body .dzs-white-content h4 {
        margin-bottom: 20px;
        font-size: 32px;
    }
    .dzs-body .bordered-text .first-row {
        font-size: 28px;
        line-height: 35px;
        padding: 17px 0 20px
    }
    .dzs-body .bordered-text .second-row {
        font-size: 23px;
    }
    .dzs-ninth-section .flex-content .left-text .content-text {
        margin-left: 0;
    }
    .dzs-ninth-section .flex-content .right-text {
        font-size: 19px;
    }
    .dzs-body {
        font-size: 20px;
    }
    .dzs-white-content .content-text {
        padding: 50px 50px 100px;
    }
    .navbar-nav > li > a {
        padding: 15px 5px 33px 5px;
    }
    .navbar-nav {
        font-size: 14px;
    }
    .header-top .info.mail {
        margin-left: 30px;
    }
    .footer-logo .logo-img {
        max-width: 220px;
    }
    .navbar-collapse.collapse {
        padding-left: 0;
    }
    .one-news .text {
        min-height: 150px;
    }
    .header-top .top-menu a {
        font-size: 11px;
    }
    .header-top .webshop {
        font-size: 11px;
        padding: 10px 8px 11px;
    }
    .header-top .webshop {
        margin-right: 10px;
    }
    .header-top .top-menu {
        padding-right: 10px;
    }
    .header-top .webshop.online-prijava {
        padding-top: 11px;
    }
    .searchbox input {
        width: 90px;
        padding-left: 15px;
    }
    .dzs-fifth-section .right-text .content-title-text {
        margin: 0;
    }
    .social-link .fa {
        font-size: 13px;
        margin-right: 10px;
    }
    .navbar-nav > li > a {
        font-size: 13px;
    }
    .dzs-fourth-section .text-with-phone .phone-left img {
        width: 168px;
    }
    .program-section .btn.btn-default {
        white-space: normal;
        line-height: 25px;
    }
    .dzs-seventh-section:after {
        background-position: left -50px center;
    }
    .dzs-fifth-section .flex-content {
        flex-wrap: wrap;
    }
    .section-with-scroll .first-row-text {
        margin-bottom: 40px;
    }
    .dzs-fifth-section .flex-content .left-picture img {
        width: 700px;
    }
    .dzs-fifth-section .right-text {
        width: 100%;
        justify-content: center;
        border-top: 1px solid #e3dfdf;
        padding: 30px 0;
    }
    .dzs-fifth-section .right-text .content-title-text {
        font-size: 32px;
    }
    .dzs-head {
        padding: 90px 0;
    }
    .smart-program-body .dzs-head {
        padding: 80px 0;
    }
    .dzs-third-section .flex-content .right-text {
        width: 560px;
        font-size: 20px;
    }
    .dzs-third-section .flex-content .left-text {
        padding-right: 15px;
        padding-left: 15px;
        font-size: 35px;
    }
    .dzs-third-section .flex-content .middle-picture {
        width: 295px;
        margin-right: 25px;
    }
    .dzs-third-section .flex-content .right-text ul li {
        margin-bottom: 15px;
    }
    .dzs-third-section .flex-content .right-text {
        padding-right: 10px;
        font-size: 19px;
    }
    .section-with-scroll .content-wrapper {
        padding: 0;
    }
    .text-with-border {
        font-size: 40px;
        line-height: 34px;
        padding: 15px 0 22px;
    }
    .scroll-content-wrapper .left-icon .icon-content .icon-text {
        font-size: 23px;
    }
    .scroll-content-wrapper .scroll-content ul li {
        font-size: 18px;
    }
    .trudnicko-lecenje-blue .dzs-blue-left-section-with-girl .girl-image {
        left: 3%;
        width: 30%;
    }
    .select-program-body .dzs-white-content.vanbolicno-text .content-text,
    .select-program-body .dzs-white-content .content-text,
    .optima-norma-program-body .dzs-white-content .content-text,
    .prijava-stete .dzs-white-content .content-text,
    .putno-osiguranje .dzs-white-content .content-text,
    .pet-plus .dzs-white-content .content-text,
    .osiguranje-msp .dzs-white-content .content-text
    {
        padding-left: 0;
        padding-right: 0;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section {
        background: #f6f6f6;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section .left-picture {
        width: 100%;
        background-image: url('/design/optima-ili-norma-right-bg.jpg');
        background-position: right -50px top;
        background-size: contain;
    }
    .kasko .kasko-lista-pokrica:after {
        width: 0%;
    }
    .vanbolnicko-lecenje-section.osiguranje-msp-kome-je-namenjeno .content-text .right-text {
        font-weight: 500;
        margin-left: 40%;
        font-size: 26px;
        line-height: 36px;
    }
    .zaposlenje .zaposlenje-head h2 {
        font-size:34px;
    }
    .zaposlenje .zaposlenje-head h3 {
        font-size:18px;
    }
}

@media only screen and (max-width: 1100px) {
    .dzs-ninth-section .flex-content .left-text .content-text {
        white-space: normal;
        width: 300px;
        line-height: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .dzs-third-section .flex-content {
        flex-wrap: wrap;
    }
    .dzs-third-section .flex-content .left-text {
        padding-left: 35px;
    }
    .dzs-third-section .flex-content .left-text {
        order: 1;
        width: 45%;
        padding: 0 30px;
    }
    .dzs-third-section .flex-content .middle-picture {
        width: 100%;
        order: 3;
        margin: 0;
    }
    .dzs-third-section .flex-content .right-text {
        font-size: 18px;
        order: 2;
        width: 55%;
        padding: 15px 10px 0 15px;
    }
    .dzs-third-section .flex-content .middle-picture img {
        margin: 30px 0 0 24%;
        width: 240px;
        max-width: 100%;
    }
    .dzs-white-content .content-text {
        padding-bottom: 50px;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section .left-picture {
        background-position: right -150px top;
    }
    .putno-osiguranje .dzs-third-section .flex-content .left-text {
        margin-left:0px;
    }
    .putno-osiguranje .dzs-third-section .flex-content .middle-picture img {
        position: relative;
    }
}
@media only screen and (max-width: 991px)
{
    .optima-ili-norma-wrapper .dzs-fifth-section .left-picture {
        background-position: right -260px top;
    }
    .optima-norma-program-body .dzs-head .left-text br {
        display: none;
    }
    .optima-norma-program-body .dzs-head .left-text {
        width: 100%;
    }
    .optima-norma-program-body .dzs-head .left-text .first-row-text {
        font-size: 45px;
        line-height: 40px;
    }
    .optima-norma-program-body .dzs-head {
        padding: 60px 0;
        background-position: right -250px top -105px;
    }
    .optima-norma-program-body .dzs-head .left-text .second-row-text {
        font-size: 45px;
        margin-top: -5px;
    }
    .optima-norma-program-body .dzs-head .left-text .third-row-text {
        font-size: 34px;
    }
    .dzs-head, .smart-program-body .dzs-head {
        background-position: center;
    }
    .number-with-line .left-number {
        width: 100px;
    }
    .dzs-blue-left-section-with-girl .numbers-content {
        padding-right: 0;
    }
    .dzs-fifth-section .right-text .content-title-text {
        white-space: normal;
        padding-right: 25px;
    }
    .dzs-fifth-section .right-text .content-text .border-text {
        padding-left: 25px;
    }
    .dzs-seventh-section:after {
        background-position: left -160px center;
    }
    .dzs-body {
        font-size: 18px;
    }
    .dzs-body h4 {
        font-size: 29px;
    }
    .dzs-sixth-section {
        padding-top: 30px;
    }
    .dzs-body h4::before {
        left: 5px;
        margin-right: 20px;
    }
    .dzs-sixth-section h4 {
        margin-bottom: 25px;
    }
    .dzs-seventh-section .content-text {
        padding: 25px 30px 25px 0;
    }
    .dzs-seventh-section .content-text p {
        margin-bottom: 12px;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-right-col {
        padding-right: 0;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex .title {
        font-size: 26px;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex .text {
        font-size: 23px;
    }
    .dodatno-osiguranje-wrapper .btn.btn-default {
        font-size: 24px;
    }
    .dzs-body .blue-line-text::before, .dzs-body .blue-line-text::after {
        display: none;
    }
    .dzs-white-content .content-text {
        padding: 50px 10px 50px;
        font-size: 18px;
    }
    .navbar-header .collapse {
        float:right;
    }
    .navbar-collapse {
        padding-left: 0px;
    }
    .navbar-right {
        float:none!important;
    }
    .navbar-toggle {
        margin-right:0px;
        margin-top:3px;
        border-radius:1px;
        padding-top:8px;
        padding-bottom:8px;
    }
    .navbar-nav {
        padding: 0;
        margin: 0;
        float: none;
    }
    .navbar-nav > li {
        float: none;
    }
    .navbar-right li {
        margin: 0;
        padding: 0;
        float:none;
    }
    .navbar-right li:last-child {
        margin-bottom: 10px;
    }
    .navbar-nav > li > a {
        padding: 10px 0;
        font-size:15px;
        display: inline-block;
    }
    .navbar-nav > li > a .caret {
        display: inline-block;
        margin-left: 8px;
    }
    .navbar-collapse.collapse {
        display: none !important;
        padding: 0 0 0 0;
    }
    .navbar-collapse {
        border:0px!important;
        margin-top: 0;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
        border:0px!important;
    }
    .navbar-header {
        float: none;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
        border: 1px solid #144577;
        border-radius: 0px;
        margin-top: 0;
        top: 15px;
        z-index: 999;
    }
    .navbar-toggle .icon-bar {
        background: #144577 ;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        box-shadow: none;
        float: none;
    }
    .navbar-nav > li > a, .navbar-nav > li > a:focus, .header-bottom .nav .open > a, .header-bottom .nav .nav .open > a:focus {
        text-align: left;
    }
    .navbar-nav > li > .dropdown-menu {
        background: #fff;
        padding-left: 20px;
    }
    .navbar-nav > li > .dropdown-menu > li > a {
        color: #144577;
        border-bottom: 1px solid rgba(20, 69, 119, 0.5);
        padding-left: 5px;
    }
    .navbar-nav > li > .dropdown-menu > li > a:hover {
        color: #fff;
    }
    .icons-box {
        min-height: 87px;
    }
    .footer-box, .footer-logo {
        margin-bottom: 40px;
    }
    #map {
        height: 400px;
    }
    #map.mreza {
        height: 500px;
    }
    .one-news .text {
        min-height: 120px;
    }
    .social-link .fa {
        font-size: 14px;
        margin-right: 12px;
    }
    .searchbox input {
        width: 110px;
    }
    .iso-image {
        margin-top: -5px;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-left-col {
        width: 200px;
        padding-left: 0;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-right-col {
        width: calc(100% - 200px);
    }
    .program-section .title-and-content .left-title {
        padding-left: 0;
        font-size: 34px;
        line-height: 38px;
    }
    .dzs-ninth-section .flex-content .middle-picture {
        width: 510px;
    }
    .dzs-ninth-section .flex-content .middle-picture img {
        margin-top: 0;
    }
    .dzs-ninth-section .flex-content .right-text {
        font-size: 17px;
    }
    .dzs-ninth-section .flex-content .left-text .content-text {
        font-size: 22px;
    }
    .dzs-eight-section .first-row-text p {
        margin-bottom: 12px;
    }
    .dzs-eight-section {
        padding: 30px 0 40px;
    }
    .dzs-ninth-section .flex-content {
        flex-wrap: wrap;
    }
    .dzs-ninth-section .flex-content .left-text {
        order: 1;
        width: 50%;
        padding: 0 30px;
    }
    .dzs-ninth-section .flex-content .middle-picture {
        width: 100%;
        order: 3;
        margin: 0;
    }
    .dzs-ninth-section .flex-content .middle-picture img {
        margin: -48px auto 0;
        width: auto;
        max-width: 100%;
    }
    .dzs-ninth-section .flex-content .right-text {
        font-size: 17px;
        order: 2;
        width: 50%;
    }
    .dzs-ninth-section .flex-content .right-text .content-text {
        margin: 0 auto;
        padding: 0 30px;
    }
    .dzs-head {
        position: relative;
        padding: 50px 0;
    }
    .dzs-head .left-text {
        width: 100%;
        text-align: left;
        padding-left: 15px;
    }
    .dzs-head:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.5);
        z-index: 0;
    }
    .dzs-head .left-text {
        position: relative;
        z-index: 2;
    }
    .dzs-head .left-text .first-row-text, .smart-program-body .dzs-head .left-text .first-row-text {
        font-size: 60px;
    }
    .dzs-head .left-text .second-row-text {
        font-size: 45px;
        margin: 14px 0 10px;
    }
    .dzs-head .left-text .third-row-text {
        font-size: 20px;
    }
    .dzs-third-section .flex-content .middle-picture img {
        margin-left: 19%;
    }
    .smart-program-body .dzs-head .left-text {
        width: 100%;
    }
    .smart-program-body .dzs-head br {
        display: none;
    }
    .smart-program-body .dzs-head {
        padding: 50px 0;
    }
    .dzs-head .left-text .first-row-text, .smart-program-body .dzs-head .left-text .first-row-text {
        font-size: 45px;
        line-height: 40px;
        margin-bottom: 0;
    }
    .smart-program-body .dzs-head .left-text .third-row-text  {
        font-size: 30px;
    }
    .smart-program-body .dzs-head .left-text .fourth-row-text  {
        margin-left: 0px;
        width: min-content;
    }
    .select-program-body .dzs-head .left-text .fourth-row-text  {
        margin-left: 0px;
        width: min-content;
    }


    .vanbolnicko-lecenje-section {
        position: relative;
        padding: 80px 0;
    }
    .vanbolnicko-lecenje-section:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(255,255,255,0.6);
        z-index: 0;
    }
    .vanbolnicko-lecenje-section .content-text {
        position: relative;
        z-index: 2;
    }
    .vanbolnicko-lecenje-section .left-text {
        text-align: left;
    }
    .vanbolnicko-lecenje-section > .container {
        margin: 0;
    }
    .vanbolnicko-lecenje-section.bolnicko-lecenje-section {
        background-position: right -400px top -20px;
    }
    .vanbolnicko-lecenje-section.zastita-trudnica-section {
        background-position: top right -480px;
    }
    .optima-norma-program-body .scroll-content-wrapper .left-icon .icon-content .icon-text {
        font-size: 22px;
        line-height: 24px;
    }
    .optima-norma-program-body .scroll-content-wrapper .left-icon .icon-content img {
        height: 140px;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section .right-text .content-text .border-text {
        font-size: 24px;
    }
    .kasko .dzs-head {
        background-position: right center;
    }
    .kasko .dzs-head .left-text {
        width: 74%;
    }
    .kasko .kasko-rizici-content-right {
        margin-top:50px;
        margin-left:50px;
    }
    .pet-plus .head {
        background-size: cover;
        height: 150px;
    }
    .putno-osiguranje .head {
        background-size: cover;
        height: 150px;
    }
    .btn.btn-wide {
        font-size: 18px !important;
        margin: 20px 20px;
    }
    .osiguranje-msp .dzs-head .left-text {
        margin-left:8%;
        text-align: left;
    }
    .zaposlenje .zaposlenje-head img {
        top:120px;
    }
    .zaposlenje .zaposlenje-s2 {
        background-position: center left;
    }
    .dzs-body .zaposlenje h4::before {
        left: -30px;
        margin-right: 0;
    }
    .zaposlenje .zaposlenje-s7 .btn.btn-default {
        font-size: 24px!important;
    }
}

@media only screen and (max-width: 866px)
{
    .optima-ili-norma-wrapper .dzs-fifth-section .left-picture {
        background-position: right -320px top;
    }
}

@media only screen and (max-width: 800px)
{
    .optima-ili-norma-wrapper .dzs-fifth-section .left-picture {
        background-position: right -420px top;
    }
}


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

    .banca-intesa,
    .banca-intesa a {
        font-size: 17px;
    }
    .banca-intesa h1 {
        margin-top: 25px;
        font-size: 28px;
    }
    .banca-intesa h2 {
        font-size: 28px;
    }
    .banca-intesa .box {
        padding: 10px 15px 10px 15px
    }
    .banca-intesa .box .title {
        font-size: 25px;
        line-height: 1;
    }
    .banca-intesa .box .title img {
        max-width: 47px;
        max-height: 47px;
        margin-right: 10px;
    }
    .banca-intesa .box table td {
        font-size: 18px;
        border: 1px solid white;
        padding: 5px 10px;
    }
    .banca-intesa .box {
        font-size: 16px;
    }
    .banca-intesa .box .box-body .box-body-content {
        margin-top: -500%;
    }
    .banca-intesa label {
        width: 58px;
        height: 32px;
        background: transparent;
        border-radius: 100px;
        border:2px solid white;
    }
    .banca-intesa label:after {
        top: 2px;
        left: 2px;
        width: 24px;
        height: 24px;
    }
    .banca-intesa label:active:after {
        width: 80%;
    }

    .text-with-border {
        font-size: 30px;
        padding: 10px 0 15px;
    }
    .dzs-body .bordered-text .first-row {
        padding: 10px 0 15px;
    }
    .number-with-line .right-text {
        line-height: 23px;
        font-size: 21px;
    }
    .dzs-third-section {
        background: #f6f6f6;
        padding-top: 40px;
    }
    .dzs-third-section .flex-content .left-text, .dzs-third-section .flex-content .right-text, .dzs-third-section .flex-content .left-text .content-text {
        width: 100%;
    }
    .dzs-third-section .flex-content .left-text {
        padding: 0 25px;
    }
    .dzs-third-section .flex-content .left-text .content-text br {
        display: none;
    }
    .dzs-third-section .flex-content .right-text {
        color: #174479;
    }
    .dzs-third-section .flex-content .right-text ul li:before {
        background: #174479;
    }
    .dzs-third-section .flex-content .middle-picture img {
        margin: 30px auto 0;
    }
    .dzs-third-section:before, .dzs-third-section:after {
        display: none;
    }
    .dzs-fifth-section .right-text {
        flex-wrap: wrap;
    }
    .dzs-fifth-section .right-text .content-title-text {
        padding-right: 0;
    }
    .dzs-fifth-section .right-text .content-title-text, .dzs-fifth-section .right-text .content-title-text .title {
        width: 100%;
        text-align: left;
        font-size: 30px;
        line-height: 32px;
    }
    .dzs-fifth-section .right-text .content-title-text .title {
        padding: 0 15px;
    }
    .dzs-fifth-section .right-text .content-text {
        padding-left: 15px;
        padding-right: 15px;
    }
    .dzs-fifth-section .right-text .content-text .border-text {
        padding-left: 0;
        padding-right: 0;
        padding-top: 25px;
        border-left: 0;
        border-top: 2px solid #174479;
        margin-top: 20px;
        width: 100%;
    }
    .dzs-fifth-section .right-text .content-text .border-text p {
        margin-bottom: 15px;
    }
    .dzs-fifth-section .right-text .content-title-text br {
        display: none;
    }
    .dodatno-osiguranje-wrapper .btn.btn-default {
        font-size: 20px;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-left-col {
        width: 140px;
        padding-left: 0;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-right-col {
        width: calc(100% - 140px);
    }
    .dzs-white-content .content-text {
        font-size: 18px;
        padding: 30px 0 40px;
    }
    .dzs-white-content .content-text p {
        margin-bottom: 15px;
    }
    .navbar-nav > li > a .caret {
        display: inline-block;
        margin-left:5px;
    }
    .icons-box {
        min-height: 0;
    }
    .half-xs, .half-xs-footer, .half-xs-news {
        width: 50%;
    }
    .navbar > .header-bottom > .container .navbar-brand, .navbar > .header-bottom > .container-fluid .navbar-brand {
        margin-left: 0;
    }
    .navbar-toggle {
        right: 15px;
    }
    .header-top .left {
        width: 70%;
    }
    .header-top .right {
        width: 30%;
    }
    .header-social {
        display: none;
    }
    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding-left: 5px;
    }
    .footer-bottom .created-by {
        float: none!important;
        margin-top: 20px;
    }
    .contact-information-wrapper {
        margin-top: 50px;
    }
    .breadcrumb-wrapper .breadcrumb-title {
        font-size: 36px;
    }
    .panel-left {
        margin-bottom: 30px;
    }
    .mobile-webshop, .mobile-webshop:focus, .mobile-webshop:visited {
        background: #13944c;
        color: #fff;;
        padding: 7px 14px;
    }
    .mobile-webshop i {
        margin-right: 7px;
    }
    .mobile-webshop:active {
        color: #fff;
        background-color: #004785;
    }
    .iso-image {
        margin-top: 15px;
    }
    .program-section .btn.btn-default {
        font-size: 19px;
        margin-top: 20px;
    }
    .program-section .title-and-content .right-content p {
        margin-bottom: 10px;
    }
    .program-section {
        padding: 50px 0;
    }
    .dzs-seventh-section {
        padding-top: 40%;
        background: #f6f6f6;
    }
    .dzs-seventh-section:before {
        display: none;
    }
    .dzs-seventh-section:after {
        background-position: right bottom -90px;
        top: 0;
        left: 0;
        bottom: auto;
        width: 100%;
        background-size: cover;
        padding-top: 40%;
    }
    .dzs-fourth-section .text-with-phone .phone-left {
        padding-right: 30px;
    }
    .dzs-fourth-section .text-with-phone .phone-left img {
        width: 140px;
    }
    .dzs-body .blue-line-text {
        text-align: left;
    }
    .dzs-fourth-section h4 {
        text-align: left;
    }
    .dzs-head .left-text .first-row-text {
        font-size: 45px;
        line-height: 45px;
    }
    .dzs-head .left-text .second-row-text {
        font-size: 32px;
        line-height: 32px;
    }
    .dzs-head {
        padding: 40px 0;
    }
    .vanbolnicko-lecenje-section {
        padding: 60px 0;
    }
    .vanbolnicko-lecenje-section .left-text {
        font-size: 32px;
        line-height: 36px;
        padding: 20px 0;
    }
    .vanbolnicko-lecenje-section.bolnicko-lecenje-section {
        background-position: right -500px top -20px;
    }
    .optima-norma-program-body .scroll-content-wrapper .left-icon .icon-content img {
        height: 125px;
        width: auto;
    }
    .optima-norma-program-body .scroll-content-wrapper .left-icon .icon-content .icon-text {
        font-size: 20px;
    }
    .dzs-body .optima-norma-program-body .section-with-scroll .bordered-text .second-row .number-with-line .right-text {
        font-size: 32px;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section .right-text .content-text, .optima-ili-norma-wrapper .dzs-fifth-section .right-text .content-text .border-text {
        width: 100%;
        font-size: 22px;
        line-height: 26px;
    }
    .optima-ili-norma-wrapper .dzs-fifth-section .right-text .content-text .border-text {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
    }
    .prijava-stete .dzs-head {
        background-position: 8% center;
    }
    .kasko .dzs-white-content .content-text{
        padding: 20px 0px;
    }

    .kasko .kasko-prednosti:before {
        width:100%;
    }
    .kasko .kasko-prednosti-content {
        margin-top: 470px;
    }
    .kasko ul {
        padding-left: 0px;
        margin-top: 40px;
    }
    .kasko .kasko-rizici-content-right {
        margin-top:0px;
        margin-left:0px;
    }
    .kasko .kasko-rizici::after {
        width: 100%;
    }
    .kasko .kasko-rizici-content {
        margin-top:415px;
    }
    .kasko .kasko-rizici .text-nadvuceno {
        margin-bottom: 0px;
    }

    .pet-plus .pet-plus-section .pet-plus-section-ico {
        position: unset;
    }
    .pet-plus .pet-plus-section {
        background-image: unset;
    }
    .pet-plus .pet-plus-section-col{
        border-left: unset;
    }
    .osiguranje-msp .dzs-white-content .sivi-box {
        padding: 15px 0px;
    }
    .osiguranje-msp .dzs-white-content .sivi-box .content-text {
        padding: 0px;
    }
    .vanbolnicko-lecenje-section.osiguranje-msp-kome-je-namenjeno .content-text .right-text {
        margin-left: 0px;
    }
    .vanbolnicko-lecenje-section.osiguranje-msp-kome-je-namenjeno .content-text {
        padding: 0px;
    }

    .zaposlenje .zaposlenje-s5 .text-right, .zaposlenje .zaposlenje-s4 .text-right {
        text-align: left;
    }

    .zaposlenje .zaposlenje-grey-content.zaposlenje-s5 .container .potpis {
        margin-top: 20px;
        margin-bottom: 60px;
    }

    .zaposlenje .zaposlenje-s6 h4 {
        margin-top:60px;
    }
    .zaposlenje .zaposlenje-s6 h4 {
        margin-bottom: 60px;
    }
    .zaposlenje .zaposlenje-s7 .btn.btn-default i {
        font-size: 28px;
    }
}

@media only screen and (max-width: 680px)
{
    .half-xs-footer, .half-xs-news {
        width: 100%;
    }
    .dzs-ninth-section .flex-content .left-text, .dzs-ninth-section .flex-content .right-text, .dzs-ninth-section .flex-content .left-text .content-text {
        width: 100%;
    }
    .dzs-ninth-section:before, .dzs-ninth-section:after {
        display: none;
    }
    .dzs-ninth-section {
        background: #f6f6f6;
        padding-top: 30px;
    }
    .dzs-ninth-section .flex-content .right-text .content-text {
        color: #174479;
    }
    .dzs-ninth-section .flex-content .middle-picture img {
        margin-top: -25px;
    }
    .dzs-body {
        font-size: 17px;
    }
    .dzs-blue-left-section-with-girl .girl-image, .dzs-blue-left-section-with-girl::before {
        display: none;
    }
    .dzs-blue-left-section-with-girl .numbers-content, .dzs-body .bordered-text .second-row {
        padding-left: 0;
    }
    .number-with-line .left-number {
        width: 26px;
    }
    .number-with-line .left-number {
        font-size: 30px;
    }
    .dzs-body .number-with-line .right-text {
        border-width: 2px;
        padding-left: 20px;
    }
    .number-with-line .right-text {
        font-size: 18px;
    }
    .number-with-line .right-text p {
        margin-bottom: 15px;
    }
    .btn.btn-wide {
        min-width: 136px;
        font-size: 16px !important;
        padding: 3px 15px 6px 18px!important;
        margin: 0px 10px 20px 10px;
    }

    .thank-you-box p {
        text-align: left;
        font-size: 20px;
        padding: 30px 0;
        margin: 0px 0px 30px 0px;
    }

}

@media only screen and (max-width: 630px) {
    .header-top .left {
        margin-bottom: 10px;
        width: 100%;
    }
    .header-top .right {
        display: none;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex .title {
        font-size: 24px;
        line-height: 26px;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex .text {
        font-size: 22px;
        line-height: 24px;
    }
    .program-section .title-and-content .left-title {
        text-align: left;
        margin-bottom: 15px;
        font-size: 28px;
        line-height: 32px;
    }
    .program-section .title-and-content .left-title br {
        display: none;
    }
    .program-section .title-and-content {
        display: block;
    }
    .program-section .title-and-content .right-content {
        border-left: 0;
        border-top: 3px solid #174479;
        padding-left: 0;
        padding-top: 20px;
    }
    .program-section {
        padding: 40px 0;
    }
    .scroll-content-wrapper {
        flex-wrap: wrap;
    }
    .scroll-content-wrapper .left-icon, .scroll-content-wrapper .right-content {
        width: 100%;
    }
    .scroll-content-wrapper.prijava-stete-download .left-icon, .scroll-content-wrapper.prijava-stete-download .right-content {
        width: 100%;
    }

    .scroll-content-wrapper.prijava-stete-download .icon-content {
        border-bottom: 2px solid #f4f4f4;
    }

    .scroll-content-wrapper .left-icon {
        padding-top: 20px;
        padding-bottom: 0;
    }
    .scroll-content-wrapper .icon-content {
        border-right: 0;
        border-bottom: 2px solid #174479;
    }
    .scroll-content-wrapper .left-icon .icon-content {
        padding-bottom: 30px;
    }
    .kasko-lista-pokrica .scroll-content-wrapper.prijava-stete-download .left-icon {
        width: 100%;
    }
}

@media only screen and (max-width: 580px)
{
    .half-xs {
        width: 100%;
    }
    #boxes #popup {
        left: 10%;
        transform: translateX(-6%);
    }
    .zdravsvteno-osiguranje-form-wrapper .form-group, .zdravsvteno-osiguranje-form-wrapper .captcha-wrapper {
        display: block;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-left-col, .zdravsvteno-osiguranje-form-wrapper .form-right-col {
        width: 100%;
    }
    .zdravsvteno-osiguranje-form-wrapper label {
        margin-bottom: 2px;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-group {
        margin-bottom: 5px;
    }
    .zdravsvteno-osiguranje-form-wrapper .form-group.captcha-input {
        margin: 17px 0 0 0;
        width: 250px;
    }
    .zdravsvteno-osiguranje-form-wrapper .captcha-wrapper {
        margin-bottom: 25px;
    }
    .zdravsvteno-osiguranje-form-wrapper .captcha-wrapper .btn.btn-default {
        font-size: 15px;
    }
    .zdravsvteno-osiguranje-form-wrapper .btn.btn-default {
        font-size: 20px;
    }
    .dodatno-osiguranje-wrapper {
        padding: 45px 0;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex {
        display: block;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex {
        margin-bottom: 30px;
    }
    .dzs-seventh-section::after {
        background-position: right bottom -40px;
    }
    .dzs-fourth-section .text-with-phone {
        display: block;
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .dzs-fourth-section .text-with-phone .phone-left {
        padding: 0;
        margin-bottom: 25px;
    }
    .dzs-head {
        padding: 30px 0;
    }
    .dzs-head .left-text .first-row-text {
        font-size: 42px;
    }
    .dzs-head .left-text .second-row-text {
        margin-top: 10px;
    }
    .dzs-head:before {
        background: rgba(255,255,255,0.6);
    }
    .dzs-third-section .flex-content .right-text p {
        margin-bottom: 20px;
    }
    .dzs-third-section .flex-content .right-text ul li {
        margin-bottom: 10px;
    }
    .dzs-third-section .flex-content .left-text .content-text {
        padding: 20px 0;
        line-height: 40px;
    }
    .select-program-body .dzs-head .left-text .first-row-text {
        font-size: 40px;
        line-height: 32px;
    }
    .select-program-body .dzs-head {
        background-position: right -700px top -52px;
    }
    .select-program-body .dzs-head .left-text .third-row-text {
        font-size: 28px;
        line-height: 24px;
    }
    .dzs-body .optima-norma-program-body .section-with-scroll .bordered-text .second-row .number-with-line .right-text {
        font-size: 28px;
        line-height: 34px;
    }
    .osiguranje-msp .dzs-head .left-text {
        margin-left:0px;
        text-align: left;
    }
    .zaposlenje .zaposlenje-s7 img {
        max-width: 64px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .godina-30 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 480px)
{
    .dodatno-osiguranje-wrapper .btn.btn-default {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .navbar > .header-bottom > .container .navbar-brand, .navbar > .header-bottom > .container-fluid .navbar-brand {
        margin-left: -15px;
    }
    .navbar-toggle {
        right: 0;
    }
    #map {
        height: 380px;
    }
    #Content img {
        max-width: 100%;
    }
    .breadcrumb-path {
        font-size: 13px;
    }
    .breadcrumb-wrapper .breadcrumb-title {
        font-size: 32px;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex .title {
        font-size: 22px;
    }
    .zdravsvteno-osiguranje-form-wrapper .title-flex .text {
        font-size: 19px;
    }
    .dzs-body {
        font-size: 17px;
    }
    .program-section .btn.btn-default {
        font-size: 17px;
    }
    .scroll-content-wrapper .scroll-content ul {
        padding: 0 10px;
    }
    .scroll-content-wrapper .scroll-content ul li {
        font-size: 15px;
        padding: 7px 0;
    }
    .scroll-content-wrapper .left-icon .icon-content .icon-text {
        font-size: 20px;
    }
    .vanbolnicko-lecenje-section.bolnicko-lecenje-section {
        background-position: right -600px top;
    }

    h4.postupak-prijave-stete {
        margin-right: 0px;
    }
    .nacini-prijave-stete .separator {
        border-bottom: 2px solid white;
        border-right: none;
    }
    .pomoc-prijava-stete-wrapper {
        margin: -25px -15px;
        padding: 25px;
    }
    .pomoc-prijava-stete-wrapper .pomoc-prijava-stete-img {
        float: none;
        clear: both;
        border-right: none;
        text-align: center;
        padding-right:0px;

    }
    .pomoc-prijava-stete-wrapper .pomoc-prijava-stete-img img {
        margin: auto auto;
    }

}
@media only screen and (max-width: 420px)
{
    .header-top .info {
        font-size: 12px;
    }
    .header-top .info a {
        transition: none;
    }
    .header-top .info.mail {
        margin-left: 15px;
    }
    .scroll-content-wrapper .left-icon .icon-content img {
        width: 150px;
    }
    .scroll-content-wrapper.prijava-stete-download .left-icon .icon-content img{
        height: 96px;
    }
    .optima-norma-program-body .dzs-head .left-text .first-row-text {
        font-size: 39px;
        line-height: 35px;
        paddin-right: 5px;
    }
    .optima-norma-program-body .dzs-head .left-text .second-row-text {
        font-size: 39px;
    }
    .scroll-content-wrapper.prijava-stete-download ul li {
        line-height: 2;
    }
}
@media only screen and (max-width: 380px) {
    .header-top .phone {
        display: none;
    }
    .header-top .info.mail {
        margin-left: 0;
    }
    .navbar-brand img {
        max-width: 220px;
    }
    .header-top .info {
        font-size: 13px;
    }
}
@media only screen and (max-width: 350px) {
    .navbar-brand img {
        max-width: 175px;
    }
}