@media (min-width: 1051px){
    .custom{
        height: 770px;
    }
}

.custom-title { position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 100px;
}

.custom-div {

    width: 100%;
    height: 570px;
}

.custom-div > div {
    width: 15%;
    height: 411px;
    margin-top: 52px;
    float: left;
    background-size: contain;
}

@media (min-width: 1001px){
    .m-container1{
        display: none;
    }
}

@media (max-width: 1000px) {
    .section2-container{
        display: none !important;
    }

    .m-container1{
        display: inline-block;
        /*height: 600px;*/
    }
    .section2-right{
        /*width: 70%;*/
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .section2-left {
        /*width: 70%;*/
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .m-container > a {
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 1050px) {
    .custom-div > div{
        width: 15%;
    }

    .custom{
        height: 411px;
    }

    .custom-div1{
        margin-left: 120px;
        height: 411px;
    }
}

.custom-div1{
    margin-left: 13%;
    background-image: url("/img/section3-img1-off.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 342px;
    height: 411px;
    display: block;

}

.custom-div1:hover {
    background-image: url("/img/section3-img1-on.png");
    width: 15%;
    height: 411px;
    display: block;
    background-size: contain;
}

.custom-div2{
    margin-left: 11px;
    background-image: url("/img/section3-img2-off.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 342px;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
}

.custom-div2:hover {
    background-image: url("/img/section3-img2-on.png");
    width: 15%;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
    background-size: contain;
}



.custom-div3{
    margin-left: 11px;
    background-image: url("/img/section3-img3-off.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 342px;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
}

.custom-div3:hover {
    background-image: url("/img/section3-img3-on.png");
    width: 15%;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
    background-size: contain;
}

.custom-div4{
    margin-left: 11px;
    background-image: url("/img/section3-img4-off.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 342px;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
}

.custom-div4:hover {
    background-image: url("/img/section3-img4-on.png");
    width: 15%;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
    background-size: contain;
}

.custom-div5{
    margin-left: 11px;
    background-image: url("/img/section3-img5-off.png");
    background-repeat: no-repeat;
    cursor: pointer;
    width: 342px;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
}

.custom-div5:hover {
    background-image: url("/img/section3-img5-on.png");
    width: 15%;
    height: 411px;
    display: block;
    transition-duration: 0.3s;
    background-size: contain;
}

/*.section4-img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/

.section4{
    width: 100%;
    height: 531px;
    background-image: url("/img/main/section4-img.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.img-responsive{
    margin-left: 250px;
}
.company2-title{
    margin-left: -200px
}

@media (min-width: 768px){
    .container{
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .m-container {
        display: none;
    }



    .box_wrap{

    }

    .section1-text{
        display: inline-block;
    }

    .m-section1-text {
        display: none;
    }

    .m-custom {
        display: none;
    }

    .section4 {
        display: block;
    }
    .m-section4{
        display: none;
    }
}

@media (max-width: 767px){
    .section2-left{
        width:80%;
    }
    .section2-right{
        width: 70%;
    }

    .section1-text{
        display: none;
    }

    .m-section1-text {
        display: inline-block;
        width: 60%;
    }

    .section02{
        /*height: 850px;*/
    }

    .footer-menu > .container {
        display: inline-block !important;
    }
    /*.container{*/
    /*    display: none;*/
    /*}*/
    .footer {
        display: inline-block !important;
    }

    .text-left{
        display: none;
    }





    .m-visual-text{
        width: 90%;
    }


    .custom {
        display: none;
    }

    .m-custom {
        display: inline-block;
        /*margin-top: 50px;*/
    }

    .m-custom-title {
        display: inline-block;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 50px;
        margin-top: 100px;
        width: 30%;
    }

    .section4 {
        display: none;
    }
    .m-section{
        display: inline-block;
    }

    .m-section4-img{
        width: 100%;
    }
}