@media only screen and (max-width: 1600px){
	.section {
		width: 1300px;
	}

	.trakica-black {
		width: 100%;
	}
	
	.trakica-grey, .trakica-white {
		width: 1300px;
	}
	
	.big-shadow {
		margin: 0 auto;
		width: 1300px;
		overflow: hidden;
	}

	/* .filter-holder-inner {
		padding: 100px 5% 0 5%;
	} */
	
	.main-villa-content {
		width: 1300px;
		margin-left: -650px;
	}
	
	.trakica-blue {
		width: 1300px;
	}
	
	.breadcrumbs-holder {
		width: 1300px;
	}
}

@media only screen and (max-width: 1440px){
	a.villa-name-slider {
		font-size: 22px;
	}

    .book .calendar-wrapper .month td {
        padding: 8px 5px;
    }
	
	.filter-inner {
		width: 33%;
	}

	.bf-promo {
		width: 245px;
	}

}

@media only screen and (max-width: 1300px){
	.trakica-blue {
		width: 100%;
	}	
	
	.section {
		width: 100%;
	}
	
	.trakica-black {
		width: 100%;
	}	
	
	.trakica-black.blue {
		width: 100%;
	}
	
	.trakica-grey, .trakica-white {
		width: 100%;
	}	
	
	.big-shadow {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
	}	
	
	.main-villa-content {
		left: 0;
		right: 0;
		bottom: 0!important;
		margin: 0;
		width: 100%;
		overflow: hidden;
		padding: 45px 20px;
	}	
	
	.breadcrumbs-holder {
		width: 100%;
	}
}

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

/* FORM MEDIA 

	.form-holder-search {
		width: 77%;
		float: none;
	}

	.form-holder-search.small {
		width: 23.5%;	
		float: left;	
		margin-top: 20px;
	}	
	
	.form-holder-search.bedrooms {
		width: 23%;	
		float: left;
		margin-top: 20px;
	}
	
	.form-holder-search.buttonholder {
		width: 15%;
		float: left;	
	}
	
	.big-gradient {
		position: relative;
		background: #16191c;
		height: auto;
	}
	
	.main-search-box {
		box-shadow: none;	
	}
	
	.main-search {
		position: relative;	
		bottom: auto;
		padding-top: 60px;
	}
	
	.title-search {
		top: 0;
	}
	
	.main-search-box {
		background: transparent;
		padding: 4% 4% 80px 4%;
	}
	
	.form-holder-search.buttonholder {
		margin-right: 0;
	}
	
	.form-holder-search {
		width: 81%;
	}
	
	.form-holder-search.small {
		width: 25.5%;
	}
	
 FORM MEDIA END */

    .booking-data div span {
        font-size: 14px;
    }

	.slider-home-txt {
		width: 290px;
	}
	
	a.villa-name-slider {
		font-size: 18px;
	}
	
	.bedrooms-slider {
		font-size: 18px;	
	}	
	
	.place-slider {
		font-size: 13px;
	}
	
	.villa-infos ul {
		padding: 0;
	}
	
	.villa-name {
		font-size: 38px;
	}
	
    .book .calendar-wrapper .slick-prev.slick-arrow {
        left: 0;
        top: 25px;
        background-color: #0085e0;
    }
    
    .book .calendar-wrapper .slick-next.slick-arrow {
        right: 0;
        top: 25px;
        background-color: #0085e0;
    }
    
    .book .calendar-wrapper .slick-prev:before,
    .book .calendar-wrapper .slick-next:before {
        color: transparent;
    }
    
    .book .calendar-wrapper .slick-next.slick-arrow:after,
    .book .calendar-wrapper .slick-prev.slick-arrow:after{
        color: #ffffff;
    }
    
    .book .calendar-wrapper .slick-prev.slick-arrow.slick-disabled:after,
    .book .calendar-wrapper .slick-next.slick-arrow.slick-disabled:after {
        color: #000000;
    }	

}

@media only screen and (max-width: 1199px){
	.villa-slider-holder .slick-slide img {
		height: 100%;
		width: auto;
	}	

	.main-search {
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	
	.form-holder-search input.input, .form-holder-search .month {
		font-size: 18px;
	}
	
	.form-holder-search .date {
		font-size: 38px;
	}
	
	.form-holder-search {
		margin-right: 3.5%;
	}
	
	a.logo, .logo-menu {
		width: 220px;
		height: 61px;
	}
	
	.logo-menu {
		margin-left: -110px;
	}
	
	a.logo img, .logo-menu img {
		width: 220px;
		height: 61px;
	}

	.labela-trakica {
		float: none;
		margin: 0;
		padding: 10px;
		padding-bottom: 0;
	}

	.input-trakica {
		margin: 0;
		width: 100%;
		padding: 10px;
		padding-top: 0;
	}	
	
	.eyecatcher {
		width: 50%;
		font-size: 36px;
	}
	
	.labela-facilities {
		padding-right: 20px;
	}
	
	.booking-data > div {
		margin-left: 20px;
		font-size: 14px;
	}
	
	.villa-infos {
		font-size: 16px;
	}
	
	.gallery-grid a {
		width: 313px;
		height: 215px;
	}
	
	.title-selection {
		font-size: 22px;
		width: 27%;
	}

	.selection-box-data {
		text-align: left;
	}
	
	a.btn-inverse {
		font-size: 14px;
		padding: 10px 20px;
	}
	
	a.btn-book-now-green {
		font-size: 14px;
		padding: 10px 20px;		
	}
	
	.villa-menu ul li {
		padding: 20px 20px;
	}
	
	.title-h1 {
		width: 100%;
		left: auto;
		margin-left: 0;
    }
    
    .category-slika-wrapper.error-header {
        height: 140px;
    }

    .error-header .big-gradient.vila {
        height: 120px;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 71%,rgba(0,0,0,.65) 100%);
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 71%,rgba(0,0,0,.65) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 71%,rgba(0,0,0,.65) 100%);
    }

    .error-page {
        margin: 0;
    }

    .form-holder-search.bedrooms .input-group-btn.left {
        padding-left: 0;
    }

    .form-holder-search.bedrooms .input-group-btn.right {
        padding-right: 0;
    }

    .form-holder-search.bedrooms input.input {
        width: 100%;
    }

    .villas-score-wrapper img {
        max-width: 50%;
    }

    .bf-promo {
    	width: 205px;
    }

}

@media only screen and (max-width: 1100px){
	.form-holder-search input.input, .form-holder-search .month {
		font-size: 16px;
	}
	
	.form-holder-search .date {
		font-size: 32px;
	}
	
	.book .select-date-wrapper .ion-ios-arrow-thin-right {
		padding: 0 70px;
	}
	
	a.phone-top {
		display: none;
	}	
}

@media only screen and (max-width: 1024px) {
    .book .calendar-wrapper .slick-prev.slick-arrow {
        left: -25px;
    }
    
    .book .calendar-wrapper .slick-next.slick-arrow {
        right: -25px;
    }
}


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


    .stay-safe {
        top: 190px;
        left: 6%;
    }

    .stay-safe img {
        width: 250px;
    }


	.vote-inner {
		font-size: 16px;
		line-height: 24px;
		padding: 0 60px;
	}
	
	.vote-slider-holder {
		padding: 40px 30px;
	}	
	
	.vote-slider .slick-prev.slick-arrow {
		height: 40px;
		left: 0;
		width: 40px;
	}
	
	.vote-slider .slick-next.slick-arrow {
		height: 40px;
		right: 0;
		width: 40px;		
	}	
	
	.gallery-grid a {
		height: 160px;
		width: 240px;
	}	
	
	.villa-infos {
		display: none;
	}

	.badge-confidence {
		padding-right: 0;
		display: block;
		margin-bottom: 30px;
	}
	
	.badge-confidence, .badge-txt {
		display: block;
		text-align: center;
	}
	
	.badge-txt div {
		line-height: 24px;
	}
	
	.destinations .nav-tabs > li > a {
		font-size: 22px;
		margin: 0 10px;
	}
	
	a.guide {
		width: 50%;
	}
	
	a.guide:hover {
		transform: none;
	}

	a.need-help {
		font-size: 16px;
	}
	
	a.need-help span {
		display: none;
	}	
	
	a.menu-opener span {
		font-size: 16px;
		font-weight: bold;
		top: -12px;
	}
	
	a.guide {
		overflow: hidden;
	}	
	
	a.guide .small-txt {
		opacity: 1;
		transform: none;
		transition: none;
		bottom: 30px;
		height: 46px;
		overflow: hidden;
	}
	
	a.guide:hover .small-txt {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-transition-delay: 0;
		transition-delay: 0;
		-webkit-transition-duration: 0;
		transition-duration: 0;	
	}

	a.guide:hover span.title-guide {
		-webkit-transform: none;
		transform: none;
	}	
	
	a.guide .title-guide {
		bottom: 80px;
		transition: none;	
		-webkit-transform: none;
		transform: none;
		-webkit-transition: none;
		transition: none;	
	}	
	
	a.guide .gradient {
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.65) 51%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 51%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 50%,rgba(0,0,0,0.65) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
		transition: all 0.4s ease;	
	}	
	
	.title-icons.prva {
		margin-bottom: 40px;
	}
	
	.menu-main li {
		font-size: 22px;
	}
	
	.slider-villas .slide.slick-slide.slick-current.slick-active.slick-center {
		z-index: 1000;
	}
	
	.slider-villas .slide {
		padding: 0;
	}
	
	a.topscroll {
		float: none;
		left: 50%;
		margin-left: -42px;
	}
	
	a.explore-more {
		margin-left: -12.5px;
	}	
	
	a.explore-more span {
		display: none;
	}
	
	.villa-data {
		width: 47%;
	}
	
	.villa-slider-holder {
		width: 50%;
	}
	
	.container.postanifluid {
		width: 100%;
	}
	
	.category-slika-wrapper {
		height: 500px;
	}
	
	.main-search.ville {
		top: 180px;
	}
	
	.title-h1 {
		top: 267px;
	}

	.top-info~.content-holder .title-h1 {
		top: 216px;
	}
	
	.main-search.ville {
		top: 306px;
	}
	
	.villa-menu ul li {
		padding: 20px 20px;
	}
	
	.villa-menu ul li a {
		font-size: 16px;
	}
	
	.facilities-row-holder {
		width: 48%;
	}	
	
	.need-help-call {
		font-size: 20px;
		margin-top: 9px;
	}

	.title-selection {
		text-align: center;	
		border-bottom: 1px solid #666;
		padding-bottom: 10px;
	}
	
	.selection-price {
		display: block;
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}
	
	.selection-book {
		display: block;
		width: 100%;	
		text-align: center;		
	}

    .selection-book {
        display: block;
        width: 100%;
        text-align: center;
    }

    #btnResetBooking {
        display: block;
        margin-top: 20px;
    }
    
    .selection-box-data {
        width: 50%;
        display: block;
        float: left;
        margin: 10px 0;
        border-bottom: 1px solid #666;
        padding-bottom: 10px;
    }
	
	.booking-price {
		text-align: center;
	}
	
	.buy-now-via.drugi {
		margin-top: 10px;
	}
	
	.drugimartop {
		margin-top: 20px;
		font-size: 15px;
	}
	
	.downpayment {
		font-size: 15px;
	}
    
    /* maja dodala */
    
    .filter-row-holder {
        width: 48.6%;
        margin-bottom: 10px;
    }
	
	.call-to-action {
		font-size: 22px;
	}	
    
    /* booking */
    .book .select-date-wrapper {
        width: 100%;
        padding: 0 15px;
    }
    
    .book .select-date-wrapper .ion-ios-arrow-thin-right {
        padding: 0 30px;
    }
    
    .book .select-date-wrapper .reset-btn {
        right: 27px;
    }
	
	.title-selection, .selection-box-data, .selection-price, .selection-book {
		text-align: center;
		width: 100%;
		display: block;
	}
	
	.selection-box-data {
		margin-bottom: 20px;
	}
	
	.selection-price {
		margin-bottom: 10px;
	}

	.selection-box-data p {
		text-align: center;
	}		
	
	.form-control {
		font-size: 16px;
	}
	
	.search-form-submit {
		font-size: 15px;
    }
    
    .filter-holder-inner {
        padding: 60px 25px 80px 25px;
    }

    a.close-big-filters {
        right: 39px;
        top: 10px;
    }

    .gumbi-filters {
        bottom: 20px;
    }

    .villas-score-wrapper h2 {
        font-size: 38px;
    }

    .score-badge {
        width: 100px;
        height: 100px;
        background-size: 100px auto;
    }

    .bf-promo {
    	left: 15%;
    	right: auto;
    	width: 165px;
    }

    .bf-close {
    	width: 35px;
    	height: 35px;
    	top: 28%;
    }

    #booking-calendar {
    	padding: 28px 28px 60px;
    }

    #bc-filter {
    	display: flex;
    	justify-content: space-between;
    	margin-bottom: 10px;
    }

    #bc-filter > li {
    	font-size: 12px;
    	padding: 8px;
    }

    #bc-filter > li + li {
    	margin-left: 0;
    }

    .bcc-btn {
    	font-size: 13px;
    }

    #bc-close {
    	top: 10px;
    	right: 10px;
    }

    #bc-controls {
    	right: 28px;
    }
}


@media only screen and (max-width: 940px){
	.main-search-box {
		padding-left: 25px;
	}

	.form-holder-search {
		width: 23%;
	}
	
	.form-holder-search.small {
		width: 30%;
	}	

	.form-holder-search.bedrooms {
		width: 20%;
	}	
	
	.form-holder-search.buttonholder {
		border: 0 none;
		width: 13%;
		margin-right: 0;
	}
	
	.villa-menu ul li {
		padding: 20px 10px;
	}	
	
	.popup-prvi, .popup-drugi, .popup-treci {
		opacity: 0;
	}
	
	.your-selection-box {
		padding: 30px;
		background-position: top;
	}

    .overlay-to-be-slideable {
        pointer-events: none;
    }
	
	.filter-inner {
		width: 50%;
    }
    
    .benefits-wrapper .container {
        width: 100%;
    }
}

@media only screen and (max-width: 810px) {
   .book .calendar-wrapper .slick-prev.slick-arrow {
	   left: -10px;
   } 

   .book .calendar-wrapper .slick-next.slick-arrow {
	   right: -10px;
   }
}

@media only screen and (min-width: 767px) {
	.main-search.ville {
		display: block;
	}

	.big-gradient {
		display: block;
    }



}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .benefits-wrapper img {
        width: 60px;
        height: 60px;
    }

    .benefits-wrapper .benefit-name {
        margin: 11px 0 0 15px;
    }
}

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

   


    .covid-btn-wrapper {
        text-align: center;
        bottom: -60px;
        left: auto;
    }

    .covid-btn {
        margin-left: 0;
    }

    /*
    .slider-wrapper {
        display: none;
    }
    */

    .mobile-hide {
        display: none;
    }

    .slider-wrapper-home .slider-home {
        display: none;
    }

    .slider-wrapper-mobile {
        display: block;
    }

    .slider-wrapper .slider-dots,
    .villa-holder .slider-dots {
        display: block;
    }

    .mobilni-info {
        display: block;
        padding: 0 40px;
        text-align: center;
        margin-bottom: 20px;
        font-family: 'playfair_displaybold';
    }

        .mobilni-info span {
            margin: 0 10px;
            display: inline-block;
        }

    .contact-image-wrapper {
        display: none;
    }

    a.slider-home-txt {
        /*right: 95px;
		top: 28%;*/
        right: 95px;
        top: 22%;
    }

    .villa-name-slider {
        font-size: 20px;
    }

    .title-h1,
    .top-info ~ .content-holder .title-h1 {
        top: 195px;
    }


    .big-gradient.ville {
        height: 100%;
        overflow: hidden;
    }

    .daterangepicker.dropdown-menu {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        margin-left: -250px;
        margin-top: -140px;
    }

    .daterangepicker::before {
        background-color: transparent !important;
        border: 0 !important;
        display: none !important;
    }

    .daterangepicker::after {
        background-color: transparent !important;
        border: 0 !important;
        display: none !important;
    }

    .mozaik-selections {
        margin-bottom: 40px;
    }

	.villa-holder:hover,
	.villa-holder:active,
	.villa-holder:focus {
		background: #ffffff;
	}

	.villa-holder:hover .opis-villa, .villa-holder:hover .price-villa, .villa-holder:focus .opis-villa, .villa-holder:focus .price-villa, .villa-holder:active .opis-villa, .villa-holder:active .price-villa, .villa-holder:hover a.number-reviews, .villa-holder:active a.number-reviews, .villa-holder:focus a.number-reviews {
		color: #515151;
    }
    
    .villa-holder:hover a.title-villa-a, .villa-holder:active a.title-villa-a, .villa-holder:focus a.title-villa-a, .villa-holder:focus span.title-villa-a {
        color: #191a1b;
    }

    .villa-holder:hover a.add-to-favorite,
    .villa-holder:focus a.add-to-favorite,
    .villa-holder:active a.add-to-favorite {
        color: #d00;
    }

    .villa-data {
        background-color: #fff;
    }

    .villa-slider, .villa-slider-future {
        height: auto;
    }

    .villa-slider-holder .slick-slide img {
        height: auto;
        width: 100%;
    }

    .villa-slider .slide, .villa-slider-future .slide {
        height: auto;
    }

    .shadow-villa {
        display: none;
    }


    .breadcrumbs-holder {
        display: none;
    }

    /*
    .slick-arrow {
        display: none !important;
    }*/

    .btn-show-more-description {
        display: inline-block !important;
        margin-top: 30px;
    }

    .btn-more-text {
        margin-top: 30px;
    }

    .btn-show-more-desc {
        display: inline-block !important;
    }

    .mobile-desc {
        display: none;
    }


    .selection-mobile {
        display: block;
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        font-weight: bold;
        color: #ffcc00;
        z-index: 100;
    }

    a.map-view-top {
        display: block;
        float: left;
        font-size: 24px;
        margin-left: 20px;
        color: #ec6a00;
        display: none;
    }

    a.filters-a {
        width: auto;
    }

        a.filters-a span {
            display: none;
        }



    a.filters-a {
        float: left;
        border: 1px solid #0076c8;
        padding: 5px 10px;
    }

        a.filters-a img {
            display: none;
        }

        a.filters-a span {
            display: block;
            font-size: 14px;
        }

    a.map-view-top {
        border: 1px solid #ec6a00;
        padding: 5px 10px;
    }

        a.map-view-top span {
            display: block;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: bold;
        }

        a.map-view-top .ionicons {
            display: none;
        }


    .villa-slider-holder {
        position: relative;
    }

    .hidden-arrows {
        /*display: block;*/
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -20px;
    }

    a.hidden-arrow {
        position: absolute;
        top: 50%;
        display: block;
        background-color: #fff;
        border-radius: 100px;
        text-align: center;
        width: 40px;
        height: 40px;
        color: #202020;
        font-size: 20px;
        padding-top: 6px;
        transition: all 0.4s ease;
    }

        a.hidden-arrow:hover {
            transition: all 0.4s ease;
            opacity: 0.8;
        }


        a.hidden-arrow.left {
            left: 15px;
        }

        a.hidden-arrow.right {
            right: 15px;
        }

    .google-maps-mobile {
        display: block;
        height: 60px;
        position: relative;
    }

    .overlay-maps {
        height: 60px;
        width: 100%;
        position: absolute;
        background-color: rgba(0,0,0,0.2);
        z-index: 1000;
        border-bottom: 2px solid #515151;
    }

    a.otvori-maps {
        position: absolute;
        z-index: 2000;
        bottom: -20px;
        left: 50%;
        margin-left: -20px;
        display: block;
        background-color: #fff;
        border: 2px solid #515151;
        border-radius: 100px;
        text-align: center;
        width: 40px;
        height: 40px;
        color: #515151;
        font-size: 20px;
        padding-top: 5px;
        transition: all 0.4s ease;
    }


    .gradient-mobile {
        display: block;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 51%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 51%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 51%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 130px;
    }

    .animiraj,
    .tab-content {
        opacity: 1 !important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }


    a.mozaik-box {
        height: 220px;
    }

    .overlay {
        height: 220px;
    }

    .text-holder {
        padding: 0 40px;
    }

    a.btn.showmore.black {
        /*margin-left: -80px;*/
    }

        a.btn.showmore.black span {
            display: none;
        }

    a.menu-opener span {
        display: none;
    }

    .language {
        width: 68px;
    }

        .language .bootstrap-select > .dropdown-toggle {
            padding-right: 0px;
            padding-left: 0px;
        }

    a.guide {
        transform: none;
        overflow: hidden;
    }

        a.guide:hover {
            box-shadow: none;
        }

    .title-sec {
        font-size: 34px;
    }

    .title-mozaik {
        font-size: 28px;
    }

    h1.title-confidence {
        font-size: 30px;
    }

    h2.subtitle-confidence {
        font-size: 18px;
    }

    .section {
        padding: 40px 0;
    }

        .section.destinations {
            padding-bottom: 0;
        }

            .section.destinations.grey {
                padding-bottom: 40px;
            }

    .title-sec span {
        margin: 10px auto 15px auto;
    }

    .sub-title {
        font-size: 15px;
    }

    .footer, .title-footer, .contact-footer {
        text-align: center;
    }

        .footer .privacy a {
            text-align: center;
            display: block;
        }

        .title-footer.drugi {
            margin-top: 30px;
        }

    .logos-footer a {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .aaa-logo {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .logos-footer a.owner {
        margin-bottom: 30px;
    }

    .slider-villas-img {
        background-size: cover;
    }

    a.topscroll {
        width: 90px;
        margin: 0 auto;
        left: auto;
        position: relative;
    }

    .big-gradient {
        top: 0;
        bottom: auto;
        position: fixed;
        z-index: 100;
        height: 100%;
        background: rgba(22,25,28,0.95);
        display: none;
        z-index: 10000;
        overflow-y: auto;
    }

    .main-search.ville {
        display: none;
    }

    a.hide-form {
        display: block;
        padding: 20px 30px 0 30px;
        font-size: 30px;
        color: #fff;
        float: right;
        text-align: center;
    }

    a.toggle-form {
        display: block;
        position: absolute;
        bottom: 12%;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        width: 400px;
        height: 60px;
        -webkit-box-shadow: 0 0 60px 0 rgba(0,0,0,.8);
        -moz-box-shadow: 0 0 60px 0 rgba(0,0,0,.8);
        box-shadow: 0 0 60px 0 rgba(0,0,0,.8);
        z-index: 100;
        border-radius: 30px;
    }

    a.hide-form2 {
        display: block;
        padding: 0 30px 0 30px;
        font-size: 30px;
        color: #fff;
        float: right;
        text-align: center;
    }

    a.toggle-form2 {
        display: block;
        position: absolute;
        bottom: 15%;
        left: 50%;
        margin-left: -230px;
        width: 460px;
        height: 50px;
        -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.54);
        -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.54);
        box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.54);
        /*z-index: 1000;*/
        z-index: 9; /*Kre�o: jer se podvlacilo ispod tra�ilice na mobilnim*/
    }

    a.toggle-form.ville {
        bottom: auto;
        top: 33%;
    }

    .fake-input {
        display: block;
        float: left;
        height: 60px;
        width: 100%;
        color: #ffffff;
        text-transform: uppercase;
        padding: 17px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        border-radius: 30px;
        /* background: #0078ff;
		border: 1px solid #489ff9; */
        background: -moz-linear-gradient(top, #0078ff 0%, #489ff9 100%);
        background: -webkit-linear-gradient(top, #0078ff 0%,#489ff9 100%);
        background: linear-gradient(to bottom, #0078ff 0%,#489ff9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078ff', endColorstr='#489ff9',GradientType=0 );
    }

    .fake-btn {
        background: #1a93e7;
        display: none;
        float: left;
        height: 60px;
        width: 50px;
        color: #fff;
        padding: 17px;
        text-align: center;
        font-size: 20px;
    }

    .form-holder-search {
        width: 100%;
        float: none;
    }

        .form-holder-search.small {
            width: 47.5%;
            float: none;
            display: inline-block;
            margin-top: 20px;
            margin-right: 0;
        }

            .form-holder-search.small.departure {
                margin-left: 4%;
            }

        .form-holder-search.bedrooms {
            width: 100%;
            float: none;
            margin-top: 20px;
        }

        .form-holder-search.buttonholder {
            width: 100%;
            float: none;
            margin-top: 20px;
        }

        .search-form-submit {
            margin: 0;
            padding: 17px;
        }

    .title-search {
        font-size: 34px;
        margin-bottom: 20px;
        text-align: left;
        padding: 0 4%;
        position: absolute;
        top: 20px;
        left: 0;
    }

    .form-holder-search.bedrooms {
        margin-right: 0;
    }

    .main-search {
        height: auto;
        top: 0;
        bottom: 0;
    }

    .main-search-box {
        background: transparent;
        padding: 30px;
        box-shadow: none;
        height: 90%;
        overflow-y: auto;
    }

    .form-holder-search.small {
        width: 100%;
    }


    .slider-home-txt {
        text-align: right;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    }

    .villa-holder {
        height: auto;
    }

    .villa-data {
        width: 100%;
        padding: 25px;
    }

    a.add-to-favorite, a.remove-from-favorite {
        right: 80px;
    }

    a.title-villa-a {
        font-size: 18px;
    }

    .viewed {
        right: 110px;
    }

        .viewed i {
            display: none;
        }

    .villa-slider-holder {
        width: 100%;
        height: auto;
    }

    /*
	.villa-slider {
		height: auto;
	}
	
	.villa-slider .slide {
		height: auto;
		display: none;
		background-repeat: no-repeat;
		background-position: center;
	}	
        */


    .villa-slider .slide:first-of-type {
        display: block;
    }

    .shadow-villa {
        bottom: -29px;
    }

    .category-slika-wrapper {
        height: 400px;
    }

    a.favorites-a.traka {
        display: none;
    }

    a.add-to-favorite, a.remove-from-favorite {
        /*display: none;*/
    }

    .trakica-white {
        display: none;
    }

    a.map-view-a, a.favorites-a {
        display: none;
    }

    .filteri-odabrani {
        display: none;
    }

    .showing {
        display: none;
    }

    a.filters-a {
        float: left;
    }

    .holder-filteri-site {
        height: 40px;
    }

    a.btn.showmore.black.villas {
        top: 150px;
        /*margin-left: -80px;*/
    }

    .main-search.ville {
        top: 0;
        background: rgba(0,0,0,0.8);
        z-index: 10000;
        padding-top: 30px;
        height: 100%;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .big-gradient.ville {
        display: none;
        z-index: 3;
        background: transparent;
    }

        .big-gradient.ville h1.title-h1 {
            font-size: 30px;
            top: 155px;
        }

    /* .villa-data.nopadding a.title-villa-a {
        margin-top: 0;
    } */

    .eyecatcher {
        width: 50%;
        font-size: 30px;
        padding: 30px;
    }

    .title-distance {
        padding-left: 40px;
    }

    ul.distance-ul {
        margin-left: 40px;
    }


    .review-bubble {
        background-color: transparent;
        box-shadow: none;
        padding: 0;
        margin-top: 20px;
    }

    .arrow-left, .arrow-right {
        display: none;
    }
    .bravo_wrap .bravo_detail_space .bravo-more-book-mobile .container .left{
        text-align:right;
    }
    .bravo_wrap .bravo_detail_space .bravo-more-book-mobile .container {
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }
    .calendar-wrapper .slick-next.slick-arrow {
        top: 11%;
        right: 17px;
    }
    .calendar-wrapper .slick-prev.slick-arrow{
        top: 11%;
        left: 17px;
    }
    .review {
        display:none;
        background-color: #fff;
        -webkit-box-shadow: 0px 11px 42px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 11px 42px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 11px 42px 0px rgba(0,0,0,0.25);
        padding: 30px;
        position: relative;
    }

    .review-rating {
        float: left;
    }

    .star-holder {
        float: left;
        margin-top: 18px;
        margin-left: 10px;
    }

    .review-data.right {
        padding-left: 0;
    }

    .btn-holder-selection {
        float: none;
        width: 100%;
        text-align: center;
    }

    .need-help-call {
        float: none;
        text-align: center;
        margin-top: 20px;
    }

    .section.destinations.dark.book {
        padding-bottom: 40px;
    }

    /*	.your-selection-box {
		display: block;
		padding: 30px;
		background-position: top;
	}
	
	.title-selection, .selection-box-data, .selection-price, .selection-book {
		text-align: center;
		width: 100%;
		display: block;
	}
	
	.selection-box-data {
		margin-bottom: 20px;
	}
	
	.selection-price {
		margin-bottom: 10px;
	}*/

    .big-gradient.vila {
        display: block;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 51%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 51%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 51%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */
        top: auto !important;
        bottom: 0 !important;
        height: 270px;
        left: 0;
        position: absolute;
        right: 0;
        z-index: 1;
    }

    ul.distance-ul {
        font-size: 16px;
    }

    .trakica-black.showme.blue.sticky {
        display: none !important;
    }

    .booking-data > div {
        width: 48%;
        margin: 0;
    }

    .booking-price {
        text-align: left;
    }

    .villa-name {
        font-size: 36px;
    }

    /* maja dodala */
    a.close-big-filters {
        top: 10px;
    }

    .filters-overlay {
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .filter-holder-inner {
        padding: 60px 25px 80px 25px;
    }

    .filter-row-wrapper {
        width: 73%;
        /* margin-left: 25px; */
    }

    .gallery-grid a {
        width: 50%;
    }

    .arrow-wiggle {
        display: none;
    }

    .book .date-month {
        min-width: 130px;
    }

    .selection-box-data {
        margin-bottom: 10px;
    }

        .selection-box-data.two {
            margin-top: 0;
        }

    .main-search {
        z-index: 100000;
    }

    .eyecatcher {
        width: 100%;
        font-size: 30px;
        padding: 30px 0;
        display: block;
        font-size: 20px;
        line-height: 26px;
    }

    .villa-menu ul li {
        padding: 20px 4px;
    }

        .villa-menu ul li a {
            font-size: 15px;
        }

    .breadcrumbs_inner {
        display: none;
    }

    .main-villa-content {
        padding: 30px 30px 60px 30px;
        background: transparent;
    }

    .villa-name {
        font-size: 24px;
        text-align: center;
    }

    .villa-name-booking {
        font-size: 34px;
        width: 300px;
        margin-left: -150px;
    }

    .villa-holder:hover .opis-villa,
    .villa-holder:hover .price-villa,
    .villa-holder:focus .opis-villa,
    .villa-holder:focus .price-villa,
    .villa-holder:active .opis-villa,
    .villa-holder:active .price-villa,
    .villa-holder:hover a.number-reviews,
    .villa-holder:active a.number-reviews,
    .villa-holder:focus a.number-reviews {
        color: #515151;
    }

    .villa-holder:hover a.add-to-favorite,
    .villa-holder:focus a.add-to-favorite,
    .villa-holder:active a.add-to-favorite {
        color: #d00;
    }

    .villa-holder:hover a.title-villa-a,
    .villa-holder:hover span.title-villa-a,
    .villa-holder:active a.title-villa-a,
    .villa-holder:active span.title-villa-a,
    .villa-holder:focus a.title-villa-a,
    .villa-holder:focus span.title-villa-a {
        color: #191a1b;
    }

    .villa-holder:active .price-villa span,
    .villa-holder:hover .price-villa span,
    .villa-holder:focus .price-villa span {
        color: #0a89e2;
    }

    .villa-holder:hover,
    .villa-holder:active,
    .villa-holder:focus {
        background: #ffffff;
    }

    .villa-slider-holder .carousel-dots {
        display: block;
    }


	a.map-view-top span {
		display: block;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: bold;
    }

    a.map-view-top .ionicons {
        display: none;
	}
	
	a.btn-show-more-description.btn-show-more-description-2,
	a.btn-more-text {
		color: #1b1f22;
		border: 1px solid #1b1f22;
		background: transparent;
	}

	a.btn-show-more-description.btn-show-more-description-2:before,
	a.btn-more-text:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #1b1f22;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: .3s;
		transition-duration: .3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}

	a.btn-show-more-description.btn-show-more-description-2:hover,
	a.btn-more-text:hover {
		color: #ffffff;
	}

	a.btn-show-more-description.btn-show-more-description-2:hover:before,
	a.btn-more-text:hover:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
    }
    
    .error-page h1 {
        font-size: 100px;
    }

    .error-page .main-desc {
        font-size: 25px;
    }

    .error-page .form-holder-search {
        float: left;
        width: 70%;
    }

    .error-page .title-search {
        margin-bottom: 0;
        position: relative;
        text-align: center;
        top: 13px;
    }

    .error-form-wrapper {
        width: 100%;
    }

    .benefits-wrapper,
    .number-one {
        display: none;
    }

    .form-holder-search span.advanced-srch {
        margin: 10px 0 0 0;
    }

    .filters-overlay .filter-inner.where,
    .filters-overlay .filter-inner.when,
    .filters-overlay .filter-inner.when .filter-row-wrapper,
    .filters-overlay .filter-inner.where .filter-input,
    .filters-overlay .filter-inner.where .filter-row-holder  {
        width: 100%;
    }

    .filter-inner.where .filter-row-wrapper,
    .filter-inner.when .filter-row-wrapper {
        margin-left: 0;
        width: 100%;
    }

    .filter-row .filter-inner.drugi .clear-filter,
    .filter-row .filter-inner.where .clear-filter {
        top: -5px;
        font-size: 25px;
    }

    .filter-row .filter-inner.when .clear-filter {
        top: auto;
        right: 0;
        bottom: 28px;
    }

    .filters-overlay .filter-inner.where .filter-row-holder,
    .filters-overlay .filter-inner.when .filter-row-holder {
        margin: 10px 0 20px 0;
    }


    .benefits-wrapper-mobile {
        display: block;
        display: none;
    } 

    .bf-promo {
    	left: 11%;
    }

    iframe#launcher {
        display: none !important;
    }
}

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

    .popUp.aktivan {
        z-index: 10001;
    }


    .table-wrapper {
        display: none;
    }

    .mobile-table {
        display: block;
    }

    #gmapa {
        width: 100%;
        height: 400px;
    }


    .stay-safe {
        top: 50%;
        left: 6%;
    }

    .stay-safe img {
        width: 200px;
    }



	a.hide-form {
		padding-top: 0;
	}
	
	.villa-menu ul li.maknimenaresponsive {
		display: none;
	}
	
	.villa-menu ul {
		display: block;
		width: 100%;
	}
	
	.villa-menu {
		width: 100%;
		float: none;
	}
	
	.villa-menu ul li {
		width: 33%;
		float: left;
		display: block;
		text-align: center;		
	}
	
	.rating-show.voting {
		height: 600px;
	}	

	.blue-badge {
		padding-top: 31px;
	}

	.badge-txt {
		font-size: 15px;
	}
	
	.badge-txt div {
		font-size: 34px;
	}
	
	.header {
		padding: 40px 20px 40px 20px;
	}
	
	a.need-help {
		display: none;
	}
	
	.language {
		margin-right: 0;
	}
	
	a.logo, .logo-menu {
		width: 180px;
		height: 50px;
	}
	
	.logo-menu {
		margin-left: -90px;
	}	
	
	a.logo img, .logo-menu img {
		width: 180px;
		height: 50px;
	}	
	
	.mozaik .col-lg-8.col-md-8.col-sm-6.col-xs-6, .mozaik .col-lg-4.col-md-4.col-sm-6.col-xs-6, .mozaik .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
		width: 100%;
	}
	
	.punchine-rating {
		font-size: 18px;
	}
	
	.rating-show {
		padding: 0 30px;
	}
	
	.blue-badge {
		width: 110px;
		height: 110px;
		font-size: 40px;
		margin-left: -55px;
		top: -55px;
		padding-top: -20px;
	}

	a.need-help.black {
		display: block;
		color: #000;
		position: absolute;
		top: 40px;
		right: 40px;
	}	
	
	a.close-menu {
		left: 20px;
	}	
	
	a.close-menu span {
		display: none;
	}	
	
	a.need-help.black {
		right: 20px;
	}	
	
	.slider-villas .slide .slider-villas-img {
		height: 350px;		
	}

	.slider-villas .slide.slick-slide.slick-current.slick-active.slick-center {
		transform: none;
		margin-left: 0;
	}
	
	.slider-villas .slide.slick-slide.slick-current.slick-active.slick-center .slider-villas-txt {
		transform: none;
		margin-left: 0;
		padding: 20px;		
	}
	
	.slider-villas .slide .slider-villas-img {
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}	

	.slider-villas .slick-slide, .slider-villas .slide {
		height: auto;
	}
	
	.main-search {
		padding-top: 30px;
	}
	
	.slider-home-txt {
		padding: 15px;
		width: 284px;
		overflow: hidden;
		margin-right: 0;
		right: 6%;
		top: 22%;
		bottom: auto;
	}		
	
	.place-slider {
		font-size: 13px;
	}

	a.villa-name-slider {
		font-size: 18px;
	}	
	
	a.form-opener-traka {
		margin-right: 30px;
	}	
	
	a.form-opener-traka span {
		display: none;
	}
	
	.labela-facilities {
		width: 25%;
	}
	
	.facilities-data-holder {
		width: 70%;
	}
	
	.facilities-row-holder {
		width: 100%;
		margin-bottom: 5px;
	}
	
	.facilities-row-holder.big {
		width: 100%;
	}
		
	.inner-section-booking {
		padding: 20px;
	}
	
	.cost-breakdown.big {
		font-size: 16px;
	}
    
    /* maja dodala */
    .filter-row-wrapper {
        margin-left: 35px;
    }
    
    .filter-row-holder {
        width: 100%;
    }
    
    .filter-row.slider .labela-filter {
        width: 100%;
    }
    
    .filter-row.slider .filter-row-wrapper {
        margin: 20px 0 0 0;
        width: 100%;
    }
	
	.call-to-action {
		font-size: 18px;
	}	

	.call-to-action a {
		display: block;
	}	
	
	.slider-villas.center {
		margin-bottom: 40px;
	}	

	.flatpickr-calendar {
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		margin-left: -150px !important;
		margin-top: -150px !important;
	}	
	
	.language {
		position: relative;
		top: -7px;
	}
	
	a.logo-mob {
		position: relative;
		top: -6px;
	}

	.language .dropdown-menu > li > a {
		padding: 5px 1px;
	}	
	
	.language {
		width: 40px;
	}	
	
	.filter-inner {
		width: 100%;
		float: none;
		margin-top: 20px;
	}

	.filter-inner.prvi {
		margin-top: 0;
	}		

	.filter-inner .labela-filter {
		width: 100%;
		padding-top: 0;
	}	
		
	.filter-inner .filter-row-wrapper {
		width: 10%;
		margin-left: 0;
		margin-top: 20px;
	}	
	
	.filter-inner .filter-row-holder {
		float: none;
    }
    
    .error-page .main-search {
        padding-top: 0;
    }

    .filter-inner.prvi,
    .filter-inner.drugi {
        display: inline-block;
    }

    .filter-inner.prvi .filter-row-wrapper,
    .filter-inner.drugi .filter-row-wrapper {
        width: 100%;
        /* position: relative; */
    }

    .filter-inner.drugi .flatpickr_filter {
        width: 100%!important;
        display: inline-block;
    }

    .filter-inner.prvi .filter-input {
        width: 100%;
    }

    .filter-row .noUi-target {
        width: 60%;
    }
    .cookies-floater {
        left: 0;
        -webkit-transform: none;
        transform: none;
    }

    .share-div {
        bottom: 50px;
        padding: 10px;
        border-bottom-right-radius: 5px;
    }

    .share-txt {
        display: none;
    }

    .share-btns {
        margin: 0;
        width: 25px;
        height: 65px
    }

    .share-btns li {
        display: block;
    }

    #mail {
        margin: 15px 0 0 0;
    }

    .filter-row .filter-inner.prvi .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .filter-row .filter-inner.drugi .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }

    .villas-score-wrapper {
        padding: 30px;
    }

    .villas-score-wrapper h2 {
        left: 30px;
        bottom: 30px;
        font-size: 31px;
    }

    .score-badge {
        width: 80px;
        height: 80px;
        background-size: 80px auto;
    }


}

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

    .book .select-date-wrapper .reset-btn {
        position: relative;
        margin: 30px auto 0 auto;
        right: 0;
    }
    
    .book .select-date-wrapper {
        text-align: center;
    }

    .error-page .form-holder-search {
        width: 60%;
    }

    .error-page .title-search {
        top: 12px;
    }

    a.btn-promo {
        float: none;
        max-width: 320px;
        text-align: center;
    }

    .promo-input {
        float: none;
        margin-left: 0;
    }

}

/* maja dodala */
@media only screen and (max-width: 570px) {
    .labela-filter {
        width: 100%;
        float: none;
    }
    
    .filter-row-wrapper {
        width: 100%;
        margin-left: 0;
        float: none;
        margin-top: 20px;
    }
	 
	a.guide .small-txt {
		display: none;
	}
	
	a.guide .title-guide {
		bottom: 50%;
		margin-bottom: -20px;
	}
	
	.category-slika-wrapper {
		height: 300px;
	}
	
	.big-gradient.ville h1.title-h1 {
		top: 112px;
	}
	
	.section.destinations.grey {
		padding-top: 20px;
	}
	
	.holder-filteri-site {
		margin-bottom: 20px;
	}

    .main-villa-content.booking {
        /*display: none;*/
    }

    .booking-data > div, .booking-data > div span {
        font-size: 12px;
    }

    .booking-data div:nth-of-type(1) span, .booking-data div:nth-of-type(2) span {
        display: none;
    }

    .booking-data > div {
        float: left !important;
        width: 50% !important;
    }

	.main-villa-content.booking.mobile {
		display: block;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
	}	
	
	.booking-podaci-mobile {
		display: block;	
	}	

	.main-villa-content.booking.small {
		display: block;
		position: relative;
	}	
	
	.category-slika-wrapper.booking {
		height: 215px;
	}
	
	.category-slika-wrapper.booking .big-gradient.vila {
		height: 130px;
	}	
	
	.title-h1 {
		top: 152px;
		font-size: 32px;
    }

    .top-info ~ .content-holder .title-h1 {
    	top: 152px;
    }

    a.toggle-form {
        bottom: 13%;
    }

    .slider-wrapper-home a.toggle-form {
        bottom: 22%;
    }

    .category-slika-wrapper .advanced-srch.villas {
        bottom: 10px;
    }

    .advanced-srch.mobile {
        bottom: 60px;
    }

    .villas-score-wrapper h2 {
        left: 30px;
        bottom: 30px;
        position: relative;
        width: 100%;
        left: auto;
        bottom: auto;
        text-align: center;
        margin: 20px 0;
    }

    .villas-score-wrapper img {
        max-width: 100%;
        float: none;
    }

    .score-badge {
        position: relative;
        background-size: 80px auto;
        top: auto;
    }
}


@media only screen and (max-width: 540px){
	a.guide {
		width: 100%;
		height: 160px;
		overflow: hidden;
	}

	a.guide .gradient {
		height: 160px;
	}

	.menu-main li {
		font-size: 18px;
	}

	.title-search {
		display: none;
	}
	
	.booking-data > div {
		margin: 0;
		width: 100%;
	}	
	
	.booking-price {
		font-size: 20px;
	}
	
	.villa-name-booking {
		top: 43%;
	}
    
    .book .legenda ul li {
        margin-right: 20px;
        margin-bottom: 10px;
    }
	
	.big-gradient.ville {
		height: 300px;
    }
    
    .error-page .title-search {
        display: block;
    }
}

@media only screen and (max-width: 530px) {
    .book .calendar-wrapper .item-month {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 505px) {
    .filter-row .noUi-target {
        margin: 15px 0 10px 15px;
        width: 100%;
    }
	
	.btn.submit {
		display: inline-block;
		width: 100%;
	}

	.btn.submit.drugi {
		margin-left: 0;
		margin-top: 10px;
	}

	.rating-show {
		height: 375px;
	}

	.rating-show.voting {
		height: 652px;
	}
}

@media only screen and (max-width: 480px) {
    .category-slika-wrapper a.toggle-form.ville {
        top: 73%;
    }

    .big-gradient.ville {
        height: 260px;
    }
    /*
    .zopim {
        display: none !important;
    }

    .pratime-telefon {
        display: block;
    }
        */
    .slider-wrapper .slider-dots {
        bottom: 24%;
    }

    a.slider-home-txt {
        right: 90px;
    }

    .form-holder-search.small input.input {
        margin-top: 17px;
    }

    .form-holder-search .month {
        margin: 17px 0 0 0;
    }

    .vote-slider .slick-prev.slick-arrow {
        left: 35%;
        top: 0;
    }

    .vote-slider .slick-next.slick-arrow {
        right: 35%;
        top: 0;
    }

    .vote-inner {
        font-size: 16px;
        line-height: 24px;
        margin-top: 40px;
        padding: 0;
    }

    .booking-form ul li label {
        /*height: 70px;*/
    }

    .booking-form ul li label.extra-height {
        height: 70px;
    }

    a.map-view-a.traka {
        margin-right: 0;
    }

    a.filters-a.traka {
        margin-right: 15px;
    }

    a.form-opener-traka {
        margin-right: 20px;
    }

    /*	a.telefon-prati, .pratime-telefon {
		display: none;
	}*/

    .need-help-phone {
        display: block;
        text-align: center;
        margin: 30px 0;
        font-size: 20px;
        font-weight: 600;
    }


        .need-help-phone a {
            display: block;
        }


    .container.confidence .col-lg-4.col-md-4.col-sm-4.col-xs-4 {
        width: 100%;
    }

    .badge-holder {
        margin-bottom: 30px;
    }

    .confidence-ico-holder-rating .badge-holder {
        margin-bottom: 0;
    }

    .text-holder {
        padding: 0;
    }

    .form-holder-search.small {
        width: 100%;
        display: block;
    }

        .form-holder-search.small.departure {
            margin-left: 0;
        }

    .title-search {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .form-holder-search label {
        margin-bottom: 0;
    }

    .form-holder-search {
        height: 66px;
    }

        .form-holder-search.small {
            margin-top: 35px;
        }

        .form-holder-search.bedrooms {
            margin-top: 35px;
        }

    .badge-confidence {
        display: table-cell;
        padding-right: 20px;
    }

    .badge-confidence, .badge-txt {
        display: table-cell;
        text-align: left;
        width: 130px;
    }

    .confidence-ico-holder-rating .badge-holder {
        margin-bottom: 40px;
    }

    .icons-story .col-lg-3.col-md-3.col-sm-6.col-xs-6 {
        width: 100%;
    }

    .title-icons.druga {
        margin-bottom: 40px;
    }

    .logos-footer a {
        display: block;
        width: 100%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .language {
        width: 40px;
    }

        .language .bootstrap-select > .dropdown-toggle {
            padding: 0;
        }

    a.logo, .logo-menu {
        width: 140px;
        height: 39px;
    }

    .logo-menu {
        margin-left: -70px;
    }

        a.logo img, .logo-menu img {
            width: 140px;
            height: 39px;
        }

    .slider-villas .slide .slider-villas-img {
        height: 250px;
    }

    .destinations .nav-tabs > li {
        display: block;
        float: none;
    }

        .destinations .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            border: 0;
            text-decoration: underline;
        }

    .tab-pane.slider {
        padding: 0;
        padding-bottom: 40px;
    }

    .form-holder-search.small {
        margin-top: 20px;
    }

    .form-holder-search.bedrooms {
        margin-top: 20px;
    }

    a.toggle-form {
        width: 320px;
		height: 55px;
		bottom: 13%;
    }

    .fake-input {
		height: 55px;
        font-size: 16px;
    }

    .fake-btn {
        height: 40px;
        width: 40px;
        padding-top: 7px;
    }

    a.logo {
        display: none;
    }

    a.logo-mob {
        display: block;
        margin: 0 auto;
        width: 150px;
        height: 50px;
    }

        a.logo-mob img {
            height: 50px;
            width: 150px;
        }

    .villa-slider {
        height: auto;
    }

        .villa-slider .slide {
            height: auto;
        }

    a.toggle-form2 {
        margin-left: -160px;
        width: 320px;
    }

    .title-distance {
        padding-left: 0;
    }

    ul.distance-ul {
        margin-left: 0;
    }

    .text-holder.lefttxt {
        padding-left: 0;
    }

    .labela-facilities {
        width: 100%;
        margin-bottom: 20px;
    }

    .facilities-data-holder {
        width: 100%;
    }

    .facilities-row-holder {
        margin-bottom: 5px;
    }

    a.btn-all-rates {
        width: 100%;
        margin-bottom: 20px;
    }

    a.btn-contact-us {
        width: 100%;
    }

    .villa-name-booking {
        font-size: 28px;
        top: 52%;
    }

    .main-villa-content.booking {
        padding: 15px;
    }

    /* maja dodala */
    /* a.reset-filters {
        width: 100%;
        margin-bottom: 20px;
    }

    .submit-filters {
        width: 100%;
    } */

    /* maja booking */
    .book .select-date-wrapper .ion-ios-arrow-thin-right {
        display: none;
    }

    .book .select-date-wrapper {
        width: 250px;
    }

        .book .select-date-wrapper .arrival, .book .select-date-wrapper .departure {
            display: block;
            margin: 20px 0 0 0;
        }

    a.toggle-form2 {
        height: 40px;
    }

    .main-search {
        padding-top: 10px;
    }

    .main-search-box {
        padding: 0 20px;
    }

    .main-search.ville .main-search-box {
        padding: 0 20px;
        height: 85%;
    }

    .phone-contact {
        float: none;
        font-size: 16px;
    }

    .title-h1 {
        top: 165px;
        font-size: 22px;
	}
	
	.category-slika-wrapper {
        height: 260px;
    }

    .category-slika-wrapper .title-h1,
    .top-info ~ .content-holder .title-h1 {
        top: 100px;
    }

    .category-slika-wrapper a.toggle-form {
		width: 100%;
		bottom: auto;
        top: 55%;
    }

    .cookies-floater {
        width: 170px;
    }

    .newsletter-input {
        font-size: 15px;
        width: 189px;
    }

    .newsletter-subscribe {
        padding: 0 7px;
        font-size: 13px;
    }

	.section.destinations.grey .container,
	.section.destinations.grey .col-lg-12.stoposto {
		padding: 0;
	}

	.form-holder-sort .bootstrap-select.btn-group .dropdown-toggle .filter-option {
		font-size: 14px;
	}

	.anti-covid {
		/*margin-bottom: 80px !important;*/
	}

	.showing {
		display: block;
		position: absolute;
		top: -57px;
		color: #ffffff;
		text-align: center;
		right: 0;
		left: 0;
		font-size: 13px;
		text-shadow: 0 1px 10px rgba(0,0,0,.7);
		z-index: 100;
	}
	
	.filteri-odabrani {
		display: block;
		margin-bottom: 15px;
	}

	.holder-filteri-site {
        margin-bottom: 0;
	}
	
	.filters-map-wrapper {
		display: inline-block;
	}

	.all-rates-holder td.title {
		font-weight: 700;
		padding: 10px 10px 0 10px;
	}

	.all-rates-holder td .currency {
		color: #0087e4;
    	font-weight: 700;
	}

	.all-rates-holder td:last-child {
		padding: 0 10px 10px 10px;
	}

	.all-rates-holder td {
		padding: 5px 10px;
	}

	.viewed {
		right: auto;
		left: 0;
		bottom: -23px;
		z-index: 10;
		top: auto;
	}

	a.add-to-fav-from-list {
		right: auto;
        left: 25px;
		top: 7px;
		font-size: 25px;
    }
    
    .reviews {
        top: 10px;
        left: 60px;
    }

	a.title-villa-a {
        margin-top: 20px;
    }

    .error-page h1 {
        font-size: 90px;
    }

    .error-page .main-desc {
        font-size: 22px;
        line-height: 1.3;
    }

    .error-page .main-search-box {
        padding: 30px;
    }

    .category-slika-wrapper .advanced-srch.villas {
        bottom: 35px;
    }

    .ti-heading {
    	font-size: 15px;
    }

    .tid-heading {
        font-size: 18px;
    }

    .tid-signature {
        font-size: 16px;
    }

    .ti-heading > span {
    	max-width: 360px;
    }

    .ti-heading > span:before {
    	width: 20px;
    	height: 17px;
    }

    .ti-heading > span:after {
    	font-size: 21px;
    	margin-top: -3px;
    }

    input.submit-filters,
    a.reset-filters {
    	font-size: 13px;
    	padding: 8px 18px;
    }

    a.reset-filters {
    	margin-left: 7px;
    }

    #bc-controls {
    	bottom: 15px;
    	right: 10px;
    }

    #booking-calendar {
    	padding: 15px 10px 60px;
    }

    #bc-filter {
    	margin-bottom: 5px;
    }

}


@media only screen and (max-width: 390px){
	.vote-slider .slick-prev.slick-arrow {
		left: 30%;
		top: 0;
	}
	
	.vote-slider .slick-next.slick-arrow {
		right: 30%;
		top: 0;		
	}
	
	.stars {
		top: 83px;
	}	
	
	.punchine-rating {
		top: 94px;
	}	
	
	.btn.submit {
		top: 110px;
	}	

	a.logo, .logo-menu {
		width: 120px;
		height: 33px;
	}
	
	.logo-menu {
		margin-left: -60px;
	}	
	
	a.logo img, .logo-menu img {
		width: 120px;
		height: 33px;
	}
	
	.menu-main li {
		font-size: 16px;
	}	

	a.toggle-form {
		width: 260px;
	}
	
	a.toggle-form2 {
		margin-left: -150px;
		width: 300px;
	}		

	.fake-input {
		width: 260px;
		font-size: 15px;
	}

	.category-slika-wrapper a.toggle-form .fake-input {
        width: 100%;
    }
	
	.villa-slider {
		height: auto;
	}	
	
	.villa-slider .slide {
		height: auto;
	}	
	
	.logo-trakica {
		margin-left: 20px;
		margin-right: 0;
		width: auto;
		padding-top: 14px;
	}
	
	.logo-trakica img {
		width: 125px;
	}
	
	a.form-opener-traka {
		margin-right: 20px;
	}
	
	.pushy-left { transform: translate3d(-270px,0,0); }
	.pushy-open-left #container,
	.pushy-open-left .push { transform: translate3d(270px, 0, 0); }
	.pushy-right { transform: translate3d(270px, 0, 0); }
	.pushy-open-right #container,
	.pushy-open-right .push { transform: translate3d(-270px, 0, 0); }

	.pushy {
		width: 250px;
	}	
	
	.mob-menu, .mob-menu ul {
		padding: 0;
	}
	
	.mob-menu > li > a {
		font-size: 18px;
	}
	
	.mob-submenu > li > a {
		font-size: 16px;
	}

	a.filters-a {
		width: auto;
	}	
	
	a.filters-a img {
		width: 32px;
		height: 24px;
	}
	
	.container .col-lg-12.stoposto {
		padding: 0;
	}

    /*Kre�o zakomentirao jer se carousel ne vidi na mobilnim inace*/
    /*
	.slider-home .slide, .slider-home .slick-track, .slider-home .slick-list, .slider-home, .slider-wrapper {
		height: 100%;
	}
	*/	
	
	.gallery-grid a {
		width: 100%;
	}
	
	.logo-trakica {
		padding-top: 17px;
	}

	.logo-trakica img {
		width: 107px;
	}	
	
	.input-booking span {
		font-size: 13px;
	}	
	
	.row.bookingrow .col-lg-6.col-md-6.col-sm-6.col-xs-6 {
		padding: 10px;
	}	
	
	.slider-home .slick-prev.slick-arrow {
		width: 36px;
		height: 36px;
		left: 20px;
	}
	
	.slider-home .slick-next.slick-arrow {
		width: 36px;
		height: 36px;
		right: 20px;				
	}
	
	select#kod.chosen-select {
		width: 290px;
    }
    
    .error-page .form-holder-search {
        width: 100%;
    }

    .error-page .search-form-submit {
        width: 100%;
        float: none;
        display: inline-block;
        margin: 20px 0 0 0;
    }

    #bc-close {
    	top: 0;
    	right: 0;
    }

}

@media only screen and (max-width: 320px){
	a.slider-home-txt {
		right: 48px;
	}

    .viewed {
        right: 90px;
    }

    a.add-to-favorite,
    a.remove-from-favorite {
        right: 65px;
	}

	.slider-wrapper .slider-dots {
		bottom: 26%;
	}

	.holder-filteri-site {
        display: inline-block;
        width: 100%;
	}
	
	.category-slika-wrapper .title-h1 {
        font-size: 20px;
    }

    .error-page .title-search {
        font-size: 23px;
    }

    .error-page .title-search {
        top: 9px;
    }

    .error-page .main-search-box {
        padding: 20px;
    }

    .advanced-srch.mobile {
        bottom: 45px;
    }
}