/*layouts*/
body{
    min-width: 320px; /*2017-01-03 was 330*/
}
table{
    max-width: 100% !important;
}
div{
    box-sizing: border-box;
}
div.xl_1_1 {
    width: 100%;
    box-sizing: border-box;
}
div.xl_1_2{
    width: 50%;
    box-sizing: border-box;
}
div.xl_1_3{
    width: 33.33333333%;
    box-sizing: border-box;
}
div.xl_2_3{
   width: 66.666666666%;
   box-sizing: border-box;
}
div.xl_3_4{
   width: 75%;
   box-sizing: border-box;
}

div.xl_1_4{
   width: 25%;
   box-sizing: border-box;
}
div.xl_1_6{
   width: 16.6666666666%;
   box-sizing: border-box;
}
div.xl_5_6{
   width: 83.33333333333%;
   box-sizing: border-box;
}
div.xl_1_12{
    width: 8.333333333333%;
   box-sizing: border-box;
}

div.xl_4_10{
    width: 40%;
   box-sizing: border-box;
}
div.xl_6_10{
    width: 60%;
   box-sizing: border-box;
}
div.middle{
	box-sizing: border-box;
    max-width: 960px;
    margin: 0 auto 0;
}

.flex_stretch{
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

@media all and (max-width: 1071px){
    div.l_1_1 {
        width: 100%;
        box-sizing: border-box;
    }
    div.l_1_2{
        width: 50%;
        box-sizing: border-box;
    }
    div.l_1_3{
        width: 33.33333333%;
        box-sizing: border-box;
    }
    div.l_2_3{
       width: 66.666666666%;
       box-sizing: border-box;
    }
    div.l_3_4{
       width: 75%;
       box-sizing: border-box;
    }
    div.l_1_4{
       width: 25%;
       box-sizing: border-box;
    }
    div.l_1_6{
       width: 0.166666666666%;
       box-sizing: border-box;
    }
    div.l_5_6{
       width: 0.8333333333333%;
       box-sizing: border-box;
    }
    div.l_1_12{
        width: 0.08333333333333%;
       box-sizing: border-box;
    }
    div.middle{
    	max-width: 756px;
    }
}



@media all and (max-width: 865px){
   div.xm_1_1 {
        width: 100%;
        box-sizing: border-box;
    }
    div.xm_1_2{
        width: 50%;
        box-sizing: border-box;
    }
    div.xm_1_3{
        width: 33.33333333%;
        box-sizing: border-box;
    }
    div.xm_2_3{
       width: 66.666666666%;
       box-sizing: border-box;
    }
    div.xm_3_4{
       width: 75%;
       box-sizing: border-box;
    }
    div.xm_1_4{
       width: 25%;
       box-sizing: border-box;
    }
    div.xm_1_6{
       width: 0.166666666666%;
       box-sizing: border-box;
    }
    div.xm_5_6{
       width: 0.8333333333333%;
       box-sizing: border-box;
    }
    div.xm_1_12{
        width: 0.08333333333333%;
       box-sizing: border-box;
    }
}



@media all and (max-width: 788px){
   div.m_1_1 {
        width: 100%;
        box-sizing: border-box;
    }
    div.m_1_2{
        width: 50%;
        box-sizing: border-box;
    }
    div.m_1_3{
        width: 33.33333333%;
        box-sizing: border-box;
    }
    div.m_2_3{
       width: 66.666666666%;
       box-sizing: border-box;
    }
    div.m_3_4{
       width: 75%;
       box-sizing: border-box;
    }
    div.m_1_4{
       width: 25%;
       box-sizing: border-box;
    }
    div.m_1_6{
       width: 0.166666666666%;
       box-sizing: border-box;
    }
    div.m_5_6{
       width: 0.8333333333333%;
       box-sizing: border-box;
    }
    div.m_1_12{
        width: 0.08333333333333%;
       box-sizing: border-box;
    }
}


@media all and (max-width: 600px){
	div.middle{
		max-width: 100%;
		box-sizing: border-box;
	}
    img.navigation_image{
        position: absolute;
        margin-top: 21px;
        margin-left: 20px;
        display: block;
    }
    div.s_1_1 {
        width: 100%;
        box-sizing: border-box;
    }
    div.s_1_2{
        width: 50%;
        box-sizing: border-box;
    }
    div.s_1_3{
        width: 33.33333333%;
        box-sizing: border-box;
    }
    div.s_2_3{
       width: 66.666666666%;
       box-sizing: border-box;
    }
    div.s_3_4{
       width: 75%;
       box-sizing: border-box;
    }
    div.s_1_4{
       width: 25%;
       box-sizing: border-box;
    }
    div.s_1_6{
       width: 0.166666666666%;
       box-sizing: border-box;
    }
    div.s_5_6{
       width: 0.8333333333333%;
       box-sizing: border-box;
    }
    div.s_1_12{
        width: 0.08333333333333%;
       box-sizing: border-box;
    }

}