@media only screen and (max-width: 1920px) {
    .banner-section {
        height: 100vh!important;
        overflow: hidden;
    }
    .banner-section {
        height: 93vh!important;
        overflow: hidden;
        display: flex;
        align-items: center;
    }    
    
}
@media only screen and (max-width: 1370px) {
   
    .btn.btn-similar {
        font-size: 14px!important;
        white-space: nowrap;
        text-transform: capitalize;
    }
    
}
@media only screen and (max-width: 1024px) {
    .imgContent img {
        height: 460px!important;
    }
    .banner-section {
        height: 40vh!important;
        overflow: hidden;
    }
    .banner-content h1 {
        font-size: 40px;
    }
    .banner-content p {
        font-size: 24px;
    }
    .btn.btn-similar {
        font-size: 14px;
    }
    .action-box {
        max-width: 80%;
    }
    .imgContent img {
        max-width: 400px;
        height: 500px;
    }
    .imgContent {
        right: 0px;
        top: -64px;
    }
    .tab-fl-right .imgContent {
        top: -57px;
    }
    .loginPage {
        max-width: 75%;
        width: 100%;
    }
    .campign-monitor li {
        margin-right: 0px;
    }
    .campign-monitor li span {
        margin-right: 6px;
    }
    
}
@media only screen and (max-width: 991px) {
    .imgContent {
    right: -100px;
}
.tab-fl-right .imgContent {
    top: -57px;
    left: -80px;
}
header.tapnative-header a img {
    max-width: 85px;
}
header.tapnative-header a {
    font-size: 11px;
    color: #8599A6!Important;
    margin-right: 2px;
}
    
}
@media only screen and (max-width: 768px) {
    .reach-cons .imgContent img {
        max-width: 333px;
        height: 450px;
    }
    .loginPage {
        max-width: 75%;
        width: 100%;
    }
    section.section-default.tapnative-video.page-post {
        min-height: 490px;
    }
    .imgContent img {
        max-width: 333px;
        height: 550px;
    }
    .healthmedicals .imgContent img {
    max-width: 333px;
    height: 424px;
}
    .imgContent {
        right: 0px;
    }
    .imgContent {
        right: -89px;
    }
    .btn-groups .btn.btn-similar {
        width: 100%!important;
        display: inline;
    }
    .ww-width.btn-groups .btn.btn-similar{
        width: auto!important;
    }
    .banner-content h1 {
        font-size: 30px;
    }
    .banner-content p {
        font-size: 20px;
    }
    .btn-groups span {
        color: #fff;
        margin: 10px 25px 10px 15px;
        display: block;
        text-transform: uppercase;
        text-align: center;
    }
    .action-box h2 {
        max-width: 80%;
        text-transform: uppercase;
        font-weight: 600;
        padding-top: 2px;
        padding-bottom: 2px;
    }
    .banner-content {
        margin-top: 5px;
    }
    .tab-fl-right .imgContent {
        top: -57px;
        left: -20px;
    }
    
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 600px!important;
}
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
}
@media only screen and (max-width: 500px) {
    .campign-monitor li {
        margin-right: 20px;
        margin-top: 15px;
    }
    .cons.text-light {
        padding: 10px;
        max-width: 100%;
    }
    .login-height.height-100vh {
        height: 100vh;
    }
    .section-default {padding: 25px 0;}
    .post_details {
        max-width: 100%!important;
        padding: 15px;
        width: 100%;
        top: 0%;
        position: relative;
    }
    .contentmentZone {
        padding: 10px;
        width: 100%;
        margin: 28px auto;
    }
    .img-boxed h2 {
        margin-top: 15px;
    }
    .banner-content h1 {
        font-size: 24px;
    }  
    .banner-content p {
        font-size: 14px;
        line-height: normal;
    }
    .btn-groups button {
        width: 100%;
        margin-bottom: 10px;
    }
    .action-box h2 {
        font-size: 18px;
    }
    .platbtn {
        width: 70px;
        height: 70px;
        right: -34px;
        top: 10%;
    }
    body .w-75 {
        width: 100%!important;
    }
    .imgContent {
        display: none;
    }
    .tab-fl-right .shortContent {
        float: none;
        padding: 20px!Important;
    }
    section.section-default.tapnative-video {
        min-height: auto!important;
    }
    .banner-section {
        height: 60vh!important;
    }
    .videoLoaction {
        max-width: 100%!important;
        width: 100%;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        position: relative;
    }
    .btn-groups span {
        color: #fff;
        margin: 0 25px 6px 15px;
        display: block;
        text-transform: uppercase;
        text-align: center;
    }
    video#myVideo {
        width: auto;
    }
    .btn-groups .btn.btn-similar {
        width: 100%!important;
        display: block;
        margin-bottom: 9px;
    }
    a.nav-link.btn-tryit {
        margin: 8px 10px;
    }
    .videoLoaction iframe {
        width: 100%;
        height: 100%;
        min-height: auto;
    }
    .videoLoaction {
        top: 35%;
        position: relative;
    }
    ul.contentMax {
        max-width: 100%;
    }
    .cons p {
        max-width: 87%;
    }
    .loginPage {
        padding: 8px;
        max-width: 100%;
        width: 100%;
        margin: 7px;
    }
    .loginPage a {
        margin: 7px;
        font-size: 12px;
    }
    form.login-form {
        max-width: 100%;
        margin: auto;
    }
    .keepmesign {
    font-size: 12px;
    font-weight: 100;
}
.height-100vh {
    height: 100%;
}
span.errorMsg {
    font-size: 10px;
    left: -7px;
}
.vids-note {
    min-height: auto;
}
.videoLoaction.mobile-locaiton {
    top: 0;
}
.cnt-box p {
    color: #fff;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.btn.btn-similar {
    font-size: 10px!important;
    white-space: nowrap;
}
.shortContent h2 {
    font-size: 18px;
    text-transform: uppercase;
}
.tapnative-content h2 {
    font-size: 20px;
    font-weight: 600;
}
  
}