@media only screen and (max-width:1769px){
    .intro{height: 100%;}
    .redbg, .bluebg{width: 45%;}
    .terms-right{padding-right: 10%; padding-bottom: 27%;}	
    .custom-scroll{height: 350px;}
    .checkboxsec3 label span{width: 138px;}
    .pricingsubscription{width: 100%; height: auto;}
    .priceinner{width:705px;     margin: 0 auto; }
    .priceinner div {
        width: 298px;
    }
    .pricingsubscription .inner-subs {
        overflow: scroll;
    }
    section.pricingsubscription div.text-center {
        overflow-y: hidden;
        overflow-x: scroll;
    }
}
@media only screen and (max-width:1169px){
    .intro{height: 100%;}
    .redbg, .bluebg{width: 45%;}
    .facebooklist ul li {
        padding: 0 19px 10px 0;
        font-size: 16px;
    }
    .facebooklist ul li span {
        font-size: 15px;
    }
    .checkboxsec2 label{
        width: 48%;
        line-height: 1.3;
        margin-right: 2%;
    }
    .tablecont, .price2outer_default .tablecont {
        width: 700px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .tableheading, .price2outer_default .tableheading {
        width: 280px;
    }
    .outscroll {
        width: 600px;
    }
    
}

@media only screen and (max-width:1023px){
    .container{width: 96%; max-width: 96%;}


}
@media only screen and (max-width:991px){
    .fieldbox{margin: 10px 0;}
    .terms-right{padding: 10px;}	
    header {
        padding: 20px;
    }
    .custom-scroll {
        height: 310px;
    }
    .termrsecight .btn-primarydiv{bottom: 3%;}
    .facebooklist ul li{padding: 0 20px 10px 0;}
    .pricingsubscription{width: 100%; height: auto;}
    .pricingsubscription .inner-subs{transform: none; -webkit-transform: none; -ms-transform:none; margin: 50px 0;}
  

}
@media only screen and (max-width:768px){
	.details {
        column-count: 2;
    }
  
}

@media only screen and (max-width:767px){
    .mobileright{position: absolute; width: 96%; left: 2%; bottom: 0;}
    .login-right{    bottom: 35%;
        transform: none;
        text-align: center;
        color: #fff;
        max-width: 100%;
        padding: 0 2%;}
        .login-right h1 {font-size: 27px; color: #fff;}
        .login-right a{color: #fff;}
        .login-right a:hover{text-decoration: underline;}
        .desktop{display: none;}
        .mobile{display: inline-block;}

        .bluebg, .redbg, .toppic, .symbol1, .symbol2, .bottompic{display: none;}
        .introconr{text-align: center; padding: 45px 0;}
        .termrsecight {
            bottom: 0;
            position: relative;
            width: 90%;
            left: 5%;
            margin-top: 20%;
            background: #fff;
            border-radius: 10px;
            padding-bottom: 25px;
            text-align: center;
            
        }
        .terms-right{top: 0; padding: 25px; text-align: center; height: 90%;
            transform: none; }      
            .termrsecight .btn-primary {
                position: static;
             
            }

            .terms-conditions{ background: none; height: auto;}
            .termsout{background: url(../images/terms-pic.png) no-repeat 0 0;  padding-bottom: 45px; height: 100vh;
            background-size: cover;}
            h1{
                font-size: 25px;
            }
            .terms-right h1::before{display: none;}
            header {
                padding: 20px;
            }
            .logo img {
                width: 150px;
            }
            .menu-btn{padding-right: 15px;}
            .search img {
                width: 23px;
            }
            .bottomtext h3 {
                min-height:inherit;
            }
            .overlay input[type=text] { width: 85%;
            }
            .overlay button { width:15%;}
            .overlay-content form {
                width: 98%;
            }

            .loginrighttop {
                height: auto;
                position: absolute;
                z-index: 9;
                width: 92%;
                padding: 0;
                left: 4%;
                bottom: 25px;
            }

            .termrsecight {
                padding-bottom: 25px;
            }
            .detailsheading{margin-top: 25px;}
            .detailspage .btn-primary{min-width: 178px;}
            .filed{padding-top: 15px;}
            .profileleft{margin: 0 0 25px;}
            a.btn-white{color: #6E6E6E;}
            .introconr h1 {
                padding: 30px 0 10px;
            }
            .lightbg {
                position: absolute;
                display: block;
                width: 100%;
                height: 100vh;
                background: rgba(14,14,89,0.7);
            }
            .termrsecight .btn-primarydiv{ position: static;}
            .profilebanner{padding: 30px 0;}
            .profilebanner h1{padding: 0;}
            .fieldbox1{margin: 8px 0;}
            .overlay-content{width: 96%;}
            .notification .dropdown-menu.show{top: 46px !important;
                }
}

@media only screen and (max-width:575px){
    .signed-section{display: block;}
    .signedpic{margin: 0 0 20px; width: 100%;}
    .banner{padding: 0 20px;}
    .pagination1 .page-link {
        padding: 9px 10px;
    }
    .details {
        column-count: 1;
    }
    .orderstatus{width: 90%;}
    #msform .action-button{right: 0;}
    .filtersection .btn{padding:9px 0; font-size: 12px;}
    .filtersection .btn img {
        width: 22px;
    }
    .filtersection .btn p {
        padding: 0;
    }
    .counttext{font-size: 13px;}
    .counttext span{font-size: 14px;}
    .popinnercont1{width: 100%;}
    .newsubscription{width: 96%;}
}
@media only screen and (max-width:400px){
.popinnercont {
    width: 100%;
}
.notification-container{width: 95%;}
.filtersection .btn{padding:7px 0; font-size: 11px;}
.notification .dropdown-menu.show{top: 38px !important;
    width: 278px;}
}