.main_container{
    min-height:1px;
}
.page-content{
    height:calc(100vh - 140px);
    min-height:780px;
}
.not-found-section{
    position:relative;   
    height:100%;
}
.nf-bg .blue-bg{
    position:absolute;
    z-index:1;
    left:0;
    right:calc(50% - 380px);
    top:0;
    bottom:0;
    background: rgb(0,117,123);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%,rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00757b', endColorstr='#00a1a9',GradientType=1 );
}
.nf-bg .light-bg{
    position:absolute;    
    z-index:3;
    right:0;
    height: 100%;
    background-color:#fff;
    background-image: url('../img/404-bg.jpg');
    background-repeat: no-repeat;
    top:-267px;
    left:calc(50% - 528px);
    z-index: 3;
    width: 1649px;
    height:1649px;
    border-radius:50%;
    background-position: -72% 43%;
}
.nf-bg:after{
    content:'';
    background:#fff;
    top:0;
    bottom:0;
    width:1000%;
    left:50%;
    position:absolute;
    z-index:2;
}


.not-found-section .wrapper{
    height:100%;
    position:relative;
    z-index:4;
}

.not-found-txt{
    font-size:30px;
    line-height:1.2;
    color:#00a1a9;
    display:inline-block;
    position:relative;
    margin-top: 34%;
    margin-left: 47%;
}
.not-found-txt p{
    margin:0 0 30px;
}
.not-found-bottom{
    text-align:center;
    position:relative;
    margin-top:120px;
}
.not-found-bottom li + li{
    margin-left: 20px;
}
.not-found-bottom li{
    display:inline-block;
}

@media (max-height: 890px) and (min-width: 1200px){
    .nf-bg .light-bg{
        background-position: -72% 32%;
    }
    .not-found-txt{
        margin-top: 23%;
    } 
    .not-found-bottom{
        margin-top:55px;
        padding-left:20%;
    }   
}
@media (max-width: 1199px){
    .not-found-section{
        padding-bottom:35px;
    }
    .nf-bg .light-bg{
        width:10000px;
        height:900px;
        border-radius:999999px;
        top: -155px;
        left:calc(50% - 435px);
        background-position: -200px 49%;
        background-size: 800px auto;
    }
    
    .page-content,
    .not-found-section,
    .not-found-section .wrapper{
        height:auto;
        min-height:0;
    }
    
    .not-found-txt{
        margin-left: 360px;
        margin-top: 209px;
        font-size:24px;
    }
    
    .not-found-bottom{
        margin-top:20px;
    }
}
@media (max-width: 991px){
    .nf-bg .light-bg {
        width: 100%;
        height: 750px;
        left: calc(50% - 350px);
        background-position: -170px 51%;
        background-size: 650px auto;
    }
    .not-found-txt {
        margin-left: 277px;
        margin-top: 155px;
    }
}
@media (max-width: 767px){
    .not-found-txt{
        margin-left: 130px;
        margin-top: 95px;
        font-size:18px;
        padding-right:15px;
    }
    .not-found-txt p{
        margin-bottom:15px;
        font-size:16px;
    }
    .not-found-txt p br{
        display:none;
    }
    .not-found-bottom{
        padding-left:130px;
        text-align:left;
    }
    .not-found-bottom li{
        display:block;
    }
    .not-found-bottom li + li{
        margin-left:0;
        margin-top:10px;
    } 
    .not-found-bottom li .button{
        padding:12px 14px;
        font-size:14px;
    }
    .nf-bg .light-bg{
        width: 779px;
        height: 729px;
        left:6px;
        background-position: -56px 33%;
        background-size: 270px auto;
    }
    
    .btn.btn-green,
    .btn.btn-line{
        font-size:16px;
        padding-left:10px;
        padding-right:10px;
    }
    .btn.btn-green{
        padding-left:15px;
        padding-right:15px;
    }
}
@media (max-width: 479px){
    .not-found-bottom{
        padding-left:55px;
    }
}