/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  


  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
    .content{padding:0 20px; width:auto !important; box-sizing: border-box;}
    .logo{background-size:100px;}
    .info-block{box-sizing: border-box; position: relative;     width: auto; margin: 0;}
    .topBanner { min-height: 250px;}
     .topBanner .bannerCont h3 {font-size: 50px; line-height: 55px;}
    .buyersList p {width: 80%; margin: 0 auto; margin-bottom: 25px;}
    
  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (max-width: 768px) {
  
    .content{padding:0 20px; width:auto; box-sizing: border-box;}
    .logo{background-size:100px;}
    .banner2 h6 { font-size: 5.64vh; padding-top: 6vh; }
    .banner2 img{width: 70vw;}
    .banner.banner4 .hdr1 .dp-child { transform: translateX(0vh); }
    .info-block{box-sizing: border-box; position: relative;     width: auto; margin: 0; padding:3vh 3vh 0;bottom:-30px;}
    .info-block p{font-size:4vh;}
    .banner .hdr1 .dp-child{width:auto; height:auto;}
    .banner .hdr1 .desc{font-size: 4.24vh;padding: 5.81vh 0 4vh 0.83vh;}
    .btn-alt,.btn ,.info-block a.btn{ border-radius: 5vh;  font-size: 2vh; display: inline-block; padding: 15px 35px; }
    .info-block .btn{    transform: translate(-50%, 0%); margin:0;    transform-origin: center;transform: translateY(50%); position: static;}
    .nav{height:auto;}
    .nav a{font-size:2vh;}
    .nav .dp-parent ,.effect-display .dp-parent,.footer .dp-parent,.effect-display2 .dp-parent{ flex-wrap: wrap; }
    .nav .dp-parent .dp-child,.effect-display .dp-child,.effect-display2 .dp-child{  flex-basis: 100%; }
    .effect-display { padding: 100px 0 170px 0; }
    .effect-display2 {  padding: 30px 0 30px; }
    .effect-display .desc,.effect-display h4{text-align: center;}
    .effect-display .cont{margin-top: 0px;}
    .effect-display .mobile-infographic { width: 100%;height: 580px;}
    .cookie-info { padding: 30px 0 0; }
    .cookie-info .dp-child:nth-child(2),.cookie-info.alt .dp-child:nth-child(1){    padding: 0px;}
    .sform .textbox, .textbox{height: 7vh; line-height: 7vh; width: 60vw; padding: 0 2vh; font-size: 2vh; }
    .disclaimer{font-size: 1.5vh}
    .collection{margin-top:0;}
    .collection p.text{letter-spacing: 0.263vh;}
    .formbanner h3{font-size: 4vh;}
    .footer .dp-child {
        flex-basis: inherit;       
        float: left;
        width: 50%;
    }
    .footer .dp-parent .dp-child{
        flex-grow: inherit;
    }
    .footer .dp-child:first-child {width:100%;}
        .footer a {
            font-size: 0.8vh;
        }
    .footer h6 {font-size: 1.2vh;}
    .nav-screen{padding: 30px 0 0;}
    .nav-desc {font-size: 3vh;    line-height: 5.5vh;}
    .field { padding-top: 2vh; }
    .vid-holder{width:90%;}
    .banner.banner3 .dp-parent{    flex-direction: column;}
    .banner.banner3 .hdr1 .dp-child{width: 100%;}
    .link{margin:0 10px;}
    .cta .btn.alt2{padding:15px;}
    .nav-desc {font-size: 20px;line-height: 30px;width: auto;}
    .nav-screen h3 {font-family: var(--banner-header-font-bolder); padding-bottom: 22px; font-size: 30px; letter-spacing: -0.5px; line-height: 38px;}
    .footer{padding: 20px 0 30px;}
    .banner .hdr1 h2 img{width:100%;}
    .banner .hdr1 h2{padding-top: 0;}
    .halfimage{background: none !important;}
    .pad-top-100{padding-top:0 !important;}
    .banner{padding-top:20px !important;}
    .market-place .contextualads.banner .content { background: url(../Content/New/assets/images/contextualads_banner.png) no-repeat !important;; background-size: 70% !important; background-position: center 75% !important; }
    .topBanner { min-height: 150px; background: url('/Content/New/assets/images/mobileBanner.svg') no-repeat bottom left; background-size: cover;}
    .topBanner .bannerCont h3 { font-size: 30px;  top: 50%; width: 90%; line-height: 40px;}
    .buyersList h3 { font-size: 30px; margin-bottom: 10px;}
    .buyersList h5 {font-size: 20px; margin-bottom: 10px;}
    .buyersList p { font-size: 16px; width: 90%; margin: 0 auto; margin-bottom: 10px;}
    .buyersList span { font-size: 14px; width: 90%; margin: 0 auto; margin-bottom: 20px;}
    .mainBuyersSection {padding: 25px 0 25px 0; }
    .buyerSubList:last-child { padding-top: 20px; }
    .buyersList { margin-bottom: 20px;}
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (max-width: 768px) and (orientation: landscape) {
    .footer .dp-child:first-child {
        width: 100%;
        flex-basis: 100%;
    }
    .content{padding:0 20px; width:auto; box-sizing: border-box;}
    .nav{height: auto;}
    .banner2 img{width: 70vW;}
    .info-block{box-sizing: border-box; position: relative;     width: auto; margin: 0;}
    .banner .hdr1 .dp-child{width:auto;}
    .banner .hdr1 .desc{font-size: 4.24vh;padding: 5.81vh 0 4vh 0.83vh;}
    .btn-alt,.btn ,.info-block a{ border-radius: 5vh;  font-size: 2vh; display: inline-block; padding: 35px 65px;  }
    .info-block .btn{    transform: translate(-50%, 0%); margin:0;}
    .nav{height:auto;}
    .nav a{font-size:2vh;}
    .nav .dp-parent { display: flex; flex-wrap: wrap; }
    .nav .dp-parent .dp-child{  flex-basis: 100%; }
    .effect-display .desc,.effect-display h4{text-align: center;}
    .effect-display .cont{margin-top: 0px;}
    .hide-mob{display:none;}
    .sform .textbox, .textbox{height: 7vh; line-height: 7vh; width: 60vw; padding: 0 2vh; font-size: 2vh; }
    .disclaimer{font-size: 1.5vh}
    .formbanner h3{font-size: 4vh;}
    .footer a {font-size: 0.8vh;}
    .footer h6 {font-size: 1.2vh;}
    .nav-desc {font-size: 1vh;    line-height: 4vh;}
    .info-block {bottom:-180px;}
    .field { padding-top: 2vh; }
    .vid-holder{width:90%;}
    
    .banner .hdr1 h2 img{width:100%;}

    .banner .hdr1 h2{padding-top: 0;}
    .nav-desc {font-size: 20px;line-height: 30px;width: auto;}
    .nav-screen h3 {font-family: var(--banner-header-font-bolder); padding-bottom: 22px; font-size: 30px; letter-spacing: -0.5px; line-height: 38px;}
    .footer{padding: 20px 0 30px;}
    .banner .hdr1 h2 img{width:100%;}
    .halfimage{background: none !important;}
    .pad-top-100{padding-top:0 !important;}
    .banner{padding-top:20px !important;}

     .market-place .contextualads.banner .content { background: url(../Content/New/assets/images/contextualads_banner.png) no-repeat !important;; background-size: 70% !important; background-position: center 75% !important; }
}

/* iPhone X in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {
    /* press */
    .content {
        width: auto;
    }

    .phone-field {
        width: 195px !important;
    }

    .frmFields {
        width: 300px !important;
    }

    .country-wrap #countryCode {
        width: 67px !important;
    }

    .phone-field {
        width: 218px !important;
    }
}

@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : portrait) {
}


@media (max-width: 768px){
    .btn-alt, .btn, .info-block a.btn {
        border-radius: 5vh;
        font-size: 2vh;
        display: inline-block;
        padding: 15px 35px;
    }
}