@media screen and (min-width: 1200px) and (max-width: 1500px) {
    header .top-btn a.login {
        font-size: 13px;
        background: url(../images/login-icon.png) no-repeat 25px center;
        padding: 15px 30px 15px 50px;
        letter-spacing: 0;
    }
    header .top-btn a.join {
        padding: 16px 30px;
        letter-spacing: 0;
        margin-left: 5px;
        font-size: 13px;
    }
    .sec-1 .main .desc {
        top: 26%;
        width: 65%;
    }
    .home-about .offset-md-1 {
        margin-left: 0;
    }
    .home-about .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .home-feat .offset-md-2 {
        margin-left: 10%;
    }
    .home-feat .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 38%;
        max-width: 38%;
    }
    .sec-testi .inner-item .desc p {
        font-size: 16px;
        line-height: 23px;
    }
    .sec-testi h2 {
        font-size: 35px;
    }
    .sec-testi .slick-list {
        padding: 0 5% 0 0 !important;
    }
    .sec-join .lf .innr-plan .box {
        width: 240px;
    }
    .sec-join .lf .innr-plan .box2 {
        margin-left: 10px;
    }
}

/*#####################################################################*/
@media screen and (min-width: 1451px) and (max-width: 1600px) {

}
/*#####################################################################*/
@media screen and (min-width: 1300px) and (max-width: 1450px) {

}
/*#####################################################################*/
@media screen and (min-width: 1100px) and (max-width: 1299px) {

}
/*#####################################################################*/
@media screen and (min-width: 950px) and (max-width:1099px) {
/*Search*/
.search-pg #content a.ar {width: 20%;}
}
/*#####################################################################*/
@media screen and (min-width: 768px) and (max-width:900px) {
/*Search*/
.search-pg #content a.ar{width: 20%;}
/*404*/
.message-box-wrapper-404 .message-box-content-404 {font-size: 18px; line-height: 30px;}

}
/*#####################################################################*/
@media screen and (min-width: 100px) and (max-width:767px) {
/*Search*/
.search-pg #content a.ar{width: 20%;}
/*404*/
.message-box-wrapper-404 .message-box-content-404 {font-size: 18px; line-height: 30px;}

}
/*#####################################################################*/
@media screen and (min-width: 550px) and (max-width:680px) {
/*Search*/
.search-pg #content a.ar {width: 30%;margin: 0 auto;display: block;}
.search-pg #content h1{padding-bottom: 10px;margin: 0 auto;}
.search-pg #content h2 a{display: block; margin: 0 auto; text-align: center;}
/*404*/
.message-box-wrapper-404 h2 {font-size: 18px; margin: 0;}
.message-box-wrapper-404 .message-box-title-404 span {font-size: 170px; line-height: 170px; }
.message-box-wrapper-404 .message-box-content-404 {font-size: 16px;line-height: 30px;}
}
/*#####################################################################*/
@media screen and (min-width: 100px) and (max-width:500px) {
/*Search*/
.search-pg #content a.ar {width: 50%;margin: 0 auto;display: block;}
.search-pg #content h2 a{text-align: center; display: block}
.search-pg #content p{text-align: center;}
/*404*/
.message-box-wrapper-404 h2 {font-size: 18px; margin: 0; }
.message-box-wrapper-404 .message-box-title-404 span {font-size: 88px; line-height: 80px; }
.message-box-wrapper-404 .message-box-content-404 {font-size: 18px; line-height: 30px; }
}
/*#####################################################################*/