/*
 * xl
 *****************************/

@media only screen and (min-width: 1900px){

}

/*
 * xl
 *****************************/

@media only screen and (min-width: 1600px){

}



@media only screen and (min-width: 1400px){

    .ml-xxl-0{
        margin-left:0 !important;
    }
}


/*
 * lg
 *****************************/

@media only screen and (min-width: 1200px) and (max-width: 1600px){



}


@media only screen and (min-width: 1200px){



}


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


}


/*
 * md
 *****************************/

@media only screen and (min-width: 992px) and (max-width: 1199px) {


}



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



}

@media only screen and (min-width: 992px){

    #main-nav{
        box-shadow: 0px 1px 5px #00000038;
    }

    #features h2{
        font-size: 30px;
    }

    #top-hero #hero-cf{
        margin-right: 30px;
    }

    div[class^="col"].bg-gray:nth-child(2):after{
        content: " ";
        background: #f6f6f6;
        position: absolute;
        width: 100%;
        height: 100%;
        left: -10vw;
        z-index: -1;
        top: 0;
    }

    .bg-gray-3:before{
        content: " ";
        background: #f6f6f6;
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: -50%;
        right: 0;
        top: 0;
        bottom: 0;
    }

    .bg-gray2:after{
        content: " ";
        background: #e8ebf4;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: -1;
    }

}

/*
 * sm
 *****************************/

@media only screen and (min-width: 768px) and (max-width: 991px) {

}

@media only screen and (min-width: 768px){

    #main-nav.sticky .navbar-brand{
        width: 70px;
    }

    #main-nav.sticky .btn-link{
        font-size: 14px;
    }


    .webp #footer{
        background:url('/discount/wp-content/uploads/2020/07/footer-bg-desktop-1.jpg.webp') no-repeat;
    }

    .no-webp #footer{
        background:url('/discount/wp-content/uploads/2020/07/footer-bg-desktop-1.jpg') no-repeat;
    }

                                                                    .modal-dialog {
        text-align: left; /* you'll likely want this */
        max-width: 100%;
        width: auto !important;
        display: inline-block;
    }

}

@media only screen and (min-width: 576px) {

}


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



}

/*
 * xs
 *****************************/

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

    body.page-id-416 .c-1 h1{
        color: #f36f29;
        text-decoration: underline;
    }

    #whatsapp-container{
        background: #039687;
        text-align: center;
        padding: 10px 0px;
        box-shadow: 0 -5px 15px #00000047;
    }

    #whatsapp-container *{
        vertical-align: middle;
    }

    #whatsapp-container a{
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .icon-whatsapp2 {
        background-image: url(../img/icon-whatsapp.svg);
        width: 25px;
        height: 25px;
        background-size: contain;
        background-position: bottom center;
        flex: 0 0 25px;
        margin-right: 0px;
        display: inline-block;
        background-repeat: no-repeat;
    }


    .checklist:not(.d-flex) li:before{
        width: 25px;
    }

    .checklist:not(.d-flex) li:before,
    .checklist:not(.d-flex) span{
        display: table-cell;
    }

    body{
        padding-top: 47px;
    }

    .webp #footer{
        background:url('/discount/wp-content/uploads/2020/07/footer-bg-mobile-2.jpg.webp') no-repeat;
    }

    .no-webp #footer{
        background:url('/discount/wp-content/uploads/2020/07/footer-mobile-1.jpg') no-repeat;
    }
    
    #wrapper-navbar{
        display: inline-block;
        width: 100%;
    }

    .fancybox-content{
        padding: 15px;
        padding-top: 44px;
    }

    .modal .close{
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 3px solid #4d4d4f;
    }

    .modal .close span {
        font-size: 40px;
        color: #4d4d4f;
        line-height: 33px;
    }

    .modal-dialog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: calc(100% - 1rem);
    }

    .modal-content{
        border: 5px solid #4d4d4f;
        border-radius: 20px;
    }

    .fancy-modal{
        max-width: 100%;
    }

    .box-shadoww{
        position: relative;
    }

    .box-shadoww::before,
    .box-shadoww::after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 15px;
        left: 10px;
        width: 50%;
        top: 80%;
        max-width:300px;
        background: rgba(0, 0, 0, 0.7);
        box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        transform: rotate(-3deg);
    }

    .box-shadoww::after {
        transform: rotate(3deg);
        right: 10px;
        left: auto;
    }


    body .wpcf7 .form-control,
    input[type="submit"].btn {
        height: 26px;
        line-height: 26px;
    }

    .icon-phone2-white {
        background: url(../img/icon-phoner.svg) no-repeat;
        width: 22px;
        height: 21px;
        background-size: contain;
        background-position: bottom center;
        flex: 0 0 26px;
        margin-right: 10px;
        display: inline-block;
    }

    #fixed-footer-mobile{
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 2;
        
    }

    #fixed-footer-mobile > div.row{
        /*background: #21729a;*/
        background: #f36e29;
        box-shadow: 0 -5px 15px #00000047;
        text-align: center;
        height: 76px;
        line-height: 76px;
        margin: 0;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
    }

    #fixed-footer-mobile > div.row > div{
        padding: 0;
    }

    #fixed-footer-mobile > div.row > div:first-child{
        border-right:1px solid white;
    }

    #fixed-footer-mobile .footer-btn{
        color: white;
        padding: 0;
        margin: 0;
        -webkit-appearance: none;
        background: none;
        border: none;
        font-weight: bold;
        font-size: 21px;
        text-transform: uppercase;
    }

    #fixed-footer-mobile .footer-btn span{
        vertical-align: middle;
    }

    #fixed-footer-mobile #suna{

    }


    #fixed-footer-mobile #whatsapp{

        display: none;
    }

    #fixed-footer-mobile #formular{


    }

    #fixed-footer-mobile.move-hidden {
        transform: translate(0,100px);
    }

    #cf-mobile{
        /*background: rgba(34, 113, 156, 0.95);
        background: rgba(243, 110, 41, 0.95);*/
        background-color: rgba(21, 101, 51, 0.95);
        padding:10px;
        color: white;
        font-size: 10px;
    }

    #cf-mobile  input[type=submit].btn {
        background: #f36f29 !important;
    }

    #cf-mobile input[type=checkbox]{

    }

    #cf-mobile .gdpr-acceptance {
        font-size: 10px;
    }

    /*
    #cf-mobile input[type="checkbox"] {
        width: 14px;
        height: 14px;
    }*/

    #cf-mobile input[type="submit"].btn{
        font-size: 15px;
    }

    #cf-mobile a{
        color: white;
    }

    #cf-mobile .row{
        margin-right: -5px;
        margin-left: -5px;
        margin-top: 10px;
    }

    #cf-mobile .col-4{
        padding-right: 5px;
        padding-left: 5px;
    }

    #cf-mobile-wrapper{

    }

    #cf-mobile-wrapper > div{
        display: block;
        float: left;
        margin-right: 4px;
    }

    #cf-mobile-wrapper > div:nth-child(1){
        width:35%;
    }

    #cf-mobile-wrapper > div:nth-child(2){
        width:35%;
    }

    #cf-mobile-wrapper > div:nth-child(3){
        width:27%;
        margin-right:0;
    }

    #cf-mobile-wrapper input{
        height: 45px;
        font-size: 17px;
    }

    #cf-mobile-wrapper input[type="text"]{
        width:100%;
    }


    #cf-mobile span.wpcf7-not-valid-tip{
        color:yellow;
    }

    #fix-cf-desktop #button,
    #fix-cf-desktop input[type="submit"]{
        font-weight:bold;
        border: 1px solid #FCD12A;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcd12a+0,eda51f+40,eda51f+100 */
        background: #fcd12a; /* Old browsers */
        background: -moz-linear-gradient(top,  #fcd12a 0%, #eda51f 40%, #eda51f 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #fcd12a 0%,#eda51f 40%,#eda51f 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #fcd12a 0%,#eda51f 40%,#eda51f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd12a', endColorstr='#eda51f',GradientType=0 ); /* IE6-9 */
        -webkit-appearance: none;
    }

    #cf-mobile-wrapper input[type="submit"]{
        font-weight:bold;
        border: 1px solid #FCF232;
        background:#FCF232;
        color:black;
        padding:0;
    }


    #cf-mobile .close{
        border-radius: 50%;
        width: 30px;
        height: 30px;
        line-height: 21px;
        margin-left: 10px;
        font-size: 17px;
        margin-bottom: -24px;
        position: absolute;
        top: -20px;
        right: 15px;
        /*background: rgba(34, 113, 156, 0.8);
        background: rgba(243, 110, 41, 0.8);*/
        background-color: rgba(21, 101, 51, 0.95);
        border:1px solid white;
        color:white;
        -webkit-appearance: none;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        padding:0;
        opacity:1;
    }


    #slider-pagination{
        text-align: center;
    }

    #slider .slick-slide {
        display: block;
        width: 100%;
        position: relative;
    }

    #slider .slide-bg{
        display: block;
        position: absolute;
        width:100%;
        height:100%;
        left:0;
        top:0;
        background-position: bottom center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
    }


    #slider  .slick-slider-item > div{

    }

    #slider.slick-initialized .slick-slide {
        display: block;
    }

    #slider .slick-slide {
        border-left: 2px solid #fff;
        border-right: 2px solid #fff;
        background: #ddd;
    }

    .slick-prev, .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        z-index: 1;
        top: 53%;
        display: block;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        width: 40px;
        height: 40px;
    }


    #slider .slick-prev:before,
    #slider .slick-next:before{
        content: " ";
        width: 40px;
        height: 40px;
        display: block;
        background-repeat: no-repeat;
        background-size: 16px 31px;
    }

    #slider .slick-prev{
        left:4vw;
    }

    #slider .slick-next{
        right:4vw;
    }

    #slider .slick-prev:before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.906' height='29.63' viewBox='0 0 17.906 29.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath id='arrow_left' data-name='arrow left' class='cls-1' d='M26.914,3540.43l-11.931-11.85h0L12,3525.62l14.913-14.81,2.983,2.96-11.929,11.85L29.9,3537.47Z' transform='translate(-12 -3510.81)'/%3E%3C/svg%3E%0A");
        float: left;
        background-position: center left;
    }

    #slider .slick-next:before{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.906' height='29.63' viewBox='0 0 17.906 29.63'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath id='arrow_right' data-name='arrow right' class='cls-1' d='M419.486,3540.43l11.931-11.85h0l2.983-2.96-14.913-14.81-2.982,2.96,11.929,11.85L416.5,3537.47Z' transform='translate(-416.5 -3510.81)'/%3E%3C/svg%3E%0A");
        float: right;
        background-position: center right;
    }

    #slider  .slick-slide:before{
        content: ' ';
        position: relative;
        display: block;
        padding-top: 100%;
    }

    #slider  .slick-slide:before{
        mix-blend-mode: multiply;
        background-color: #2c923b;
        z-index: 1;
        transition: background-color 1s;
    }

    #slider  .slick-current.slick-slide:before{
        background:none;
    }



    #centered{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 80%;
        margin-left: 10%;
        z-index:999;
    }

    #centered h1{
        color: white;
        font-size: 6vw;
        line-height: 10vw;
    }

    body.page-id-351 #centered h1{
        font-size: 5.5vw;
    }

    body.page-id-351 #centered h1 span{
        color: #f36f29;
    }

    body.page-id-324 #centered h1{
        color: #fff;
        font-size: 7vw;
        line-height: 10vw;
    }

    body.page-id-288 #centered .inter{
        color: white;
    }

    body.page-id-288 #centered h1 span{
        font-size: 5.7vw;
        color: #f47028;
    }

    body.page-id-342 #centered h1 span,
    body.page-id-398 #centered h1 span,
    body.page-id-399 #centered h1 span{
        font-size: 5vw;
        font-weight: 700;
        display: block;
        line-height: 28px;
    }


    body.page-id-303 #centered .inter{
        color: white;
    }

    body.page-id-303 #centered h1 span{
        font-size: 5.7vw;
        color: #f47028;
    }

    body.page-id-230 #centered h1{
        font-size: 5vw;
        color: #b7b7b7;
        line-height: 34px;
    }

    body.page-id-230 #centered h1 span{
        font-size: 7vw;
        color: white;
    }

    body.page-id-263 #centered h1 span{
        font-size: 5vw;
    }




    body.page-id-234 #centered h1,
    body.page-id-219 #centered h1,
    body.page-id-221 #centered h1{
        font-size: 5vw;
    }

    body.page-id-176 #centered h1{
        font-size: 4.7vw;
    }

    #centered h1 span{
        font-size: 6vw;
        font-weight: bold;
        display: block;
    }

    body.page-id-370 #centered h1 span{
        color: #ff9800;
    }

    body.page-id-234 #centered h1 span,
    body.page-id-219 #centered h1 span,
    body.page-id-221 #centered h1 span{
        font-size: 6vw;
    }

    body.page-id-176 #centered h1 span{
        font-size: 6vw;
    }



    body.page-id-310 #centered h1 span.old-price{
        font-weight: normal;
        display: block;
        color: black;
        text-decoration: line-through;
        line-height: 20px;
        font-size: 22px;
    }

    body.page-id-310 #centered h1{
        line-height: 11vw;
        font-size: 6vw;
        font-weight: bold;
    }

    body.page-id-310 #centered h1 span{
        display: inline-block;
        font-size: 5.6vw;
        color: #f36f29;
        font-weight: normal;
    }

    body.page-id-310 #centered h1 > span:first-child{
        color: white;
    }

    body.page-id-310 #centered h1 > span:last-child{
        font-weight: bold;
    }


    body.page-id-310 #centered h1 span span{
        font-weight: normal;
        font-size: 22px;
    }



    body.page-id-274 #centered h1 span.new-price{
        font-size: 27px;
        color: #f36f29;
    }


    body.page-id-274 #centered h1 span.old-price{
        font-weight: normal;
        display: block;
        color: black;
        text-decoration: line-through;
        line-height: 20px;
        font-size: 22px;
    }

    body.page-id-274 #centered h1 span.old-price span{
        text-decoration: line-through;
        color: #000;
    }

    body.page-id-274 #centered h1{
        line-height: 11vw;
        font-size: 6vw;
        font-weight: bold;
    }

    body.page-id-274 #centered h1 span{
        display: inline-block;
        font-size: 5.6vw;
        color: #f36f29;
        font-weight: normal;
    }

    body.page-id-274 #centered h1 > span:first-child{
        color: white;
    }

    body.page-id-274 #centered h1 > span:last-child{
        font-weight: bold;
    }


    body.page-id-274 #centered h1 span span{
        font-weight: normal;
        font-size: 22px;
    }

    body.black-friday #centered h1 span.old-price span{
        color: gray;
        text-decoration: line-through;
    }

    body.black-friday h1 span.new-price {
        font-size: 28px !important;
    }

    body.black-friday #centered h1 span.old-price{
        font-weight: normal;
        display: block;
        color: gray;
        text-decoration: line-through;
        line-height: 20px;
        font-size: 22px;
    }

    body.black-friday #centered h1{
        line-height: 11vw;
        font-size: 6vw;
        font-weight: bold;
    }

    body.black-friday #centered h1 span{
        display: inline-block;
        font-size: 5.6vw;
        color: red;
        font-weight: normal;
    }

    body.black-friday #centered h1 > span:first-child{
        color: white;
    }

    body.black-friday #centered h1 > span:last-child{
        font-weight: bold;
    }

    body.black-friday #gdpr-modal{
        margin-top: 33px;
    }

    body.black-friday #main-nav{
        padding-bottom: 9px;
    }

    body.black-friday #centered h1 span span{
        font-weight: normal;
        font-size: 22px;
    }

    body.black-friday #cf-mobile .close,
    body.black-friday #cf-mobile,
    body.black-friday #centered .inner {
        background-color: black;
    }

    #centered .inner{
        padding: 5px;
        background-color: rgba(21, 101, 51, 0.9);
        box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.7);
        text-align:center;
    }

    body.page-id-303 #centered .inner,
    body.page-id-288 #centered .inner{
        padding: 4px;
    }

    body.page-id-176 #centered .inner {
        padding: 1px 0px;
    }

    body.page-id-230 #centered .inner {
        padding: 10px 0px;
    }



    .slick-dots li:empty{
        display: none;
    }

    .slick-dots li:not(:last-child):after,
    #filters .button:not(:last-child):after{
        width: 2px;
        height: 28px;
        margin-left: 2px;
    }

    .slick-dots li:not(:last-child),
    #filters .button:not(:last-child) {
        margin-right: 2px;
    }

    #filters .button{
        font-size: 9px;
    }

    .grid-sizer,
    .grid-item {
        width: 50%;
        border: 5px solid white;
    }

    .grid{
        margin: 0 -5px;
    }

    .accordion > .card .card-header .btn:after{
        width: 10px;
        height: 10px;
        right: 10px;
    }

    .accordion > .card .card-header .btn{
        font-size: inherit;
        min-height: 35px;
        height: auto;
    }

    html,
    body{
        font-size: 12px;
    }

    #services img{
        width: 35px;
        height: 35px;
        margin-right: 3px;
        flex: 0 0 35px;
    }


    .checklist li{
        width: 32%;
    }

    .nav-pills .nav-link{
        font-size: 12px;
    }

    .icon-clock,
    .icon-pointer{
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #main-nav{
        padding: 0;
        min-height: 70px;
        box-shadow: 0px 1px 10px #00000054;
    }

    #main-nav .btn-link{
        font-size: 9px;
    }

    .navbar-brand {
        width: 75px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

}


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

    #btn-call{
        font-size: 14px;
    }


    #btn-call a{
        font-size: 18px;
    }

    #fixed-footer-mobile .footer-btn{
        font-size: 20px;
    }

    #main-nav .btn-link {
        font-size: 10px;
    }

}

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

}

/* ALTE MARIMI */

/*
 * not xs
 *****************************/

@media only screen and (min-width: 768px) {



}