@media print,screen and (min-width: 769px) {


    #details #dt_tools .head h3{
        left: 0px;
        top: 50%;
        margin-top: -0.5em;
        width: 100%;
        text-align: center;
    }


    #details #dt_tools .section1 .clmL{
        float: left;
        width: 428px;
    }


    #details #dt_tools .section1 .clmR{
        float: right;
        width: 572px;
    }


    #details #dt_tools .section2{
/*        margin-top: 50px;*/
    }

    #details #dt_tools .section2 .clmL{
        float: left;
        width: 428px;
    }

    #details #dt_tools .section2 .clmL .texts{
        margin-top: 100px;
    }


    #details #dt_tools .section2 .clmR{
        float: right;
        width: 572px;
    }
    #details #dt_tools .section2 .clmR .img{
        margin-top: 1px;
    }

    #details #dt_tools .section2 .clmR .cl{
        float: left;
        width: 286px;
    }

    #details #dt_tools .section2 .clmR .cr{
        float: right;
        width: 285px;
        overflow: hidden;
        margin-left: 1px;
    }


}




@media only screen and (max-width: 768px) {


    #details #dt_tools .head h3{
        left: 0px;
        top: 50%;
        margin-top: -0.5em;
        width: 100%;
        text-align: center;
    }



    #details #dt_tools .section2 .clmR .cl{
        float: left;
        width: 50%;
    }


    #details #dt_tools .section2 .clmR .cr{
        float: right;
        width: 50%;
    }



}