@media screen and (max-width:358.98px)
{
    .sec_21
    {
        margin-top:25px;
    }
}
@media screen and (max-width:349px) 
{
    .box_text
    {
        padding-top:0px
    }
}

@media screen and (min-width:349px)  and (max-width:358.98px) 
{
    .box_text
    {
        padding-top:53px
    }
}
@media screen and (min-width:300.98px)  and (max-width:357.98px) 
{
    .line_dot
    {
         margin-top: 858px !important;
    }
}
@media screen and (min-width:357.98px)  and (max-width:358.98px) 
{
    .line_dot
    {
         margin-top: 828px !important;
    }
}
@media screen and (min-width:358.98px)  and (max-width:361.98px) 
{
    .line_dot
    {
         margin-top: 801px !important;
    }
    .box_text{
	  padding-top:50px;   
        -webkit-transform: translateX(0%)!important;
         margin-left:-50%!important; 
    }
}
@media screen and (min-width:361.98px)  and (max-width:362.98px) 
{
    .line_dot
    {
         margin-top: 801px !important;
    }
}
@media screen and (min-width:362.98px)  and (max-width:402.98px) 
{
    .line_dot
    {
         margin-top: 801px !important;
    }
}
@media screen and (min-width:402.98px)  and (max-width:406.98px) 
{
    .line_dot
    {
         margin-top: 801px !important;
    }
}
@media screen and (min-width:406.95px)  and (max-width:408.98px) 
{
    .line_dot
    {
         margin-top: 801px !important;
    }
}
@media screen and (min-width:358px)  and (max-width:408.98px) 
{
    .box_text
    {
        padding-top:23px
    }
    
}



@media screen and (min-width:408.98px) and (max-width:540px)
{
    .box_text
    {
        padding-top:50px
    }
    .line_dot
    {
         margin-top:57px
    }
    
    .box_text
    {
        padding-top:50px;   
        -webkit-transform: translateX(50%)!important;
         margin-left:-50%!important;
    }
    
}

@media screen and (max-width:540px)
{
    .text_head
    {
        font-size:35px;
    }
    .text_sub
    {
        font-size:25px;
    }
    .sb,.sb > li
    {
        width:100%;
    }
    .sb
    {
        margin-top:240px;
    }
    .a_tree 
    {
        position:fixed;
        margin-top:400px;
    }
    .box_text
    {
        background:#ffffff9e;
        width:100%;
        margin-left:0px;
        z-index:30;
    }
    .text_1
    {
        font-size:25px;
    }
    .text_2
    {
        font-size:20px;
    }
    .text_3
    {
        font-size: 16px !important;
    }
    .text_4
    {
        font-size:20px;
    }
    .t_big
    {
        font-size:30px;
    }
     .text_s2,.text_2s2
    {
        font-size:25px;
    }
    .t2_big
    {
        font-size:40px;
    }
    ul.uls
    {
        width: 100%;
    }
    ul.uls > li
    {
        float: unset;
        text-align:left;
    }
     .text_2s2
    {
        margin-top:200px;
    }
    .line_dot
    {
         margin-top: 801px;
    }
}

@media screen and (min-width:540.98px) and (max-width:768px)
{
    .text_head
    {
        font-size:35px;
    }
    .text_sub
    {
        font-size:25px;
    }
    .a_tree 
    {
        position:fixed;
        margin-top:400px;
    }
     ul.uls
    {
        width: 400px;
    }
    ul.uls > li
    {
        float: unset;
        text-align:left;
    }
     .text_2s2
    {
        margin-top:200px
    }
}

@media screen and (min-width:768px) and (max-width:992.98px)
{
    .text_head
    {
        font-size:50px;
    }
    .text_sub
    {
        font-size:40px;
    }
    ul.uls
    {
        width: 400px;
    }
    ul.uls > li
    {
        float: unset;
        text-align:left;
    }
    .a_tree 
    {
        position:fixed;
        margin-top:400px;
    }
    .text_2s2
    {
        margin-top:200px
    }
}

@media screen and (min-width:992.98px)
{
    .text_head
    {
        font-size: 50px;
    }
    .text_sub
    {
        font-size: 40px;
    }
    
    .text_sec2
    {
        font-size: 40px;
        margin-bottom:20px;
    }
    ul.uls
    {
        width: 956px;
    }
    .a_tree 
    {
        position:fixed;
        margin-top:400px;
    }
}