@media (min-width: 769px) {
    .cart-domains-bottom {display: flex;justify-content: flex-end;}
}



@media (min-width: 992px) {
    #header.other-css .header-nav-main nav > ul > li > a {font-size: 15px;padding: 0.5rem 0.6rem;line-height: 35px;}
    #header.other-css .header-nav-main nav > ul > li > a > .fa-bars {line-height: 35px;}
    #header.other-css .header__wrapper-social .header-nav-top {margin-left: 10px;}
    #header.other-css .header__wrapper-social .header-nav-top:first-child ul li {margin-left: 3px;}
    #header.other-css .header__wrapper-social .header-nav-top:last-child ul li a {padding-right: 0;}
    #header.other-css .header__wrapper-social .button-in-head {margin-right: 10px;}
    #header.other-css .header-nav-main nav > ul > li > a {color: #000;}
    #header.other-css .header-nav-main nav > ul > li.open > a, #header.other-css .header-nav-main nav > ul > li:hover > a {background: #f54626;color: #fff;}
    #header.other-css .header-nav-main nav > ul:not(:hover) > li > a.active {background-color: #f54626;}
    #header.other-css .header__wrapper-social .button-in-head {padding-top: 6px;}
    #header.other-css nav.header-nav-top:last-child .align-items-center > div {padding-right: 0;}
    #header.other-css nav.header-nav-top:last-child .align-items-center > div > a {margin-right: 0 !important;}
    #header .header-nav-features .header-nav-top-icon, .hamburguer-btn {font-size: 20px;}
	
.hosting-image {
    background-size: 400% 400%;
    animation: fade 15s ease infinite;
    height:590px;
    width:100%;
    background-size:cover;
    max-width:unset!important;
    padding:0;
    visibility: inherit;
    background-size: 113.301% 121.232%;
    transform: matrix(1, 0, 0, 1, 0, 0);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    /*background-position: 100% 0.885034%;*/
    padding-top:30px;
    background-position: top left;
    animation: mymove 20s infinite;
}

.pocetna-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-01.png");}
.hosting-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-hosting-01.png");}
.reference-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-reference-01.png");}
.ssl-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-ssl-01.png");}
.domene-podloga {background-color: transparent; background-image: url("/doc/slike/bg-header-wmd-2024-domene-01.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; margin-top:-60px; padding-top:60px;}
.kontakt-podloga {background-color: transparent; background-image: url("/doc/slike/bg-header-wmd-2024-kontakt-01.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; margin-top:-60px; padding-top:60px;}
.bodovi-podloga {background-color: transparent; background-image: url("/doc/slike/bg-header-wmd-2024-hvala-01.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; margin-top:-60px; padding-top:60px;}


    .faqnaslov img {width:auto !important; max-width:100% !important; height:auto !important;}
    .animacija img {margin-bottom:30px !important;}

    .hostingpaketiContainer .hostingprobni h2 {font-size: 24px !important;}

    .table, .shop_table, .cart, .domains-card {overflow: auto !important;}
    #domains-store .featured-box .box-content {overflow: auto !important;}

    button#mdp-readabler-trigger-button {background: #7ed51c !important;}
    button:hover#mdp-readabler-trigger-button {background: #fff !important; color: #7ed51c !important;}
    button:focus#mdp-readabler-trigger-button {background: #fff !important; color: #7ed51c !important; box-shadow: #7ed51c !important;}

    .logotipihosting .header-lists {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
    .py-4.logotipihosting {padding-top:0 !important;}

}


@media (min-width: 1200px) {
    #header.other-css .header-nav-main nav > ul > li > a {font-size: 18px;padding: 0.5rem 0.5rem;}
    #header.other-css .header__wrapper-social .header-nav-top {margin-left: 35px;}
    #header.other-css .header__wrapper-social .header-nav-top:first-child ul li {margin-left: 20px;}
    #header.other-css .header-nav-top .nav > li > a, #header.other-css .header-nav-top .nav > li > span {font-size: 1em;}
    #header.other-css .header__wrapper-social .button-in-head {font-size: 1em !important;padding-top: 4px;}
    #header.other-css .header-nav-features {padding-left: 0 !important;}
    #header.other-css .header-nav-top .col-sm-12 {padding-right: 0 !important; padding-left: 0 !important;}

}



@media (min-width: 1440px) {
    #header.other-css .header-nav-main nav > ul > li > a {font-size: 27px;padding: 0.5rem 1rem;}
    #header.other-css .header__wrapper-social .header-nav-top {margin-left: 40px;}
    #header.other-css .header__wrapper-social .header-nav-top:first-child ul li {margin-left: 25px;}
    #header.other-css .header-nav-top .nav > li > a, #header.other-css .header-nav-top .nav > li > span {font-size: 1.1em;}
    #header.other-css .header__wrapper-social .button-in-head {font-size: 1.1em !important;}
    .hostingpaketiContainer {justify-content: space-between;}
	
	.referenceheading p {}
	.referenceheading h4 {font-size:46px !important;}
	.referenceheading h3 {}
}

@media (min-width: 1600px) {
.animacijasjunakom-lijevo-sira {width:38% !important; float:left !important;}
.animacijasjunakom-desno-sira {width:62% !important; float:left !important; padding-top:15px;}
}


@media (min-width: 1800px) {
    .hosting-image {padding-left:75px !important; padding-right:75px !important;}
}



@media (max-width: 1200px) and (min-width: 992px) {

    #header.other-css .header-nav-top .btn-outline.btn-lg {padding: .3rem 0.4rem !important;}
    #header.other-css .header-nav-top .btn.btn-lg {font-size: 0.9rem !important;}
    #header.other-css .header-nav-top .hamburguer-btn {width: 15px !important;}
    #header.other-css .header-nav-features {padding-left: 0 !important;}
    #header.other-css .header-nav-top .col-sm-12 {padding-right: 0 !important; padding-left: 0 !important;}
    #header.other-css .header-nav-main nav > ul > li > a {padding: 0.5rem 0.35rem !important;}
    #header.other-css .header-row .header-nav .nav .btn {margin-right: 0 !important; margin-left: 0 !important;}
    #header.other-css .header-nav-features {margin-left: 5px !important;}
    
    .ikonesivapodloga .featured-box .box-content{padding:20px 25px!important;}
    .pricing-table .plan .plan-price .price {display: block !important; width:100% !important; text-align:center !important;}
    .pricing-table .plan .plan-price {display: block !important; width:100% !important; text-align:center !important;}
    .pricing-table .plan .plan-price .block-in-price div {display: block !important; width:100% !important; text-align:center !important; padding-top: 5px !important;}
    .different-style .pricing-table .plan .plan-price {justify-content: initial !important; width:100% !important; text-align:center !important;}
    .main.other-css .pricing-table .plan .plan-price .btn {margin-top:10px !important;}
}



@media (max-width: 1611px) {
    .hostingpaketiContainer .hostingprobni {padding: 27px;}
}



@media (max-width: 1533px) {
    .hostingpaketiContainer .hostingskripte {margin: 0 3px 0 0;}
    .hostingpaketiContainer .ls1 {letter-spacing: 0;}
}



@media (max-width: 1439px) {
    .flip-clock-wrapper ul {width: 39px;}
    .flip-clock-wrapper ul li a div div.inn {font-size: 40px;}
    ol.list.listbodovi li {margin-bottom: 15px;font-size: 19px;}
}



@media (max-width: 1199px) {
    .flip-clock-wrapper ul {width: 32px;}
    .faqnaslov h2 {font-size: 50px !important;}
}



@media (max-width: 991px) {
    /*#header.other-css .header__wrapper-social .header-nav-top:first-child {display: none;}*/
    #header.other-css .header__wrapper-social .header-nav-top {margin-left: 30px;}
    #header.other-css .header__wrapper-social .header-nav-top:last-child ul li a {padding-right: 0;}
    #header.other-css .header-btn-collapse-nav {margin-top: 6px;}
    /*#header.other-css .header-row .header-nav .nav img {transform: translate(0, 92%);}*/
    .kontaktformadesno .form-entry-block {margin-top: 40px;}
    .flipclock-oko {margin-bottom: 30px;}
    
.hosting-image {
    height:auto !important;
    width:100%;
    padding:30px 0 0 0;
    background: #01c5ef;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #0097c1, #01c5ef);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #0097c1, #01c5ef); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.pocetna-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-01-manja.png"); background-size:cover; background-position: top center; background-repeat: no-repeat;}
.hosting-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-hosting-01-manja.png"); background-size:cover; background-position: top center; background-repeat: no-repeat;}
.reference-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-reference-01-manja.png"); background-size:cover; background-position: top center; background-repeat: no-repeat;}
.ssl-podloga {background-image: url("/doc/slike/bg-header-wmd-2024-ssl-01-manja.png"); background-size:cover; background-position: top center; background-repeat: no-repeat;}
.domene-podloga {background-color: transparent; background-image: url("/doc/slike/bg-header-wmd-2024-domene-01.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; margin-top:-60px; padding-top:60px;}
.kontakt-podloga {background-color: transparent; background-image: url("/doc/slike/bg-header-wmd-2024-kontakt-01.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; margin-top:-60px; padding-top:60px;}
.bodovi-podloga {background-color: transparent; background-image: url("/doc/slike/bg-header-wmd-2024-hvala-01-manja.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 50% 0%; margin-top:-60px; padding-top:60px; background-size: 100% !important;}

    #header.other-css .header-btn-collapse-nav {background: #f54626 !important; border-radius: 0 !important;}
    #header.other-css .header-nav-main {background: #f1f5fd;}
    #header.other-css .header-nav-main nav > ul li {border-bottom: 1px solid #dcdfe5;}
    #header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {color: #000; padding: 10px 8px 0 8px !important;}
    #header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:focus,
    #header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:hover {color: #f54626;}
    #header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {background: #f54626;}
    #header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
    #header.other-css .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {background: #fc2700;}
    #header.other-css .header-nav-features {padding-left: 0 !important;}

    .other-css .heading.heading-middle-border-center h2,
    .other-css .heading.heading-middle-border-center h3,
    .other-css .heading.heading-middle-border-center h4,
    .other-css .heading.heading-middle-border-center h5,
    .other-css .heading.heading-middle-border-center h6 {width: 100% !important;}

    .animacijasjunakom-lijevo {width:100% !important; float:none !important;}
    .animacijasjunakom-lijevo .animation-block {position:relative !important; top:20px !important; margin:0 auto !important;}
    .animacijasjunakom-lijevo img {position:relative !important; float:none !important; margin:0 auto !important;}
    .animacijasjunakom-desno {width:100% !important; float:none !important;}
    .animacijasjunakom-desno .ikonesivapodloga .featured-box .box-content {min-height: auto !important; height: auto !important; overflow: visible !important;}
    .animacijasjunakom-desno .ikonesivapodloga .featured-boxes-style-8 .featured-box .icon-featured {margin: -15px 20px 0 0 !important;}
	
	.animacijasjunakom-lijevo-sira {width:100% !important; float:none !important;}
    .animacijasjunakom-lijevo-sira .animation-block {position:relative !important; top:20px !important; margin:0 auto !important;}
    .animacijasjunakom-lijevo-sira img {position:relative !important; float:none !important; margin:0 auto !important;}
    .animacijasjunakom-desno-sira {width:100% !important; float:none !important;}
    .animacijasjunakom-desno-sira .ikonesivapodloga .featured-box .box-content {min-height: auto !important; height: auto !important; overflow: visible !important;}
    .animacijasjunakom-desno-sira .ikonesivapodloga .featured-boxes-style-8 .featured-box .icon-featured {margin: -15px 20px 0 0 !important;}
	
    .spannovired span::after {content: normal !important; white-space: normal !important;}

    .animacija img {margin-bottom:30px !important;}

    .podlogamapa h3, .podlogamapa h4 {font-size: 36px !important;}
    .faqnaslov h2 {font-size: 36px !important;}
    .faqnaslov h1 {font-size: 36px !important;}
    .faqnaslovmalomanjimob h2 {font-size: 32px !important;}
    .faqnaslovmalomanjimob h1 {font-size: 32px !important;}

    .faqnaslov h2, .faqnaslov h2 span,
    .faqnaslovmalomanjimob h2, .faqnaslovmalomanjimob h2 span,
    .faqnaslovmalomanjimob h1, .faqnaslovmalomanjimob h1 span {white-space: normal !important;}
    .faqnaslov img {width:auto !important; max-width:100% !important; height:auto !important;}

    .nasikorisnici .content {padding: 20px 25px !important; height: auto !important; overflow: visible !important;}
    .nasikorisnici h4 {font-size: 24px !important; margin-bottom: 10px !important;}

    #footer h5 {margin-bottom: 5px !important;}
    #footer .mt-4 .py-5 {padding-top: 0 !important;}

    .tabzaobljeniborder .tabs.tabs-simple .nav-tabs > li .nav-link > p {font-size: 30px !important;}
    .main.other-css .pricing-block ul.list.list-icons li {padding: 8px 0 !important;}
    html .boxikone-hosting1 .featured-box-primary .box-content {min-height: auto !important; height: auto !important; overflow: visible !important;}
    html .boxikone-hosting1 .featured-box .p-5 {padding:20px 25px !important;}
    .ikone-domeneboxpocetna .featured-box .box-content {min-height: auto !important; height: auto !important; overflow: visible !important;}
    .ikone-domeneboxpocetna .featured-box .p-5 {padding:20px 25px !important;}
    .ikonesivapodloga .featured-box .box-content {min-height: auto !important; height: auto !important; overflow: visible !important;}
    .ikonesivapodloga .featured-box .p-5 {padding:20px 25px !important;}
    .different-style ul li i {padding-left: 0 !important;}

    .pricing-table .plan .plan-price .price {display: block !important; width:100% !important; text-align:center !important;}
    .pricing-table .plan .plan-price {display: block !important; width:100% !important; text-align:center !important;}
    .pricing-table .plan .plan-price .block-in-price div {display: block !important; width:100% !important; text-align:center !important; padding-top: 5px !important;}
    .different-style .pricing-table .plan .plan-price {justify-content: initial !important; width:100% !important; text-align:center !important;}
    .main.other-css .pricing-table .plan .plan-price .btn {margin-top:10px !important;}

    .slikapodlogamapa {width: 100% !important; max-width: 100% !important;}
    .main.other-css .carousel-default .header-lists {margin-bottom: 0 !important;}
    .domenekategorije {margin-bottom: -30px !important;}
    .animacijasjunakom-desno .container-xl.ikonesivapodloga {padding-right: 0 !important; padding-left: 0 !important;}

    section.section {padding-bottom: 45px !important;}

    .domenebox-pocetna {padding-top: 45px !important;}
    .domenebox-pocetna .heading.heading-border {margin-bottom: 0 !important;}
    .domenebox-pocetna #domains-store form.form {margin-bottom: 30px !important;}

    .hostingpaketiContainer .hostingprobni h2 {font-size: 24px !important;}
    .hostingpaketiContainer .hostingprobni {height:240px !important; overflow:hidden !important;}

    .main.other-css #domains-store button.btn-primary2 {font-size: 14px !important;}

    .table, .shop_table, .cart, .domains-card {overflow: auto !important;}
    #domains-store .featured-box .box-content {overflow: auto !important;}
    .domenebox-pocetna .toggle-content {overflow: auto !important;}

    .page-header-gradientcrni {margin-bottom: 15px !important;}

    .text-huge {font-size: 1.4em !important; line-height:1.2em !important;}

    button#mdp-readabler-trigger-button {background: #7ed51c !important;}
    button:hover#mdp-readabler-trigger-button {background: #fff !important; color: #7ed51c !important;}
    button:focus#mdp-readabler-trigger-button {background: #fff !important; color: #7ed51c !important; box-shadow: #7ed51c !important;}

    .logotipihosting .header-lists {padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
    .py-4.logotipihosting {padding-top:0 !important;}

    .kontakttraka h1, .kontakttraka h2, .kontakttraka h3, .kontakttraka h4 {font-size: 40px !important;}

}



@media (max-width: 768px) {
    .pricing-block.plan-featured::before {margin-top: 0 !important;}
    body{overflow:hidden;}
    .iskustvanavodnici .article-load {
        margin-bottom: 00px !important;
    }
    h3{ line-height: 1.1em;}
    .button-tag{
        .col-sm-12{
            display:block!important;
            a{
                width:100%;
                margin-left:0!important;
            }
        }
    }
    .kontakttraka .image{
        width:100%!important;
        display:block;
        img{

            max-width: 100%;
            max-height: 100%;
            width: auto;
            height: auto;
        }
    }
    .mobile-text h3{line-height: 41px; padding-bottom: 120px!important;}
    .hosting-title-top{
        margin-top:68px!important;
    }
    .hosting-bottom{
        padding-bottom: 40px !important;
    }
    #header.other-css .header__wrapper-social .header-nav-top {margin-left: 0;}
    #header.other-css .header-row .header-nav .header-nav-top {padding-left: 0;}
    .main.other-css .hostingpaketiContainer .hostingskripte {font-family: Oswald,'Open sans',Sans-serif;font-weight: 600;text-align: center;float: none;margin: 0;}
    .hostingpaketiContainer .hostingskripte img {float: none;display: block;margin: auto;}
    .hostingskripte span {margin-right: 10px;float: none;}
    .main.other-css .oko-hostingprobni {margin: 0;}
    .main.other-css .oko-hostingprobni a {float: none;display: inline-block;margin: 20px 0;}
    .main.other-css #domains-store input[name="domain"], .main.other-css #domains-store input.btn-primary {font-size: 1rem;}
    .righttoleft {text-align: left;}

    .faqnaslovmalomanjimob h2 {font-size: 28px !important;}
    .faqnaslovmalomanjimob h1 {font-size: 28px !important;}

    .page-header-gradientcrni .left .breadcrumb {text-align: left !important;}
    .padding15ldmobile {padding-left:15px !important; padding-right:15px !important;}

}



@media (max-width: 600px) {
    /* domene i hosting START */
    .hostingpaketiContainer .hostingskripte {font-size: 30px;}
    .blockclear {line-height: 42px;}
    .hostingpaketiContainer .hostingskripte.pull-left, .hostingpaketiContainer .hostingskripte span {text-align: center;float: none;width: 100%;}
    .hostingpaketiContainer .hostingskripte .pull-right {float: none;display: block;text-align: center;margin: auto;}
    /* domene i hosting END */
    #header.other-css .header-nav-top {display: block;}
    /* CSS to hide specific elements in portrait mode */
    #header.other-css .header-nav-top .hamburguer-btn {
        position: relative; /* Ensure the element is positioned */
    }

    .header-nav-features-search-show-icon {
        position: relative; /* Ensure the element is positioned */
    }

    @media screen and (orientation: portrait) {
        /* Hide the element with class 'button-tag' */
        .desktopAndMobileClass .header-nav-top .button-tag {
            display: none;
        }

        /* Hide the element with class 'livechat_button' */
        .desktopAndMobileClass .header-nav-top .livechat_button {
            display: none;
        }
    }
    #revolutionSlider_forcefullwidth {margin-bottom:-15px !important;}

    .kontakttraka .kontakttraka h2 {margin-top:-40px !important;}
}


@media (max-width: 575px) {
    #header .header-nav-features {margin-left: 5px !important;}
}


@media (max-width: 486px) {
    .hostingpaketiContainer .hostingskripte .pull-right {max-width: 100%;height: auto;}
    .hostingpaketiContainer .hostingskripte {font-size: 26px;}
    .blockclear {line-height: 37px;}
    .hostingskripte span {margin-right: 5px;}
}