/* CSS Document */


@media only screen and (min-width: 1024px) {
    .itur.mobile{
        display: none;
    }

}


@media only screen and (min-width: 1024px) and (max-width: 1399px) {

    html{
        font-size: 5px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1700px){
    html{
        font-size: 7px;
    }

}


@media only screen and (min-width: 1700px) {
    html{
        font-size: 8px;
    }

}




/*mobile/tablet header*/

@media only screen and (max-width: 1023px) {
    #main{
        background-size: 100% 2000px !important;
    }
    html{
        font-size: 6px;
    }
  .header-content{
      display: block;
  }
    .hero h1{

    }
    .itur.desktop{
        display: none;
    }
    header{
        padding-top: 0;
    }
    .ticker-holder p{
        line-height: 1.3;
        padding: 1rem 0;
    }
    header .logo-holder{
        height: 6.2rem;
        padding: 0;
        display: flex;
        justify-content: center;
        margin-top: 3.7rem;
    }
    .basic-grid{
        width: 100%;
    }
    section.hero,section.icon-bullets,section.retailers,section.contact-area,section.social-area{
        display: block;
    }
    .hero .basic-grid{
        display: block;
    }
    .hero{
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }

    .hero-left,.hero-right{
        width: 100%;
        margin: 0;
        padding: 0 3rem;
        box-sizing: border-box;
    }
    .icon-bullets li img {
        mix-blend-mode: multiply;
        width: 11rem;
        height: auto;
    }
    .icon-bullets{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .icon-bullets li{
        flex: 0 0 33.3333%;
        width: 33.3333%;
        padding: 0 1rem;
        box-sizing: border-box;
    }
    .icon-bullets ul{
        flex-wrap: wrap;
    }
    .icon-bullets p{
        font-size: 2rem;
    }
    .retailers ul{
        justify-content: center;
    }
.retailers{
    padding-left:  3rem;
    padding-right:  3rem;
    padding-top: 10rem;
    box-sizing: border-box;
}

.contact-area{
    padding-left: 3rem;
    padding-right: 3rem;
    box-sizing: border-box;
}
    .retailers li{
        flex: 0 0 46%;
        padding: 0;
       margin: 2%;
    }
    .wpcf7-spinner{
        left: 0;
        top:.5rem
    }
    .retiler-logo-con{
        height: 15rem;
    }
    .form-holder{
        padding: 0;
        margin-bottom: 0;
    }
    .contact-area .form-flex{
        display: block;
    }

    .wpcf7-form-control-wrap{
        width: 100%;
        margin: 0 0 1rem 0;

    }
    .social-area{
padding-right: 3rem;
        padding-left: 3rem;
        padding-top: 7rem;
        box-sizing: border-box;
    }
    .social-list li{
        margin: 0;
    }
    .social-list{
        justify-content: space-between;
    }
    .social-list li img{
        width: 7rem;
    }
.retiler-logo-con img {
    max-height: 6rem;
    
}
    .itur.white{
        background: url("img/itur.png") no-repeat center;
        background-size: contain;
    }
}