@media (max-width: 1199px) {
    .main-nav a img{
		max-width: 200px;
	}
	.main-nav nav{
		margin-bottom: 7px;
	}
	.home-slider-wrapper {
		margin-top: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .search-blog-holder span {
        font-size: 29px;
        margin-top: 18px;
    }
    .search-blog-holder {
        height: 186px;
    }
    .style-text h1 {
        font-size: 55px;
    }
    .article-img-right img {
        margin-left: 20%;
        width: 900px;
    }
    .article-img-left img {
        margin-left: -15%;
        width: 900px;
    }
    .article-img-middle img {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    .article-intro .style-image {
        margin-left: -90px;
    }
    .article-intro .style-image img {
        width: 100%;
    }
    .filters-hold a {
        font-size: 16px;
    }
    .page h1 {
        font-size: 80px;
    }
    .search-blog #article-input {
        margin-right: 10px;
        padding: 25px 10px;
    }
    .search-blog button.btn {
        padding: 0 15px;
        font-size: 20px;
    }
    .store-img {
        width: 80px;
    }
    .store-img.appstore-img {
        width: 80px;
    }
    .btn-blue {
        font-size: 15px;
    }
    .mobile-img {
        height: 80%;
    }
    .brm-hlt.hr {
        padding-left: 45px;
    }
    .product-boxer .btn-main {
        font-size: 13px;
    }
    .product-boxer {
        padding: 25px 10px 75px;
    }
    .shop-price s, .shop-price {
        font-size: 12px;
    }
    .product-boxer h2 {
        font-size: 17px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .mobile-nav-right a {
        padding-left: 15px;
    }
    .search-blog-holder span {
        text-align: center;
    }
    .bx-wrapper .bx-prev {
        left: -40px;
    }
    .bx-wrapper .bx-next {
        right: -40px;
    }
    .shadow_bg {
        margin: -45px auto 0 auto;
    }
    .page h1 {
        font-size: 55px;
    }
    .shop-price.inner {
        margin: 15px 0;
    }
    .brand-page .brand-intro-text.mob-padd {
        padding: 45px 0;
    }
    .paper-wrap-mob {
        margin-bottom: 60px;
    }
}

@media (max-width: 991px) {
	.home-banner-wrapper img{
		width: 150vw;
		margin-top: 0;
	}
    .bg-text-width {
        max-width: 370px;
    }
    .mobile-nav-right a:not(:first-child) {
        margin: 0;
    }
    .nav__shop-quantity-box {
        width: 17px;
        height: 17px;
        bottom: 16px;
        right: 0;
    }
    .search-blog {
        max-width: 500px;
        margin: 0 auto;
    }
    .brm-hlt {
        padding-left: 0px;
    }
    .brm-hlt.hr {
        padding-left: 0px;
    }
    .home_intro {
        padding: 50px 0;
    }
    .homepage .article-big-row, .homepage .article-sm-row {
        padding: 0;
    }
    .wrapper {
        padding: 0 15px;
    }
    .mob-opacity {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }
    .mobile-nav {
        border-bottom: 0px;
    }
    .video-over h1 {
        display: none;
    }
    .home-video {
        width: 100%;
        height: calc(100vh - 57px);
    }
    .video-over {
        bottom: 30px;
    }
    .scroll-btn, .scroll-btn:hover {
        font-size: 35px;
        color: #fff;
    }
    .bottom-section h2, .linked-blog h3 {
        font-size: 40px;
    }
    .product-detail { 
        margin-left: 0;
    }
    .savjetovaliste-page h1 {
        font-size: 75px;
    }
    .bg-text {
        position: relative;
        transform: none;
        /*padding-right: 17%;*/
    }
    .bg-section .wrapper {
        min-height: 500px;
        padding: 90px 0;
    }
    .article-bg-col .article-holder,
    .article-sm-col .article-holder {
        max-width: 100%;
    } 
    .article-bg-col .article-holder img,
    .article-sm-col .article-holder img {
        width: 100%;
    } 
    .article-bg-col {
        margin-bottom: 50px;
    }
    .row.article-small-row .article-sm-col:nth-child(-n+2) {
        margin-bottom: 50px;
    }
    .article-sm-col h2.article-h2 {
        font-size: 18px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    } 
    .article-bg-col a:hover h2 {
        display: block;
    }
    .article-intro img {
        margin: 0 0;
        width: 140%;
        margin-left: -20%;
        border: 0;
    }
    .article-img-right img,
    .article-img-left img,
    .article-img-middle img {
        width: 100%;
        margin-left: 0;
    }
    .article-intro p {
        position: unset;
        top: unset;
        transform: unset;
        margin: 0;
    }
    .article-intro .intro-wrapper {
        margin-top: 40px;
    }
    .article-img-right .image-text {
        bottom: -50px;
        left: 0;
    }
    .article-img-right .image-text,
    .article-img-left .image-text,
    .article-img-middle .image-text {
        padding: 25px;
    }
    .article-col .article-shortdesc {
        display: none;
    }
    .articles-list-page .search-blog {
        margin-top: 20px;
    }
    .infografika-intro {
        margin-bottom: 30px;
    }
    .article-intro.infografika-intro .intro-wrapper {
        margin-top: 0;
    }
    .article-longdesc {
        margin-bottom: 0;
    }
    .bx-wrapper .bx-controls-direction a {
        top: 50%;
    }
    .product-page .upute-bottom {
        margin-top: 40px;
    }
    .upute-heading h2 {
        font-size: 40px;
    }
    .accordion {
        margin-top: 10px;
    }
    .style-text h1 {
        font-size: 50px;
    }
    .image-text {
        font-size: 24px;
        line-height: 33px;
    }
    .search-blog .input-group {
        width: 100%;
    }
    .search-blog #article-input {
        margin-right: 10px;
        padding: 20px 10px;
    }
    .search-blog button.btn {
        padding: 0 12px;
        font-size: 16px;
    }
    .sidebar-filters {
        margin-top: 60px;
    }
    .savjetovaliste-details .pitanja, .shop-details .pitanja {
        margin-top: 50px;
    }
    .paper-wrap-mob {
        position: relative;
    }
    .brand-page section.mob-padd {
        padding: 0 0 45px 0;
    }
    .page.brand-list-page {
        padding: 30px 0;
    }
    .style-image .article-shadow {
        position: absolute;
        margin: 0;
        bottom: -15px;
        left: 0;
        height: 15px;
    }
    .savjetovalitse-col {
        margin-top: 40px;
    }
    .za-male-i-velike h2 {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
    }
    .islamedic_trostruka_ucinkovitost .bg-text {
        padding: 0;
    }
    .islamedic_intro_text .product-text-center h2 {
        margin-bottom: 0;
    }
    .islamedic_trostruka_ucinkovitost .col-12:first-child img {
        margin-bottom: 0;
    }
    .islamedic_trostruka_ucinkovitost .col-12:not(:last-child) {
        margin-bottom: 30px;
    }
    .islamedic_ucinkovitost .mob-opacity {
        background-image: linear-gradient(to right, rgba(154,167,173,1), rgba(6,99,107,0));
    }
    .islamedic_znacajke h3 {
        font-size: 18px;
    }
    .islamedic_znacajke .col-6:nth-last-child(n+3) {
        margin-bottom: 30px;
    }
    .tresnja .isla_suputnik .mob-opacity {
        background-image: linear-gradient(to right, rgba(232,230,233,1), rgba(6,99,107,0));
    }
    .isla .isla_suputnik .mob-opacity,
    .isla_medic .isla_suputnik .mob-opacity {
        background-image: linear-gradient(to right, rgba(247,246,242,1), rgba(6,99,107,0));
    }
    .product-text-center h2 {
        font-size: 53px;
        line-height: 63px;
        text-shadow: 0 0 30px #999999;
    }
    .product-text-center.text-40 h2 {
        margin-bottom: 30px;
    }
    .product-text-center.text-40 h3:not(:last-child),
    .product-text-center.text-40 p:not(:last-child){
        margin-bottom: 30px;
    }
    .product-img-holder {
        bottom: 0; 
    }
    .product-header {
        height: auto!important;
    }
    .product-img-holder .product-group-img {
        max-height: auto;
        position: unset;
        left: unset;
        transform: unset;
    }
    .product-page .upute-bottom {
        padding-bottom: 0;
    }
    .pitajte-nas {
        margin-top: 30px;
    }
    .problematika-details {
        padding-bottom: 0;
    }
    .problematika-details .linked-blog {
        padding: 30px 0;
    }
    .problematika-details .savjetovaliste.bottom-section {
        padding: 30px 0;
    }
    .problematika-details .products-list.bottom-section {
        padding: 30px 0 50px 0;
    }
    .isla_lisaj .saznaj-vise {
        margin-top: 30px;
    }
    .isla_snaga_prirode .bg-text {
        position: unset; 
        top: unset; 
        left: unset;
        transform: unset;
        padding: 0;
    }
    .isla_snaga_prirode .mob-opacity {
        background-image: linear-gradient(rgba(76,141,171,.5),rgba(76,141,171,.5));
    }
    .isla_pomaze .mob-opacity{
        background-image: linear-gradient(to right, rgba(132,141,150,1), rgba(6,99,107,0));
    }
    .isla_trostruka .mob-opacity {
        background-image: linear-gradient(to right, rgba(222,156,160,1), rgba(6,99,107,0));
    }
    .lisaj {
        margin: 40px auto 0 auto;
    }
    p.nexa-p {
        font-size: 30px!important;
        line-height: 35px!important;
    }
    .group-products {
        padding-bottom: 0;
    }
    .group-products .group-image {
        margin-left: 0;
    }
    .isla_junior_intro img {
        margin-bottom: 30px;
        width: 200px;
    }
    .isla_junior_pastile .jagode2_img {
        margin-top: 50px;
    }
    .isla_junior_pastile .dodaci_img {
        margin-bottom: 50px;
    }
    .isla_junior_pastile .jagode2_img {
        width: 200px;
    }
    .tyrosur_rana .bg-text {
        padding: 0;
    }
    .nosi_set_intro img {
        margin: 0 0 40px 0;
    }
    .nosi_set_jednostavan .mob-opacity {
        background-image: linear-gradient(to right, rgba(105,139,184,1), rgba(151,185,213,0));
    }
    .nosi_set_harmonija img {
        margin-bottom: 40px;
        width: 200px;
    }
    .nosi_set_zadovoljna .mob-opacity {
        background-image: linear-gradient(to right, rgba(130,193,234,1), rgba(174,211,237,0));
    }
    .otovent_illus.bg-section .wrapper,
    .otovent_illus2.bg-section .wrapper {
        padding: 235px;
    }
    .vaxol_prirodan img {
        width: 400px;
    }
    .panthenol_zasto .wrapper {
        padding: 230px 0;
    }
    .tyrosur_zasto_bas .mob-opacity {
        background-image: linear-gradient(to right, rgba(177,165,165,1), rgba(174,211,237,0));
    }
    .tyrosur_infekcije .mob-opacity {
        background-image: linear-gradient(to right, rgba(20,38,50,1), rgba(174,211,237,0));
    }
    .vaxol_siguran .mob-opacity,
    .vaxol_ispiranje .mob-opacity {
        background-image: linear-gradient(to right, rgba(47,84,152,1), rgba(174,211,237,0));
    }  
    .panthenol_koza .mob-opacity {
        background-image: linear-gradient(to right, rgba(77,136,194,1), rgba(174,211,237,0));
    }
    .trachisan_pomaze .mob-opacity,
    .trachisan_antibiotik .mob-opacity,
    .trachisan_sadrzaj .mob-opacity {
        background-image: linear-gradient(to right, rgba(179,179,179,1), rgba(174,211,237,0));
    }
    .mycosan_infekcije .saznaj-vise, .mycosan_stopalo .saznaj-vise {
        margin-top: 15px;
    }
    .mycosan_infekcije .mob-opacity {
        background-image: linear-gradient(to right, rgba(0,110,173,1), rgba(174,211,237,0));
    }
    .mycosan_stopalo .mob-opacity {
        background-image: linear-gradient(to right, rgba(151,152,157,1), rgba(174,211,237,0));
    }
    .contractubex_oziljci .mob-opacity {
        background-image: linear-gradient(to right, rgba(208,144,108,1), rgba(174,211,237,0));
    }
    .contractubex_zatvaranje .mob-opacity {
        background-image: linear-gradient(to right, rgba(143,137,125,1), rgba(174,211,237,0));
    }
    .pantogar_gubitak_kose .mob-opacity {
        background-image: linear-gradient(to right, rgba(154,157,162,1), rgba(174,211,237,0));
    }
    .pantogar_gutiatak_kose3 .mob-opacity {
        background-image: linear-gradient(to right, rgba(119,113,101,1), rgba(174,211,237,0));
    }
    .pantogar_gusta_kosa .mob-opacity {
        background-image: linear-gradient(to right, rgba(163,163,151,1), rgba(174,211,237,0));
    }
    .pantogar_savjet2 .mob-opacity {
        background-image: linear-gradient(to right, rgba(79,102,110,1), rgba(174,211,237,0));
    }
    .pantogar_intro {
        padding: 50px 0 90px 0;
    }
    .pantogar_efikasnost {
        padding: 60px 0 60px 0;
    }
    .silicolgel_lijecenje .mob-opacity {
        background-image: linear-gradient(to right, rgba(187,141,108,1), rgba(174,211,237,0));
    }
    .silicolgel_namjena .mob-opacity {
        background-image: linear-gradient(to right, rgba(41,129,167,1), rgba(174,211,237,0));
    }
    .bg-text.text-xy-center {
        position: unset; 
        top: unset;
        left: unset;
        transform: unset;
        padding-right: 0;
    }
    .footer-content .footer-col:not(:last-child) {
        margin-bottom: 40px;
    }
    .bg-gradient.bg-gradient-right {
        background: linear-gradient(to left, rgb(43 142 189), rgba(29,106,123,0));
        right: 0;
        left: auto;
    }
    .bottom-text ul, .bottom-text ol {
        margin-left: 20px;
    }
    .m-desc h3 {
        margin: 0 0 20px;
    }
}
@media (max-width: 767px) {
	.home-slide, .home-slider-wrapper {
		height: 70vh;
		background-position: bottom center!important;
	}
	.home-slider-wrapper .bx-wrapper .bx-pager {
		bottom: 30px;
	}
	.home-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
		background: #3dbbdd;
	}
	.home-slider-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active {
		background-color: #fff;
	}
	.home-slide a {
		align-items: start;
	}
	a .slide-text {
		max-width: 100%;
		margin-left: 0;
		padding:50px 35px 35px;
	}
	a .slide-text h2 {
		font-size: 25px;
	}
	a .slide-text p {
		font-size: 12px;
	}
	.slide-btn {
		padding: 5px 10px;
		font-size: 11px;
	}
	.prevBtn, .nextBtn {
		display: none;
	}
    .bg-text-width {
        max-width: 210px;
    }
    .m-desc {
        margin-top: 20px;
    }
    .m-desc h3 {
        font-size: 15px;
        line-height: 20px;
        font-family: 'CorporativeSansRegular';
    }
    .m-desc p {
        font-size: 15px;
        line-height: 20px;
        font-family: 'CorporativeSansRegular';
        margin: 0;
    }
    .mobile-nav-right a {
        padding-left: 10px;
    }
    .product-img-holder .product-group-img {
        width: 70%;
    }
    .shop-info h1 {
        font-size: 27px;
    }
    .product-boxer .label {
        left:  -22px;
        bottom: 0px;
    }
    .brand-page section.mob-padd.pt-mob {
        padding-top: 0;
    }
    .bg-text.go-right {
        text-align: left;
        padding-right: 17%;
        padding-left: 0;
    }
    .bottom-text {
        padding-bottom: 0px;
    }

    .brand-page .bottom-text p {
        margin: 20px 0 0;
    }
    /* ------------ DEFAULT --------------*/
    .search-blog #article-input {
        padding: 17px 10px;
    }
    .search-blog {
        max-width: 275px;
    }
    .article-bg-col h2 {
        padding: 0 40px;
    }
    .home_intro p {
        font-size: 28px;
    }
    .home-small-banner {
        margin: 50px 0;
    }
    .search-blog-holder {
        padding: 0px 15px;
        height: 215px;
    }
    .search-blog button.btn {
        font-size: 17px!important;
    }
    ::placeholder {
        font-size: 14px;
    }
    .group-products {
        padding-top: 10px;
    }
    .brand-page .brand-intro-text.mob-padd {
        padding: 35px 0;
    }
    .brand-header {
        height: 190px;
    }
    .group-products .group-image {
        margin-left: 0;
    }
    .group-products {
        margin-top: 0;
    }
    .paper-wrap {
        position: relative;
        margin: 0 auto;
        background-size: 100% 100%!important;
        width: 100%;
    }
    .paper-wrap h2 {
        font-size: 25px;
        padding: 0 30px;
    }
    .paper-wrap-mob {
        margin-bottom: 45px;
    }
    .paper-wrap .product-list {
        margin-left: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .product-list h3 {
        padding: 0 20px;
    }
    .product-list h3 a {
        font-size: 16px;
    }
    .product-bg {
        height: 0px!important;
    }
    .shadow_bg {
        margin: -5% auto 0 auto;
        height: 30px;
    }
    .brand-page p {
        font-size: 15px;
        line-height: 20px;
        margin: 0;
    }
    .brand-page ul li{
        font-size: 15px;
    }
    .brand-page .upute-bottom {
        padding-top: 40px;
    }
    .bg-text h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    .bg-text h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    
    .bg-text .bg-text-nexa {
        font-size: 25px;
        line-height: 33px;
    }
    .bg-text .bg-text-nexa {
        margin-top: 30px;
    }
    .bottom-section h2, .linked-blog h3 {
        font-size: 24px;
        margin-bottom: 35px;
    }
    .bottom-section h2 span, .linked-blog h3 span {
        padding: 0 5px;
    }
    .style-text h1 {
        font-size: 32px;
    }
    .style-text h2 {
        font-size: 22px;
        line-height: 30px;
        margin: 20px 0 15px 0;
    }
    .style-text h3 {
        font-size: 20px;
    }
    .style-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .style-text ul {
        font-size: 14px;
    }
    .row.article-small-row .article-sm-col:nth-child(-n+2) {
        margin-bottom: 25px;
    }
    .image-text {
        font-size: 15px;
        line-height: 22px;
    }
    .article-img-right .image-text,
    .article-img-left .image-text {
        bottom: -10%;
        max-width: 85%
    }
    .article-img-right .image-text,
    .article-img-left .image-text {
        padding: 10px;
    }
    .article-img-middle .image-text {
        padding: 10px;
        width: 65%;
    }
    .infografika-media {
        margin-top: 20px;
        font-size: 14px;
        line-height: 21px;
    }
    .share-holder {
        margin: 10px 0 40px 0;
    }
    .search-blog-holder span {
        font-size: 19px;
    }
    .savjetovaliste.bottom-section h3 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .savjetovaliste.bottom-section p {
        font-size: 14px;
        line-height: 19px;
        margin-top: 7px;
    }
    .savjetovaliste.bottom-section {
        padding: 40px 0;
    }
    .pitanja-odgovori .pitanje-box:not(:last-child) {
        margin-bottom: 18px;
    }
    .problematika-list {
        padding: 40px 0 30px 0;
    }
    .problematika-list .article-col h2 {
        font-size: 25px;
    }
    .savjetovalitse-img {
        width: 100px;
        margin-right: 12px;
    }
    .savjetovaliste-page h1 {
        font-size: 30px;
    }
    .savjetovaliste-header {
        padding: 40px 0;
    }
    .savjetovaliste-page h3 {
        font-size: 25px;
    }
    .savjetovaliste-details, .shop-details {
        padding: 30px 0;
    }
    .savjetovaliste-details .pitanja, .shop-details .pitanja {
        margin-top: 30px;
    }
    .savjetovaliste-details h1, .shop-details h1 {
        font-size: 32px;
    }
    .card-header .btn {
        font-size: 16px;
        line-height: 22px;
    }
    .accordion .card-body {
        padding: 0 0 15px 0;
    }
    .accordion .card-body p{
        font-size: 15px;
    } 
    .card .btn.btn-link:before {
        font-size: 16px;
    }
    .card-body p {
        padding-left: 27px;
    }
    .savjetovaliste-details .pitanja h3, .shop-details .pitanja h3 {
        font-size: 25px;
    }    
    .filter-section .problem-flter {
        margin-top: 50px;
    }
    .filter-section .btn-toggle {
        font-size: 16px;
    }
    .sidebar-links ul li a {
        font-size: 15px;
    }
    .sidebar-filters {
        margin-top: 40px;
    }
    .sidebar-links {
        margin-bottom: 20px;
    }
    .bg-text {
        padding-right: 0;
    }
    .dd-box .dd-filter:not(:last-child) {
        margin-bottom: 20px;
    }
    .dd-filter {
        margin-right: 15px;
    }
    .dd-filter button {
        font-size: 15px;
    }
    .savjetovaliste-page p {
        font-size: 16px;
        line-height: 22px;
    }
    .product-img-holder {
        top: unset;
        position: relative;
        padding: 10px 0 20px 0;
    }
    .product-header {
        padding-bottom: 0;
    }
    .article-col.article-bg-col {
        margin-bottom: 25px;
    }
    .article-big-row:not(:last-child) {
        margin-bottom: 0px;
    }
    .articles-list {
        margin-top: 30px;
    }
    .article-bg-col .article-shortdesc {
        border: 20px solid #fff;
    }
    .article-bg-col img {
        border: 20px solid #fff;
    }
    .article-bg-col h2 {
        font-size: 23px;
    }
    .brand-page .article-sm-col:nth-child(even) {
        padding-left: 7px;
    }
    .brand-page .article-sm-col:nth-child(odd) {
        padding-right: 7px;
    }
    .problematika-header {
        height: 250px;
    }
    .problematika-header h1 {
        font-size: 28px;
    }
    .article-intro {
        margin: 30px 0;
    }
    .article-content {
        padding: 20px 0;
    }
    .article-intro .style-image {
        margin-left: 0;
    }
    .article-intro p {
        font-size: 22px;
        line-height: 32px;
    }
    .article-image {
        border: 10px solid #fff;
    }
    .article-intro .intro-wrapper {
        margin-top: 20px;
    }
    .article-details .linked-blog {
        padding: 0;
    }
    .article-sm-col h2.article-h2 {
        font-size: 14px;
    }
    .result-msg {
        padding: 30px 0 30px 0;
    }
    .result-msg span {
        font-size: 18px;
    }
    .btn-blue {
        font-size: 12px;
        padding: 8px 9px;
        margin: 20px 0 0 30px;
    }
    .socials a {
        font-size: 14px;
    }
    .socials a i {
        font-size: 17px;
    }
    .mob-opacity {
        position: absolute;
        height: 100%;
        width: 100%;
    }
    /*.brand-opacity .mob-opacity {
        background-image: linear-gradient(to right, rgba(204,204,204,1), rgba(29,106,123,0));
    }*/
    .prospan-podrijetlo .mob-opacity {
        background-image: linear-gradient(to right, rgba(29,106,123,1), rgba(29,106,123,0));
    }
    .prospan-ekstrakt .mob-opacity {
        background-image: linear-gradient(to right, rgba(21,62,31,1), rgba(21,62,31,0));
    }
    .linked-blog {
        padding: 40px 0;
    }
    .page {
        padding: 30px 0;
    }
    .page-intro {
        max-width: 800px;
        margin: 0 auto;
        font-size: 16px;
        text-align: center;
    }
    .page h1 {
        font-size: 25px;
    }
    .filters-hold {
        margin-top: 30px;
        text-align: center;
    }
    .filters-hold a {
        font-size: 12px;
        margin-bottom: 10px;
        padding: 7px 14px;
    }
    .product-details {
        padding: 30px 0 0 0;
    }
    .product-detail { 
        width: 200px;
        display: block;
        margin: 0 auto 30px auto;
    }
    .product-headings {
        margin-bottom: 40px;
    }
    .product-details h1 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 20px;
    }
    .product-headings h2 {
        font-size: 19px;
        line-height: 29px;
    }
    .upute-heading h2 {
        font-size: 21px;
    }
    .upute-heading h2 span {
        padding: 0px 12px;
    }
    .product-logo {
        height: 140px;
        display: block;
        margin: 0 auto;
    }
    /*.product-desc {
        padding-right: 15px;
    }*/
    .product-desc h2,
    .product-desc h3,
    .product-desc h4 {
        margin: 20px 0 10px 0;
    }
    .product-desc h2 {
        font-size: 22px;
        line-height: 30px;
    }
    .product-desc p {
        font-size: 14px;
        line-height: 21px;
    }
    .product-desc ul {
        font-size: 14px;
        margin: 0 0 0 20px;
    }
    .product-desc p:not(:last-child) {
        margin-bottom: 8px;
    }
    .product-pitanja {
        margin: 30px 0;
    }
    .pitanja h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .pitanja p {
        font-size: 15px;
        line-height: 20px
    }
    .toggle-arrow {
        font-size: 30px;
    }
    .product-upute.product-details {
        padding: 30px 0 0 0;
    }
    .product-desc.upute {
        padding-top: 15px;
    }
    .dd-box {
        margin: 30px 0 30px 0;
    }
    .footer-img-center img {
        width: 135px;
    }
    .footer-content {
        padding-bottom: 30px;
    }
    .footer-content .footer-logo {
        display: block;
        margin-bottom: 10px;
    }
    .footer-img-center span:before {
        width: 25%;
    }
    .footer-img-center span:after {
        width: 25%;
    }
    .footer-col {
        margin-bottom: 40px;
    }
    .footer-img-center {
        margin-bottom: 30px;
    }
    .footer-img-center a {
        font-size: 12px;
    }
    .store-img {
        width: 70px;
    }
    .store-img.appstore-img {
        width: 70px;
    }
    .mobile-img {
        width: 70px;
        padding-right: 10px;
    }
    .product-group {
        padding: 30px 0;
    }
    .product-text-center {
        padding: 0 10px;
    }
    .socials {
        margin-top: 19px;
    }
    .socials a:not(last-of-type) {
        margin-bottom: 7px;
    }
    .footer {
        padding: 30px 0;
    }
    .footer-content span {
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .footer-bottom {
        font-size: 10px;
        text-align: center;
    }
    .footer-img-center p {
        font-size: 11px;
        line-height: 16px;
    }
    .footer-bottom span {
        display: block;
    }
    .footer-copy, .design-by {
        float: none;
    }
    .footer-bottom .sep {
        display: none;
    }
    .footer-bottom a {
        display: inline-block;
    }
    .footer-link {
        margin-right: 8px;
    }
    .footer-facebook i {
        font-size: 38px;
    }
    .facebook-link span {
        color: #32a1c5;
        display: inline-block;
        text-decoration: underline;
    }
    .facebook-link,
    .instagram-link {
        font-size: 25px;
    }
    .facebook-link {
        margin-right: 5px;
    }
    /* ------------ END DEFAULT --------------*/

    .prospan-intro {
        padding: 90px 0 90px 0;
    }
    .prospan-intro img {
        width: 150px;
        margin-bottom: 15px;
    }
    .prospan-intro h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .brand-intro {
        font-size: 20px;
        line-height: 25px;
    }
    .brand-intro-sm {
        font-size: 19px;
        line-height: 29px;
    }
    .product-text-center h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .prospan-jedinstven .wrapper {
        min-height: unset;
    }
    .otisak-green {
        margin-bottom: 15px;
        width: 120px;
    }
    .sustav-kvalitete img {
        width: 150px;
        margin-bottom: 20px;
    }
    .line-img {
        margin: 15px 0;
    }
    .ekstrakt-ucinak img {
        margin-left: 0;
        width: 220px;
        display: block;
        margin: 0 auto;
    }
    .ekstrakt-ucinak p {
        font-size: 25px;
        line-height: 31px;
        text-align: center;
        padding: 0 10px;
    }
    .product-group .paper-wrap {
        position: relative;
        margin: 0 auto 0;
        right: auto;
    }
    .islamedic_trostruka_ucinkovitost img {
        width: 130px;
    }
    .islamedic_znacajke img {
        width: 85px;
    }
    .islamedic_ublazava img {
        width: 200px;
    }
    .isla_trostruka .product-section .saznaj-vise {
        margin-top: 15px;
    }
    .vitamini_img {
        margin-bottom: 50px;
        width: 200px;
    }
    .isla_junior_prehlade .mob-opacity {
        background-image: linear-gradient(to right, rgba(147,192,215,1), rgba(151,174,192,0));
    }
    .isla_junior_lisaj .mob-opacity {
        background-image: linear-gradient(to right, rgba(250,138,162,1), rgba(243,138,153,0));
    }
    .isla_junior_pastile .dodaci_img {
        margin: 0 0 45px 0;
    }
    .tyrosur_zasto_bas .bg-text {
        top: 11%;
        left: 0;
        transform: unset;
    }
    .nosi_set_primjena h3,
    .nosi_set_primjena span {
        font-size: 20px;
    }
    .nosi_set_sadrzi .mob-opacity {
        background-image: linear-gradient(to right, rgba(239,107,144,1), rgba(41,164,196,0));
    }
    .otovent_illus.bg-section .wrapper,
    .otovent_illus2.bg-section .wrapper{
        padding: 140px;
    }
    .panthenol_intro img {
        margin-bottom: 30px;
        width: 200px;
    }
    .panthenol_zasto .bg-text h2 {
        font-size: 30px;
        line-height: 35px;
    }
    .panthenol_suha_koza .mob-opacity {
        background-image: linear-gradient(to right, rgba(185,192,200,1), rgba(202,209,215,0));
    }
    .panthenol_nepaznja img {
        margin-top: 40px;
        width: 200px;
    }
    .panthenol_zasto .wrapper {
        padding: 90px 0;
    }
    .vaxol_prirodan img {
        width: 200px;
        margin-top: 30px;
    }
    .vaxol_jednostavan img{
        width: 200px;
        margin-bottom: 20px;
    }
    .silicolgel_zastitni_sloj img {
        margin: 30px 0;
        width: 250px;
    }
    .esprico_koncentracija .mob-opacity {
        background-image: linear-gradient(to right, rgba(243,170,32,1), rgba(251,212,155,0));
    }
    .esprico_namjena .mob-opacity {
        background-image: linear-gradient(to right, rgba(201,197,150,1), rgba(222,214,167,0));
    }
    .pantogar_savjet2 {
        padding: 0 0 30px 0;
    }
    .saznaj-vise {
        font-size: 13px;
    }
    .upute-bottom .upute-box p {
        font-size: 20px;
        line-height: 26px;
    }
    .blog-bg-over {
        border: 20px solid #fff;
    }
    .search-blog-holder span {
        margin-top: 36px;
        margin-bottom: 8px;
    }
    .brand-box img {
        max-width: 90%;
        max-height: 90%;
    }
    .savjetovaliste-header {
        background: none;
    }
    #gdpr-popup {
        height: 450px;
        overflow: auto; 
    }
    .bg-section .wrapper {
        min-height: 200px;
    }
    .single-mob-image.bg-section.mob-padd {
        padding-bottom: 30px;
    }
    .single-mob-image .single-mob-ill {
        position: relative;
        height: 230px;
        z-index: 1000;
    }
    .bg-image {
        height: 100%;
    }
    .bg-image.mob-no-bg-img {
        background:#3084ba;
    }
    .mob-no-bg-img .wrapper {
        padding: 30px 0;
    }
    .bg-text.go-right {
        padding-right: 0;
    }
    .product-boxer {
        margin-top: 15px;
        padding: 20px 20px 65px;
    }
    .product-boxer figure {
        margin: 0;
    }
    .product-boxer figure img {
        max-width: 60%;
        display: block;
        margin: 0 auto;
    }
    .shop-details .sidebar-filters {
        margin-top: 25px;
    }
    .shop-details .btn-toggle:not(:last-child) {
        margin-bottom: 15px;
    }
    .shop-details .sidebar-filters {
        margin: 0 0 15px 0;
    }
    .shop-intro {
        font-size: 21px;
        line-height: 28px;
        margin-top: 15px;
    }
    .product-boxer .label {
        font-size: 11px;
        padding: 3px 7px;
        position: unset;
        width: auto;
        margin: 15px 0 0 0;
    }
    .product-boxer h2 {
        font-size: 18px;
    }
    .custom-row {
        margin-left: -7px;
        margin-right: -7px;
    }
    .custom-col {
        padding-right: 7px;
        padding-left: 7px;
    }
    .group-products.list {
        margin-top: 15px;
    }
    .product-list-btns {
        height: 20px;
    }
    .product-list-btns .btn {
        font-size: 11px;
        padding: 0 5px;
    }
    .list .shop-btns input {
        width: 30px;
        font-size: 13px;
        border: 1px solid #ccc;
    }
    .list .product-boxer {
        padding: 25px 15px 80px;
    }
    .nav__shop-quantity-box .cart-quantity {
        font-size: 10px;
    }
    .illust .illust__h1--proceed {
        margin: 0;
    }
    .btn-blue.btn-blue-sm, .account-mob-menu .btn-dd {
        font-size: 13px;
        padding: 7px 15px;
    }
    .custom-checkbox label {
        font-size: 13px;
    }
    .shop-info-product {
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    }
    .shop-price.inner {
        margin: 5px 0 15px 0;
    }
    .shop-package.shop-package-custom {
        margin: 10px 0 20px 0;
    }
    .btn.btn-find-out {
        font-size: 13px;
    }
    .shop-info-product .button-add-to {
        margin-left: 15px;
    }
    .group-products-link {
        font-size: 32px;
    }
    .marker {
        font-size: 13px;
    }
    .style-text a.cta, .product-desc a.cta, .brand-cta, a.brand-cta {
    	font-size: 12px;
    	padding: 11px 9px;
    }
    
}

@media (max-width: 350px) {
    .btn-blue.btn-blue-sm, .account-mob-menu .btn-dd, .btn.normal-link {
        font-size: 12px;
    }
    .btn-blue.btn-blue-sm {
        padding: 7px 12px;
    }
}