@media only screen and (max-width:1200px){
    h1, .h1{ font-size: 265%; }
    .container{ max-width: 100%; width: 1140px; }
    .navbar-toggler{ margin-left: 15px; padding: 0; }
    .navbar-toggler:focus{ outline: none; }
    .navbar .navbar-nav .nav-link,.navbar .navbar-nav .nav-item:first-child .nav-link{ padding: 5px 15px; }
    .navbar .navbar-nav .nav-item.active .nav-link{ background-color: rgba(0,0,0,0.15); }
    .navbar-nav{ padding-top: 10px; }
    .nav-right{ padding: 10px 15px 15px; }
}

@media only screen and (max-width:991px){
    .bannerTxt{ border: none; }
    .step-panel ul li .icon{ width: 50px; height: 50px; padding: 10px; }
    .step-panel ul li p{ margin-left: 10px; font-size: 100%; }
    .cart-box .each_summary .added_card_left{ width: 100%; margin: 0 0 15px auto; padding-right: 0; border: none; }
    .cart-box .each_summary .action{ width: 100%; align-items: center; flex-direction: row; }
    .cart-box .each_summary .added_card_left > img{ max-width: 100%; }
}

@media only screen and (max-width:767px){
    body{ font-size: 14px; }
    .btn-lg{ font-size: 1rem; padding: 5px 10px; }
    .virtualContainer{ position: fixed; top: 35%; right: 0; transform: translateY(-50%); }
    .virtualContainer ul{ display: flex; flex-direction: column; align-items: flex-end; }
    .virtualContainer ul li{ padding: 0 !important; margin: 0 0 5px !important; border: none; display: flex; align-items: center; }
    .virtualContainer ul li:last-child{ margin-bottom: 0; }
    .virtualContainer ul li img{ width: 40px; height: 40px; padding: 10px; background-color: #ddd; border-radius: 10px 0 0 10px; filter: invert(100%); }
    .virtualContainer ul li a{ display: block; width: 0; height: 40px; line-height: 40px; background-color: #444; color: #fff; padding: 0; transition: all 0.15s ease-in-out; }
    .virtualContainer ul li a span{ color: #fff; padding: 0 10px !important; display: block; }
    .virtualContainer ul li a.show{ width: 160px; }
    .virtualContainer ul li a.show span{ font-size: 93%; }
    .banner-panel{ height: 235px; }
    .step-panel ul li{ flex-direction: column; }
    .step-panel ul li .icon{ margin-bottom: 5px; }
    .step-panel ul li p{ margin: 0; width: 100%;  text-align: center; }
    .form-control.form-control-lg{ height: 40px; font-size: 110%; }
    .cart-box .each_summary .added_card_description p:first-child{ width: 100%; padding: 0; margin: 0 0 10px !important; border: none; }
}

@media only screen and (max-width:575px){
    h1, .h1{ font-size: 200%; }
    .banner-panel{ height: auto; }
    .step-panel ul li{ width: calc(33.33% - 20px/3); margin-right: 10px; padding: 0 5px; }
    .step-panel li:after{ width: 10px; height: 10px; right: -10px; top: 22px; }
    .step-panel li:before{ display: none; }
    .step-panel ul li p{ font-size: 88%; line-height: 130%; }
    .step-panel ul li .icon{ width: 42px; height: 42px; padding: 8px; }
    .bannerTxt h1 span:first-child{ font-size: 80%; margin-bottom: 5px; }
    .section-header h2{ font-size: 140%; }
    .each_summary{ padding-bottom: 1.5rem; border-bottom: 1px solid #f2f1f1; }
    .each_summary:last-child{ padding-bottom: 0; border-bottom: none; }
}

@media only screen and (max-width:380px){
    .banner-col{ width: 100%; flex: 100%; max-width: 100%; text-align: center; margin-bottom: 15px; }
    .banner-col:last-child{ margin-bottom: 0; }
    .bannerImg{ max-width: 140px; }
    .get_started_gift{ margin-left: auto; }
    .step-panel ul li p{ font-size: 72%; }
}