/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px) {}



@media (min-width: 1800px) and (max-width: 1899px) {}


@media (min-width: 1300px) and (max-width: 1399px) {
    .header .logo {
        margin-right: 40px;
    }
    .header h3 {
        font-size: 22px;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    .header .logo {
        margin-right: 40px;
    }
    .header h3 {
        font-size: 20px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    
    
    .header .logo {
        margin-right: 40px;
    }
    .header .logo a {
        display: inline-block;
    }
    
    .header h3 {
        font-size: 18px;
        line-height: 19px;
    }
    .help-main .section-title {
        padding: 0 0 20px;
    }
    .section-title {
        font-size: 28px;
        line-height: 30px;
    }
    .help-form .form-group {
        padding-bottom: 40px;
    }
    .help-form .btn {
        right: 10px;
        bottom: 10px;
    }

    .btn img {
        width: 24px;
    }
    .login-box {
        padding: 0 15px;
    }
    .login-box ul {
        margin: 0 -5px;
        flex-wrap: wrap;
    }
    .login-box ul li a img {
        margin-right: 6px;
    }
    
    .privacy-text {
        padding: 15px;
    }
    .privacy-text p {
        font-size: 15px;
        line-height: 18px;
    }
    .login-box ul li a {
        border-radius: 27px;
        padding: 8px 12px;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #AFAFAF;
        text-decoration: none;
    }
    .btn {
        font-size: 16px;
        line-height: 16px;
    }
    .header .logo img {
        width: 200px;
    }
    .help-form .title {
        font-size: 17px;
        line-height: 22px;
        border-radius: 24px;
        padding: 15px;
    }
    .help-text p {
        font-size: 17px;
        line-height: 22px;
        margin: 0 0 20px;
    }
    .help-text {
        padding: 0 12px 30px;
    }
    .accordion-button {
        padding: 25px 15px;
        font-size: 16px;
        line-height: 18px;
    }
    .accordion-body {
        position: relative;
        padding: 0 15px 25px;
    }
    .modal-body {
        padding: 27px 15px;
    }
    .modal-content .form-control {
        padding: 10px 12px;
        font-size: 16.26px;
        line-height: 20px;
        height: 45px;
    }
    .modal-content .form-group label {
        font-size: 17.36px;
        line-height: 17px;
        margin: 0 0 7px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .header .logo img {
        width: 200px;
    }
    .wrapper {
        min-height: auto;
    }
    .header {
        padding: 15px;
        padding-bottom: 100px;
        text-align: center;
    }
    .header .logo a {
        display: inline-block;
    }
    .header .logo {
        margin-right:20px;
    }
    .header h3 {
        font-size: 14px;
        line-height: 19px;
    }
    .help-main .section-title {
        padding: 0 0 20px;
    }
    .section-title {
        font-size: 28px;
        line-height: 30px;
    }
    .help-form .form-group {
        padding-bottom: 40px;
    }
    .help-form .btn {
        right: 10px;
        bottom: 10px;
    }

    .btn img {
        width: 24px;
    }
    .login-box {
        padding: 0 15px;
    }
    .login-box ul {
        margin: 0 -5px;
        flex-wrap: wrap;
    }
    .login-box ul li a img {
        margin-right: 6px;
    }
    
    .privacy-text {
        padding: 15px;
    }
    .privacy-text p {
        font-size: 15px;
        line-height: 18px;
    }
    .login-box ul li a {
        border-radius: 27px;
        padding: 8px 12px;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #AFAFAF;
        text-decoration: none;
    }
    .btn {
        font-size: 16px;
        line-height: 16px;
    }
    .help-form .title {
        font-size: 17px;
        line-height: 22px;
        border-radius: 24px;
        padding: 15px;
    }
    .help-text p {
        font-size: 17px;
        line-height: 22px;
        margin: 0 0 20px;
    }
    .help-text {
        padding: 0 12px 30px;
    }
    .accordion-button {
        padding: 25px 15px;
        font-size: 16px;
        line-height: 18px;
    }
    .modal-body {
        padding: 27px 15px;
    }
    .modal-content .form-control {
        padding: 10px 12px;
        font-size: 16.26px;
        line-height: 20px;
        height: 45px;
    }
    .modal-content .form-group label {
        font-size: 17.36px;
        line-height: 17px;
        margin: 0 0 7px;
    }
}

@media (max-width: 767px) {
    .wrapper {
        min-height: auto;
    }
    .header {
        display: block;
        align-items: center;
        padding: 15px;
        padding-bottom: 30px;
        text-align: center;
    }
    .header .logo a {
        display: inline-block;
    }
    .header .logo img {
        width: 200px;
    }
    .header .logo {
        margin: 0 0 20px;
    }
    .header h3 {
        font-size: 14px;
        line-height: 19px;
    }
    .help-main .section-title {
        padding: 0 0 20px;
    }
    .section-title {
        font-size: 28px;
        line-height: 30px;
    }
    .help-form .form-group {
        padding-bottom: 40px;
    }
    .help-form .btn {
        right: 10px;
        bottom: 10px;
    }

    .btn img {
        width: 24px;
    }
    .login-box {
        padding: 0 15px;
    }
    .login-box ul {
        margin: 0 -5px;
        flex-wrap: wrap;
    }
    .login-box ul li a img {
        margin-right: 6px;
    }
    .login-box ul li {
        padding: 0 5px;
        padding-bottom: 10px;
        max-width: 50%;
        flex:  0 0 50%;
    }
    .privacy-text {
        padding: 15px;
    }
    .privacy-text p {
        font-size: 15px;
        line-height: 18px;
    }
    .login-box ul li a {
        border-radius: 27px;
        padding: 8px 12px;
        font-weight: 400;
        font-size: 16px;
        line-height: 16px;
        color: #AFAFAF;
        text-decoration: none;
    }
    .btn {
        font-size: 16px;
        line-height: 16px;
    }
    .help-form .title {
        font-size: 15px;
        line-height: 20px;
        border-radius: 24px;
        padding: 15px;
    }
    .help-text p {
        font-size: 15px;
        line-height: 20px;
        margin: 0 0 20px;
    }
    .help-text {
        padding: 0 12px 30px;
    }
    .accordion-button {
        padding: 12px;
        font-size: 14px;
        line-height: 18px;
        padding-right: 30px;
        font-weight: 400;
    }
    .accordion-body p {
        font-size: 14px;
        line-height: 20px;
    }
    .accordion-body {
        padding: 0 15px 24px;
    }
    .accordion-button::after {
        top: 10px;
        right: 10px;
    }
    .accordion-item:after,
    .accordion-item:before {
        border-radius: 10px;
    }
    .modal-body {
        padding: 27px 15px;
    }
    .modal-content .form-control {
        padding: 10px 12px;
        font-size: 16.26px;
        line-height: 20px;
        height: 45px;
    }
    .modal-content .form-group label {
        font-size: 17.36px;
        line-height: 17px;
        margin: 0 0 7px;
    }
}

@media (max-width: 429px) {

}






/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/


@media (max-width: 400px) {}


@media (max-width: 374px) {}


@media (min-width: 240px) and (max-width: 575px) {}

/*---------- Large Desktop , Large Screen End ----------*/