/* styles for browsers larger than 960px; */
@media only screen and (min-width: 960px) {
}
/* styles for browsers larger than 1440px; */
@media only screen and (max-width: 1440px) {
    .payment-form {
        height: auto;
    }
}
/* for sumo sized (mac) screens */
@media only screen and (min-width: 2000px) {
    .contact-form-section .contact-right-grad {
        width: 35.5%;
    }

    .tab-section {
        min-height: 700px;
    }
}

@media only screen and (min-width: 1900px) {

    .fixed-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }
}

@media only screen and (max-device-width: 1366px) {
    .contact-form-section .contact-right-grad {
        width: 8.8%;
    }
    .tab-section {
        display: block;
        margin: 0 auto;
        min-height: 210px;
    }
    .my-custom-scrollbar {
        position: relative;
        height:550px;
        overflow: auto;
    }

}

@media only screen and (max-device-width: 1280px) {
    header {
        padding: 15px 0;
    }

        header.shrink .contact-details {
            margin: 10px 0 0 0;
            font-size: 18px;
        }

    .contact-form-section .contact-right-grad {
        width: 8.5%;
        display: none
    }

}
@media only screen and (max-device-width: 1024px) {
    .know-btn a {
        margin: 50px 0 0 160px;
        border: 2px solid #fff;
    }

    .details-patch {
        font-size: 24px;
        color: #fff;
        font-weight: 600;
        margin: 25px 0 0 0;
    }
    .visa-upd-area .title {
        font-size: 16px;
        height: auto !important;
        margin: 0 0 0px 0 !important;
        font-weight: bold;
        min-height: 50px !important;
    }
}

/*Added By  Rahul*/
@media only screen and (max-device-width: 1024px) {
    .know-btn a {
        margin: 50px 0 0 160px;
        border: 2px solid #fff;
    }

    .details-patch {
        font-size: 24px;
        color: #fff;
        font-weight: 600;
        margin: 25px 0 0 0;
    }

    header .logo {
        max-width: 180px;
    }

    header.shrink .logo {
        max-width: 150px;
    }

    header.shrink .contact-box .button {
        margin: 5px 15px 0 0;
    }

    header .contact-details {
        margin: 25px 0 0 0;
        font-size: 20px;
    }

    .contact-box .button {
        margin: 20px 15px 0 0;
    }
}

@media only screen and (max-device-width: 991px) {
    .contact-box .button {
        margin: 0;
        float: right;
    }

    header.shrink .contact-box .button {
        margin: 0;
    }

    header .contact-details {
        margin: 15px 0 0 0;
        font-size: 20px;
    }
}

    @media only screen and (max-device-width: 767px) {
        header {
            text-align: center
        }

            header .logo {
                max-width: 130px;
                margin: 0 auto;
            }

            header .contact-details {
                margin: 5px auto 0;
                font-size: 14px;
                padding: 0 0 0 30px;
                text-align: center;
                float: none;
            }

        .contact-box {
            text-align: center;
            margin: 0 auto;
            float: none
        }

            .contact-box .button {
                margin: 5px auto;
                padding: 5px 20px;
                float: none;
            }

        header.shrink .contact-box .button {
            padding: 5px 10px;
        }

        header.shrink {
            padding: 10px 0
        }

            header.shrink .logo {
                max-width: 90px;
            }

            header.shrink .contact-details {
                margin: 5px auto 0;
                font-size: 14px;
            }

        header .contact-details:before {
            background-position: 0 -96px;
            top: 0;
            width: 27px;
            height: 17px;
        }

        .visa-tracker-modal .visa-track-btn {
            margin: 15px auto 0;
        }

        .visa-tracker-modal .opp-no-records h2 {
            font-size: 40px;
        }

            .visa-tracker-modal .opp-no-records h2 span {
                font-size: 14px;
            }

        .visa-record-modal .table-responsive table.table .td-flags {
            height: auto;
            margin: 5px 0 0 0
        }

        .visa-record-modal .table-responsive table.table td .fa-circle {
            float: left;
            margin: 5px 0 0 30px;
        }

        .visa-record-modal .table-responsive table.table td {
            padding: 5px 10px;
        }

        .title {
            text-align: center
        }
        header{
            position:inherit
        }
        .search-input-area .search-input-box {
            width: 100%;
            display: block;
            margin: 0px auto 10px;
            border-right: 0;
            border-bottom: 1px solid #D2D2D2;
        }
        .search-input-area .button {
            display: block;
            margin: 0 auto -20px;
            float: none;
        }
    }

/*End*/
@media only screen and (max-device-width: 991px) {
    header .logo {
        max-width: 120px;
    }
        .logform {
        width: 280px;
    }

        .logform .custom-control-label {
            font-size: 13px;
        }

        .logform a {
            color: #fff;
            text-align: left;
            font-size: 13px;
        }

    .booking-service a {
        width: 100%;
    }

    footer .social a {
        width: 35px;
        height: 35px;
        font-size: 18px;
        line-height: 33px;
        margin: 0 0 0 5px;
    }
    /**Tabs Css**/
    .tab-section {
        display: block;
        margin: 40px auto
    }

    .resp-tabs-container .heading {
        font-size: 20px;
        margin: 15px 0
    }

    .resp-tab-content {
        padding: 20px 20px;
    }

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
        position:relative;
    }
    .resp-vtabs ul.resp-tabs-list{
        width:100%;
        padding:10px 5px;
    }
    .resp-vtabs ul.resp-tabs-list li{
        width: 50%;
        float:left;
        padding:5px;
        border:1px solid #fff;
    }
    .resp-arrow {
        position: absolute;
        right: 20px;
        top: 15px;
    }
    h2.resp-accordion i {
        display: none
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }
    .resp-vtabs .resp-tabs-list li:after{
        display:none
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: left;
        width: 100%;
        min-height: initial;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

    .my-custom-scrollbar {
        position: relative;
        height: 450px;
        overflow: auto;
    }

    .scrollup {
        bottom: 85px
    }

    .payment-form {
        padding: 120px 0 0
    }

    .review-details-form .card {
        padding: 0 15px;
        margin: 0 auto 30px;
    }

    .contact-text .title {
        padding: 20px;
    }
    .tab-section {
       height:70vh;
    }
    span.renew-btn {
        margin: 0 5px 0 5px;
    }
    .ac-login .button {
        padding: 5px 7px;
        margin: 0 0 0 5px;
        font-size: 12px;
    }
    header .ac-login {
        width: auto;
        display: inline-block;
        float: none;
        margin: 20px 0 0 0 !important;
        text-transform: uppercase;
        transition-duration: 0.5s;
    }
    /* buttonpatch */
    .details-patch {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        margin: 25px 0 0 0;
    }
}
/* default iPad screens */
@media only screen and (max-device-width: 767px) {
    h1 {
        font-size: 25px
    }

    h2 {
        font-size: 20px
    }

    h3 {
        font-size: 18px
    }
  header{
      text-align:center
  }
    header .logo {
        max-width: 100px;
    }

    header .contact-details {
        margin: 5px auto 0;
        font-size: 14px;
        padding: 0 0 0 30px;
    }

    header.shrink {
        padding: 10px 0
    }

        header.shrink .logo {
            max-width: 90px;
        }

        header.shrink .contact-details {
            margin: 5px auto 0;
            font-size: 14px;
        }

    header .contact-details:before {
        background-position: 0 -96px;
        top: 0;
        width: 27px;
        height: 17px;
    }

    .title {
        text-align: center
    }

    .banner-section {
        margin: 0 auto;
        background-size: cover;
        padding: 80px 0 0;
    }

        .banner-section .title {
            display: block;
            margin: 0 auto;
            text-align: center
        }

            .banner-section .title h1 {
                text-align: center
            }

            .banner-section .title .button {
                padding: 5px 20px;
                margin: 0 auto 20px;
                font-size: 14px;
            }

                .banner-section .title .button i {
                    margin: 0 0 0 0px;
                    font-size: 18px;
                    position: relative;
                    top: 2px;
                }

    .logform {
        width: 300px;
        margin: 0 auto 30px;
    }

    .login-form {
        margin: 0 auto;
        float: none
    }

    .login-icon i {
        font-size: 50px;
        margin: 0 auto;
    }

    .login-form .login-icon {
        margin: 20px auto;
        font-size: 18px;
    }

    .logform .button {
        margin: 10px auto 0;
    }

    .contact-form-section .contact-text {
        background-size: cover;
        right: -15px;
        position: relative
    }

    .contact-form .logform {
        max-width: 300px;
    }

    .contact-text .title {
        color: #fff;
        float: right;
    }

    .trending-visa-section {
        padding: 60px 0
    }

    .visa-upd-area .button {
        margin: 10px auto 30px;
    }

    .visa-updated {
        padding: 60px 0 0 0
    }

    .visa-upd-area .title {
        font-size: 18px;
    }

    .testimonials-section {
        padding: 40px 0
    }

        .testimonials-section .title {
            margin: 0 auto;
        }

    .visa-upd-area .title {
        height: auto !important;
        min-height:auto !important;
        margin:0 0 10px 0 !important;
    }

    .testimonials-section .owl-carousel .owl-nav button.owl-prev, .testimonials-section .owl-carousel .owl-nav button.owl-next {
        font-size: 60px;
        line-height: 20px;
    }

    .visa-updated .visa-upd-area {
        text-align: center;
        margin: 0 auto 30px;
    }

    .trending-box h3 {
        text-align: center
    }

    .trending-box h3 {
        font-size: 18px;
        min-height: auto !important;
    }

    .trending-slider .trending-box {
        text-align: center
    }

    footer {
        text-align: center
    }

        footer .social a {
            width: 35px;
            height: 35px;
            font-size: 18px;
            line-height: 33px;
            margin: 0 0 0 5px;
        }

        footer .contact-details {
            text-align: center;
            width: auto;
            display: inline-block;
            float: none;
            margin: 0 auto;
            padding: 0 0 0 40px;
        }

        footer .social {
            float: none
        }
    /**Visa Update Information Page CSS**/
    .visa-upd {
        display: block;
        text-align: center
    }

    header.visa-upd .logo {
        display: block;
        margin: 0 auto;
        max-width: 120px;
    }

    header .ac-login {
        margin: 10px 0 20px 0 !important;
        float: none;
        display: inline-block;
        width: auto;
    }
    span.topbtn {
        position: absolute;
        right: 15px;
        top: 150px !important;
    }

    .ac-login .ac-loglink {
        float: left;
        font-size: 14px;
        margin: 0 10px 0 0
    }

    .ac-login i {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .ac-login .button {
        padding: 5px 15px;
        font-size: 14px;
        line-height: 15px;
        margin:9px 0 5px 0;
    }

    .visa-upd-banner {
        text-align: center;
        margin:0 auto;
        padding: 80px 0 30px;
    }

    .visa-upd-md-section {
        width: 100%;
        margin: 40px auto;
        text-align: center
    }

        .visa-upd-md-section .title:before {
            left: 0;
            top: 0;
            right: 0;
            display: block;
            margin: auto;
        }

        .visa-upd-md-section .riya-visa-img {
            margin: 0 auto 30px;
        }

    .visa-news-box h3 {
        text-align: center
    }

    .review-details-form .session-out {
        width: 100%
    }
    /**Thanks you page css**/
    .visa-thanks-banner .title {
        margin: 20% auto 0;
        color: #fff
    }

        .visa-thanks-banner .title h1 {
            font-size: 30px;
        }

    .visa-thanks-content {
        font-size: 16px;
    }

    /**Forgot CSS**/
    .forgot-form {
        height: auto;
    }

    .visa-thanks-banner .title p {
        font-size: 20px;
        max-width: 100%;
        margin: 30px auto;
    }

    .my-custom-scrollbar {
        position: relative;
        height: 300px;
        overflow: auto;
    }

    /*buttonpatch*/
    .knowmore-band {
        width: 100%;
        margin: 0 auto;
        background: url(../images/visa-updated-banner.jpg)no-repeat top center;
        background-size: cover;
        position: relative;
        overflow: hidden;
        height: auto;
    }

    .know-box {
        width: 100%;
        background: #851ab8;
        height: auto;
        position: relative;
        float: left;
    }

    .details-patch {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        text-align: center;
        margin: 20px 20px;
    }

    .know-btn {
        width: 100%;
        text-align: center;
        position: relative;
        float: left;
    }

        .know-btn a {
            margin: 10px auto;
            border: 2px solid #fff;
        }

    .knowmore-band .container {
        padding-left: 0;
        max-width: 100% !important;
        padding-right: 0;
    }

    .know-box:before, .knowmore-band:before {
        display: none;
    }

}

@media only screen and (max-device-width: 576px) {
    /**footer Css**/
    footer {
        text-align: center
    }

        footer .social {
            float: none;
            margin: 10px auto 0
        }
}

@media only screen and (max-device-width: 568px) {
    .contact-details .toll-free {
        margin: 0 10px 0 0;
        border: 1px solid #ed1d24;
        padding: 5px 10px;
    }
    .details-patch {
        font-size: 18px;
    }

        .details-patch span {
            font-size: 13px;
            margin: 5px 0 0 0;
        }
}

@media only screen and (max-device-width: 360px) {
    header {
        text-align: center
    }

        header .logo {
            max-width: 100px;
            margin: 0 auto;
            float: none;
            display: block;
        }

        header .contact-details {
            font-size: 12px;
            float: none;
            margin: 0 auto;
            display: inline-block;
        }

    .logform {
        width: 240px;
    }

        .logform a {
            float: left
        }

    .contact-form .logform {
        max-width: 240px;
    }
    /**Visa Update Information Page CSS**/
    header .ac-login {
        width: auto;
        float: none;
        display: inline-block;
        margin: 10px auto 0;
        text-transform: uppercase;
        transition-duration: 0.5s;
    }
}
/* For portrait layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .tab-section {
        height:100%;
    }
}
/* For landscape layouts only */
@media only screen and (min-device-width: 768x) and (max-device-width: 1024px) and (orientation:landscape) {
    .fixed-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
    }

}
/* For landscape layouts only */
@media only screen and (min-device-width: 568px) and (max-device-width: 850px) and (orientation:landscape) {
    header .logo {
        float: left;
        max-width: 150px;
    }

    header.shrink .logo {
        max-width: 130px;
    }

    header.shrink .ac-login .button {
        padding: 5px 15px;
    }

    header.shrink .ac-login .ac-loglink {
        margin: 0 10px 0 0;
    }

    .logform {
        width: 260px;
    }

    header.visa-upd .logo {
        max-width: 140px;
    }

    header .ac-login {
        float: right;
        margin: 10px 0 0 0 !important
    }
    header.shrink .ac-login {
        float: right;
        margin:0 !important;
    }
    .banner-section {
        padding: 30px 0 0;
        margin: 80px auto 0;
    }

    header.shrink .contact-details {
        margin: 10px 0 0 0
    }

    .visa-upd-banner {
        text-align: center;
        margin: 60px auto 0
    }

    .visa-thanks-banner .title {
        margin: 5% auto 0;
        color: #fff;
    }

    .visa-upd-area .title {
        height: auto !important
    }

    .visa-upd-area .title {
        font-size: 18px;
    }

    .my-custom-scrollbar {
        height: 175px;
    }

    .forgot-section {
        height: auto;
    }
    .tab-section {
        height: 100%;
    }
    
}


/*new css 9/5/23*/
@media only screen and (max-device-width: 767px) {

    header .ac-login {
        margin: 30px 0 20px 0 !important;
    }
}

@media only screen and (max-width: 320px) {
    header .ac-login {
        margin: 10px 0 20px 0 !important;
    }
}