/*
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%;
    }
}