/*
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-default{
        display: none;
    }

    .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: 49px;
        height: 56px;   
    }

    .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;
    }


}

@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;
    }
    .summaryContainer{
        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;
    }
    .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;
    }
    .productCard{
        margin-top:20px;
    }
    .absoluteContainer{
        width: calc(46% - 30px);
    }
    .footerImages img{
        margin-bottom:20px;
    }
    .cardsBox img{
        display: inline-block;
    }
    .cardsBox{
        margin-top:0px!important;
    }
    .summaryContainer{
        padding-top:10px!important;
    }
    .btn-next{
        width:100%!important;
    }
    
    .summaryContainer{
        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;
    }
    #Quantity-product{
        
        margin-bottom:20px;
    }
    .btn-product{
        width:110%;
    }
    .betterAlign1{
        background: #555555;
    }
    .productGalleryCard{
        padding-bottom:20px;
    }
    
    .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;
    }
}
@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{
        font-size:10px;
    }
}
@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;
    }
}