/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 6, 2019, 2:40:36 PM
    Author     : nikola
*/
@media screen and (max-width: 1480px){
    .navbar-brand span {
        display: none;
    }
}

@media screen and (max-width: 1300px){
    
    .navbar-default .navbar-nav>li>a{
        max-width: 100px;
    }
    .headerImage{
        width:50vw;
        
    }
    #landing-news{
        padding-top: 150px!Important;
        padding-bottom: 10%!Important;
    }
}

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

    .navbar-default .navbar-nav>li>a{
        max-width: 250px;
    }
    .navbar-right {
        transition: .3s;
        margin-top: -10px;
    }
    .navbar-brand span{
        display: none;
    }
    
    
    .right-side{
        min-height: 100vh!important;
        max-height: 100%;
    }
    #steps-container .flex-height{
        min-height: 100vh;
    }
    #steps-container{
        padding:0px!important;
    }
    #CardEffect.padding1{
        padding-bottom:0px!important;
    }
}

@media screen and (max-width: 1270px){
    /* .navbar .nav > li > a, .mega-menu a{
        font-size: 12px;
    } */

    .navbarTitle {
        margin-right: 0px !important;
    }
    .subpagesMobileBackground{
        padding-bottom:50px!important;
    }
    .iconeDescription{
        padding-left:0px;
    }
    .containerPadding{
        padding-bottom:70px!important;
    }


}

@media screen and (max-width: 1200px){
    /* .footer{
        text-align: center;
    } */
    .productPrice{
        margin-top:15px;
    }
    .card .image img{
        max-width: 90%;
    }
    #landing-news{
        padding-top: 100px!Important;
        padding-bottom: 7%!Important;
    }
}

@media screen and (max-width: 1150px){
    /* .navbar {
        display: none;
    } */

    .navbar-brand img {
        width: auto;
        height: 80px;
    }

    .main-menu {
        display: none;
    }

    .navbar-header .shop-btn {
        height: auto;
        padding: 10px;
    }
    
    .navbar-header .mobile-menu-toggle {
        display: flex !important;
        background: none;
    }

    .navbar-header .shop-btn span {
        display: none;
    }
    
    .navbar-header .shop-btn svg {
        display: block;
    }

    .main-menu.opened {
        display: block;
    }

    .main-menu .nav {
        position: absolute;
        right: 0;
        top: 100px;
        width: 100%;
        max-width: 480px;
        flex-direction: column;
        align-items: start;
        padding: 15px;
        border-radius: var(--border-radius-m);
        background: var(--color-white);
    }

    .main-menu .nav::before {
        content: "";
        position: absolute;
        top: -9px;
        right: 27px;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--color-white);
        z-index: 100001;
    }

    .main-menu .nav-link {
        color: var(--color-black);
        font-weight: 700;
        text-align: start;
        padding: 7.5px 15px;
    }

    .main-menu .nav-link.dropdown-toggle::after {
        display: none;
    }
    
    .main-menu .nav-link::before,
    .main-menu .dropdown.open > .nav-link.dropdown-toggle::before {
        position: static;
        display: inline-block;
        content: "▼";
        font-size: 11.25px;
        margin-right: 7px;
        margin-left: 0;
        border: none;
        color: var(--color-white);
    }

    .main-menu .nav-link.dropdown-toggle::before {
        color: var(--color-gold);
    }

    .main-menu .dropdown.open > .nav-link.dropdown-toggle::before {
        transform: rotate(180deg);
        color: var(--color-black);
    }

    .main-menu .dropdown-backdrop {
        display: none;
    }

    .main-menu .dropdown-menu {
        position: static;
        box-shadow: none;
    }

    .nav .dropdown-menu .parts {
        flex-direction: column;
        gap: 10px;
    }

    .nav .dropdown-menu .nav-link:first-child {
        font-weight: 700;
        padding: 7.5px 15px;
    }

    .nav .dropdown-menu .nav-link {
        font-weight: 400;
        padding: 3px 15px;
    }

    .nav .dropdown-menu .content-part {
        border-radius: var(--border-radius-m);
    }

    .nav .dropdown-menu .content-part > div {
        width: auto;
    }

    .nav .dropdown-menu .links-part {
        padding: 0;
        margin-left: 10px;
        gap: 0;
    }

    .slicknav_menu{
        display: block;
        background: #565656;
        margin-top: 25px;
    }
    .landing2{
        padding-top: 40px;
    }
    
    .nav-top{
        position: absolute;
        top: 0;
        width: 100%;
    }

    .slicknav_brand{
        padding: 5px 11px;
        margin-bottom: 20px;
    }

    .slicknav_brand img{
/*        width: 150px;
        margin-left: -10px;*/
        width: 86px;
        height: 56px;   
    }

    .advantages-section .col-md-12 {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .footer-main .footer-bg-image {
        margin: -40px;
    }

    .topNavigation {
        right: 55px;
        top: 15px;
    }

    .slicknav_btn{
        margin: 20px 5px 6px;
        background-color: #555555;
        cursor: pointer;
    }

    .slicknav_nav a:hover{
        background: #757471;
        color: #fff;
    }

    .slicknav_nav a{
        text-align: center;
        text-transform: uppercase;
        color:black;
        color: #d7bba3;
    }

    .singleServiceMobile{
        font-size: 20px;
        font-weight: 500;
        color: #373434;
        text-transform: uppercase;
        transition: .3s;
        background-color: #edeef5;
        padding: 30px;
        margin-top: 10px;
        text-align: center;
    }

    .sidebar{
        display: none;
    }


    .sidebar-mobile{
        display: block;
        background-color: #edeef5;
        padding: 30px;
        margin-top: 40px;
    }

    .sidebar-mobile .single{
        font-size: 15px;
        font-weight: 500;
        color: #373434;
        margin-bottom: 10px;
        text-transform: uppercase;
        transition: .3s;
    }

    .sidebar-mobile .single.active{
        /*border-bottom: 2px solid red; */
        border-bottom: 5px solid #e96d6e;
    }

    .sidebarTitle{
        margin-top: 50px;
    }


    .stepBack{
        display: none;
    }

    .stepBackMobile{
        display: inline-block;
    }
    
    .subpageContainerSidebar {
        padding-top: 30px;
    }
    .container-fluid{
        padding-top:0px!important;
    }    
    .landingTitle{
        margin-top:20px!important;
    }
    .alignClass{
        padding-bottom:20px;
    }
    .subpagesTitle{
        margin-top:0px!important;
    }
    #productImageSingle{
        top:94px;
    }
    .productBackground{
        background: linear-gradient(to bottom, #f2f1ed 55%, #fff 50%);
    }
    .mobileHidden{
        display:none;
    }
    .cartOuterBackground, .cartOuterBackgroundStep1, .cartOuterBackgroundStep2{
        margin-top:0px!Important;
    }
    .mobileProductImage{
        display:block!Important;
        padding-bottom:20px;
    }
    .mobileProductImage img{
        display: inline-block;
    }
    .singleProductImage{
        display:none!Important;
    }
    .breadcrumbs{
        padding-top:0px;
    }
    
    
    #landingCenterLine{
        margin-top:40px;padding-bottom:100px;
    }
    #categories-container .col-md-9{
        margin-top: 0px;padding-bottom:20px;
    }
    #single-categories-container .container{
        margin-top:0px;padding-bottom:20px;
    }
    #single-product-container{
        margin-top:20px;
    }
    
    .absolute-wrapper{
        display:none;
        position:relative;
    }
    
    #landing-slider .title-wrapper, #gold-main .title-wrapper, #silver-main .title-wrapper, #savings-main .title-wrapper, #about-us-main .title-wrapper{
        margin-top: 30px;
    }
    #landing-slider .image-wrapper{
        margin-top: 130px;
    }
    #subpage .title-wrapper{
        margin-top: 50px;
    }
    .shop-container{
        margin-bottom:0px;
    }
    
    
    #steps-container .offer-container{
        padding: 15px!important;
    }
    #steps-container .left-side, #steps-container .left-side-mobile {
        padding-left: 50px!important;
        padding-right: 50px!important;
    }
    #steps-container .right-side{
        padding-left: 60px!important;
        padding-right: 40px!important;
    }
    .loginBackground{
        display: none;
        height:100%;
    }
    .mTop200{
        margin-top:0px!important;
    }
    .mTop200 img{
        margin-top:70px!important;
    }
    #landing-news{
        padding-top: 60px!Important;
        padding-bottom: 100px!Important;
    }

    /* .shop-header-container {
        padding-top: 40px;
    } */

    .page-title-wrapper {
        margin-top: 0;
    }

    .filters-container {
        margin-bottom: 30px;
    }

    .subscribe-input-wrapper .shop-form-control {
        padding-inline: 0;
    }
    


    .card .price-and-actions div.price {
        font-size: 14px;
    }

    .card .price-and-actions div.actions div {
        padding: 16px 17px;
    }

    .card .price-and-actions .actions svg {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 991px){
    .profile-status h1 {
        font-size: 20px;
    }
    .profile-welcome, .profile-status {
        padding: 20px 10px 30px 10px;
    }
    .btn-upn {
        bottom: -15px !important;
    }
    .no-money-card {
        width: 100%;
    }
    .tab-pane .col-md-12 {
        overflow: auto;
    }
    .title-action {
        top: -20px;
    }
    #landing-slider .image-wrapper, #gold-main .image-wrapper, #silver-main .image-wrapper, #savings-main .image-wrapper, #about-us-main .image-wrapper{
        margin:0px;
        margin-top:40px;
        padding-bottom:30px!Important;
    }
    #landing-slider .image-wrapper img, #gold-main .image-wrapper img, #silver-main .image-wrapper img, #savings-main .image-wrapper img, #about-us-main .image-wrapper img{
        margin:0 auto;
        max-width:350px;
    }
    .subpagesSubtitle{
        padding-top:0px;
    }
    .subpagesMobileBackground{
        background: #f2f1ed;
    }
    .headerImage{
        position:relative!important;
        top: 30px!important;
        width: 100%;
    }
    .subHeaderImage{
        top: 0px!important;
    }
    .secondLandingImage{
        margin-top:0px!important;
    }
    .mobilePadding{
        padding-bottom:60px!important;
    }
    .subpagesTitle{
        margin-top:0px;
        font-size:28px;
    }
    #productImageSingle{
        top: 94px!important;
        position:absolute!important;
    }
    .quantity-down{
        width: 20px;
    }
    .quantity-up{
        width: 20px;
    }
    .quantityInput{
        width: 30px;
    }
    .cardsBox img{
        display: block;
        margin: 0 auto;
        margin-right: auto!important;
        margin-top:10px;
    }
    #shippingDescription{
        text-align: center;
    }
    .betterAlign{
        margin-top:25px;
        padding-bottom:25px;
    }
    .cartOverViewTitle{
        text-align: center;
    }
    .reservationsOuterBackground{
        background: none;
    }
    #reservationsInnerStep2{
        background: linear-gradient(180deg, white 100%, #5f5d65 33.33333333%)!Important;
    }
    #reservationsInnerStep3{
        background:  linear-gradient(180deg, white 100%, #5f5d65 33.33333333%)!Important;
    }
    #reservationsInnerStep4{
        background:  linear-gradient(180deg, white 100%, #5f5d65 33.33333333%)!Important;
    }
    .cartOuterBackgroundStep1{
        background: none;
    }
    .cartOuterBackgroundStep2{
        background: none;
    }
    .betterAlign{
        background: #555555;
    }
    .subpagesTitleLess{
        text-align:center;
    }
    .containerPadding{
        padding-bottom:50px!important;
    }
    .timeGrid{
        padding-bottom:30px!Important;
    }
    .step-summary-container{
        padding-top:0px;
        padding-left:20px;
    }
    .reservationStepTitle{
        font-size:31px!important;
    }
    .datepicker-inline .datepicker{
        padding-top: 30px!important;
    }
    #buttonPadding{
        margin-bottom:30px;
    }
    .landingThirdTitle{
        margin-top:50px;
    }

    
    .footer .col-md-3{
        margin-bottom:30px;
    }
    #category-container{
        padding-bottom: 30px;
    }
    #category-container .landingOnlyText{
        margin-top: 70px;
    }
    #category-container .landingCategoryTextBox{
        font-size:13px;
        margin-bottom:30px;
    }
    #landingCenterLine .landingHeaderTitle{
        margin-top: 0px;
    }
    #landingCenterLine{
        padding-bottom: 60px;
    }
    #landingCenterLine:after{
        margin-top:20px;
        height:70px;
    }
    #single-categories-container .category-image{
        background-image:none!important;
        padding-top:20px;
    }
    #single-categories-container .category-text-section{
        position:relative;
        top:0px;
        width:auto;
    }
    #single-product-container .product-flower{
        display:none;
    }
    #single-product-container .row{
        position:relative!Important;
        bottom:0px!Important;
    }
    #single-product-container .productPrice{
        padding-bottom: 0px;
    }
    .desktop-section{
        display:none;
    }
    .mobile-section{
        display:block;
    }

    .mobile-class {
        display: block;
    }

    .productGalleryCard{
        height:auto!Important;
        padding-bottom:60px;
    }
    #landing-introduction .col-md-11{
        text-align: center;
    }
    #landing-introduction img{
        margin-bottom: 20px;
    }
    #about-us-main .description{
        padding-bottom:30px;
    }
    #about-us-text .content-wrapper{
        margin-top: 40px;
    }
    .footer ul{ 
        margin-bottom: 30px;
    }
    .footer-img{
        padding-bottom: 50px;
    }
    #map-content .title-wrapper h3{
        margin-top: 0px;
    }
    .login-wrapper {
        padding-left: 50px;
        padding-right: 50px;
        padding-top: 50px;
    }
    .login-backgroun-img{
        display: none;
    }
    
    
    
    
    #steps-container .left-side, #steps-container .left-side-mobile {
        padding-left: 30px!important;
        padding-right: 30px!important;
    }
    #steps-container .right-side .box img{
        width:25px!important;
    }
    #steps-container .right-side .btn-saving-next{
        width:200px;
    }
    #steps-container .right-side .offer-percent{
        width:100%;
    }
    .add-representative-container, .add-owner-container{
        padding-bottom:80px!Important;
    }
    .question-container.no-border{
        border:none;
    }
    .question-container.no-border{
        margin-top:0px!important;
        padding-top: 10px!important;
        padding-bottom:10px;
    }
}

@media screen and (max-width: 1000px){
    #steps-container .left-side .logo{
        width:100px;
    }
    #Step1Title{
        padding-top:80px!Important;
    }
    #Step6Title{
        padding-top:80px!Important;
    }
    #steps-container .right-side h1{
        font-size: 35px!important;
    }
    .container-padding-1{
        padding-bottom: 30px!Important;
    }
    .toggle{
        margin-left:-10px;
        margin-top:10px;
    }
}

@media screen and (max-width: 767px){
    .landingTitle{
        font-size:35px;
    }
    .mobilePadding{
        padding-top:0px;
    }
    .proccessDisplayWrapper{
        padding-bottom:0px!important;
    }
    .subpageHeader .breadcrumbs{
        font-size: 8px;
    }
    .subpageHeader{
        height: 150px;
    }
    
    .subpageHeader .breadcrumbs{
        margin-top: 120px;
    }
    
    .btn-header{
        width: 100%!important;
    }

    .footerLogo {
        max-width: 90%;
    }
    
    .footerText{
        font-size: 13px;
    }
    
    /* .footer{
        padding-bottom: 20px;
    } */

    .advantages-section .col-md-12 {
        justify-content: center;
    }

    .footer-main {
        padding-bottom: 30px;
    }

    .footer-main .footer-logo {
        height: 60px;
    }

    .footer-main .footer-bg-image {
        margin: -20px;
    }

    .footer-main .footer-info-container {
        flex-direction: column;
        gap: 40px;
    }

    .productCard{
        margin-top:20px;
    }
    .absoluteContainer{
        width: calc(46% - 30px);
    }
    .footerImages img{
        margin-bottom:20px;
    }
    .cardsBox img{
        display: inline-block;
    }
    .cardsBox{
        margin-top:0px!important;
    }
    .step-summary-container{
        padding-top:10px!important;
    }
    .btn-next{
        width:100%!important;
    }
    
    .step-summary-container{
        margin-top:20px!important;
    }
    .cartOuterBackground{
        background: none;
    }
    .landing1{
        padding-top:50px!important;
    }
    .mobileCenter img{
        display: block;
        margin: 0 auto;
    }
    .mobileCenter{
        text-align: center;
    }
    .subpagesTitleLess{
        font-size:25px;
    }
    .timeGrid{
        padding-bottom:0px!Important;
    }
    .landing2{
        padding-bottom: 0px;
    }
    /* .footer{
        padding-bottom: 40px;
        padding-top: 60px;
    } */
    .footerLogo{
        padding-bottom:20px;
    }
    .productCard{
        margin-bottom: 20px;
        margin-top:0px;
    }
    .subpagesSubtitle{
        font-size:15px;
    }
    #criteryBreadcrumb span{
        display:inline-block;
    }
    
    .product-wrapper{
        margin-bottom:30px;
    }
    .btn-product{
        width:110%;
    }
    .betterAlign1{
        background: #555555;
    }
    .productGalleryCard{
        padding-bottom:20px;
        padding-inline: 0;
    }

    .products-header {
        flex-direction: column;
        align-items: start;
        font-size: 10px;
        gap: 10px
    }

    .products-control-container .bold {
        font-size: 12px;
        font-weight: 700;
    }
    

    .product-actions {
        flex-direction: column;
    }

    .quantity-product input[type=number] {
        width: 100%;
    }
    
    .lines{
        display:none;
    }
    
    #landing-products .card, #related-products .card{
        width:100%!Important;
    }
    .nav-top .login{
        display: none;
    }
    .nav-top{
        padding-left: 10px;
    }
    .nav-top .category{
        margin-left: 20px;
    }
    #landing-description p{
        padding-left: 10px;
        padding-right: 10px;
    }
    #landing-description .title-wrapper {
        padding-left: 10px;
    }
    .slick-dots{
        bottom:0px;
    }
    
    
    #steps-container .flex-height{
        display: block!important;
    }
    #steps-container .flex-height{
        display: block!important;
    }
    #steps-container .left-side{
        display:none;
    }
    #steps-container .left-side-mobile{
        display:block;
    }
    #steps-container .left-side .logo, #steps-container .left-side-mobile .logo{
        width:70px;
        margin-top: 18px!important;
    }
    #steps-container .right-side h1{
        padding-top:50px!important;
    }
    #steps-container .right-side p{
        font-size:14px!important;
    }
    .previous-questionnaire,.next-questionnaire{
        width:20px;
    }
    #steps-container .right-side h1{
        font-size: 30px!important;
    }
    .price-align{
        float:left!important;
    }
    .price-align .like{
        margin-left:1px;
    }
    .demand-modal{
        top:1vh;
    }
    #single-product-container .title-wrapper h2, #single-product-container .title-wrapper h1{
        font-size:30px;
    }

    .container {
        width: 100%;
    }

    .shop-search-container .col-md-12,
    .subscribe-section .col-md-12 {
        flex-direction: column;
        gap: 10px;
    }

    .shop-search-container .search-wrapper {
        width: 100%;
    }

    .shop-search-container .btns-wrapper {
        margin-left: unset;
    }

    .subscribe-input-wrapper {
        flex-direction: column;
        width: 100%;
    }

    .subscribe-input-wrapper .shop-btn {
        width: 100%;
    }

    .shop-content, .product-content {
        margin-top: 0;
    }


    .product-actions .shop-btn {
        height: 40px;
    }

    #related-products {
        margin-top: 40px;
    }


    #cd-cart {
        width: 90%;
        top: 45rem;
    }

    .sidebar-title-container h3 {
        font-size: 24px;
    }

    .sidebar-title-container p {
        font-size: 12px;
    }

    #cd-cart .cd-cart-items {
        padding: 22px 27px 37px 34px;
    }

    .cart-product-container {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }

    .cart-product-container .quantity-product input[type=number] {
        width: 60px;
        padding-left: 12px;
    }

    .cart-promocode-container {
        flex-direction: column;
        gap: 10px;
        padding-bottom: 40px !important;
    }

    .cart-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
}
@media screen and (max-width: 590px){
    #steps-container .left-side-mobile .step-number-container .title{
        display:none!Important;
    }
    #steps-container .left-side .step-number-container, #steps-container .left-side-mobile .step-number-container{
        margin-top:45px!important;
    }
}
@media screen and (max-width: 570px){
    #representativeModal .modal-wrapper{
        margin-bottom:5vh!important;
    }
    .absoluteContainer{
        width: calc(70% - 20px);
    }
    .lineBreakMobile{
        display:inline!Important;
    }
    .orderTitle{
        float:left;
    }
    .modal-wrapper {
        left: 0%;
        width: 100%;
        margin-left: 0em;
    }
    .loginCard {
        width: 100%;
    }
    
    .landingHeaderTitle{
        font-size: 35px;
    }
    #criteryBreadcrumb span{
        margin-right: 0px;
        text-align: left;
    }
    
    #steps-container .left-side, #steps-container .left-side-mobile{
        padding-left:20px!Important;
    }
    .question-container{
        margin-top:20px!important;
        padding-top: 10px!important;
    }
    .guestion-input .form-group{
        margin-bottom: 0px!important;
    }
    .criteryBreadcrumb, 
    .criteryBreadcrumb a,
    .criteryBreadcrumb .gold {
        font-size:10px !important;
    }
}
@media screen and (max-width: 470px){
    #steps-container .left-side .logo, #steps-container .left-side-mobile .logo{
        width:40px;
        margin-top:30px!important;
    }
    #steps-container .right-side{
        padding-left: 40px!important;
        padding-right: 40px!important;
    }
}
@media screen and (max-width: 403px){
    #landingCenterLine .image-container{
        background-size: contain;
    }
}