@media only screen and (max-width: 1024px){
    .form-sec label {
        font-size: 12px !important;
        margin: 10px 0 10px 0;
    }
}

@media only screen and (max-width: 991px){
        .logo-part {
            overflow: hidden !important;
        }
        .logo-part .logo {
            float: left;
        }
        ul.nav.navbar-nav {
            margin: 0px 0 10px 200px !important;
        }
        .sticky ul.nav.navbar-nav {
            margin: 0 0 0 150px !important;
        }
        .details-sec {
            height: 100px;
            margin: 0px 0 10px 0;
        }
        .magazine-sec {
            margin: 0 0 0px 0;
        }
        .magazine-list .img-bg {
            height: auto !important;
            margin: 0 0 20px 0 !important;
        }
        .radio-button h2 {
            margin: 10px 0 10px 0;
            font-size: 14px;
            line-height: 22px;
            font-weight: 600;
        }
        .form-sec .col-md-12 {
            padding: 0;
        }
        .quote-sec i.fa.fa-quote-right {
            display: none;
        }
        .col-md-3.img-height {
            overflow: hidden !important;
            margin: 40px 0 0 0 !important;
        }
        .for-margin .img-right {
            height: auto;
            margin: 0px 0 10px 0;
        }
        .right-content .editor-sec.for-margin {
            border: none;
        }
        .img-border .col-md-12.col-sm-6.col-xs-12 {
    width: 100%;
}
        
}
@media only screen and (max-width: 900px){
    ul.nav.navbar-nav {
        margin: 0px 0 10px 100px !important;
    }
    
}

@media screen and (max-width: 1199px) and (min-width: 991px) {
        .logo-part {
            overflow: hidden !important;
        }
        .logo {
            float: left !important;
        }
}
@media only screen and (max-width: 767px){
    
    .logo-part .logo {
        float: none;
        text-align: center;
    }
    .img-new-size img.img-responsive {
    height: auto;
}
.pre-next {
    overflow: hidden;
    margin: 10px 0 10px 0;
}

    ul.ereaders-author-social {
        float: none;
        text-align: center;
        margin: 0 0 0 20px;
    }
    .ereaders-author-social a.fa.fa-facebook {
        padding: 10px 0 0 0px;
    }
    .ereaders-author-social a.fa.fa-linkedin {
        padding: 9px 0 0 0px;
    }
    .ereaders-author-social a.fa.fa-twitter {
        padding: 10px 0 0 0px;
    }
    .ereaders-author-social i.fa.fa-instagram {
        padding: 10px 0 0 0px;
    }
    .sticky {
        padding: 30px 0 30px 0px !important;
    }
    .sticky button.navbar-toggle {
            border: 1px solid #fff !important;
    }
    .sticky .navbar-inverse .navbar-toggle .icon-bar {
        background: #fff !important;
    }
    .item .heading {
        height: auto !important;
    }
    .section4 p {
        margin: 10px 0 10px 0 !important;
    }
    .container {
        width: 100% !important;
    }
    
}
@media only screen and (max-width: 768px){
    .details-sec {
        height: auto !important;
        margin: 0px 0 10px 0;
    }
    .section1 .col-md-4.col-sm-4.col-xs-5 {
        width: 100%;
    }
    .img-banner img.img-responsive {
    width: 100%;
}
.section1 .col-md-8.col-sm-8.col-xs-7 {
    width: 100%;
}
.sticky ul.nav.navbar-nav {
    margin: 0 0 0 0px !important;
}
.section1 .col-md-5.col-sm-4.col-xs-5 {
    width: 100%;
}
.section1 .col-md-7.col-sm-8.col-xs-7 {
    width: 100%;
    padding: 0;
}
.col-md-4.col-sm-6 img.img-responsive {
    width: 100%;
}
.new-part p {
    margin: 0 0 10px 0 !important;
}
.text-sec2 img.img-responsive {
    width: 100%;
}
.text-sec2 .col-md-8.col-sm-8 {
    padding: 0;
}
.col-md-8.col-sm-12 {
    padding: 0;
}
.item .heading {
    height: auto !important;
}
}

@media only screen and (max-width: 420px){
    .flex-part {
        display: block !important;
        border-bottom: double !important;
        margin: 0 0 10px 0 !important;
        overflow: hidden !important;
        padding: 0 0 10px 0 !important;
    }
    .flex2 .social-icon-part {
        float: left;
        margin: 0 0 0 -20px;
    }
    .text-sec2 .col-md-8.col-sm-12 {
        padding: 0;
    }
    .text-sec2 .col-md-8.col-sm-8 {
        padding: 0;
    }
    .section1 .col-md-8.col-sm-8.col-xs-7 {
    padding: 0 0 0 0;
}
.col-md-3.col-sm-6 {
    padding: 0;
}
}