@media screen and (max-width: 968px) { 
.building-header .line {
        width: 100% !important;
}
#wrap_1 {
        width: 95% !important;
}
.about-container {
        width: 95vw !important;
    }
}

@media screen and (max-width: 1280px) {
.prote-ignjata-header {
    color: #ed1c24;
    font-size: 30px;
    text-align: center;
}
.sprat {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 60px;
    margin-top: 40px;
}
.stan{    
    flex-wrap: wrap;
	}
	.floorToggle {
    flex-basis: calc(100% / 4 - 5px);
    max-width: 132.5px;
	}
	#menu-list{
	    width:79.5%;
	}
#floor-img {
    position: relative;
    width: 100%;
    margin-top: 15px;
}
.onama-icons-container p {
    text-align: center;
}
.reverse-column{
    align-items: center !important;
}
#prodaja-index-container{
    max-width:unset;
    width:87%;
}
.red-separator{
    width:85%;
}
#veselin-misita-2 .veselin-misita-details{
    width:100%;
}
.veselin-misita-details{
    height:330px;
    width:calc(100% + 100px);
}.prote-ignjata-btn .floorToggle {
    flex-basis: calc(25% - 3px);
}
.veselin-misita-info{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:calc(92% - 100px);
    gap:13px;
}
.veselin-misita-info p {
    margin:0px;
}
.veselin-misita-info .line{
    margin:0px !important;
	background: #ed1c24;
    height: 1px;
}
#veselin-bg{
    height:100%;
    width:100%;
    margin-top:0px;
}
.prodaja-subheader{
    font-size:max(13px, 1.8vw);
}
.index-description h2 {
    padding: 0px 5px;
}
.index-description p{
	padding: 0px 25px;
}
#model-naslovna-bg {
    height: auto;
	margin-top: 0px;
}
.footer {
    padding-bottom: 1px;
}
.about-container {

    width: 76.5% !important;
    flex-wrap:unset !important;
}
.enterijer-text {
    padding: 50px 21px 43px 21px;
}
.index-gallery{
    height:auto;
}
#img-edit{
        justify-content: space-between;
}
.objekat-red-section .objekat-title {
    color: #ed1c24;
}
.objekat-subtitle {
    color: #212529;
}
.objekat-info {
    color: #212529;
	font-size: 18px;
	margin-bottom: 40px;
}
.objekat-red-section .line {
    background: #ed1c24;
}	
.row-container img, .row-container video{
    margin-right:0px;
    min-width:200px;
}
.offer-price span{
    font-size: max(1.7vw, 15px);
    }
    .kv-container span{
    font-size: max(1.7vw, 15px) !important;
    }
.red-section-container {
    background: none;
	padding: 0px 0px;
}
.contact-container {
    padding: 25px 0px;
}

.floorToggle h4{
    font-size:20px;
}
.floor-container a {
    position: relative !important;
}
.building-header .line{
        width: 81% !important;
}
.building-header{
    margin-top: 30px;
    width: 100% !important;
}
.building-sale {
	height:auto !important;
	width: 77% !important;
}
.prote_ignjata_1{
    display: flex;
    flex-direction: row;
    gap: 25px;
	margin-bottom: 30px;
}
    .prote-ignjata-container, .prodaja-black-section {
        width: 77% !important;
        background: #f0f0f0;
 }
.prodaja-section{
    margin: 0 auto;
    width: 90%;
}
.prodaja-section .model-info{
    text-align:left;
    margin:0px 50px;
}
.popis-section{
    margin-top: 155px;
}
.prodaja-img-header{
    padding:0px 45px 45px 45px;
    margin-bottom:0px;
}

.prodaja-black-section ul{
    margin:0px 5px;
}
.prodaja-red-container{
    padding: 15px 0px;
    margin-left:0px;
    width:100%;
    height:auto;
}
.prodaja-zgrada{
    
    grid-template-columns: repeat(auto-fit,minmax(100%, 1fr));
    gap:100px;
}
.plan{

    width: 71.7%;
}
.prodaja-red-container p{
    font-size:27px;
    margin-top:10px;
}
    .gallery-container{
        width:100%;
    }
    .single-post{
        margin:0 auto;
    }
    .swiper{
        width:87%;
        min-width: 863px;
    }
    .icon-container{   
         width: 100%;
        margin: 17px auto !important;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .icon-container div{
        width:100%;
    }
    .details-post{
        width:100%;
    }
    .filter-container {
        display: block;
        position: fixed;
        right: -300px;
        width: 300px;
        z-index: 5;
        transition: 1s;
    }

    .dots{
        width: 30px;
        right: 0px;
        position: fixed;
        display: none;
        margin-top: 10px;
        /* margin-right: -34px; */
        background: #ffcaca;
        cursor: pointer;
        height: 43px;
        border-radius: 10px 0px 0px 10px;
        padding-top: 6px;
        transition: 1s;
        margin-left: 0px;
    }
    .dots img {
        width:30px;
        pointer-events: none;
    }
    .all-posts-container{
        float:none;
        position:relative;
        margin-left:0px;    
        width:100%;
    }
    .filter-container{
        margin-top:-160px;
    }
    .row-information{
        padding:15px;
        position:relative;
    }
    .app-rows{
        width:100%;
    }
    .row-container img, .row-container video{
        max-width: 160px;
        
        object-fit: cover;
    }
    .row-container{
        height:250px;
    }
    #sort {
       
    width: 52%;
    max-width: 300px;
    }
    .offer-price {
        padding-right:0px;
        margin-top:16px;
    }
    .kv-container{

    position: relative;
    top: 0px;
    margin-top: -63px;
    float: right;
    left:0px;
    }

    #detail{
        flex-direction: column;
        align-items: flex-start;
    }
    .nova-lokacija a{
        top:32px;
    }
    .nova-lokacija {
    align-items: center;
    width:87%;
    }
    .onama-icons-container{
        width:87%;  
    }
    .onama-container-1 h2{
        margin-left:0px;
    }
    .onama-container-2{
        margin-left:0px;
    }
    #onama-icon-1{
        margin-left:0px;
    }
    .zgrade-img img {
        width:30%;
    }
    .zgrade-img {
        margin-top:34px;
    }
    .stolarija-enterijer{
        width:87%;
    }
    #buildings{
        width:87%;
    }
    .contact-header{font-size: max(5vw, 60px);
    }
    .contact-header{

    font-size: 73px;
    color: white;
    position: relative;
    width: 71%;
    font-family: "MontSerrat Bold";
    left: 23%;
    }
    .contact{
        left:0px;
        margin-bottom:30px;
    }
    #map{
        height:377px;
    }
    .footer-container{
        width:87%;
    }
    .footer-logo{
        margin-left:0px;
    }
    .footer-icons{
        margin-left:0px;
    }
    .footer-container div:nth-child(3){
        margin-left:0px;
    }
    
.about-text{
    width:100% !important;
}
.about-container{
    width:65%;
}
.about-container img{
    width:100%;
}
.about-information{
    grid-template-columns: 100%;
}
.about-header{
    grid-template-columns: 100%;
    margin:30px 0px;
}
.prodaja-container-main{
    width:77% !important;
}
.stan div{
    width:100%;
}
.stan{
    
    justify-content: center;
}}
  
    @media screen and (max-width: 968px) { 
.floorToggle h4 {
        font-size: 1.3rem !important;
}
.prote-ignjata-header {
        letter-spacing: -1px;
}
.building-btn a {
        text-decoration: none;
        font-size: 13px;
        flex-basis: calc(33.33% - 2px) !important;
}
.prodaja-container-main {
        margin: 35px auto;
        width: 95% !important;
        max-width: 1319px;
        text-align: center;
    }
.building-header .line {
        width: 100% !important;
}
.prote_ignjata_1 {
        display: inline;
        margin-bottom: 30px;
}
.prodaja-black-section {
    width: 95% !important;
    background: #f0f0f0;
}
.prote-ignjata-container, .prodaja-black-section {
    width: 95% !important;
    background: #f0f0f0;
    }
.osnova {
    display: block !important;
    width: 100%;
}
#price{
    width:100%;
}
.owl-carousel .owl-item img, .owl-carousel .owl-item video{
height:65% !important;
}
.gallery__list{
    
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
}
 .prote-ignjata-btn iframe{
    min-height:300px;
}
#prodaja-index-container{
    width:87%;
    max-width:unset;
    padding:0px !important;
}
.prote-info-article{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width: 60%;
    margin: 0px auto;
}
.prote-zgrada-info-section{
    display:flex;
    padding:30px 0px;
    background:#f0f0f0;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align: center;
}
.prodaja-zgrada .line{
    margin:0px;
    margin-bottom:24px !important;
}
#prote-info-link{
    
    margin:unset;
}
.prote-info{
    margin-bottom:24px;
}
.prote_ignjata{
    flex-wrap:wrap;
    flex-direction:column;
}
.prote-ignjata-btn{
    width:100% !important;
	justify-content: center;
}
.veselin-misita__flex{
    flex-direction: column;
}
#veselin-bg{
    
    height: 100%;
    margin-left:0px;
    width: 100%;
}

.prodaja-black-section line {
    margin:0px;
}
.prodaja-black-section h1{
    margin:auto;
}
.prodaja-black-section {
    grid-template-columns:100%;
    align-items:center;
    gap: 27px !important;
}
.prodaja-black-section div:nth-child(2) .prodaja-subheader{
    margin:auto;
}
.veselin-misita-details{
    margin:0 auto;
    width:100%;
    height:auto;
}
.veselin-misita-info{
    width:60%;
    margin:0px auto;
    
    padding:30px 0px;
}
.veselin-link{
    display:block;
    max-width: 264px;
    margin:0 auto;
}
.objekat-container div {
    max-width:none;
}
#create-menu-resp{
    
    background:yellow;
}
    
    #hamburger-menu{   
        display: block;
       position: absolute;
       width: 35px;
       right: 23px;
       cursor:pointer;
       z-index:3;
       margin-top: 15px;
   }
   .menu-links:nth-child(0){
    padding-top:20px;
   }
   #header{
       margin:0 auto;
       width:100%;
       text-align: center;
       min-width:200px;
   }
   #logout{
    margin-top:0px;
   }
   .arrow-menu{

  
    position: absolute;
    top: 0px;
    right: 23px;
    cursor: pointer;
    font-size: 23px;
    border: 1px solid #ed1c24;
    background: white;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 5vh;
   }
   .arrow-container-menu{
    position:relative;

   }
   #create-menu-resp{
    padding:10px 0px;
   }
   #admin #arrow-menu{
    cursor:pointer;
   }
   #admin-list{
    display:none;
   }
   #admin{
    display:block;
   }
   #logo-red-prodaja{
       margin:30px auto;
       min-width:200px;
       padding:0px;
       width:70%;;
       height:auto;
       text-align:center;
   }
   .editImages img{
    max-width:none;
    width:100%;
    height:150px;
   }
   #param-group{

    padding: 95px 28px;
   }
   .offer-price span{
   font-size: 25px !important;
   }
   .kv-container {
    top:-7px;
    }
   .kv-container span{
   font-size:25px !important; 
   }
   .responsive ul{
       position: relative;
       top: 55px;
       display: flex;
       overflow: hidden;
       height: 0px;
       padding: 0px;
       flex-direction: column;
       background: white;
       width: 100%;
       z-index: 2;
       align-items: center;
       justify-content: space-around;
    }
   .index-gallery {
       height:300px;
       margin-bottom:50px;
   }
   .index-gallery img {
       min-height: auto;
       }
   #admin-list{
    text-align: center;
    margin-bottom:10px;
   }
   #proteLink{
       padding:4px 0px;
   }
   .responsive ul li a{

    padding: 1vh 20px !important;
    display: block;
   }
    
   .responsive ul li {
       width: 100%;
       text-align: center;
    }
        #create-post{
                display: block;
                height:auto;
                padding: 20px 10px 21px 6px;
            
        }
        .apps-gallery .owl-stage-outer{
            width:87%;
        }
        .apps-gallery .item{
            width:auto;
        }
        .index-gallery img{
            margin-top:0px;
        }
        #prodaja-list{
            display:none;
        }
        .single-post-img{

    height: 390px;
        }
		.building-btn {
        width: 100% !important;
        gap: 3px;
    	}        
		.reverse-column{
            gap:50px;
            flex-direction:column;
        }
        .floor-container{
            flex-direction: column;
            display: flex;
            width:100% !important;
            gap:0px;
        }
    	.building-sale {
        height: auto !important;
        width: 95% !important;
   		 }        
		.building-header{
            margin:0 auto;
        }
#prodaja-resp {
    display:block;
}
        .apps-gallery .item img{
            min-height:250px;
        }#prodaja-drop-list {
             width: auto;
            position: relative;
            padding: 0px;
             margin-left:0px;
            background: white;
            top: 10px;
        }
        #prodaja-drop-list-resp{
            gap:0px !important;
            display: flex;
            align-items: center;
            justify-content: space-around;
			
        }
        #prodajaLink {
            padding-top: 25px;
        }
        .#sync1.owl-theme .owl-prev{
                    
    	left: -5px !important;
        }
        .item-card-header{
    	font-size: max(1.5vw, 20px);
        }
        .apps-gallery .owl-stage {
            padding-left: 10px !important;
        }
        .owl-next {
            left: 88.5%;
            top: 184px;
        }
        .owl-prev {
            left: 3%;
            top: 184px;
        }
        .nova-lokacija{
            width:65%;
        }
        .nova-lokacija img {
            width:100%;
        }
        #proteLinkResp{
            margin-top:-12px !important;
        }
        #arrow-menu{
            position: absolute;
            left: 56%;
            top: 22px;
        }
        .izdavanje-btn{
            margin:0px;
        }
        .form-group h3{

            width: 39%;
            text-align: center;
            left: 50%;
            min-width: 200px;
        }
        .zgrade-img{

    display: flex;
    width: 65%;
    margin: 0 auto;
        }
        .tip-container label{
    margin: 16px 0px;
        }
        .zgrade-img img {
            margin: 55px 18px 0px 0px;
            width: 48.5%;
        }
        .onama-icons-container{
    width: 65%;
    grid-template-columns: repeat(auto-fit, minmax(318px, 1fr));
        }
        .onama-container-2 {
            position: relative;
            margin-bottom: 35px;
            width: 100%;
            margin-left:0px;
        }
        #onama-icon-1{
            margin-left:0px;
        }
        .onama-information{
    width: 65%;
        }
        .menu{
            display:none;
        }
        .responsive{
            display:block;
        }
        .onama-container-1 h2 {
            margin-left:0px;
        }
        .stolarija-enterijer{
            width:65%;
            min-width:unset;
        }
        .stolarija{
            max-width:none !important;
            width:100%;
        }
        .enterijer{
            max-width:none !important;
            width:100%;
            margin-top:70px;
        }
        .contact-header {
            margin-top:45px !important;
            left:0px !important;
            margin:0 auto !important;
            font-size:max(5.5vw,30px) !important;
    }
    .contact{
        top:0px;
        left:0px;
        margin:70px 0px;
    }
.building-btn{
    flex-wrap:wrap;
	margin-bottom:0px;

	gap:5px;

}
.building-header .line{
    width:100% !important;
}
.responsive ul li{

    font-size: max(1vw, 15px);
}
.floorToggle{
    border: 1px solid transparent;
    
}
.building-btn a{
    
    flex-basis: calc(100% / 6 - 3px);
}
        .contact-information {
            grid-template-columns: 100%;
        }
        .footer{
            height:auto;
        }
        .footer-container{
            width:65%;
            grid-template-columns: 100%;
            padding-top: 0px;
            gap:10px;
			margin-bottom: 35px;
        }
        .footer-container div:nth-child(1){
            width:100%;
            margin-left:0px;
        }.footer-container div:nth-child(2) {
            width: 100%;
        }
        .footer-logo{
            margin-left:0px;
            width:50%;
        }
        .footer-icons{
            margin-left:0px;
        }

        .footer-container div:nth-child(3){
            width:100%;
            margin-left:0px;

        }
        .line{
            width:100% !important;
        }
        .full-contain{
            width:89%;
        }
        .osnova-img{
            margin:30px 0px;
			width: 100% !important;
			top:0px !important
        }
        .stan{
			margin-left: 0px;
    		width: 100% !important;
        }
        .menu-steps li {
            padding-right:0px;
        }
        .tip-container input[type="text"], input[type="number"], select{
            width:100%;
        }
        #naslov-polje {
            width:100%;
        }
        .location-group{
            flex-direction: column;
        }
        .location-group div{
            width:100% !important; } 
       
        .menu-steps-container {
            width: 89%;
            padding-left:0px;
            padding-right:0px;
            margin-right: auto;
            margin-top: 75px;
            margin-left: auto;}
    .success-msg{
        height:auto;
    }
    .error-msg{
        height:auto;
    }
    .post-list{
    width: 90% !important;
    margin: 0px auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}   
#sort-container{
    
    width: 90% !important;
    position: relative;
}
    .objekat-container {
    grid-template-columns: repeat(auto-fit,minmax(100%, 1fr));
    justify-items:center;
    width:100%;
    row-gap: 60px;
    min-width:300px;
    }
    .objekat-red-section{

    grid-template-columns: repeat(auto-fit,minmax(100%, 1fr));
    justify-items:center;
    width:100%;
    row-gap: 60px;
    min-width:300px;
    }
    .objekat-red-section div{
        width:58%;
    }
    .objekat-container div {
        width:58%;
    }
    .all-posts-container{
        margin-left:0px;
    }
    #veselin-image-map-container{
        flex-direction:column;
    }
    .card-title{

    font-size: max(1.1vw, 13px);
    }
    .swiper{
        min-width:300px;
        width:65%;
    }
    #buildings{
        width:65%;
    }
    #map{
        margin-top:-26px;
        height:auto;
    }
    #scroll-top{
        display:block;
    }
    #prodaja-drop-list{
        display:block;
    }
.prodaja-section{
    width:90%;
    justify-items:left;
    margin:0 auto;
    gap:0px;
}
.prodaja-black-section img {
    width:100%;
}
.prodaja-black-section p{
    padding: 0px;
    text-align: center;
}
.prodaja-black-section ul{
    margin:0px 5px;
}

.prodaja-black-section span {
    margin:0px 20px;
	padding-left: 15px;
    display: block;
}
.popis-section{
    margin-top:60px;
}
#arrow-menu{   
    width: 23px;
    position: absolute;
    left: 56%;
}

.prodaja-section div:nth-child(2){
    width:100%;
}
.prodaja-section {
    grid-template-columns: 100% !important;
}
.prodaja-title{
    font-size:26px !important;
}
.model-info {
    position: relative;
    margin-right: 0px;
    text-align: right;
	margin-right: 15px;
	margin-bottom: 15px;
}
.model-bg{
    width: 100%;
    background: #f0f0f0;
    margin-top: 82px;
    height: auto;
    position: absolute;
    z-index: -2;
}
.prodaja-zgrada{
    grid-template-columns: 100% !important;
    gap: 27px !important;
	width: 87.5%;
	background: #f0f0f0 !important;
}
#veselin-misita-2 .prote-zgrada-info-section{
    order:1;
}
.building-info{
    margin-top:0px;
}
.osnova{
    margin-top:unset;
}
.building-image{
    grid-row:1;
}

#sync2.owl-carousel .owl-item img{
    height: 100%;
    max-height:140px;
}
#sync2{
    max-height:140px;
}
.icon{width: 100% !important;
}
.icon img{
    max-height:40px;
    max-width:40px;
}
.icon{
    height:72px;
}
.icon-container{
    flex-wrap:wrap;
    width: 100%;
    justify-content: space-between;
}
.object-active{
    width:73%;
}
.icon-container div{
    width: 15%;
}

.sprat {
    margin-bottom:0px;
}
.building-btn{
	align-self: center;
    margin-bottom:0px;
	width:100%;
}
#drop-list-resp{
    top:0px;
    justify-content:normal;
    margin-top:5px;
}
#create-menu-resp{
    padding:0px;
}
.responsive ul{
    gap: 0% !important;
}
.icon-container p {
    margin:10px 0px;
    font-weight: 700;
    font-size: 1rem;
    color: #afbeca;
}
.objects-active {
    width: 100%;
    height: 100%;
}
.objects-active img {
    height:auto;
}
.two-img{
    width: 100%;
	margin-bottom: 50px;
}
.two-img div{
    width:100%;
}
.prodaja-header{
    font-size:35px !important;
}
.prodaja-section .model-info{
    margin:80px 0px;
    font-size:23px;
	top: 0px;
}
.prodaja-container h1 {
    font-size: 30px;
    margin-bottom: 35px;
}
.about-container{
    width:65%;
    
    flex-wrap:nowrap;
    flex-direction:column;
}
.about-container img{
    width:100%;
}
.about-information{
    grid-template-columns: 100%;
}
.about-header{
    grid-template-columns: 100%;
    margin:30px 0px;
}
.app-rows{
grid-template-columns:100%;
}
.nova-lokacija-container {
    margin: 45px 0px;
}
.nova-lokacija h1 {
	margin-top:30px;
}.building-btn a{
    font-size: 14px !important;
    flex-basis: calc(100% / 5 - 3px);
	padding: 10px;
}
.plan {
    width:88%;
    margin:0px;
    grid-template-columns: repeat(auto-fit,minmax(40%, 1fr));
    justify-items:center;   
    gap:0px;
}
.plan p{
    font-size:23px;
}

.image-resize {
    margin-left:0px;
    width: 100%;
  }
.prodaja-subheader{
    font-size:max(31px, 2.8vw);
}
    }

@media screen and (max-width: 600px){
.slajder_1 {
    display: block;
}.osnova-ulaz-1{
    min-width:unset;
}
.oprema__name{
    width:auto;
    margin-right:0px;
}
.card .container {
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
 .offer-price{
     position:relative;
    padding-right: 0px;
 }
.building-btn a{
    flex-basis: calc(134% / 4 - 3px);
}
.prote-info-article{
    width:80%;
}
.prodaja-subheader{
    font-size:25px;
}
.veselin-misita-info{
    width:80%;
}
.prote-ignjata-btn iframe{
    height:300px;
}
.building-sale iframe{
    height:300px;
    width:100%;
}
.prodaja-container-main{
    width:92%;
}
.prodaja-black-section{
    
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
.slajder {
    display: none;
}
.apps-gallery .owl-stage-outer {
    width: 83%;
}
.index-description p{
    font-size:24px;
	padding: 0px 10px;
}
.index-gallery{
    height:auto;
}
.index-gallery img{
    min-height: 100%;
}
#buildings{
    width:80%;
}
.building-btn {
    display: flex;
    flex-wrap: wrap;
    gap:5px;
	justify-content: center;
	}
.building-sale{

    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.buildings-image-container {
    padding: 15px 0px 93px 0px;
	height: 445px;
}
.objekat-container div {
    width:95%;
	background-color: gainsboro;
}
.objekat-red-section div{
    width:95%;
	background-color: gainsboro;
	margin-bottom: 40px;
	padding-top:60px;
}

.objekat-red-section img{
    min-width:262px;
}
.objekat-container img {
    min-width:262px;
}
.objekat-title {
    font-size: 30px;
}
.objekat-container div{
    padding:60px !important;
    
}
.objekat-container .line{
    padding:0px !important;
}
.objekat-red-section .line {
    width: 90% !important;
    padding:0px !important;
    
}
.objekat-container .line {
    width: 90% !important;
	background: #ed1c24;
}
.swiper{
    min-width:200px; 
    width:77%;
}
.about-container{
    width:77%;
    grid-template-columns:100%;
}
.about-container img{
    width:100%;
}
.about-container img {
    margin-top: 0px !important;
}
.about-information{
    grid-template-columns: 100%;
}
.about-header{
    grid-template-columns: 100%;
    margin:30px 0px;
}
.plan {
    grid-template-columns: 100%;
    width: 95%;
    justify-items:end;
}
.plan div{
    margin-bottom: 54px;
}

.oprema{
    
    flex-direction: column;
    padding-left:30px;
}
.oprema .col-6{
    width:50%;
}
.row-information{
    height:auto;
}
.form-check {
    padding-left:0px !important;
}
.row-container{
    height:auto;
    flex-direction:column;
}
.row-container img, .row-container video{
    max-width:none;
    height:300px;
}
.plan p{
 grid-row:1;
 font-size:30px;
 text-align: center;
}
.stolarija-enterijer{
    width:95%;
    min-width:unset;
}
    .zgrade-img{
        width:95%;
    }
    .nova-lokacija{
        width:77%;
    }
    .zgrade-img img{
        margin-right:18px;
    }
    .post-list {
        width: 95% !important;
    }
    #sort-container{
        width:95% !important;
    }
    .icon-container{
        gap:10px;
    }
.icon-parent {
    width: calc(100% / 3 - 10px) !important;
    margin: 0 auto;
}
.icon-container img{
    
    width: 39px;
    height: 39px;
}
.prote-ignjata-btn{
    width:100% !important;
}
.osnova_plan{
    width:100%;
	margin-top:30px;
}
.osnova-ulaz-2{
    width:100%;
    min-width:unset;
}
.floorToggle{
    
    font-size: 15px;
    border: 1px solid transparent;
    margin:  0px;
    width:24%;
}
.line_1{
    width:100% !important;
}
#param-group{

    padding: 20px 28px;
   }
    #sort {
        width: 72%;
    }
    .onama-container-2 h2{
        margin-left:0px;
    }
    .onama-information {
        width: 90%;
    }
    .onama-icons-container{
        width:90%;
    }
    .contact-header{
        font-size:max(5.5vw,44px);
        width:71% !important;
    }
    .footer-container{
        width:77%;
    }
    .footer-links{
        padding-left:0px; 
    }
    .footer-logo{
        width:77%;
    }
    .login{
    width: 90%;
    }
    .oprema__name{
        text-align:center;
        margin:20px 0px;
    }
    #sync1.owl-carousel .owl-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 300px;
    }
    #sync2{
        height:auto;
    }
    #sync2.owl-carousel .owl-item img{
        height:100%;
        width:100%;
    }
#arrow-menu {
    width: 23px;
    position: absolute;
    left: 87%;
}
    .single-post-img{
        height:300px;
    }
    .prote-ignjata-btn .building-btn{
        margin-bototm:0px !important;
    }
    .stan{
        flex-wrap:wrap;
    }
}
@media screen and (max-width: 400px){
    .index-description p{
	padding: 0px 35px;
}
#header .header-login {
    padding: 0px 16px !important;
}
#dodaj {
    min-width:165px;
}
.menu-steps{
    flex-direction:column;
    gap:5px;
}
.menu-steps li {
    width:150px;
    padding-bottom: 9px;
}
#prote-info-link{
    max-width:unset;
}
    .swiper{
        width:80%;
    }
    .index-gallery{
        margin-bottom:50px;
    }
    .about-estate ul{
        flex-direction: column;
    }
    .about-estate ul li {
        width: 100%
    }
.editImages {
    width: 100%;
}
.building-btn{
    align-self: center;
    gap: 4px;
   
    justify-content: space-between;
}
.editimages img{
    height:200px;
}
.oprema{
    margin-top:50px;
    flex-direction: column;
    padding-left:0px;
    width: 84%;
    margin: 0 auto;
}
#dodaj {
    width: 48%;}

.oprema .col-6{
    width:100%;
}

#back-step {
    position: absolute;
    width: 26%;
}

.floorToggle{
    flex-basis: calc(100% / 2 - 3px) !important;

    justify-content:space-between;
    gap:0px;
    font-size: 15px;
    border: 1px solid transparent;
    max-width: 50% !important;
    margin: 0px;
}
.form-check {
    padding-left:0px !important;
}
    .index-description p {
        font-size:18px;
		margin-bottom: 45px;
    }
    .building-sale {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
		height: auto;
		width: 95% !important;
    }
	    .building-sale {
        width: 95% !important; 
    }
    .floor-images{
        width:100%;
		margin-top: 50px;
    }
	.floor-container img {
    	max-width: 100%;
}
    .building-info button{

    padding: 5px 5px;

    }
	.building-header .line {
    width: 100% !important;
	}
	.prote-ignjata-header {
    font-size: 33px;
	}
    .nova-lokacija {
        width:95%;
        grid-template-columns: repeat(auto-fit, minmax(298px, 1fr));
		display: block;
		margin-bottom: 50px;
    }
    .nova-lokacija a{
    padding: 14px 5px;
    }
    .zgrade-img{
        flex-direction: column;
    }
    .zgrade-img img {
        width:100%;
    }
    .onama-icons-container p {
        width:100%;
        margin:0 auto;
    }
    .onama-container-2 h2{
        margin-left:0px;
    }
    .onama-container-2 h2{
        margin-left:0px;
    }
    
  .prote-ignjata-btn{
    width: 95%;
    margin: 0 auto;
  }
    .onama-icons-container{
        width:95%;
        gap:30px;
    }
    .stolarija-enterijer{
        width:95%;
        grid-template-columns: repeat(auto-fit,minmax(220px, 1fr));
    }
    .stolarija-enterijer h1 {
    margin-bottom: 15px;
}    .footer-container {
        width:95%;
    }
	
	.lokacije-info-left {
    float:  none; 
    width: 90%;
    text-align: justify; 
}
	
   .lokacije-info-right {
    width: 90%;
    text-align: justify;
    float: none;
}	
   .index-description h2 {
    font-size: 30px;
}
   .stan-info {
    width: 100%;
    float: none;
	text-align: center;
	position: relative;
}
.prodaja-container {
    padding: 35px 0px;
	height: auto;
}
.osnova-ulaz-1{
    min-width:unset;
}
}

@media screen and (max-width: 1366px) {
.prodaja-container-main {
    margin: 35px auto;
    width: 80%;
    max-width: 1319px;
    text-align: center;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    object-fit: contain;
}
.objekat-container_1 img {
    height: 60%;
    max-height: 400px;
    max-width: 660px;
    object-fit: cover;
    width: 100%;
    min-height: 380px;
}
   .gallery {
    grid-gap: 4px;
}
.owl-carousel .owl-item img, .owl-carousel .owl-item video{
    height:473px;
}
.menu-steps-container{
    width:81%;
}
.full-contain{
    width:81%;
}
.app-rows{
    grid-template-columns:100%;
    
}
#enterijer-gallery{
    width:76.5%;
}
.floorToggle h4{
    font-size:1rem;
}
.prote-ignjata-btn .floorToggle {
    flex-basis:calc(33.33% - 2px);
	padding-top: 15px !important;
}
.building-header .line {
    width: 82%;
}
.building-btn a {
    text-decoration: none;
    font-size: 13px;
    flex-basis: calc(27.33% - 2px);
}
.prote-ignjata-btn .building-btn a span {
    
    font-size: 10px;
}
#wrap_1{
    width:76%;
}
.model-info{
    
    height:100%;
}
.model-info a{
    
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.prote-ignjata-container, .prodaja-black-section{
    width: 80%;
	background: #f0f0f0;
}
.prodaja-zgrada{
    
    grid-template-columns: 30% 67%;
    gap:0px;
    width:100%;
    justify-content:space-between;
	background: #ffff;
}
.model-info .prodaja-subheader{
    font-size:30px;
}
#prote-ignjata-model {
    padding-top: 15px;
}
.prodaja-section {
    grid-template-columns: 50% 64%;
}
.building-image {
    display: block;
}
.floor-container a {
    position: relative;
}
.building-info table {
    border-spacing: 2px 10px;
}
.stan {
	width: 82%;
	margin-left:0px;
}
.index-gallery {
    height: auto;
    overflow: hidden;
    margin-bottom: 50px;
}
.nova-lokacija-container {
    margin: 90px 0px;
}
.nova-lokacija a {
    top: 55px;
}
.about-header {
    display: block;
}
.about-container {
    flex-wrap:wrap;
    width: 76.5%;
}
.about-text{
    width:66%;
}
.contact-container {
    height: auto;
	padding: 25px 0px;
}
.contact-header {
    font-size: 60px;
    width: 52%;
    left: 46%;
}
.osnova {
    display: grid !important;
    width: 100%;
}
.stan-info {
    width: 100%;
}
.osnova-img {
    width: 61%;
	height:46% !important;
	position: relative;
    top: 80px;
}
.objekat-header {
    width: 81%;
}
.building-sale {
    width: 80%;
}
.responsive ul{
    gap: 2.3%;
}
.floor-container {
    width: 95%;
    grid-template-columns: 70% 70%;
}
.building-header {
    width: 100%;
}
.building-btn {
    width: 100%;
    gap: 3px;
}
.prote-ignjata-btn {
    width: 50%;
}
.post-list{
    width:76.5%;
}
#sort-container{
    width:76.5%;
}
#proteLink {
    height: 50px;
    z-index:7;
    padding-top: 5px;
    margin-top: 0px;
    text-align: center;
    background: white;
}
}