.hr_gray_white{

    background-color: #F5F5F5;

    /*
    padding-top: 800px;
    margin-bottom: -1400px;
    */
    padding-top: 30%;
    margin-bottom: calc( -30% - 613px);    
    z-index: -2;
    position: relative;

    @media #{$mobile_device} { /* (max-width: 767px) */
        padding-top: 100vh;
        margin-bottom: calc( -100vh - 200px);    
    }
    @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
        padding-top: 30%;
        margin-bottom: calc( -30% - 275px);    
    }
    @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
        padding-top: 30%;
        margin-bottom: calc( -30% - 330px);    
    }
    @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
        padding-top: 30%;
        margin-bottom: calc( -30% - 415px);    
    }
    &.hr_gray_white_top {
        padding-top: 0;
        margin-bottom: -635px;    

        @media #{$mobile_device} { /* (max-width: 767px) */
            margin-bottom: -200px;    
        }
        @media #{$tablet_device} { /* (min-width: 768px) and (max-width: 991px) */
            margin-bottom: -275px;    
        }
        @media #{$mid_device} { /* (min-width: 992px) and (max-width: 1200px) */
            margin-bottom: -330px;
        }
        @media #{$large_device} { /* (min-width: 1200px) and (max-width: 1500px) */
            margin-bottom: -415px;
        }

    }
    .main-hr_gray_white{
        /*background-color: #FFFFFF;*/
        /*width: 1920px;*/
        //min-height: 1033px;

        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-position: bottom; background-size: cover;
        min-height: 635px;

        /*padding: 0 150px;*/
        @media #{$mobile_device} {
            min-height: 200px;
        }
        @media #{$tablet_device} {
            min-height: 275px;
        }
        @media #{$mid_device} {
            min-height: 330px;
        }
        @media #{$large_device} {
            min-height: 415px;
            /*padding: 0 50px;*/
        }
    }

}

.cookie_area, .faq_list_area, .privacy_area {
    min-height: 635px;
    @media #{$mobile_device} {
        min-height: 200px;
    }
    @media #{$tablet_device} {
        min-height: 275px;
    }
    @media #{$mid_device} {
        min-height: 330px;
    }
    @media #{$large_device} {
        min-height: 415px;
        /*padding: 0 50px;*/
    }
}