@media screen and (max-width: 1200px) {
    
    .home-banner {
        height: 420px;
    }
    
    .home-banner-text {
        margin: 100px 0 0 0;
        font-size: 21px;
    }
    
    .footer {
        display: none;
    }
    
    .re-footer {
        display: block;
    }
    
    .copyright {
        text-align: center;
    }
    
    .copyright .text-right {
        text-align: center !important;
    }
    
    .subpage-area.news-details .container {
        padding: 75px 15px;
        width: 90%;
    }
    
    .subpage-area.news-details .container * {
        max-width: 100%;
    }
    
    .cs-popup-group {
        max-width: 80%;
        left: 10%;
        top: -100%;
        margin: 0 0 0 0;
    }
    
}

@media screen and (max-width: 700px) {
    
    .home-banner {
        height: 250px;
    }
    
    .home-banner-text {
        margin: 50px 0 0 0;
        font-size: 17px;
    }

    .re-footer {
        padding: 5px 0 40px 0;
    }
    
    .re-footer img {
        margin: 25px 0 0 0;
    }
    
    .services ul {
        margin: 15px 0 0 0;
    }
    
    .aboutus {
        padding: 50px 0;
    }
    
    .services {
        padding: 50px 0;
    }
    
    .news {
        padding: 50px 0;
    }
    
    .discount {
        padding: 50px 0;
    }
    
    .join-us {
        padding: 50px 0;
    }
    
}

/* responsive menu */
.responsive-group {
    display: none;
}

.re-show {
    display: none;
}

@media screen and (max-width: 1200px) {
    
    body {
        padding: 100px 0 0 0;
    }
    
    .header {
        display: none;
    }
    
    .responsive-group {
        display: block;
    }
    
    .responsive-group .pull-down-icon {
        background: url("../images/re_pull_down_icon.png");
    }
    
    .re-nav {
        position: fixed;
        width: 100%;
        z-index: 1;
        opacity: 0;
        transition: all 0.35s ease 0s;
        top: -100px;
        left: 0;
        height: 5px;
        overflow-y: auto;
        padding: 0 0 100px 0;
    }
    
    .re-nav.show {
        opacity: 1;
        height: 100%;
        margin-top: 0;
        z-index: 6000;
        top: 100px;
    }
    
    .re-nav ul {
        position: relative;
    }
    
    .re-nav ul li a {
        display: block;
        width: 100%;
        background: rgba(68, 187, 188, 0.96);
        border-bottom: solid 2px #00a5b7;
        color: #fff;
        text-align: center;
        padding: 20px 0;
        font-size: 23px;
        font-weight: bold;
        text-decoration: none;
    }
    
    .re-nav ul li ul li a {
        padding: 5px 0;
        background: #fff;
        color: #d2ab67;
        font-size: 15px;
    }
    
    .header-nav .menu-icon {
        width: 30px;
        height: 30px;
        background: url("../images/re_menu_icon.png") no-repeat;
        background-size: 30px;
        position: fixed;
        z-index: 5500;
        right: 25px;
        top: 38px;
        cursor: pointer;
    }
    
    .header-nav .menu-icon.on {
        background: url("../images/re_menu_icon_close.png") no-repeat;
        background-size: 30px;
    }
    
    .header-nav {
        align-items: center;
        height: 100px;
        width: 100%;
        display: flex;
        position: fixed;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 7000;
        box-shadow: 0 0 8px #eee;
    }
    
    .header-nav a {
        margin: auto;
    }
    
    .header-nav img {
        width: 100px;
        max-width: 100%;
    }
    
    .re-show {
        display: block;
    }
    
    .re-top-icon {
        height: 44px;
        background: #e9e9e9;
        position: fixed;
        width: 100%;
        z-index: 5800;
        top: 100px;
        left: 0;
        transition: all 0.35s ease 0s;
        opacity: 1;
    }
    
    .re-top-icon.hide {
        top: -100px;
        opacity: 0;
    }
    
    .re-top-icon ul {
        text-align: center;
    }
    
    .re-top-icon ul li {
        display: inline-block;
        margin: 5px 15px;
    }
    
    .responsive-group {
        display: block;
    }
    
    .re-nav .right-top-bar {
        width: 100%;
        position: relative;
        background: #e6e6e6;
        margin: 0;
        padding: 8px 0;
        top: 0;
        text-align: center;
    }
    
    .re-nav .right-top-bar * {
        line-height: normal;
        display: inline-block;
    }
    
    .re-nav .right-top-bar .lang-box {
        display: inline-block;
        margin: 10px 0;
    }
    
    .re-nav .right-top-bar .lang-box ul li a {
        padding: 0;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
        font-weight: bold;
        background: none;
        color: #aaa;
        border: solid 1px #aaa;
    }
    
    .re-nav .right-top-bar .lang-box ul li a.this, 
    .re-nav .right-top-bar .lang-box ul li a:hover {
        color: #383348;
        border: solid 1px #383348;
    }
    
    .re-nav .right-top-bar .top-tv-icon, .re-nav .right-top-bar .world-icon {
        margin: 0 5px;
    }
    
    .responsive-group .re-nav .right-top-bar .world-icon .pull-down-icon {
        margin: 0;
        background: url("../images/pull_down_icon.png");
    }
    
}