/*========== min ==========*/
@media (min-width: 1600px) {
    .banner .banner-content.banner-content-insurance {
        top: 50%;
        transform: translate(0, -50%);
    }
}
@media (min-width: 768px) {
    .visible-mobile {
        display: none !important;
    }
    .ct-br-bf-m {
        display: block;
    }
}

@media (min-width: 992px) {
    .policy-footer-wrap {
        margin-top: 80px;
    }
    .confirm-custom-box .custom-box-content {
        padding: 50px;
        font-size: 20px;
        font-family: "prompt";
    }

    .visible-device {
        display: none !important;
    }
    .action .btn:nth-child(2) {
        margin-left: 10px;
    }
    .ct-br-desktop {
        display: block;
    }
    .object.g-one {
        animation: animationGroupOne 10s infinite;
    }
    .object.g-two {
        animation: animationGroupTwo 10s infinite;
    }
    .object.g-three {
        animation: animationGroupThree 15s infinite;
    }
    .social-contact {
        float: right;
        text-align: right;
    }
    .banner-content-insurance .action {
        margin-top: 20px;
    }
    .travel-landing-form-2 .action {
        margin-top: 0px;
    }
}

/*========== min and max ==========*/
@media (min-width: 768px) and (max-width: 991px) {
}

/*========== max ==========*/
@media (max-width: 1023px) {
    .form-wrap .heading-h4 {
        text-align: center !important;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .banner .banner-content.banner-content-insurance {
        position: absolute;
        top: 4%;
        transform: none;
        left: 13%;
    }
    .banner-insurance-form .heading-h1 {
        font-size: 30px;
    }
    .field {
        margin-top: 10px;
    }
    .banner-bottom {
        top: 97%;
    }
}

@media (max-width: 991px) {
    .hidden-device {
        display: none !important;
    }
    h1,
    .heading-h1 {
        font-size: 45px;
    }
    .sc-heading {
        margin-bottom: 35px;
    }
    .sc-heading .desc {
        font-size: 18px;
    }
    h3,
    .heading-h3 {
        font-size: 22px;
    }
    /* .sc-inner { padding: 50px 0; } */
    .table-overflow {
        overflow-x: auto;
    }
    .banner .banner-content {
        text-align: center;
        width: 100%;
        top: 20%;
        left: 0;
    }
    .banner .banner-content.banner-content-insurance {
        position: relative;
        left: 0;
        transform: none;
        top: 0 !important;
    }
    .wave-section {
        background: url(../img/bg-wave-m.png);
        background-position: bottom;
        background-size: 100% 15%;
        background-repeat: no-repeat;
    }
    .offer-slide .slick-list {
        padding: 0;
    }
    .offer-slide .slick-slide {
        padding: 0 10px;
    }
    .offer-slide .slick-dots {
        bottom: -50px;
    }
    .benefit-item {
        text-align: center;
    }
    .gadian-section .object-bg-4 {
        top: 15%;
        left: 75%;
        width: 10%;
    }
    .benefit-item img {
        max-width: 120px;
    }
    .benefit-item .desc {
        margin-top: 0;
        margin-bottom: 15px;
    }
    .gadian-section .action {
        text-align: center;
    }
    .benefit-ant {
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 33%;
    }
    .gadian-section .object-bg-11 {
        display: none;
    }
    .news-wrap {
        margin-left: 0;
    }
    .news-slide .slick-list {
        padding: 0 75px;
    }
    .news-section .object-bg-12 {
        left: 0;
        top: 15%;
        width: 25%;
    }
    .news-section .object-bg-2 {
        display: none;
    }
    .accordion .title {
        font-size: 18px;
    }
    .faq-section .object {
        display: none;
    }
    .accordion {
        padding: 0 15px;
    }
    .insurance-type-box .heading-h3 {
        text-align: left;
        font-size: 22px;
    }
    .insurance-type-box .box-detail .desc {
        font-size: 13px;
        margin-top: 5px;
    }
    .insurance-type-box .box-detail .action {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .insurance-type-box .box-detail .object-1 {
        top: 45px;
    }
    .wave-lg-section {
        background: url(../img/bg-wave-lg-m.png);
        background-position: top;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-top: 0px;
    }
    .footer-img-object {
        position: absolute;
        max-width: 26%;
        top: -9%;
        right: 5%;
        bottom: unset;
        left: unset;
    }
    .about-us-item {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .about-us-item.mg-bt {
        margin-bottom: 50px;
    }
    .heading-custom {
        position: relative;
        top: 0;
        padding-top: 65px;
    }
    .footer-item {
        width: 100%;
    }
    .policy-footer {
        text-align: center;
        font-weight: bold;
        font-family: "prompt";
        padding: 20px 0;
    }
    .logo-footer {
        display: none;
    }
    .banner-content.banner-insurance-form {
        width: 80%;
        padding-bottom: 0;
        height: auto;
        margin-top: 100px;
    }
    .banner-insurance-form {
        width: 80%;
        margin: auto;
    }
    .banner-content .banner-insurance-form {
        padding: 40px;
        padding-bottom: 43%;
    }
    .banner-insurance-form .field .title {
        font-size: 18px;
    }
    .banner-insurance-form .action {
        text-align: center !important;
    }
    .ui-datepicker {
        width: 18.29em;
    }
    .banner .sc-heading {
        margin-top: 30px;
    }
    .banner-bottom {
        top: 95%;
    }
    .form-step-wrap {
        width: 100%;
    }
    .step-item.active .step-number,
    .step-item.success .step-number {
        border: 4px solid #00916e;
    }
    .step-item::before {
        content: "";
        width: calc(100% - 30px);
        height: 5px;
        background-color: #eee;
        position: absolute;
        z-index: 0;
        left: calc(50% + 15px);
        top: 15%;
        border-radius: 60px;
    }
    .step-item.active::after {
        content: "";
        width: calc(100% - 80px);
        height: 5px;
        background-color: #00916e;
        position: absolute;
        z-index: 0;
        left: calc(50% + 15px);
        top: 15%;
        border-radius: 60px;
    }
    .step-item .step-desc {
        height: 48px;
    }
    .accordion-travel-group .accordion > .title {
        text-align: center;
    }
    .accordion-travel-group .accordion > .title .total {
        display: block;
        float: unset;
        text-align: center;
    }
    .more-option-item .title,
    .more-option-item .total {
        text-align: left;
    }
    .travel-form-object {
        display: none;
    }
    .more-option-item {
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        padding: 17px 35px 17px 5px;
        margin: 0;
    }
    .coverage-img-wrap {
        width: 100%;
        display: table;
        padding: 0 20px;
        margin-bottom: 0;
    }
    .custom-box-content {
        padding: 25px;
    }
    .popup-content.w50 {
        width: 75%;
    }
    .action-custom-total {
        text-align: center;
    }
    .select-result .select-result-item:nth-child(1) {
        border-bottom: 1px solid #eee;
    }
    .select-result .select-result-item:nth-child(2) {
        border-bottom: 1px solid #eee;
    }
    .gadian-section .sc-heading {
        text-align: center;
    }
    .object.object-11 {
        left: 0;
        top: 6%;
        width: 10%;
    }
    .object.object-13 {
        right: 0%;
        top: 5%;
    }
    .section-orange .object-bg-2 {
        right: 2%;
    }
    .section-orange .object-bg-14 {
        left: 1%;
        top: 12%;
    }
    .custom-box-right .custom-box-content {
        padding: 25px 17px;
    }
    footer.footer.footer-form {
        text-align: center;
    }
    footer.footer.footer-form .col-sm-4:nth-child(3) {
        text-align: center;
    }
    footer.footer.footer-form .col-sm-4 {
        margin-bottom: 10px;
    }
    .popup-content.w60 {
        width: 80%;
    }
    .full-screen-section {
        min-height: calc(100vh - 167px);
    }
    .accordion-travel-group .accordion > .content .inner {
        padding: 0;
    }
    .accordion-travel-group .accordion.active .title {
        padding: 0;
    }
    .accordion > .title:after {
        top: 35%;
    }
    .home-banner .banner .banner-content {
        position: relative;
        top: unset;
        transform: none;
    }
    .banner-circle {
        bottom: -10%;
    }
    .blog-item {
        width: calc(100% / 2 - 10px);
    }
    .blog-banner .banner .banner-content {
        margin-top: 0;
        padding: 0 20px;
        top: 20% !important;
        position: absolute;
    }
    .blog-banner {
        background-color: #f6f6f6;
        text-align: center;
    }
    .blog-banner .banner-bottom {
        top: 90%;
        left: 0;
        z-index: 0;
    }
    .login-section {
        background: unset;
    }
    .account-tab-info,
    .account-info {
        width: 100%;
        display: block;
        box-shadow: 1px 12px 9px -3px #ccc;
        border-radius: 10px;
    }
    .account-tab-info {
        margin-top: 30px;
    }
    .account-box {
        background: none;
        box-shadow: none;
    }
    .account-box-head {
        border-radius: 10px 10px 0 0;
    }
    .banner.motor-banner .banner-content.banner-content-insurance {
        position: relative;
        padding-bottom: 30%;
    }
    .banner-img.visible-device {
        position: absolute;
        bottom: -10%;
    }
    .blog-banner .banner-img.visible-device {
        position: relative;
    }
    .blog-banner .banner-img.visible-device img {
        margin: auto;
    }
    .about-banner .banner-img.visible-device {
        position: relative;
    }
    .btn.btn-fitwidth {
        width: auto !important;
        display: inline-block;
        padding: 0 50px !important;
    }
    .field .remark {
        position: relative;
        width: 100%;
    }
    .insurance-type-box .box-img {
        margin-bottom: 20px;
    }
    .account-btn {
        white-space: pre-line;
        line-height: 60px;
    }
    .account-btn .user-name {
        vertical-align: middle;
        line-height: 1;
    }
    .account-btn .ic {
        vertical-align: super;
    }
    .header-form .account-btn .ic {
        vertical-align: top;
    }
    .account-btn .ic.vertical-baseline {
        vertical-align: text-bottom;
    }
    .user-name:empty + .ic.ic-account {
        line-height: 1.7;
    }
    .object.object-bg-23 {
        right: 0;
        bottom: calc(0% + 200px);
    }
    .tooltips-info::after {
        display: none;
    }
    select:disabled {
        background: #dddddd;
      }
      .coverage-img-item .desc {
        display: block;
        margin-top: 5px;
    }
    
}

@media (max-width: 767px) {
    .heading-h1,
    .heading-h2,
    .heading-h3,
    .heading-h4,
    .heading-h5,
    .heading-h6 {
        text-align: center;
        
    }
  
    h2,
    .heading-h2 {
        font-size: 30px;
    }
    .hidden-mobile {
        display: none !important;
    }
    .ct-br-m {
        display: block;
    }
    h1,
    .heading-1,
    h2,
    .heading-2,
    h3,
    .heading-3,
    h4,
    .heading-4,
    h5,
    .heading-5,
    h6,
    .heading-6 {
        line-height: 1;
    }
    h1,
    .heading-h1 {
        font-size: 30px;
    }
    .sc-heading .desc {
        font-size: 18px;
    }
    .hl-section .object-bg-6 {
        display: none;
    }
    .hl-section .object-bg-7 {
        right: 0;
        bottom: -5%;
        z-index: -1;
        width: 24%;
    }
    .hl-section .object-bg-1 {
        left: 3%;
        bottom: 0;
        width: 15%;
    }
    .sc-inner { padding: 30px 0; }
    .sc-inner.more-bottom {
        padding-bottom: 70px;
    }
    .action .btn:nth-child(2) {
        margin-top: 10px;
    }
    .section-insurance-type .object-bg-15 {
        right: 73%;
        top: 15%;
        width: 15%;
    }
    .section-insurance-type .object-bg-5 {
        display: none;
    }
    .section-insurance-type .object-bg-13 {
        display: none;
    }
    .section-orange .object {
        display: none;
    }
    .footer-img-object {
        position: absolute;
        max-width: 40%;
        top: 6%;
        right: 0;
        bottom: unset;
        left: unset;
    }
    .heading-custom br {
        display: block !important;
    }
    .wave-section .action {
        text-align: center;
    }
    .banner-insurance-form {
        margin-top: -5%;
    }
    .banner-content .banner-insurance-form {
        padding: 15px 25px 80px;
    }
    .insurance-type-box .heading-h3 {
        text-align: left;
        font-size: 18px;
    }
    .section-text-img .action {
        text-align: center;
    }
    .section-text-img .desc {
        text-align: center;
    }
    .field {
        margin-top: 10px;
    }
    .banner-insurance-form .action {
        margin-top: 20px;
    }
    .banner-content .banner-insurance-form {
        padding: 25px 25px 44%;
    }
    .full-screen-section {
        min-height: calc(100vh - 185px);
    }
    .insurance-price .price {
        font-size: 20px;
        color: #ff8200;
        margin: 0 5px;
    }
    .yellow-section .select select {
        line-height: normal;
        padding: 0 15px 0 5px;
        -o-text-overflow: "";
        text-overflow: "";
        cursor: pointer;
        font-size: 12px;
        height: 30px;
        line-height: 30px;
    }
    .yellow-section .select:after {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    .yellow-section .select {
        width: 60px;
    }
    .custom-box-left {
        width: 100%;
        display: block;
    }
    .custom-box-right {
        width: 100%;
        display: block;
    }
    .insurance-detail .heading-h4 {
        text-align: left;
    }
    .radio-field-sm {
        width: 100% !important;
        height: 50px !important;
        margin: 10px 0 0;
    }
    .action-custom-total {
        text-align: center;
    }
    ul.custom-box-list li {
        width: 49%;
        display: inline-block;
        font-size: 13px;
    }
    .custom-box-left .custom-box-header {
        border-radius: 10px 10px 0 0;
    }
    .custom-box-right .custom-box-header {
        border-radius: 0;
    }
    .action .btn {
        width: 100%;
        margin: auto;
        padding: 0;
    }

    .btn-social {
        width: 40px;
        height: 40px;
        padding: 0;
        line-height: 35px;
        font-size: 26px;
        text-align: center;
        margin: 0 5px;
    }
    footer.footer.footer-form .col-sm-4 {
        float: unset;
        text-align: center !important;
    }
    .custom-box-title {
        font-size: 15px;
    }
    .yellow-section .desc {
        font-size: 11px;
        vertical-align: middle;
    }
    .yellow-section .insurance-price {
        font-size: 11px;
    }
    .more-option-item,
    .more-option-item .total {
        text-align: center;
        padding-right: 17px;
    }
    .custom-box-header {
        padding: 15px 20px;
    }
    .select-result .select-result-item {
        border-bottom: 1px solid #eee;
    }
    .select-result .select-result-item:nth-child(4) {
        border-bottom: 0;
    }
    .motor-form-object .object-2 {
        width: 13%;
        top: 14%;
        right: 2%;
    }
    .motor-form-object .object-1 {
        width: 18%;
        top: 2%;
    }
    .motor-form-object .object-5 {
        display: none;
    }
    .motor-form-object .object-4 {
        /* width: 23%;
        left: 1%;
        bottom: 7%; */
        display: none;
    }
    .motor-form-object .object-3 {
        /* width: 18%;
        bottom: 10%; */
        display: none;
    }
    .coverage-img-item {
        max-width: calc(100% / 2);
        text-align: left;
        float: left;
    }
    .coverage-img-item .img {
        display: table-cell;
    }
    .coverage-img-item .desc {
        padding-left: 10px;
        margin-top: unset;
        display: table-cell;
    }
    footer.footer.footer-form .col-sm-4 {
        width: 100%;
    }
    .package-hl .package-hl-item {
        margin-top: 50px;
    }
    .radio-field {
        width: calc(100% / 2 - 10px);
        height: 160px;
    }
    .step-item .step-desc {
        opacity: 0;
    }
    .step-item.active .step-desc {
        opacity: 1;
        font-size: 14px;
    }
    .step-item.active .step-number {
        width: 40px;
        height: 40px;
        line-height: 31px;
        font-size: 21px;
        margin-top: -5px;
    }
    .popup-content .customer-type-wrap .radio-field {
        width: 220px;
    }
    .offer-slide .slick-list {
        padding: 0 25px;
    }
    .wave-section {
        background-size: 100% 11%;
    }
    /* .wave-lg-section {
        background-position: bottom;
        background-size: 110% 90%;
    } */
    input[type="radio"].radio-box + .field-content-center .radio-box-hl {
        font-size: 42px;
    }
    .accordion-travel-group .accordion > .title {
        text-align: left;
    }
    .insurance-box .heading-h3 {
        font-size: 18px;
    }
    .insurance-box {
        margin: auto;
    }
    .insurance-box-wrap .insurance-box:first-child {
        margin-right: 10px;
    }
    .blog-tab .tab .control .tab-menu {
        font-size: 16px;
    }
    .blog-item {
        margin: 15px 5px 5px;
        font-size: 14px;
    }
    .blog-detail {
        padding: 20px;
    }
    .blog-banner .banner-bottom {
        top: 94%;
    }
    .account-box-body {
        font-size: 16px;
    }
    .header .login-box {
        margin: 20px -40px;
    }
    .pushy-open-left .pushy,
    .pushy-open-right .pushy {
        width: 100%;
    }
    .header-account-menu-wrap {
        width: 100% !important;
        left: 0 !important;
    }
    .header-account-wrap {
        position: unset;
    }
    .site-overlay-mobile {
        display: none;
    }
    .site-overlay-mobile.active {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-animation: fade 500ms;
        animation: fade 500ms;
    }
    .banner.motor-banner .banner-content.banner-content-insurance {
        padding-bottom: 60%;
        padding-top: 20%;
        
    }
    .banner-img.visible-device {
        bottom: 5%;
    }
    .offer-slide {
        margin: 0 -15px;
    }
    .banner-content .banner-insurance-form {
        padding: 25px 15px 50%;
        width: 95%;
    }
    .popup-content.w40 {
        width: 100%;
        min-width: 100%;
    }
    .contact-box-body {
        padding: 40px 30px;
    }
    .faq-accordion-title {
        padding: 20px 50px 20px 20px;
    }
    .faq-accordion-title:after {
        right: 20px;
    }
    .faq-accordion .accordion {
        margin: 0 20px;
    }
    .faq-category {
        margin: 30px 35px 10px;
    }
    .contact-box-header {
        padding: 20px 40px;
    }
    .contact-desc {
        font-size: 16px;
        margin-top: 10px;
    }
    .header-form .header-top .account-btn .ic{
        line-height: 60px;
    }
    .header-top .account-btn .ic{
        vertical-align: super;
    }
    .radio-field.radio-camera-field {
        width: calc(50% - 15px);
        float: unset;
        display: inline-block;
    }
    .account-btn .user-name {
        font-size: 14px;
        padding-right: 5px;
        display: inline-block;
        vertical-align: baseline;
        line-height: 1.1;
        height: 60px;
    }
    .wave-section .object-bg-9 {
        width: 13%;
    }
    .tooltips-info {
        max-width: 300px;
        left: -100px;
    }
    .tooltips-info.left {
        right: -100px;
        left: unset;
    }
    .tooltips-info.tiny-left {
        right: -45px;
        left: unset;
    }
    .account-btn .ic.vertical-baseline {
        vertical-align: baseline;
    }
    
}

@media (max-width: 375px) {
    .banner-insurance-form.travel-banner-insurance {
        margin-top: 9%;
    }

    input[type="checkbox"] + .checkbox-label + span {
        width: calc(100% - 35px);
    }
    .banner-img.visible-device {
        bottom: 0;
    }
}