@media(max-width: 1600px) {
        .banner-nav a {
            font-size: 16px;
        }
    }
    
    @media(max-width: 1365px) {
        header .navbar-nav .nav-link {
            font-size: 16px;
        }
        header .right-toggle .navbar-toggler {
            width: 80px;
            height: 80px;
        }
        .banner-nav a {
            font-size: 11px;
        }
    }
    
    @media(max-width: 1200px) {
        .container {
            max-width: 1100px;
        }
        .d_view.new-v .navbtn {
            display: block;
        }
        .d_view.new-v .banner-nav {
            display: none;
        }
        header.d_view.new-v a.donate_btn {
            width: 110px;
            margin: 0 10px;
        }
        .d_view.new-v .lngg {
            display: block;
            margin-right: 10px;
        }
        .pos-f-t.right-toggle {
            width: 100%;
            max-width: fit-content;
        }
        .d_view.new-v .bootstrap-select.btn-group.fit-width .btn .filter-option {
            color: #000;
        }
        .d_view.new-v .bootstrap-select.btn-group:not(.input-group-btn),
        .bootstrap-select.btn-group[class*=span],
        .bootstrap-select.btn-group[class*=col-] {
            margin-bottom: 0;
        }
        .main-header {
            display: none;
        }
        nav.navbar.navbar-expand-lg.fixed-top.main-nav.wow.fadeInDown {
            margin-top: 0;
        }
        .bonus {
            margin-top: 0px;
        }
        .bonus h1 {
            font-size: 70px;
        }
        .bonus h5 {
            font-size: 25px;
        }
        .bonus span {
            font-size: 35px;
        }
        .banbner_area h4 {
            font-size: 19px;
        }
        .banbner_area button {
            right: 0;
        }
    }
    
    @media(max-width: 1024px) {
        header .navbar-nav .nav-link {
            font-size: 14px;
        }
        .head_title h3 {
            font-size: 30px;
            line-height: 34px;
        }
        p {
            font-size: 16px;
            line-height: 28px;
        }
        .banner_area h1 span {
            font-size: 40px;
        }
        .banbner_area {
            padding-top: 50px;
        }
        .banbner_area input {
            max-width: 540px;
            width: 100%;
        }
        .bonus h5 {
            line-height: 40px;
            font-size: 18px;
        }
        .bonus h1 {
            font-size: 60px;
            line-height: 80px;
        }
        .bonus h1 svg {
            width: 60px;
            height: 60px;
        }
        .bonus span {
            font-size: 20px;
            line-height: 10px;
        }
        .bonus {
            max-width: 500px;
        }
        .btn_hlp {
            width: 130px;
            height: 40px;
        }
    }
    
    @media(max-width: 992px) {
        .container {
            max-width: 960px;
        }
        header>nav.navbar {
            padding: 10px 20px;
        }
        .banbner_area input {
            max-width: 430px;
            width: 100%;
        }
        .banbner_area h4 {
            font-size: 15px;
        }
        .bonus h5 {
            line-height: 25px;
            font-size: 15px;
        }
        .bonus span {
            font-size: 15px;
        }
        .bonus {
            max-width: 420px;
        }
        .banbner_area input,
        .banbner_area button {
            height: 50px;
            font-size: 15px;
        }
        footer {
            padding: 50px 0;
        }
    }
    
    @media(max-width: 820px) {
        .banner_content {
            max-width: 340px;
        }
        .banbner_area input {
            max-width: 360px;
            font-size: 13px;
        }
        .bonus h1 {
            font-size: 50px;
            line-height: 65px;
        }
        .bonus h1 svg {
            width: 50px;
            height: 50px;
        }
    }
    
    @media(max-width: 768px) {
        .container {
            max-width: 720px;
        }
        .banbner_area input {
            width: 320px;
            font-size: 11px;
        }
        .banbner_area button {
            width: 110px;
        }
    }
    
    @media(max-width: 767px) {
        a.navbar-brand img {
            max-width: 70%;
            width: 70%;
        }
        .banbner_area {
            background-position: center;
            background-size: cover;
        }
        body {
            background: #4e0013;
        }
        a.navbar-brand {
            padding-top: 10px;
            max-width: 50px;
        }
        .banbner_area button {
            position: relative;
            width: 100%;
            margin-top: 20px;
        }
        .links li a,
        .links p {
            font-size: 15px;
        }
    }
    
    @media(max-width: 600px) {
        .books img {
            width: 50px;
        }
    }
    
    @media(max-width: 576px) {
        .container {
            max-width: 540px;
        }
    }
    
    @media(max-width: 767px) {
        header .right-toggle .navbar-toggler {
            height: 50px;
            width: 50px;
        }
        .main-nav.lightHeader .navbar-brand img {
            max-width: 73px;
        }
        .main-nav.lightHeader .navbar-toggler {
            height: 50px;
        }
        header>nav.navbar {
            padding: 0px 15px;
            align-items: flex-start;
        }
        a.navbar-brand {
            padding-top: 10px;
            max-width: 90px;
        }
        a.navbar-brand img {
            max-width: 60%;
            width: 100%;
        }
        .navbar-brand svg {
            width: 70px;
            height: auto !important;
        }
        .bonus {
            max-width: 100%;
            height: 250px;
        }
        .banbner_area input {
            width: 100%;
        }
        form.example {
            margin-bottom: 10px;
        }
        .lft_img {
            text-align: center;
        }
        .lft_img img {
            width: 50%;
        }
    }
    
    @media(max-width: 600px) {
        .lngg,
        .donate_btn {
            display: none !important;
        }
        .pos-f-t.right-toggle {
            background-color: transparent;
            box-shadow: none;
        }
        .sidenav {
            max-width: 60%;
        }
    }
    
    @media(max-width:575px) {
        .sidenav {
            max-width: 80%;
        }
    }
    
    @media(max-width: 320px) {
        header .right-toggle .collapse-content-inner {
            width: 100%;
        }
        nav.right-toggle-content {
            position: static;
        }
        .sidenav {
            max-width: 90%;
        }
    }