@media (max-width:1460px) {

}

@media (max-width:991px) {
    .offer-form {padding: 40px 15px;}

}

@media (min-width: 768px) and (max-width: 1024px){
    .container{padding: 0 15px}
    .main-header{border-bottom: 1px solid #d6d6d6;}
    .main-header .container{display: flex; justify-content: space-between; align-items: center;}
    .main-header .logo-area a{font-size: 26px;}
    .main-header .btn-menu{border:#000 1px solid; background: transparent; padding: 6px 10px; display: block;}
    .main-header .btn-menu svg{width: 16px; margin-right: 8px}
    .main-header .menu-area{display: none}
    .main-header .menu-area.active{position: absolute;z-index: 2; background: #fff; width: 100%; display: block;}
    .main-header .menu-area ul li{display: block; padding-right: 0;}
    .main-header .logo-area .tag-line{display: none}
    .benner-area{height: auto;}
    .benner-area img{width: 100%; height: auto; position: relative;}

    .popular {margin-top: 30px;}
    .popular .slider-area .brand-box{margin: 15px}
    .popular .owl-prev{left: -8px}
    .popular .owl-next{right: -8px}

    .deal-section {margin-top: 30px;}
    .deal-section ul.deal-list li.brand-box {width: 48%;}
    .deal-section ul.deal-list li.brand-box .offer{font-size: 20px; padding-top: 15px; padding-bottom: 15px}
    .deal-section ul.deal-list li.brand-box .offer span{font-size: 14px}
    .hot_deals ul.deal-list li.brand-box{width: 100%}
    .hot_deals ul.deal-list li.brand-box .offer{padding: 15px 0; font-size: 20px; line-height: 26px}
    .hot_deals ul.deal-list li.brand-box .logo-block img {max-width: 90%;}
    .hot_deals ul.deal-list li.brand-box .offer span{font-size: 14px}
    .footer-main .footer-flex {display: block;}
    .footer-main .footer-flex .copyright{width: 100%}
    .footer-main .footer-flex ul.footer-links li {padding-right: 20px;}

    .offer-form .c_coupon_box{padding: 30px;}
    .offer-form .right-detail {margin-top: 30px;}
    .offer-form .right-detail .brand-logo{  width: 230px;   height: 100px;}
    .offer-form .right-detail .offer-text{  font-size: 30px;}
}

@media (max-width: 767px) {
    .container{padding: 0 15px}
    .main-header{border-bottom: 1px solid #d6d6d6;}
    .main-header .container{display: flex; justify-content: space-between; align-items: center;}
    .main-header .logo-area a{font-size: 26px;}
    .main-header .btn-menu{border:#000 1px solid; background: transparent; padding: 6px 10px; display: none;}
    .main-header .btn-menu svg{width: 16px; margin-right: 8px}
    .main-header .menu-area{display: none}
    .main-header .menu-area.active{position: absolute;z-index: 2; background: #fff; width: 100%; display: block;}
    .main-header .menu-area ul li{display: block; padding-right: 0;}
    .main-header .logo-area .tag-line{display: none}
    .benner-area{height: auto;}
    .benner-area img{width: 100%; height: auto; position: relative;}

    .popular {margin-top: 30px;}
    .popular .slider-area .brand-box{margin: 15px}
    .popular .owl-prev{left: -8px}
    .popular .owl-next{right: -8px}

    .deal-section {margin-top: 30px;}
    .deal-section ul.deal-list li.brand-box {width: 100%;}
    .deal-section ul.deal-list li.brand-box .offer{font-size: 20px; padding-top: 15px; padding-bottom: 15px}
    .deal-section ul.deal-list li.brand-box .offer span{font-size: 14px}
    .hot_deals ul.deal-list li.brand-box{width: 100%}
    .hot_deals ul.deal-list li.brand-box .offer{padding: 15px 0; font-size: 20px; line-height: 26px}
    .hot_deals ul.deal-list li.brand-box .logo-block img {max-width: 90%;}
    .hot_deals ul.deal-list li.brand-box .offer span{font-size: 14px}
    .footer-main .footer-flex {display: block;}
    .footer-main .footer-flex .copyright{width: 100%}
    .footer-main .footer-flex ul.footer-links li {display: block;padding-right: 0;}

    .offer-form{padding: 20px 15px;}
    .offer-form .c_coupon_box{padding: 30px;}
    .offer-form .right-detail {margin-top: 30px;}
    .offer-form .right-detail .brand-logo{  width: 230px;   height: 100px;}
    .offer-form .right-detail .offer-text{  font-size: 30px;}
    p.c_loding_text {margin-top: 248px;text-align: center;}
    a#call_again_link {
        text-align: center;
        padding: 7px 15px;
        font-size: 17px;
    }
    p.c_loding_text {
        margin-top: 257px;
        font-size: 22px;
        text-align: center;
        padding: 0px 14px;
    }
    div#load-perc img {
        margin-top: -12px;
    }
    #the_bank_teceive_form {
        padding: 65px 20px;
    }
    #the_bank_teceive_form h2 {
        font-size: 19px;
    }
}