/* 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 : Oct 3, 2020, 9:22:30 AM Author : gasper */ @media (max-width: 1210px) { .main-navbar .nav>li>a{ margin-right: 30px; } } @media (max-width: 1200px) { .main-navbar .nav>li>a{ margin-right: 15px; } .calculator .calculatorCard img{ left: 150px; } .topNav{ font-size: 9px; text-align: center; } .topNav span{ margin-right: 15px; } .main-navbar .nav>li:last-child>a{ margin-left: 30px; } .forYou .active1, .forYou .notActive1{ left: 588px; } .forYou .activeBox1{ left: 610px; } .forYou .activeBox1Border{ left: 602px; } .forYou .active2, .forYou .notActive2{ top: 180px; left: 650px; } .forYou .activeBox2Border{ width: 110px; top: 194px; left: 678px; } .forYou .activeBox2{ top: 180px; left: 800px; } .forYou .active3, .forYou .notActive3{ left: 605px; } .forYou .activeBox3Border{ width: 120px; top: 274px; left: 630px; } .forYou .activeBox3{ left: 765px; } .forYou .active4, .forYou .notActive4{ top: 300px; left: 540px; } .forYou .activeBox4Border{ width: 170px; top: 317px; left: 568px; } .forYou .activeBox4{ top: 300px; left: 750px; } .forYou .active5, .forYou .notActive5{ top: 300px; left: 370px; } .forYou .activeBox5{ top: 300px; left: 70px; } .forYou .activeBox5Border{ width: 239px; top: 315px; left: 132px; } .searchContainer{ right: 110px; } } @media (max-width: 1050px) { .topNav{ font-size: 8px; padding-top: 11px; } .topNav span{ margin-right: 10px; } .main-navbar .nav>li>a{ margin-right: 5px; } .main-navbar .nav>li:last-child>a{ margin-left: 20px; } .header .headerCard .cardImage{ height: 280px; } .calculator .calculatorCard img{ left: 160px; } .configuratorImg img{ max-width: 70%; } .newsPage .newsImage{ height: 194px; max-height: 194px; } .subpageHeader{ height: 40vh; } .subpageHeader h1{ padding-top: 24vh; } .addTocartCTA{ font-size: 11px; } #cd-cart .cd-cart-total a{ padding-left: 88px; padding-right: 88px; font-size: 11px; } .numberInCart{ line-height: 16px; } .searchContainer { right: 90px; } } @media (max-width: 991px) { .navbar.main-navbar.pageNav{ background-color: #447551; } .searchContainer { right: 145px;; margin-top: 85px; } .navbar.main-navbar.pageNav .nav>li>a{ color: #ffffff; } .navbar.main-navbar{ margin-left: -15px; } .showSearchInputMobile{ display: block; position: absolute; top: 28px; right: 150px; } .showSearchInputBox{ display: none!important; } .main-navbar .nav>li>a{ margin-right: 0px; } .navbar.main-navbar.navbar-shrink{ background-color: #447551; } .navbar-header { float: none; } .navbar-left,.navbar-right { float: none !important; } .navbar-toggle { display: block; margin: 0px; padding: 0px; padding-top: 30px; padding-right: 20px; } .navbar-collapse { box-shadow: none; border-top: none; } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin-top: 7.5px; background-color: #447551; } .navbar-nav>li { float: none; } .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ padding-bottom: 20px; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .collapse.in{ display:block !important; } .navbar-toggle .icon-bar{ background-color: #ffffff; } .shopCartMobile img{ width: 30px; } .header .headerCard .cardText h5{ font-size: 15px; } .header .headerCard .cardText img{ right: 22px; bottom: 13px; width: 35px; } .calculator .calculatorCard{ margin-bottom: 20px; } .calculator .calculatorCard img{ left: 280px; } .shopCartMobile { display: block; position: absolute; right: 90px; margin-top: 25px; } .topNav{ font-size: 9px; } .topNav span{ margin-right: 12px; } .numberInCart{ padding-top: 1px; } .newCollection .content { padding: 40px; } .pull-left-mobile{ float: none; } .breadCrumbs{ margin-bottom: 20px; } .promocode-data { margin-top: 10px; margin-bottom: 30px; } .customPageBody{ padding: 0px; padding-top: 40px; padding-bottom: 40px; } .main-navbar .nav>li>a{ text-align: center; font-size: 14px; padding-top: 0px; padding-bottom: 10px; } .shoppingCartNotMobileBox{ display: none !Important; } .tile-gallery__tile { width: 136px; height: 107px; } .tile-gallery__tile--big { width: 282px; height: 225px; } .forYou .active1, .forYou .notActive1{ left: 450px; top: 65px; } .forYou .activeBox1{ left: 475px; } .forYou .activeBox1Border{ left: 465px; top: 34px; } .forYou .active2, .forYou .notActive2{ top: 140px; left: 498px; } .forYou .activeBox2Border{ width: 90px; top: 154px; left: 527px; } .forYou .activeBox2{ top: 140px; left: 630px; } .forYou .active3, .forYou .notActive3{ left: 480px; top: 215px; } .forYou .activeBox3Border{ width: 70px; top: 231px; left: 510px; } .forYou .activeBox3{ left: 590px; top: 216px; } .forYou .active4, .forYou .notActive4{ top: 235px; left: 410px; } .forYou .activeBox4Border{ width: 130px; top: 250px; left: 437px; } .forYou .activeBox4{ top: 235px; left: 580px; } .forYou .active5, .forYou .notActive5{ top: 240px; left: 290px; } .forYou .activeBox5{ top: 240px; left: 10px; } .forYou .activeBox5Border{ width: 220px; top: 255px; left: 72px; } } @media (max-width: 778px){ .searchContainer{ width: 350px; margin-top: 80px; right: 145px; } .searchResultsBox{ max-height: 330px; } .showSearchInputMobile{ right: 150px; } .topNav { font-size: 5px; padding-top: 11px; width: 100%; } .topNav span{ margin-right: 8px; } .navbar.main-navbar{ background-color: #447551; padding-bottom: 15px; } .navbar.main-navbar.navbar-shrink{ margin-top: 30px; } .navbar.main-navbar.pageNav{ background-color: #447551; padding-bottom: 10px; } .navbar.main-navbar.pageNav .nav>li>a{ color: #ffffff; } .main-navbar .nav>li>a{ padding-top: 5px; padding-bottom: 10px; } .navbar-brand>img { display: block; margin-top: 0px; width: 130px; } .header .headerCard .cardImage{ height: 200px; } .header .headerCard{ margin-top: 90px; } .header .headerCard .cardText{ padding-top: 10px; padding-bottom: 10px; } .header .headerCard .cardText h5{ font-size: 15px; line-height: 15px; } .header .headerCard .cardText img{ width: 25px; bottom: 9px; } .header .headerTitle h1{ font-size: 30px; } .board .new h3{ font-size: 20px; } .board .notification h3, .board .suggested h3, .board .notification1 h3, .board .suggested h3, .board .new1 h3, .board .call h3{ font-size: 20px; } .board .sale h3{ font-size: 20px; } .calculator .calculatorCard{ margin-bottom: 20px; } .calculator .calculatorCard img{ left: 285px; top: 140px; } .configuratorImg{ height: 135px; } .sectionTitle h5{ font-size: 30px; } .addToCart{ text-align: center; } .addTocartCTA{ max-width: 50%; } .color .selectColor select{ width: 50%; } .productsContainer{ margin-top: 50px; margin-bottom: 70px; } .productContainer{ margin-top: 50px; margin-bottom: 70px; } .orderTitle{ font-size: 12px; } .orderText{ font-size: 11px; } .productInfo .shortDescription{ margin-bottom: 20px; } .productInfo .manufacturerImage{ font-size: 13px; } .productCard .imgBox { position: relative; width: 100%; height: 150px; text-align: center; } .noProductImage{ margin-bottom: 10px; } .productCard .imgBox img.noImage { height: 100px; } .productCard .contentBox .colorBox .text{ font-size: 9px; } .videoContainer video { width: 100%; height: 260px; } .newCollection{ height: auto; } .newCollection .left { width: 100%; display: inline-block; } .newCollection .right { width: 100%; background-position: center; background-size: cover; height: 100%; display: inline-block; float: none; height: 300px; } .newCollectionSecond .left{ height: 300px; } .newCollectionSecond .right{ height: auto; } .footer .title { margin-top: 50px; } .cartOverViewProductImage { height: 45px; background-color: #ffffff; border-radius: 5px; text-align: center; } .cartOverViewProductShort{ font-size: 10px; margin-top: 0; } .customPageHeader img{ width: 130px; } .checkoutBack img{ width: 20px; } .checkoutBack { margin-top: 4px; font-size: 0; } .slider-for .productImage { height: 330px; } .instagramBox { height: 250px; } .secondTitle{ font-size: 30px; margin-bottom: 40px; } .productPrice{ text-align: left; font-size: 25px; } .productContainer .productTitle{ font-size: 25px; margin-bottom: 20px; margin-top: 30px; } .productTitleBox{ margin-bottom: 50px; } .slider-nav .productImageNav{ height: 70px; } .customPageBody .textBody ul li{ display: block; } .customPageBody .textBody ul li a{ width: 100%; margin: 0px; margin-bottom: 10px; } .customPageBody .textBody h1{ font-size: 35px; } .customPageBody .textBody h2{ font-size: 20px; margin-bottom: 30px; } .tile-gallery__tile { width: 136px; height: 107px; } .tile-gallery__tile--big { width: 282px; height: 225px; } .tile-gallery{ overflow-x: scroll; } .subpageHeader h2{ font-size: 30px; } .slick-next { right: -5px; z-index: 100; } .slick-prev { left: -5px; z-index: 100; } .productAdditional ul { margin-top: 23px; } .cartOverViewProductDelete img { width: 15px; float: left; transition: .3s; margin-top: 12px; margin-left: 13px; } .cartOverViewProductPrice{ margin-bottom: 8px; } #cd-cart .cd-cart-total{ bottom: 15px; } .customPageBody { max-width: 100%; overflow-x: hidden !important; } .categoryText{ padding-bottom: 10px; } .categoryImages{ margin-bottom: 50px; } .newsSingleLastTitle2{ line-height: 80px; } .configuratorImg{ max-width: 95%; } } @media (max-width: 767px) { .searchContainer{ width: 100%; margin-top: 95px; right: 0; } .searchContainer input{ background-color: #f5821e90; } .header .headerCard .cardImage{ display: none; } #Header1{ margin-top: 130px; } .header .headerCard{ margin-top: 20px; } .calculator .calculatorCard img{ left: 645px; top: 135px; } .calculator .calculatorCard .text{ text-align: center; padding-left: 0; padding-right: 0; } .footer{ text-align: center; padding-top: 50px; } .footer .title{ margin-top: 30px; font-size: 12px; } .footer .text{ font-size: 12px; } .footer .social{ margin-top: 20px; } .footer .payments img{ margin-left: 0; margin-left: 5px; margin-right: 5px; } .footer .social ul li{ margin-left: 5px; margin-right: 5px; } .shopCartMobile img{ width: 30px; } .categoryText table{ max-width: 100%!important; } .modal-wrapper{ position: absolute; z-index: 9999; top: 10px; left: 0%; width: 100%; margin-left: 0px; background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35); border-radius: 5px; } .btn-close{ font-size: 25px; } .modal-wrapper section{ padding: 10px; } .loginImage{ margin-bottom: 10px; width: 90px; } .form-group{ margin-bottom: 5px; } .form-group label{ font-size: 12px; } .form-input{ min-height: 30px; } .category{ margin-bottom: 30px; } .categoryImage{ height: 250px; margin-top: 20px; } .categoryText h2{ font-size: 24px; } .categoryText p{ font-size: 13px; } .subpageHeader h1{ font-size: 28px; } .singleNewsPage{ padding-top: 50px; padding-bottom: 50px; } .newsSingleLastTitle2{ line-height: 65px; } .newsSingleTitle{ font-size: 24px; } .newsSingleDate { font-size: 11px; } .newsSingleText{ font-size: 14px; word-break: break-word; } .newsTitle{ font-size: 16px; } .newsDate { font-size: 11px; } .newsText{ font-size: 14px; } .contact{ margin-top: 0px; margin-bottom: 30px; } .contactInfo div{ padding-top: 10px; padding-bottom: 20px; } .contactInfo h5{ font-size: 20px; } .contactInfo h6{ font-size: 14px; } .contactInfo p{ font-size: 12px; } .contactTitle{ font-size: 22px; margin-top: 20px; margin-bottom: 15px; } .companyInfo{ margin-top: 20px; } .companyInfo p{ font-size: 14px; } .about-us{ padding-top: 50px; padding-bottom: 40px; font-size: 14px; } .about-us .imageBox{ height: 230px; margin-bottom: 20px; } .about-us .imageBox img{ max-height: 100%; } .map { margin-top: 10px; margin-bottom: 20px; } .critery{ text-align: left; margin-top: 5px; } .orderText{ margin-left: 8px; font-size: 10px; } .productCard .imgBox{ height: 100px; } .productCard .contentBox .producer{ font-size: 11px; } .productCard .contentBox .title{ font-size: 13px; word-break: break-word; } .productCard .contentBox .description{ font-size: 12px; margin-top: 10px; word-break: break-word; } .productCard .discount .text{ margin-top: 10px; font-size: 10px; } .productCard .discount{ height: 30px; width: 30px; } .productCard .priceBox .regularPrice{ font-size: 11px; min-height: 11px; } .productCard .priceBox .price{ font-size: 20px; margin-bottom: 0; } .productCard .priceBox .priceText{ font-size: 10px; margin-bottom: 0; } .productCard .priceBox .addTocart{ margin-top: 5px; margin-bottom: 10px; padding: 5px; } .productCard .priceBox .addTocart img{ height: 20px; } .productContainer{ margin-top: 80px; } .slider-for .productImage{ height: 150px; } .slider-nav .productImageNav{ height: 50px; } .productCard{ margin-bottom: 10px; margin-top: 10px; } .productCard .imgBox img.noImage{ height: 70px; } .productInfo .title{ font-size: 20px; margin-bottom: 10px; margin-top: 5px; } .productInfo .shortDescription{ font-size: 12px; } .productContainer{ margin-bottom: 10px; } .addToCart{ padding: 10px; } .addToCart .price{ font-size: 30px; margin-top: 10px; } .addTocartCTA{ max-width: 70%; font-size: 10px; } .addTocartCTA img{ margin-left: 10px; margin-right: 10%; } .productInfo .document{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .productContainer .delivery{ margin-top: 5px; font-size: 12px; } .longDescription{ margin-top: 20px; font-size: 14px; margin-bottom: 10px; } .longDescription h2{ font-size: 18px; margin-bottom: 15px; } .productSuggested h2{ font-size: 22px; } .productSuggested{ padding-top: 30px; padding-bottom: 40px; } #cd-cart .cd-cart-total a{ padding-left: 43px; padding-right: 43px; } .pageText{ margin-top: 50px; margin-bottom: 50px; font-size: 14px; } .logisticsBody{ padding-top: 50px; padding-bottom: 50px; } .logisticsBody img{ position: relative; right: 0; width: 100%; height: 150px; margin-top: 5px; } .configuratorContainer .mainTitle{ margin-bottom: 30px; } .configuratorContainer .mainTitle h1{ font-size: 24px; } .configuratorContainer p{ font-size: 14px; } .configuratorContainer .circle{ height: 30px; width: 30px; line-height: 1.9; font-size: 16px; margin-right: 5px; } .configurator-group .body{ padding-left: 40px; } .configuratorContainer label{ padding-left: 20px; height: 30px; line-height: 1.8; padding-right: 20px; } .configurator-group .differentRadio .button-container{ margin-top: 110px; } .configurator-group input[type="number"]{ height: 30px; } .configurator-group .onlyNumber{ height: 30px; } .hidden-mobile{ display: none; } .notShow{ display: block; } .categoryText{ font-size: 14px; } .categoryText table{ font-size: 12px!important; width: 100%!important; word-break: break-all; } .serviceImage{ height: 170px; } .serviceImageNav{ height: 65px; margin-right: 0; margin-top: 0; } .serviceImageNav img{ max-width: 75px; } .breadCrumbs{ font-size: 11px; } .faq-section__title2{ font-size: 14px; } .faq-section__content2{ font-size: 13px; } .forYou .active1, .forYou .notActive1{ left: 60%; top: 26%; height: 22px; width: 22px; } .forYou .activeBox1{ left: 50%; top: 0%; } .forYou .activeBox1Border{ display: none!important; } .forYou .active2, .forYou .notActive2{ height: 22px; width: 22px; top: 45%; left: 66%; } .forYou .activeBox2Border{ display: none!important; } .forYou .activeBox2{ left: 50%; top: 0%; } .forYou .active3, .forYou .notActive3{ height: 22px; width: 22px; left: 64%; top: 68%; } .forYou .activeBox3Border{ display: none!important; } .forYou .activeBox3{ left: 45%; top: 90%; } .forYou .active4, .forYou .notActive4{ height: 22px; width: 22px; top: 73%; left: 55%; } .forYou .activeBox4Border{ display: none!important; } .forYou .activeBox4{ left: 45%; top: 90%; } .forYou .active5, .forYou .notActive5{ height: 22px; width: 22px; top: 73%; left: 35%; } .forYou .activeBox5{ left: 45%; top: 90%; } .forYou .activeBox5Border{ display: none!important; } .forYou .imageBox{ margin-bottom: 40px; } .footer .social img{ height: 22px; width: 22px; } } @media (max-width: 750px) { .board{ width: 100%; margin-top: 0; } .new { background-position: center; height: 140px; } .board .new h5{ font-size: 12px; } .board .new h3{ font-size: 16px; } .notification1{ min-height: 250px; height: auto; } .board .notification1 .textBox{ margin-top: 20px; } .board .notification h5, .board .suggested h5, .board .notification1 h5, .board .suggested h5, .board .new1 h5, .board .call h5{ font-size:12px; } .board .notification h3, .board .suggested h3, .board .notification1 h3, .board .suggested h3, .board .new1 h3, .board .call h3{ font-size: 16px; } .board .notification1 p, .board .notification p{ margin-top: 10px; font-size: 12px; } .suggested{ height: 160px; } .new1{ height: 180px; } .call{ height: 300px; } .notification{ min-height: 320px; height: auto; } .sale{ height: 350px; } .board .sale h3{ height: 50px; } .board .sale .textBox{ margin-top: 30px; } .calculator .calculatorCard img{ left: 585px; } .sectionTitle h5{ padding-bottom: 10px; font-size: 24px; } .sectionText p{ font-size: 14px; } .calculator{ padding-top: 40px; padding-bottom: 30px; } .forYou{ padding-top: 40px; padding-bottom: 30px; } .configuratorImg{ height: 100px; } .calculator .calculatorCard .text h5{ padding-top: 110px; } .forYou .activeBox1 p, .forYou .activeBox2 p, .forYou .activeBox3 p, .forYou .activeBox4 p, .forYou .activeBox5 p { font-size: 10px; } .forYou .activeBox1 h5, .forYou .activeBox2 h5, .forYou .activeBox3 h5, .forYou .activeBox4 h5, .forYou .activeBox5 h5 { font-size: 10px; } } @media(max-width: 675px){ .calculator .calculatorCard img{ left: 530px; } } @media(max-width: 610px){ .showSearchInputMobile{ right: 125px; } .shopCartMobile { right: 70px; } .calculator .calculatorCard img{ display: none; left: 0; } } @media(max-width: 540px){ .calculator .calculatorCard .text h5{ padding-top: 140px; } .forYou .activeBox1,.forYou .activeBox2{ left: 20%; top: -10%; } .forYou .activeBox3, .forYou .activeBox4, .forYou .activeBox5{ left: 25%; } .forYou .active5, .forYou .notActive5{ top: 68%; } .forYou .active4, .forYou .notActive4{ top: 70%; } } @media(max-width: 440px){ .addTocartCTA img{ margin-right: 20%; } .forYou .imageBox img{ height: 150px; width: auto; } } @media(max-width: 400px){ .board .new img, .board .suggested img, .board .new1 img, .board .sale img, .board .notification img, .board .notification1 img{ width: 30px; } } @media(max-width: 335px){ .addTocartCTA img{ margin-right: 10%; } }