
@media (max-width: 1200px) {

    .filterboxresult .homeboxes .img3 {
        height: 170px;
    }

    .filterboxresult .magazine-boxes .magazineimg4 {
        height: 330px;
    }
}

    @media (max-width: 768px) {
        .paginationhere .proYear .selectDiv {
            width: 129px;
            margin: 0 5px 0 5px;
        }
        .pagination{
            display: inline-flex;
        }
        .onwhichpage{
            width:100px;
        }
        .paginationhere .proYear{
           margin-right: 0;
        }
        .magazinesearchbtn {
            display: none;
        }
    }
    
    @media (max-width: 991px) and (min-width: 768px) {

        .filterboxresult .col-lg-4.col-sm-6 {
            padding: 0 6px;
        }

        .paginationhere .proYear .selectDiv {
            width: 133px;
            margin: 0 5px 0 5px;
        }
        .onwhichpage{
            width:100px;
        }
        .paginationhere .proYear {
            margin-right: 0px;
            display: flex;
            align-items: center;
        }

        .paginationhere .pagination {
            margin: 0;
            display: inline-flex;
        }

        .pagination .onwhichpage {
            width: 100px;
        }
    }

    @media (max-width: 991px) {

        .filterboxresult .homeboxes {
            max-width: 260px;
            margin: auto auto 30px;
        }

        .filterboxresult .magazine-boxes .magazineimg4 {
            height: 290px;
        }

        .filterboxresult .homeboxes .img3 {
            height: 130px;
        }
    }

    @media (max-width: 767px) {

        .filterboxresult .homeboxes .img3 {
            height: 150px;
        }

        .filterboxresult .magazine-boxes .magazineimg4 {
            height: 330px;
        }
    }

    @media (max-width: 600px) {

        .explore .mainhead h1 {
            font-size: 28px;
            line-height: 35px;
            font-family: Gotham-Medium;
            font-weight: 500;
        }

        .explore {
            padding: 30px 15px;
        }

        .explorehead h1 {
            font-family: "Gotham A","Gotham B" !important;
            font-size: 28px;
        }

        .filterbox {
            padding: 0 15px;
            display: grid;
        }

            .filterbox .filtersearch {
                grid-row: 1/2;
                margin-bottom: 30px;
            }

        .filterboxresult {
            padding: 0 15px;
        }

        .w-xs-100 {
            width: 100%;
        }

        .filterboxresult .homeboxes {
            max-width: 350px;
        }

            .filterboxresult .homeboxes .img3 {
                height: 200px;
            }

        .filterbox .filtersmallsearchresult,
        .filterbox .filtersearchresult {
            grid-template-columns: 1fr 53px;
        }

            .filterbox .filtersmallsearchresult .clearbtn
            .filterbox .filtersearchresult .clearbtn {
                display: block;
                font-size: 14px;
                line-height: 18px;
            }

        .filterbox .clearbtn {
            display: none;
        }

        .filterbox .filtersmallhead,
        .filterbox .filterhead {
            grid-template-columns: 1fr max-content;
            border-bottom: 0;
            padding: 0;
            margin-bottom: 30px;
            align-items: center;
        }

            .filterbox .filtersmallhead small,
            .filterbox .filterhead small {
                font-size: 14px;
                line-height: 24px;
            }

        .filterbox h2 {
            display: none;
        }

        .filterbox .filtersmallhead .btn.btn-primary,
        .filterbox .filterhead .btn.btn-primary {
            display: block;
            background: #E8E8E8;
            border-radius: 3px;
            padding: 7px 15px;
            font-size: 14px;
            line-height: 16px;
            color: #333;
            border: none;
            width: fit-content;
        }

            .filterbox .filtersmallhead .btn.btn-primary img,
            .filterbox .filterhead .btn.btn-primary img {
                width: 24px;
                height: auto;
                margin-right: 10px;
            }

        .modal.searchcats .modal-dialog {
            margin: 0;
        }

            .modal.searchcats .modal-dialog .modal-content {
                border: none;
                border-radius: 0;
            }

        .modal.searchcats .filterbox {
            display: flex;
            flex-direction: column;
            max-width: 80%;
            margin: 0 auto;
            height: 100vh;
            padding: 25px 15px 10px;
        }

            .modal.searchcats .filterbox .clearbtndiv {
                margin-bottom: 20px;
            }

        .paginationhere {
            flex-direction: column-reverse;
        }

            .paginationhere .pagination {
                margin-bottom: 10px;
            }

            .paginationhere .proYear {
                display: grid;
                grid-template-columns: 1fr 137px;
                grid-gap: 5px 15px;
                margin: 0;
            }

                .paginationhere .proYear .selectDiv {
                    margin: 0;
                }

                .paginationhere .proYear .onwhichpage {
                    grid-row: 2/3;
                    grid-column: 1/3;
                    text-align: right;
                }

        .advance_filter_btn {
            position: fixed;
            bottom: 40px;
            left: 0;
            width: 100%;
            padding: 10px 0;
            background: white;
        }

            .advance_filter_btn .clubGoalsformSubmit {
                margin: 0;
                display: grid;
                grid-template-columns: 100px 100px;
                grid-gap: 15px;
                justify-content: center;
            }

                .advance_filter_btn .clubGoalsformSubmit .btn {
                    width: 100px;
                }

        .pagination_btns {
            display: flex;
            justify-content: center;
        }

            .pagination_btns .btn {
                margin: 10px;
                width: 138px;
                font-weight: 400;
            }

        .paginationhere .proYear .onwhichpageResponsive {
            margin-bottom: 5px;
            display: block;
        }
    }


    /*custom*/

    @media (max-width: 600px) {

        .modal.searchcats {
            overflow: hidden;
        }

            .modal.searchcats .modal-dialog {
                width: 100%
            }

            .modal.searchcats .filterbox .clearbtndiv {
                display: block !important;
            }

            .modal.searchcats .filterbox .filtersmallhead {
                display: grid !important;
            }

            .modal.searchcats .filterbox .filtersmallsearchresult {
                display: block !important;
            }

            .modal.searchcats .filterbox .advance_filter_btn {
                display: block !important;
            }

            .modal.searchcats .filterbox .onlysmallweb {
                display: block !important;
            }

        .filterbox .onlyweb {
            display: none !important;
        }

        .searchcats.onlysmallweb {
            max-height: 50vh;
            overflow: auto;
        }

        .title.connectus,
        .mainhead h1:not(.title),
        .mainhead h1 {
            font-size: 28px;
            line-height: 35px;
        }

        .paginationhere .proYear {
            margin: 0;
            display: block !important;
            text-align: center !important;
        }

        .exploremobile {
            background: #fff !important;
            color: #772432 !important;
            border: 1px solid #772432 !important;
        }
    }
