@media (min-width: 1920px){
}

@media (min-width: 1600px){
}

@media (min-width: 1521px){
}

@media (min-width: 1366px){
    .container{
        width: 1200px;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px){
    .col-lg-5ths{
        width: 20%;
        float: left;
    }
    .header-custom .nav-custom>li{
        margin: 0 25px;
    }
    .footer-nav{
        padding-right: 390px;
    }
    .footer-nav .row{
        padding-right: 90px;
    }
    .footer-down .down-left{
        float: left;
    }
    .footer-down .down-right{
        float: right;
    }
    .mod-13{
        width: 74%;
    }
}

@media (min-width: 1025px){
}

@media (min-width: 992px){
    .col-md-5ths{
        width: 20%;
        float: left;
    }
    .header-custom .nav-custom{
        margin-top: 2px;
        margin-right: 80px;
    }
    .header-custom .nav-custom>li>a{
        padding: 25px 0;
        border-bottom: 2px solid #fff;
    }
    .header-custom .nav-custom>li>a:hover,
    .header-custom .nav-custom>li>a:focus{
        border-bottom: 2px solid #e60012;
    }
    .header-custom .nav-custom>.active>a,
    .header-custom .nav-custom>.active>a:hover,
    .header-custom .nav-custom>.active>a:focus{
        border-bottom: 2px solid #e60012;
    }
    #message-form{
        width: 820px;
        margin-left: -410px;
        position: absolute;
        left: 50%;
    }

}

@media (min-width: 768px){
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
    .footer-nav .row{
        border-right: 1px solid #e2dedf;
    }
    #message-success{
        width: 650px;
        margin-left: -325px;
        left: 50%;
    }
    .mod-07 .box .content img{
        position: absolute;
        top: -20px;
        right: 0;
    }
}

@media (min-width: 1280px) and (max-width : 1520px){
}

@media (min-width: 1025px) and (max-width : 1365px){
}

@media (min-width: 992px) and (max-width : 1199px){
    .header-custom .nav-custom>li{
        margin: 0 10px;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    .footer-nav{
        padding-right: 330px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    #message-form{
        width: 720px;
        margin-left: -360px;
        position: absolute;
        left: 50%;
    }
}

@media only screen and (max-width: 1279px){
    .block-01{ display: none; }
    .index_ab_section_01{ display: block; }
}

@media only screen and (max-width: 1199px){
}

@media only screen and (max-width : 1024px){
    .web-address{
        display: none;
    }
    .wap-address{
        display: block;
    }
}

@media only screen and (max-width : 991px){
    .footer-nav .li .cont{
        display: none;
    }
}

@media only screen and (max-width : 767px){
    .col-xs-5ths{
        width: 20%;
        float: left;
    }
    .footer-icon{
        display: none;
    }
    .tit-1 .name{
        padding-right: 0;
        background: none;
    }
    .tit-1 .name span{
        padding-left: 0;
        background: none;
    }
    .mod-02>div .text{
        width: 100%;
        margin-left: 0;
        right: 0;
        left: 0;
    }
    .mod-04 .text-1 ul li{
        padding-left: 0;
    }
    .mod-04 .text-1 ul li .number{
        width: auto;
        margin-top: 0;
        text-align: left;
        position: static;
    }
    #message-form{
        position: absolute;
        right: 15px;
        left: 15px;
    }
    .mod-05 .close-message{
        right: 0;
    }
    #message-success{
        right: 15px;
        left: 15px;
    }
    .logo-2{
        display: none;
    }

}

@media only screen and (max-width : 640px){

}

@media only screen and (max-width : 560px){
    .mod-05 .content .text-1{
        font-size: 20px;
    }
}

@media only screen and (max-width : 480px){
    .tit-1 .name span{
        font-size: 26px;
    }
    .mod-02>div .text .title{
        font-size: 22px;
    }
    .mod-05 .title{
        font-size: 28px;
    }
    .mod-05 .content .text-1{
        line-height: 28px;
        font-size: 16px;
    }
}

@media only screen and (max-width : 400px){
    .footer-nav .footer-logo{
        display: none;
    }

}

@media only screen and (max-width: 360px){
    .header-custom .navbar-toggle{
        margin-right: 110px;
    }

}

@media only screen and (max-width: 320px){

}